@weasel-js/ui 1.7.3 → 1.8.1

package/dist/chunks/{SelectionPanel-COZ6z9_P.js.map → SelectionPanel-B6HinSdB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectionPanel-COZ6z9_P.js","names":["s","_Fragment","Fragment","renderCells","SelectionPanel_module_default","effectiveSections","setAtPath","aggregateValue","kindBreakdown","classifyKind","MIXED","renderBuiltin","Fragment$1","defaultKindLabel","kind","SelectionPanel","props","scene","nodes","selection","asNodeId","id","n","kinds","routing","selectionKey","sections","properties","className","emptyState","commit","head","rest","leaf","ids","node","value","next","nodeValueAt","kindLabel","Fragment","rows","section","row","leafCell","panelLeaf","renderers","controls","content","key","aggregated","path","mixed","ctx","v","fn","at","p","custom","ariaLabel"],"sources":["../../src/components/SelectionPanel/SelectionPanel.tsx"],"sourcesContent":["import { Fragment, useSyncExternalStore, type ReactNode } from 'react';\nimport {\n  asNodeId,\n  type NodePropertiesEntry,\n  type NodeRoutingEntry,\n  type Scene,\n  type SelectionApi,\n} from '@weasel-js/core';\nimport {\n  renderBuiltin,\n  renderCells,\n  type LeafCell,\n  type PropertyRenderContext,\n  type PropertyRenderer,\n} from './renderLeaf';\nimport {\n  MIXED,\n  aggregateValue,\n  classifyKind,\n  effectiveSections,\n  kindBreakdown,\n  nodeValueAt,\n  setAtPath,\n  type AnyNode,\n  type PanelLeaf,\n} from './model';\nimport s from './SelectionPanel.module.css';\n\nexport type { PropertyRenderContext, PropertyRenderer } from './renderLeaf';\n\n/** Props for {@link SelectionPanel}. */\nexport interface SelectionPanelProps<TData, TLayer extends string, TPose> {\n  /** The scene handle (`useScene`). The panel subscribes itself, so it\n   *  re-renders on scene mutations regardless of parent renders. */\n  scene: Scene<TData, TLayer, TPose>;\n  /** Selection handle (`useSelection`). Only `current` is read. */\n  selection: Pick<SelectionApi, 'current'>;\n  /** Properties-trait entries, e.g. core's `defaultNodeProperties` /\n   *  `inferredNodeProperties` (+ consumer extras). Memoize or hoist. */\n  properties: readonly NodePropertiesEntry[];\n  /** Routing-trait classifiers used to derive each node's kind — pass\n   *  the same list the canvas uses. Memoize or hoist. */\n  routing: readonly NodeRoutingEntry[];\n  /** Control overrides / app-defined kinds (PrefsForm-style). Keys are\n   *  leaf paths (`data.fill`, checked first) or leaf kinds (`color`).\n   *  A renderer returning `null` collapses its leaf (and the row, when\n   *  every leaf in it collapses). */\n  renderers?: Record<string, PropertyRenderer>;\n  /** Kind → header label. Default: capitalized kind name. */\n  kindLabel?: (kind: string) => string;\n  /** Rendered when the selection is empty. */\n  emptyState?: ReactNode;\n  className?: string;\n}\n\nconst defaultKindLabel = (kind: string): string =>\n  kind.length === 0 ? kind : kind[0].toUpperCase() + kind.slice(1);\n\n/**\n * Pre-baked selection properties panel. Shows the selected nodes' kind\n * and the properties-trait schema for that kind; multi-selections show\n * the intersection of the kinds' schemas with per-field Mixed state.\n * Edits commit as one labeled `scene.batch` fan-out per gesture.\n */\nexport function SelectionPanel<TData, TLayer extends string, TPose>(\n  props: SelectionPanelProps<TData, TLayer, TPose>,\n) {\n  const {\n    scene,\n    selection,\n    properties,\n    routing,\n    renderers,\n    kindLabel = defaultKindLabel,\n    emptyState = null,\n    className,\n  } = props;\n\n  useSyncExternalStore(scene.subscribe, scene.getVersion, scene.getVersion);\n\n  const nodes = selection.current\n    .map((id) => scene.get(asNodeId(id)))\n    .filter((n): n is NonNullable<typeof n> => n != null) as readonly AnyNode[];\n\n  const kinds = nodes.map((n) => classifyKind(n, routing));\n  const selectionKey = nodes.map((n) => n.id).join(',');\n  const sections = effectiveSections(kinds, properties);\n\n  if (nodes.length === 0) {\n    return <div className={[s.root, className].filter(Boolean).join(' ')}>{emptyState}</div>;\n  }\n\n  /** Writes, into every selected node, what `next` derives from the value\n   *  that node holds at the leaf's path. */\n  const commit = (leaf: PanelLeaf, next: (prev: unknown) => unknown): void => {\n    const [head, ...rest] = leaf.path.split('.');\n    if (rest.length === 0) return;\n    const ids = selection.current.map(asNodeId);\n    scene.batch(`Edit ${leaf.leaf.name}`, () => {\n      for (const id of ids) {\n        const node = scene.get(id);\n        if (!node) continue;\n        const value = next(nodeValueAt(node as AnyNode, leaf.path));\n        // `setAtPath` spreads plain objects/arrays down the schema path;\n        // consumer `pose`/`data` are assumed plain-object-shaped along\n        // that path (a class instance's prototype would be dropped by\n        // the spread) — the `as TPose`/`as TData` casts below rely on it.\n        if (head === 'pose') {\n          scene.setPose(id, setAtPath(node.pose as object, rest, value) as TPose);\n        } else if (head === 'data') {\n          scene.update(id, { data: setAtPath(node.data as object, rest, value) as TData });\n        }\n      }\n    });\n  };\n\n  return (\n    <div className={[s.root, className].filter(Boolean).join(' ')}>\n      <header className={s.header}>\n        {nodes.length === 1 ? (\n          <span className={s.kind}>{kindLabel(kinds[0])}</span>\n        ) : (\n          <>\n            <span className={s.kind}>{nodes.length} selected</span>\n            <span className={s.breakdown}>{kindBreakdown(kinds)}</span>\n          </>\n        )}\n      </header>\n      {sections.map((section) => {\n        // Render controls before emitting row chrome so a null-rendering\n        // leaf (custom renderer opting out) collapses its cell — and the\n        // whole row / section when nothing survives. PrefsForm precedent.\n        const rows = section.rows\n          .map((row) => {\n            const controls = renderCells(\n              row.leaves.map((panelLeaf) =>\n                leafCell(\n                  panelLeaf,\n                  row.leaves.length > 1\n                    ? `${row.label} ${panelLeaf.leaf.name}`\n                    : panelLeaf.leaf.name,\n                  nodes,\n                  renderers,\n                  commit,\n                  selectionKey,\n                ),\n              ),\n              renderers,\n            );\n            return { row, controls };\n          })\n          .filter(({ controls }) => controls.length > 0);\n        if (rows.length === 0) return null;\n        return (\n          <section key={section.key} className={s.section}>\n            {section.name !== '' && <h3 className={s.sectionTitle}>{section.name}</h3>}\n            {rows.map(({ row, controls }) => (\n              // A `block` leaf brings its own chrome — it spans the section\n              // instead of sitting in a labeled row's control cell. Under a\n              // headless section nothing else names it, so it heads itself;\n              // an object leaf already renders its own heading.\n              row.leaves.length === 1 && row.leaves[0].leaf.block ? (\n                <div key={row.leaves[0].path}>\n                  {section.name === '' && row.leaves[0].leaf.kind !== 'object' && (\n                    <h4 className={s.sectionTitle} title={row.leaves[0].leaf.description}>\n                      {row.leaves[0].leaf.name}\n                    </h4>\n                  )}\n                  {controls[0].content}\n                </div>\n              ) : (\n              <div key={row.leaves[0].path} className={s.row}>\n                <span className={s.rowLabel} title={row.leaves[0].leaf.description}>\n                  {row.label}\n                </span>\n                <span className={s.rowControls}>\n                  {controls.map(({ key, content }) => (\n                    <Fragment key={key}>{content}</Fragment>\n                  ))}\n                </span>\n              </div>\n              )\n            ))}\n          </section>\n        );\n      })}\n    </div>\n  );\n}\n\n\nfunction leafCell(\n  panelLeaf: PanelLeaf,\n  ariaLabel: string,\n  nodes: readonly AnyNode[],\n  renderers: Record<string, PropertyRenderer> | undefined,\n  commit: (leaf: PanelLeaf, next: (prev: unknown) => unknown) => void,\n  selectionKey: string,\n): LeafCell {\n  const { path, leaf } = panelLeaf;\n  const aggregated = aggregateValue(nodes, path);\n  const mixed = aggregated === MIXED;\n  const value = mixed ? undefined : aggregated;\n\n  const ctx: PropertyRenderContext = {\n    path,\n    pref: leaf,\n    value,\n    mixed,\n    unset: !mixed && aggregated === undefined,\n    each: nodes.map((n) => nodeValueAt(n, path)),\n    setValue: (v) => commit(panelLeaf, () => v),\n    update: (fn) => commit(panelLeaf, fn),\n    valueAt: (p) => {\n      const at = aggregateValue(nodes, p);\n      return at === MIXED ? { value: undefined, mixed: true } : { value: at, mixed: false };\n    },\n    selectionKey,\n  };\n\n  return {\n    key: path,\n    leaf,\n    ctx,\n    ariaLabel,\n    render: () => {\n      const custom = renderers?.[path] ?? renderers?.[leaf.kind];\n      if (custom) return custom(ctx);\n      return renderBuiltin(ctx, ariaLabel, renderers, selectionKey);\n    },\n  };\n}\n\n"],"mappings":"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"}
+{"version":3,"file":"SelectionPanel-B6HinSdB.js","names":["s","_Fragment","Fragment","renderCells","SelectionPanel_module_default","effectiveSections","setAtPath","aggregateValue","kindBreakdown","classifyKind","MIXED","renderBuiltin","Fragment$1","defaultKindLabel","kind","SelectionPanel","props","scene","nodes","selection","asNodeId","id","n","kinds","routing","selectionKey","sections","properties","className","emptyState","commit","head","rest","leaf","ids","node","value","next","nodeValueAt","kindLabel","Fragment","rows","section","row","leafCell","panelLeaf","renderers","controls","content","key","aggregated","path","mixed","ctx","v","fn","at","p","custom","ariaLabel"],"sources":["../../src/components/SelectionPanel/SelectionPanel.tsx"],"sourcesContent":["import { Fragment, useSyncExternalStore, type ReactNode } from 'react';\nimport {\n  asNodeId,\n  type NodePropertiesEntry,\n  type NodeRoutingEntry,\n  type Scene,\n  type SelectionApi,\n} from '@weasel-js/core';\nimport {\n  renderBuiltin,\n  renderCells,\n  type LeafCell,\n  type PropertyRenderContext,\n  type PropertyRenderer,\n} from './renderLeaf';\nimport {\n  MIXED,\n  aggregateValue,\n  classifyKind,\n  effectiveSections,\n  kindBreakdown,\n  nodeValueAt,\n  setAtPath,\n  type AnyNode,\n  type PanelLeaf,\n} from './model';\nimport s from './SelectionPanel.module.css';\n\nexport type { PropertyRenderContext, PropertyRenderer } from './renderLeaf';\n\n/** Props for {@link SelectionPanel}. */\nexport interface SelectionPanelProps<TData, TLayer extends string, TPose> {\n  /** The scene handle (`useScene`). The panel subscribes itself, so it\n   *  re-renders on scene mutations regardless of parent renders. */\n  scene: Scene<TData, TLayer, TPose>;\n  /** Selection handle (`useSelection`). Only `current` is read. */\n  selection: Pick<SelectionApi, 'current'>;\n  /** Properties-trait entries, e.g. core's `defaultNodeProperties` /\n   *  `inferredNodeProperties` (+ consumer extras). Memoize or hoist. */\n  properties: readonly NodePropertiesEntry[];\n  /** Routing-trait classifiers used to derive each node's kind — pass\n   *  the same list the canvas uses. Memoize or hoist. */\n  routing: readonly NodeRoutingEntry[];\n  /** Control overrides / app-defined kinds (PrefsForm-style). Keys are\n   *  leaf paths (`data.fill`, checked first) or leaf kinds (`color`).\n   *  A renderer returning `null` collapses its leaf (and the row, when\n   *  every leaf in it collapses). */\n  renderers?: Record<string, PropertyRenderer>;\n  /** Kind → header label. Default: capitalized kind name. */\n  kindLabel?: (kind: string) => string;\n  /** Rendered when the selection is empty. */\n  emptyState?: ReactNode;\n  className?: string;\n}\n\nconst defaultKindLabel = (kind: string): string =>\n  kind.length === 0 ? kind : kind[0].toUpperCase() + kind.slice(1);\n\n/**\n * Pre-baked selection properties panel. Shows the selected nodes' kind\n * and the properties-trait schema for that kind; multi-selections show\n * the intersection of the kinds' schemas with per-field Mixed state.\n * Edits commit as one labeled `scene.batch` fan-out per gesture.\n */\nexport function SelectionPanel<TData, TLayer extends string, TPose>(\n  props: SelectionPanelProps<TData, TLayer, TPose>,\n) {\n  const {\n    scene,\n    selection,\n    properties,\n    routing,\n    renderers,\n    kindLabel = defaultKindLabel,\n    emptyState = null,\n    className,\n  } = props;\n\n  useSyncExternalStore(scene.subscribe, scene.getVersion, scene.getVersion);\n\n  const nodes = selection.current\n    .map((id) => scene.get(asNodeId(id)))\n    .filter((n): n is NonNullable<typeof n> => n != null) as readonly AnyNode[];\n\n  const kinds = nodes.map((n) => classifyKind(n, routing));\n  const selectionKey = nodes.map((n) => n.id).join(',');\n  const sections = effectiveSections(kinds, properties);\n\n  if (nodes.length === 0) {\n    return <div className={[s.root, className].filter(Boolean).join(' ')}>{emptyState}</div>;\n  }\n\n  /** Writes, into every selected node, what `next` derives from the value\n   *  that node holds at the leaf's path. */\n  const commit = (leaf: PanelLeaf, next: (prev: unknown) => unknown): void => {\n    const [head, ...rest] = leaf.path.split('.');\n    if (rest.length === 0) return;\n    const ids = selection.current.map(asNodeId);\n    scene.batch(`Edit ${leaf.leaf.name}`, () => {\n      for (const id of ids) {\n        const node = scene.get(id);\n        if (!node) continue;\n        const value = next(nodeValueAt(node as AnyNode, leaf.path));\n        // `setAtPath` spreads plain objects/arrays down the schema path;\n        // consumer `pose`/`data` are assumed plain-object-shaped along\n        // that path (a class instance's prototype would be dropped by\n        // the spread) — the `as TPose`/`as TData` casts below rely on it.\n        if (head === 'pose') {\n          scene.setPose(id, setAtPath(node.pose as object, rest, value) as TPose);\n        } else if (head === 'data') {\n          scene.update(id, { data: setAtPath(node.data as object, rest, value) as TData });\n        }\n      }\n    });\n  };\n\n  return (\n    <div className={[s.root, className].filter(Boolean).join(' ')}>\n      <header className={s.header}>\n        {nodes.length === 1 ? (\n          <span className={s.kind}>{kindLabel(kinds[0])}</span>\n        ) : (\n          <>\n            <span className={s.kind}>{nodes.length} selected</span>\n            <span className={s.breakdown}>{kindBreakdown(kinds)}</span>\n          </>\n        )}\n      </header>\n      {sections.map((section) => {\n        // Render controls before emitting row chrome so a null-rendering\n        // leaf (custom renderer opting out) collapses its cell — and the\n        // whole row / section when nothing survives. PrefsForm precedent.\n        const rows = section.rows\n          .map((row) => {\n            const controls = renderCells(\n              row.leaves.map((panelLeaf) =>\n                leafCell(\n                  panelLeaf,\n                  row.leaves.length > 1\n                    ? `${row.label} ${panelLeaf.leaf.name}`\n                    : panelLeaf.leaf.name,\n                  nodes,\n                  renderers,\n                  commit,\n                  selectionKey,\n                ),\n              ),\n              renderers,\n            );\n            return { row, controls };\n          })\n          .filter(({ controls }) => controls.length > 0);\n        if (rows.length === 0) return null;\n        return (\n          <section key={section.key} className={s.section}>\n            {section.name !== '' && <h3 className={s.sectionTitle}>{section.name}</h3>}\n            {rows.map(({ row, controls }) => (\n              // A `block` leaf brings its own chrome — it spans the section\n              // instead of sitting in a labeled row's control cell. Under a\n              // headless section nothing else names it, so it heads itself;\n              // an object leaf already renders its own heading.\n              row.leaves.length === 1 && row.leaves[0].leaf.block ? (\n                <div key={row.leaves[0].path}>\n                  {section.name === '' && row.leaves[0].leaf.kind !== 'object' && (\n                    <h4 className={s.sectionTitle} title={row.leaves[0].leaf.description}>\n                      {row.leaves[0].leaf.name}\n                    </h4>\n                  )}\n                  {controls[0].content}\n                </div>\n              ) : (\n              <div key={row.leaves[0].path} className={s.row}>\n                <span className={s.rowLabel} title={row.leaves[0].leaf.description}>\n                  {row.label}\n                </span>\n                <span className={s.rowControls}>\n                  {controls.map(({ key, content }) => (\n                    <Fragment key={key}>{content}</Fragment>\n                  ))}\n                </span>\n              </div>\n              )\n            ))}\n          </section>\n        );\n      })}\n    </div>\n  );\n}\n\n\nfunction leafCell(\n  panelLeaf: PanelLeaf,\n  ariaLabel: string,\n  nodes: readonly AnyNode[],\n  renderers: Record<string, PropertyRenderer> | undefined,\n  commit: (leaf: PanelLeaf, next: (prev: unknown) => unknown) => void,\n  selectionKey: string,\n): LeafCell {\n  const { path, leaf } = panelLeaf;\n  const aggregated = aggregateValue(nodes, path);\n  const mixed = aggregated === MIXED;\n  const value = mixed ? undefined : aggregated;\n\n  const ctx: PropertyRenderContext = {\n    path,\n    pref: leaf,\n    value,\n    mixed,\n    unset: !mixed && aggregated === undefined,\n    each: nodes.map((n) => nodeValueAt(n, path)),\n    setValue: (v) => commit(panelLeaf, () => v),\n    update: (fn) => commit(panelLeaf, fn),\n    valueAt: (p) => {\n      const at = aggregateValue(nodes, p);\n      return at === MIXED ? { value: undefined, mixed: true } : { value: at, mixed: false };\n    },\n    selectionKey,\n  };\n\n  return {\n    key: path,\n    leaf,\n    ctx,\n    ariaLabel,\n    render: () => {\n      const custom = renderers?.[path] ?? renderers?.[leaf.kind];\n      if (custom) return custom(ctx);\n      return renderBuiltin(ctx, ariaLabel, renderers, selectionKey);\n    },\n  };\n}\n\n"],"mappings":"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"}

package/dist/chunks/{SidebarPanel-AXQ0jRDx.js → SidebarPanel-P3a8tIIj.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./CloseButton-BmNmRVtb.js";
-import { n as t } from "./Disclosure-Ch2KxYuB.js";
+import { t as e } from "./CloseButton-CKarkTT9.js";
+import { n as t } from "./Disclosure-CpWt87nO.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 var i = {
 	panel: "_panel_1sr1g_1",
@@ -50,4 +50,4 @@ function a(a) {
 //#endregion
 export { a as t };
 
-//# sourceMappingURL=SidebarPanel-AXQ0jRDx.js.map
+//# sourceMappingURL=SidebarPanel-P3a8tIIj.js.map

package/dist/chunks/{SidebarPanel-AXQ0jRDx.js.map → SidebarPanel-P3a8tIIj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SidebarPanel-AXQ0jRDx.js","names":["s","CloseButton","DisclosureMark","SidebarPanel_module_default","SidebarPanel","props","cls","collapsed","className","headerInteractive","onToggleCollapse","title","onHide"],"sources":["../../src/components/SidebarPanel/SidebarPanel.module.css","../../src/components/SidebarPanel/SidebarPanel.tsx"],"sourcesContent":[".panel {\n  /* Vertical only: the body spans the panel's full width, and the title row's\n     own controls carry the horizontal inset. */\n  padding: var(--wzl-space-4) 0;\n  background: var(--wzl-surface);\n  color: var(--wzl-fg);\n}\n\n.title {\n  font-size: var(--wzl-font-size-sm);\n  font-weight: var(--wzl-font-weight-bold);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--wzl-fg-muted);\n}\n\n.titleRow {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: var(--wzl-space-2);\n  padding: 0;\n}\n\n/* The title's inset, shared by the static title and the collapse button so the\n   two line up. */\n.titleBox {\n  padding: var(--wzl-space-2) var(--wzl-space-4);\n}\n\n.titleButton {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wzl-space-2);\n  flex: 1 1 auto;\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n}\n.titleButton:hover {\n  color: var(--wzl-fg);\n}\n\n.hideButton {\n  margin-inline-end: var(--wzl-space-2);\n}\n\n.panel.collapsed {\n  padding-bottom: var(--wzl-space-2);\n}\n\n.body {\n  padding: 0;\n}\n","import type { ReactNode } from 'react';\nimport { CloseButton } from '../CloseButton';\nimport { DisclosureMark } from '../Disclosure';\nimport s from './SidebarPanel.module.css';\n\n/** Props for {@link SidebarPanel}. */\nexport interface SidebarPanelProps {\n  /** Title rendered in the panel's header row. */\n  title?: ReactNode;\n  /**\n   * Collapsed state — when true, only the header paints; the body is\n   * omitted. Caller owns the state (typically via prefs) and flips it\n   * back via `onToggleCollapse`.\n   */\n  collapsed?: boolean;\n  /**\n   * Click handler for the title row. When provided, the header renders\n   * as a button (fold mark + label) and acts as the collapse toggle.\n   * When omitted, the title is static text and the panel can't collapse.\n   */\n  onToggleCollapse?(): void;\n  /**\n   * Optional close handler — when provided, the header gains a close\n   * button on the trailing edge. Caller flips its \"hidden\" state and\n   * conditionally unmounts the panel from the parent.\n   */\n  onHide?(): void;\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * Generic collapsible panel section for sidebars. Pure presentation —\n * caller manages `collapsed`/`hidden` state externally (the pattern is\n * to drive it from app prefs so the Preferences modal and inline\n * fold marks toggle the same map).\n *\n * Pair with `<Sidebar>` for the docked column layout.\n */\nexport function SidebarPanel(props: SidebarPanelProps) {\n  const { title, collapsed, onToggleCollapse, onHide, children, className } = props;\n  const cls = [s.panel, collapsed && s.collapsed, className].filter(Boolean).join(' ');\n  const headerInteractive = onToggleCollapse !== undefined;\n  return (\n    <div className={cls}>\n      {title !== undefined && (\n        <div className={s.titleRow}>\n          {headerInteractive ? (\n            <button\n              type=\"button\"\n              className={`${s.titleButton} ${s.titleBox}`}\n              onClick={onToggleCollapse}\n              aria-expanded={!collapsed}\n            >\n              <DisclosureMark open={!collapsed} />\n              <span className={s.title}>{title}</span>\n            </button>\n          ) : (\n            <span className={`${s.title} ${s.titleBox}`}>{title}</span>\n          )}\n          {onHide !== undefined && (\n            <CloseButton\n              className={s.hideButton}\n              ariaLabel=\"Hide panel\"\n              tooltip=\"Hide panel\"\n              onClick={onHide}\n            />\n          )}\n        </div>\n      )}\n      {!collapsed && <div className={s.body}>{children}</div>}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;ACuCA,SAAgBI,EAAa,GAA0B;CACrD,IAAM,EAAE,UAAO,cAAW,qBAAkB,WAAQ,aAAU,iBAAcC,GACtEC,IAAM;EAACN,EAAE;EAAOO,KAAaP,EAAE;EAAWQ;CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,GAC7EC,IAAoBC,MAAqB,KAAA;CAC/C,OACE,kBAAC,OAAD;EAAK,WAAWJ;EAAhB,UAAA,CACGK,MAAU,KAAA,KACT,kBAAC,OAAD;GAAK,WAAWX,EAAE;GAAlB,UAAA,CACGS,IACC,kBAAC,UAAD;IACE,MAAK;IACL,WAAW,GAAGT,EAAE,YAAY,GAAGA,EAAE;IACjC,SAASU;IACT,iBAAe,CAACH;IAJlB,UAAA,CAME,kBAACL,GAAD,EAAgB,MAAM,CAACK,EAAY,CAAA,GACnC,kBAAC,QAAD;KAAM,WAAWP,EAAE;KAAQ,UAAAW;IAAY,CAAA,CACjC;GAER,CAAA,IAAA,kBAAC,QAAD;IAAM,WAAW,GAAGX,EAAE,MAAM,GAAGA,EAAE;IAAa,UAAAW;GAAY,CAAA,GAE3DC,MAAW,KAAA,KACV,kBAACX,GAAD;IACE,WAAWD,EAAE;IACb,WAAU;IACV,SAAQ;IACR,SAASY;GACV,CAAA,CAEA;EAEN,CAAA,GAAA,CAACL,KAAa,kBAAC,OAAD;GAAK,WAAWP,EAAE;GAAO;EAAc,CAAA,CACnD;;AAET"}
+{"version":3,"file":"SidebarPanel-P3a8tIIj.js","names":["s","CloseButton","DisclosureMark","SidebarPanel_module_default","SidebarPanel","props","cls","collapsed","className","headerInteractive","onToggleCollapse","title","onHide"],"sources":["../../src/components/SidebarPanel/SidebarPanel.module.css","../../src/components/SidebarPanel/SidebarPanel.tsx"],"sourcesContent":[".panel {\n  /* Vertical only: the body spans the panel's full width, and the title row's\n     own controls carry the horizontal inset. */\n  padding: var(--wzl-space-4) 0;\n  background: var(--wzl-surface);\n  color: var(--wzl-fg);\n}\n\n.title {\n  font-size: var(--wzl-font-size-sm);\n  font-weight: var(--wzl-font-weight-bold);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--wzl-fg-muted);\n}\n\n.titleRow {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: var(--wzl-space-2);\n  padding: 0;\n}\n\n/* The title's inset, shared by the static title and the collapse button so the\n   two line up. */\n.titleBox {\n  padding: var(--wzl-space-2) var(--wzl-space-4);\n}\n\n.titleButton {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wzl-space-2);\n  flex: 1 1 auto;\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n}\n.titleButton:hover {\n  color: var(--wzl-fg);\n}\n\n.hideButton {\n  margin-inline-end: var(--wzl-space-2);\n}\n\n.panel.collapsed {\n  padding-bottom: var(--wzl-space-2);\n}\n\n.body {\n  padding: 0;\n}\n","import type { ReactNode } from 'react';\nimport { CloseButton } from '../CloseButton';\nimport { DisclosureMark } from '../Disclosure';\nimport s from './SidebarPanel.module.css';\n\n/** Props for {@link SidebarPanel}. */\nexport interface SidebarPanelProps {\n  /** Title rendered in the panel's header row. */\n  title?: ReactNode;\n  /**\n   * Collapsed state — when true, only the header paints; the body is\n   * omitted. Caller owns the state (typically via prefs) and flips it\n   * back via `onToggleCollapse`.\n   */\n  collapsed?: boolean;\n  /**\n   * Click handler for the title row. When provided, the header renders\n   * as a button (fold mark + label) and acts as the collapse toggle.\n   * When omitted, the title is static text and the panel can't collapse.\n   */\n  onToggleCollapse?(): void;\n  /**\n   * Optional close handler — when provided, the header gains a close\n   * button on the trailing edge. Caller flips its \"hidden\" state and\n   * conditionally unmounts the panel from the parent.\n   */\n  onHide?(): void;\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * Generic collapsible panel section for sidebars. Pure presentation —\n * caller manages `collapsed`/`hidden` state externally (the pattern is\n * to drive it from app prefs so the Preferences modal and inline\n * fold marks toggle the same map).\n *\n * Pair with `<Sidebar>` for the docked column layout.\n */\nexport function SidebarPanel(props: SidebarPanelProps) {\n  const { title, collapsed, onToggleCollapse, onHide, children, className } = props;\n  const cls = [s.panel, collapsed && s.collapsed, className].filter(Boolean).join(' ');\n  const headerInteractive = onToggleCollapse !== undefined;\n  return (\n    <div className={cls}>\n      {title !== undefined && (\n        <div className={s.titleRow}>\n          {headerInteractive ? (\n            <button\n              type=\"button\"\n              className={`${s.titleButton} ${s.titleBox}`}\n              onClick={onToggleCollapse}\n              aria-expanded={!collapsed}\n            >\n              <DisclosureMark open={!collapsed} />\n              <span className={s.title}>{title}</span>\n            </button>\n          ) : (\n            <span className={`${s.title} ${s.titleBox}`}>{title}</span>\n          )}\n          {onHide !== undefined && (\n            <CloseButton\n              className={s.hideButton}\n              ariaLabel=\"Hide panel\"\n              tooltip=\"Hide panel\"\n              onClick={onHide}\n            />\n          )}\n        </div>\n      )}\n      {!collapsed && <div className={s.body}>{children}</div>}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;ACuCA,SAAgBI,EAAa,GAA0B;CACrD,IAAM,EAAE,UAAO,cAAW,qBAAkB,WAAQ,aAAU,iBAAcC,GACtEC,IAAM;EAACN,EAAE;EAAOO,KAAaP,EAAE;EAAWQ;CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,GAC7EC,IAAoBC,MAAqB,KAAA;CAC/C,OACE,kBAAC,OAAD;EAAK,WAAWJ;EAAhB,UAAA,CACGK,MAAU,KAAA,KACT,kBAAC,OAAD;GAAK,WAAWX,EAAE;GAAlB,UAAA,CACGS,IACC,kBAAC,UAAD;IACE,MAAK;IACL,WAAW,GAAGT,EAAE,YAAY,GAAGA,EAAE;IACjC,SAASU;IACT,iBAAe,CAACH;IAJlB,UAAA,CAME,kBAACL,GAAD,EAAgB,MAAM,CAACK,EAAY,CAAA,GACnC,kBAAC,QAAD;KAAM,WAAWP,EAAE;KAAQ,UAAAW;IAAY,CAAA,CACjC;GAER,CAAA,IAAA,kBAAC,QAAD;IAAM,WAAW,GAAGX,EAAE,MAAM,GAAGA,EAAE;IAAa,UAAAW;GAAY,CAAA,GAE3DC,MAAW,KAAA,KACV,kBAACX,GAAD;IACE,WAAWD,EAAE;IACb,WAAU;IACV,SAAQ;IACR,SAASY;GACV,CAAA,CAEA;EAEN,CAAA,GAAA,CAACL,KAAa,kBAAC,OAAD;GAAK,WAAWP,EAAE;GAAO;EAAc,CAAA,CACnD;;AAET"}

package/dist/chunks/Slider-CHBQ8uUC.js

@@ -0,0 +1,439 @@
+import { openPointerSession as e } from "@weasel-js/core";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useCallback as r, useEffect as i, useMemo as a, useRef as o } from "react";
+import { decimal as s, qty as c } from "@weasel-js/quantity";
+var l = {
+	root: "_root_17uzd_1",
+	row: "_row_17uzd_12",
+	track: "_track_17uzd_18",
+	thumb: "_thumb_17uzd_35 _numeric_zns9n_4",
+	slim: "_slim_17uzd_46",
+	notched: "_notched_17uzd_47",
+	overhang: "_overhang_17uzd_51",
+	rail: "_rail_17uzd_55",
+	trackInner: "_trackInner_17uzd_29",
+	thumbActive: "_thumbActive_17uzd_121",
+	readoutsBelow: "_readoutsBelow_17uzd_129",
+	readoutBelow: "_readoutBelow_17uzd_136 _numeric_zns9n_4",
+	readoutInline: "_readoutInline_17uzd_147 _numeric_zns9n_4",
+	ticks: "_ticks_17uzd_177",
+	tick: "_tick_17uzd_177",
+	withStopLabels: "_withStopLabels_17uzd_198",
+	stopLabels: "_stopLabels_17uzd_202",
+	stopLabel: "_stopLabel_17uzd_202 _numeric_zns9n_4"
+};
+//#endregion
+//#region src/endless.ts
+function u(e, t) {
+	return e === "both" || e === (t > 0 ? "max" : "min");
+}
+function d(e, t) {
+	return t === Infinity && u(e, 1) || t === -Infinity && u(e, -1);
+}
+//#endregion
+//#region src/components/Slider/Slider.tsx
+function f(e, t, n) {
+	return t === void 0 || t <= 0 ? e : Math.round((e - n) / t) * t + n;
+}
+function p(e, t, n) {
+	return Math.max(t, Math.min(n, e));
+}
+var m = 8, h = { capture: !1 };
+function g(e, t, n) {
+	if (!e || e.length === 0) return [];
+	let r = /* @__PURE__ */ new Map();
+	for (let i of e) {
+		let e = typeof i == "number" ? { value: i } : i;
+		if (e.value < t || e.value > n) continue;
+		let a = r.get(e.value);
+		(!a || a.label === void 0 && e.label !== void 0) && r.set(e.value, e);
+	}
+	return [...r.values()].sort((e, t) => e.value - t.value);
+}
+function _(e, t, n, r) {
+	let i = r(e), a = e, o = n;
+	for (let e of t) {
+		let t = Math.abs(r(e) - i);
+		t <= o && (a = e, o = t);
+	}
+	return a;
+}
+function v(e, t, n, r) {
+	if (n > 0) {
+		let n = e.findIndex((e) => e > t);
+		return n === -1 ? e[e.length - 1] : e[Math.min(e.length - 1, n + r - 1)];
+	}
+	let i = -1;
+	for (let n = e.length - 1; n >= 0; n--) if (e[n] < t) {
+		i = n;
+		break;
+	}
+	return i === -1 ? e[0] : e[Math.max(0, i - (r - 1))];
+}
+function y(e, t, n) {
+	return e !== void 0 && e > 0 ? e : (n - t) / 100;
+}
+function b(e, t, n, r, i, a) {
+	let o = a !== void 0 && a > 0 ? a : (i - r) / 1e3;
+	return p(e, n > 0 ? t[n - 1].value + o : r, n < t.length - 1 ? t[n + 1].value - o : i);
+}
+function x(e, t, n, r) {
+	if (!e.bounds) return [n, r];
+	let i = typeof e.bounds == "function" ? e.bounds(t) : e.bounds;
+	return [i[0], i[1]];
+}
+function ee(e) {
+	return `calc(var(--rp-thumb-inset) + ${e} * (100% - 2 * var(--rp-thumb-inset)))`;
+}
+var S = s({ places: 3 });
+function C(e) {
+	let t = a(() => g(e.stops, e.min, e.max), [
+		e.stops,
+		e.min,
+		e.max
+	]), n = a(() => t.map((e) => e.value), [t]), r = e.spacing === "even" && n.length >= 2;
+	return {
+		stopList: t,
+		stops: n,
+		even: r,
+		min: r ? n[0] : e.min,
+		max: r ? n[n.length - 1] : e.max
+	};
+}
+function w(e) {
+	let { endless: n, display: r, renderReadout: i, onInput: o, onChange: s } = e, { min: l, max: d } = C(e), f = a(() => e.thumbs.map((e) => e.value === Infinity ? {
+		...e,
+		value: d
+	} : e.value === -Infinity ? {
+		...e,
+		value: l
+	} : e), [
+		e.thumbs,
+		l,
+		d
+	]);
+	if (n === void 0) return /* @__PURE__ */ t(T, { ...e });
+	let p = (e) => u(n, 1) && e >= d ? Infinity : u(n, -1) && e <= l ? -Infinity : e, m = (e) => e.map((e) => ({
+		...e,
+		value: p(e.value)
+	}));
+	return /* @__PURE__ */ t(T, {
+		...e,
+		thumbs: f,
+		onInput: (e) => o(m(e)),
+		onChange: s && ((e) => s(m(e))),
+		renderReadout: (e, t) => {
+			let n = {
+				...e,
+				value: p(e.value)
+			};
+			return i ? i(n, t) : c(n.value, r ?? S).text;
+		},
+		spokenAt: (e) => Number.isFinite(p(e)) ? void 0 : c(p(e), r ?? S).spoken
+	});
+}
+function T(a) {
+	let { thumbs: s, onInput: u, onChange: d, step: g, constraint: w, trackHeight: T, density: te, ariaLabel: ne, className: E } = a, { stopList: D, stops: O, even: k, min: A, max: j } = C(a), M = a.snap === "strict" && O.length > 0, N = o(null), P = o(null), F = o(null), I = o(null);
+	i(() => () => {
+		I.current?.cancel();
+	}, []);
+	let L = r((e) => {
+		if (j === A) return 0;
+		if (!k) return p((e - A) / (j - A), 0, 1);
+		let t = O.length - 1, n = p(e, A, j), r = 0;
+		for (; r < t - 1 && n > O[r + 1];) r++;
+		return (r + (n - O[r]) / (O[r + 1] - O[r])) / t;
+	}, [
+		A,
+		j,
+		k,
+		O
+	]), R = r((e) => {
+		let t = p(e, 0, 1);
+		if (!k) return A + t * (j - A);
+		let n = O.length - 1, r = Math.min(n - 1, Math.floor(t * n));
+		return O[r] + (t * n - r) * (O[r + 1] - O[r]);
+	}, [
+		A,
+		j,
+		k,
+		O
+	]), z = r((e, t) => {
+		let n = R(e);
+		if (M) return _(n, O, Infinity, L);
+		let r = p(f(n, g, A), A, j);
+		return O.length > 0 ? _(r, O, m / t, L) : r;
+	}, [
+		R,
+		L,
+		M,
+		O,
+		g,
+		A,
+		j
+	]), B = r((t, n, r, i) => {
+		I.current?.cancel();
+		let o = (i ?? s).map((e) => ({ ...e }));
+		F.current = o;
+		let c = !1;
+		I.current = e(t, n, {
+			onMove: (e) => {
+				let t = P.current, n = F.current;
+				if (!t || !n) return;
+				let i = t.getBoundingClientRect(), o = z((e.clientX - i.left) / i.width, i.width), [s, l] = x(n[r], {
+					thumbs: n,
+					index: r
+				}, A, j);
+				o = p(o, s, l), w === "ordered" && (o = b(o, n, r, A, j, g));
+				let d = i.height;
+				a.onRemoveThumb && (c = e.clientY < i.top - d || e.clientY > i.bottom + d), n[r] = {
+					...n[r],
+					value: o
+				}, u(n.map((e) => ({ ...e })));
+			},
+			onEnd: () => {
+				I.current = null;
+				let e = F.current;
+				if (F.current = null, e) {
+					if (c && a.onRemoveThumb && a.onRemoveThumb(r)) {
+						let t = e.filter((e, t) => t !== r).map((e) => ({ ...e }));
+						u(t), d?.(t);
+						return;
+					}
+					d?.(e.map((e) => ({ ...e })));
+				}
+			},
+			onCancel: () => {
+				I.current = null, F.current = null;
+			}
+		}, h);
+	}, [
+		s,
+		u,
+		d,
+		z,
+		A,
+		j,
+		g,
+		w,
+		a
+	]), V = r((t, n, r) => {
+		I.current?.cancel();
+		let i = s.map((e) => ({ ...e })), a = i.map((e) => e.value);
+		F.current = i, I.current = e(t, n, {
+			onMove: (e) => {
+				let t = P.current, n = F.current;
+				if (!t || !n) return;
+				let i = t.getBoundingClientRect(), o = (e.clientX - r) / i.width;
+				if (k) {
+					let e = a.map(L), t = p(o, -Math.min(...e), 1 - Math.max(...e));
+					for (let r = 0; r < n.length; r++) n[r] = {
+						...n[r],
+						value: R(e[r] + t)
+					};
+					u(n.map((e) => ({ ...e })));
+					return;
+				}
+				let s = o * (j - A);
+				s = f(s, g, 0);
+				let c = -Infinity, l = Infinity;
+				for (let e = 0; e < a.length; e++) c = Math.max(c, A - a[e]), l = Math.min(l, j - a[e]);
+				s = p(s, c, l);
+				for (let e = 0; e < n.length; e++) n[e] = {
+					...n[e],
+					value: p(a[e] + s, A, j)
+				};
+				u(n.map((e) => ({ ...e })));
+			},
+			onEnd: () => {
+				I.current = null;
+				let e = F.current;
+				F.current = null, e && d?.(e.map((e) => ({ ...e })));
+			},
+			onCancel: () => {
+				I.current = null, F.current = null;
+			}
+		}, h);
+	}, [
+		s,
+		u,
+		d,
+		A,
+		j,
+		g,
+		k,
+		L,
+		R
+	]), H = (e) => (t) => {
+		if (typeof t.button == "number" && t.button > 0) return;
+		t.currentTarget.focus?.(), t.preventDefault(), t.stopPropagation();
+		let n = t.currentTarget;
+		t.shiftKey && a.allowShiftAll ? V(n, t, t.clientX) : B(n, t, e);
+	}, U = (e) => (t) => {
+		if (!a.onRemoveThumb || (t.preventDefault(), !a.onRemoveThumb(e))) return;
+		let n = s.filter((t, n) => n !== e).map((e) => ({ ...e }));
+		u(n), d?.(n);
+	}, W = (e) => {
+		if (typeof e.button == "number" && e.button > 0) return;
+		let t = (a.trackClick ?? (s.length === 1 ? "move-nearest" : "none")) === "move-nearest" && s.length > 0;
+		if (!a.onAddThumb && !t || e.target.closest(`.${l.thumb}`)) return;
+		e.preventDefault();
+		let n = N.current, r = P.current;
+		if (!n || !r) return;
+		let i = r.getBoundingClientRect(), o = z((e.clientX - i.left) / i.width, i.width);
+		if (a.onAddThumb) {
+			let e = a.onAddThumb(o);
+			if (!e) return;
+			let t = [...s.map((e) => ({ ...e })), e];
+			u(t), d?.(t);
+			return;
+		}
+		let c = 0;
+		for (let e = 1; e < s.length; e++) Math.abs(s[e].value - o) < Math.abs(s[c].value - o) && (c = e);
+		let f = s.map((e) => ({ ...e })), [m, h] = x(f[c], {
+			thumbs: f,
+			index: c
+		}, A, j), _ = p(o, m, h);
+		w === "ordered" && (_ = b(_, f, c, A, j, g)), f[c] = {
+			...f[c],
+			value: _
+		}, u(f), n.querySelectorAll(`.${l.thumb}`)[c]?.focus(), B(n, e, c, f);
+	}, re = (e) => (t) => {
+		let n = y(g, A, j), r = 0, i = 0, a = null;
+		switch (t.key) {
+			case "ArrowRight":
+			case "ArrowUp":
+				r = t.shiftKey ? n * 10 : n, i = t.shiftKey ? 10 : 1;
+				break;
+			case "ArrowLeft":
+			case "ArrowDown":
+				r = t.shiftKey ? -n * 10 : -n, i = t.shiftKey ? -10 : -1;
+				break;
+			case "PageUp":
+				r = n * 10, i = 10;
+				break;
+			case "PageDown":
+				r = -n * 10, i = -10;
+				break;
+			case "Home":
+				a = "home";
+				break;
+			case "End":
+				a = "end";
+				break;
+			default: return;
+		}
+		t.preventDefault();
+		let o = s.map((e) => ({ ...e })), [c, l] = x(o[e], {
+			thumbs: o,
+			index: e
+		}, A, j), m = Math.max(A, c), h = Math.min(j, l), _;
+		_ = a === "home" ? m : a === "end" ? h : O.length > 0 ? v(O, o[e].value, i > 0 ? 1 : -1, Math.abs(i)) : f(o[e].value + r, g, A), _ = p(_, m, h), w === "ordered" && (_ = b(_, o, e, m, h, g)), o[e] = {
+			...o[e],
+			value: _
+		}, u(o), d?.(o);
+	}, G = a.readoutPlacement ?? "none", K = a.renderReadout, q = a.display, J = te === "slim", Y = {};
+	J && (Y["--rp-track-height"] = "var(--wzl-slider-track-h)", Y["--rp-thumb-size"] = "var(--wzl-slider-thumb-size)"), T !== void 0 && (Y["--rp-track-height"] = `${T}px`);
+	let X = a.stopLabels ?? "all", Z = D.length - 1, Q = X === "none" ? [] : D.map((e, t) => ({
+		stop: e,
+		i: t
+	})).filter(({ stop: e, i: t }) => e.label !== void 0 && (X === "all" || t === 0 || t === Z)), $ = Q.length > 0 && /* @__PURE__ */ t("div", {
+		className: l.stopLabels,
+		"data-slider-stop-labels": !0,
+		"aria-hidden": "true",
+		children: Q.map(({ stop: e, i: n }) => /* @__PURE__ */ t("span", {
+			className: l.stopLabel,
+			"data-slider-stop-label": !0,
+			"data-selected": s.some((t) => t.value === e.value) ? "true" : void 0,
+			"data-edge": n === 0 ? "start" : n === Z ? "end" : void 0,
+			style: { left: `${L(e.value) * 100}%` },
+			children: e.label
+		}, e.value))
+	}), ie = [
+		l.root,
+		J && l.slim,
+		a.thumbFit === "overhang" && l.overhang,
+		$ && l.withStopLabels,
+		E
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ n("div", {
+		className: ie,
+		style: Object.keys(Y).length > 0 ? Y : void 0,
+		children: [/* @__PURE__ */ n("div", {
+			className: l.row,
+			children: [/* @__PURE__ */ n("div", {
+				className: l.track,
+				ref: N,
+				onPointerDown: W,
+				children: [a.renderTrack && /* @__PURE__ */ t("div", {
+					className: l.trackInner,
+					children: a.renderTrack({
+						trackWidth: N.current?.getBoundingClientRect().width ?? 0,
+						valueToFraction: L,
+						fractionToPosition: ee
+					})
+				}), /* @__PURE__ */ n("div", {
+					className: l.rail,
+					ref: P,
+					"data-slider-rail": !0,
+					children: [
+						(a.showStops ?? !0) && O.length > 0 && /* @__PURE__ */ t("div", {
+							className: l.ticks,
+							"data-slider-ticks": !0,
+							"aria-hidden": "true",
+							children: O.map((e) => {
+								let n = L(e);
+								return /* @__PURE__ */ t("span", {
+									className: l.tick,
+									"data-slider-tick": !0,
+									"data-fraction": String(n),
+									style: { left: `${n * 100}%` }
+								}, e);
+							})
+						}),
+						$,
+						s.map((e, n) => {
+							let r = e.shape === "notched", i = typeof e.shape == "object" && e.shape !== null ? e.shape.render : null, o = `${l.thumb}${r ? ` ${l.notched}` : ""}`;
+							return /* @__PURE__ */ t("div", {
+								role: "slider",
+								tabIndex: 0,
+								"aria-orientation": "horizontal",
+								"aria-valuemin": A,
+								"aria-valuemax": j,
+								"aria-valuenow": e.value,
+								"aria-valuetext": e.valueText ?? a.spokenAt?.(e.value) ?? (q ? c(e.value, q).spoken : void 0),
+								"aria-label": [ne, e.label].filter(Boolean).join(" ") || void 0,
+								className: o,
+								style: { left: `${L(e.value) * 100}%` },
+								onPointerDown: H(n),
+								onKeyDown: re(n),
+								onContextMenu: U(n),
+								children: i ? i({
+									width: 14,
+									height: 24,
+									isActive: !1
+								}) : e.label ?? ""
+							}, n);
+						})
+					]
+				})]
+			}), G === "inline-after" && /* @__PURE__ */ t("span", {
+				"data-readout": "inline",
+				className: l.readoutInline,
+				children: s.map((e, t) => /* @__PURE__ */ n("span", { children: [t > 0 ? " / " : "", K ? K(e, t) : c(e.value, q ?? S).text] }, t))
+			})]
+		}), G === "below-thumb" && /* @__PURE__ */ t("div", {
+			className: l.readoutsBelow,
+			children: s.map((e, n) => /* @__PURE__ */ t("span", {
+				"data-readout": "below",
+				className: l.readoutBelow,
+				style: { left: `${L(e.value) * 100}%` },
+				children: K ? K(e, n) : c(e.value, q ?? S).text
+			}, n))
+		})]
+	});
+}
+//#endregion
+export { d as n, u as r, w as t };
+
+//# sourceMappingURL=Slider-CHBQ8uUC.js.map