rem. When both are provided,
--sf-header-height becomes a fluid clamp() between them using
the viewport range configured in the Spacing tab. Set both to the same value for a
- fixed height. Leave blank to use the framework default (5rem).
+ fixed height. Leave blank to use the framework defaults (3.5rem mobile,
+ 5rem desktop) — shown as the input placeholders.
Typography
+The quick brown fox jumps over the lazy dog
+
+ Body text uses --sf-color-text--secondary over the page
+ background. Headings, body, secondary and muted text each pull from
+ their own token so the hierarchy stays readable in both modes.
+
+ Muted caption · e.preventDefault()}>an inline link · auto-contrasting. +
+Surfaces
+Brand & status
+Buttons
+ +Feedback
+Card component
+Card Component
+Design token preview
++ Radius, shadow, colours, surfaces, and typography working together — + every value updates live as you adjust tokens. +
+ +Form field
+ +{css || '/* (defaults — no overrides set) */'}
+ - The quick brown fox jumps over the lazy dog -
-- Body and heading fonts update as you adjust typography settings. Colors below - reflect brand and status tokens for the selected mode. -
- - -Card Component
-Design token preview
-- This card shows radius, shadow, spacing, colors, and typography - working together. All values update live as you adjust tokens. -
- -{css || '/* (defaults — no overrides set) */'}
- Live Scale Preview
Live Scale Preview
Min and max values in rem for fluid type scaling via clamp().
- Leave both fields blank to use the framework defaults.
+ Leave both fields blank to use the framework defaults. The viewport range these
+ sizes interpolate across (and the range the Live Scale Preview above scrubs) is the
+ Fluid Scale Viewport Range set in the Spacing tab —
+ it's the shared source for both spacing and typography.
'),Ao=j(' ',1),Co=j(''),jo=j('The framework auto-derives dark mode from light source colors using CSS relative color syntax
+var Dn=Object.defineProperty;var br=e=>{throw TypeError(e)};var Ln=(e,t,s)=>t in e?Dn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var Je=(e,t,s)=>Ln(e,typeof t!="symbol"?t+"":t,s),Ma=(e,t,s)=>t.has(e)||br("Cannot "+s);var g=(e,t,s)=>(Ma(e,t,"read from private field"),s?s.call(e):t.get(e)),ve=(e,t,s)=>t.has(e)?br("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),ce=(e,t,s,a)=>(Ma(e,t,"write to private field"),a?a.call(e,s):t.set(e,s),s),Ee=(e,t,s)=>(Ma(e,t,"access private method"),s);var ir=Array.isArray,In=Array.prototype.indexOf,is=Array.prototype.includes,$a=Array.from,Vn=Object.defineProperty,xs=Object.getOwnPropertyDescriptor,On=Object.getOwnPropertyDescriptors,Kn=Object.prototype,Bn=Array.prototype,Kr=Object.getPrototypeOf,yr=Object.isExtensible;const Br=()=>{};function Nn(e){for(var t=0;t The framework auto-derives dark mode from light source colors using CSS relative color syntax
( Pick a color via the HEX input, or switch to Advanced to paste any
+ when you need precise per-color dark overrides; auto-derivation is usually good enough. '),jo=C(' ',1),zo=C(''),Fo=C('Brand Colors — Dark Mode
Status Colors — Dark Mode
',1),Mo=C(`Status Colors — Light Mode
oklch(from light clamp(0.65, 0.95−l·0.5, 0.88) c·0.9 h)). Turn this on only
- when you need precise per-color dark overrides; auto-derivation is usually good enough.Brand Colors — Light Mode
Pick a color via the HEX input, or switch to Advanced to paste any CSS color value (oklch, rgb, hsl, var(...), etc). Whatever you save is fed - straight into the framework as the source of the brand scale.
'),Vo=j(''),Io=j('
No Bricks fonts found. Add fonts in Bricks › Settings › Custom Fonts or the Bricks Font Manager, then reload this page.
'),Wo=j(''),Xo=j('The quick brown fox'),Yo=j('Display Scale
Live Scale Preview
Text Scale
Min and max values in rem for fluid type scaling via clamp().
- Leave both fields blank to use the framework defaults.
Live Scale Preview
The viewport width range (in rem) used to compute all fluid clamp() formulas for custom-overridden spacing and typography values. Default: 22.5 rem (360 px) → 95 rem (1520 px). Changing these only affects values you explicitly
+ straight into the framework as the source of the brand scale.
'),Ko=C(''),Bo=C('
No Bricks fonts found. Add fonts in Bricks › Settings › Custom Fonts or the Bricks Font Manager, then reload this page.
'),Jo=C(''),Qo=C('The quick brown fox'),el=C('Display Scale
Live Scale Preview
Text Scale
Min and max values in rem for fluid type scaling via clamp().
+ Leave both fields blank to use the framework defaults. The viewport range these
+ sizes interpolate across (and the range the Live Scale Preview above scrubs) is the Fluid Scale Viewport Range set in the Spacing tab —
+ it's the shared source for both spacing and typography.
Live Scale Preview
The viewport width range (in rem) used to compute all fluid clamp() formulas for custom-overridden spacing and typography values. Default: 22.5 rem (360 px) → 95 rem (1520 px). Changing these only affects values you explicitly
override below or in the Typography tab — the framework's built-in scale uses the same defaults
and is unaffected.
Min and max values in rem for fluid spacing via clamp().
- Leave both fields blank to use the framework defaults.
The Space Scale multiplier scales every spacing token at once — the quickest
+ Leave both fields blank to use the framework defaults.
The Space Scale multiplier scales every spacing token at once — the quickest
way to make a whole site more or less airy. Fine-grained per-step overrides, the fluid
- viewport range, and named aliases live under Advanced.
Base duration values in milliseconds.
Z-index layer values for stacking context management.
All --sf-* custom properties declared in the active SLASHED bundle,
- grouped by category.
All utility and state classes declared in the active SLASHED bundle.
When enabled, hovering a SLASHED class in the Bricks class manager shows a short
- description of what it does. Powered by data/classes-hints.json.
Enable the Bricks integration in SLASHED Settings to use this feature.
The SLASHED CSS bundle is loaded automatically on the frontend and in the block editor canvas. + viewport range, and named aliases live under Advanced.
Base duration values in milliseconds.
Z-index layer values for stacking context management.
All --sf-* custom properties declared in the active SLASHED bundle,
+ grouped by category.
All utility and state classes declared in the active SLASHED bundle.
When enabled, hovering a SLASHED class in the Bricks class manager shows a short
+ description of what it does. Powered by data/classes-hints.json.
Enable the Bricks integration in SLASHED Settings to use this feature.
The SLASHED CSS bundle is loaded automatically on the frontend and in the block editor canvas. The inventory is parsed from whichever bundle is active and drives the variable pickers, class autocomplete, and color palette in any active builder integration.
Choose which SLASHED CSS bundle to load on the frontend and in builder canvases. Essential is the full core layer (everything in core/). Optimal adds the optional color palette, extended size/spacing scales,
form styling, and legacy fallbacks. Full additionally bundles the
component tokens & styles and the utility classes.
Override the HTML root font-size. Use this when your theme or builder forces a root font-size - that conflicts with rem-based framework values.
'),cc=j('
'),dc=j(`
Export your current SLASHED token overrides (colors, typography, spacing, etc.) to a .json file and import them on any other WordPress site running this plugin.
+}`,s}function dc(e){if(!e||typeof e!="object")return!1;for(const t of Object.values(e))if(!(!t||typeof t!="object")){for(const s of Object.values(t))if(typeof s=="object"&&s!==null){for(const a of Object.values(s))if(a!==""&&a!==null&&a!==void 0)return!0}else if(s!==""&&s!==null&&s!==void 0)return!0}return!1}var uc=C(' '),vc=C('
'),fc=C('
'),pc=C(`
Export your current SLASHED token overrides (colors, typography, spacing, etc.) to a .json file and import them on any other WordPress site running this plugin.
Token exports are builder-agnostic — the file carries the brand tokens that drive the visual
result regardless of which builder or theme is in use.
Downloads a .json file containing all your active token overrides and plugin settings.
Share this file alongside your template export so the visual result is identical on every site.
Upload a .json file previously exported from this plugin. Each section is validated
@@ -36,8 +38,8 @@ var Rn=Object.defineProperty;var pr=e=>{throw TypeError(e)};var Mn=(e,t,s)=>t in
via this tab, then import your template via your builder. SLASHED re-registers all classes,
variables, and color palettes automatically.
var() calls —
- this means the CSS bundle isn't loading or the token file wasn't imported yet.
Parameters:
These WordPress filter hooks let you customize SLASHED integrations from your theme or a mu-plugin. - Hooks only fire when their respective integration is active.
Parameters:
These WordPress filter hooks let you customize SLASHED integrations from your theme or a mu-plugin. + Hooks only fire when their respective integration is active.
and background/foreground colors."},{name:"--sf-color-{white,black}",description:"Absolute white/black anchors in oklch space, for staying inside the token system."},{name:"--sf-color-surface",description:"Card/panel surface color (equals base)."},{name:"--sf-color-{inset,raised}",description:"Recessed (inset) and elevated (raised) surface background contexts."},{name:"--sf-color-selection-{bg,text}",description:"Text selection (::selection) background and foreground colors."},{name:"--sf-color-overlay",description:"Semi-transparent overlay for modals."},{name:"--sf-color-dim",description:"50% black overlay for dimming backgrounds."},{name:"--sf-color-scheme",description:"CSS color-scheme declaration (light dark). Holds a string, not a color."}]},{category:"Typography",description:"Font families, fluid size scale, weights, line-heights, letter-spacing, per-size sub-properties, and heading/body/prose configuration.",tokens:[{name:"--sf-font-{body,heading,mono,display,humanist,geometric,slab}",description:"Font stacks: body, heading, mono, display, plus curated humanist/geometric/slab fallback personalities."},{name:"--sf-font-{features,variation}",description:"font-feature-settings and font-variation-settings hooks."},{name:"--sf-font-weight-{thin,extralight,light,normal,medium,semibold,bold,extrabold,black}",description:"Named weight tokens: 100→900."},{name:"--sf-font-weight-{body,heading,display}",description:"Contextual weight tokens for body, heading, and display text."},{name:"--sf-current-font-weight",description:"Current context font weight (used by strong elements)."},{name:"--sf-leading-{tight,snug,normal,relaxed}",description:"Line-height presets: 1.1, 1.3, 1.5, 1.625."},{name:"--sf-tracking-{tight,normal,wide,wider,widest}",description:"Letter-spacing presets from -0.025em to 0.1em."},{name:"--sf-text-{2xs,xs,s,m,l,xl,2xl,3xl,4xl}",description:"Fluid type scale using clamp(). Honours --sf-text-scale."},{name:"--sf-text-display-{s,m,l}",description:"Extra-large display/hero sizes. Honour --sf-text-display-scale."},{name:"--sf-text-{scale,display-scale}",description:"Global multipliers for the body and display type scales (default 1)."},{name:"--sf-text-{2xs,xs,s,m,l,xl,2xl,3xl,4xl}-{line-height,font-weight,letter-spacing,max-width}",description:"Per-size sub-property override knobs (relaxed leading for small text, tight leading for display). Requires tokens.sizes-extended.css."},{name:"--sf-text-{xs,s,m,l,xl,2xl,3xl,4xl}-to-{2xs,xs,s,m,l,xl,2xl,3xl}",description:"Text bridge tokens: a clamp() spanning from one step (wide) to another (narrow) for extra range of motion. Requires tokens.sizes-extended.css."},{name:"--sf-h{1,2,3,4,5,6}-{size,font-weight,line-height,letter-spacing}",description:"Per-heading-level configuration tokens."},{name:"--sf-heading-{color,font-family,text-wrap}",description:"Global heading color, font stack, and text-wrap mode (balance)."},{name:"--sf-body-{color,font-family,font-size,font-weight,line-height,text-wrap,em-style,strong-weight}",description:"Body text configuration tokens."},{name:"--sf-prose-{block-margin,heading-gap,list-gap,paragraph,figure-margin,figcaption-size,media-margin,media-radius,marker-color}",description:"Long-form .sf-prose rhythm and element styling tokens."},{name:"--sf-code-font-size",description:"Inline font-size (relative em)."},{name:"--sf-optical-sizing",description:"font-optical-sizing control (auto)."},{name:"--sf-line-clamp",description:"Default line count for .sf-line-clamp-N."}]},{category:"Spacing",description:"Fluid spacing scale (clamp-based), bridge tokens, gutters, section padding, component padding, flow, safe-area insets, and sticky-header offsets.",tokens:[{name:"--sf-space-{none,px,2xs,xs,s,m,l,xl,2xl,3xl,4xl}",description:"Fluid spacing scale. Honours --sf-space-scale (none/px are fixed)."},{name:"--sf-space-scale",description:"Global multiplier for all space tokens (default 1)."},{name:"--sf-space-{2xs,xs,s,m,l,xl,2xl,3xl,4xl}-to-{2xs,xs,s,m,l,xl,2xl,3xl}",description:"Spacing bridge tokens: clamp() spanning a wider range than any single step. Requires tokens.sizes-extended.css."},{name:"--sf-space-{gutter,gap,content}",description:"Internal aliases: page gutter, default gap, content gap (consumed by --sf-gap / --sf-content-gap)."},{name:"--sf-gap / --sf-gap-size",description:"Default layout gap and its raw size component."},{name:"--sf-content-gap",description:"Gap between content elements (defaults to space-s)."},{name:"--sf-component-pad",description:"Internal padding for components (defaults to space-m)."},{name:"--sf-section-pad",description:"Active section padding alias."},{name:"--sf-section-pad--{xs,s,m,l,xl,2xl}",description:"Vertical padding presets for page sections."},{name:"--sf-flow-space",description:"Gap applied between .sf-flow children (lobotomized owl)."},{name:"--sf-safe-{top,right,bottom,left}",description:"Safe-area insets for notched devices."},{name:"--sf-header-height",description:"Resolved fixed-header height for sticky offset calculations."},{name:"--sf-header-height-{mobile,desktop}",description:"Per-breakpoint header height inputs."},{name:"--sf-sticky-offset",description:"Resolved sticky offset (defaults to header height)."},{name:"--sf-sticky-offset-{mobile,desktop}",description:"Per-breakpoint sticky offset inputs."}]},{category:"Sizing",description:"Component sizes, touch targets, aspect ratios, and icon sizing.",tokens:[{name:"--sf-size-{xs,s,m,l,xl}",description:"Named size tokens: xs(1.5rem), s(2rem), m(2.5rem), l(2.75rem), xl(3.5rem)."},{name:"--sf-touch-target",description:"Minimum interactive element size (defaults to size-l, 2.75rem)."},{name:"--sf-ratio-{square,portrait,video,cinema,golden,3-2,4-3}",description:"Predefined aspect ratios for frames and containers."},{name:"--sf-aspect",description:"Generic aspect-ratio token read by the .sf-aspect macro (16/9)."},{name:"--sf-object-{fit,position}",description:"Default object-fit (cover) and object-position (50% 50%) for media elements."}]},{category:"Layout",description:"Container widths and layout-primitive tokens (stack, cluster, grid, sidebar, switcher, bento, cover, frame, reel, imposter, box, center, content-grid, divider, alternate, equal, multi-column).",tokens:[{name:"--sf-container-{narrow,default,prose,wide,full}",description:"Max-width presets for .sf-container."},{name:"--sf-stack-gap",description:"Vertical gap between .sf-stack children."},{name:"--sf-cluster-{gap,align,justify}",description:"Inline cluster layout tokens."},{name:"--sf-sidebar-{width,gap,min-width}",description:"Sidebar layout tokens."},{name:"--sf-switcher-{threshold,gap}",description:"Column-to-stack breakpoint and gap."},{name:"--sf-grid-{min,gap}",description:"Auto-fill grid minimum item width and gap."},{name:"--sf-grid-min-{xs,s,m,l,xl,2xl}",description:"Per-size minimum item widths for .sf-grid--*."},{name:"--sf-bento-{cols-default,gap,row-default,row-compact,row-tall}",description:"Dense bento grid configuration."},{name:"--sf-cover-{min-height,padding}",description:"Full-height cover layout."},{name:"--sf-frame-ratio",description:"Aspect ratio for .sf-frame (defaults to 16/9)."},{name:"--sf-reel-{gap,height,item-width}",description:"Horizontal scroll strip configuration."},{name:"--sf-imposter-margin",description:"Safety margin for absolute-centered overlays."},{name:"--sf-box-{padding,border-color,border-width}",description:"Isolated .sf-box unit padding and border."},{name:"--sf-center-{gutter,max}",description:"Intrinsic-centering gutter and max-width."},{name:"--sf-content-width / --sf-breakout-width",description:"Breakout grid track widths."},{name:"--sf-divider-{color,style,width,gap}",description:"Divider appearance and surrounding gap tokens."},{name:"--sf-alternate-{gap,inner-gap}",description:"Zigzag .sf-alternate layout gaps."},{name:"--sf-equal-{cols,gap}",description:"Equal-columns count and gap."},{name:"--sf-col-width-{s,m,l}",description:"CSS multi-column track widths (ch-based)."},{name:"--sf-col-rule-width-{s,m,l}",description:"CSS multi-column rule (divider) widths."},{name:"--sf-field-{block,required-marker}",description:"Form field vertical spacing and required indicator string."}]},{category:"Borders",description:"Border shorthands, widths, styles, and stroke widths.",tokens:[{name:"--sf-border / --sf-border-{subtle,strong}",description:"Composed border shorthands (width + style + color). Replaces the three-part recipe."},{name:"--sf-border-width-{hairline,1,2,3,4}",description:"Border width scale: 0.5px, 1px, 2px, 3px, 4px."},{name:"--sf-border-style",description:"Default border style (solid)."},{name:"--sf-border-style-{dotted,soft,strong}",description:"Border style presets (dotted, dashed, solid)."},{name:"--sf-stroke-{thin,regular,bold,heavy}",description:"Stroke widths for SVG/icon use: 1px, 1.5px, 2px, 3px."}]},{category:"Radius",description:"Border radius scale and special shapes.",tokens:[{name:"--sf-radius-{none,xs,s,m,l,xl,2xl,3xl,4xl,full}",description:"Radius scale from 0 to 9999px (pill)."},{name:"--sf-radius-scale",description:"Global multiplier for all radius tokens (default 1)."},{name:"--sf-radius-pill",description:"Fully rounded (9999px)."},{name:"--sf-radius-outer",description:"Outer radius = inner + padding (for nested rounding)."}]},{category:"Shadows",description:"Box shadows, drop shadows, text shadows, and shadow configuration.",tokens:[{name:"--sf-shadow-{xs,s,m,l,xl,2xl}",description:"Elevation shadow scale, progressively more dramatic."},{name:"--sf-shadow-inner",description:"Inset shadow for recessed elements."},{name:"--sf-shadow-glow",description:"Colored glow effect (uses --sf-shadow-glow-color)."},{name:"--sf-shadow-none",description:"Explicit no-shadow value."},{name:"--sf-shadow-color / --sf-shadow-glow-color",description:"Base shadow color (derived from neutral) and glow color."},{name:"--sf-shadow-strength",description:"Shadow opacity multiplier (adapts to dark mode)."},{name:"--sf-drop-shadow-{s,m,l}",description:"CSS filter drop-shadow equivalents."},{name:"--sf-text-shadow-{s,m,l,none}",description:"Text shadow presets."}]},{category:"Effects",description:"Blurs, opacities, gradients, masks, perspective, and contrast tuning.",tokens:[{name:"--sf-blur-{xs,s,m,l,xl}",description:"Blur radius scale: 4px to 48px."},{name:"--sf-opacity-{0,10,25,50,75,100,disabled}",description:"Named opacity presets."},{name:"--sf-gradient-{brand,primary,secondary,tertiary,surface}",description:"Predefined gradients using brand colors."},{name:"--sf-gradient-fade--{t,b,l,r}",description:"Directional fade-to-background gradients."},{name:"--sf-mask-scrim-{start,end}",description:"Scroll mask fade depth."},{name:"--sf-perspective-{near,normal,far}",description:"3D perspective presets: 500px, 1000px, 2000px."},{name:"--sf-contrast-{bias,threshold}",description:"Color contrast tuning for auto text-on-color logic."}]},{category:"Motion",description:"Durations, easing curves, transitions, and animations.",tokens:[{name:"--sf-duration-{none,instant,fast,normal,slow,slower}",description:"Duration scale: 0ms to 600ms (respects --sf-motion-scale)."},{name:"--sf-motion-scale",description:"Global animation speed multiplier (set 0 to disable)."},{name:"--sf-ease-{linear,in,out,in-out,bounce,elastic,overshoot,spring}",description:"Easing function presets."},{name:"--sf-transition-{all,colors,opacity,shadow,transform,fast,slow,enter,exit}",description:"Pre-composed transition shorthands."},{name:"--sf-animation-{fade-in,fade-out,scale-up,scale-down,slide-in-up,slide-in-down,slide-in-left,slide-in-right,float,ping,blink,color-pulse,shimmer,spin}",description:"Named keyframe animation shorthands."},{name:"--sf-animation-delay-{1,2,3,4,5}",description:"Stagger delays for sequential animations."}]},{category:"Icons",description:"Inline icon sizing and the boxed-icon container.",tokens:[{name:"--sf-icon-{xs,s,m,l,xl,2xl}",description:"Icon sizing in em units (0.875em to ~3em)."},{name:"--sf-icon-box-{bg,border,pad,radius}",description:"Boxed icon (.sf-icon--boxed) background, border, padding, radius."}]},{category:"Z-Index",description:"Z-index scale for predictable layering.",tokens:[{name:"--sf-z-{below,base,raised,low,mid,high,top,max}",description:"Z-index scale: -1, 0, 1, 10, 100, 500, 900, 9999."}]},{category:"States",description:"Internal flags and state tokens that drive runtime .is-* behaviour.",tokens:[{name:"--sf-is-dark",description:"Numeric flag (0 or 1) indicating dark mode is active. Registered property."},{name:"--sf-is-{active,current,open,pressed}",description:"Internal numeric/derived flags mirrored from matching .is-* classes."},{name:"--sf-state-pending-opacity",description:"Opacity applied to elements in the .is-pending optimistic state."}]},{category:"Focus",description:"Focus ring appearance for keyboard navigation.",tokens:[{name:"--sf-focus-ring-{width,offset,color,style,shadow}",description:"Focus indicator configuration."},{name:"--sf-caret-color",description:"Text input caret color (defaults to action)."}]},{category:"Scroll",description:"Scroll timeline, scroll-shadow, and scrollbar styling.",tokens:[{name:"--sf-scroll-timeline-range-{start,end}",description:"Scroll-driven animation range."},{name:"--sf-scroll-shadow-size",description:"Depth of the .sf-scroll-shadow mask gradient."},{name:"--sf-scrollbar-{thumb,track}",description:"Custom scrollbar colors."}]},{category:"Print",description:"Print stylesheet configuration.",tokens:[{name:"--sf-print-{base-size,page-margin,page-size}",description:"Print layout tokens: 11pt base, 2cm margins, A4 size."}]},{category:"Misc",description:"Internal helpers and string-valued tokens that don't belong to a single visual family.",tokens:[{name:"--sf-lumlocker",description:"Internal luminance lock value for color derivation."},{name:"--sf-truncate-suffix",description:"Ellipsis string used by truncation utilities."},{name:"--sf-link-external-marker",description:"External link arrow character."}]}],gc=[{category:"Layout Primitives",description:"Breakpoint-free, container-query-driven layout components. Each is a single class with per-instance token overrides via inline style.",classes:[{name:".sf-section / .sf-section-group",description:"Vertical page rhythm; -group collapses gap between adjacent sections."},{name:".sf-section--{xs,s,m,l,xl,2xl,collapse}",description:"Section size variants and collapse."},{name:".sf-container",description:"Centered max-width wrapper with gutters."},{name:".sf-container--{narrow,wide,full,prose}",description:"Container width variants."},{name:".sf-box",description:"Isolated unit with padding and optional border."},{name:".sf-center / .sf-center--intrinsic",description:"Intrinsic centering with max-width."},{name:".sf-stack",description:"Vertical flow with consistent gap."},{name:".sf-stack--{xs,s,m,l,xl,2xl,center,end,stretch}",description:"Stack size and alignment variants."},{name:".sf-cluster",description:"Wrapping inline group."},{name:".sf-cluster--{xs,s,m,l,xl,2xl,center,end,between,no-wrap}",description:"Cluster size, alignment, and wrap variants."},{name:".sf-sidebar",description:"Content + side panel that wraps."},{name:".sf-sidebar--{right,narrow,wide}",description:"Sidebar side and width variants."},{name:".sf-switcher",description:"N columns above threshold, stacked below."},{name:".sf-switcher--{no-wrap,vertical}",description:"Switcher behaviour variants."},{name:".sf-grid",description:"Auto-fill responsive grid."},{name:".sf-grid--{xs,s,m,l,xl,2xl,fit,dense}",description:"Grid item-size and packing variants."},{name:".sf-grid-{1,2,3,4,6}",description:"Fixed-column grids, container-responsive."},{name:".sf-grid-{1-2,2-1,1-3,3-1}",description:"Ratio two-column grids."},{name:".sf-bento",description:"Dense free-form grid."},{name:".sf-bento--{2,4,compact,tall}",description:"Bento column-count and row-height variants."},{name:".sf-equal / .sf-equal-height",description:"Equal-width columns; -height equalizes flex child heights."},{name:".sf-equal--{2,3,4,6}",description:"Equal-columns count variants."},{name:".sf-gap",description:"Standalone gap utility for grid/flex parents."},{name:".sf-gap--{xs,s,m,l,xl,2xl}",description:"Gap size variants."},{name:".sf-alternate",description:"Zigzag two-column layout, reverses every other row."},{name:".sf-pancake",description:"Sticky-footer grid: header / main(1fr) / footer."},{name:".sf-content-grid",description:"Breakout layout grid. Children use .sf-breakout or .sf-full-bleed."},{name:".sf-breakout / .sf-full-bleed",description:"Content-grid escape hatches: breakout band and edge-to-edge bleed."},{name:".sf-cover / .sf-cover__center",description:"Full-height region with a centered content child."},{name:".sf-cover--{min,max,padding-s,padding-l}",description:"Cover height and padding variants."},{name:".sf-frame",description:"Aspect-ratio media box."},{name:".sf-frame--{square,portrait,video,cinema,3-2,4-3,golden}",description:"Frame aspect-ratio variants."},{name:".sf-reel",description:"Horizontal scroll strip with optional mask fade."},{name:".sf-imposter / .sf-imposter--{fixed,contain}",description:"Absolutely-centered overlay and its position variants."},{name:".sf-subgrid / .sf-subgrid-rows",description:"Inherit parent grid tracks."},{name:".sf-divider / .sf-divider--vertical",description:"Token-driven separator (horizontal or vertical)."},{name:".sf-icon",description:"Em-based inline icon sizing."},{name:".sf-icon--{xs,s,m,l,xl,2xl,boxed}",description:"Icon size variants and boxed container."},{name:".sf-prose / .sf-not-prose",description:"Readable long-form text rhythm; -not resets a zone inside it."}]},{category:"Macros",description:"Recipe classes that answer 'what does this element do/look like?' - composable with layout primitives.",classes:[{name:".sf-flow",description:"Lobotomized owl: consistent gap between consecutive children."},{name:".sf-truncate",description:"Single-line ellipsis overflow."},{name:".sf-line-clamp-{2,3,N}",description:"Multi-line text clamping with ellipsis. -N reads --sf-line-clamp."},{name:".sf-aspect",description:"Generic aspect-ratio container (reads --sf-aspect token)."},{name:".sf-scroll-shadow",description:"Top + bottom mask gradient for scrolling containers."},{name:".sf-scroll-snap",description:"Vertical scroll-snap container."},{name:".sf-overflow-fade",description:"End-edge horizontal fade for overflowing inline content."},{name:".sf-no-tap-highlight",description:"Suppresses WebKit/Android tap highlight."},{name:".sf-text-gradient",description:"Gradient text effect using background-clip."},{name:".sf-clickable-parent / .sf-focus-parent",description:"Makes a whole card clickable via the first link inside; -focus mirrors focus ring to the parent."},{name:".sf-link-external",description:"Adds external link indicator marker."}]},{category:"Surfaces",description:"Color surface utility classes that set background and auto-contrast text for a brand context.",classes:[{name:".sf-surface--{primary,secondary,tertiary,action,neutral,inverse}",description:"Brand-colored surface with auto-contrast text."},{name:".sf-surface--{success,warning,error,info,danger}",description:"Status-colored surfaces."}]},{category:"Animations",description:"CSS animation utility classes that apply predefined keyframe animations.",classes:[{name:".sf-fade-in / .sf-fade-out",description:"Opacity entrance/exit animations."},{name:".sf-scale-up / .sf-scale-down",description:"Scale entrance/exit animations."},{name:".sf-slide-in-{up,down,left,right}",description:"Directional slide-in entrance animations."},{name:".sf-color-pulse",description:"Continuous color pulse animation."},{name:".sf-entrance--{fade,fade-up,fade-down,fade-left,fade-right,scale-up}",description:"Scroll-triggered entrance animations (scroll-timeline driven)."}]},{category:"State Classes (.is-*)",description:"Runtime state classes toggled by JS or mirrored from ARIA. They live in the slashed.states layer. Always pair with matching ARIA attributes.",classes:[{name:".is-hidden / .is-invisible / .is-visible",description:"Visibility control: removed from layout / hidden but keeps box / visible."},{name:".is-disabled / .is-readonly",description:"Non-interactive states with dimming."},{name:".is-loading / .is-pending / .is-busy",description:"Loading states: spinner replacement / optimistic UI / cursor hint."},{name:".is-skeleton",description:"Placeholder shimmer animation."},{name:".is-active / .is-selected / .is-current / .is-pressed",description:"Selection/activation states."},{name:".is-highlighted",description:"Transient emphasis (e.g. search result highlight)."},{name:".is-open / .is-collapsed / .is-expanded",description:"Disclosure states for modals, drawers, accordions."},{name:".is-valid / .is-invalid",description:"Form field validation results (maps to aria-invalid)."},{name:".is-success / .is-error / .is-warning / .is-info / .is-danger",description:"General feedback states and destructive-action context."},{name:".is-sticky / .is-pinned / .is-fixed / .is-fullscreen",description:"Positioning states."},{name:".is-clipped / .is-scrollable / .is-truncated / .is-resizable",description:"Overflow handling states."},{name:".is-dragging / .is-drop-target / .is-draggable",description:"Drag and drop states."},{name:".is-overlay / .is-focused / .is-clickable / .is-unselectable",description:"Positioning, focus, cursor, and selection states."},{name:".is-empty",description:"Hide element when empty (:empty pseudo-class)."}]}],mc=[{name:"--sf-is-dark",description:"Numeric flag (0 or 1) indicating dark mode is active. Registered property."},{name:"--sf-lumlocker",description:"Internal luminance lock value for color derivation."},{name:"--sf-color-scheme",description:"CSS color-scheme declaration (light dark)."},{name:"--sf-current-font-weight",description:"Current context font weight (used by strong elements)."},{name:"--sf-link-external-marker",description:"External link arrow character."},{name:"--sf-field-block",description:"Vertical spacing between form fields."},{name:"--sf-field-required-marker",description:"Required field indicator string."}];var bc=j('
'),wc=j(' Misc Tokens that do not fit a single category.
'),kc=j('CSS Custom Properties (--sf-*)
'),Sc=j('
'),Ac=j('Utility & State Classes
'),Cc=j('
'),jc=j('API Cheatsheet
');function Tc(e,t){je(t,!0);let s=fe(""),a=fe("all");const n=pe.inventory?.variables?.length??0,i=pe.inventory?.sf_classes?.length??0,o=pe.inventory?.is_classes?.length??0;let u=y(()=>f(_c,"tokens")),c=y(()=>f(gc,"classes")),v=y(()=>mc.filter(S=>h(S.name,S.description)));function h(S,B){if(!r(s).trim())return!0;const I=r(s).trim().toLowerCase();return S.toLowerCase().includes(I)||B.toLowerCase().includes(I)}function f(S,B){return r(s).trim()?S.map(I=>({...I,[B]:I[B].filter(N=>h(N.name,N.description))})).filter(I=>I[B].length>0):S}let p=y(()=>r(a)==="all"||r(a)==="variables"),m=y(()=>r(a)==="all"||r(a)==="classes"),b=y(()=>r(s).trim()!==""&&(!r(p)||r(u).length===0&&r(v).length===0)&&(!r(m)||r(c).length===0));var x=jc(),_=l(x),w=d(l(_),2),E=l(w),C=d(_,2),F=l(C),G=d(F,2),z=l(G);let R;var P=d(z,2);let O;var M=d(P,2);let V;var q=d(C,2);{var T=S=>{var B=kc(),I=d(l(B),2);he(I,17,()=>r(u),Fs,(ie,ne)=>{var oe=yc(),W=l(oe),de=l(W),we=l(de),xe=d(de,2),Ce=l(xe),ze=d(W,2);he(ze,21,()=>r(ne).tokens,Fs,($e,L)=>{var U=bc(),ee=l(U),Z=l(ee),J=d(ee,2),ue=l(J);K(()=>{D(Z,r(L).name),D(ue,r(L).description)}),A($e,U)}),K($e=>{oe.open=$e,D(we,r(ne).category),D(Ce,r(ne).description)},[()=>!r(s).trim()]),A(ie,oe)});var N=d(I,2);{var se=ie=>{var ne=xc(),oe=d(l(ne),2);he(oe,21,()=>r(v),Fs,(W,de)=>{var we=wc(),xe=l(we),Ce=l(xe),ze=d(xe,2),$e=l(ze);K(()=>{D(Ce,r(de).name),D($e,r(de).description)}),A(W,we)}),K(W=>ne.open=W,[()=>!r(s).trim()]),A(ie,ne)};me(N,ie=>{r(v).length>0&&ie(se)})}A(S,B)};me(q,S=>{r(p)&&S(T)})}var k=d(q,2);{var $=S=>{var B=Ac(),I=d(l(B),2);he(I,17,()=>r(c),Fs,(N,se)=>{var ie=Ec(),ne=l(ie),oe=l(ne),W=l(oe),de=d(oe,2),we=l(de),xe=d(ne,2);he(xe,21,()=>r(se).classes,Fs,(Ce,ze)=>{var $e=Sc(),L=l($e),U=l(L),ee=d(L,2),Z=l(ee);K(()=>{D(U,r(ze).name),D(Z,r(ze).description)}),A(Ce,$e)}),K(Ce=>{ie.open=Ce,D(W,r(se).category),D(we,r(se).description)},[()=>!r(s).trim()]),A(N,ie)}),A(S,B)};me(k,S=>{r(m)&&S($)})}var H=d(k,2);{var Y=S=>{var B=Cc(),I=l(B);K(()=>D(I,`No results for "${r(s)??""}"`)),A(S,B)};me(H,S=>{r(b)&&S(Y)})}K(()=>{D(E,`${n??""} variables | ${i??""} layout/utility classes | ${o??""} state classes`),te(z,"aria-pressed",r(a)==="all"),R=Le(z,1,"svelte-osej3t",null,R,{active:r(a)==="all"}),te(P,"aria-pressed",r(a)==="variables"),O=Le(P,1,"svelte-osej3t",null,O,{active:r(a)==="variables"}),te(M,"aria-pressed",r(a)==="classes"),V=Le(M,1,"svelte-osej3t",null,V,{active:r(a)==="classes"})}),Pt(F,()=>r(s),S=>X(s,S)),ge("click",z,()=>X(a,"all")),ge("click",P,()=>X(a,"variables")),ge("click",M,()=>X(a,"classes")),A(e,x),Te()}Be(["click"]);var zc=j(''),$c=j(''),Fc=j('Aa Normal text Large text Normal: 4.5:1 AA · 7:1 AAA | Large: 3:1 AA · 4.5:1 AAA',1),Rc=j('Select different colors to compute contrast.'),Mc=j('WCAG Contrast Checker
Pick any two SLASHED color tokens to check their WCAG 2.1 contrast ratio. The
+} );`}],a=y(()=>le.activeIntegrations?.bricks??!0);var n=mc(),i=d(l(n),4);let o;var u=l(i),c=d(l(u),4);{var v=f=>{var p=_c();S(f,p)};me(c,f=>{r(a)||f(v)})}var h=d(u,2);de(h,17,()=>s,f=>f.name,(f,p)=>{var m=gc(),b=l(m),x=l(b),_=l(x),w=d(b,2),E=l(w),A=d(w,2),F=d(l(A),2),Y=l(F),T=d(A,2),z=l(T),D=l(z);V(()=>{P(_,r(p).name),P(E,r(p).description),P(Y,r(p).params),P(D,r(p).example)}),S(f,m)}),V(()=>o=Ie(i,1,"group svelte-a36hjt",null,o,{"group--inactive":!r(a)})),S(e,n),Fe()}const yc=[{category:"Colors",description:"Brand, status, and semantic color tokens. Source colors use oklch(); the framework derives light-dark pairs, 50–950 palettes, alpha scales, and state variants automatically. Palette and alpha scales require optional/tokens.palette.css (optimal bundle and above).",tokens:[{name:"--sf-color-{primary,secondary,tertiary,action,neutral,base}",description:"Resolved light-dark adaptive brand color for use in rules."},{name:"--sf-color-{primary,secondary,tertiary,action,neutral,base}-light",description:"Source color (oklch registered value). Set this to rebrand."},{name:"--sf-color-{primary,secondary,tertiary,action,neutral,base}-dark",description:"Optional dark-mode override. If set, replaces the auto-derived dark variant for full per-mode control."},{name:"--sf-color-{primary,secondary,tertiary,action,neutral,base}-{50,100,200,300,400,500,600,700,800,900,950}",description:"Palette scale: 50 (lightest) → 950 (darkest), mixed with base/text. Requires tokens.palette.css."},{name:"--sf-color-{primary,secondary,tertiary,action,neutral,base}-{a5,a10,a20,a30,a40,a50,a60,a70,a80,a90,a95}",description:"Alpha scale: 5%–95% opacity of the brand color. Requires tokens.palette.css."},{name:"--sf-color-{primary,secondary,tertiary,action,neutral,base}-{hover,active,muted,subtle,ghost,lighter,darker,xlight,xdark,superlight,superdark}",description:"Semantic aliases for common UI states, mapped to palette steps."},{name:"--sf-color-{surface,inverse}",description:"Surface (card/panel) and inverse (high-contrast) context colors."},{name:"--sf-color-{success,warning,error,info,danger}",description:"Status feedback colors (resolved adaptive value)."},{name:"--sf-color-{success,warning,error,info,danger}-{light,strong,hover,active,muted,subtle,ghost,lighter,darker,xlight,xdark,superlight,superdark}",description:"Status color source (-light), emphasis (-strong), and state variants."},{name:"--sf-color-bg",description:"Page background color, derived from base."},{name:"--sf-color-bg--{hover,active,selected,focus,disabled}",description:"Interactive background overlays for hover/active/selected/focus/disabled states."},{name:"--sf-color-text",description:"Main body text color, contrast-aware."},{name:"--sf-color-text--{secondary,muted,disabled,placeholder,inverse}",description:"Secondary, muted, disabled, placeholder, and inverted text colors."},{name:"--sf-color-text--on-{primary,secondary,tertiary,action,neutral,base,surface,inverse,success,warning,error,info,danger}",description:"Auto-contrast text color to use on top of each colored surface."},{name:"--sf-color-heading",description:"Heading text color, slightly stronger than body text."},{name:"--sf-color-link",description:"Link color, derived from the action brand."},{name:"--sf-color-link--{hover,active,visited,underline,disabled}",description:"Link state colors and underline accent."},{name:"--sf-color-border",description:"Default border color."},{name:"--sf-color-border--{subtle,strong,focus,disabled,translucent}",description:"De-emphasized, emphasized, focus, disabled, and translucent border colors."},{name:"--sf-color-{code-bg,code-text,mark-bg,mark-text}",description:"Inline and background/foreground colors."},{name:"--sf-color-{white,black}",description:"Absolute white/black anchors in oklch space, for staying inside the token system."},{name:"--sf-color-surface",description:"Card/panel surface color (equals base)."},{name:"--sf-color-{inset,raised}",description:"Recessed (inset) and elevated (raised) surface background contexts."},{name:"--sf-color-selection-{bg,text}",description:"Text selection (::selection) background and foreground colors."},{name:"--sf-color-overlay",description:"Semi-transparent overlay for modals."},{name:"--sf-color-dim",description:"50% black overlay for dimming backgrounds."},{name:"--sf-color-scheme",description:"CSS color-scheme declaration (light dark). Holds a string, not a color."}]},{category:"Typography",description:"Font families, fluid size scale, weights, line-heights, letter-spacing, per-size sub-properties, and heading/body/prose configuration.",tokens:[{name:"--sf-font-{body,heading,mono,display,humanist,geometric,slab}",description:"Font stacks: body, heading, mono, display, plus curated humanist/geometric/slab fallback personalities."},{name:"--sf-font-{features,variation}",description:"font-feature-settings and font-variation-settings hooks."},{name:"--sf-font-weight-{thin,extralight,light,normal,medium,semibold,bold,extrabold,black}",description:"Named weight tokens: 100→900."},{name:"--sf-font-weight-{body,heading,display}",description:"Contextual weight tokens for body, heading, and display text."},{name:"--sf-current-font-weight",description:"Current context font weight (used by strong elements)."},{name:"--sf-leading-{tight,snug,normal,relaxed}",description:"Line-height presets: 1.1, 1.3, 1.5, 1.625."},{name:"--sf-tracking-{tight,normal,wide,wider,widest}",description:"Letter-spacing presets from -0.025em to 0.1em."},{name:"--sf-text-{2xs,xs,s,m,l,xl,2xl,3xl,4xl}",description:"Fluid type scale using clamp(). Honours --sf-text-scale."},{name:"--sf-text-display-{s,m,l}",description:"Extra-large display/hero sizes. Honour --sf-text-display-scale."},{name:"--sf-text-{scale,display-scale}",description:"Global multipliers for the body and display type scales (default 1)."},{name:"--sf-text-{2xs,xs,s,m,l,xl,2xl,3xl,4xl}-{line-height,font-weight,letter-spacing,max-width}",description:"Per-size sub-property override knobs (relaxed leading for small text, tight leading for display). Requires tokens.sizes-extended.css."},{name:"--sf-text-{xs,s,m,l,xl,2xl,3xl,4xl}-to-{2xs,xs,s,m,l,xl,2xl,3xl}",description:"Text bridge tokens: a clamp() spanning from one step (wide) to another (narrow) for extra range of motion. Requires tokens.sizes-extended.css."},{name:"--sf-h{1,2,3,4,5,6}-{size,font-weight,line-height,letter-spacing}",description:"Per-heading-level configuration tokens."},{name:"--sf-heading-{color,font-family,text-wrap}",description:"Global heading color, font stack, and text-wrap mode (balance)."},{name:"--sf-body-{color,font-family,font-size,font-weight,line-height,text-wrap,em-style,strong-weight}",description:"Body text configuration tokens."},{name:"--sf-prose-{block-margin,heading-gap,list-gap,paragraph,figure-margin,figcaption-size,media-margin,media-radius,marker-color}",description:"Long-form .sf-prose rhythm and element styling tokens."},{name:"--sf-code-font-size",description:"Inline font-size (relative em)."},{name:"--sf-optical-sizing",description:"font-optical-sizing control (auto)."},{name:"--sf-line-clamp",description:"Default line count for .sf-line-clamp-N."}]},{category:"Spacing",description:"Fluid spacing scale (clamp-based), bridge tokens, gutters, section padding, component padding, flow, safe-area insets, and sticky-header offsets.",tokens:[{name:"--sf-space-{none,px,2xs,xs,s,m,l,xl,2xl,3xl,4xl}",description:"Fluid spacing scale. Honours --sf-space-scale (none/px are fixed)."},{name:"--sf-space-scale",description:"Global multiplier for all space tokens (default 1)."},{name:"--sf-space-{2xs,xs,s,m,l,xl,2xl,3xl,4xl}-to-{2xs,xs,s,m,l,xl,2xl,3xl}",description:"Spacing bridge tokens: clamp() spanning a wider range than any single step. Requires tokens.sizes-extended.css."},{name:"--sf-space-{gutter,gap,content}",description:"Internal aliases: page gutter, default gap, content gap (consumed by --sf-gap / --sf-content-gap)."},{name:"--sf-gap / --sf-gap-size",description:"Default layout gap and its raw size component."},{name:"--sf-content-gap",description:"Gap between content elements (defaults to space-s)."},{name:"--sf-component-pad",description:"Internal padding for components (defaults to space-m)."},{name:"--sf-section-pad",description:"Active section padding alias."},{name:"--sf-section-pad--{xs,s,m,l,xl,2xl}",description:"Vertical padding presets for page sections."},{name:"--sf-flow-space",description:"Gap applied between .sf-flow children (lobotomized owl)."},{name:"--sf-safe-{top,right,bottom,left}",description:"Safe-area insets for notched devices."},{name:"--sf-header-height",description:"Resolved fixed-header height for sticky offset calculations."},{name:"--sf-header-height-{mobile,desktop}",description:"Per-breakpoint header height inputs."},{name:"--sf-sticky-offset",description:"Resolved sticky offset (defaults to header height)."},{name:"--sf-sticky-offset-{mobile,desktop}",description:"Per-breakpoint sticky offset inputs."}]},{category:"Sizing",description:"Component sizes, touch targets, aspect ratios, and icon sizing.",tokens:[{name:"--sf-size-{xs,s,m,l,xl}",description:"Named size tokens: xs(1.5rem), s(2rem), m(2.5rem), l(2.75rem), xl(3.5rem)."},{name:"--sf-touch-target",description:"Minimum interactive element size (defaults to size-l, 2.75rem)."},{name:"--sf-ratio-{square,portrait,video,cinema,golden,3-2,4-3}",description:"Predefined aspect ratios for frames and containers."},{name:"--sf-aspect",description:"Generic aspect-ratio token read by the .sf-aspect macro (16/9)."},{name:"--sf-object-{fit,position}",description:"Default object-fit (cover) and object-position (50% 50%) for media elements."}]},{category:"Layout",description:"Container widths and layout-primitive tokens (stack, cluster, grid, sidebar, switcher, bento, cover, frame, reel, imposter, box, center, content-grid, divider, alternate, equal, multi-column).",tokens:[{name:"--sf-container-{narrow,default,prose,wide,full}",description:"Max-width presets for .sf-container."},{name:"--sf-stack-gap",description:"Vertical gap between .sf-stack children."},{name:"--sf-cluster-{gap,align,justify}",description:"Inline cluster layout tokens."},{name:"--sf-sidebar-{width,gap,min-width}",description:"Sidebar layout tokens."},{name:"--sf-switcher-{threshold,gap}",description:"Column-to-stack breakpoint and gap."},{name:"--sf-grid-{min,gap}",description:"Auto-fill grid minimum item width and gap."},{name:"--sf-grid-min-{xs,s,m,l,xl,2xl}",description:"Per-size minimum item widths for .sf-grid--*."},{name:"--sf-bento-{cols-default,gap,row-default,row-compact,row-tall}",description:"Dense bento grid configuration."},{name:"--sf-cover-{min-height,padding}",description:"Full-height cover layout."},{name:"--sf-frame-ratio",description:"Aspect ratio for .sf-frame (defaults to 16/9)."},{name:"--sf-reel-{gap,height,item-width}",description:"Horizontal scroll strip configuration."},{name:"--sf-imposter-margin",description:"Safety margin for absolute-centered overlays."},{name:"--sf-box-{padding,border-color,border-width}",description:"Isolated .sf-box unit padding and border."},{name:"--sf-center-{gutter,max}",description:"Intrinsic-centering gutter and max-width."},{name:"--sf-content-width / --sf-breakout-width",description:"Breakout grid track widths."},{name:"--sf-divider-{color,style,width,gap}",description:"Divider appearance and surrounding gap tokens."},{name:"--sf-alternate-{gap,inner-gap}",description:"Zigzag .sf-alternate layout gaps."},{name:"--sf-equal-{cols,gap}",description:"Equal-columns count and gap."},{name:"--sf-col-width-{s,m,l}",description:"CSS multi-column track widths (ch-based)."},{name:"--sf-col-rule-width-{s,m,l}",description:"CSS multi-column rule (divider) widths."},{name:"--sf-field-{block,required-marker}",description:"Form field vertical spacing and required indicator string."}]},{category:"Borders",description:"Border shorthands, widths, styles, and stroke widths.",tokens:[{name:"--sf-border / --sf-border-{subtle,strong}",description:"Composed border shorthands (width + style + color). Replaces the three-part recipe."},{name:"--sf-border-width-{hairline,1,2,3,4}",description:"Border width scale: 0.5px, 1px, 2px, 3px, 4px."},{name:"--sf-border-style",description:"Default border style (solid)."},{name:"--sf-border-style-{dotted,soft,strong}",description:"Border style presets (dotted, dashed, solid)."},{name:"--sf-stroke-{thin,regular,bold,heavy}",description:"Stroke widths for SVG/icon use: 1px, 1.5px, 2px, 3px."}]},{category:"Radius",description:"Border radius scale and special shapes.",tokens:[{name:"--sf-radius-{none,xs,s,m,l,xl,2xl,3xl,4xl,full}",description:"Radius scale from 0 to 9999px (pill)."},{name:"--sf-radius-scale",description:"Global multiplier for all radius tokens (default 1)."},{name:"--sf-radius-pill",description:"Fully rounded (9999px)."},{name:"--sf-radius-outer",description:"Outer radius = inner + padding (for nested rounding)."}]},{category:"Shadows",description:"Box shadows, drop shadows, text shadows, and shadow configuration.",tokens:[{name:"--sf-shadow-{xs,s,m,l,xl,2xl}",description:"Elevation shadow scale, progressively more dramatic."},{name:"--sf-shadow-inner",description:"Inset shadow for recessed elements."},{name:"--sf-shadow-glow",description:"Colored glow effect (uses --sf-shadow-glow-color)."},{name:"--sf-shadow-none",description:"Explicit no-shadow value."},{name:"--sf-shadow-color / --sf-shadow-glow-color",description:"Base shadow color (derived from neutral) and glow color."},{name:"--sf-shadow-strength",description:"Shadow opacity multiplier (adapts to dark mode)."},{name:"--sf-drop-shadow-{s,m,l}",description:"CSS filter drop-shadow equivalents."},{name:"--sf-text-shadow-{s,m,l,none}",description:"Text shadow presets."}]},{category:"Effects",description:"Blurs, opacities, gradients, masks, perspective, and contrast tuning.",tokens:[{name:"--sf-blur-{xs,s,m,l,xl}",description:"Blur radius scale: 4px to 48px."},{name:"--sf-opacity-{0,10,25,50,75,100,disabled}",description:"Named opacity presets."},{name:"--sf-gradient-{brand,primary,secondary,tertiary,surface}",description:"Predefined gradients using brand colors."},{name:"--sf-gradient-fade--{t,b,l,r}",description:"Directional fade-to-background gradients."},{name:"--sf-mask-scrim-{start,end}",description:"Scroll mask fade depth."},{name:"--sf-perspective-{near,normal,far}",description:"3D perspective presets: 500px, 1000px, 2000px."},{name:"--sf-contrast-{bias,threshold}",description:"Color contrast tuning for auto text-on-color logic."}]},{category:"Motion",description:"Durations, easing curves, transitions, and animations.",tokens:[{name:"--sf-duration-{none,instant,fast,normal,slow,slower}",description:"Duration scale: 0ms to 600ms (respects --sf-motion-scale)."},{name:"--sf-motion-scale",description:"Global animation speed multiplier (set 0 to disable)."},{name:"--sf-ease-{linear,in,out,in-out,bounce,elastic,overshoot,spring}",description:"Easing function presets."},{name:"--sf-transition-{all,colors,opacity,shadow,transform,fast,slow,enter,exit}",description:"Pre-composed transition shorthands."},{name:"--sf-animation-{fade-in,fade-out,scale-up,scale-down,slide-in-up,slide-in-down,slide-in-left,slide-in-right,float,ping,blink,color-pulse,shimmer,spin}",description:"Named keyframe animation shorthands."},{name:"--sf-animation-delay-{1,2,3,4,5}",description:"Stagger delays for sequential animations."}]},{category:"Icons",description:"Inline icon sizing and the boxed-icon container.",tokens:[{name:"--sf-icon-{xs,s,m,l,xl,2xl}",description:"Icon sizing in em units (0.875em to ~3em)."},{name:"--sf-icon-box-{bg,border,pad,radius}",description:"Boxed icon (.sf-icon--boxed) background, border, padding, radius."}]},{category:"Z-Index",description:"Z-index scale for predictable layering.",tokens:[{name:"--sf-z-{below,base,raised,low,mid,high,top,max}",description:"Z-index scale: -1, 0, 1, 10, 100, 500, 900, 9999."}]},{category:"States",description:"Internal flags and state tokens that drive runtime .is-* behaviour.",tokens:[{name:"--sf-is-dark",description:"Numeric flag (0 or 1) indicating dark mode is active. Registered property."},{name:"--sf-is-{active,current,open,pressed}",description:"Internal numeric/derived flags mirrored from matching .is-* classes."},{name:"--sf-state-pending-opacity",description:"Opacity applied to elements in the .is-pending optimistic state."}]},{category:"Focus",description:"Focus ring appearance for keyboard navigation.",tokens:[{name:"--sf-focus-ring-{width,offset,color,style,shadow}",description:"Focus indicator configuration."},{name:"--sf-caret-color",description:"Text input caret color (defaults to action)."}]},{category:"Scroll",description:"Scroll timeline, scroll-shadow, and scrollbar styling.",tokens:[{name:"--sf-scroll-timeline-range-{start,end}",description:"Scroll-driven animation range."},{name:"--sf-scroll-shadow-size",description:"Depth of the .sf-scroll-shadow mask gradient."},{name:"--sf-scrollbar-{thumb,track}",description:"Custom scrollbar colors."}]},{category:"Print",description:"Print stylesheet configuration.",tokens:[{name:"--sf-print-{base-size,page-margin,page-size}",description:"Print layout tokens: 11pt base, 2cm margins, A4 size."}]},{category:"Misc",description:"Internal helpers and string-valued tokens that don't belong to a single visual family.",tokens:[{name:"--sf-lumlocker",description:"Internal luminance lock value for color derivation."},{name:"--sf-truncate-suffix",description:"Ellipsis string used by truncation utilities."},{name:"--sf-link-external-marker",description:"External link arrow character."}]}],wc=[{category:"Layout Primitives",description:"Breakpoint-free, container-query-driven layout components. Each is a single class with per-instance token overrides via inline style.",classes:[{name:".sf-section / .sf-section-group",description:"Vertical page rhythm; -group collapses gap between adjacent sections."},{name:".sf-section--{xs,s,m,l,xl,2xl,collapse}",description:"Section size variants and collapse."},{name:".sf-container",description:"Centered max-width wrapper with gutters."},{name:".sf-container--{narrow,wide,full,prose}",description:"Container width variants."},{name:".sf-box",description:"Isolated unit with padding and optional border."},{name:".sf-center / .sf-center--intrinsic",description:"Intrinsic centering with max-width."},{name:".sf-stack",description:"Vertical flow with consistent gap."},{name:".sf-stack--{xs,s,m,l,xl,2xl,center,end,stretch}",description:"Stack size and alignment variants."},{name:".sf-cluster",description:"Wrapping inline group."},{name:".sf-cluster--{xs,s,m,l,xl,2xl,center,end,between,no-wrap}",description:"Cluster size, alignment, and wrap variants."},{name:".sf-sidebar",description:"Content + side panel that wraps."},{name:".sf-sidebar--{right,narrow,wide}",description:"Sidebar side and width variants."},{name:".sf-switcher",description:"N columns above threshold, stacked below."},{name:".sf-switcher--{no-wrap,vertical}",description:"Switcher behaviour variants."},{name:".sf-grid",description:"Auto-fill responsive grid."},{name:".sf-grid--{xs,s,m,l,xl,2xl,fit,dense}",description:"Grid item-size and packing variants."},{name:".sf-grid-{1,2,3,4,6}",description:"Fixed-column grids, container-responsive."},{name:".sf-grid-{1-2,2-1,1-3,3-1}",description:"Ratio two-column grids."},{name:".sf-bento",description:"Dense free-form grid."},{name:".sf-bento--{2,4,compact,tall}",description:"Bento column-count and row-height variants."},{name:".sf-equal / .sf-equal-height",description:"Equal-width columns; -height equalizes flex child heights."},{name:".sf-equal--{2,3,4,6}",description:"Equal-columns count variants."},{name:".sf-gap",description:"Standalone gap utility for grid/flex parents."},{name:".sf-gap--{xs,s,m,l,xl,2xl}",description:"Gap size variants."},{name:".sf-alternate",description:"Zigzag two-column layout, reverses every other row."},{name:".sf-pancake",description:"Sticky-footer grid: header / main(1fr) / footer."},{name:".sf-content-grid",description:"Breakout layout grid. Children use .sf-breakout or .sf-full-bleed."},{name:".sf-breakout / .sf-full-bleed",description:"Content-grid escape hatches: breakout band and edge-to-edge bleed."},{name:".sf-cover / .sf-cover__center",description:"Full-height region with a centered content child."},{name:".sf-cover--{min,max,padding-s,padding-l}",description:"Cover height and padding variants."},{name:".sf-frame",description:"Aspect-ratio media box."},{name:".sf-frame--{square,portrait,video,cinema,3-2,4-3,golden}",description:"Frame aspect-ratio variants."},{name:".sf-reel",description:"Horizontal scroll strip with optional mask fade."},{name:".sf-imposter / .sf-imposter--{fixed,contain}",description:"Absolutely-centered overlay and its position variants."},{name:".sf-subgrid / .sf-subgrid-rows",description:"Inherit parent grid tracks."},{name:".sf-divider / .sf-divider--vertical",description:"Token-driven separator (horizontal or vertical)."},{name:".sf-icon",description:"Em-based inline icon sizing."},{name:".sf-icon--{xs,s,m,l,xl,2xl,boxed}",description:"Icon size variants and boxed container."},{name:".sf-prose / .sf-not-prose",description:"Readable long-form text rhythm; -not resets a zone inside it."}]},{category:"Macros",description:"Recipe classes that answer 'what does this element do/look like?' - composable with layout primitives.",classes:[{name:".sf-flow",description:"Lobotomized owl: consistent gap between consecutive children."},{name:".sf-truncate",description:"Single-line ellipsis overflow."},{name:".sf-line-clamp-{2,3,N}",description:"Multi-line text clamping with ellipsis. -N reads --sf-line-clamp."},{name:".sf-aspect",description:"Generic aspect-ratio container (reads --sf-aspect token)."},{name:".sf-scroll-shadow",description:"Top + bottom mask gradient for scrolling containers."},{name:".sf-scroll-snap",description:"Vertical scroll-snap container."},{name:".sf-overflow-fade",description:"End-edge horizontal fade for overflowing inline content."},{name:".sf-no-tap-highlight",description:"Suppresses WebKit/Android tap highlight."},{name:".sf-text-gradient",description:"Gradient text effect using background-clip."},{name:".sf-clickable-parent / .sf-focus-parent",description:"Makes a whole card clickable via the first link inside; -focus mirrors focus ring to the parent."},{name:".sf-link-external",description:"Adds external link indicator marker."}]},{category:"Surfaces",description:"Color surface utility classes that set background and auto-contrast text for a brand context.",classes:[{name:".sf-surface--{primary,secondary,tertiary,action,neutral,inverse}",description:"Brand-colored surface with auto-contrast text."},{name:".sf-surface--{success,warning,error,info,danger}",description:"Status-colored surfaces."}]},{category:"Animations",description:"CSS animation utility classes that apply predefined keyframe animations.",classes:[{name:".sf-fade-in / .sf-fade-out",description:"Opacity entrance/exit animations."},{name:".sf-scale-up / .sf-scale-down",description:"Scale entrance/exit animations."},{name:".sf-slide-in-{up,down,left,right}",description:"Directional slide-in entrance animations."},{name:".sf-color-pulse",description:"Continuous color pulse animation."},{name:".sf-entrance--{fade,fade-up,fade-down,fade-left,fade-right,scale-up}",description:"Scroll-triggered entrance animations (scroll-timeline driven)."}]},{category:"State Classes (.is-*)",description:"Runtime state classes toggled by JS or mirrored from ARIA. They live in the slashed.states layer. Always pair with matching ARIA attributes.",classes:[{name:".is-hidden / .is-invisible / .is-visible",description:"Visibility control: removed from layout / hidden but keeps box / visible."},{name:".is-disabled / .is-readonly",description:"Non-interactive states with dimming."},{name:".is-loading / .is-pending / .is-busy",description:"Loading states: spinner replacement / optimistic UI / cursor hint."},{name:".is-skeleton",description:"Placeholder shimmer animation."},{name:".is-active / .is-selected / .is-current / .is-pressed",description:"Selection/activation states."},{name:".is-highlighted",description:"Transient emphasis (e.g. search result highlight)."},{name:".is-open / .is-collapsed / .is-expanded",description:"Disclosure states for modals, drawers, accordions."},{name:".is-valid / .is-invalid",description:"Form field validation results (maps to aria-invalid)."},{name:".is-success / .is-error / .is-warning / .is-info / .is-danger",description:"General feedback states and destructive-action context."},{name:".is-sticky / .is-pinned / .is-fixed / .is-fullscreen",description:"Positioning states."},{name:".is-clipped / .is-scrollable / .is-truncated / .is-resizable",description:"Overflow handling states."},{name:".is-dragging / .is-drop-target / .is-draggable",description:"Drag and drop states."},{name:".is-overlay / .is-focused / .is-clickable / .is-unselectable",description:"Positioning, focus, cursor, and selection states."},{name:".is-empty",description:"Hide element when empty (:empty pseudo-class)."}]}],xc=[{name:"--sf-is-dark",description:"Numeric flag (0 or 1) indicating dark mode is active. Registered property."},{name:"--sf-lumlocker",description:"Internal luminance lock value for color derivation."},{name:"--sf-color-scheme",description:"CSS color-scheme declaration (light dark)."},{name:"--sf-current-font-weight",description:"Current context font weight (used by strong elements)."},{name:"--sf-link-external-marker",description:"External link arrow character."},{name:"--sf-field-block",description:"Vertical spacing between form fields."},{name:"--sf-field-required-marker",description:"Required field indicator string."}];var kc=C('
'),Ec=C(' Misc Tokens that do not fit a single category.
'),Cc=C('CSS Custom Properties (--sf-*)
'),$c=C('
'),jc=C('Utility & State Classes
'),zc=C('
'),Fc=C('API Cheatsheet
');function Rc(e,t){ze(t,!0);let s=he(""),a=he("all");const n=le.inventory?.variables?.length??0,i=le.inventory?.sf_classes?.length??0,o=le.inventory?.is_classes?.length??0;let u=y(()=>f(yc,"tokens")),c=y(()=>f(wc,"classes")),v=y(()=>xc.filter(j=>h(j.name,j.description)));function h(j,N){if(!r(s).trim())return!0;const L=r(s).trim().toLowerCase();return j.toLowerCase().includes(L)||N.toLowerCase().includes(L)}function f(j,N){return r(s).trim()?j.map(L=>({...L,[N]:L[N].filter(H=>h(H.name,H.description))})).filter(L=>L[N].length>0):j}let p=y(()=>r(a)==="all"||r(a)==="variables"),m=y(()=>r(a)==="all"||r(a)==="classes"),b=y(()=>r(s).trim()!==""&&(!r(p)||r(u).length===0&&r(v).length===0)&&(!r(m)||r(c).length===0));var x=Fc(),_=l(x),w=d(l(_),2),E=l(w),A=d(_,2),F=l(A),Y=d(F,2),T=l(Y);let z;var D=d(T,2);let O;var K=d(D,2);let q;var B=d(A,2);{var $=j=>{var N=Cc(),L=d(l(N),2);de(L,17,()=>r(u),Ms,(ne,ae)=>{var ie=Sc(),U=l(ie),oe=l(U),be=l(oe),xe=d(oe,2),Te=l(xe),Re=d(U,2);de(Re,21,()=>r(ae).tokens,Ms,(Pe,M)=>{var X=kc(),ee=l(X),ke=l(ee),ue=d(ee,2),I=l(ue);V(()=>{P(ke,r(M).name),P(I,r(M).description)}),S(Pe,X)}),V(Pe=>{ie.open=Pe,P(be,r(ae).category),P(Te,r(ae).description)},[()=>!r(s).trim()]),S(ne,ie)});var H=d(L,2);{var se=ne=>{var ae=Ac(),ie=d(l(ae),2);de(ie,21,()=>r(v),Ms,(U,oe)=>{var be=Ec(),xe=l(be),Te=l(xe),Re=d(xe,2),Pe=l(Re);V(()=>{P(Te,r(oe).name),P(Pe,r(oe).description)}),S(U,be)}),V(U=>ae.open=U,[()=>!r(s).trim()]),S(ne,ae)};me(H,ne=>{r(v).length>0&&ne(se)})}S(j,N)};me(B,j=>{r(p)&&j($)})}var k=d(B,2);{var R=j=>{var N=jc(),L=d(l(N),2);de(L,17,()=>r(c),Ms,(H,se)=>{var ne=Tc(),ae=l(ne),ie=l(ae),U=l(ie),oe=d(ie,2),be=l(oe),xe=d(ae,2);de(xe,21,()=>r(se).classes,Ms,(Te,Re)=>{var Pe=$c(),M=l(Pe),X=l(M),ee=d(M,2),ke=l(ee);V(()=>{P(X,r(Re).name),P(ke,r(Re).description)}),S(Te,Pe)}),V(Te=>{ne.open=Te,P(U,r(se).category),P(be,r(se).description)},[()=>!r(s).trim()]),S(H,ne)}),S(j,N)};me(k,j=>{r(m)&&j(R)})}var G=d(k,2);{var Z=j=>{var N=zc(),L=l(N);V(()=>P(L,`No results for "${r(s)??""}"`)),S(j,N)};me(G,j=>{r(b)&&j(Z)})}V(()=>{P(E,`${n??""} variables | ${i??""} layout/utility classes | ${o??""} state classes`),te(T,"aria-pressed",r(a)==="all"),z=Ie(T,1,"svelte-osej3t",null,z,{active:r(a)==="all"}),te(D,"aria-pressed",r(a)==="variables"),O=Ie(D,1,"svelte-osej3t",null,O,{active:r(a)==="variables"}),te(K,"aria-pressed",r(a)==="classes"),q=Ie(K,1,"svelte-osej3t",null,q,{active:r(a)==="classes"})}),Vt(F,()=>r(s),j=>J(s,j)),ge("click",T,()=>J(a,"all")),ge("click",D,()=>J(a,"variables")),ge("click",K,()=>J(a,"classes")),S(e,x),Fe()}He(["click"]);var Pc=C(''),qc=C(''),Mc=C('Aa Normal text Large text Normal: 4.5:1 AA · 7:1 AAA | Large: 3:1 AA · 4.5:1 AAA',1),Dc=C('Select different colors to compute contrast.'),Lc=C('WCAG Contrast Checker
Pick any two SLASHED color tokens to check their WCAG 2.1 contrast ratio. The
grid below shows every token pair — click any cell to load it into the picker.
- Colors shown are the light-mode variants.
Foreground
Background
All-pairs reference
Foreground → rows · Background → columns. Click any cell to load the pair into the picker above.
AAA (≥ 7:1) AA (≥ 4.5:1) AA large only (≥ 3:1) Fail (< 3:1)Content Grid
Widths used by the content-grid breakout pattern.
Sidebar
Cover
Frame
Reel
Imposter
Equal Columns
',1),Kc=j(`Containers
Max-width values for .sf-container size variants. Any valid CSS length
+ Colors shown are the light-mode variants.
Foreground
Background
All-pairs reference
Foreground → rows · Background → columns. Click any cell to load the pair into the picker above.
AAA (≥ 7:1) AA (≥ 4.5:1) AA large only (≥ 3:1) Fail (< 3:1)Content Grid
Widths used by the content-grid breakout pattern.
Sidebar
Cover
Frame
Reel
Imposter
Equal Columns
',1),Gc=C(`Containers
Max-width values for .sf-container size variants. Any valid CSS length
(rem, px, ch, %, etc.).
Grid
Minimum column width for .sf-grid auto-fill layouts.
The grid will fit as many columns as possible at or above this width.
Switcher
Viewport width at which .sf-switcher flips from a stacked column to a row.
Bento Grid
Column count and row height presets for .sf-bento free-form grid layouts.
Header & Sticky
Set mobile and desktop header heights in rem. When both are provided, --sf-header-height becomes a fluid clamp() between them using
the viewport range configured in the Spacing tab. Set both to the same value for a
- fixed height. Leave blank to use the framework default (5rem).
Header height Sticky offset Live preview
The quick brown fox jumps over the lazy dog
Body and heading fonts update as you adjust typography settings. Colors below
- reflect brand and status tokens for the selected mode.
Card Component
Design token preview
Active This card shows radius, shadow, spacing, colors, and typography
- working together. All values update live as you adjust tokens.
Generated CSS: `);function Uc(e,t){je(t,!0);const s=["primary","secondary","tertiary","action","neutral","base"],a=["success","warning","error","info","danger"],n=pe.defaults?.colors??{},i=Z=>`oklch(from var(${Z}) clamp(0.65, calc(0.95 - l * 0.5), 0.88) calc(c * 0.9) h)`,o=Z=>`oklch(from var(${Z}) clamp(0.16, calc(1.18 - l), 0.24) calc(c * 0.5) h)`,u=Z=>{const J=`--sf-color-${Z}-light`;return Z==="base"?o(J):i(J)};let c=fe(!1);const v=y(()=>{const Z=[],J=Q.colors??{},ue=Q.typography??{},ae=Q.radius??{},Fe=Q.shadows??{},Pe=J.dark_overrides_enabled!=="0";for(const qe of s){const zt=J[`brand_${qe}`]??n.brand_hex_hints?.[qe];zt&&Z.push(`--sf-color-${qe}-light:${zt}`);const Ut=Pe?J[`brand_dark_${qe}`]:"";Z.push(`--sf-color-${qe}-dark:${Ut||u(qe)}`)}for(const qe of a){const zt=J[`status_${qe}`]??n.status_hex_hints?.[qe];zt&&Z.push(`--sf-color-${qe}-light:${zt}`);const Ut=Pe?J[`status_dark_${qe}`]:"";Z.push(`--sf-color-${qe}-dark:${Ut||u(qe)}`)}ue.font_body&&Z.push(`--sf-font-body:${ue.font_body}`),ue.font_heading&&Z.push(`--sf-font-heading:${ue.font_heading}`);const ht=parseFloat(ae.radius_scale??pe.defaults?.radius?.radius_scale??1)||1;Z.push(`--preview-radius-s:${Math.round(4*ht)}px`),Z.push(`--preview-radius-m:${Math.round(8*ht)}px`),Z.push(`--preview-radius-l:${Math.round(16*ht)}px`);const Ve=Fe.shadow_strength,Ue=parseFloat(Ve!==void 0&&Ve!==""?Ve:pe.defaults?.shadows?.shadow_strength??.08);return Z.push(`--preview-shadow:0 2px 8px 0 rgba(0,0,0,${(Ue*2).toFixed(3)}),0 1px 3px 0 rgba(0,0,0,${Ue.toFixed(3)})`),Z.join(";")}),h=y(()=>r(c)?"dark":"light"),f=y(()=>fr(Q));var p=Gc();let m;var b=l(p),x=d(l(b),2),_=l(x);let w;var E=d(_,2);let C;var F=d(b,6),G=l(F);he(G,16,()=>s,Z=>Z,(Z,J)=>{var ue=Nc();let ae;var Fe=l(ue);K(()=>{te(ue,"title",J),ae=_e(ue,"",ae,{background:`var(--sf-color-${J}-${r(h)}, #ddd)`}),D(Fe,J)}),A(Z,ue)});var z=d(G,2);he(z,16,()=>a,Z=>Z,(Z,J)=>{var ue=Hc();let ae;var Fe=l(ue);K(()=>{te(ue,"title",J),ae=_e(ue,"",ae,{background:`var(--sf-color-${J}-${r(h)}, #ddd)`}),D(Fe,J)}),A(Z,ue)});var R=d(F,2),P=l(R);let O;var M=d(P,2);let V;var q=d(M,2);let T;var k=d(R,2);_e(k,"",{},{"box-shadow":"var(--preview-shadow)"});var $=l(k);let H;var Y=d($,2),S=l(Y),B=l(S);let I;var N=d(B,2),se=l(N);_e(se,"",{},{"font-family":"var(--sf-font-heading, system-ui, sans-serif)"});var ie=d(N,2);let ne;var oe=d(S,2);_e(oe,"",{},{"font-family":"var(--sf-font-body, system-ui, sans-serif)"});var W=d(oe,2),de=l(W);let we;var xe=d(de,2);let Ce;var ze=d(xe,2);let $e;var L=d(k,2),U=d(l(L)),ee=l(U);K(()=>{m=Le(p,1,"slashed-preview svelte-g79qke",null,m,{"is-dark":r(c)}),_e(p,r(v)),w=Le(_,1,"slashed-preview__mode-btn svelte-g79qke",null,w,{active:!r(c)}),C=Le(E,1,"slashed-preview__mode-btn svelte-g79qke",null,C,{active:r(c)}),O=_e(P,"",O,{background:`var(--sf-color-primary-${r(h)}, #4338ca)`}),V=_e(M,"",V,{background:`var(--sf-color-action-${r(h)}, #0891b2)`}),T=_e(q,"",T,{"border-color":`var(--sf-color-primary-${r(h)}, #4338ca)`,color:`var(--sf-color-primary-${r(h)}, #4338ca)`}),H=_e($,"",H,{background:`var(--sf-color-primary-${r(h)}, #4338ca)`}),I=_e(B,"",I,{background:`var(--sf-color-secondary-${r(h)}, #7c3aed)`}),ne=_e(ie,"",ne,{background:`var(--sf-color-success-${r(h)}, #16a34a)`}),we=_e(de,"",we,{background:`var(--sf-color-info-${r(h)}, #0284c7)`}),Ce=_e(xe,"",Ce,{background:`var(--sf-color-warning-${r(h)}, #ca8a04)`}),$e=_e(ze,"",$e,{background:`var(--sf-color-action-${r(h)}, #0891b2)`}),D(ee,r(f)||"/* (defaults — no overrides set) */")}),ge("click",_,()=>X(c,!1)),ge("click",E,()=>X(c,!0)),A(e,p),Te()}Be(["click"]);var Wc=j(''),Xc=j(''),Yc=j(''),Zc=j(''),Jc=j(''),Qc=j(' ');function ed(e,t){je(t,!0);const s=["contrast","radius","shadows","motion","zindex"];async function a(){if(!re.saving){re.saving=!0,re.error="";try{if(re.activeTab==="misc"){const z=await Promise.allSettled(s.map(P=>$r(P,Q[P]??{}))),R=[];if(z.forEach((P,O)=>{P.status==="fulfilled"?P.value?.values&&(Q[s[O]]=P.value.values):R.push(s[O])}),R.length>0)throw new Error(`Failed to save: ${R.join(", ")}`)}else{const z=re.activeTab,R=Q[z]??{},P=await $r(z,R);P&&P.values&&(Q[z]=P.values)}re.dirty=!1,re.lastSavedAt=Date.now()}catch(z){re.error=z&&z.message||String(z)}finally{re.saving=!1}}}async function n(){if(!re.saving&&confirm(`Reset the ${pe.tabs[re.activeTab]??re.activeTab} tab to defaults?`)){re.saving=!0,re.error="";try{if(re.activeTab==="misc"){const z=await Promise.allSettled(s.map(P=>Fr(P))),R=[];if(z.forEach((P,O)=>{P.status==="fulfilled"?Tr(s[O]):R.push(s[O])}),R.length>0)throw new Error(`Failed to reset: ${R.join(", ")}`)}else await Fr(re.activeTab),Tr(re.activeTab);re.dirty=!1,re.lastSavedAt=Date.now()}catch(z){re.error=z&&z.message||String(z)}finally{re.saving=!1}}}let i=fe(!1);fn(()=>{if(re.lastSavedAt){X(i,!0);const z=setTimeout(()=>X(i,!1),2e3);return()=>clearTimeout(z)}});const o=y(()=>ic(Q));function u(){const z=fr(Q);if(!z)return;const R=new Blob([z],{type:"text/css"}),P=URL.createObjectURL(R),O=document.createElement("a");O.href=P,O.download="slashed-custom.css",document.body.appendChild(O),O.click(),document.body.removeChild(O),URL.revokeObjectURL(P)}var c=Qc();let v;var h=l(c),f=l(h);{var p=z=>{var R=Wc(),P=l(R);K(()=>D(P,re.error)),A(z,R)},m=z=>{var R=Xc();A(z,R)},b=z=>{var R=Yc();A(z,R)},x=z=>{var R=Zc();A(z,R)},_=z=>{var R=Jc();A(z,R)};me(f,z=>{re.error?z(p):re.saving?z(m,1):r(i)?z(b,2):re.dirty?z(x,3):z(_,-1)})}var w=d(h,2),E=l(w),C=d(E,2),F=d(C,2),G=l(F);K(()=>{v=Le(c,1,"bar svelte-1oj49qa",null,v,{dirty:re.dirty}),E.disabled=re.saving,C.disabled=!r(o),F.disabled=re.saving||!re.dirty,D(G,re.saving?"Saving…":"Save changes")}),ge("click",E,n),ge("click",C,u),ge("click",F,a),A(e,c),Te()}Be(["click"]);var td=j(' '),sd=j(' '),ad=j('SLASHED Design Tokens
Adjust framework tokens, inspect generated variables, and manage the bundled CSS in one place.
3.5rem mobile, 5rem desktop) — shown as the input placeholders.
Header height Sticky offset Live preview
Typography
The quick brown fox jumps over the lazy dog
Body text uses --sf-color-text--secondary over the page
+ background. Headings, body, secondary and muted text each pull from
+ their own token so the hierarchy stays readable in both modes.
Muted caption · an inline link · auto-contrasting.
Surfaces
Brand & status
Buttons
Feedback
Card component
S Card Component
Design token preview
Active Radius, shadow, colours, surfaces, and typography working together —
+ every value updates live as you adjust tokens.
Form field
`);function Qc(e,t){ze(t,!0);const s=["primary","secondary","tertiary","action","neutral","base"],a=["success","warning","error","info","danger"],n=le.defaults?.colors??{},i=I=>`oklch(from var(${I}) clamp(0.65, calc(0.95 - l * 0.5), 0.88) calc(c * 0.9) h)`,o=I=>`oklch(from var(${I}) clamp(0.16, calc(1.18 - l), 0.24) calc(c * 0.5) h)`,u=I=>{const W=`--sf-color-${I}-light`;return I==="base"?o(W):i(W)};let c=he(!1);const v=y(()=>{const I=[],W=Q.colors??{},_e=Q.typography??{},Ae=Q.radius??{},Oe=Q.shadows??{},qe=Q.contrast??{},Ne=r(c)?"dark":"light",Bt=(()=>{const Se=qe.contrast_threshold,mt=parseFloat(Se!==void 0&&Se!==""?Se:le.defaults?.contrast?.contrast_threshold??.6);return Number.isFinite(mt)?mt:.6})(),At=(()=>{const Se=qe.contrast_bias,mt=parseFloat(Se!==void 0&&Se!==""?Se:le.defaults?.contrast?.contrast_bias??0);return Number.isFinite(mt)?mt:0})();for(const Se of s){const mt=W[`brand_${Se}`]??n.brand_hex_hints?.[Se];mt&&I.push(`--sf-color-${Se}-light:${mt}`);const qa=W.dark_overrides_enabled!=="0"?W[`brand_dark_${Se}`]:"";I.push(`--sf-color-${Se}-dark:${qa||u(Se)}`)}for(const Se of a){const mt=W[`status_${Se}`]??n.status_hex_hints?.[Se];mt&&I.push(`--sf-color-${Se}-light:${mt}`);const qa=W.dark_overrides_enabled!=="0"?W[`status_dark_${Se}`]:"";I.push(`--sf-color-${Se}-dark:${qa||u(Se)}`)}const qs=Se=>`oklch(from ${Se} clamp(0.1, sign(${Bt} - l) * 999, 0.95) 0 0)`;for(const Se of[...s,...a])I.push(`--c-${Se}:var(--sf-color-${Se}-${Ne})`),I.push(`--on-${Se}:${qs(`var(--c-${Se})`)}`);I.push("--c-surface:var(--c-base)"),I.push("--c-bg:oklch(from var(--c-base) calc(l + 0.02) c h)"),I.push("--c-raised:oklch(from var(--c-base) calc(l + 0.04) c h)"),I.push("--c-inset:oklch(from var(--c-base) calc(l - 0.02) c h)");const lt=Ne==="dark"?"var(--c-neutral)":"var(--sf-color-neutral-light)";Ne==="dark"?(I.push(`--c-text:oklch(from ${lt} clamp(0.70, calc(l + 0.25 + ${At}), 1) c h)`),I.push(`--c-text-secondary:oklch(from ${lt} clamp(0.55, calc(l + 0.1 + ${At}), 0.90) c h)`),I.push(`--c-border:oklch(from ${lt} clamp(0.25, calc(l - 0.3), 0.55) 0.005 h)`),I.push(`--c-border-subtle:oklch(from ${lt} clamp(0.20, calc(l - 0.38), 0.45) 0.005 h)`),I.push("--c-link:oklch(from var(--c-action) clamp(0.68, l, 1) c h)")):(I.push(`--c-text:oklch(from ${lt} clamp(0.05, calc(l - 0.4 - ${At}), 0.35) c h)`),I.push(`--c-text-secondary:oklch(from ${lt} clamp(0.15, calc(l - 0.25 - ${At}), 0.45) c h)`),I.push(`--c-border:oklch(from ${lt} clamp(0.70, calc(l + 0.35), 0.95) 0.005 h)`),I.push(`--c-border-subtle:oklch(from ${lt} clamp(0.75, calc(l + 0.4), 0.97) 0.005 h)`),I.push("--c-link:oklch(from var(--c-action) clamp(0, min(l - 0.07, 0.48), 1) c h)")),I.push("--c-text-muted:var(--c-neutral)");for(const Se of a)I.push(`--tint-${Se}:oklch(from var(--c-${Se}) l c h / 0.14)`);_e.font_body&&I.push(`--sf-font-body:${_e.font_body}`),_e.font_heading&&I.push(`--sf-font-heading:${_e.font_heading}`);const Ze=parseFloat(Ae.radius_scale??le.defaults?.radius?.radius_scale??1)||1;I.push(`--preview-radius-s:${Math.round(4*Ze)}px`),I.push(`--preview-radius-m:${Math.round(8*Ze)}px`),I.push(`--preview-radius-l:${Math.round(16*Ze)}px`);const Ct=Oe.shadow_strength,gs=parseFloat(Ct!==void 0&&Ct!==""?Ct:le.defaults?.shadows?.shadow_strength??.08);return I.push(`--preview-shadow:0 2px 8px 0 rgba(0,0,0,${(gs*2).toFixed(3)}),0 1px 3px 0 rgba(0,0,0,${gs.toFixed(3)})`),I.join(";")}),h=[{var:"--c-inset",label:"Inset"},{var:"--c-bg",label:"Background"},{var:"--c-surface",label:"Surface"},{var:"--c-raised",label:"Raised"}],f=y(()=>mr(Q));var p=Jc();let m;var b=l(p),x=d(l(b),2),_=l(x);let w;var E=d(_,2);let A;var F=d(b,2),Y=l(F),T=d(l(Y),6),z=d(l(T)),D=d(Y,2),O=d(l(D),2);de(O,21,()=>h,I=>I.var,(I,W)=>{var _e=Wc();let Ae;var Oe=l(_e),qe=l(Oe);V(()=>{Ae=fe(_e,"",Ae,{background:`var(${r(W).var})`}),P(qe,r(W).label)}),S(I,_e)});var K=d(D,2),q=d(l(K),2),B=l(q);de(B,16,()=>s,I=>I,(I,W)=>{var _e=Yc();let Ae;var Oe=l(_e);V(()=>{te(_e,"title",W),Ae=fe(_e,"",Ae,{background:`var(--c-${W})`,color:`var(--on-${W})`}),P(Oe,W)}),S(I,_e)});var $=d(B,2);de($,16,()=>a,I=>I,(I,W)=>{var _e=Xc();let Ae;var Oe=l(_e);V(()=>{te(_e,"title",W),Ae=fe(_e,"",Ae,{background:`var(--c-${W})`,color:`var(--on-${W})`}),P(Oe,W)}),S(I,_e)});var k=d(K,2),R=d(l(k),2),G=l(R);fe(G,"",{},{background:"var(--c-primary)",color:"var(--on-primary)"});var Z=d(G,2);fe(Z,"",{},{background:"var(--c-secondary)",color:"var(--on-secondary)"});var j=d(Z,2);fe(j,"",{},{background:"var(--c-action)",color:"var(--on-action)"});var N=d(j,2);fe(N,"",{},{"border-color":"var(--c-primary)",color:"var(--c-primary)"});var L=d(N,2);fe(L,"",{},{color:"var(--c-text-secondary)"});var H=d(L,2);fe(H,"",{},{background:"var(--c-neutral)",color:"var(--on-neutral)",opacity:"0.55"});var se=d(k,2),ne=d(l(se),2);de(ne,20,()=>a,I=>I,(I,W)=>{var _e=Zc();let Ae;var Oe=l(_e);let qe;var Ne=l(Oe),Bt=d(Oe,2),At=l(Bt);V(()=>{Ae=fe(_e,"",Ae,{background:`var(--tint-${W})`,"border-inline-start-color":`var(--c-${W})`}),qe=fe(Oe,"",qe,{background:`var(--c-${W})`,color:`var(--on-${W})`}),P(Ne,W),P(At,`${W??""} message — readable on its tint.`)}),S(I,_e)});var ae=d(se,2),ie=d(l(ae),2),U=l(ie);fe(U,"",{},{background:"var(--c-primary)"});var oe=d(U,2),be=l(oe),xe=l(be);fe(xe,"",{},{background:"var(--c-secondary)",color:"var(--on-secondary)"});var Te=d(xe,4);fe(Te,"",{},{background:"var(--c-success)",color:"var(--on-success)"});var Re=d(be,4),Pe=l(Re);fe(Pe,"",{},{background:"var(--c-info)",color:"var(--on-info)"});var M=d(Pe,2);fe(M,"",{},{background:"var(--c-warning)",color:"var(--on-warning)"});var X=d(M,2);fe(X,"",{},{background:"var(--c-action)",color:"var(--on-action)"});var ee=d(F,2),ke=d(l(ee)),ue=l(ke);V(()=>{m=Ie(p,1,"slashed-preview svelte-g79qke",null,m,{"is-dark":r(c)}),fe(p,r(v)),w=Ie(_,1,"slashed-preview__mode-btn svelte-g79qke",null,w,{active:!r(c)}),A=Ie(E,1,"slashed-preview__mode-btn svelte-g79qke",null,A,{active:r(c)}),P(ue,r(f)||"/* (defaults — no overrides set) */")}),ge("click",_,()=>J(c,!1)),ge("click",E,()=>J(c,!0)),ge("click",z,I=>I.preventDefault()),S(e,p),Fe()}He(["click"]);var ed=C(''),td=C(''),sd=C(''),ad=C(''),rd=C(''),nd=C(' ');function id(e,t){ze(t,!0);const s=["contrast","radius","shadows","motion","zindex"];async function a(){if(!re.saving){re.saving=!0,re.error="";try{if(re.activeTab==="misc"){const T=await Promise.allSettled(s.map(D=>Mr(D,Q[D]??{}))),z=[];if(T.forEach((D,O)=>{D.status==="fulfilled"?D.value?.values&&(Q[s[O]]=D.value.values):z.push(s[O])}),z.length>0)throw new Error(`Failed to save: ${z.join(", ")}`)}else{const T=re.activeTab,z=Q[T]??{},D=await Mr(T,z);D&&D.values&&(Q[T]=D.values)}re.dirty=!1,re.lastSavedAt=Date.now()}catch(T){re.error=T&&T.message||String(T)}finally{re.saving=!1}}}async function n(){if(!re.saving&&confirm(`Reset the ${le.tabs[re.activeTab]??re.activeTab} tab to defaults?`)){re.saving=!0,re.error="";try{if(re.activeTab==="misc"){const T=await Promise.allSettled(s.map(D=>Dr(D))),z=[];if(T.forEach((D,O)=>{D.status==="fulfilled"?Pr(s[O]):z.push(s[O])}),z.length>0)throw new Error(`Failed to reset: ${z.join(", ")}`)}else await Dr(re.activeTab),Pr(re.activeTab);re.dirty=!1,re.lastSavedAt=Date.now()}catch(T){re.error=T&&T.message||String(T)}finally{re.saving=!1}}}let i=he(!1);za(()=>{if(re.lastSavedAt){J(i,!0);const T=setTimeout(()=>J(i,!1),2e3);return()=>clearTimeout(T)}});const o=y(()=>dc(Q));function u(){const T=mr(Q);if(!T)return;const z=new Blob([T],{type:"text/css"}),D=URL.createObjectURL(z),O=document.createElement("a");O.href=D,O.download="slashed-custom.css",document.body.appendChild(O),O.click(),document.body.removeChild(O),URL.revokeObjectURL(D)}var c=nd();let v;var h=l(c),f=l(h);{var p=T=>{var z=ed(),D=l(z);V(()=>P(D,re.error)),S(T,z)},m=T=>{var z=td();S(T,z)},b=T=>{var z=sd();S(T,z)},x=T=>{var z=ad();S(T,z)},_=T=>{var z=rd();S(T,z)};me(f,T=>{re.error?T(p):re.saving?T(m,1):r(i)?T(b,2):re.dirty?T(x,3):T(_,-1)})}var w=d(h,2),E=l(w),A=d(E,2),F=d(A,2),Y=l(F);V(()=>{v=Ie(c,1,"bar svelte-1oj49qa",null,v,{dirty:re.dirty}),E.disabled=re.saving,A.disabled=!r(o),F.disabled=re.saving||!re.dirty,P(Y,re.saving?"Saving…":"Save changes")}),ge("click",E,n),ge("click",A,u),ge("click",F,a),S(e,c),Fe()}He(["click"]);var od=C(' '),ld=C(' '),cd=C('SLASHED Design Tokens
Adjust framework tokens, inspect generated variables, and manage the bundled CSS in one place.
{e=r,t=s});return{promise:n,resolve:e,reject:t}}const Ne=2,rr=4,bs=8,Xa=1<<24,yt=16,St=32,fn=64,qs=128,ft=512,Me=1024,Re=2048,Pt=4096,qe=8192,dt=16384,Nn=32768,js=1<<25,sr=65536,as=1<<17,_o=1<<18,lr=1<<19,vo=1<<20,Mt=1<<25,Pn=65536,is=1<<21,Yn=1<<22,ln=1<<23,An=Symbol("$state"),ho=Symbol("legacy props"),po=Symbol(""),zr=Symbol("attributes"),Hs=Symbol("class"),Ws=Symbol("style"),mr=Symbol("text"),Vr=Symbol("form reset"),ys=new class extends Error{constructor(){super(...arguments);Ue(this,"name","StaleReactionError");Ue(this,"message","The reaction that called `getAbortSignal()` was re-run or destroyed")}};function mo(e){throw new Error("https://svelte.dev/e/lifecycle_outside_component")}function go(){throw new Error("https://svelte.dev/e/async_derived_orphan")}function bo(e,t,n){throw new Error("https://svelte.dev/e/each_key_duplicate")}function yo(e){throw new Error("https://svelte.dev/e/effect_in_teardown")}function wo(){throw new Error("https://svelte.dev/e/effect_in_unowned_derived")}function ko(e){throw new Error("https://svelte.dev/e/effect_orphan")}function So(){throw new Error("https://svelte.dev/e/effect_update_depth_exceeded")}function Eo(e){throw new Error("https://svelte.dev/e/props_invalid_value")}function xo(){throw new Error("https://svelte.dev/e/state_descriptors_fixed")}function Co(){throw new Error("https://svelte.dev/e/state_prototype_fixed")}function Ao(){throw new Error("https://svelte.dev/e/state_unsafe_mutation")}function To(){throw new Error("https://svelte.dev/e/svelte_boundary_reset_onerror")}const Oo=1,Io=2,Qa=4,Mo=8,Po=16,Lo=1,Ro=4,No=8,Bo=16,Fo=1,Do=2,Ie=Symbol("uninitialized"),Za="http://www.w3.org/1999/xhtml";function qo(){console.warn("https://svelte.dev/e/derived_inert")}function jo(){console.warn("https://svelte.dev/e/select_multiple_invalid_value")}function Ho(){console.warn("https://svelte.dev/e/svelte_boundary_reset_noop")}function ei(e){return e===this.v}function Wo(e,t){return e!=e?t==t:e!==t||e!==null&&typeof e=="object"||typeof e=="function"}function ti(e){return!Wo(e,this.v)}let Ye=null;function ar(e){Ye=e}function Bn(e,t=!1,n){Ye={p:Ye,i:!1,c:null,e:null,s:e,x:null,r:$,l:null}}function Fn(e){var t=Ye,n=t.e;if(n!==null){t.e=null;for(var r of n)ki(r)}return t.i=!0,Ye=t.p,{}}function ni(){return!0}let mn=[];function ri(){var e=mn;mn=[],fo(e)}function cn(e){if(mn.length===0&&!Sr){var t=mn;queueMicrotask(()=>{t===mn&&ri()})}mn.push(e)}function Uo(){for(;mn.length>0;)ri()}function si(e){var t=$;if(t===null)return K.f|=ln,e;if((t.f&Nn)===0&&(t.f&rr)===0)throw e;on(e,t)}function on(e,t){for(;t!==null;){if((t.f&qs)!==0){if((t.f&Nn)===0)throw e;try{t.b.error(e);return}catch(n){e=n}}t=t.parent}throw e}const Ko=-7169;function ge(e,t){e.f=e.f&Ko|t}function la(e){(e.f&ft)!==0||e.deps===null?ge(e,Me):ge(e,Pt)}function ai(e){if(e!==null)for(const t of e)(t.f&Ne)===0||(t.f&Pn)===0||(t.f^=Pn,ai(t.deps))}function ii(e,t,n){(e.f&Re)!==0?t.add(e):(e.f&Pt)!==0&&n.add(e),ai(e.deps),ge(e,Me)}let jr=!1;function $o(e){var t=jr;try{return jr=!1,[e(),jr]}finally{jr=t}}let Ms=null,Kn=null,U=null,Us=null,wt=null,Ks=null,Sr=!1,Ps=!1,zn=null,Gr=null;var ka=0;let zo=1;var Xn,rn,yn,Qn,Zn,wn,er,Ht,Pr,Qe,Lr,sn,Tt,Ot,tr,kn,Z,$s,gr,zs,oi,li,Yr,Vo,Vs,$n;const hs=class hs{constructor(){H(this,Z);Ue(this,"id",zo++);H(this,Xn,!1);Ue(this,"linked",!0);H(this,rn,null);H(this,yn,null);Ue(this,"async_deriveds",new Map);Ue(this,"current",new Map);Ue(this,"previous",new Map);Ue(this,"unblocked",new Set);H(this,Qn,new Set);H(this,Zn,new Set);H(this,wn,new Set);H(this,er,0);H(this,Ht,new Map);H(this,Pr,null);H(this,Qe,[]);H(this,Lr,[]);H(this,sn,new Set);H(this,Tt,new Set);H(this,Ot,new Map);H(this,tr,new Set);Ue(this,"is_fork",!1);H(this,kn,!1)}skip_effect(t){_(this,Ot).has(t)||_(this,Ot).set(t,{d:[],m:[]}),_(this,tr).delete(t)}unskip_effect(t,n=r=>this.schedule(r)){var r=_(this,Ot).get(t);if(r){_(this,Ot).delete(t);for(var s of r.d)ge(s,Re),n(s);for(s of r.m)ge(s,Pt),n(s)}_(this,tr).add(t)}capture(t,n,r=!1){t.v!==Ie&&!this.previous.has(t)&&this.previous.set(t,t.v),(t.f&ln)===0&&(this.current.set(t,[n,r]),wt?.set(t,n)),this.is_fork||(t.v=n)}activate(){U=this}deactivate(){U=null,wt=null}flush(){try{Ps=!0,U=this,J(this,Z,gr).call(this)}finally{ka=0,Ks=null,zn=null,Gr=null,Ps=!1,U=null,wt=null,Tn.clear()}}discard(){for(const t of _(this,Zn))t(this);_(this,Zn).clear(),_(this,wn).clear(),J(this,Z,$n).call(this)}register_created_effect(t){_(this,Lr).push(t)}increment(t,n){if(j(this,er,_(this,er)+1),t){let r=_(this,Ht).get(n)??0;_(this,Ht).set(n,r+1)}}decrement(t,n){if(j(this,er,_(this,er)-1),t){let r=_(this,Ht).get(n)??0;r===1?_(this,Ht).delete(n):_(this,Ht).set(n,r-1)}_(this,kn)||(j(this,kn,!0),cn(()=>{j(this,kn,!1),this.linked&&this.flush()}))}transfer_effects(t,n){for(const r of t)_(this,sn).add(r);for(const r of n)_(this,Tt).add(r);t.clear(),n.clear()}oncommit(t){_(this,Qn).add(t)}ondiscard(t){_(this,Zn).add(t)}on_fork_commit(t){_(this,wn).add(t)}run_fork_commit_callbacks(){for(const t of _(this,wn))t(this);_(this,wn).clear()}settled(){return(_(this,Pr)??j(this,Pr,Ja())).promise}static ensure(){var t;if(U===null){const n=U=new hs;J(t=n,Z,Vs).call(t),!Ps&&!Sr&&cn(()=>{_(n,Xn)||n.flush()})}return U}apply(){{wt=null;return}}schedule(t){if(Ks=t,t.b?.is_pending&&(t.f&(rr|bs|Xa))!==0&&(t.f&Nn)===0){t.b.defer_effect(t);return}for(var n=t;n.parent!==null;){n=n.parent;var r=n.f;if(zn!==null&&n===$&&(K===null||(K.f&Ne)===0))return;if((r&(fn|St))!==0){if((r&Me)===0)return;n.f^=Me}}_(this,Qe).push(n)}};Xn=new WeakMap,rn=new WeakMap,yn=new WeakMap,Qn=new WeakMap,Zn=new WeakMap,wn=new WeakMap,er=new WeakMap,Ht=new WeakMap,Pr=new WeakMap,Qe=new WeakMap,Lr=new WeakMap,sn=new WeakMap,Tt=new WeakMap,Ot=new WeakMap,tr=new WeakMap,kn=new WeakMap,Z=new WeakSet,$s=function(){if(this.is_fork)return!0;for(const r of _(this,Ht).keys()){for(var t=r,n=!1;t.parent!==null;){if(_(this,Ot).has(t)){n=!0;break}t=t.parent}if(!n)return!0}return!1},gr=function(){var c,u,d;if(j(this,Xn,!0),ka++>1e3&&(J(this,Z,$n).call(this),Yo()),!J(this,Z,$s).call(this)){for(const f of _(this,sn))_(this,Tt).delete(f),ge(f,Re),this.schedule(f);for(const f of _(this,Tt))ge(f,Pt),this.schedule(f)}const t=_(this,Qe);j(this,Qe,[]),this.apply();var n=zn=[],r=[],s=Gr=[];for(const f of t)try{J(this,Z,zs).call(this,f,n,r)}catch(v){throw fi(f),v}if(U=null,s.length>0){var i=hs.ensure();for(const f of s)i.schedule(f)}if(zn=null,Gr=null,J(this,Z,$s).call(this)){J(this,Z,Yr).call(this,r),J(this,Z,Yr).call(this,n);for(const[f,v]of _(this,Ot))ui(f,v);s.length>0&&J(c=U,Z,gr).call(c);return}const o=J(this,Z,oi).call(this);if(o){J(u=o,Z,li).call(u,this);return}_(this,sn).clear(),_(this,Tt).clear();for(const f of _(this,Qn))f(this);_(this,Qn).clear(),Us=this,Sa(r),Sa(n),Us=null,_(this,Pr)?.resolve();var l=U;if(this.linked&&_(this,er)===0&&J(this,Z,$n).call(this),_(this,Qe).length>0){l===null&&(l=this,J(this,Z,Vs).call(this));const f=l;_(f,Qe).push(..._(this,Qe).filter(v=>!_(f,Qe).includes(v)))}l!==null&&J(d=l,Z,gr).call(d)},zs=function(t,n,r){t.f^=Me;for(var s=t.first;s!==null;){var i=s.f,o=(i&(St|fn))!==0,l=o&&(i&Me)!==0,c=l||(i&qe)!==0||_(this,Ot).has(s);if(!c&&s.fn!==null){o?s.f^=Me:(i&rr)!==0?n.push(s):qr(s)&&((i&yt)!==0&&_(this,Tt).add(s),or(s));var u=s.first;if(u!==null){s=u;continue}}for(;s!==null;){var d=s.next;if(d!==null){s=d;break}s=s.parent}}},oi=function(){for(var t=_(this,rn);t!==null;){if(!t.is_fork){for(const[n,[,r]]of this.current)if(t.current.has(n)&&!r)return t}t=_(t,rn)}return null},li=function(t){var r;for(const[s,i]of t.current)!this.previous.has(s)&&t.previous.has(s)&&this.previous.set(s,t.previous.get(s)),this.current.set(s,i);for(const[s,i]of t.async_deriveds){const o=this.async_deriveds.get(s);o&&i.promise.then(o.resolve)}const n=s=>{var i=s.reactions;if(i!==null)for(const c of i){var o=c.f;if((o&Ne)!==0)n(c);else{var l=c;o&(Yn|yt)&&!this.async_deriveds.has(l)&&(_(this,Tt).delete(l),ge(l,Re),this.schedule(l))}}};for(const s of this.current.keys())n(s);this.oncommit(()=>t.discard()),J(r=t,Z,$n).call(r),U=this,J(this,Z,gr).call(this)},Yr=function(t){for(var n=0;n!this.current.has(v));if(s.length===0)t&&f.discard();else if(n.length>0){if(t)for(const v of _(this,tr))f.unskip_effect(v,h=>{var b;(h.f&(yt|Yn))!==0?f.schedule(h):J(b=f,Z,Yr).call(b,[h])});f.activate();var i=new Set,o=new Map;for(var l of n)ci(l,s,i,o);o=new Map;var c=[...f.current.keys()].filter(v=>this.current.has(v)?this.current.get(v)[0]!==v.v:!0);if(c.length>0)for(const v of _(this,Lr))(v.f&(dt|qe|as))===0&&ca(v,c,o)&&((v.f&(Yn|yt))!==0?(ge(v,Re),f.schedule(v)):_(f,sn).add(v));if(_(f,Qe).length>0&&!_(f,kn)){f.apply();for(var u of _(f,Qe))J(d=f,Z,zs).call(d,u,[],[]);j(f,Qe,[])}f.deactivate()}}}},Vs=function(){Kn===null?Ms=Kn=this:(j(Kn,yn,this),j(this,rn,Kn)),Kn=this},$n=function(){var t=_(this,rn),n=_(this,yn);t===null?Ms=n:j(t,yn,n),n===null?Kn=t:j(n,rn,t),this.linked=!1};let Ln=hs;function Go(e){var t=Sr;Sr=!0;try{for(var n;;){if(Uo(),U===null)return n;U.flush()}}finally{Sr=t}}function Yo(){try{So()}catch(e){on(e,Ks)}}let jt=null;function Sa(e){var t=e.length;if(t!==0){for(var n=0;n0)){Tn.clear();for(const s of jt){if((s.f&(dt|qe))!==0)continue;const i=[s];let o=s.parent;for(;o!==null;)jt.has(o)&&(jt.delete(o),i.push(o)),o=o.parent;for(let l=i.length-1;l>=0;l--){const c=i[l];(c.f&(dt|qe))===0&&or(c)}}jt.clear()}}jt=null}}function ci(e,t,n,r){if(!n.has(e)&&(n.add(e),e.reactions!==null))for(const s of e.reactions){const i=s.f;(i&Ne)!==0?ci(s,t,n,r):(i&(Yn|yt))!==0&&(i&Re)===0&&ca(s,t,r)&&(ge(s,Re),ua(s))}}function ca(e,t,n){const r=n.get(e);if(r!==void 0)return r;if(e.deps!==null)for(const s of e.deps){if(Cn.call(t,s))return!0;if((s.f&Ne)!==0&&ca(s,t,n))return n.set(s,!0),!0}return n.set(e,!1),!1}function ua(e){U.schedule(e)}function ui(e,t){if(!((e.f&St)!==0&&(e.f&Me)!==0)){(e.f&Re)!==0?t.d.push(e):(e.f&Pt)!==0&&t.m.push(e),ge(e,Me);for(var n=e.first;n!==null;)ui(n,t),n=n.next}}function fi(e){ge(e,Me);for(var t=e.first;t!==null;)fi(t),t=t.next}function Jo(e){let t=0,n=Rn(0),r;return()=>{_a()&&(a(n),Ss(()=>(t===0&&(r=cr(()=>e(()=>Er(n)))),t+=1,()=>{cn(()=>{t-=1,t===0&&(r?.(),r=void 0,Er(n))})})))}}var Xo=sr|lr;function Qo(e,t,n,r){new Zo(e,t,n,r)}var it,ia,ot,Sn,$e,lt,De,Ze,Wt,En,an,nr,Rr,Nr,Ut,ps,be,el,tl,nl,Gs,Jr,Xr,Ys,Js;class Zo{constructor(t,n,r,s){H(this,be);Ue(this,"parent");Ue(this,"is_pending",!1);Ue(this,"transform_error");H(this,it);H(this,ia,null);H(this,ot);H(this,Sn);H(this,$e);H(this,lt,null);H(this,De,null);H(this,Ze,null);H(this,Wt,null);H(this,En,0);H(this,an,0);H(this,nr,!1);H(this,Rr,new Set);H(this,Nr,new Set);H(this,Ut,null);H(this,ps,Jo(()=>(j(this,Ut,Rn(_(this,En))),()=>{j(this,Ut,null)})));j(this,it,t),j(this,ot,n),j(this,Sn,i=>{var o=$;o.b=this,o.f|=qs,r(i)}),this.parent=$.b,this.transform_error=s??this.parent?.transform_error??(i=>i),j(this,$e,ha(()=>{J(this,be,Gs).call(this)},Xo))}defer_effect(t){ii(t,_(this,Rr),_(this,Nr))}is_rendered(){return!this.is_pending&&(!this.parent||this.parent.is_rendered())}has_pending_snippet(){return!!_(this,ot).pending}update_pending_count(t,n){J(this,be,Ys).call(this,t,n),j(this,En,_(this,En)+t),!(!_(this,Ut)||_(this,nr))&&(j(this,nr,!0),cn(()=>{j(this,nr,!1),_(this,Ut)&&ir(_(this,Ut),_(this,En))}))}get_effect_pending(){return _(this,ps).call(this),a(_(this,Ut))}error(t){if(!_(this,ot).onerror&&!_(this,ot).failed)throw t;U?.is_fork?(_(this,lt)&&U.skip_effect(_(this,lt)),_(this,De)&&U.skip_effect(_(this,De)),_(this,Ze)&&U.skip_effect(_(this,Ze)),U.on_fork_commit(()=>{J(this,be,Js).call(this,t)})):J(this,be,Js).call(this,t)}}it=new WeakMap,ia=new WeakMap,ot=new WeakMap,Sn=new WeakMap,$e=new WeakMap,lt=new WeakMap,De=new WeakMap,Ze=new WeakMap,Wt=new WeakMap,En=new WeakMap,an=new WeakMap,nr=new WeakMap,Rr=new WeakMap,Nr=new WeakMap,Ut=new WeakMap,ps=new WeakMap,be=new WeakSet,el=function(){try{j(this,lt,ct(()=>_(this,Sn).call(this,_(this,it))))}catch(t){this.error(t)}},tl=function(t){const n=_(this,ot).failed;n&&j(this,Ze,ct(()=>{n(_(this,it),()=>t,()=>()=>{})}))},nl=function(){const t=_(this,ot).pending;t&&(this.is_pending=!0,j(this,De,ct(()=>t(_(this,it)))),cn(()=>{var n=j(this,Wt,document.createDocumentFragment()),r=Gt();n.append(r),j(this,lt,J(this,be,Xr).call(this,()=>ct(()=>_(this,Sn).call(this,r)))),_(this,an)===0&&(_(this,it).before(n),j(this,Wt,null),On(_(this,De),()=>{j(this,De,null)}),J(this,be,Jr).call(this,U))}))},Gs=function(){try{if(this.is_pending=this.has_pending_snippet(),j(this,an,0),j(this,En,0),j(this,lt,ct(()=>{_(this,Sn).call(this,_(this,it))})),_(this,an)>0){var t=j(this,Wt,document.createDocumentFragment());ga(_(this,lt),t);const n=_(this,ot).pending;j(this,De,ct(()=>n(_(this,it))))}else J(this,be,Jr).call(this,U)}catch(n){this.error(n)}},Jr=function(t){this.is_pending=!1,t.transfer_effects(_(this,Rr),_(this,Nr))},Xr=function(t){var n=$,r=K,s=Ye;Lt(_(this,$e)),vt(_(this,$e)),ar(_(this,$e).ctx);try{return Ln.ensure(),t()}catch(i){return si(i),null}finally{Lt(n),vt(r),ar(s)}},Ys=function(t,n){var r;if(!this.has_pending_snippet()){this.parent&&J(r=this.parent,be,Ys).call(r,t,n);return}j(this,an,_(this,an)+t),_(this,an)===0&&(J(this,be,Jr).call(this,n),_(this,De)&&On(_(this,De),()=>{j(this,De,null)}),_(this,Wt)&&(_(this,it).before(_(this,Wt)),j(this,Wt,null)))},Js=function(t){_(this,lt)&&(Ge(_(this,lt)),j(this,lt,null)),_(this,De)&&(Ge(_(this,De)),j(this,De,null)),_(this,Ze)&&(Ge(_(this,Ze)),j(this,Ze,null));var n=_(this,ot).onerror;let r=_(this,ot).failed;var s=!1,i=!1;const o=()=>{if(s){Ho();return}s=!0,i&&To(),_(this,Ze)!==null&&On(_(this,Ze),()=>{j(this,Ze,null)}),J(this,be,Xr).call(this,()=>{J(this,be,Gs).call(this)})},l=c=>{try{i=!0,n?.(c,o),i=!1}catch(u){on(u,_(this,$e)&&_(this,$e).parent)}r&&j(this,Ze,J(this,be,Xr).call(this,()=>{try{return ct(()=>{var u=$;u.b=this,u.f|=qs,r(_(this,it),()=>c,()=>o)})}catch(u){return on(u,_(this,$e).parent),null}}))};cn(()=>{var c;try{c=this.transform_error(t)}catch(u){on(u,_(this,$e)&&_(this,$e).parent);return}c!==null&&typeof c=="object"&&typeof c.then=="function"?c.then(l,u=>on(u,_(this,$e)&&_(this,$e).parent)):l(c)})};function rl(e,t,n,r){const s=Or;var i=e.filter(v=>!v.settled);if(n.length===0&&i.length===0){r(t.map(s));return}var o=$,l=sl(),c=i.length===1?i[0].promise:i.length>1?Promise.all(i.map(v=>v.promise)):null;function u(v){if((o.f&dt)===0){l();try{r(v)}catch(h){on(h,o)}os()}}var d=di();if(n.length===0){c.then(()=>u(t.map(s))).finally(d);return}function f(){Promise.all(n.map(v=>al(v))).then(v=>u([...t.map(s),...v])).catch(v=>on(v,o)).finally(d)}c?c.then(()=>{l(),f(),os()}):f()}function sl(){var e=$,t=K,n=Ye,r=U;return function(i=!0){Lt(e),vt(t),ar(n),i&&(e.f&dt)===0&&(r?.activate(),r?.apply())}}function os(e=!0){Lt(null),vt(null),ar(null),e&&U?.deactivate()}function di(){var e=$,t=e.b,n=U,r=t.is_rendered();return t.update_pending_count(1,n),n.increment(r,e),()=>{t.update_pending_count(-1,n),n.decrement(r,e)}}function Or(e){var t=Ne|Re;return $!==null&&($.f|=lr),{ctx:Ye,deps:null,effects:null,equals:ei,f:t,fn:e,reactions:null,rv:0,v:Ie,wv:0,parent:$,ac:null}}const Hr=Symbol("obsolete");function al(e,t,n){let r=$;r===null&&go();var s=void 0,i=Rn(Ie),o=!K,l=new Set;return gl(()=>{var c=$,u=Ja();s=u.promise;try{Promise.resolve(e()).then(u.resolve,h=>{h!==ys&&u.reject(h)}).finally(os)}catch(h){u.reject(h),os()}var d=U;if(o){if((c.f&Nn)!==0)var f=di();if(r.b.is_rendered())d.async_deriveds.get(c)?.reject(Hr);else for(const h of l.values())h.reject(Hr);l.add(u),d.async_deriveds.set(c,u)}const v=(h,b=void 0)=>{f?.(),l.delete(u),b!==Hr&&(d.activate(),b?(i.f|=ln,ir(i,b)):((i.f&ln)!==0&&(i.f^=ln),ir(i,h)),d.deactivate())};u.promise.then(v,h=>v(null,h||"unknown"))}),va(()=>{for(const c of l)c.reject(Hr)}),new Promise(c=>{function u(d){function f(){d===s?c(i):u(s)}d.then(f,f)}u(s)})}function D(e){const t=Or(e);return Ti(t),t}function _i(e){const t=Or(e);return t.equals=ti,t}function il(e){var t=e.effects;if(t!==null){e.effects=null;for(var n=0;n0&&!pi&&cl()}return t}function cl(){pi=!1;for(const e of ls){(e.f&Me)!==0&&ge(e,Pt);let t;try{t=qr(e)}catch{t=!0}t&&or(e)}ls.clear()}function Er(e){ne(e,e.v+1)}function mi(e,t,n){var r=e.reactions;if(r!==null)for(var s=r.length,i=0;i{if(In===i)return l();var c=K,u=In;vt(null),Aa(i);var d=l();return vt(c),Aa(u),d};return r&&n.set("length",Ee(e.length)),new Proxy(e,{defineProperty(l,c,u){(!("value"in u)||u.configurable===!1||u.enumerable===!1||u.writable===!1)&&xo();var d=n.get(c);return d===void 0?o(()=>{var f=Ee(u.value);return n.set(c,f),f}):ne(d,u.value,!0),!0},deleteProperty(l,c){var u=n.get(c);if(u===void 0){if(c in l){const d=o(()=>Ee(Ie));n.set(c,d),Er(s)}}else ne(u,Ie),Er(s);return!0},get(l,c,u){if(c===An)return e;var d=n.get(c),f=c in l;if(d===void 0&&(!f||Gn(l,c)?.writable)&&(d=o(()=>{var h=Kt(f?l[c]:Ie),b=Ee(h);return b}),n.set(c,d)),d!==void 0){var v=a(d);return v===Ie?void 0:v}return Reflect.get(l,c,u)},getOwnPropertyDescriptor(l,c){var u=Reflect.getOwnPropertyDescriptor(l,c);if(u&&"value"in u){var d=n.get(c);d&&(u.value=a(d))}else if(u===void 0){var f=n.get(c),v=f?.v;if(f!==void 0&&v!==Ie)return{enumerable:!0,configurable:!0,value:v,writable:!0}}return u},has(l,c){if(c===An)return!0;var u=n.get(c),d=u!==void 0&&u.v!==Ie||Reflect.has(l,c);if(u!==void 0||$!==null&&(!d||Gn(l,c)?.writable)){u===void 0&&(u=o(()=>{var v=d?Kt(l[c]):Ie,h=Ee(v);return h}),n.set(c,u));var f=a(u);if(f===Ie)return!1}return d},set(l,c,u,d){var f=n.get(c),v=c in l;if(r&&c==="length")for(var h=u;hEe(Ie)),n.set(h+"",b))}if(f===void 0)(!v||Gn(l,c)?.writable)&&(f=o(()=>Ee(void 0)),ne(f,Kt(u)),n.set(c,f));else{v=f.v!==Ie;var O=o(()=>Kt(u));ne(f,O)}var m=Reflect.getOwnPropertyDescriptor(l,c);if(m?.set&&m.set.call(d,u),!v){if(r&&typeof c=="string"){var A=n.get("length"),C=Number(c);Number.isInteger(C)&&C>=A.v&&ne(A,C+1)}Er(s)}return!0},ownKeys(l){a(s);var c=Reflect.ownKeys(l).filter(f=>{var v=n.get(f);return v===void 0||v.v!==Ie});for(var[u,d]of n)d.v!==Ie&&!(u in l)&&c.push(u);return c},setPrototypeOf(){Co()}})}function Ea(e){try{if(e!==null&&typeof e=="object"&&An in e)return e[An]}catch{}return e}function ul(e,t){return Object.is(Ea(e),Ea(t))}var cs,gi,bi,yi;function fl(){if(cs===void 0){cs=window,gi=/Firefox/.test(navigator.userAgent);var e=Element.prototype,t=Node.prototype,n=Text.prototype;bi=Gn(t,"firstChild").get,yi=Gn(t,"nextSibling").get,wa(e)&&(e[Hs]=void 0,e[zr]=null,e[Ws]=void 0,e.__e=void 0),wa(n)&&(n[mr]=void 0)}}function Gt(e=""){return document.createTextNode(e)}function us(e){return bi.call(e)}function Dr(e){return yi.call(e)}function y(e,t){return us(e)}function Ce(e,t=!1){{var n=us(e);return n instanceof Comment&&n.data===""?Dr(n):n}}function w(e,t=1,n=!1){let r=e;for(;t--;)r=Dr(r);return r}function dl(e){e.textContent=""}function wi(){return!1}function _l(e,t,n){return document.createElementNS(Za,e,void 0)}let xa=!1;function vl(){xa||(xa=!0,document.addEventListener("reset",e=>{Promise.resolve().then(()=>{if(!e.defaultPrevented)for(const t of e.target.elements)t[Vr]?.()})},{capture:!0}))}function ws(e){var t=K,n=$;vt(null),Lt(null);try{return e()}finally{vt(t),Lt(n)}}function da(e,t,n,r=n){e.addEventListener(t,()=>ws(n));const s=e[Vr];s?e[Vr]=()=>{s(),r(!0)}:e[Vr]=()=>r(!0),vl()}function hl(e){$===null&&(K===null&&ko(),wo()),Jt&&yo()}function pl(e,t){var n=t.last;n===null?t.last=t.first=e:(n.next=e,e.prev=n,t.last=e)}function Xt(e,t){var n=$;n!==null&&(n.f&qe)!==0&&(e|=qe);var r={ctx:Ye,deps:null,nodes:null,f:e|Re|ft,first:null,fn:t,last:null,next:null,parent:n,b:n&&n.b,prev:null,teardown:null,wv:0,ac:null};U?.register_created_effect(r);var s=r;if((e&rr)!==0)zn!==null?zn.push(r):Ln.ensure().schedule(r);else if(t!==null){try{or(r)}catch(o){throw Ge(r),o}s.deps===null&&s.teardown===null&&s.nodes===null&&s.first===s.last&&(s.f&lr)===0&&(s=s.first,(e&yt)!==0&&(e&sr)!==0&&s!==null&&(s.f|=sr))}if(s!==null&&(s.parent=n,n!==null&&pl(s,n),K!==null&&(K.f&Ne)!==0&&(e&fn)===0)){var i=K;(i.effects??(i.effects=[])).push(s)}return r}function _a(){return K!==null&&!kt}function va(e){const t=Xt(bs,null);return ge(t,Me),t.teardown=e,t}function ks(e){hl();var t=$.f,n=!K&&(t&St)!==0&&(t&Nn)===0;if(n){var r=Ye;(r.e??(r.e=[])).push(e)}else return ki(e)}function ki(e){return Xt(rr|vo,e)}function ml(e){Ln.ensure();const t=Xt(fn|lr,e);return(n={})=>new Promise(r=>{n.outro?On(t,()=>{Ge(t),r(void 0)}):(Ge(t),r(void 0))})}function Si(e){return Xt(rr,e)}function gl(e){return Xt(Yn|lr,e)}function Ss(e,t=0){return Xt(bs|t,e)}function L(e,t=[],n=[],r=[]){rl(r,t,n,s=>{Xt(bs,()=>e(...s.map(a)))})}function ha(e,t=0){var n=Xt(yt|t,e);return n}function ct(e){return Xt(St|lr,e)}function Ei(e){var t=e.teardown;if(t!==null){const n=Jt,r=K;Ca(!0),vt(null);try{t.call(null)}finally{Ca(n),vt(r)}}}function pa(e,t=!1){var n=e.first;for(e.first=e.last=null;n!==null;){const s=n.ac;s!==null&&ws(()=>{s.abort(ys)});var r=n.next;(n.f&fn)!==0?n.parent=null:Ge(n,t),n=r}}function bl(e){for(var t=e.first;t!==null;){var n=t.next;(t.f&St)===0&&Ge(t),t=n}}function Ge(e,t=!0){var n=!1;(t||(e.f&_o)!==0)&&e.nodes!==null&&e.nodes.end!==null&&(yl(e.nodes.start,e.nodes.end),n=!0),ge(e,js),pa(e,t&&!n),Ir(e,0);var r=e.nodes&&e.nodes.t;if(r!==null)for(const i of r)i.stop();Ei(e),e.f^=js,e.f|=dt;var s=e.parent;s!==null&&s.first!==null&&xi(e),e.next=e.prev=e.teardown=e.ctx=e.deps=e.fn=e.nodes=e.ac=e.b=null}function yl(e,t){for(;e!==null;){var n=e===t?null:Dr(e);e.remove(),e=n}}function xi(e){var t=e.parent,n=e.prev,r=e.next;n!==null&&(n.next=r),r!==null&&(r.prev=n),t!==null&&(t.first===e&&(t.first=r),t.last===e&&(t.last=n))}function On(e,t,n=!0){var r=[];Ci(e,r,!0);var s=()=>{n&&Ge(e),t&&t()},i=r.length;if(i>0){var o=()=>--i||s();for(var l of r)l.out(o)}else s()}function Ci(e,t,n){if((e.f&qe)===0){e.f^=qe;var r=e.nodes&&e.nodes.t;if(r!==null)for(const l of r)(l.is_global||n)&&t.push(l);for(var s=e.first;s!==null;){var i=s.next;if((s.f&fn)===0){var o=(s.f&sr)!==0||(s.f&St)!==0&&(e.f&yt)!==0;Ci(s,t,o?n:!1)}s=i}}}function ma(e){Ai(e,!0)}function Ai(e,t){if((e.f&qe)!==0){e.f^=qe,(e.f&Me)===0&&(ge(e,Re),Ln.ensure().schedule(e));for(var n=e.first;n!==null;){var r=n.next,s=(n.f&sr)!==0||(n.f&St)!==0;Ai(n,s?t:!1),n=r}var i=e.nodes&&e.nodes.t;if(i!==null)for(const o of i)(o.is_global||t)&&o.in()}}function ga(e,t){if(e.nodes)for(var n=e.nodes.start,r=e.nodes.end;n!==null;){var s=n===r?null:Dr(n);t.append(n),n=s}}let Qr=!1,Jt=!1;function Ca(e){Jt=e}let K=null,kt=!1;function vt(e){K=e}let $=null;function Lt(e){$=e}let _t=null;function Ti(e){K!==null&&(_t===null?_t=[e]:_t.push(e))}let ze=null,Xe=0,at=null;function wl(e){at=e}let Oi=1,gn=0,In=gn;function Aa(e){In=e}function Ii(){return++Oi}function qr(e){var t=e.f;if((t&Re)!==0)return!0;if(t&Ne&&(e.f&=~Pn),(t&Pt)!==0){for(var n=e.deps,r=n.length,s=0;se.wv)return!0}(t&ft)!==0&&wt===null&&ge(e,Me)}return!1}function Mi(e,t,n=!0){var r=e.reactions;if(r!==null&&!(_t!==null&&Cn.call(_t,e)))for(var s=0;s{e.ac.abort(ys)}),e.ac=null);try{e.f|=is;var d=e.fn,f=d();e.f|=Nn;var v=e.deps,h=U?.is_fork;if(ze!==null){var b;if(h||Ir(e,Xe),v!==null&&Xe>0)for(v.length=Xe+ze.length,b=0;bn?.call(this,i))}return e.startsWith("pointer")||e.startsWith("touch")||e==="wheel"?cn(()=>{t.addEventListener(e,s,r)}):t.addEventListener(e,s,r),s}function Bi(e,t,n,r,s){var i={capture:r,passive:s},o=Cl(e,t,n,i);(t===document.body||t===window||t===document||t instanceof HTMLMediaElement)&&va(()=>{t.removeEventListener(e,o,i)})}function te(e,t,n){(t[bn]??(t[bn]={}))[e]=n}function Dn(e){for(var t=0;t{throw m});throw v}}finally{e[bn]=t,delete e.currentTarget,vt(d),Lt(f)}}}const Al=globalThis?.window?.trustedTypes&&globalThis.window.trustedTypes.createPolicy("svelte-trusted-html",{createHTML:e=>e});function Tl(e){return Al?.createHTML(e)??e}function Ol(e){var t=_l("template");return t.innerHTML=Tl(e.replaceAll("","")),t.content}function fs(e,t){var n=$;n.nodes===null&&(n.nodes={start:e,end:t,a:null,t:null})}function S(e,t){var n=(t&Fo)!==0,r=(t&Do)!==0,s,i=!e.startsWith("");return()=>{s===void 0&&(s=Ol(i?e:""+e),n||(s=us(s)));var o=r||gi?document.importNode(s,!0):s.cloneNode(!0);if(n){var l=us(o),c=o.lastChild;fs(l,c)}else fs(o,o);return o}}function Il(e=""){{var t=Gt(e+"");return fs(t,t),t}}function Fi(){var e=document.createDocumentFragment(),t=document.createComment(""),n=Gt();return e.append(t,n),fs(t,n),e}function k(e,t){e!==null&&e.before(t)}function F(e,t){var n=t==null?"":typeof t=="object"?`${t}`:t;n!==(e[mr]??(e[mr]=e.nodeValue))&&(e[mr]=n,e.nodeValue=`${n}`)}function Es(e,t){return Ml(e,t)}const Wr=new Map;function Ml(e,{target:t,anchor:n,props:r={},events:s,context:i,intro:o=!0,transformError:l}){fl();var c=void 0,u=ml(()=>{var d=n??t.appendChild(Gt());Qo(d,{pending:()=>{}},h=>{Bn({});var b=Ye;i&&(b.c=i),s&&(r.$$events=s),c=e(h,r)||{},Fn()},l);var f=new Set,v=h=>{for(var b=0;b{for(var h of f)for(const m of[t,document]){var b=Wr.get(m),O=b.get(h);--O==0?(m.removeEventListener(h,Qs),b.delete(h),b.size===0&&Wr.delete(m)):b.set(h,O)}Xs.delete(v),d!==n&&d.parentNode?.removeChild(d)}});return Zs.set(c,u),c}let Zs=new WeakMap;function ur(e,t){const n=Zs.get(e);return n?(Zs.delete(e),n(t)):Promise.resolve()}var bt,It,et,xn,Br,Fr,ms;class Pl{constructor(t,n=!0){Ue(this,"anchor");H(this,bt,new Map);H(this,It,new Map);H(this,et,new Map);H(this,xn,new Set);H(this,Br,!0);H(this,Fr,t=>{if(_(this,bt).has(t)){var n=_(this,bt).get(t),r=_(this,It).get(n);if(r)ma(r),_(this,xn).delete(n);else{var s=_(this,et).get(n);s&&(_(this,It).set(n,s.effect),_(this,et).delete(n),s.fragment.lastChild.remove(),this.anchor.before(s.fragment),r=s.effect)}for(const[i,o]of _(this,bt)){if(_(this,bt).delete(i),i===t)break;const l=_(this,et).get(o);l&&(Ge(l.effect),_(this,et).delete(o))}for(const[i,o]of _(this,It)){if(i===n||_(this,xn).has(i))continue;const l=()=>{if(Array.from(_(this,bt).values()).includes(i)){var u=document.createDocumentFragment();ga(o,u),u.append(Gt()),_(this,et).set(i,{effect:o,fragment:u})}else Ge(o);_(this,xn).delete(i),_(this,It).delete(i)};_(this,Br)||!r?(_(this,xn).add(i),On(o,l,!1)):l()}}});H(this,ms,t=>{_(this,bt).delete(t);const n=Array.from(_(this,bt).values());for(const[r,s]of _(this,et))n.includes(r)||(Ge(s.effect),_(this,et).delete(r))});this.anchor=t,j(this,Br,n)}ensure(t,n){var r=U,s=wi();if(n&&!_(this,It).has(t)&&!_(this,et).has(t))if(s){var i=document.createDocumentFragment(),o=Gt();i.append(o),_(this,et).set(t,{effect:ct(()=>n(o)),fragment:i})}else _(this,It).set(t,ct(()=>n(this.anchor)));if(_(this,bt).set(r,t),s){for(const[l,c]of _(this,It))l===t?r.unskip_effect(c):r.skip_effect(c);for(const[l,c]of _(this,et))l===t?r.unskip_effect(c.effect):r.skip_effect(c.effect);r.oncommit(_(this,Fr)),r.ondiscard(_(this,ms))}else _(this,Fr).call(this,r)}}bt=new WeakMap,It=new WeakMap,et=new WeakMap,xn=new WeakMap,Br=new WeakMap,Fr=new WeakMap,ms=new WeakMap;function q(e,t,n=!1){var r=new Pl(e),s=n?sr:0;function i(o,l){r.ensure(o,l)}ha(()=>{var o=!1;t((l,c=0)=>{o=!0,i(c,l)}),o||i(-1,null)},s)}function Ur(e,t){return t}function Ll(e,t,n){for(var r=[],s=t.length,i,o=t.length,l=0;l{if(i){if(i.pending.delete(f),i.done.add(f),i.pending.size===0){var v=e.outrogroups;ea(e,gs(i.done)),v.delete(i),v.size===0&&(e.outrogroups=null)}}else o-=1},!1)}if(o===0){var c=r.length===0&&n!==null;if(c){var u=n,d=u.parentNode;dl(d),d.append(u),e.items.clear()}ea(e,t,!c)}else i={pending:new Set(t),done:new Set},(e.outrogroups??(e.outrogroups=new Set)).add(i)}function ea(e,t,n=!0){var r;if(e.pending.size>0){r=new Set;for(const o of e.pending.values())for(const l of o)r.add(e.items.get(l).e)}for(var s=0;s{var R=n();return oa(R)?R:R==null?[]:gs(R)}),v,h=new Map,b=!0;function O(R){(C.effect.f&dt)===0&&(C.pending.delete(R),C.fallback=d,Rl(C,v,o,t,r),d!==null&&(v.length===0?(d.f&Mt)===0?ma(d):(d.f^=Mt,br(d,null,o)):On(d,()=>{d=null})))}function m(R){C.pending.delete(R)}var A=ha(()=>{v=a(f);for(var R=v.length,W=new Set,re=U,he=wi(),ue=0;uei(o)):(d=ct(()=>i(Oa??(Oa=Gt()))),d.f|=Mt)),R>W.size&&bo(),!b)if(h.set(re,W),he){for(const[He,Et]of l)W.has(He)||re.skip_effect(Et.e);re.oncommit(O),re.ondiscard(m)}else O(re);a(f)}),C={effect:A,items:l,pending:h,outrogroups:null,fallback:d};b=!1}function pr(e){for(;e!==null&&(e.f&St)===0;)e=e.next;return e}function Rl(e,t,n,r,s){var i=(r&Mo)!==0,o=t.length,l=e.items,c=pr(e.effect.first),u,d=null,f,v=[],h=[],b,O,m,A;if(i)for(A=0;A0){var je=(r&Qa)!==0&&o===0?n:null;if(i){for(A=0;A{if(f!==void 0)for(m of f)m.nodes?.a?.apply()})}function Nl(e,t,n,r,s,i,o,l){var c=(o&Oo)!==0?(o&Po)===0?ll(n,!1,!1):Rn(n):null,u=(o&Io)!==0?Rn(s):null;return{v:c,i:u,e:ct(()=>(i(t,c??n,u??s,l),()=>{e.delete(r)}))}}function br(e,t,n){if(e.nodes)for(var r=e.nodes.start,s=e.nodes.end,i=t&&(t.f&Mt)===0?t.nodes.start:n;r!==null;){var o=Dr(r);if(i.before(r),r===s)return;r=o}}function nn(e,t,n){t===null?e.effect.first=n:t.next=n,n===null?e.effect.last=t:n.prev=t}const Ia=[...`
-\r\f \v\uFEFF`];function Bl(e,t,n){var r=e==null?"":""+e;if(t&&(r=r?r+" "+t:t),n){for(var s of Object.keys(n))if(n[s])r=r?r+" "+s:s;else if(r.length)for(var i=s.length,o=0;(o=r.indexOf(s,o))>=0;){var l=o+i;(o===0||Ia.includes(r[o-1]))&&(l===r.length||Ia.includes(r[l]))?r=(o===0?"":r.substring(0,o))+r.substring(l+1):o=l}}return r===""?null:r}function Fl(e,t){return e==null?null:String(e)}function Ve(e,t,n,r,s,i){var o=e[Hs];if(o!==n||o===void 0){var l=Bl(n,r,i);l==null?e.removeAttribute("class"):e.className=l,e[Hs]=n}else if(i&&s!==i)for(var c in i){var u=!!i[c];(s==null||u!==!!s[c])&&e.classList.toggle(c,u)}return i}function Ke(e,t,n,r){var s=e[Ws];if(s!==t){var i=Fl(t);i==null?e.removeAttribute("style"):e.style.cssText=i,e[Ws]=t}return r}function Di(e,t,n=!1){if(e.multiple){if(t==null)return;if(!oa(t))return jo();for(var r of e.options)r.selected=t.includes(xr(r));return}for(r of e.options){var s=xr(r);if(ul(s,t)){r.selected=!0;return}}(!n||t!==void 0)&&(e.selectedIndex=-1)}function Dl(e){var t=new MutationObserver(()=>{Di(e,e.__value)});t.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["value"]}),va(()=>{t.disconnect()})}function ta(e,t,n=t){var r=new WeakSet,s=!0;da(e,"change",i=>{var o=i?"[selected]":":checked",l;if(e.multiple)l=[].map.call(e.querySelectorAll(o),xr);else{var c=e.querySelector(o)??e.querySelector("option:not([disabled])");l=c&&xr(c)}n(l),e.__value=l,U!==null&&r.add(U)}),Si(()=>{var i=t();if(e===document.activeElement){var o=U;if(r.has(o))return}if(Di(e,i,s),s&&i===void 0){var l=e.querySelector(":checked");l!==null&&(i=xr(l),n(i))}e.__value=i,s=!1}),Dl(e)}function xr(e){return"__value"in e?e.__value:e.value}const ql=Symbol("is custom element"),jl=Symbol("is html");function ae(e,t,n,r){var s=Hl(e);s[t]!==(s[t]=n)&&(t==="loading"&&(e[po]=n),n==null?e.removeAttribute(t):typeof n!="string"&&Wl(e).includes(t)?e[t]=n:e.setAttribute(t,n))}function Hl(e){return e[zr]??(e[zr]={[ql]:e.nodeName.includes("-"),[jl]:e.namespaceURI===Za})}var Ma=new Map;function Wl(e){var t=e.getAttribute("is")||e.nodeName,n=Ma.get(t);if(n)return n;Ma.set(t,n=[]);for(var r,s=e,i=Element.prototype;i!==s;){r=oo(s);for(var o in r)r[o].set&&o!=="innerHTML"&&o!=="textContent"&&o!=="innerText"&&n.push(o);s=Ya(s)}return n}function na(e,t,n=t){var r=new WeakSet;da(e,"input",async s=>{var i=s?e.defaultValue:e.value;if(i=Ls(e)?Rs(i):i,n(i),U!==null&&r.add(U),await Sl(),i!==(i=t())){var o=e.selectionStart,l=e.selectionEnd,c=e.value.length;if(e.value=i??"",l!==null){var u=e.value.length;o===l&&l===c&&u>c?(e.selectionStart=u,e.selectionEnd=u):(e.selectionStart=o,e.selectionEnd=Math.min(l,u))}}}),cr(t)==null&&e.value&&(n(Ls(e)?Rs(e.value):e.value),U!==null&&r.add(U)),Ss(()=>{var s=t();if(e===document.activeElement){var i=U;if(r.has(i))return}Ls(e)&&s===Rs(e.value)||e.type==="date"&&!s&&!e.value||s!==e.value&&(e.value=s??"")})}function qi(e,t,n=t){da(e,"change",r=>{var s=r?e.defaultChecked:e.checked;n(s)}),cr(t)==null&&n(e.checked),Ss(()=>{var r=t();e.checked=!!r})}function Ls(e){var t=e.type;return t==="number"||t==="range"}function Rs(e){return e===""?null:+e}function Ns(e,t){return e===t||e?.[An]===t}function Ul(e={},t,n,r){var s=Ye.r,i=$;return Si(()=>{var o,l;return Ss(()=>{o=l,l=[],cr(()=>{Ns(n(...l),e)||(t(e,...l),o&&Ns(n(...o),e)&&t(null,...o))})}),()=>{let c=i;for(;c!==s&&c.parent!==null&&c.parent.f&js;)c=c.parent;const u=()=>{l&&Ns(n(...l),e)&&t(null,...l)},d=c.teardown;c.teardown=()=>{u(),d?.()}}}),e}function $t(e,t,n,r){var s=!0,i=(n&No)!==0,o=(n&Bo)!==0,l=r,c=!0,u=void 0,d=()=>o&&s?(u??(u=Or(r)),a(u)):(c&&(c=!1,l=o?cr(r):r),l);let f;if(i){var v=An in e||ho in e;f=Gn(e,t)?.set??(v&&t in e?W=>e[t]=W:void 0)}var h,b=!1;i?[h,b]=$o(()=>e[t]):h=e[t],h===void 0&&r!==void 0&&(h=d(),f&&(Eo(),f(h)));var O;if(O=()=>{var W=e[t];return W===void 0?d():(c=!0,W)},(n&Ro)===0)return O;if(f){var m=e.$$legacy;return(function(W,re){return arguments.length>0?((!re||m||b)&&f(re?O():W),W):O()})}var A=!1,C=((n&Lo)!==0?Or:_i)(()=>(A=!1,O()));i&&a(C);var R=$;return(function(W,re){if(arguments.length>0){const he=re?a(C):i?Kt(W):W;return ne(C,he),A=!0,l!==void 0&&(l=he),W}return Jt&&A||(R.f&dt)!==0?C.v:a(C)})}function ji(e){Ye===null&&mo(),ks(()=>{const t=cr(e);if(typeof t=="function")return t})}const Hi="[data-v-app]",Kl=["header","content","footer"];let ut=null,qt=null;function $l(e){const t=e instanceof Set?e:new Set(e||[]);for(let n=0;n<16;n++){const r=crypto.randomUUID().replace(/-/g,"").slice(0,8);if(!t.has(r))return r}throw new Error("rebemer: id collision exhausted")}function zl(){if(typeof document>"u")return!1;const t=document.querySelector(Hi)?.__vue_app__?.config?.globalProperties?.$_state;return!t||typeof t!="object"||!Array.isArray(t.globalClasses)?(ut=null,!1):(ut=t,qt=null,!0)}function Vl(){if(qt!==null)return qt;const e=typeof document<"u"?document.querySelector(Hi)?.__vue_app__:null;if(!e)return qt=!1,!1;const t=e.config?.globalProperties??{};if(typeof ut?.$history?.pause=="function"&&typeof ut?.$history?.resume=="function")return qt={pause:()=>ut.$history.pause(),resume:()=>ut.$history.resume()},qt;const n=t.$_bricksData??t.bricksData;return typeof n?.history?.pause=="function"&&typeof n?.history?.resume=="function"?(qt={pause:()=>n.history.pause(),resume:()=>n.history.resume()},qt):(qt=!1,!1)}function Gl(e){const t=Vl();if(t)try{t.pause(),e()}finally{t.resume()}else e()}function un(e){if(!ut||!e)return null;for(const t of Kl){const n=ut[t];if(!Array.isArray(n))continue;const r=n.find(s=>s&&s.id===e);if(r)return r}return null}function Yl(e){const t=un(e);if(!t)return[];const n=[{id:t.id,depth:0,label:t.label,name:t.name,settings:t.settings}];return Wi(t,1,n),n}function Wi(e,t,n){if(!(!e||!Array.isArray(e.children)))for(const r of e.children){const s=un(r);s&&(n.push({id:s.id,depth:t,label:s.label,name:s.name,settings:s.settings}),Wi(s,t+1,n))}}function Ui(){return ut?ut.globalClasses:[]}function Bs(e,t){if(!ut)throw new Error("rebemer: not ready");const n=ut.globalClasses,r=n.find(o=>o&&o.name===e);if(r)return r.id;const s=new Set(n.map(o=>o?.id).filter(Boolean)),i=$l(s);return n.push({id:i,name:e,settings:t||{}}),i}function Pa(e,t){const n=un(e);if(!n)return;n.settings||(n.settings={});const r=Array.isArray(t)?t:[];Array.isArray(n.settings._cssGlobalClasses)?n.settings._cssGlobalClasses.splice(0,n.settings._cssGlobalClasses.length,...r):n.settings._cssGlobalClasses=[...r]}function La(e,t){const n=un(e);n&&(n.label=t)}const ds="slashed-rebemer-host",Jl="slashed-class-hint",Ki=["#bricks-panel",".bricks-class-manager","#bricks-class-manager",'[data-control="cssClasses"]'],Xl=3;function Ql(e,t){if(!e||!t)return null;let n=String(e).trim();if(!n||/\s/.test(n)||(n[0]==="."&&(n=n.slice(1)),!n.startsWith("sf-")&&!n.startsWith("is-"))||!Object.prototype.hasOwnProperty.call(t,n))return null;const r=t[n];return!r||typeof r.description!="string"?null:{name:n,description:r.description,category:r.category}}let ra=!1,_s={},zt=null,Cr=null,nt=null;function Zl(){if(zt&&zt.isConnected)return zt;let e=document.getElementById(ds);e||(e=document.createElement("div"),e.id=ds,document.body.appendChild(e));const t=document.createElement("div");return t.id=Jl,t.className="rebemer-class-hint",t.setAttribute("role","tooltip"),t.hidden=!0,t.innerHTML='l&&n.top-i-s>=0&&(c=n.top-i-s);let u=n.left;u+r>o-4&&(u=Math.max(4,o-4-r)),u<4&&(u=4),e.style.top=`${Math.round(c)}px`,e.style.left=`${Math.round(u)}px`}function zi(e,t){const n=Zl();n.querySelector(".rebemer-class-hint__name").textContent=`.${t.name}`;const r=n.querySelector(".rebemer-class-hint__cat");r.textContent=t.category||"",r.hidden=!t.category,n.querySelector(".rebemer-class-hint__desc").textContent=t.description,n.hidden=!1,ec(n,e),nt=e}function dn(){zt&&(zt.hidden=!0),nt=null}function tc(e){const t=e.target;if(!(t instanceof Element)||t.closest(`#${ds}`))return;if(!t.closest(Ki.join(","))){nt&&dn();return}const n=$i(t);if(!n){nt&&dn();return}n.el!==nt&&zi(n.el,n.hint)}function nc(e){if(!nt)return;const t=e.relatedTarget;t instanceof Node&&nt.contains(t)||dn()}function rc(e){const t=e.target;if(!(t instanceof Element)||t.closest(`#${ds}`))return;if(!t.closest(Ki.join(","))){nt&&dn();return}const n=$i(t);if(!n){nt&&dn();return}n.el!==nt&&zi(n.el,n.hint)}function sc(e){if(!nt)return;const t=e.relatedTarget;t instanceof Node&&nt.contains(t)||dn()}function ac(e){e.key==="Escape"&&dn()}function ic(e,t,n={}){if(Zr(),ra=!!e,_s=t&&typeof t=="object"?t:{},!ra||Object.keys(_s).length===0)return;Cr=new AbortController;const{signal:r}=Cr,s={passive:!0,signal:r};document.addEventListener("mouseover",tc,s),document.addEventListener("mouseout",nc,s),document.addEventListener("focusin",rc,s),document.addEventListener("focusout",sc,s),document.addEventListener("keydown",ac,s),window.addEventListener("scroll",dn,{capture:!0,passive:!0,signal:r}),n.signal&&(n.signal.aborted?Zr():n.signal.addEventListener("abort",Zr,{once:!0}))}function Zr(){Cr&&(Cr.abort(),Cr=null),zt&&(zt.remove(),zt=null),nt=null,ra=!1,_s={}}const es="li.variable-picker-item",ts="slashed-var-swatch",yr="slashed-sf-color-btn",oc=50,Ra=(e,...t)=>console[e]("[slashed-swatches]",...t);function lc(e,t){if(!e||!t)return null;let n=String(e).trim();if(!n||/\s/.test(n)||(n.slice(0,2)!=="--"&&(n="--"+n.replace(/^-+/,"")),n.indexOf("--sf-color-")!==0))return null;const r=t[n];return typeof r=="string"&&r?r:null}let sa=!1,Mr={},Yt=null,Ar=null,Jn=null,ns=null;function cc(e){if(!Yt)return;const t=e.querySelector('[data-control="text"].color-input');if(!t||t.querySelector("."+yr))return;const n=document.createElement("div");n.className=yr,n.setAttribute("data-balloon","SLASHED Colors"),n.setAttribute("data-balloon-pos","top-right"),n.setAttribute("role","button"),n.setAttribute("tabindex","0");const r=document.createElement("span");r.className=yr+"__dot",r.setAttribute("aria-hidden","true"),n.appendChild(r),n.addEventListener("click",u=>{u.stopPropagation(),Yt&&Yt(t)}),n.addEventListener("keydown",u=>{u.key===" "?(u.preventDefault(),n.click()):u.key==="Enter"&&n.click()});const s=t.querySelector(".variable-picker-button");s&&s.nextSibling?t.insertBefore(n,s.nextSibling):t.appendChild(n);const l=((t.querySelector('input[type="text"]')??t.querySelector('input:not([type="hidden"],[type="submit"],[type="button"],[type="checkbox"],[type="radio"],[type="file"])'))?.value??"").match(/^var\((--[^)]+)\)/)?.[1],c=l?Mr[l]??null:null;c&&(r.style.background=c,r.style.removeProperty("box-shadow"),n.classList.add(yr+"--active"))}function uc(e){const t=e.querySelector(":scope > span[title]")||e.querySelector(":scope > span");if(t){const n=t.getAttribute("title");return n&&n.trim()?n.trim():(t.textContent||"").trim()}return(e.textContent||"").trim()}function fc(e){if(e.classList.contains("title")||e.classList.contains("category")){const r=e.querySelector(":scope > ."+ts);r&&r.remove();return}const t=lc(uc(e),Mr);let n=e.querySelector(":scope > ."+ts);if(!t){n&&n.remove();return}n||(n=document.createElement("span"),n.className=ts,n.setAttribute("aria-hidden","true"),e.insertBefore(n,e.firstChild)),n.dataset.color!==t&&(n.style.setProperty("--slashed-swatch-color",t),n.dataset.color=t)}function Vi(){try{const e=document.querySelectorAll(es);for(const t of e)fc(t)}catch(e){Ra("warn","swatch pass failed",e)}if(Yt)try{document.querySelectorAll('[data-control="color"]').forEach(cc)}catch(e){Ra("warn","SF button inject failed",e)}}function dc(){Jn===null&&(Jn=setTimeout(()=>{Jn=null,Vi()},oc))}function _c(e){for(const t of e){const n=t.target;if(n&&n.nodeType===1&&n.closest&&(n.closest(es)||Yt&&n.closest('[data-control="color"]')))return!0;for(const r of t.addedNodes)if(r.nodeType===1&&(r.matches&&r.matches(es)||r.querySelector&&r.querySelector(es)||Yt&&(r.matches&&r.matches('[data-control="color"]')||r.querySelector&&r.querySelector('[data-control="color"]'))))return!0}return!1}function vc(e,t,n={}){rs(),sa=!!e,Mr=t&&typeof t=="object"?t:{},Yt=typeof n.onOpenPanel=="function"?n.onOpenPanel:null,!(!(sa&&Object.keys(Mr).length>0)&&!Yt)&&(ns=new AbortController,Ar=new MutationObserver(s=>{_c(s)&&dc()}),Ar.observe(document.body,{childList:!0,subtree:!0}),Vi(),n.signal&&(n.signal.aborted?rs():n.signal.addEventListener("abort",rs,{once:!0})))}function rs(){Jn!==null&&(clearTimeout(Jn),Jn=null),Ar&&(Ar.disconnect(),Ar=null),ns&&(ns.abort(),ns=null);try{document.querySelectorAll("."+ts).forEach(e=>e.remove()),document.querySelectorAll("."+yr).forEach(e=>e.remove())}catch{}sa=!1,Mr={},Yt=null}const hc="5";var Ga;typeof window<"u"&&((Ga=window.__svelte??(window.__svelte={})).v??(Ga.v=new Set)).add(hc);var pc=S('reBEM');function mc(e,t){Bn(t,!0);function n(s){s.stopPropagation(),s.preventDefault(),t.onActivate?.(t.elementId)}var r=pc();L(()=>{ae(r,"title",t.label?`Open reBEMer for ${t.label}`:"Open reBEMer"),ae(r,"aria-label",t.label?`Open reBEMer for ${t.label}`:"Open reBEMer")}),te("click",r,n),te("keydown",r,s=>(s.key==="Enter"||s.key===" ")&&n(s)),k(e,r),Fn()}Dn(["click","keydown"]);function Vt(e){return e?String(e).normalize("NFKD").replace(/[\u0300-\u036f]/g,"").replace(/[^\x00-\x7f]/g,"").toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/-+/g,"-").replace(/^-+|-+$/g,""):""}const gc=/^[a-z][a-z0-9]*(-[a-z0-9]+)*$/,bc=new Set(["auto","inherit","initial","unset","revert","revert-layer","none"]);function Na(e){return e?bc.has(e)?{ok:!1,reason:`"${e}" is a CSS keyword.`}:gc.test(e)?{ok:!0}:{ok:!1,reason:"Use lowercase letters, digits, and hyphens."}:{ok:!1,reason:"Name is empty."}}const xs=new Set(["_padding","_padding_top","_padding_right","_padding_bottom","_padding_left","_margin","_margin_top","_margin_right","_margin_bottom","_margin_left","_width","_widthMin","_widthMax","_minWidth","_maxWidth","_height","_heightMin","_heightMax","_minHeight","_maxHeight","_aspectRatio","_overflow","_overflowX","_overflowY","_color","_background","_backgroundColor","_backgroundImage","_backgroundSize","_backgroundPosition","_backgroundRepeat","_backgroundAttachment","_backgroundBlendMode","_typography","_fontFamily","_fontSize","_fontWeight","_fontStyle","_lineHeight","_letterSpacing","_wordSpacing","_textAlign","_textTransform","_textDecoration","_textDecorationColor","_textShadow","_textIndent","_whiteSpace","_listStyleType","_listStylePosition","_border","_borderRadius","_borderColor","_borderStyle","_borderWidth","_outline","_outlineColor","_outlineStyle","_outlineWidth","_outlineOffset","_boxShadow","_filter","_backdropFilter","_opacity","_blendMode","_transform","_transformOrigin","_transition","_animation","_display","_flexDirection","_flexWrap","_flexGrow","_flexShrink","_flexBasis","_alignItems","_alignSelf","_alignContent","_justifyContent","_justifyItems","_justifySelf","_gap","_rowGap","_columnGap","_gridTemplateColumns","_gridTemplateRows","_gridGap","_gridAutoFlow","_gridAutoColumns","_gridAutoRows","_gridColumn","_gridRow","_gridArea","_position","_top","_right","_bottom","_left","_zIndex","_objectFit","_objectPosition","_cursor","_pointerEvents","_userSelect"]);function yc(e){if(!e||typeof e!="object")return[];const t=[];for(const n of Object.keys(e))xs.has(n)&&t.push(n);return t.sort(),t}const wc=new Set(["_cssGlobalClasses","_cssClasses","_cssId","_attributes","_hidden","_hidden_lg","_hidden_md","_hidden_sm","_hidden_xl","_name","_label","_id","tag","children","parent"]);function kc(e){if(!e||typeof e!="object")return[];const t=[];for(const n of Object.keys(e))xs.has(n)||wc.has(n)||n.startsWith("_hidden_")||t.push(n);return t.sort(),t}const Sc=new Set(["add","rename","replace","migrate","mixed"]),Ba=new Set(["user","label"]);function Gi(e,t){const n=new Map,r=[];for(const s of e){for(;r.length&&r[r.length-1].depth>=s.depth;)r.pop();const i=s.id===t,o=!i&&s.isBlockRoot===!0;if(i||o){const l=Vt(s.name);l&&s.include!==!1&&(r.push({depth:s.depth,blockName:l}),n.set(s.id,l))}else{const l=r.length?r[r.length-1].blockName:"";l&&n.set(s.id,l)}}return n}function Yi({rootId:e,rows:t,mode:n}){if(!Sc.has(n))return{ok:!1,ops:[],error:`Invalid mode: ${n}`};const r=t.find(u=>u.id===e);if(!r)return{ok:!1,ops:[],error:"Root row missing."};if(!Vt(r.name))return{ok:!1,ops:[],error:"Block name is empty."};const i=[];for(const u of t)!u.isBlockRoot||!u.include||u.id===e||Vt(u.name)||i.push(u.originalLabel||u.id);if(i.length>0)return{ok:!1,ops:[],error:`Block name is empty for: ${i.join(", ")}.`};const o=Gi(t,e),l=[];for(const u of t){if(!u.include)continue;const d=u.id===e,f=!d&&u.isBlockRoot===!0,v=o.get(u.id);if(!v)continue;let h;if(d||f)h=v;else{const b=Vt(u.name);if(!b)continue;h=`${v}__${b}`}l.push({row:u,isRoot:d||f,blockName:v,finalClass:h,modifierSlugs:[],suggestedFrom:u.suggestedFrom||"fallback"})}if(l.length===0)return{ok:!1,ops:[],error:"No rows to apply. Include at least one row."};const c=Cc(l);if(!c.ok)return{ok:!1,ops:[],error:c.error};if(n!=="migrate")for(const u of l){const d=Array.isArray(u.row.modifiers)?u.row.modifiers:[];u.modifierSlugs=d.map(f=>Vt(f)).filter(Boolean)}return{ok:!0,ops:l}}function Ec({rootId:e,rows:t,mode:n,syncLabels:r}){const s=Yi({rootId:e,rows:t,mode:n});if(!s.ok)return{ok:!1,error:s.error};const i=s.ops,o=Ui();if(n==="migrate"){const u=xc(i,o);if(!u.ok)return u}const l=new Map;for(const u of i){if(l.has(u.row.id))continue;const d=un(u.row.id);if(!d)continue;const f={classIds:Fa(d.settings).slice(),label:r?d.label??"":null};if(n==="migrate"&&Array.isArray(u.row.migrateKeys)){const v={};for(const h of u.row.migrateKeys)Object.prototype.hasOwnProperty.call(d.settings||{},h)&&(v[h]=JSON.parse(JSON.stringify(d.settings[h])));f.migrateKeys=v}l.set(u.row.id,f)}let c=0;try{Gl(()=>{for(const u of i){const d=un(u.row.id);if(!d)continue;const f=Fa(d.settings),v=u.row.op??"add",h=n==="mixed"?["add","rename","replace"].includes(v)?v:"add":n;let b={};if(h==="rename"&&f.length>0){const A=n==="mixed"&&u.row.renameFamilyId||f[0],C=o.find(R=>R&&R.id===A);C&&C.settings&&(b=JSON.parse(JSON.stringify(C.settings)))}else h==="migrate"&&(b=Ji(d.settings,u.row.migrateKeys));if(h==="migrate"){const A=o.find(C=>C&&C.name===u.finalClass);if(A){(!A.settings||typeof A.settings!="object")&&(A.settings={});for(const[C,R]of Object.entries(b))Object.prototype.hasOwnProperty.call(A.settings,C)||(A.settings[C]=R)}}const O=Bs(u.finalClass,b);let m;switch(h){case"add":case"migrate":m=f.includes(O)?f:[...f,O];break;case"rename":{const A=n==="mixed"&&u.row.renameFamilyId||(f[0]??null),C=[O],R=A?o.find(W=>W&&W.id===A):null;if(R){const W=R.name+"--";for(const re of f){if(re===A)continue;const he=o.find(ue=>ue&&ue.id===re);if(he)if(he.name.startsWith(W)){const ue=he.name.slice(R.name.length),le=he.settings?JSON.parse(JSON.stringify(he.settings)):{};C.push(Bs(u.finalClass+ue,le))}else C.push(re)}}m=C;break}case"replace":if(n==="mixed"&&u.row.renameFamilyId){const A=o.find(C=>C&&C.id===u.row.renameFamilyId);if(A){const C=A.name+"--",R=f.filter(W=>{if(W===u.row.renameFamilyId)return!1;const re=o.find(he=>he&&he.id===W);return!re||!re.name.startsWith(C)});m=[O,...R]}else m=[O]}else m=[O];break}for(const A of u.modifierSlugs){const C=`${u.finalClass}--${A}`,R=Bs(C,{});m.includes(R)||m.push(R)}if(Pa(u.row.id,m),h==="migrate"&&Ac(d.settings,u.row.migrateKeys),r){const A=Tc(u.finalClass,u.blockName);A&&La(u.row.id,A)}c++}})}catch(u){for(const[f,v]of l)try{if(Pa(f,v.classIds),v.migrateKeys){const h=un(f);h&&h.settings&&Object.assign(h.settings,v.migrateKeys)}v.label!==null&&La(f,v.label)}catch{}const d=u instanceof Error?u.message:String(u);return console.warn("[reBEMer] apply failed after",c,"mutation(s), rolled back:",d),{ok:!1,error:`Operation failed and was rolled back: ${d}`}}return c===0?{ok:!1,error:"No elements were modified. The subtree may have changed."}:{ok:!0,count:c}}function xc(e,t){for(const n of e){const r=t.find(c=>c&&c.name===n.finalClass);if(!r)continue;const s=un(n.row.id);if(!s)continue;const i=Ji(s.settings,n.row.migrateKeys),o=r.settings&&typeof r.settings=="object"?r.settings:{},l=[];for(const[c,u]of Object.entries(i))Object.prototype.hasOwnProperty.call(o,c)&&JSON.stringify(o[c])!==JSON.stringify(u)&&l.push(c.replace(/^_/,""));if(l.length>0){const c=l.join(", ");return{ok:!1,error:`Migrate blocked: existing class "${n.finalClass}" has conflicting values for ${c}. Pick a different name or use Add mode.`}}}return{ok:!0}}function Cc(e){const t=new Map;for(const r of e){const s=t.get(r.finalClass)||[];s.push(r),t.set(r.finalClass,s)}for(const[r,s]of t){if(s.length===1)continue;const i=s.filter(l=>Ba.has(l.suggestedFrom));if(i.length>1)return{ok:!1,error:`"${r}" is used by ${i.length} rows. Edit one to make it unique.`};let o=1;for(const l of s)Ba.has(l.suggestedFrom)||(l.finalClass=`${r}-${o++}`,l.suggestedFrom="auto-number")}const n=new Map;for(const r of e){const s=n.get(r.finalClass);if(s)return{ok:!1,error:`"${r.finalClass}" is produced by 2 rows after auto-numbering (one ${s}, one ${r.suggestedFrom}). Pick a different name for one of them.`};n.set(r.finalClass,r.suggestedFrom)}return{ok:!0}}function Ji(e,t){if(!e||!Array.isArray(t))return{};const n={};for(const r of t)xs.has(r)&&Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=JSON.parse(JSON.stringify(e[r])));return n}function Ac(e,t){if(!(!e||!Array.isArray(t)))for(const n of t)xs.has(n)&&Object.prototype.hasOwnProperty.call(e,n)&&delete e[n]}function Fa(e){const t=e?._cssGlobalClasses;return t?(Array.isArray(t)?t:Object.values(t)).filter(r=>typeof r=="string"&&r.length>0):[]}function Tc(e,t){let n=e;return n===t?Da(t.replace(/-/g," ")):(n.startsWith(t+"__")&&(n=n.slice(t.length+2)),n=n.replace(/--.+$/,""),Da(n.replace(/-/g," ")))}function Da(e){return e.replace(/(^|\s)([a-z])/g,(t,n,r)=>n+r.toUpperCase())}const Oc=Object.freeze({heading:"heading","text-basic":"text",text:"text","text-link":"link",code:"code",image:"image",icon:"icon","icon-box":"icon",video:"video",audio:"audio",svg:"svg",logo:"logo",shape:"shape",button:"button","button-group":"buttons","nav-nested":"nav","nav-menu":"nav",list:"list",accordion:"accordion",tabs:"tabs",slider:"slider",carousel:"carousel",countdown:"countdown",counter:"counter",testimonials:"testimonials",pricing:"pricing",team:"team",form:"form",posts:"posts",template:"item"}),Xi=new Set(["section","container","block","div"]);function Ic(e,t="item"){return!e||typeof e!="string"||Xi.has(e)?t:Oc[e]||t}function Fs(e){return typeof e=="string"&&Xi.has(e)}const Mc=Object.freeze({heading:"title","text-basic":"description",text:"description",button:"action","text-link":"link",logo:"logo",image:"image"});function Pc(e,t,n){const r=new Set(e.filter(Boolean)),s=(...h)=>h.some(b=>r.has(b)),i=s("button","button-group"),o=s("heading"),l=s("text-basic","text"),c=s("image"),u=s("nav-nested","nav-menu"),d=s("form"),f=s("icon","icon-box"),v=s("list");return d?"form":u?"nav":i&&!o&&!l?"actions":c&&!l&&!o&&!i?"media":o&&!l&&!i?"header":l&&!o&&!i?"body":o&&l?"content":o&&i?"header":f&&!l&&!o?"icon-group":v?"list-wrap":n>1?t===0?"header":t===n-1?"footer":"body":"content"}var Lc=S(''),Rc=S('BLOCK'),Nc=S('suggested'),Bc=S(' '),Fc=S(''),Dc=S(' '),qc=S(''),jc=S(' '),Hc=S('No existing classes — a new class will be added instead.
'),Wc=S(""),Uc=S('Family '),Kc=S('Will rename
'),$c=S(""),zc=S('Family '),Vc=S('Will remove the selected family and replace with the new class (empty settings). Other classes kept.
'),Gc=S('No existing classes — a new class will be created.
'),Yc=S('All existing classes will be removed from this element.
'),Jc=S(" ",1),Xc=S(' ',1),Qc=S('This element has no existing classes. Rename will create a new class instead.
'),Zc=S('
'),eu=S(`A class named already exists.
+var lo=Object.defineProperty;var ka=e=>{throw TypeError(e)};var co=(e,t,n)=>t in e?lo(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var Ue=(e,t,n)=>co(e,typeof t!="symbol"?t+"":t,n),Ls=(e,t,n)=>t.has(e)||ka("Cannot "+n);var _=(e,t,n)=>(Ls(e,t,"read from private field"),n?n.call(e):t.get(e)),H=(e,t,n)=>t.has(e)?ka("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,n),j=(e,t,n,r)=>(Ls(e,t,"write to private field"),r?r.call(e,n):t.set(e,n),n),J=(e,t,n)=>(Ls(e,t,"access private method"),n);var ca=Array.isArray,uo=Array.prototype.indexOf,En=Array.prototype.includes,ys=Array.from,fo=Object.defineProperty,zn=Object.getOwnPropertyDescriptor,_o=Object.getOwnPropertyDescriptors,vo=Object.prototype,ho=Array.prototype,ti=Object.getPrototypeOf,Sa=Object.isExtensible;const po=()=>{};function mo(e){for(var t=0;t{e=r,t=s});return{promise:n,resolve:e,reject:t}}const Ne=2,nr=4,ws=8,ri=1<<24,bt=16,kt=32,un=64,Hs=128,ut=512,Me=1024,Re=2048,Mt=4096,qe=8192,ft=16384,Pn=32768,Ws=1<<25,rr=65536,cs=1<<17,go=1<<18,ur=1<<19,bo=1<<20,It=1<<25,In=65536,us=1<<21,Vn=1<<22,on=1<<23,Cn=Symbol("$state"),yo=Symbol("legacy props"),wo=Symbol(""),Jr=Symbol("attributes"),Us=Symbol("class"),Ks=Symbol("style"),br=Symbol("text"),Qr=Symbol("form reset"),ks=new class extends Error{constructor(){super(...arguments);Ue(this,"name","StaleReactionError");Ue(this,"message","The reaction that called `getAbortSignal()` was re-run or destroyed")}};function ko(e){throw new Error("https://svelte.dev/e/lifecycle_outside_component")}function So(){throw new Error("https://svelte.dev/e/async_derived_orphan")}function Eo(e,t,n){throw new Error("https://svelte.dev/e/each_key_duplicate")}function Co(e){throw new Error("https://svelte.dev/e/effect_in_teardown")}function xo(){throw new Error("https://svelte.dev/e/effect_in_unowned_derived")}function Ao(e){throw new Error("https://svelte.dev/e/effect_orphan")}function To(){throw new Error("https://svelte.dev/e/effect_update_depth_exceeded")}function Oo(e){throw new Error("https://svelte.dev/e/props_invalid_value")}function Io(){throw new Error("https://svelte.dev/e/state_descriptors_fixed")}function Mo(){throw new Error("https://svelte.dev/e/state_prototype_fixed")}function Lo(){throw new Error("https://svelte.dev/e/state_unsafe_mutation")}function Po(){throw new Error("https://svelte.dev/e/svelte_boundary_reset_onerror")}const Ro=1,No=2,si=4,Bo=8,Fo=16,Do=1,qo=4,jo=8,Ho=16,Wo=1,Uo=2,Ie=Symbol("uninitialized"),ai="http://www.w3.org/1999/xhtml";function Ko(){console.warn("https://svelte.dev/e/derived_inert")}function $o(){console.warn("https://svelte.dev/e/select_multiple_invalid_value")}function zo(){console.warn("https://svelte.dev/e/svelte_boundary_reset_noop")}function ii(e){return e===this.v}function Vo(e,t){return e!=e?t==t:e!==t||e!==null&&typeof e=="object"||typeof e=="function"}function oi(e){return!Vo(e,this.v)}let Ye=null;function sr(e){Ye=e}function Rn(e,t=!1,n){Ye={p:Ye,i:!1,c:null,e:null,s:e,x:null,r:$,l:null}}function Nn(e){var t=Ye,n=t.e;if(n!==null){t.e=null;for(var r of n)Ti(r)}return t.i=!0,Ye=t.p,{}}function li(){return!0}let hn=[];function ci(){var e=hn;hn=[],mo(e)}function ln(e){if(hn.length===0&&!Cr){var t=hn;queueMicrotask(()=>{t===hn&&ci()})}hn.push(e)}function Go(){for(;hn.length>0;)ci()}function ui(e){var t=$;if(t===null)return K.f|=on,e;if((t.f&Pn)===0&&(t.f&nr)===0)throw e;an(e,t)}function an(e,t){for(;t!==null;){if((t.f&Hs)!==0){if((t.f&Pn)===0)throw e;try{t.b.error(e);return}catch(n){e=n}}t=t.parent}throw e}const Yo=-7169;function ge(e,t){e.f=e.f&Yo|t}function ua(e){(e.f&ut)!==0||e.deps===null?ge(e,Me):ge(e,Mt)}function fi(e){if(e!==null)for(const t of e)(t.f&Ne)===0||(t.f&In)===0||(t.f^=In,fi(t.deps))}function di(e,t,n){(e.f&Re)!==0?t.add(e):(e.f&Mt)!==0&&n.add(e),fi(e.deps),ge(e,Me)}let Kr=!1;function Jo(e){var t=Kr;try{return Kr=!1,[e(),Kr]}finally{Kr=t}}let Ps=null,Wn=null,U=null,$s=null,yt=null,zs=null,Cr=!1,Rs=!1,Kn=null,Xr=null;var Ea=0;let Qo=1;var Jn,nn,gn,Qn,Xn,bn,Zn,jt,Br,Xe,Fr,rn,At,Tt,er,yn,Z,Vs,yr,Gs,_i,vi,Zr,Xo,Ys,Un;const ms=class ms{constructor(){H(this,Z);Ue(this,"id",Qo++);H(this,Jn,!1);Ue(this,"linked",!0);H(this,nn,null);H(this,gn,null);Ue(this,"async_deriveds",new Map);Ue(this,"current",new Map);Ue(this,"previous",new Map);Ue(this,"unblocked",new Set);H(this,Qn,new Set);H(this,Xn,new Set);H(this,bn,new Set);H(this,Zn,0);H(this,jt,new Map);H(this,Br,null);H(this,Xe,[]);H(this,Fr,[]);H(this,rn,new Set);H(this,At,new Set);H(this,Tt,new Map);H(this,er,new Set);Ue(this,"is_fork",!1);H(this,yn,!1)}skip_effect(t){_(this,Tt).has(t)||_(this,Tt).set(t,{d:[],m:[]}),_(this,er).delete(t)}unskip_effect(t,n=r=>this.schedule(r)){var r=_(this,Tt).get(t);if(r){_(this,Tt).delete(t);for(var s of r.d)ge(s,Re),n(s);for(s of r.m)ge(s,Mt),n(s)}_(this,er).add(t)}capture(t,n,r=!1){t.v!==Ie&&!this.previous.has(t)&&this.previous.set(t,t.v),(t.f&on)===0&&(this.current.set(t,[n,r]),yt?.set(t,n)),this.is_fork||(t.v=n)}activate(){U=this}deactivate(){U=null,yt=null}flush(){try{Rs=!0,U=this,J(this,Z,yr).call(this)}finally{Ea=0,zs=null,Kn=null,Xr=null,Rs=!1,U=null,yt=null,xn.clear()}}discard(){for(const t of _(this,Xn))t(this);_(this,Xn).clear(),_(this,bn).clear(),J(this,Z,Un).call(this)}register_created_effect(t){_(this,Fr).push(t)}increment(t,n){if(j(this,Zn,_(this,Zn)+1),t){let r=_(this,jt).get(n)??0;_(this,jt).set(n,r+1)}}decrement(t,n){if(j(this,Zn,_(this,Zn)-1),t){let r=_(this,jt).get(n)??0;r===1?_(this,jt).delete(n):_(this,jt).set(n,r-1)}_(this,yn)||(j(this,yn,!0),ln(()=>{j(this,yn,!1),this.linked&&this.flush()}))}transfer_effects(t,n){for(const r of t)_(this,rn).add(r);for(const r of n)_(this,At).add(r);t.clear(),n.clear()}oncommit(t){_(this,Qn).add(t)}ondiscard(t){_(this,Xn).add(t)}on_fork_commit(t){_(this,bn).add(t)}run_fork_commit_callbacks(){for(const t of _(this,bn))t(this);_(this,bn).clear()}settled(){return(_(this,Br)??j(this,Br,ni())).promise}static ensure(){var t;if(U===null){const n=U=new ms;J(t=n,Z,Ys).call(t),!Rs&&!Cr&&ln(()=>{_(n,Jn)||n.flush()})}return U}apply(){{yt=null;return}}schedule(t){if(zs=t,t.b?.is_pending&&(t.f&(nr|ws|ri))!==0&&(t.f&Pn)===0){t.b.defer_effect(t);return}for(var n=t;n.parent!==null;){n=n.parent;var r=n.f;if(Kn!==null&&n===$&&(K===null||(K.f&Ne)===0))return;if((r&(un|kt))!==0){if((r&Me)===0)return;n.f^=Me}}_(this,Xe).push(n)}};Jn=new WeakMap,nn=new WeakMap,gn=new WeakMap,Qn=new WeakMap,Xn=new WeakMap,bn=new WeakMap,Zn=new WeakMap,jt=new WeakMap,Br=new WeakMap,Xe=new WeakMap,Fr=new WeakMap,rn=new WeakMap,At=new WeakMap,Tt=new WeakMap,er=new WeakMap,yn=new WeakMap,Z=new WeakSet,Vs=function(){if(this.is_fork)return!0;for(const r of _(this,jt).keys()){for(var t=r,n=!1;t.parent!==null;){if(_(this,Tt).has(t)){n=!0;break}t=t.parent}if(!n)return!0}return!1},yr=function(){var c,u,d;if(j(this,Jn,!0),Ea++>1e3&&(J(this,Z,Un).call(this),el()),!J(this,Z,Vs).call(this)){for(const f of _(this,rn))_(this,At).delete(f),ge(f,Re),this.schedule(f);for(const f of _(this,At))ge(f,Mt),this.schedule(f)}const t=_(this,Xe);j(this,Xe,[]),this.apply();var n=Kn=[],r=[],s=Xr=[];for(const f of t)try{J(this,Z,Gs).call(this,f,n,r)}catch(v){throw mi(f),v}if(U=null,s.length>0){var i=ms.ensure();for(const f of s)i.schedule(f)}if(Kn=null,Xr=null,J(this,Z,Vs).call(this)){J(this,Z,Zr).call(this,r),J(this,Z,Zr).call(this,n);for(const[f,v]of _(this,Tt))pi(f,v);s.length>0&&J(c=U,Z,yr).call(c);return}const o=J(this,Z,_i).call(this);if(o){J(u=o,Z,vi).call(u,this);return}_(this,rn).clear(),_(this,At).clear();for(const f of _(this,Qn))f(this);_(this,Qn).clear(),$s=this,Ca(r),Ca(n),$s=null,_(this,Br)?.resolve();var l=U;if(this.linked&&_(this,Zn)===0&&J(this,Z,Un).call(this),_(this,Xe).length>0){l===null&&(l=this,J(this,Z,Ys).call(this));const f=l;_(f,Xe).push(..._(this,Xe).filter(v=>!_(f,Xe).includes(v)))}l!==null&&J(d=l,Z,yr).call(d)},Gs=function(t,n,r){t.f^=Me;for(var s=t.first;s!==null;){var i=s.f,o=(i&(kt|un))!==0,l=o&&(i&Me)!==0,c=l||(i&qe)!==0||_(this,Tt).has(s);if(!c&&s.fn!==null){o?s.f^=Me:(i&nr)!==0?n.push(s):Ur(s)&&((i&bt)!==0&&_(this,At).add(s),ir(s));var u=s.first;if(u!==null){s=u;continue}}for(;s!==null;){var d=s.next;if(d!==null){s=d;break}s=s.parent}}},_i=function(){for(var t=_(this,nn);t!==null;){if(!t.is_fork){for(const[n,[,r]]of this.current)if(t.current.has(n)&&!r)return t}t=_(t,nn)}return null},vi=function(t){var r;for(const[s,i]of t.current)!this.previous.has(s)&&t.previous.has(s)&&this.previous.set(s,t.previous.get(s)),this.current.set(s,i);for(const[s,i]of t.async_deriveds){const o=this.async_deriveds.get(s);o&&i.promise.then(o.resolve)}const n=s=>{var i=s.reactions;if(i!==null)for(const c of i){var o=c.f;if((o&Ne)!==0)n(c);else{var l=c;o&(Vn|bt)&&!this.async_deriveds.has(l)&&(_(this,At).delete(l),ge(l,Re),this.schedule(l))}}};for(const s of this.current.keys())n(s);this.oncommit(()=>t.discard()),J(r=t,Z,Un).call(r),U=this,J(this,Z,yr).call(this)},Zr=function(t){for(var n=0;n!this.current.has(v));if(s.length===0)t&&f.discard();else if(n.length>0){if(t)for(const v of _(this,er))f.unskip_effect(v,h=>{var b;(h.f&(bt|Vn))!==0?f.schedule(h):J(b=f,Z,Zr).call(b,[h])});f.activate();var i=new Set,o=new Map;for(var l of n)hi(l,s,i,o);o=new Map;var c=[...f.current.keys()].filter(v=>this.current.has(v)?this.current.get(v)[0]!==v.v:!0);if(c.length>0)for(const v of _(this,Fr))(v.f&(ft|qe|cs))===0&&fa(v,c,o)&&((v.f&(Vn|bt))!==0?(ge(v,Re),f.schedule(v)):_(f,rn).add(v));if(_(f,Xe).length>0&&!_(f,yn)){f.apply();for(var u of _(f,Xe))J(d=f,Z,Gs).call(d,u,[],[]);j(f,Xe,[])}f.deactivate()}}}},Ys=function(){Wn===null?Ps=Wn=this:(j(Wn,gn,this),j(this,nn,Wn)),Wn=this},Un=function(){var t=_(this,nn),n=_(this,gn);t===null?Ps=n:j(t,gn,n),n===null?Wn=t:j(n,nn,t),this.linked=!1};let Mn=ms;function Zo(e){var t=Cr;Cr=!0;try{for(var n;;){if(Go(),U===null)return n;U.flush()}}finally{Cr=t}}function el(){try{To()}catch(e){an(e,zs)}}let qt=null;function Ca(e){var t=e.length;if(t!==0){for(var n=0;n0)){xn.clear();for(const s of qt){if((s.f&(ft|qe))!==0)continue;const i=[s];let o=s.parent;for(;o!==null;)qt.has(o)&&(qt.delete(o),i.push(o)),o=o.parent;for(let l=i.length-1;l>=0;l--){const c=i[l];(c.f&(ft|qe))===0&&ir(c)}}qt.clear()}}qt=null}}function hi(e,t,n,r){if(!n.has(e)&&(n.add(e),e.reactions!==null))for(const s of e.reactions){const i=s.f;(i&Ne)!==0?hi(s,t,n,r):(i&(Vn|bt))!==0&&(i&Re)===0&&fa(s,t,r)&&(ge(s,Re),da(s))}}function fa(e,t,n){const r=n.get(e);if(r!==void 0)return r;if(e.deps!==null)for(const s of e.deps){if(En.call(t,s))return!0;if((s.f&Ne)!==0&&fa(s,t,n))return n.set(s,!0),!0}return n.set(e,!1),!1}function da(e){U.schedule(e)}function pi(e,t){if(!((e.f&kt)!==0&&(e.f&Me)!==0)){(e.f&Re)!==0?t.d.push(e):(e.f&Mt)!==0&&t.m.push(e),ge(e,Me);for(var n=e.first;n!==null;)pi(n,t),n=n.next}}function mi(e){ge(e,Me);for(var t=e.first;t!==null;)mi(t),t=t.next}function tl(e){let t=0,n=Ln(0),r;return()=>{ha()&&(a(n),Cs(()=>(t===0&&(r=fr(()=>e(()=>xr(n)))),t+=1,()=>{ln(()=>{t-=1,t===0&&(r?.(),r=void 0,xr(n))})})))}}var nl=rr|ur;function rl(e,t,n,r){new sl(e,t,n,r)}var at,la,it,wn,$e,ot,De,Ze,Ht,kn,sn,tr,Dr,qr,Wt,gs,be,al,il,ol,Js,es,ts,Qs,Xs;class sl{constructor(t,n,r,s){H(this,be);Ue(this,"parent");Ue(this,"is_pending",!1);Ue(this,"transform_error");H(this,at);H(this,la,null);H(this,it);H(this,wn);H(this,$e);H(this,ot,null);H(this,De,null);H(this,Ze,null);H(this,Ht,null);H(this,kn,0);H(this,sn,0);H(this,tr,!1);H(this,Dr,new Set);H(this,qr,new Set);H(this,Wt,null);H(this,gs,tl(()=>(j(this,Wt,Ln(_(this,kn))),()=>{j(this,Wt,null)})));j(this,at,t),j(this,it,n),j(this,wn,i=>{var o=$;o.b=this,o.f|=Hs,r(i)}),this.parent=$.b,this.transform_error=s??this.parent?.transform_error??(i=>i),j(this,$e,ma(()=>{J(this,be,Js).call(this)},nl))}defer_effect(t){di(t,_(this,Dr),_(this,qr))}is_rendered(){return!this.is_pending&&(!this.parent||this.parent.is_rendered())}has_pending_snippet(){return!!_(this,it).pending}update_pending_count(t,n){J(this,be,Qs).call(this,t,n),j(this,kn,_(this,kn)+t),!(!_(this,Wt)||_(this,tr))&&(j(this,tr,!0),ln(()=>{j(this,tr,!1),_(this,Wt)&&ar(_(this,Wt),_(this,kn))}))}get_effect_pending(){return _(this,gs).call(this),a(_(this,Wt))}error(t){if(!_(this,it).onerror&&!_(this,it).failed)throw t;U?.is_fork?(_(this,ot)&&U.skip_effect(_(this,ot)),_(this,De)&&U.skip_effect(_(this,De)),_(this,Ze)&&U.skip_effect(_(this,Ze)),U.on_fork_commit(()=>{J(this,be,Xs).call(this,t)})):J(this,be,Xs).call(this,t)}}at=new WeakMap,la=new WeakMap,it=new WeakMap,wn=new WeakMap,$e=new WeakMap,ot=new WeakMap,De=new WeakMap,Ze=new WeakMap,Ht=new WeakMap,kn=new WeakMap,sn=new WeakMap,tr=new WeakMap,Dr=new WeakMap,qr=new WeakMap,Wt=new WeakMap,gs=new WeakMap,be=new WeakSet,al=function(){try{j(this,ot,lt(()=>_(this,wn).call(this,_(this,at))))}catch(t){this.error(t)}},il=function(t){const n=_(this,it).failed;n&&j(this,Ze,lt(()=>{n(_(this,at),()=>t,()=>()=>{})}))},ol=function(){const t=_(this,it).pending;t&&(this.is_pending=!0,j(this,De,lt(()=>t(_(this,at)))),ln(()=>{var n=j(this,Ht,document.createDocumentFragment()),r=Vt();n.append(r),j(this,ot,J(this,be,ts).call(this,()=>lt(()=>_(this,wn).call(this,r)))),_(this,sn)===0&&(_(this,at).before(n),j(this,Ht,null),An(_(this,De),()=>{j(this,De,null)}),J(this,be,es).call(this,U))}))},Js=function(){try{if(this.is_pending=this.has_pending_snippet(),j(this,sn,0),j(this,kn,0),j(this,ot,lt(()=>{_(this,wn).call(this,_(this,at))})),_(this,sn)>0){var t=j(this,Ht,document.createDocumentFragment());ya(_(this,ot),t);const n=_(this,it).pending;j(this,De,lt(()=>n(_(this,at))))}else J(this,be,es).call(this,U)}catch(n){this.error(n)}},es=function(t){this.is_pending=!1,t.transfer_effects(_(this,Dr),_(this,qr))},ts=function(t){var n=$,r=K,s=Ye;Lt(_(this,$e)),_t(_(this,$e)),sr(_(this,$e).ctx);try{return Mn.ensure(),t()}catch(i){return ui(i),null}finally{Lt(n),_t(r),sr(s)}},Qs=function(t,n){var r;if(!this.has_pending_snippet()){this.parent&&J(r=this.parent,be,Qs).call(r,t,n);return}j(this,sn,_(this,sn)+t),_(this,sn)===0&&(J(this,be,es).call(this,n),_(this,De)&&An(_(this,De),()=>{j(this,De,null)}),_(this,Ht)&&(_(this,at).before(_(this,Ht)),j(this,Ht,null)))},Xs=function(t){_(this,ot)&&(Ge(_(this,ot)),j(this,ot,null)),_(this,De)&&(Ge(_(this,De)),j(this,De,null)),_(this,Ze)&&(Ge(_(this,Ze)),j(this,Ze,null));var n=_(this,it).onerror;let r=_(this,it).failed;var s=!1,i=!1;const o=()=>{if(s){zo();return}s=!0,i&&Po(),_(this,Ze)!==null&&An(_(this,Ze),()=>{j(this,Ze,null)}),J(this,be,ts).call(this,()=>{J(this,be,Js).call(this)})},l=c=>{try{i=!0,n?.(c,o),i=!1}catch(u){an(u,_(this,$e)&&_(this,$e).parent)}r&&j(this,Ze,J(this,be,ts).call(this,()=>{try{return lt(()=>{var u=$;u.b=this,u.f|=Hs,r(_(this,at),()=>c,()=>o)})}catch(u){return an(u,_(this,$e).parent),null}}))};ln(()=>{var c;try{c=this.transform_error(t)}catch(u){an(u,_(this,$e)&&_(this,$e).parent);return}c!==null&&typeof c=="object"&&typeof c.then=="function"?c.then(l,u=>an(u,_(this,$e)&&_(this,$e).parent)):l(c)})};function ll(e,t,n,r){const s=Lr;var i=e.filter(v=>!v.settled);if(n.length===0&&i.length===0){r(t.map(s));return}var o=$,l=cl(),c=i.length===1?i[0].promise:i.length>1?Promise.all(i.map(v=>v.promise)):null;function u(v){if((o.f&ft)===0){l();try{r(v)}catch(h){an(h,o)}fs()}}var d=gi();if(n.length===0){c.then(()=>u(t.map(s))).finally(d);return}function f(){Promise.all(n.map(v=>ul(v))).then(v=>u([...t.map(s),...v])).catch(v=>an(v,o)).finally(d)}c?c.then(()=>{l(),f(),fs()}):f()}function cl(){var e=$,t=K,n=Ye,r=U;return function(i=!0){Lt(e),_t(t),sr(n),i&&(e.f&ft)===0&&(r?.activate(),r?.apply())}}function fs(e=!0){Lt(null),_t(null),sr(null),e&&U?.deactivate()}function gi(){var e=$,t=e.b,n=U,r=t.is_rendered();return t.update_pending_count(1,n),n.increment(r,e),()=>{t.update_pending_count(-1,n),n.decrement(r,e)}}function Lr(e){var t=Ne|Re;return $!==null&&($.f|=ur),{ctx:Ye,deps:null,effects:null,equals:ii,f:t,fn:e,reactions:null,rv:0,v:Ie,wv:0,parent:$,ac:null}}const $r=Symbol("obsolete");function ul(e,t,n){let r=$;r===null&&So();var s=void 0,i=Ln(Ie),o=!K,l=new Set;return Sl(()=>{var c=$,u=ni();s=u.promise;try{Promise.resolve(e()).then(u.resolve,h=>{h!==ks&&u.reject(h)}).finally(fs)}catch(h){u.reject(h),fs()}var d=U;if(o){if((c.f&Pn)!==0)var f=gi();if(r.b.is_rendered())d.async_deriveds.get(c)?.reject($r);else for(const h of l.values())h.reject($r);l.add(u),d.async_deriveds.set(c,u)}const v=(h,b=void 0)=>{f?.(),l.delete(u),b!==$r&&(d.activate(),b?(i.f|=on,ar(i,b)):((i.f&on)!==0&&(i.f^=on),ar(i,h)),d.deactivate())};u.promise.then(v,h=>v(null,h||"unknown"))}),pa(()=>{for(const c of l)c.reject($r)}),new Promise(c=>{function u(d){function f(){d===s?c(i):u(s)}d.then(f,f)}u(s)})}function D(e){const t=Lr(e);return Ri(t),t}function bi(e){const t=Lr(e);return t.equals=oi,t}function fl(e){var t=e.effects;if(t!==null){e.effects=null;for(var n=0;n0&&!ki&&vl()}return t}function vl(){ki=!1;for(const e of ds){(e.f&Me)!==0&&ge(e,Mt);let t;try{t=Ur(e)}catch{t=!0}t&&ir(e)}ds.clear()}function xr(e){ne(e,e.v+1)}function Si(e,t,n){var r=e.reactions;if(r!==null)for(var s=r.length,i=0;i{if(Tn===i)return l();var c=K,u=Tn;_t(null),Oa(i);var d=l();return _t(c),Oa(u),d};return r&&n.set("length",Ee(e.length)),new Proxy(e,{defineProperty(l,c,u){(!("value"in u)||u.configurable===!1||u.enumerable===!1||u.writable===!1)&&Io();var d=n.get(c);return d===void 0?o(()=>{var f=Ee(u.value);return n.set(c,f),f}):ne(d,u.value,!0),!0},deleteProperty(l,c){var u=n.get(c);if(u===void 0){if(c in l){const d=o(()=>Ee(Ie));n.set(c,d),xr(s)}}else ne(u,Ie),xr(s);return!0},get(l,c,u){if(c===Cn)return e;var d=n.get(c),f=c in l;if(d===void 0&&(!f||zn(l,c)?.writable)&&(d=o(()=>{var h=Ut(f?l[c]:Ie),b=Ee(h);return b}),n.set(c,d)),d!==void 0){var v=a(d);return v===Ie?void 0:v}return Reflect.get(l,c,u)},getOwnPropertyDescriptor(l,c){var u=Reflect.getOwnPropertyDescriptor(l,c);if(u&&"value"in u){var d=n.get(c);d&&(u.value=a(d))}else if(u===void 0){var f=n.get(c),v=f?.v;if(f!==void 0&&v!==Ie)return{enumerable:!0,configurable:!0,value:v,writable:!0}}return u},has(l,c){if(c===Cn)return!0;var u=n.get(c),d=u!==void 0&&u.v!==Ie||Reflect.has(l,c);if(u!==void 0||$!==null&&(!d||zn(l,c)?.writable)){u===void 0&&(u=o(()=>{var v=d?Ut(l[c]):Ie,h=Ee(v);return h}),n.set(c,u));var f=a(u);if(f===Ie)return!1}return d},set(l,c,u,d){var f=n.get(c),v=c in l;if(r&&c==="length")for(var h=u;hEe(Ie)),n.set(h+"",b))}if(f===void 0)(!v||zn(l,c)?.writable)&&(f=o(()=>Ee(void 0)),ne(f,Ut(u)),n.set(c,f));else{v=f.v!==Ie;var O=o(()=>Ut(u));ne(f,O)}var m=Reflect.getOwnPropertyDescriptor(l,c);if(m?.set&&m.set.call(d,u),!v){if(r&&typeof c=="string"){var A=n.get("length"),x=Number(c);Number.isInteger(x)&&x>=A.v&&ne(A,x+1)}xr(s)}return!0},ownKeys(l){a(s);var c=Reflect.ownKeys(l).filter(f=>{var v=n.get(f);return v===void 0||v.v!==Ie});for(var[u,d]of n)d.v!==Ie&&!(u in l)&&c.push(u);return c},setPrototypeOf(){Mo()}})}function xa(e){try{if(e!==null&&typeof e=="object"&&Cn in e)return e[Cn]}catch{}return e}function hl(e,t){return Object.is(xa(e),xa(t))}var _s,Ei,Ci,xi;function pl(){if(_s===void 0){_s=window,Ei=/Firefox/.test(navigator.userAgent);var e=Element.prototype,t=Node.prototype,n=Text.prototype;Ci=zn(t,"firstChild").get,xi=zn(t,"nextSibling").get,Sa(e)&&(e[Us]=void 0,e[Jr]=null,e[Ks]=void 0,e.__e=void 0),Sa(n)&&(n[br]=void 0)}}function Vt(e=""){return document.createTextNode(e)}function vs(e){return Ci.call(e)}function Wr(e){return xi.call(e)}function y(e,t){return vs(e)}function xe(e,t=!1){{var n=vs(e);return n instanceof Comment&&n.data===""?Wr(n):n}}function w(e,t=1,n=!1){let r=e;for(;t--;)r=Wr(r);return r}function ml(e){e.textContent=""}function Ai(){return!1}function gl(e,t,n){return document.createElementNS(ai,e,void 0)}let Aa=!1;function bl(){Aa||(Aa=!0,document.addEventListener("reset",e=>{Promise.resolve().then(()=>{if(!e.defaultPrevented)for(const t of e.target.elements)t[Qr]?.()})},{capture:!0}))}function Ss(e){var t=K,n=$;_t(null),Lt(null);try{return e()}finally{_t(t),Lt(n)}}function va(e,t,n,r=n){e.addEventListener(t,()=>Ss(n));const s=e[Qr];s?e[Qr]=()=>{s(),r(!0)}:e[Qr]=()=>r(!0),bl()}function yl(e){$===null&&(K===null&&Ao(),xo()),Yt&&Co()}function wl(e,t){var n=t.last;n===null?t.last=t.first=e:(n.next=e,e.prev=n,t.last=e)}function Jt(e,t){var n=$;n!==null&&(n.f&qe)!==0&&(e|=qe);var r={ctx:Ye,deps:null,nodes:null,f:e|Re|ut,first:null,fn:t,last:null,next:null,parent:n,b:n&&n.b,prev:null,teardown:null,wv:0,ac:null};U?.register_created_effect(r);var s=r;if((e&nr)!==0)Kn!==null?Kn.push(r):Mn.ensure().schedule(r);else if(t!==null){try{ir(r)}catch(o){throw Ge(r),o}s.deps===null&&s.teardown===null&&s.nodes===null&&s.first===s.last&&(s.f&ur)===0&&(s=s.first,(e&bt)!==0&&(e&rr)!==0&&s!==null&&(s.f|=rr))}if(s!==null&&(s.parent=n,n!==null&&wl(s,n),K!==null&&(K.f&Ne)!==0&&(e&un)===0)){var i=K;(i.effects??(i.effects=[])).push(s)}return r}function ha(){return K!==null&&!wt}function pa(e){const t=Jt(ws,null);return ge(t,Me),t.teardown=e,t}function Es(e){yl();var t=$.f,n=!K&&(t&kt)!==0&&(t&Pn)===0;if(n){var r=Ye;(r.e??(r.e=[])).push(e)}else return Ti(e)}function Ti(e){return Jt(nr|bo,e)}function kl(e){Mn.ensure();const t=Jt(un|ur,e);return(n={})=>new Promise(r=>{n.outro?An(t,()=>{Ge(t),r(void 0)}):(Ge(t),r(void 0))})}function Oi(e){return Jt(nr,e)}function Sl(e){return Jt(Vn|ur,e)}function Cs(e,t=0){return Jt(ws|t,e)}function P(e,t=[],n=[],r=[]){ll(r,t,n,s=>{Jt(ws,()=>e(...s.map(a)))})}function ma(e,t=0){var n=Jt(bt|t,e);return n}function lt(e){return Jt(kt|ur,e)}function Ii(e){var t=e.teardown;if(t!==null){const n=Yt,r=K;Ta(!0),_t(null);try{t.call(null)}finally{Ta(n),_t(r)}}}function ga(e,t=!1){var n=e.first;for(e.first=e.last=null;n!==null;){const s=n.ac;s!==null&&Ss(()=>{s.abort(ks)});var r=n.next;(n.f&un)!==0?n.parent=null:Ge(n,t),n=r}}function El(e){for(var t=e.first;t!==null;){var n=t.next;(t.f&kt)===0&&Ge(t),t=n}}function Ge(e,t=!0){var n=!1;(t||(e.f&go)!==0)&&e.nodes!==null&&e.nodes.end!==null&&(Cl(e.nodes.start,e.nodes.end),n=!0),ge(e,Ws),ga(e,t&&!n),Pr(e,0);var r=e.nodes&&e.nodes.t;if(r!==null)for(const i of r)i.stop();Ii(e),e.f^=Ws,e.f|=ft;var s=e.parent;s!==null&&s.first!==null&&Mi(e),e.next=e.prev=e.teardown=e.ctx=e.deps=e.fn=e.nodes=e.ac=e.b=null}function Cl(e,t){for(;e!==null;){var n=e===t?null:Wr(e);e.remove(),e=n}}function Mi(e){var t=e.parent,n=e.prev,r=e.next;n!==null&&(n.next=r),r!==null&&(r.prev=n),t!==null&&(t.first===e&&(t.first=r),t.last===e&&(t.last=n))}function An(e,t,n=!0){var r=[];Li(e,r,!0);var s=()=>{n&&Ge(e),t&&t()},i=r.length;if(i>0){var o=()=>--i||s();for(var l of r)l.out(o)}else s()}function Li(e,t,n){if((e.f&qe)===0){e.f^=qe;var r=e.nodes&&e.nodes.t;if(r!==null)for(const l of r)(l.is_global||n)&&t.push(l);for(var s=e.first;s!==null;){var i=s.next;if((s.f&un)===0){var o=(s.f&rr)!==0||(s.f&kt)!==0&&(e.f&bt)!==0;Li(s,t,o?n:!1)}s=i}}}function ba(e){Pi(e,!0)}function Pi(e,t){if((e.f&qe)!==0){e.f^=qe,(e.f&Me)===0&&(ge(e,Re),Mn.ensure().schedule(e));for(var n=e.first;n!==null;){var r=n.next,s=(n.f&rr)!==0||(n.f&kt)!==0;Pi(n,s?t:!1),n=r}var i=e.nodes&&e.nodes.t;if(i!==null)for(const o of i)(o.is_global||t)&&o.in()}}function ya(e,t){if(e.nodes)for(var n=e.nodes.start,r=e.nodes.end;n!==null;){var s=n===r?null:Wr(n);t.append(n),n=s}}let ns=!1,Yt=!1;function Ta(e){Yt=e}let K=null,wt=!1;function _t(e){K=e}let $=null;function Lt(e){$=e}let dt=null;function Ri(e){K!==null&&(dt===null?dt=[e]:dt.push(e))}let ze=null,Qe=0,st=null;function xl(e){st=e}let Ni=1,pn=0,Tn=pn;function Oa(e){Tn=e}function Bi(){return++Ni}function Ur(e){var t=e.f;if((t&Re)!==0)return!0;if(t&Ne&&(e.f&=~In),(t&Mt)!==0){for(var n=e.deps,r=n.length,s=0;se.wv)return!0}(t&ut)!==0&&yt===null&&ge(e,Me)}return!1}function Fi(e,t,n=!0){var r=e.reactions;if(r!==null&&!(dt!==null&&En.call(dt,e)))for(var s=0;s{e.ac.abort(ks)}),e.ac=null);try{e.f|=us;var d=e.fn,f=d();e.f|=Pn;var v=e.deps,h=U?.is_fork;if(ze!==null){var b;if(h||Pr(e,Qe),v!==null&&Qe>0)for(v.length=Qe+ze.length,b=0;bn?.call(this,i))}return e.startsWith("pointer")||e.startsWith("touch")||e==="wheel"?ln(()=>{t.addEventListener(e,s,r)}):t.addEventListener(e,s,r),s}function Wi(e,t,n,r,s){var i={capture:r,passive:s},o=Ml(e,t,n,i);(t===document.body||t===window||t===document||t instanceof HTMLMediaElement)&&pa(()=>{t.removeEventListener(e,o,i)})}function te(e,t,n){(t[mn]??(t[mn]={}))[e]=n}function Bn(e){for(var t=0;t{throw m});throw v}}finally{e[mn]=t,delete e.currentTarget,_t(d),Lt(f)}}}const Ll=globalThis?.window?.trustedTypes&&globalThis.window.trustedTypes.createPolicy("svelte-trusted-html",{createHTML:e=>e});function Pl(e){return Ll?.createHTML(e)??e}function Rl(e){var t=gl("template");return t.innerHTML=Pl(e.replaceAll("","")),t.content}function hs(e,t){var n=$;n.nodes===null&&(n.nodes={start:e,end:t,a:null,t:null})}function S(e,t){var n=(t&Wo)!==0,r=(t&Uo)!==0,s,i=!e.startsWith("");return()=>{s===void 0&&(s=Rl(i?e:""+e),n||(s=vs(s)));var o=r||Ei?document.importNode(s,!0):s.cloneNode(!0);if(n){var l=vs(o),c=o.lastChild;hs(l,c)}else hs(o,o);return o}}function Nl(e=""){{var t=Vt(e+"");return hs(t,t),t}}function Ui(){var e=document.createDocumentFragment(),t=document.createComment(""),n=Vt();return e.append(t,n),hs(t,n),e}function k(e,t){e!==null&&e.before(t)}function F(e,t){var n=t==null?"":typeof t=="object"?`${t}`:t;n!==(e[br]??(e[br]=e.nodeValue))&&(e[br]=n,e.nodeValue=`${n}`)}function xs(e,t){return Bl(e,t)}const zr=new Map;function Bl(e,{target:t,anchor:n,props:r={},events:s,context:i,intro:o=!0,transformError:l}){pl();var c=void 0,u=kl(()=>{var d=n??t.appendChild(Vt());rl(d,{pending:()=>{}},h=>{Rn({});var b=Ye;i&&(b.c=i),s&&(r.$$events=s),c=e(h,r)||{},Nn()},l);var f=new Set,v=h=>{for(var b=0;b{for(var h of f)for(const m of[t,document]){var b=zr.get(m),O=b.get(h);--O==0?(m.removeEventListener(h,ea),b.delete(h),b.size===0&&zr.delete(m)):b.set(h,O)}Zs.delete(v),d!==n&&d.parentNode?.removeChild(d)}});return ta.set(c,u),c}let ta=new WeakMap;function dr(e,t){const n=ta.get(e);return n?(ta.delete(e),n(t)):Promise.resolve()}var gt,Ot,et,Sn,jr,Hr,bs;class Fl{constructor(t,n=!0){Ue(this,"anchor");H(this,gt,new Map);H(this,Ot,new Map);H(this,et,new Map);H(this,Sn,new Set);H(this,jr,!0);H(this,Hr,t=>{if(_(this,gt).has(t)){var n=_(this,gt).get(t),r=_(this,Ot).get(n);if(r)ba(r),_(this,Sn).delete(n);else{var s=_(this,et).get(n);s&&(_(this,Ot).set(n,s.effect),_(this,et).delete(n),s.fragment.lastChild.remove(),this.anchor.before(s.fragment),r=s.effect)}for(const[i,o]of _(this,gt)){if(_(this,gt).delete(i),i===t)break;const l=_(this,et).get(o);l&&(Ge(l.effect),_(this,et).delete(o))}for(const[i,o]of _(this,Ot)){if(i===n||_(this,Sn).has(i))continue;const l=()=>{if(Array.from(_(this,gt).values()).includes(i)){var u=document.createDocumentFragment();ya(o,u),u.append(Vt()),_(this,et).set(i,{effect:o,fragment:u})}else Ge(o);_(this,Sn).delete(i),_(this,Ot).delete(i)};_(this,jr)||!r?(_(this,Sn).add(i),An(o,l,!1)):l()}}});H(this,bs,t=>{_(this,gt).delete(t);const n=Array.from(_(this,gt).values());for(const[r,s]of _(this,et))n.includes(r)||(Ge(s.effect),_(this,et).delete(r))});this.anchor=t,j(this,jr,n)}ensure(t,n){var r=U,s=Ai();if(n&&!_(this,Ot).has(t)&&!_(this,et).has(t))if(s){var i=document.createDocumentFragment(),o=Vt();i.append(o),_(this,et).set(t,{effect:lt(()=>n(o)),fragment:i})}else _(this,Ot).set(t,lt(()=>n(this.anchor)));if(_(this,gt).set(r,t),s){for(const[l,c]of _(this,Ot))l===t?r.unskip_effect(c):r.skip_effect(c);for(const[l,c]of _(this,et))l===t?r.unskip_effect(c.effect):r.skip_effect(c.effect);r.oncommit(_(this,Hr)),r.ondiscard(_(this,bs))}else _(this,Hr).call(this,r)}}gt=new WeakMap,Ot=new WeakMap,et=new WeakMap,Sn=new WeakMap,jr=new WeakMap,Hr=new WeakMap,bs=new WeakMap;function q(e,t,n=!1){var r=new Fl(e),s=n?rr:0;function i(o,l){r.ensure(o,l)}ma(()=>{var o=!1;t((l,c=0)=>{o=!0,i(c,l)}),o||i(-1,null)},s)}function Vr(e,t){return t}function Dl(e,t,n){for(var r=[],s=t.length,i,o=t.length,l=0;l{if(i){if(i.pending.delete(f),i.done.add(f),i.pending.size===0){var v=e.outrogroups;na(e,ys(i.done)),v.delete(i),v.size===0&&(e.outrogroups=null)}}else o-=1},!1)}if(o===0){var c=r.length===0&&n!==null;if(c){var u=n,d=u.parentNode;ml(d),d.append(u),e.items.clear()}na(e,t,!c)}else i={pending:new Set(t),done:new Set},(e.outrogroups??(e.outrogroups=new Set)).add(i)}function na(e,t,n=!0){var r;if(e.pending.size>0){r=new Set;for(const o of e.pending.values())for(const l of o)r.add(e.items.get(l).e)}for(var s=0;s{var R=n();return ca(R)?R:R==null?[]:ys(R)}),v,h=new Map,b=!0;function O(R){(x.effect.f&ft)===0&&(x.pending.delete(R),x.fallback=d,ql(x,v,o,t,r),d!==null&&(v.length===0?(d.f&It)===0?ba(d):(d.f^=It,wr(d,null,o)):An(d,()=>{d=null})))}function m(R){x.pending.delete(R)}var A=ma(()=>{v=a(f);for(var R=v.length,W=new Set,re=U,he=Ai(),ue=0;uei(o)):(d=lt(()=>i(Ma??(Ma=Vt()))),d.f|=It)),R>W.size&&Eo(),!b)if(h.set(re,W),he){for(const[He,St]of l)W.has(He)||re.skip_effect(St.e);re.oncommit(O),re.ondiscard(m)}else O(re);a(f)}),x={effect:A,items:l,pending:h,outrogroups:null,fallback:d};b=!1}function gr(e){for(;e!==null&&(e.f&kt)===0;)e=e.next;return e}function ql(e,t,n,r,s){var i=(r&Bo)!==0,o=t.length,l=e.items,c=gr(e.effect.first),u,d=null,f,v=[],h=[],b,O,m,A;if(i)for(A=0;A0){var je=(r&si)!==0&&o===0?n:null;if(i){for(A=0;A{if(f!==void 0)for(m of f)m.nodes?.a?.apply()})}function jl(e,t,n,r,s,i,o,l){var c=(o&Ro)!==0?(o&Fo)===0?_l(n,!1,!1):Ln(n):null,u=(o&No)!==0?Ln(s):null;return{v:c,i:u,e:lt(()=>(i(t,c??n,u??s,l),()=>{e.delete(r)}))}}function wr(e,t,n){if(e.nodes)for(var r=e.nodes.start,s=e.nodes.end,i=t&&(t.f&It)===0?t.nodes.start:n;r!==null;){var o=Wr(r);if(i.before(r),r===s)return;r=o}}function tn(e,t,n){t===null?e.effect.first=n:t.next=n,n===null?e.effect.last=t:n.prev=t}const La=[...`
+\r\f \v\uFEFF`];function Hl(e,t,n){var r=e==null?"":""+e;if(t&&(r=r?r+" "+t:t),n){for(var s of Object.keys(n))if(n[s])r=r?r+" "+s:s;else if(r.length)for(var i=s.length,o=0;(o=r.indexOf(s,o))>=0;){var l=o+i;(o===0||La.includes(r[o-1]))&&(l===r.length||La.includes(r[l]))?r=(o===0?"":r.substring(0,o))+r.substring(l+1):o=l}}return r===""?null:r}function Wl(e,t){return e==null?null:String(e)}function Ve(e,t,n,r,s,i){var o=e[Us];if(o!==n||o===void 0){var l=Hl(n,r,i);l==null?e.removeAttribute("class"):e.className=l,e[Us]=n}else if(i&&s!==i)for(var c in i){var u=!!i[c];(s==null||u!==!!s[c])&&e.classList.toggle(c,u)}return i}function Ke(e,t,n,r){var s=e[Ks];if(s!==t){var i=Wl(t);i==null?e.removeAttribute("style"):e.style.cssText=i,e[Ks]=t}return r}function Ki(e,t,n=!1){if(e.multiple){if(t==null)return;if(!ca(t))return $o();for(var r of e.options)r.selected=t.includes(Ar(r));return}for(r of e.options){var s=Ar(r);if(hl(s,t)){r.selected=!0;return}}(!n||t!==void 0)&&(e.selectedIndex=-1)}function Ul(e){var t=new MutationObserver(()=>{Ki(e,e.__value)});t.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["value"]}),pa(()=>{t.disconnect()})}function ra(e,t,n=t){var r=new WeakSet,s=!0;va(e,"change",i=>{var o=i?"[selected]":":checked",l;if(e.multiple)l=[].map.call(e.querySelectorAll(o),Ar);else{var c=e.querySelector(o)??e.querySelector("option:not([disabled])");l=c&&Ar(c)}n(l),e.__value=l,U!==null&&r.add(U)}),Oi(()=>{var i=t();if(e===document.activeElement){var o=U;if(r.has(o))return}if(Ki(e,i,s),s&&i===void 0){var l=e.querySelector(":checked");l!==null&&(i=Ar(l),n(i))}e.__value=i,s=!1}),Ul(e)}function Ar(e){return"__value"in e?e.__value:e.value}const Kl=Symbol("is custom element"),$l=Symbol("is html");function ae(e,t,n,r){var s=zl(e);s[t]!==(s[t]=n)&&(t==="loading"&&(e[wo]=n),n==null?e.removeAttribute(t):typeof n!="string"&&Vl(e).includes(t)?e[t]=n:e.setAttribute(t,n))}function zl(e){return e[Jr]??(e[Jr]={[Kl]:e.nodeName.includes("-"),[$l]:e.namespaceURI===ai})}var Pa=new Map;function Vl(e){var t=e.getAttribute("is")||e.nodeName,n=Pa.get(t);if(n)return n;Pa.set(t,n=[]);for(var r,s=e,i=Element.prototype;i!==s;){r=_o(s);for(var o in r)r[o].set&&o!=="innerHTML"&&o!=="textContent"&&o!=="innerText"&&n.push(o);s=ti(s)}return n}function sa(e,t,n=t){var r=new WeakSet;va(e,"input",async s=>{var i=s?e.defaultValue:e.value;if(i=Ns(e)?Bs(i):i,n(i),U!==null&&r.add(U),await Tl(),i!==(i=t())){var o=e.selectionStart,l=e.selectionEnd,c=e.value.length;if(e.value=i??"",l!==null){var u=e.value.length;o===l&&l===c&&u>c?(e.selectionStart=u,e.selectionEnd=u):(e.selectionStart=o,e.selectionEnd=Math.min(l,u))}}}),fr(t)==null&&e.value&&(n(Ns(e)?Bs(e.value):e.value),U!==null&&r.add(U)),Cs(()=>{var s=t();if(e===document.activeElement){var i=U;if(r.has(i))return}Ns(e)&&s===Bs(e.value)||e.type==="date"&&!s&&!e.value||s!==e.value&&(e.value=s??"")})}function $i(e,t,n=t){va(e,"change",r=>{var s=r?e.defaultChecked:e.checked;n(s)}),fr(t)==null&&n(e.checked),Cs(()=>{var r=t();e.checked=!!r})}function Ns(e){var t=e.type;return t==="number"||t==="range"}function Bs(e){return e===""?null:+e}function Fs(e,t){return e===t||e?.[Cn]===t}function Gl(e={},t,n,r){var s=Ye.r,i=$;return Oi(()=>{var o,l;return Cs(()=>{o=l,l=[],fr(()=>{Fs(n(...l),e)||(t(e,...l),o&&Fs(n(...o),e)&&t(null,...o))})}),()=>{let c=i;for(;c!==s&&c.parent!==null&&c.parent.f&Ws;)c=c.parent;const u=()=>{l&&Fs(n(...l),e)&&t(null,...l)},d=c.teardown;c.teardown=()=>{u(),d?.()}}}),e}function Kt(e,t,n,r){var s=!0,i=(n&jo)!==0,o=(n&Ho)!==0,l=r,c=!0,u=void 0,d=()=>o&&s?(u??(u=Lr(r)),a(u)):(c&&(c=!1,l=o?fr(r):r),l);let f;if(i){var v=Cn in e||yo in e;f=zn(e,t)?.set??(v&&t in e?W=>e[t]=W:void 0)}var h,b=!1;i?[h,b]=Jo(()=>e[t]):h=e[t],h===void 0&&r!==void 0&&(h=d(),f&&(Oo(),f(h)));var O;if(O=()=>{var W=e[t];return W===void 0?d():(c=!0,W)},(n&qo)===0)return O;if(f){var m=e.$$legacy;return(function(W,re){return arguments.length>0?((!re||m||b)&&f(re?O():W),W):O()})}var A=!1,x=((n&Do)!==0?Lr:bi)(()=>(A=!1,O()));i&&a(x);var R=$;return(function(W,re){if(arguments.length>0){const he=re?a(x):i?Ut(W):W;return ne(x,he),A=!0,l!==void 0&&(l=he),W}return Yt&&A||(R.f&ft)!==0?x.v:a(x)})}function zi(e){Ye===null&&ko(),Es(()=>{const t=fr(e);if(typeof t=="function")return t})}const Vi="[data-v-app]",Yl=["header","content","footer"];let ct=null,Dt=null;function Jl(e){const t=e instanceof Set?e:new Set(e||[]);for(let n=0;n<16;n++){const r=crypto.randomUUID().replace(/-/g,"").slice(0,8);if(!t.has(r))return r}throw new Error("rebemer: id collision exhausted")}function Ql(){if(typeof document>"u")return!1;const t=document.querySelector(Vi)?.__vue_app__?.config?.globalProperties?.$_state;return!t||typeof t!="object"||!Array.isArray(t.globalClasses)?(ct=null,!1):(ct=t,Dt=null,!0)}function Xl(){if(Dt!==null)return Dt;const e=typeof document<"u"?document.querySelector(Vi)?.__vue_app__:null;if(!e)return Dt=!1,!1;const t=e.config?.globalProperties??{};if(typeof ct?.$history?.pause=="function"&&typeof ct?.$history?.resume=="function")return Dt={pause:()=>ct.$history.pause(),resume:()=>ct.$history.resume()},Dt;const n=t.$_bricksData??t.bricksData;return typeof n?.history?.pause=="function"&&typeof n?.history?.resume=="function"?(Dt={pause:()=>n.history.pause(),resume:()=>n.history.resume()},Dt):(Dt=!1,!1)}function Zl(e){const t=Xl();if(t)try{t.pause(),e()}finally{t.resume()}else e()}function cn(e){if(!ct||!e)return null;for(const t of Yl){const n=ct[t];if(!Array.isArray(n))continue;const r=n.find(s=>s&&s.id===e);if(r)return r}return null}function ec(e){const t=cn(e);if(!t)return[];const n=[{id:t.id,depth:0,label:t.label,name:t.name,settings:t.settings}];return Gi(t,1,n),n}function Gi(e,t,n){if(!(!e||!Array.isArray(e.children)))for(const r of e.children){const s=cn(r);s&&(n.push({id:s.id,depth:t,label:s.label,name:s.name,settings:s.settings}),Gi(s,t+1,n))}}function Yi(){return ct?ct.globalClasses:[]}function Ds(e,t){if(!ct)throw new Error("rebemer: not ready");const n=ct.globalClasses,r=n.find(o=>o&&o.name===e);if(r)return r.id;const s=new Set(n.map(o=>o?.id).filter(Boolean)),i=Jl(s);return n.push({id:i,name:e,settings:t||{}}),i}function Ra(e,t){const n=cn(e);if(!n)return;n.settings||(n.settings={});const r=Array.isArray(t)?t:[];Array.isArray(n.settings._cssGlobalClasses)?n.settings._cssGlobalClasses.splice(0,n.settings._cssGlobalClasses.length,...r):n.settings._cssGlobalClasses=[...r]}function Na(e,t){const n=cn(e);n&&(n.label=t)}const Ba="slashed-rebemer-host",tc="slashed-class-hint",Ji=["#bricks-panel",".bricks-class-manager","#bricks-class-manager",'[data-control="cssClasses"]'],or="rebemer-class-hint-btn",nc=50;function aa(e,t){if(!e||!t)return null;let n=String(e).trim();if(!n||/\s/.test(n)||(n[0]==="."&&(n=n.slice(1)),!n.startsWith("sf-")&&!n.startsWith("is-"))||!Object.prototype.hasOwnProperty.call(t,n))return null;const r=t[n];return!r||typeof r.description!="string"?null:{name:n,description:r.description,category:r.category}}let lr={},$t=null,Tr=null,Or=null,Gn=null,cr=null;function rc(){if($t&&$t.isConnected)return $t;let e=document.getElementById(Ba);e||(e=document.createElement("div"),e.id=Ba,document.body.appendChild(e));const t=document.createElement("div");return t.id=tc,t.className="rebemer-class-hint",t.setAttribute("role","tooltip"),t.hidden=!0,t.innerHTML='No existing classes — a new class will be added instead.
'),Gc=S(""),Yc=S('Family '),Jc=S('Will rename
'),Qc=S(""),Xc=S('Family '),Zc=S('Will remove the selected family and replace with the new class (empty settings). Other classes kept.
'),eu=S('No existing classes — a new class will be created.
'),tu=S('All existing classes will be removed from this element.
'),nu=S(" ",1),ru=S(' ',1),su=S('This element has no existing classes. Rename will create a new class instead.
'),au=S('
'),iu=S(`A class named already exists.
On Apply, missing style keys will be merged into it. Conflicting
- values block the migration — pick a different name or use Add.`,1),tu=S(`A class named already exists
+ values block the migration — pick a different name or use Add.`,1),ou=S(`A class named already exists
globally. Apply will attach the existing class instead of
- creating a duplicate.`,1),nu=S(''),ru=S(' '),su=S('Migrate: ',1),au=S('No migratable keys on this element.'),iu=S(' '),ou=S(' '),lu=S(' ');function cu(e,t){Bn(t,!0);let n=$t(t,"row",15),r=$t(t,"rootId",3,""),s=$t(t,"globalClasses",19,()=>[]),i=$t(t,"finalClassNames",19,()=>[]);const o=D(()=>t.mode!=="migrate"),l=D(()=>t.mode==="migrate"),c=D(()=>t.mode==="rename"),u=D(()=>t.mode==="mixed"),d=D(()=>!t.isRoot&&t.blockName?`${t.blockName}__`:""),f=D(()=>{if(!a(u)||!Array.isArray(n().currentClassIds))return[];const g=[];for(const x of n().currentClassIds){const I=s().find(p=>p?.id===x);if(!I||I.name.includes("--"))continue;const ee=n().currentClassIds.filter(p=>s().find(T=>T?.id===p)?.name.startsWith(I.name+"--")).length;g.push({id:I.id,name:I.name,modCount:ee})}for(const x of n().currentClassIds){const I=s().find(p=>p?.id===x);if(!I||!I.name.includes("--"))continue;const ee=I.name.slice(0,I.name.indexOf("--"));g.some(p=>p.name===ee)||g.push({id:I.id,name:I.name,modCount:0})}return g});ks(()=>{!a(u)||n().op!=="rename"||!a(f).length||a(f).some(g=>g.id===n().renameFamilyId)||n(n().renameFamilyId=a(f)[0].id,!0)});const v=D(()=>n().isBlockRoot===!0&&n().id!==r()),h=D(()=>n().id!==r()),b=D(()=>n().suggestedFrom==="element-type"||n().suggestedFrom==="fallback"),O=D(()=>{if(!i().length||!n().include||!Array.isArray(s()))return null;for(const g of i()){const x=s().find(I=>I&&I.name===g);if(x)return x}return null}),m=D(()=>!Array.isArray(n().modifiers)||n().modifiers.every(g=>!Vt(g)));function A(){n().suggestedFrom!=="user"&&n(n().suggestedFrom="user",!0)}function C(g){return g.startsWith("_")?g.slice(1):g}var R=lu();let W;var re=y(R),he=y(re),ue=w(re,2),le=y(ue),je=y(le),fe=w(le,2);{var He=g=>{var x=Lc();let I;var ee=y(x);L(p=>{I=Ve(x,1,"rebemer-row__type rebemer-row__type--toggle",null,I,{"rebemer-row__type--block":a(v)}),ae(x,"title",a(v)?"Sub-block root — click to revert to element":"Click to promote to block root"),x.disabled=!n().include,F(ee,p)},[()=>a(v)?"BLOCK":(n().bricksType||"ELEM").toUpperCase()]),te("click",x,()=>{n(n().isBlockRoot=!n().isBlockRoot,!0)}),k(g,x)},Et=g=>{var x=Rc();k(g,x)};q(fe,g=>{a(h)?g(He):g(Et,-1)})}var Qt=w(fe,2);{var Zt=g=>{var x=Nc();L(()=>ae(x,"title",`Pre-filled from ${n().suggestedFrom==="element-type"?"Bricks element type":"fallback"}`)),k(g,x)};q(Qt,g=>{a(b)&&n().include&&g(Zt)})}var en=w(ue,2),tn=y(en),rt=y(tn);{var qn=g=>{var x=Bc(),I=y(x);L(()=>F(I,a(d))),k(g,x)};q(rt,g=>{a(d)&&g(qn)})}var xt=w(rt,2),jn=w(tn,2);{var Hn=g=>{var x=jc(),I=y(x);me(I,17,()=>n().modifiers,Ur,(E,T,M)=>{var B=Dc(),oe=y(B),de=w(oe,2);{var _e=P=>{var V=Fc();L(()=>V.disabled=!n().include),te("click",V,()=>{n(n().modifiers=n().modifiers.filter((Pe,xe)=>xe!==M),!0)}),k(P,V)};q(de,P=>{n().modifiers.length>1&&P(_e)})}L(()=>oe.disabled=!n().include),na(oe,()=>n().modifiers[M],P=>n(n().modifiers[M]=P,!0)),k(E,B)});var ee=w(I,2);{var p=E=>{var T=qc();L(()=>T.disabled=!n().include),te("click",T,()=>{n(n().modifiers=[...n().modifiers,""],!0)}),k(E,T)};q(ee,E=>{a(m)||E(p)})}k(g,x)};q(jn,g=>{a(o)&&g(Hn)})}var _n=w(en,2);{var vn=g=>{var x=Xc(),I=Ce(x),ee=y(I);let p;var E=w(ee,2);let T;var M=w(E,2);let B;var oe=w(I,2);{var de=P=>{var V=Fi(),Pe=Ce(V);{var xe=ce=>{var ve=Hc();k(ce,ve)},Je=ce=>{var ve=Uc(),G=w(y(ve),2);me(G,21,()=>a(f),Ur,(X,pe)=>{var we=Wc(),ht=y(we),We={};L(()=>{F(ht,`${a(pe).name??""}${a(pe).modCount>0?` (+ ${a(pe).modCount} modifier${a(pe).modCount>1?"s":""})`:""}`),We!==(We=a(pe).id)&&(we.value=(we.__value=a(pe).id)??"")}),k(X,we)}),ta(G,()=>n().renameFamilyId,X=>n(n().renameFamilyId=X,!0)),k(ce,ve)},ye=ce=>{const ve=D(()=>a(f)[0]),G=D(()=>1+a(ve).modCount);var X=Kc(),pe=w(y(X)),we=y(pe),ht=w(pe);L(()=>{F(we,a(ve).name),F(ht,`${a(ve).modCount>0?` (+ ${a(ve).modCount} modifier${a(ve).modCount>1?"s":""})`:""}${(n().currentClassIds?.length??0)>a(G)?" Other classes kept.":""}`)}),k(ce,X)};q(Pe,ce=>{a(f).length===0?ce(xe):a(f).length>1?ce(Je,1):ce(ye,-1)})}k(P,V)},_e=P=>{var V=Jc(),Pe=Ce(V);{var xe=G=>{var X=zc(),pe=w(y(X),2),we=y(pe);we.value=we.__value="";var ht=w(we);me(ht,17,()=>a(f),Ur,(We,st)=>{var Ct=$c(),Be=y(Ct),Fe={};L(()=>{F(Be,`${a(st).name??""}${a(st).modCount>0?` (+ ${a(st).modCount} modifier${a(st).modCount>1?"s":""})`:""}`),Fe!==(Fe=a(st).id)&&(Ct.value=(Ct.__value=a(st).id)??"")}),k(We,Ct)}),ta(pe,()=>n().renameFamilyId,We=>n(n().renameFamilyId=We,!0)),k(G,X)};q(Pe,G=>{a(f).length>1&&G(xe)})}var Je=w(Pe,2);{var ye=G=>{var X=Vc();k(G,X)},ce=G=>{var X=Gc();k(G,X)},ve=G=>{var X=Yc();k(G,X)};q(Je,G=>{n().renameFamilyId?G(ye):a(f).length===0?G(ce,1):G(ve,-1)})}k(P,V)};q(oe,P=>{n().op==="rename"?P(de):n().op==="replace"&&P(_e,1)})}L(()=>{p=Ve(ee,1,"rebemer-row__op-btn",null,p,{"rebemer-row__op-btn--on":n().op==="add"}),ae(ee,"aria-pressed",n().op==="add"),T=Ve(E,1,"rebemer-row__op-btn",null,T,{"rebemer-row__op-btn--on":n().op==="rename"}),ae(E,"aria-pressed",n().op==="rename"),B=Ve(M,1,"rebemer-row__op-btn",null,B,{"rebemer-row__op-btn--on":n().op==="replace"}),ae(M,"aria-pressed",n().op==="replace")}),te("click",ee,()=>{n(n().op="add",!0)}),te("click",E,()=>{n(n().op="rename",!0),!n().renameFamilyId&&a(f).length&&n(n().renameFamilyId=a(f)[0].id,!0)}),te("click",M,()=>{n(n().op="replace",!0),n(n().renameFamilyId="",!0)}),k(g,x)};q(_n,g=>{a(u)&&n().include&&g(vn)})}var hn=w(_n,2);{var Wn=g=>{var x=Qc();k(g,x)},dr=g=>{var x=Zc(),I=y(x);L(()=>F(I,`This element has ${n().currentClassCount??""} classes. Only the first will be renamed; modifiers matching it are renamed too.`)),k(g,x)};q(hn,g=>{a(c)&&n().include&&n().currentClassCount===0?g(Wn):a(c)&&n().include&&n().currentClassCount>1&&g(dr,1)})}var Un=w(hn,2);{var _r=g=>{var x=nu(),I=y(x);{var ee=E=>{var T=eu(),M=w(Ce(T)),B=y(M);L(()=>F(B,a(O).name)),k(E,T)},p=E=>{var T=tu(),M=w(Ce(T)),B=y(M);L(()=>F(B,a(O).name)),k(E,T)};q(I,E=>{a(l)?E(ee):E(p,-1)})}k(g,x)};q(Un,g=>{a(O)&&g(_r)})}var N=w(Un,2);{var z=g=>{var x=ou(),I=y(x);{var ee=M=>{var B=su(),oe=w(Ce(B),2);me(oe,17,()=>n().migrateKeys,Ur,(de,_e)=>{var P=ru(),V=y(P);L(Pe=>{ae(P,"title",`Will be lifted into ${(i()[0]||"the new class")??""}`),F(V,Pe)},[()=>C(a(_e))]),k(de,P)}),k(M,B)},p=M=>{var B=au();k(M,B)};q(I,M=>{n().migrateKeys?.length?M(ee):M(p,-1)})}var E=w(I,2);{var T=M=>{var B=iu(),oe=y(B);L(()=>F(oe,`${n().skippedKeys.length??""} skipped`)),k(M,B)};q(E,M=>{n().skippedKeys?.length&&M(T)})}k(g,x)};q(N,g=>{a(l)&&n().include&&g(z)})}L(()=>{W=Ve(R,1,"rebemer-row",null,W,{"rebemer-row--disabled":!n().include,"rebemer-row--suggested":a(b)}),Ke(R,`--rebemer-row-depth: ${n().depth??0??""}`),F(je,n().originalLabel),ae(xt,"placeholder",t.isRoot?"block-name":"element-name"),xt.disabled=!n().include}),qi(he,()=>n().include,g=>n(n().include=g,!0)),te("input",xt,A),na(xt,()=>n().name,g=>n(n().name=g,!0)),k(e,R),Fn()}Dn(["click","input"]);var uu=S("");function Qi(e,t){Bn(t,!0);let n=$t(t,"kind",3,"info"),r=$t(t,"duration",3,3e3),s=Ee(!0);ks(()=>{if(!a(s)||r()<=0)return;const u=setTimeout(()=>{ne(s,!1),t.onDismiss?.()},r());return()=>clearTimeout(u)});const i=D(()=>n()==="error"?"alert":"status");var o=Fi(),l=Ce(o);{var c=u=>{var d=uu(),f=y(d);L(()=>{Ve(d,1,`rebemer-toast rebemer-toast--${n()??""}`),ae(d,"role",a(i)),ae(d,"aria-live",n()==="error"?"assertive":"polite"),F(f,t.message)}),te("click",d,()=>{ne(s,!1),t.onDismiss?.()}),k(u,d)};q(l,u=>{a(s)&&u(c)})}k(e,o),Fn()}Dn(["click"]);var fu=S("Will migrate ",1),du=S(' '),_u=S(''),vu=S('reBEMer ·
',1);function hu(e,t){Bn(t,!0);const n={add:"Attaches a new BEM class to each element without removing any existing classes.",rename:"Replaces the first existing class with a new name, seeding its settings from the old class.",replace:"Replaces ALL existing classes with a single new BEM class (clean slate, no settings carried over).",migrate:"Lifts inline element styles (padding, color, typography, etc.) into a new global class.",mixed:"Per-element control — every row defaults to Add. Switch any row to Rename (targets one class family, keeps others) or Replace (strips all existing classes, or just a selected family)."};function r(N){const z=N?._cssGlobalClasses;return z?(Array.isArray(z)?z:Object.values(z)).filter(x=>typeof x=="string"&&x.length>0):[]}function s(N,z){const g=r(N);for(const x of g){const I=z.find(ee=>ee&&ee.id===x);if(I&&!I.name.includes("--"))return x}return g[0]??""}let i=Ee("add"),o=Ee(!0),l=Ee(Kt([])),c=Ee(Kt([])),u=Ee(null),d=Ee(null);const f=D(()=>a(l)[0]?.originalLabel??""),v=D(()=>a(l).length===0?new Map:Gi(a(l),t.rootId)),h=D(()=>{if(a(i)!=="migrate")return null;let N=0,z=0;for(const g of a(l))g.include&&(N+=g.migrateKeys?.length??0,z+=g.skippedKeys?.length??0);return{willMigrate:N,willSkip:z}}),b=D(()=>{if(a(l).length===0)return new Map;const N=Yi({rootId:t.rootId,rows:a(l),mode:a(i)}),z=new Map;if(!N.ok)return z;for(const g of N.ops){const x=[g.finalClass];for(const I of g.modifierSlugs??[])x.push(`${g.finalClass}--${I}`);z.set(g.row.id,x)}return z});ji(()=>{const N=Yl(t.rootId);ne(c,Ui().slice(),!0);const z=N.map((g,x)=>{const I=x===0,ee=g.label||"",p=Vt(ee),E=g.name||"";let T,M;p?(T=p,M="label"):I?(T="block",M="fallback"):E&&!Fs(E)?(T=Ic(E,"item"),M="element-type"):(T="item",M="fallback");const B=r(g.settings);return{id:g.id,depth:g.depth,bricksType:E,originalLabel:ee||(I?"block":"element"),name:T,modifiers:[""],isBlockRoot:!1,include:!0,suggestedFrom:M,migrateKeys:yc(g.settings),skippedKeys:kc(g.settings),currentClassCount:B.length,currentClassIds:B,op:"add",renameFamilyId:s(g.settings,a(c))}});if(z.length>1){const g=new Map(N.map(p=>[p.id,[]])),x=[];for(const p of N){for(;x.length&&x[x.length-1].depth>=p.depth;)x.pop();x.length&&g.get(x[x.length-1].id).push(p.id),x.push(p)}const I=new Map(N.map(p=>[p.id,p])),ee=new Map(z.map(p=>[p.id,p]));for(const[,p]of g){if(!p.length)continue;const E=new Map;for(const M of p){const B=I.get(M)?.name;B&&E.set(B,(E.get(B)??0)+1)}const T=p.filter(M=>Fs(I.get(M)?.name??""));for(const M of p){const B=ee.get(M),oe=I.get(M);if(!(!B||!oe||B.suggestedFrom==="label")){if(Fs(oe.name)){const de=(g.get(M)??[]).map(P=>I.get(P)?.name??"").filter(Boolean),_e=T.indexOf(M);B.name=Pc(de,_e,T.length),B.suggestedFrom="element-type"}else if((E.get(oe.name)??0)===1){const de=Mc[oe.name];de&&(B.name=de,B.suggestedFrom="element-type")}}}}}ne(l,z,!0)});function O(N){if(N.key==="Escape"){t.onClose?.();return}a(d)&&N.target instanceof Node&&a(d).contains(N.target)&&N.key==="Enter"&&(N.target?.tagName==="INPUT"||N.target?.tagName==="SELECT")&&(N.preventDefault(),A())}let m=null;function A(){const N=Vt(a(l)[0]?.name??""),z=Na(N);if(!z.ok){ne(u,{kind:"error",message:z.reason},!0);return}for(const x of a(l)){if(!x.isBlockRoot||!x.include)continue;const I=Na(Vt(x.name??""));if(!I.ok){ne(u,{kind:"error",message:`Sub-block "${x.originalLabel}": ${I.reason}`},!0);return}}const g=Ec({rootId:t.rootId,rows:a(l),mode:a(i),syncLabels:a(o)});g.ok?(ne(u,{kind:"success",message:`Applied to ${g.count} element${g.count!==1?"s":""}.`},!0),m&&clearTimeout(m),m=setTimeout(()=>t.onClose?.(),800)):ne(u,{kind:"error",message:g.error},!0)}ks(()=>()=>{m&&clearTimeout(m)});var C=vu();Bi("keydown",cs,O);var R=Ce(C),W=y(R),re=y(W),he=w(y(re)),ue=y(he),le=w(re,2),je=w(W,2),fe=y(je),He=w(y(fe),2),Et=y(He);Et.value=Et.__value="add";var Qt=w(Et);Qt.value=Qt.__value="rename";var Zt=w(Qt);Zt.value=Zt.__value="replace";var en=w(Zt);en.value=en.__value="migrate";var tn=w(en);tn.value=tn.__value="mixed";var rt=w(fe,2),qn=y(rt),xt=w(je,2),jn=y(xt),Hn=w(xt,2);{var _n=N=>{var z=_u();let g;var x=y(z);{var I=T=>{var M=Il("No migratable style keys found on any included element. Apply will attach empty classes.");k(T,M)},ee=T=>{var M=fu(),B=w(Ce(M)),oe=y(B),de=w(B);L(()=>{F(oe,a(h).willMigrate),F(de,` style key${a(h).willMigrate===1?"":"s"} into new classes.`)}),k(T,M)};q(x,T=>{a(h).willMigrate===0?T(I):T(ee,-1)})}var p=w(x,2);{var E=T=>{var M=du(),B=y(M);L(()=>F(B,`${a(h).willSkip??""} key${a(h).willSkip===1?"":"s"} not on the allowlist will stay on the element.`)),k(T,M)};q(p,T=>{a(h).willSkip>0&&T(E)})}L(()=>g=Ve(z,1,"rebemer-panel__notice",null,g,{"rebemer-panel__notice--warn":a(h).willSkip>0||a(h).willMigrate===0})),k(N,z)};q(Hn,N=>{a(h)&&N(_n)})}var vn=w(Hn,2);me(vn,23,()=>a(l),N=>N.id,(N,z,g)=>{{let x=D(()=>a(v).get(a(z).id)??""),I=D(()=>a(z).id===t.rootId||a(z).isBlockRoot),ee=D(()=>a(b).get(a(z).id)??[]);cu(N,{get mode(){return a(i)},get blockName(){return a(x)},get isRoot(){return a(I)},get rootId(){return t.rootId},get globalClasses(){return a(c)},get finalClassNames(){return a(ee)},get row(){return a(l)[a(g)]},set row(p){a(l)[a(g)]=p}})}});var hn=w(vn,2),Wn=y(hn),dr=w(Wn,2);Ul(R,N=>ne(d,N),()=>a(d));var Un=w(R,2);{var _r=N=>{Qi(N,{get kind(){return a(u).kind},get message(){return a(u).message},onDismiss:()=>{ne(u,null)}})};q(Un,N=>{a(u)&&N(_r)})}L(()=>{F(ue,a(f)),F(jn,n[a(i)])}),te("click",le,()=>t.onClose?.()),ta(He,()=>a(i),N=>ne(i,N)),qi(qn,()=>a(o),N=>ne(o,N)),te("click",Wn,()=>t.onClose?.()),te("click",dr,A),k(e,C),Fn()}Dn(["click"]);var pu=S('');function mu(e,t){var n=pu();let r;L(()=>{r=Ve(n,1,"slashed-cp-launch",null,r,{"slashed-cp-launch--on":t.open}),ae(n,"aria-pressed",t.open)}),te("click",n,function(...s){t.onToggle?.apply(this,s)}),k(e,n)}Dn(["click"]);const qa="--sf-color-",Zi=["primary","secondary","tertiary","action","neutral","base"],eo=["success","warning","error","info","danger"],ja=["a5","a10","a20","a30","a40","a50","a60","a70","a80","a90","a95"],Ha=["superlight","xlight","lighter","darker","xdark","superdark","hover","active","strong","subtle","muted","ghost"],Kr=["text","heading","bg","surface","inset","raised","overlay","inverse","border","link","code","selection","mark","dim"],gu=e=>new Set(e),bu=gu([...Zi,...eo]),Wa={primary:{tagline:"Brand identity & main emphasis",use:"Headlines, primary buttons, key brand moments."},secondary:{tagline:"Supporting brand tone",use:"Secondary surfaces and muted brand accents."},tertiary:{tagline:"Accent / highlight",use:"Badges, tags, decorative highlights."},action:{tagline:"Interactive & links",use:"Links, focus rings, anything clickable."},neutral:{tagline:"Text, icons & dividers",use:"Body text, borders, neutral UI chrome."},base:{tagline:"Page & surface backgrounds",use:"Page background and raised surfaces."},success:{tagline:"Positive / confirmation",use:"Success messages and valid state."},warning:{tagline:"Caution",use:"Warnings and at-risk / pending state."},error:{tagline:"Form & validation errors",use:"Invalid inputs and error messages."},info:{tagline:"Informational",use:"Tips and neutral notices."},danger:{tagline:"Destructive actions",use:"Delete / remove and irreversible actions."},semantic:{tagline:"Ready-made role tokens",use:"Pre-wired roles that already adapt to light/dark."}},Ds=[{id:"text-on",label:"Text on color",match:e=>e.startsWith("text--on")},{id:"text",label:"Text",match:e=>e==="text"||e==="heading"||e.startsWith("text-")},{id:"state",label:"Interactive states",match:e=>e.startsWith("bg--")},{id:"surface",label:"Surfaces & backgrounds",match:e=>["bg","surface","inset","raised","overlay","inverse"].some(t=>e===t||e.startsWith(t+"-"))},{id:"border",label:"Borders",match:e=>e==="border"||e.startsWith("border-")},{id:"link",label:"Links",match:e=>e==="link"||e.startsWith("link-")},{id:"select",label:"Selection & marks",match:e=>e.startsWith("selection")||e.startsWith("mark")||e==="dim"},{id:"code",label:"Code",match:e=>e.startsWith("code")}];function yu(e){if(typeof e!="string"||e.indexOf(qa)!==0)return null;const t=e.slice(qa.length);if(!t||t==="scheme")return null;const n=t.indexOf("-"),r=n===-1?t:t.slice(0,n);if(!bu.has(r))return{family:"semantic",kind:"semantic",step:null,key:t};const s=n===-1?"":t.slice(n+1);return s===""?{family:r,kind:"base",step:null,key:t}:s==="light"?null:/^[0-9]+$/.test(s)?{family:r,kind:"scale",step:Number(s),key:t}:/^a[0-9]+$/.test(s)?{family:r,kind:"alpha",step:s,key:t}:{family:r,kind:"alias",step:s,key:t}}function wu(e){return e.kind==="alpha"?!0:/(?:^|-)(?:subtle|muted|ghost|translucent|overlay|dim|underline)$/.test(e.key)}function ku(e){switch(e.kind){case"base":return vs(e.family);case"scale":return String(e.step);case"alpha":return String(e.step).toUpperCase();case"alias":return vs(String(e.step));case"semantic":default:return Su(e.key)}}function vs(e){return e&&e.charAt(0).toUpperCase()+e.slice(1)}function Su(e){return e.split("--").map(n=>n.split("-").map(vs).join(" ")).join(" · ")}function Eu(e,t,n,r){const s=n[e];if(typeof s!="string"||!s)return null;const i=typeof r[e]=="string"&&r[e]?r[e]:s;return{var:e,name:e.slice(2),label:ku(t),light:s,dark:i,alpha:wu(t)}}function xu(e,t){const n={base:0,scale:1,alias:2,alpha:3};if(n[e.info.kind]!==n[t.info.kind])return n[e.info.kind]-n[t.info.kind];if(e.info.kind==="scale")return e.info.step-t.info.step;if(e.info.kind==="alpha")return ja.indexOf(e.info.step)-ja.indexOf(t.info.step);if(e.info.kind==="alias"){const r=Ha.indexOf(e.info.step),s=Ha.indexOf(t.info.step),i=r===-1?999:r,o=s===-1?999:s;return i!==o?i-o:String(e.info.step).localeCompare(String(t.info.step))}return 0}function Cu(e,t){const n=Kr.findIndex(o=>e.info.key===o||e.info.key.startsWith(o+"-")),r=Kr.findIndex(o=>t.info.key===o||t.info.key.startsWith(o+"-")),s=n===-1?Kr.length:n,i=r===-1?Kr.length:r;return s!==i?s-i:e.info.key.localeCompare(t.info.key)}function Au(e,t,n){const r=Array.isArray(e)?e:[],s=t&&typeof t=="object"?t:{},i=n&&typeof n=="object"?n:{},o=new Map,l=[];for(const d of r){const f=yu(d);if(!f)continue;const v=Eu(d,f,s,i);if(!v)continue;const h={swatch:v,info:f};if(f.family==="semantic"){l.push(h);continue}o.has(f.family)||o.set(f.family,[]),o.get(f.family).push(h)}const c=[],u=(d,f)=>{const v=o.get(d);if(!v||v.length===0)return;v.sort(xu);const h=v.filter(C=>C.info.kind==="base"||C.info.kind==="scale"),b=v.filter(C=>C.info.kind==="alias"),O=v.filter(C=>C.info.kind==="alpha"),m=[];h.length&&m.push({id:"scale",label:"Shades & tints",swatches:h.map(C=>C.swatch)}),O.length&&m.push({id:"alpha",label:"Transparent",swatches:O.map(C=>C.swatch)}),b.length&&m.push({id:"alias",label:"Semantic",swatches:b.map(C=>C.swatch)});const A=Wa[d]||{};c.push({id:d,label:vs(d),type:f,count:v.length,tagline:A.tagline||"",use:A.use||"",sections:m})};for(const d of Zi)u(d,"brand");for(const d of eo)u(d,"status");if(l.length){l.sort(Cu);const d=new Map(Ds.map(b=>[b.id,[]])),f=[];for(const b of l){const O=Ds.find(m=>m.match(b.info.key));O?d.get(O.id).push(b.swatch):f.push(b.swatch)}const v=[];for(const b of Ds){const O=d.get(b.id);O.length&&v.push({id:b.id,label:b.label,swatches:O})}f.length&&v.push({id:"other",label:"Other",swatches:f});const h=Wa.semantic||{};c.push({id:"semantic",label:"Semantic",type:"semantic",count:l.length,tagline:h.tagline||"",use:h.use||"",sections:v})}return{groups:c}}function Tu(e,t){const n=String(t||"").trim().toLowerCase();if(!n)return e;if(!e||!Array.isArray(e.groups))return{groups:[]};const r=[];for(const s of e.groups){const i=[];for(const o of s.sections){const l=o.swatches.filter(c=>c.name.toLowerCase().includes(n)||c.label.toLowerCase().includes(n)||s.label.toLowerCase().includes(n));l.length&&i.push({...o,swatches:l})}if(i.length){const o=i.reduce((l,c)=>l+c.swatches.length,0);r.push({...s,sections:i,count:o})}}return{groups:r}}function Ou(e){return`var(${e.var})`}function Iu(e,t){return t==="dark"?e.dark:e.light}const Mu=[{id:"typography",label:"Typography",tokens:[{var:"--sf-color-heading",label:"Heading"},{var:"--sf-color-text",label:"Text"},{var:"--sf-color-text--muted",label:"Text · Muted"},{var:"--sf-color-text--secondary",label:"Text · Secondary"},{var:"--sf-color-text--on-primary",label:"On Primary"},{var:"--sf-color-text--on-secondary",label:"On Secondary"}]},{id:"surfaces",label:"Surfaces",tokens:[{var:"--sf-color-bg",label:"Background"},{var:"--sf-color-surface",label:"Surface"},{var:"--sf-color-raised",label:"Raised"},{var:"--sf-color-inset",label:"Inset"},{var:"--sf-color-overlay",label:"Overlay"},{var:"--sf-color-inverse",label:"Inverse"}]},{id:"structure",label:"Structure",tokens:[{var:"--sf-color-border",label:"Border"},{var:"--sf-color-border--subtle",label:"Border · Subtle"},{var:"--sf-color-border--strong",label:"Border · Strong"},{var:"--sf-color-link",label:"Link"},{var:"--sf-color-link--hover",label:"Link · Hover"}]},{id:"brand",label:"Brand",tokens:[{var:"--sf-color-primary",label:"Primary"},{var:"--sf-color-secondary",label:"Secondary"},{var:"--sf-color-tertiary",label:"Tertiary"},{var:"--sf-color-action",label:"Action"},{var:"--sf-color-neutral",label:"Neutral"},{var:"--sf-color-base",label:"Base"}]},{id:"feedback",label:"Feedback",tokens:[{var:"--sf-color-success",label:"Success"},{var:"--sf-color-success-subtle",label:"Success · Subtle"},{var:"--sf-color-warning",label:"Warning"},{var:"--sf-color-warning-subtle",label:"Warning · Subtle"},{var:"--sf-color-error",label:"Error"},{var:"--sf-color-error-subtle",label:"Error · Subtle"},{var:"--sf-color-info",label:"Info"},{var:"--sf-color-danger",label:"Danger"}]}];function Pu(e,t,n){const r=t&&typeof t=="object"?t:{},s=n&&typeof n=="object"?n:{},i=[];for(const o of Mu){const l=[];for(const c of o.tokens){const u=r[c.var];if(!u)continue;const d=s[c.var]||u;l.push({var:c.var,name:c.var.slice(2),label:c.label,light:u,dark:d,alpha:/overlay|subtle|ghost|muted|dim|alpha/i.test(c.var)})}l.length&&i.push({id:o.id,label:o.label,swatches:l})}return{groups:i}}var Lu=S('');function $r(e,t){Bn(t,!0);let n=$t(t,"onPick",3,void 0);const r=D(()=>`${t.swatch.name}
-light ${t.swatch.light} · dark ${t.swatch.dark}`);var s=Lu();let i;L(o=>{i=Ve(s,1,"slashed-cp-swatch",null,i,{"slashed-cp-swatch--alpha":t.swatch.alpha,"slashed-cp-swatch--split":t.mode==="both"}),Ke(s,`--cp-l:${t.swatch.light??""}; --cp-d:${t.swatch.dark??""}; --cp-solid:${o??""};`),ae(s,"title",a(r)),ae(s,"aria-label",t.swatch.name)},[()=>Iu(t.swatch,t.mode==="dark"?"dark":"light")]),te("click",s,()=>n()?.(t.swatch)),k(e,s),Fn()}Dn(["click"]);var Ru=S(''),Nu=S('
'),Bu=S(' '),Fu=S('
'),Du=S(' '),qu=S('
'),ju=S(' '),Hu=S(''),Wu=S(" ",1),Uu=S('
'),Vu=S(''),Gu=S(''),Yu=S(''),Ju=S(' '),Xu=S('
',1),Qu=S(''),Zu=S('Scale 50 → 950
',1),ef=S(''),tf=S(''),nf=S(' ',1),rf=S(' '),sf=S(' '),af=S(''),of=S(''),lf=S(''),cf=S(' '),uf=S('
',1),ff=S(''),df=S('Scale 50 → 950
',1),_f=S(''),vf=S(''),hf=S(' ',1),pf=S(' '),mf=S(' '),gf=S('Quick Use
Palette
Brand
Status
',1),bf=S(''),yf=S('Color System
reBEMer ·
',1);function wu(e,t){Rn(t,!0);const n={add:"Attaches a new BEM class to each element without removing any existing classes.",rename:"Replaces the first existing class with a new name, seeding its settings from the old class.",replace:"Replaces ALL existing classes with a single new BEM class (clean slate, no settings carried over).",migrate:"Lifts inline element styles (padding, color, typography, etc.) into a new global class.",mixed:"Per-element control — every row defaults to Add. Switch any row to Rename (targets one class family, keeps others) or Replace (strips all existing classes, or just a selected family)."};function r(N){const z=N?._cssGlobalClasses;return z?(Array.isArray(z)?z:Object.values(z)).filter(C=>typeof C=="string"&&C.length>0):[]}function s(N,z){const g=r(N);for(const C of g){const I=z.find(ee=>ee&&ee.id===C);if(I&&!I.name.includes("--"))return C}return g[0]??""}let i=Ee("add"),o=Ee(!0),l=Ee(Ut([])),c=Ee(Ut([])),u=Ee(null),d=Ee(null);const f=D(()=>a(l)[0]?.originalLabel??""),v=D(()=>a(l).length===0?new Map:Zi(a(l),t.rootId)),h=D(()=>{if(a(i)!=="migrate")return null;let N=0,z=0;for(const g of a(l))g.include&&(N+=g.migrateKeys?.length??0,z+=g.skippedKeys?.length??0);return{willMigrate:N,willSkip:z}}),b=D(()=>{if(a(l).length===0)return new Map;const N=eo({rootId:t.rootId,rows:a(l),mode:a(i)}),z=new Map;if(!N.ok)return z;for(const g of N.ops){const C=[g.finalClass];for(const I of g.modifierSlugs??[])C.push(`${g.finalClass}--${I}`);z.set(g.row.id,C)}return z});zi(()=>{const N=ec(t.rootId);ne(c,Yi().slice(),!0);const z=N.map((g,C)=>{const I=C===0,ee=g.label||"",p=zt(ee),E=g.name||"";let T,M;p?(T=p,M="label"):I?(T="block",M="fallback"):E&&!qs(E)?(T=Bc(E,"item"),M="element-type"):(T="item",M="fallback");const B=r(g.settings);return{id:g.id,depth:g.depth,bricksType:E,originalLabel:ee||(I?"block":"element"),name:T,modifiers:[""],isBlockRoot:!1,include:!0,suggestedFrom:M,migrateKeys:xc(g.settings),skippedKeys:Tc(g.settings),currentClassCount:B.length,currentClassIds:B,op:"add",renameFamilyId:s(g.settings,a(c))}});if(z.length>1){const g=new Map(N.map(p=>[p.id,[]])),C=[];for(const p of N){for(;C.length&&C[C.length-1].depth>=p.depth;)C.pop();C.length&&g.get(C[C.length-1].id).push(p.id),C.push(p)}const I=new Map(N.map(p=>[p.id,p])),ee=new Map(z.map(p=>[p.id,p]));for(const[,p]of g){if(!p.length)continue;const E=new Map;for(const M of p){const B=I.get(M)?.name;B&&E.set(B,(E.get(B)??0)+1)}const T=p.filter(M=>qs(I.get(M)?.name??""));for(const M of p){const B=ee.get(M),oe=I.get(M);if(!(!B||!oe||B.suggestedFrom==="label")){if(qs(oe.name)){const de=(g.get(M)??[]).map(L=>I.get(L)?.name??"").filter(Boolean),_e=T.indexOf(M);B.name=Dc(de,_e,T.length),B.suggestedFrom="element-type"}else if((E.get(oe.name)??0)===1){const de=Fc[oe.name];de&&(B.name=de,B.suggestedFrom="element-type")}}}}}ne(l,z,!0)});function O(N){if(N.key==="Escape"){t.onClose?.();return}a(d)&&N.target instanceof Node&&a(d).contains(N.target)&&N.key==="Enter"&&(N.target?.tagName==="INPUT"||N.target?.tagName==="SELECT")&&(N.preventDefault(),A())}let m=null;function A(){const N=zt(a(l)[0]?.name??""),z=Ha(N);if(!z.ok){ne(u,{kind:"error",message:z.reason},!0);return}for(const C of a(l)){if(!C.isBlockRoot||!C.include)continue;const I=Ha(zt(C.name??""));if(!I.ok){ne(u,{kind:"error",message:`Sub-block "${C.originalLabel}": ${I.reason}`},!0);return}}const g=Ic({rootId:t.rootId,rows:a(l),mode:a(i),syncLabels:a(o)});g.ok?(ne(u,{kind:"success",message:`Applied to ${g.count} element${g.count!==1?"s":""}.`},!0),m&&clearTimeout(m),m=setTimeout(()=>t.onClose?.(),800)):ne(u,{kind:"error",message:g.error},!0)}Es(()=>()=>{m&&clearTimeout(m)});var x=yu();Wi("keydown",_s,O);var R=xe(x),W=y(R),re=y(W),he=w(y(re)),ue=y(he),le=w(re,2),je=w(W,2),fe=y(je),He=w(y(fe),2),St=y(He);St.value=St.__value="add";var Qt=w(St);Qt.value=Qt.__value="rename";var Xt=w(Qt);Xt.value=Xt.__value="replace";var Zt=w(Xt);Zt.value=Zt.__value="migrate";var en=w(Zt);en.value=en.__value="mixed";var nt=w(fe,2),Fn=y(nt),Et=w(je,2),Dn=y(Et),qn=w(Et,2);{var fn=N=>{var z=bu();let g;var C=y(z);{var I=T=>{var M=Nl("No migratable style keys found on any included element. Apply will attach empty classes.");k(T,M)},ee=T=>{var M=mu(),B=w(xe(M)),oe=y(B),de=w(B);P(()=>{F(oe,a(h).willMigrate),F(de,` style key${a(h).willMigrate===1?"":"s"} into new classes.`)}),k(T,M)};q(C,T=>{a(h).willMigrate===0?T(I):T(ee,-1)})}var p=w(C,2);{var E=T=>{var M=gu(),B=y(M);P(()=>F(B,`${a(h).willSkip??""} key${a(h).willSkip===1?"":"s"} not on the allowlist will stay on the element.`)),k(T,M)};q(p,T=>{a(h).willSkip>0&&T(E)})}P(()=>g=Ve(z,1,"rebemer-panel__notice",null,g,{"rebemer-panel__notice--warn":a(h).willSkip>0||a(h).willMigrate===0})),k(N,z)};q(qn,N=>{a(h)&&N(fn)})}var dn=w(qn,2);me(dn,23,()=>a(l),N=>N.id,(N,z,g)=>{{let C=D(()=>a(v).get(a(z).id)??""),I=D(()=>a(z).id===t.rootId||a(z).isBlockRoot),ee=D(()=>a(b).get(a(z).id)??[]);hu(N,{get mode(){return a(i)},get blockName(){return a(C)},get isRoot(){return a(I)},get rootId(){return t.rootId},get globalClasses(){return a(c)},get finalClassNames(){return a(ee)},get row(){return a(l)[a(g)]},set row(p){a(l)[a(g)]=p}})}});var _n=w(dn,2),jn=y(_n),vr=w(jn,2);Gl(R,N=>ne(d,N),()=>a(d));var Hn=w(R,2);{var hr=N=>{ro(N,{get kind(){return a(u).kind},get message(){return a(u).message},onDismiss:()=>{ne(u,null)}})};q(Hn,N=>{a(u)&&N(hr)})}P(()=>{F(ue,a(f)),F(Dn,n[a(i)])}),te("click",le,()=>t.onClose?.()),ra(He,()=>a(i),N=>ne(i,N)),$i(Fn,()=>a(o),N=>ne(o,N)),te("click",jn,()=>t.onClose?.()),te("click",vr,A),k(e,x),Nn()}Bn(["click"]);var ku=S('');function Su(e,t){var n=ku();let r;P(()=>{r=Ve(n,1,"slashed-cp-launch",null,r,{"slashed-cp-launch--on":t.open}),ae(n,"aria-pressed",t.open)}),te("click",n,function(...s){t.onToggle?.apply(this,s)}),k(e,n)}Bn(["click"]);const $a="--sf-color-",so=["primary","secondary","tertiary","action","neutral","base"],ao=["success","warning","error","info","danger"],za=["a5","a10","a20","a30","a40","a50","a60","a70","a80","a90","a95"],Va=["superlight","xlight","lighter","darker","xdark","superdark","hover","active","strong","subtle","muted","ghost"],Gr=["text","heading","bg","surface","inset","raised","overlay","inverse","border","link","code","selection","mark","dim"],Eu=e=>new Set(e),Cu=Eu([...so,...ao]),Ga={primary:{tagline:"Brand identity & main emphasis",use:"Headlines, primary buttons, key brand moments."},secondary:{tagline:"Supporting brand tone",use:"Secondary surfaces and muted brand accents."},tertiary:{tagline:"Accent / highlight",use:"Badges, tags, decorative highlights."},action:{tagline:"Interactive & links",use:"Links, focus rings, anything clickable."},neutral:{tagline:"Text, icons & dividers",use:"Body text, borders, neutral UI chrome."},base:{tagline:"Page & surface backgrounds",use:"Page background and raised surfaces."},success:{tagline:"Positive / confirmation",use:"Success messages and valid state."},warning:{tagline:"Caution",use:"Warnings and at-risk / pending state."},error:{tagline:"Form & validation errors",use:"Invalid inputs and error messages."},info:{tagline:"Informational",use:"Tips and neutral notices."},danger:{tagline:"Destructive actions",use:"Delete / remove and irreversible actions."},semantic:{tagline:"Ready-made role tokens",use:"Pre-wired roles that already adapt to light/dark."}},js=[{id:"text-on",label:"Text on color",match:e=>e.startsWith("text--on")},{id:"text",label:"Text",match:e=>e==="text"||e==="heading"||e.startsWith("text-")},{id:"state",label:"Interactive states",match:e=>e.startsWith("bg--")},{id:"surface",label:"Surfaces & backgrounds",match:e=>["bg","surface","inset","raised","overlay","inverse"].some(t=>e===t||e.startsWith(t+"-"))},{id:"border",label:"Borders",match:e=>e==="border"||e.startsWith("border-")},{id:"link",label:"Links",match:e=>e==="link"||e.startsWith("link-")},{id:"select",label:"Selection & marks",match:e=>e.startsWith("selection")||e.startsWith("mark")||e==="dim"},{id:"code",label:"Code",match:e=>e.startsWith("code")}];function xu(e){if(typeof e!="string"||e.indexOf($a)!==0)return null;const t=e.slice($a.length);if(!t||t==="scheme")return null;const n=t.indexOf("-"),r=n===-1?t:t.slice(0,n);if(!Cu.has(r))return{family:"semantic",kind:"semantic",step:null,key:t};const s=n===-1?"":t.slice(n+1);return s===""?{family:r,kind:"base",step:null,key:t}:s==="light"?null:/^[0-9]+$/.test(s)?{family:r,kind:"scale",step:Number(s),key:t}:/^a[0-9]+$/.test(s)?{family:r,kind:"alpha",step:s,key:t}:{family:r,kind:"alias",step:s,key:t}}function Au(e){return e.kind==="alpha"?!0:/(?:^|-)(?:subtle|muted|ghost|translucent|overlay|dim|underline)$/.test(e.key)}function Tu(e){switch(e.kind){case"base":return ps(e.family);case"scale":return String(e.step);case"alpha":return String(e.step).toUpperCase();case"alias":return ps(String(e.step));case"semantic":default:return Ou(e.key)}}function ps(e){return e&&e.charAt(0).toUpperCase()+e.slice(1)}function Ou(e){return e.split("--").map(n=>n.split("-").map(ps).join(" ")).join(" · ")}function Iu(e,t,n,r){const s=n[e];if(typeof s!="string"||!s)return null;const i=typeof r[e]=="string"&&r[e]?r[e]:s;return{var:e,name:e.slice(2),label:Tu(t),light:s,dark:i,alpha:Au(t)}}function Mu(e,t){const n={base:0,scale:1,alias:2,alpha:3};if(n[e.info.kind]!==n[t.info.kind])return n[e.info.kind]-n[t.info.kind];if(e.info.kind==="scale")return e.info.step-t.info.step;if(e.info.kind==="alpha")return za.indexOf(e.info.step)-za.indexOf(t.info.step);if(e.info.kind==="alias"){const r=Va.indexOf(e.info.step),s=Va.indexOf(t.info.step),i=r===-1?999:r,o=s===-1?999:s;return i!==o?i-o:String(e.info.step).localeCompare(String(t.info.step))}return 0}function Lu(e,t){const n=Gr.findIndex(o=>e.info.key===o||e.info.key.startsWith(o+"-")),r=Gr.findIndex(o=>t.info.key===o||t.info.key.startsWith(o+"-")),s=n===-1?Gr.length:n,i=r===-1?Gr.length:r;return s!==i?s-i:e.info.key.localeCompare(t.info.key)}function Pu(e,t,n){const r=Array.isArray(e)?e:[],s=t&&typeof t=="object"?t:{},i=n&&typeof n=="object"?n:{},o=new Map,l=[];for(const d of r){const f=xu(d);if(!f)continue;const v=Iu(d,f,s,i);if(!v)continue;const h={swatch:v,info:f};if(f.family==="semantic"){l.push(h);continue}o.has(f.family)||o.set(f.family,[]),o.get(f.family).push(h)}const c=[],u=(d,f)=>{const v=o.get(d);if(!v||v.length===0)return;v.sort(Mu);const h=v.filter(x=>x.info.kind==="base"||x.info.kind==="scale"),b=v.filter(x=>x.info.kind==="alias"),O=v.filter(x=>x.info.kind==="alpha"),m=[];h.length&&m.push({id:"scale",label:"Shades & tints",swatches:h.map(x=>x.swatch)}),O.length&&m.push({id:"alpha",label:"Transparent",swatches:O.map(x=>x.swatch)}),b.length&&m.push({id:"alias",label:"Semantic",swatches:b.map(x=>x.swatch)});const A=Ga[d]||{};c.push({id:d,label:ps(d),type:f,count:v.length,tagline:A.tagline||"",use:A.use||"",sections:m})};for(const d of so)u(d,"brand");for(const d of ao)u(d,"status");if(l.length){l.sort(Lu);const d=new Map(js.map(b=>[b.id,[]])),f=[];for(const b of l){const O=js.find(m=>m.match(b.info.key));O?d.get(O.id).push(b.swatch):f.push(b.swatch)}const v=[];for(const b of js){const O=d.get(b.id);O.length&&v.push({id:b.id,label:b.label,swatches:O})}f.length&&v.push({id:"other",label:"Other",swatches:f});const h=Ga.semantic||{};c.push({id:"semantic",label:"Semantic",type:"semantic",count:l.length,tagline:h.tagline||"",use:h.use||"",sections:v})}return{groups:c}}function Ru(e,t){const n=String(t||"").trim().toLowerCase();if(!n)return e;if(!e||!Array.isArray(e.groups))return{groups:[]};const r=[];for(const s of e.groups){const i=[];for(const o of s.sections){const l=o.swatches.filter(c=>c.name.toLowerCase().includes(n)||c.label.toLowerCase().includes(n)||s.label.toLowerCase().includes(n));l.length&&i.push({...o,swatches:l})}if(i.length){const o=i.reduce((l,c)=>l+c.swatches.length,0);r.push({...s,sections:i,count:o})}}return{groups:r}}function Nu(e){return`var(${e.var})`}function Bu(e,t){return t==="dark"?e.dark:e.light}const Fu=[{id:"typography",label:"Typography",tokens:[{var:"--sf-color-heading",label:"Heading"},{var:"--sf-color-text",label:"Text"},{var:"--sf-color-text--muted",label:"Text · Muted"},{var:"--sf-color-text--secondary",label:"Text · Secondary"},{var:"--sf-color-text--on-primary",label:"On Primary"},{var:"--sf-color-text--on-secondary",label:"On Secondary"}]},{id:"surfaces",label:"Surfaces",tokens:[{var:"--sf-color-bg",label:"Background"},{var:"--sf-color-surface",label:"Surface"},{var:"--sf-color-raised",label:"Raised"},{var:"--sf-color-inset",label:"Inset"},{var:"--sf-color-overlay",label:"Overlay"},{var:"--sf-color-inverse",label:"Inverse"}]},{id:"structure",label:"Structure",tokens:[{var:"--sf-color-border",label:"Border"},{var:"--sf-color-border--subtle",label:"Border · Subtle"},{var:"--sf-color-border--strong",label:"Border · Strong"},{var:"--sf-color-link",label:"Link"},{var:"--sf-color-link--hover",label:"Link · Hover"}]},{id:"brand",label:"Brand",tokens:[{var:"--sf-color-primary",label:"Primary"},{var:"--sf-color-secondary",label:"Secondary"},{var:"--sf-color-tertiary",label:"Tertiary"},{var:"--sf-color-action",label:"Action"},{var:"--sf-color-neutral",label:"Neutral"},{var:"--sf-color-base",label:"Base"}]},{id:"feedback",label:"Feedback",tokens:[{var:"--sf-color-success",label:"Success"},{var:"--sf-color-success-subtle",label:"Success · Subtle"},{var:"--sf-color-warning",label:"Warning"},{var:"--sf-color-warning-subtle",label:"Warning · Subtle"},{var:"--sf-color-error",label:"Error"},{var:"--sf-color-error-subtle",label:"Error · Subtle"},{var:"--sf-color-info",label:"Info"},{var:"--sf-color-danger",label:"Danger"}]}];function Du(e,t,n){const r=t&&typeof t=="object"?t:{},s=n&&typeof n=="object"?n:{},i=[];for(const o of Fu){const l=[];for(const c of o.tokens){const u=r[c.var];if(!u)continue;const d=s[c.var]||u;l.push({var:c.var,name:c.var.slice(2),label:c.label,light:u,dark:d,alpha:/overlay|subtle|ghost|muted|dim|alpha/i.test(c.var)})}l.length&&i.push({id:o.id,label:o.label,swatches:l})}return{groups:i}}var qu=S('');function Yr(e,t){Rn(t,!0);let n=Kt(t,"onPick",3,void 0);const r=D(()=>`${t.swatch.name}
+light ${t.swatch.light} · dark ${t.swatch.dark}`);var s=qu();let i;P(o=>{i=Ve(s,1,"slashed-cp-swatch",null,i,{"slashed-cp-swatch--alpha":t.swatch.alpha,"slashed-cp-swatch--split":t.mode==="both"}),Ke(s,`--cp-l:${t.swatch.light??""}; --cp-d:${t.swatch.dark??""}; --cp-solid:${o??""};`),ae(s,"title",a(r)),ae(s,"aria-label",t.swatch.name)},[()=>Bu(t.swatch,t.mode==="dark"?"dark":"light")]),te("click",s,()=>n()?.(t.swatch)),k(e,s),Nn()}Bn(["click"]);var ju=S(''),Hu=S('
'),Wu=S(' '),Uu=S('
'),Ku=S(' '),$u=S('
'),zu=S(' '),Vu=S(''),Gu=S(" ",1),Yu=S('
'),Zu=S(''),ef=S(''),tf=S(''),nf=S(' '),rf=S('
',1),sf=S(''),af=S('Scale 50 → 950
',1),of=S(''),lf=S(''),cf=S(' ',1),uf=S(' '),ff=S(' '),df=S(''),_f=S(''),vf=S(''),hf=S(' '),pf=S('
',1),mf=S(''),gf=S('Scale 50 → 950
',1),bf=S(''),yf=S(''),wf=S(' ',1),kf=S(' '),Sf=S(' '),Ef=S('Quick Use
Palette
Brand
Status
',1),Cf=S(''),xf=S('Color System
rows, so the row is the nearest
+ // ancestor.
+ const row = btn.closest('li');
+ const hint = row ? resolveRow(row) : null;
+ if (!hint) {
+ if (_activeBtn === btn) hide();
+ btn.remove();
+ } else if (btn.dataset.sfClass !== hint.name) {
+ btn.dataset.sfClass = hint.name;
+ }
}
- const match = findHintTarget(target);
- if (!match) {
- if (_currentTarget) hide();
- return;
+
+ // Pass 2: inject into eligible rows that lack an icon. Scope strictly to
+ // the known Bricks containers and to rows, which is what Bricks uses
+ // for applied class chips, autocomplete suggestions, and class-manager
+ // rows alike.
+ const containers = document.querySelectorAll(BRICKS_CONTAINERS.join(','));
+ for (const container of containers) {
+ for (const row of container.querySelectorAll('li')) {
+ if (row.querySelector('.' + BTN_CLASS)) continue;
+ // Only tag innermost rows — a wrapper around a single class
+ // chip resolves to the same name and would double-inject.
+ if (row.querySelector('li')) continue;
+ const hint = resolveRow(row);
+ if (!hint) continue;
+ const btn = makeButton();
+ btn.dataset.sfClass = hint.name;
+ actionsHost(row).appendChild(btn);
+ }
}
- if (match.el === _currentTarget) return;
- show(match.el, match.hint);
}
-function onFocusOut(event) {
- if (!_currentTarget) return;
- const to = event.relatedTarget;
- if (to instanceof Node && _currentTarget.contains(to)) return;
- hide();
+function schedule() {
+ if (_debounce !== null) return;
+ _debounce = setTimeout(() => {
+ _debounce = null;
+ reconcile();
+ }, DEBOUNCE_MS);
}
-function onKeyDown(event) {
- if (event.key === 'Escape') hide();
+/**
+ * Cheap pre-filter: only reconcile when a mutation touches one of the
+ * Bricks containers (or adds nodes that contain one), so canvas edits and
+ * unrelated builder churn don't wake the reconciler.
+ *
+ * @param {MutationRecord[]} records
+ * @returns {boolean}
+ */
+function touchesContainers(records) {
+ const sel = BRICKS_CONTAINERS.join(',');
+ for (const m of records) {
+ const t = m.target;
+ // Ignore mutations we caused ourselves (injecting / removing icons).
+ if (t && t.nodeType === 1) {
+ if (t.classList && t.classList.contains(BTN_CLASS)) continue;
+ if (t.closest && t.closest(sel)) return true;
+ }
+ for (const node of m.addedNodes) {
+ if (node.nodeType !== 1) continue;
+ if (node.classList && node.classList.contains(BTN_CLASS)) continue;
+ if ((node.matches && node.matches(sel)) ||
+ (node.closest && node.closest(sel)) ||
+ (node.querySelector && node.querySelector(sel))) return true;
+ }
+ }
+ return false;
}
/**
@@ -257,23 +348,30 @@ function onKeyDown(event) {
export function init(enabled, hints, options = {}) {
destroy();
- _enabled = !!enabled;
_hints = hints && typeof hints === 'object' ? hints : {};
- if (!_enabled || Object.keys(_hints).length === 0) return;
+ if (!enabled || Object.keys(_hints).length === 0) return;
_controller = new AbortController();
const { signal } = _controller;
- const opts = { passive: true, signal };
-
- document.addEventListener('mouseover', onMouseOver, opts);
- document.addEventListener('mouseout', onMouseOut, opts);
- document.addEventListener('focusin', onFocusIn, opts);
- document.addEventListener('focusout', onFocusOut, opts);
- document.addEventListener('keydown', onKeyDown, opts);
- // The tooltip is anchored to a fixed viewport position; hide it on
- // scroll rather than chase a moving target.
+
+ // Esc dismisses the tooltip; scroll hides it (it's fixed-positioned, so
+ // chasing a moving anchor isn't worth it).
+ document.addEventListener('keydown', onKeyDown, { passive: true, signal });
window.addEventListener('scroll', hide, { capture: true, passive: true, signal });
+ // The class lists live in panels without a single stable container across
+ // their lifecycle, so observe body and filter with touchesContainers().
+ _observer = new MutationObserver((records) => {
+ // If the row anchoring the tooltip was removed (e.g. the class was
+ // deleted while the hint was open), the tooltip would otherwise linger
+ // pointing at nothing — drop it before reconciling.
+ if (_activeBtn && !_activeBtn.isConnected) hide();
+ if (touchesContainers(records)) schedule();
+ });
+ _observer.observe(document.body, { childList: true, subtree: true });
+
+ reconcile();
+
if (options.signal) {
if (options.signal.aborted) destroy();
else options.signal.addEventListener('abort', destroy, { once: true });
@@ -281,18 +379,30 @@ export function init(enabled, hints, options = {}) {
}
/**
- * Tear down listeners and remove the tooltip element.
+ * Tear down listeners, the observer, the tooltip, and every injected icon.
*/
export function destroy() {
+ if (_debounce !== null) {
+ clearTimeout(_debounce);
+ _debounce = null;
+ }
+ if (_observer) {
+ _observer.disconnect();
+ _observer = null;
+ }
if (_controller) {
_controller.abort();
_controller = null;
}
+ try {
+ document.querySelectorAll('.' + BTN_CLASS).forEach((node) => node.remove());
+ } catch {
+ /* ignore */
+ }
if (_tooltip) {
_tooltip.remove();
_tooltip = null;
}
- _currentTarget = null;
- _enabled = false;
+ _activeBtn = null;
_hints = {};
}
diff --git a/plugins/SLASHED-for-WP/integrations/bricks/editor-app/src/styles/panel.css b/plugins/SLASHED-for-WP/integrations/bricks/editor-app/src/styles/panel.css
index 4479a324..c17acf02 100644
--- a/plugins/SLASHED-for-WP/integrations/bricks/editor-app/src/styles/panel.css
+++ b/plugins/SLASHED-for-WP/integrations/bricks/editor-app/src/styles/panel.css
@@ -454,6 +454,40 @@ li[data-id]:focus-within > .rebemer-badge-host {
.rebemer-class-hint__cat[hidden] { display: none; }
.rebemer-class-hint__desc { margin: 4px 0 0; color: var(--rebemer-fg); }
+/* "?" info icon injected beside a class row's own action icons. The
+ tooltip above is bound to THIS element only (not the whole row), so it
+ surfaces on deliberate hover/focus and never obscures the row controls.
+ The glyph is a ::before so the icon contributes no textContent — the
+ reconciler reads the row text back to re-resolve which class it is. */
+.rebemer-class-hint-btn {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ width: 16px;
+ height: 16px;
+ flex: 0 0 auto;
+ margin-inline-start: 4px;
+ border-radius: 50%;
+ /* Injected outside #slashed-rebemer-host, so the --rebemer-* vars need
+ fallbacks (mirrors .rebemer-badge-host). */
+ border: 1px solid var(--rebemer-border, #3d4752);
+ background: transparent;
+ color: var(--rebemer-fg-muted, #8a8d95);
+ font: 700 10px/1 var(--rebemer-font, "Inter", -apple-system, BlinkMacSystemFont, sans-serif);
+ cursor: help;
+ opacity: 0.7;
+ vertical-align: middle;
+ transition: opacity 120ms ease, color 120ms ease, border-color 120ms ease;
+}
+.rebemer-class-hint-btn::before { content: '?'; }
+.rebemer-class-hint-btn:hover,
+.rebemer-class-hint-btn:focus-visible {
+ opacity: 1;
+ color: var(--rebemer-accent, #e2b93b);
+ border-color: var(--rebemer-accent, #e2b93b);
+ outline: none;
+}
+
/* =====================================================================
Color System panel
---------------------------------------------------------------------