@k2b/ui 0.2.0 → 0.4.0

package/dist/ssr/layout/PanelDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","Show","useContext","Tabs","prompts","resolveUiMessages","useUiMessages","PanelDialogSurfaceContext","usePanelDialogSurface","panelDialogBasePanelClass","panelDialogPanelClass","panelDialogOptions","panelClassName","contentClassName","panelDialogWidePanelClass","panelDialogWideOptions","panelDialogFixedPanelClass","panelDialogFixedOptions","panelDialogWorkspacePanelClass","panelDialogWorkspaceOptions","confirmDiscardIfDirty","dirty","hasChanges","Boolean","confirm","discardUnsavedChanges","title","unsavedChangesTitle","variant","confirmText","discard","PanelDialogHeader","props","messages","_$ssr","_tmpl$4","_$ssrAttribute","_$escape","subtitle","_$createComponent","when","icon","children","_tmpl$5","_tmpl$","actions","_tmpl$2","close","_tmpl$3","closeLabel","closeDialog","closeDisabled","PanelDialogBody","_tmpl$6","scrollPreserveKey","PanelDialogFooter","_tmpl$7","PanelDialogSection","_tmpl$8","_tmpl$9","PanelDialogTabs","value","onValueChange","ariaLabel","label","dialogTabs","options","PanelDialog","surface","Provider","_tmpl$0","Header","Body","Footer","Section"],"sources":["layout/PanelDialog.tsx"],"sourcesContent":["import { createContext, type JSX, Show, useContext } from \"solid-js\";\nimport { Tabs } from \"../actions/Tabs\";\nimport type { OpenDialogOptions } from \"../feedback/dialog-core\";\nimport { prompts } from \"../feedback/prompts\";\nimport { resolveUiMessages, useUiMessages } from \"../intl/messages\";\n\nexport type PanelDialogSurface = \"contained\" | \"floating\";\n\nexport type PanelDialogProps = {\n  children: JSX.Element;\n  surface?: PanelDialogSurface;\n};\n\nexport type PanelDialogHeaderProps = {\n  title: JSX.Element;\n  subtitle?: JSX.Element;\n  icon?: string;\n  actions?: JSX.Element;\n  close?: () => void;\n  closeDisabled?: boolean;\n  closeLabel?: string;\n};\n\nexport type PanelDialogBodyProps = {\n  children: JSX.Element;\n  scrollPreserveKey?: string;\n};\n\nexport type PanelDialogFooterProps = {\n  children: JSX.Element;\n};\n\nexport type PanelDialogSectionProps = {\n  title: JSX.Element;\n  subtitle?: JSX.Element;\n  icon?: string;\n  actions?: JSX.Element;\n  children: JSX.Element;\n};\n\nexport type PanelDialogTabOption<T extends string = string> = {\n  value: T;\n  label: JSX.Element;\n  icon?: string;\n  disabled?: boolean;\n};\n\nexport type PanelDialogTabsProps<T extends string = string> = {\n  options: readonly PanelDialogTabOption<T>[];\n  value: T | (() => T);\n  onValueChange: (value: T) => void;\n  ariaLabel?: string;\n  label?: string;\n};\n\ntype PanelDialogComponent = ((props: PanelDialogProps) => JSX.Element) & {\n  Header: (props: PanelDialogHeaderProps) => JSX.Element;\n  Body: (props: PanelDialogBodyProps) => JSX.Element;\n  Footer: (props: PanelDialogFooterProps) => JSX.Element;\n  Section: (props: PanelDialogSectionProps) => JSX.Element;\n  Tabs: <T extends string>(props: PanelDialogTabsProps<T>) => JSX.Element;\n};\n\nconst PanelDialogSurfaceContext = createContext<PanelDialogSurface>(\"contained\");\nconst usePanelDialogSurface = () => useContext(PanelDialogSurfaceContext);\n\nconst panelDialogBasePanelClass = \"k2b-dialog k2b-panel-dialog-frame\";\n\nexport const panelDialogPanelClass = `${panelDialogBasePanelClass} is-standard`;\nexport const panelDialogOptions = {\n  panelClassName: panelDialogPanelClass,\n  contentClassName: \"k2b-panel-dialog-viewport\",\n} satisfies OpenDialogOptions;\n\nexport const panelDialogWidePanelClass = `${panelDialogBasePanelClass} is-wide`;\nexport const panelDialogWideOptions = {\n  panelClassName: panelDialogWidePanelClass,\n  contentClassName: \"k2b-panel-dialog-viewport\",\n} satisfies OpenDialogOptions;\n\nexport const panelDialogFixedPanelClass = `${panelDialogBasePanelClass} is-fixed`;\nexport const panelDialogFixedOptions = {\n  panelClassName: panelDialogFixedPanelClass,\n  contentClassName: \"k2b-panel-dialog-viewport is-fixed\",\n} satisfies OpenDialogOptions;\n\nexport const panelDialogWorkspacePanelClass = `${panelDialogBasePanelClass} is-workspace`;\nexport const panelDialogWorkspaceOptions = {\n  panelClassName: panelDialogWorkspacePanelClass,\n  contentClassName: \"k2b-panel-dialog-viewport is-workspace\",\n} satisfies OpenDialogOptions;\n\nexport const confirmDiscardIfDirty = async (dirty: boolean | (() => boolean)): Promise<boolean> => {\n  const hasChanges = typeof dirty === \"function\" ? dirty() : dirty;\n  if (!hasChanges) return true;\n  return Boolean(\n    await prompts.confirm(resolveUiMessages().discardUnsavedChanges, {\n      title: resolveUiMessages().unsavedChangesTitle,\n      variant: \"danger\",\n      confirmText: resolveUiMessages().discard,\n    }),\n  );\n};\n\nconst PanelDialogHeader = (props: PanelDialogHeaderProps): JSX.Element => {\n  const messages = useUiMessages();\n  return (\n    <header class=\"k2b-panel-dialog__header\" data-surface={usePanelDialogSurface()} data-has-subtitle={Boolean(props.subtitle)}>\n      <Show when={props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n      <div class=\"k2b-panel-dialog__heading\">\n        <h2>{props.title}</h2>\n        <Show when={props.subtitle}>\n          <p>{props.subtitle}</p>\n        </Show>\n      </div>\n      <Show when={props.actions}>\n        <div class=\"k2b-panel-dialog__actions\">{props.actions}</div>\n      </Show>\n      <Show when={props.close}>\n        <button\n          type=\"button\"\n          class=\"k2b-dialog__close\"\n          aria-label={props.closeLabel ?? messages().closeDialog}\n          disabled={props.closeDisabled}\n          onClick={props.close}\n        >\n          <i class=\"ti ti-x\" aria-hidden=\"true\" />\n        </button>\n      </Show>\n    </header>\n  );\n};\n\nconst PanelDialogBody = (props: PanelDialogBodyProps): JSX.Element => (\n  <div class=\"k2b-panel-dialog__body\" data-scroll-preserve={props.scrollPreserveKey} data-surface={usePanelDialogSurface()}>\n    {props.children}\n  </div>\n);\n\nconst PanelDialogFooter = (props: PanelDialogFooterProps): JSX.Element => (\n  <footer class=\"k2b-panel-dialog__footer\" data-surface={usePanelDialogSurface()}>\n    {props.children}\n  </footer>\n);\n\nconst PanelDialogSection = (props: PanelDialogSectionProps): JSX.Element => (\n  <section class=\"k2b-panel-dialog__section\" data-surface={usePanelDialogSurface()}>\n    <header>\n      <Show when={props.icon}>\n        {(icon) => (\n          <span class=\"k2b-panel-dialog__section-icon\">\n            <i class={icon()} aria-hidden=\"true\" />\n          </span>\n        )}\n      </Show>\n      <div>\n        <h3>{props.title}</h3>\n        <Show when={props.subtitle}>\n          <p>{props.subtitle}</p>\n        </Show>\n      </div>\n      <Show when={props.actions}>\n        <div class=\"k2b-panel-dialog__actions\">{props.actions}</div>\n      </Show>\n    </header>\n    <div class=\"k2b-panel-dialog__section-body\">{props.children}</div>\n  </section>\n);\n\nconst PanelDialogTabs = <T extends string>(props: PanelDialogTabsProps<T>): JSX.Element => {\n  const messages = useUiMessages();\n  return (\n    <Tabs\n      class=\"k2b-panel-dialog__tabs\"\n      value={props.value}\n      onValueChange={props.onValueChange}\n      ariaLabel={props.ariaLabel ?? props.label ?? messages().dialogTabs}\n      options={props.options}\n    />\n  );\n};\n\nconst PanelDialog = ((props: PanelDialogProps): JSX.Element => {\n  const surface = props.surface ?? \"contained\";\n  return (\n    <PanelDialogSurfaceContext.Provider value={surface}>\n      <div class=\"k2b-panel-dialog\" data-surface={surface}>\n        {props.children}\n      </div>\n    </PanelDialogSurfaceContext.Provider>\n  );\n}) as PanelDialogComponent;\n\nPanelDialog.Header = PanelDialogHeader;\nPanelDialog.Body = PanelDialogBody;\nPanelDialog.Footer = PanelDialogFooter;\nPanelDialog.Section = PanelDialogSection;\nPanelDialog.Tabs = PanelDialogTabs;\n\nexport default PanelDialog;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["createContext","createEffect","createSignal","createUniqueId","Show","useContext","Button","Tabs","prompts","resolveUiMessages","useUiMessages","createScrollFade","PanelDialogSurfaceContext","usePanelDialogSurface","panelDialogBasePanelClass","panelDialogPanelClass","panelDialogOptions","panelClassName","contentClassName","panelDialogWidePanelClass","panelDialogWideOptions","panelDialogFixedPanelClass","panelDialogFixedOptions","panelDialogWorkspacePanelClass","panelDialogWorkspaceOptions","confirmDiscardIfDirty","dirty","hasChanges","Boolean","confirm","discardUnsavedChanges","title","unsavedChangesTitle","variant","confirmText","discard","PanelDialogHeader","props","messages","_$ssr","_tmpl$4","_$ssrAttribute","_$escape","subtitle","_$createComponent","when","icon","children","_tmpl$5","_tmpl$","actions","_tmpl$2","close","_tmpl$3","closeLabel","closeDialog","closeDisabled","PanelDialogBody","body","scrollFade","_tmpl$6","scrollPreserveKey","undefined","PanelDialogFooter","_tmpl$7","PanelDialogSection","id","internalOpen","setInternalOpen","defaultOpen","open","hideable","section","expand","collapse","toggle","next","disabled","onOpenChange","expanded","queueMicrotask","active","ownerDocument","activeElement","focus","contains","_tmpl$11","_tmpl$1","onClick","_tmpl$9","_tmpl$8","_tmpl$0","_tmpl$12","size","_tmpl$10","PanelDialogTabs","value","onValueChange","ariaLabel","label","dialogTabs","options","PanelDialog","surface","Provider","_tmpl$13","Header","Body","Footer","Section"],"sources":["layout/PanelDialog.tsx"],"sourcesContent":["import { createContext, createEffect, createSignal, createUniqueId, type JSX, Show, useContext } from \"solid-js\";\nimport { Button } from \"../actions/Button\";\nimport { Tabs } from \"../actions/Tabs\";\nimport type { OpenDialogOptions } from \"../feedback/dialog-core\";\nimport { prompts } from \"../feedback/prompts\";\nimport { resolveUiMessages, useUiMessages } from \"../intl/messages\";\nimport { createScrollFade } from \"./scroll-fade\";\n\nexport type PanelDialogSurface = \"contained\" | \"floating\";\n\nexport type PanelDialogProps = {\n  children: JSX.Element;\n  surface?: PanelDialogSurface;\n};\n\nexport type PanelDialogHeaderProps = {\n  title: JSX.Element;\n  subtitle?: JSX.Element;\n  icon?: string;\n  actions?: JSX.Element;\n  close?: () => void;\n  closeDisabled?: boolean;\n  closeLabel?: string;\n};\n\nexport type PanelDialogBodyProps = {\n  children: JSX.Element;\n  scrollPreserveKey?: string;\n  scrollFade?: boolean;\n};\n\nexport type PanelDialogFooterProps = {\n  children: JSX.Element;\n};\n\nexport type PanelDialogSectionProps = {\n  title: JSX.Element;\n  subtitle?: JSX.Element;\n  icon?: string;\n  actions?: JSX.Element;\n  children: JSX.Element;\n} & (\n  | { hideable?: false; open?: never; defaultOpen?: never; onOpenChange?: never; disabled?: never }\n  | { hideable: true; open?: boolean; defaultOpen?: boolean; onOpenChange?: (open: boolean) => void; disabled?: boolean }\n);\n\nexport type PanelDialogTabOption<T extends string = string> = {\n  value: T;\n  label: JSX.Element;\n  icon?: string;\n  disabled?: boolean;\n};\n\nexport type PanelDialogTabsProps<T extends string = string> = {\n  options: readonly PanelDialogTabOption<T>[];\n  value: T | (() => T);\n  onValueChange: (value: T) => void;\n  ariaLabel?: string;\n  label?: string;\n};\n\ntype PanelDialogComponent = ((props: PanelDialogProps) => JSX.Element) & {\n  Header: (props: PanelDialogHeaderProps) => JSX.Element;\n  Body: (props: PanelDialogBodyProps) => JSX.Element;\n  Footer: (props: PanelDialogFooterProps) => JSX.Element;\n  Section: (props: PanelDialogSectionProps) => JSX.Element;\n  Tabs: <T extends string>(props: PanelDialogTabsProps<T>) => JSX.Element;\n};\n\nconst PanelDialogSurfaceContext = createContext<PanelDialogSurface>(\"contained\");\nconst usePanelDialogSurface = () => useContext(PanelDialogSurfaceContext);\n\nconst panelDialogBasePanelClass = \"k2b-dialog k2b-panel-dialog-frame\";\n\nexport const panelDialogPanelClass = `${panelDialogBasePanelClass} is-standard`;\nexport const panelDialogOptions = {\n  panelClassName: panelDialogPanelClass,\n  contentClassName: \"k2b-panel-dialog-viewport\",\n} satisfies OpenDialogOptions;\n\nexport const panelDialogWidePanelClass = `${panelDialogBasePanelClass} is-wide`;\nexport const panelDialogWideOptions = {\n  panelClassName: panelDialogWidePanelClass,\n  contentClassName: \"k2b-panel-dialog-viewport\",\n} satisfies OpenDialogOptions;\n\nexport const panelDialogFixedPanelClass = `${panelDialogBasePanelClass} is-fixed`;\nexport const panelDialogFixedOptions = {\n  panelClassName: panelDialogFixedPanelClass,\n  contentClassName: \"k2b-panel-dialog-viewport is-fixed\",\n} satisfies OpenDialogOptions;\n\nexport const panelDialogWorkspacePanelClass = `${panelDialogBasePanelClass} is-workspace`;\nexport const panelDialogWorkspaceOptions = {\n  panelClassName: panelDialogWorkspacePanelClass,\n  contentClassName: \"k2b-panel-dialog-viewport is-workspace\",\n} satisfies OpenDialogOptions;\n\nexport const confirmDiscardIfDirty = async (dirty: boolean | (() => boolean)): Promise<boolean> => {\n  const hasChanges = typeof dirty === \"function\" ? dirty() : dirty;\n  if (!hasChanges) return true;\n  return Boolean(\n    await prompts.confirm(resolveUiMessages().discardUnsavedChanges, {\n      title: resolveUiMessages().unsavedChangesTitle,\n      variant: \"danger\",\n      confirmText: resolveUiMessages().discard,\n    }),\n  );\n};\n\nconst PanelDialogHeader = (props: PanelDialogHeaderProps): JSX.Element => {\n  const messages = useUiMessages();\n  return (\n    <header class=\"k2b-panel-dialog__header\" data-surface={usePanelDialogSurface()} data-has-subtitle={Boolean(props.subtitle)}>\n      <Show when={props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n      <div class=\"k2b-panel-dialog__heading\">\n        <h2>{props.title}</h2>\n        <Show when={props.subtitle}>\n          <p>{props.subtitle}</p>\n        </Show>\n      </div>\n      <Show when={props.actions}>\n        <div class=\"k2b-panel-dialog__actions\">{props.actions}</div>\n      </Show>\n      <Show when={props.close}>\n        <button\n          type=\"button\"\n          class=\"k2b-dialog__close\"\n          aria-label={props.closeLabel ?? messages().closeDialog}\n          disabled={props.closeDisabled}\n          onClick={props.close}\n        >\n          <i class=\"ti ti-x\" aria-hidden=\"true\" />\n        </button>\n      </Show>\n    </header>\n  );\n};\n\nconst PanelDialogBody = (props: PanelDialogBodyProps): JSX.Element => {\n  let body: HTMLDivElement | undefined;\n  createScrollFade(\n    () => body,\n    () => props.scrollFade !== false,\n  );\n  return (\n    <div\n      ref={body}\n      class=\"k2b-panel-dialog__body\"\n      data-scroll-preserve={props.scrollPreserveKey}\n      data-surface={usePanelDialogSurface()}\n      data-scroll-fade-mode={props.scrollFade !== false ? \"both\" : undefined}\n    >\n      {props.children}\n    </div>\n  );\n};\n\nconst PanelDialogFooter = (props: PanelDialogFooterProps): JSX.Element => (\n  <footer class=\"k2b-panel-dialog__footer\" data-surface={usePanelDialogSurface()}>\n    {props.children}\n  </footer>\n);\n\nconst PanelDialogSection = (props: PanelDialogSectionProps): JSX.Element => {\n  const id = `k2b-panel-dialog-section-${createUniqueId()}`;\n  const [internalOpen, setInternalOpen] = createSignal(props.defaultOpen ?? false);\n  const open = () => !props.hideable || (props.open ?? internalOpen());\n  let section: HTMLElement | undefined;\n  let expand: HTMLButtonElement | undefined;\n  let collapse: HTMLButtonElement | undefined;\n  const toggle = (next: boolean) => {\n    if (props.disabled) return;\n    if (props.open === undefined) setInternalOpen(next);\n    props.onOpenChange?.(next);\n  };\n  createEffect(() => {\n    if (!props.hideable) return;\n    const expanded = open();\n    queueMicrotask(() => {\n      if (expanded !== open()) return;\n      const active = section?.ownerDocument.activeElement;\n      if (expanded && active === expand) collapse?.focus();\n      if (!expanded && active && active !== expand && section?.contains(active)) expand?.focus();\n    });\n  });\n\n  return (\n    <section\n      ref={section}\n      class=\"k2b-panel-dialog__section\"\n      data-surface={usePanelDialogSurface()}\n      data-hideable={props.hideable || undefined}\n      data-open={props.hideable ? open() : undefined}\n      aria-labelledby={open() ? id : `${id}-closed`}\n    >\n      <Show when={props.hideable}>\n        <div hidden={open()}>\n          <Button\n            ref={expand}\n            variant=\"ghost\"\n            class=\"k2b-panel-dialog__section-summary\"\n            disabled={props.disabled}\n            aria-expanded={false}\n            aria-controls={`${id}-body`}\n            onClick={() => toggle(true)}\n          >\n            <Show when={props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n            <span class=\"k2b-panel-dialog__section-copy\">\n              <span id={`${id}-closed`} class=\"k2b-panel-dialog__section-title\">\n                {props.title}\n              </span>\n              <Show when={props.subtitle}>\n                <span class=\"k2b-panel-dialog__section-subtitle\">{props.subtitle}</span>\n              </Show>\n            </span>\n            <i class=\"ti ti-eye\" aria-hidden=\"true\" />\n          </Button>\n        </div>\n      </Show>\n      <header hidden={!open()}>\n        <Show when={props.icon}>\n          {(icon) => (\n            <span class=\"k2b-panel-dialog__section-icon\">\n              <i class={icon()} aria-hidden=\"true\" />\n            </span>\n          )}\n        </Show>\n        <div>\n          <h3 id={id}>{props.title}</h3>\n          <Show when={props.subtitle}>\n            <p>{props.subtitle}</p>\n          </Show>\n        </div>\n        <Show when={props.actions}>\n          <div class=\"k2b-panel-dialog__actions\">{props.actions}</div>\n        </Show>\n        <Show when={props.hideable}>\n          <Button\n            ref={collapse}\n            variant=\"ghost\"\n            size=\"sm\"\n            disabled={props.disabled}\n            aria-labelledby={id}\n            aria-expanded={true}\n            aria-controls={`${id}-body`}\n            onClick={() => toggle(false)}\n          >\n            <i class=\"ti ti-eye-off\" aria-hidden=\"true\" />\n          </Button>\n        </Show>\n      </header>\n      <div id={`${id}-body`} class=\"k2b-panel-dialog__section-body\" hidden={!open()}>\n        {props.children}\n      </div>\n    </section>\n  );\n};\n\nconst PanelDialogTabs = <T extends string>(props: PanelDialogTabsProps<T>): JSX.Element => {\n  const messages = useUiMessages();\n  return (\n    <Tabs\n      class=\"k2b-panel-dialog__tabs\"\n      value={props.value}\n      onValueChange={props.onValueChange}\n      ariaLabel={props.ariaLabel ?? props.label ?? messages().dialogTabs}\n      options={props.options}\n    />\n  );\n};\n\nconst PanelDialog = ((props: PanelDialogProps): JSX.Element => {\n  const surface = props.surface ?? \"contained\";\n  return (\n    <PanelDialogSurfaceContext.Provider value={surface}>\n      <div class=\"k2b-panel-dialog\" data-surface={surface}>\n        {props.children}\n      </div>\n    </PanelDialogSurfaceContext.Provider>\n  );\n}) as PanelDialogComponent;\n\nPanelDialog.Header = PanelDialogHeader;\nPanelDialog.Body = PanelDialogBody;\nPanelDialog.Footer = PanelDialogFooter;\nPanelDialog.Section = PanelDialogSection;\nPanelDialog.Tabs = PanelDialogTabs;\n\nexport default PanelDialog;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/layout/ScrollArea.js

@@ -2,10 +2,25 @@ import { ssrElement as _$ssrElement } from "solid-js/web";
 import { mergeProps as _$mergeProps } from "solid-js/web";
 import { escape as _$escape } from "solid-js/web";
 import { splitProps } from "solid-js";
+import { createScrollFade } from "./scroll-fade";
 export function ScrollArea(props) {
-  const [local, elementProps] = splitProps(props, ["children", "scrollPreserveKey", "class"]);
+  const [local, elementProps] = splitProps(props, ["children", "scrollPreserveKey", "class", "scrollFade", "orientation", "viewportSize", "ref"]);
+  let body;
+  createScrollFade(() => body, () => local.scrollFade !== false);
   const className = () => local.class?.trim();
   return _$ssrElement("div", _$mergeProps(elementProps, {
+    get ["data-scroll-fade-axis"]() {
+      return local.orientation ?? "vertical";
+    },
+    get ["data-viewport-size"]() {
+      return local.viewportSize;
+    },
+    get ["data-orientation"]() {
+      return local.orientation ?? "vertical";
+    },
+    get ["data-scroll-fade-mode"]() {
+      return local.scrollFade !== false ? "both" : undefined;
+    },
     get ["class"]() {
       return className() ? `k2b-scroll-area ${className()}` : "k2b-scroll-area";
     },

package/dist/ssr/layout/ScrollArea.js.map

@@ -1 +1 @@
-{"version":3,"names":["splitProps","ScrollArea","props","local","elementProps","className","class","trim","_$ssrElement","_$mergeProps","data-scroll-preserve","scrollPreserveKey","undefined","_$escape","children"],"sources":["layout/ScrollArea.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\n\nexport type ScrollAreaProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, \"children\" | \"class\"> & {\n  children: JSX.Element;\n  scrollPreserveKey?: string | false;\n  class?: string;\n};\n\nexport function ScrollArea(props: ScrollAreaProps): JSX.Element {\n  const [local, elementProps] = splitProps(props, [\"children\", \"scrollPreserveKey\", \"class\"]);\n  const className = () => local.class?.trim();\n\n  return (\n    <div\n      {...elementProps}\n      class={className() ? `k2b-scroll-area ${className()}` : \"k2b-scroll-area\"}\n      data-scroll-preserve={local.scrollPreserveKey || undefined}\n    >\n      {local.children}\n    </div>\n  );\n}\n\nexport default ScrollArea;\n"],"mappings":";;;AAAA,SAAmBA,UAAU,QAAQ,UAAU;AAQ/C,OAAO,SAASC,UAAUA,CAACC,KAAsB,EAAe;EAC9D,MAAM,CAACC,KAAK,EAAEC,YAAY,CAAC,GAAGJ,UAAU,CAACE,KAAK,EAAE,CAAC,UAAU,EAAE,mBAAmB,EAAE,OAAO,CAAC,CAAC;EAC3F,MAAMG,SAAS,GAAGA,CAAA,KAAMF,KAAK,CAACG,KAAK,EAAEC,IAAI,CAAC,CAAC;EAE3C,OAAAC,YAAA,QAAAC,YAAA,CAEQL,YAAY;IAAA,aAAAE,CAAA;MAAA,OACTD,SAAS,CAAC,CAAC,GAAG,mBAAmBA,SAAS,CAAC,CAAC,EAAE,GAAG,iBAAiB;IAAA;IAAA,4BAAAK,CAAA;MAAA,OACnDP,KAAK,CAACQ,iBAAiB,IAAIC,SAAS;IAAA;EAAA,IAAAC,QAAA,CAEzDV,KAAK,CAACW,QAAQ;AAGrB;AAEA,eAAeb,UAAU","ignoreList":[]}
+{"version":3,"names":["splitProps","createScrollFade","ScrollArea","props","local","elementProps","body","scrollFade","className","class","trim","_$ssrElement","_$mergeProps","data-scroll-fade-axis","orientation","data-viewport-size","viewportSize","data-orientation","data-scroll-fade-mode","undefined","data-scroll-preserve","scrollPreserveKey","_$escape","children"],"sources":["layout/ScrollArea.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\nimport { createScrollFade } from \"./scroll-fade\";\n\nexport type ScrollAreaProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, \"children\" | \"class\"> & {\n  children: JSX.Element;\n  scrollFade?: boolean;\n  /** Stable compact catalog height, clamped to 60% of the dynamic viewport. */\n  viewportSize?: \"compact\";\n  orientation?: \"vertical\" | \"horizontal\";\n  scrollPreserveKey?: string | false;\n  class?: string;\n};\n\nexport function ScrollArea(props: ScrollAreaProps): JSX.Element {\n  const [local, elementProps] = splitProps(props, [\n    \"children\",\n    \"scrollPreserveKey\",\n    \"class\",\n    \"scrollFade\",\n    \"orientation\",\n    \"viewportSize\",\n    \"ref\",\n  ]);\n  let body!: HTMLDivElement;\n  createScrollFade(\n    () => body,\n    () => local.scrollFade !== false,\n  );\n  const className = () => local.class?.trim();\n\n  return (\n    <div\n      {...elementProps}\n      ref={(el) => {\n        body = el;\n        if (typeof local.ref === \"function\") local.ref(el);\n      }}\n      data-scroll-fade-axis={local.orientation ?? \"vertical\"}\n      data-viewport-size={local.viewportSize}\n      data-orientation={local.orientation ?? \"vertical\"}\n      data-scroll-fade-mode={local.scrollFade !== false ? \"both\" : undefined}\n      class={className() ? `k2b-scroll-area ${className()}` : \"k2b-scroll-area\"}\n      data-scroll-preserve={local.scrollPreserveKey || undefined}\n    >\n      {local.children}\n    </div>\n  );\n}\n\nexport default ScrollArea;\n"],"mappings":";;;AAAA,SAAmBA,UAAU,QAAQ,UAAU;AAC/C,SAASC,gBAAgB,QAAQ,eAAe;AAYhD,OAAO,SAASC,UAAUA,CAACC,KAAsB,EAAe;EAC9D,MAAM,CAACC,KAAK,EAAEC,YAAY,CAAC,GAAGL,UAAU,CAACG,KAAK,EAAE,CAC9C,UAAU,EACV,mBAAmB,EACnB,OAAO,EACP,YAAY,EACZ,aAAa,EACb,cAAc,EACd,KAAK,CACN,CAAC;EACF,IAAIG,IAAqB;EACzBL,gBAAgB,CACd,MAAMK,IAAI,EACV,MAAMF,KAAK,CAACG,UAAU,KAAK,KAC7B,CAAC;EACD,MAAMC,SAAS,GAAGA,CAAA,KAAMJ,KAAK,CAACK,KAAK,EAAEC,IAAI,CAAC,CAAC;EAE3C,OAAAC,YAAA,QAAAC,YAAA,CAEQP,YAAY;IAAA,6BAAAQ,CAAA;MAAA,OAKOT,KAAK,CAACU,WAAW,IAAI,UAAU;IAAA;IAAA,0BAAAC,CAAA;MAAA,OAClCX,KAAK,CAACY,YAAY;IAAA;IAAA,wBAAAC,CAAA;MAAA,OACpBb,KAAK,CAACU,WAAW,IAAI,UAAU;IAAA;IAAA,6BAAAI,CAAA;MAAA,OAC1Bd,KAAK,CAACG,UAAU,KAAK,KAAK,GAAG,MAAM,GAAGY,SAAS;IAAA;IAAA,aAAAV,CAAA;MAAA,OAC/DD,SAAS,CAAC,CAAC,GAAG,mBAAmBA,SAAS,CAAC,CAAC,EAAE,GAAG,iBAAiB;IAAA;IAAA,4BAAAY,CAAA;MAAA,OACnDhB,KAAK,CAACiB,iBAAiB,IAAIF,SAAS;IAAA;EAAA,IAAAG,QAAA,CAEzDlB,KAAK,CAACmB,QAAQ;AAGrB;AAEA,eAAerB,UAAU","ignoreList":[]}

package/dist/ssr/layout/Settings.js.map

@@ -1 +1 @@
-{"version":3,"names":["children","createMemo","createUniqueId","Show","Button","useUiMessages","read","value","SettingsPage","props","_$ssr","_tmpl$4","class","_$escape","_$ssrStyle","style","_$createComponent","when","icon","_tmpl$5","_$ssrAttribute","title","subtitle","_tmpl$","actions","_tmpl$2","scrollPreserveKey","footer","_tmpl$3","SettingsSection","headingId","_tmpl$7","_tmpl$6","SETTINGS_GROUP_ACTION","Symbol","SettingsGroupAction","kind","collectSettingsGroupActions","Array","isArray","flatMap","collectSettingsGroupContent","SettingsGroup","resolved","action","content","_tmpl$8","description","slot","_tmpl$9","Action","sameSettingValue","left","right","JSON","stringify","readSettingsError","response","fallback","data","json","catch","message","fields","errors","SettingsField","messages","id","descriptionId","errorId","describedBy","error","control","_tmpl$1","label","changed","undefined","_tmpl$0","unsaved","_tmpl$10","SettingsActions","changeCount","loading","disabled","Boolean","disableWithoutChanges","saveDisabled","_tmpl$12","variant","onClick","onDiscard","discard","saveVariant","loadingLabel","saving","onSave","_tmpl$11","saveLabel","saveChanges","SettingsSaveBar","_tmpl$13","unsavedChangeLabel","count","SettingsPanelFooter","_tmpl$15","noUnsavedChanges","_tmpl$14","_$mergeProps"],"sources":["layout/Settings.tsx"],"sourcesContent":["import { children, createMemo, createUniqueId, type JSX, Show } from \"solid-js\";\nimport { Button, type ButtonVariant } from \"../actions/Button\";\nimport type { MaybeAccessor } from \"../inputs/field-contract\";\nimport { useUiMessages } from \"../intl/messages\";\n\nconst read = <T,>(value: MaybeAccessor<T>): T => (typeof value === \"function\" ? (value as () => T)() : value);\n\nexport type SettingsPageProps = {\n  title: JSX.Element;\n  subtitle?: JSX.Element;\n  icon?: string;\n  actions?: JSX.Element;\n  children: JSX.Element;\n  footer?: JSX.Element;\n  scrollPreserveKey?: string;\n  class?: string;\n  style?: JSX.CSSProperties | string;\n};\n\nexport function SettingsPage(props: SettingsPageProps): JSX.Element {\n  return (\n    <section class={`k2b-settings-page${props.class ? ` ${props.class}` : \"\"}`} style={props.style}>\n      <header class=\"k2b-settings-page__header\">\n        <Show when={props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n        <div class=\"k2b-settings-page__heading\">\n          <h1>{props.title}</h1>\n          <Show when={props.subtitle}>\n            <p>{props.subtitle}</p>\n          </Show>\n        </div>\n        <Show when={props.actions}>\n          <div class=\"k2b-settings-page__actions\">{props.actions}</div>\n        </Show>\n      </header>\n      <div class=\"k2b-settings-page__body\" data-scroll-preserve={props.scrollPreserveKey}>\n        {props.children}\n      </div>\n      <Show when={props.footer}>\n        <footer class=\"k2b-settings-page__footer\">{props.footer}</footer>\n      </Show>\n    </section>\n  );\n}\n\nexport type SettingsSectionProps = {\n  title: JSX.Element;\n  subtitle?: JSX.Element;\n  icon?: string;\n  actions?: JSX.Element;\n  children: JSX.Element;\n  class?: string;\n};\n\n/**\n * A full-page settings group. Dialogs keep using PanelDialog.Section; this\n * component owns the quieter, observability-style paper used on admin pages.\n */\nexport function SettingsSection(props: SettingsSectionProps): JSX.Element {\n  const headingId = `k2b-settings-section-${createUniqueId()}`;\n  return (\n    <section class={`k2b-settings-section${props.class ? ` ${props.class}` : \"\"}`} aria-labelledby={headingId}>\n      <header class=\"k2b-settings-section__header\">\n        <Show when={props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n        <div class=\"k2b-settings-section__heading\">\n          <h2 id={headingId}>{props.title}</h2>\n          <Show when={props.subtitle}>\n            <p>{props.subtitle}</p>\n          </Show>\n        </div>\n        <Show when={props.actions}>\n          <div class=\"k2b-settings-section__actions\">{props.actions}</div>\n        </Show>\n      </header>\n      <div class=\"k2b-settings-section__body\">{props.children}</div>\n    </section>\n  );\n}\n\nconst SETTINGS_GROUP_ACTION = Symbol(\"SettingsGroup.Action\");\n\nexport type SettingsGroupProps = {\n  title: JSX.Element;\n  description?: JSX.Element;\n  children: JSX.Element;\n  class?: string;\n};\n\nexport type SettingsGroupActionProps = {\n  children: JSX.Element;\n};\n\ntype SettingsGroupActionDefinition = {\n  readonly kind: typeof SETTINGS_GROUP_ACTION;\n  readonly props: SettingsGroupActionProps;\n};\n\ntype SettingsGroupComponent = ((props: SettingsGroupProps) => JSX.Element) & {\n  Action: (props: SettingsGroupActionProps) => JSX.Element;\n};\n\nconst SettingsGroupAction = (props: SettingsGroupActionProps): JSX.Element =>\n  ({ kind: SETTINGS_GROUP_ACTION, props }) satisfies SettingsGroupActionDefinition as unknown as JSX.Element;\n\nconst collectSettingsGroupActions = (value: unknown): SettingsGroupActionDefinition[] => {\n  if (Array.isArray(value)) return value.flatMap(collectSettingsGroupActions);\n  return value && typeof value === \"object\" && (value as { kind?: unknown }).kind === SETTINGS_GROUP_ACTION\n    ? [value as SettingsGroupActionDefinition]\n    : [];\n};\n\nconst collectSettingsGroupContent = (value: unknown): JSX.Element[] => {\n  if (Array.isArray(value)) return value.flatMap(collectSettingsGroupContent);\n  return value && typeof value === \"object\" && (value as { kind?: unknown }).kind === SETTINGS_GROUP_ACTION ? [] : [value as JSX.Element];\n};\n\nexport const SettingsGroup = ((props: SettingsGroupProps): JSX.Element => {\n  const resolved = children(() => props.children);\n  const action = createMemo(() => collectSettingsGroupActions(resolved())[0]);\n  const content = createMemo(() => collectSettingsGroupContent(resolved()));\n  const headingId = `k2b-settings-group-${createUniqueId()}`;\n  return (\n    <section class={`k2b-settings-group${props.class ? ` ${props.class}` : \"\"}`} aria-labelledby={headingId}>\n      <header class=\"k2b-settings-group__header\">\n        <div class=\"k2b-settings-group__heading\">\n          <h3 id={headingId}>{props.title}</h3>\n          <Show when={props.description}>\n            <p>{props.description}</p>\n          </Show>\n        </div>\n        <Show when={action()}>{(slot) => <div class=\"k2b-settings-group__action\">{slot().props.children}</div>}</Show>\n      </header>\n      <div class=\"k2b-settings-group__body\">{content()}</div>\n    </section>\n  );\n}) as SettingsGroupComponent;\n\nSettingsGroup.Action = SettingsGroupAction;\n\nexport const sameSettingValue = (left: unknown, right: unknown): boolean => JSON.stringify(left) === JSON.stringify(right);\n\nexport const readSettingsError = async (\n  response: Response,\n  fallback: string,\n): Promise<{ message: string; fields: Record<string, string> }> => {\n  const data = (await response.json().catch(() => null)) as {\n    message?: string;\n    errors?: Record<string, string>;\n  } | null;\n  return { message: data?.message ?? fallback, fields: data?.errors ?? {} };\n};\n\nexport type SettingsFieldProps = {\n  label: string;\n  description: string;\n  error: MaybeAccessor<string | undefined>;\n  changed?: MaybeAccessor<boolean>;\n  children: JSX.Element | ((control: SettingsFieldControlProps) => JSX.Element);\n  class?: string;\n};\n\nexport type SettingsFieldControlProps = {\n  describedBy: () => string;\n};\n\nexport function SettingsField(props: SettingsFieldProps): JSX.Element {\n  const messages = useUiMessages();\n  const id = createUniqueId();\n  const descriptionId = `k2b-settings-field-${id}-description`;\n  const errorId = `k2b-settings-field-${id}-error`;\n  const describedBy = () => (read(props.error) ? `${descriptionId} ${errorId}` : descriptionId);\n  const control = () =>\n    typeof props.children === \"function\"\n      ? (props.children as (control: SettingsFieldControlProps) => JSX.Element)({ describedBy })\n      : props.children;\n  return (\n    <div class={`k2b-settings-field ${props.class ?? \"\"}`}>\n      <div class=\"k2b-settings-field__copy\">\n        <div class=\"k2b-settings-field__heading\">\n          <strong>{props.label}</strong>\n          <Show when={props.changed !== undefined && read(props.changed)}>\n            <span>{messages().unsaved}</span>\n          </Show>\n        </div>\n        <p id={descriptionId}>{props.description}</p>\n      </div>\n      {control()}\n      <Show when={read(props.error)}>\n        {(error) => (\n          <p id={errorId} class=\"k2b-settings-field__error\" role=\"alert\">\n            <i class=\"ti ti-alert-circle\" aria-hidden=\"true\" /> {error()}\n          </p>\n        )}\n      </Show>\n    </div>\n  );\n}\n\nexport type SettingsSaveBarProps = {\n  changeCount: MaybeAccessor<number>;\n  loading: MaybeAccessor<boolean>;\n  saveDisabled?: MaybeAccessor<boolean>;\n  onDiscard: () => void;\n  onSave: () => void;\n  saveLabel?: string;\n  saveVariant?: ButtonVariant;\n  class?: string;\n};\n\nconst SettingsActions = (\n  props: SettingsSaveBarProps & {\n    disableWithoutChanges?: boolean;\n  },\n): JSX.Element => {\n  const messages = useUiMessages();\n  const changeCount = () => read(props.changeCount);\n  const loading = () => read(props.loading);\n  const disabled = () => loading() || Boolean(props.disableWithoutChanges && changeCount() === 0);\n  const saveDisabled = () => disabled() || Boolean(props.saveDisabled !== undefined && read(props.saveDisabled));\n  return (\n    <div class=\"k2b-settings-actions\">\n      <Button variant=\"secondary\" disabled={disabled()} onClick={props.onDiscard}>\n        {messages().discard}\n      </Button>\n      <Button\n        variant={props.saveVariant ?? \"primary\"}\n        loading={loading()}\n        loadingLabel={messages().saving}\n        disabled={saveDisabled()}\n        onClick={props.onSave}\n      >\n        <i class=\"ti ti-device-floppy\" aria-hidden=\"true\" />\n        {props.saveLabel ?? messages().saveChanges}\n      </Button>\n    </div>\n  );\n};\n\nexport function SettingsSaveBar(props: SettingsSaveBarProps): JSX.Element {\n  const messages = useUiMessages();\n  const changeCount = () => read(props.changeCount);\n  return (\n    <Show when={changeCount() > 0}>\n      <div class={`k2b-settings-save-bar ${props.class ?? \"\"}`}>\n        <p role=\"status\" aria-live=\"polite\">\n          <strong>{changeCount()}</strong> {messages().unsavedChangeLabel({ count: changeCount() })}\n        </p>\n        <SettingsActions {...props} />\n      </div>\n    </Show>\n  );\n}\n\nexport type SettingsPanelFooterProps = SettingsSaveBarProps;\n\nexport function SettingsPanelFooter(props: SettingsPanelFooterProps): JSX.Element {\n  const messages = useUiMessages();\n  const changeCount = () => read(props.changeCount);\n  return (\n    <>\n      <p class=\"k2b-settings-panel-footer__status\" role=\"status\" aria-live=\"polite\">\n        <Show when={changeCount() > 0} fallback={messages().noUnsavedChanges}>\n          <strong>{changeCount()}</strong> {messages().unsavedChangeLabel({ count: changeCount() })}\n        </Show>\n      </p>\n      <SettingsActions {...props} disableWithoutChanges />\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["children","createMemo","createUniqueId","Show","Button","useUiMessages","read","value","SettingsPage","props","_$ssr","_tmpl$4","class","_$escape","_$ssrStyle","style","_$createComponent","when","icon","_tmpl$5","_$ssrAttribute","title","subtitle","_tmpl$","actions","_tmpl$2","scrollPreserveKey","footer","_tmpl$3","SettingsSection","headingId","_tmpl$7","_tmpl$6","SETTINGS_GROUP_ACTION","Symbol","SettingsGroupAction","kind","collectSettingsGroupActions","Array","isArray","flatMap","collectSettingsGroupContent","SettingsGroup","resolved","action","content","_tmpl$8","description","slot","_tmpl$9","Action","sameSettingValue","left","right","JSON","stringify","readSettingsError","response","fallback","data","json","catch","message","fields","errors","SettingsField","messages","id","descriptionId","errorId","describedBy","error","control","_tmpl$1","label","changed","undefined","_tmpl$0","unsaved","_tmpl$10","SettingsActions","changeCount","loading","disabled","Boolean","disableWithoutChanges","saveDisabled","_tmpl$12","variant","onClick","onDiscard","discard","saveVariant","loadingLabel","saving","onSave","_tmpl$11","saveLabel","saveChanges","SettingsSaveBar","_tmpl$13","unsavedChangeLabel","count","SettingsPanelFooter","_tmpl$15","noUnsavedChanges","_tmpl$14","_$mergeProps"],"sources":["layout/Settings.tsx"],"sourcesContent":["import { children, createMemo, createUniqueId, type JSX, Show } from \"solid-js\";\nimport { Button, type ButtonVariant } from \"../actions/Button\";\nimport type { MaybeAccessor } from \"../inputs/field-contract\";\nimport { useUiMessages } from \"../intl/messages\";\n\nconst read = <T,>(value: MaybeAccessor<T>): T => (typeof value === \"function\" ? (value as () => T)() : value);\n\nexport type SettingsPageProps = {\n  title: JSX.Element;\n  subtitle?: JSX.Element;\n  icon?: string;\n  actions?: JSX.Element;\n  children: JSX.Element;\n  footer?: JSX.Element;\n  scrollPreserveKey?: string;\n  class?: string;\n  style?: JSX.CSSProperties | string;\n};\n\nexport function SettingsPage(props: SettingsPageProps): JSX.Element {\n  return (\n    <section class={`k2b-settings-page${props.class ? ` ${props.class}` : \"\"}`} style={props.style}>\n      <header class=\"k2b-settings-page__header\">\n        <Show when={props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n        <div class=\"k2b-settings-page__heading\">\n          <h1>{props.title}</h1>\n          <Show when={props.subtitle}>\n            <p>{props.subtitle}</p>\n          </Show>\n        </div>\n        <Show when={props.actions}>\n          <div class=\"k2b-settings-page__actions\">{props.actions}</div>\n        </Show>\n      </header>\n      <div class=\"k2b-settings-page__body\" data-scroll-preserve={props.scrollPreserveKey}>\n        {props.children}\n      </div>\n      <Show when={props.footer}>\n        <footer class=\"k2b-settings-page__footer\">{props.footer}</footer>\n      </Show>\n    </section>\n  );\n}\n\nexport type SettingsSectionProps = {\n  title: JSX.Element;\n  subtitle?: JSX.Element;\n  icon?: string;\n  actions?: JSX.Element;\n  children: JSX.Element;\n  class?: string;\n};\n\n/**\n * A full-page settings group. Dialogs keep using PanelDialog.Section; this\n * component owns the quieter, observability-style paper used on admin pages.\n */\nexport function SettingsSection(props: SettingsSectionProps): JSX.Element {\n  const headingId = `k2b-settings-section-${createUniqueId()}`;\n  return (\n    <section class={`k2b-settings-section${props.class ? ` ${props.class}` : \"\"}`} aria-labelledby={headingId}>\n      <header class=\"k2b-settings-section__header\">\n        <Show when={props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n        <div class=\"k2b-settings-section__heading\">\n          <h2 id={headingId}>{props.title}</h2>\n          <Show when={props.subtitle}>\n            <p>{props.subtitle}</p>\n          </Show>\n        </div>\n        <Show when={props.actions}>\n          <div class=\"k2b-settings-section__actions\">{props.actions}</div>\n        </Show>\n      </header>\n      <div class=\"k2b-settings-section__body\">{props.children}</div>\n    </section>\n  );\n}\n\nconst SETTINGS_GROUP_ACTION = Symbol(\"SettingsGroup.Action\");\n\nexport type SettingsGroupProps = {\n  title: JSX.Element;\n  description?: JSX.Element;\n  children: JSX.Element;\n  class?: string;\n};\n\nexport type SettingsGroupActionProps = {\n  children: JSX.Element;\n};\n\ntype SettingsGroupActionDefinition = {\n  readonly kind: typeof SETTINGS_GROUP_ACTION;\n  readonly props: SettingsGroupActionProps;\n};\n\ntype SettingsGroupComponent = ((props: SettingsGroupProps) => JSX.Element) & {\n  Action: (props: SettingsGroupActionProps) => JSX.Element;\n};\n\nconst SettingsGroupAction = (props: SettingsGroupActionProps): JSX.Element =>\n  ({ kind: SETTINGS_GROUP_ACTION, props }) satisfies SettingsGroupActionDefinition as unknown as JSX.Element;\n\nconst collectSettingsGroupActions = (value: unknown): SettingsGroupActionDefinition[] => {\n  if (Array.isArray(value)) return value.flatMap(collectSettingsGroupActions);\n  return value && typeof value === \"object\" && (value as { kind?: unknown }).kind === SETTINGS_GROUP_ACTION\n    ? [value as SettingsGroupActionDefinition]\n    : [];\n};\n\nconst collectSettingsGroupContent = (value: unknown): JSX.Element[] => {\n  if (Array.isArray(value)) return value.flatMap(collectSettingsGroupContent);\n  return value && typeof value === \"object\" && (value as { kind?: unknown }).kind === SETTINGS_GROUP_ACTION ? [] : [value as JSX.Element];\n};\n\nexport const SettingsGroup = ((props: SettingsGroupProps): JSX.Element => {\n  const resolved = children(() => props.children);\n  const action = createMemo(() => collectSettingsGroupActions(resolved())[0]);\n  const content = createMemo(() => collectSettingsGroupContent(resolved()));\n  const headingId = `k2b-settings-group-${createUniqueId()}`;\n  return (\n    <section class={`k2b-settings-group${props.class ? ` ${props.class}` : \"\"}`} aria-labelledby={headingId}>\n      <header class=\"k2b-settings-group__header\">\n        <div class=\"k2b-settings-group__heading\">\n          <h3 id={headingId}>{props.title}</h3>\n          <Show when={props.description}>\n            <p>{props.description}</p>\n          </Show>\n        </div>\n        <Show when={action()}>{(slot) => <div class=\"k2b-settings-group__action\">{slot().props.children}</div>}</Show>\n      </header>\n      <div class=\"k2b-settings-group__body\">{content()}</div>\n    </section>\n  );\n}) as SettingsGroupComponent;\n\nSettingsGroup.Action = SettingsGroupAction;\n\nexport const sameSettingValue = (left: unknown, right: unknown): boolean => JSON.stringify(left) === JSON.stringify(right);\n\nexport const readSettingsError = async (\n  response: Pick<Response, \"json\">,\n  fallback: string,\n): Promise<{ message: string; fields: Record<string, string> }> => {\n  const data = (await response.json().catch(() => null)) as {\n    message?: string;\n    errors?: Record<string, string>;\n  } | null;\n  return { message: data?.message ?? fallback, fields: data?.errors ?? {} };\n};\n\nexport type SettingsFieldProps = {\n  label: string;\n  description: string;\n  error: MaybeAccessor<string | undefined>;\n  changed?: MaybeAccessor<boolean>;\n  children: JSX.Element | ((control: SettingsFieldControlProps) => JSX.Element);\n  class?: string;\n};\n\nexport type SettingsFieldControlProps = {\n  describedBy: () => string;\n};\n\nexport function SettingsField(props: SettingsFieldProps): JSX.Element {\n  const messages = useUiMessages();\n  const id = createUniqueId();\n  const descriptionId = `k2b-settings-field-${id}-description`;\n  const errorId = `k2b-settings-field-${id}-error`;\n  const describedBy = () => (read(props.error) ? `${descriptionId} ${errorId}` : descriptionId);\n  const control = () =>\n    typeof props.children === \"function\"\n      ? (props.children as (control: SettingsFieldControlProps) => JSX.Element)({ describedBy })\n      : props.children;\n  return (\n    <div class={`k2b-settings-field ${props.class ?? \"\"}`}>\n      <div class=\"k2b-settings-field__copy\">\n        <div class=\"k2b-settings-field__heading\">\n          <strong>{props.label}</strong>\n          <Show when={props.changed !== undefined && read(props.changed)}>\n            <span>{messages().unsaved}</span>\n          </Show>\n        </div>\n        <p id={descriptionId}>{props.description}</p>\n      </div>\n      {control()}\n      <Show when={read(props.error)}>\n        {(error) => (\n          <p id={errorId} class=\"k2b-settings-field__error\" role=\"alert\">\n            <i class=\"ti ti-alert-circle\" aria-hidden=\"true\" /> {error()}\n          </p>\n        )}\n      </Show>\n    </div>\n  );\n}\n\nexport type SettingsSaveBarProps = {\n  changeCount: MaybeAccessor<number>;\n  loading: MaybeAccessor<boolean>;\n  saveDisabled?: MaybeAccessor<boolean>;\n  onDiscard: () => void;\n  onSave: () => void;\n  saveLabel?: string;\n  saveVariant?: ButtonVariant;\n  class?: string;\n};\n\nconst SettingsActions = (\n  props: SettingsSaveBarProps & {\n    disableWithoutChanges?: boolean;\n  },\n): JSX.Element => {\n  const messages = useUiMessages();\n  const changeCount = () => read(props.changeCount);\n  const loading = () => read(props.loading);\n  const disabled = () => loading() || Boolean(props.disableWithoutChanges && changeCount() === 0);\n  const saveDisabled = () => disabled() || Boolean(props.saveDisabled !== undefined && read(props.saveDisabled));\n  return (\n    <div class=\"k2b-settings-actions\">\n      <Button variant=\"secondary\" disabled={disabled()} onClick={props.onDiscard}>\n        {messages().discard}\n      </Button>\n      <Button\n        variant={props.saveVariant ?? \"primary\"}\n        loading={loading()}\n        loadingLabel={messages().saving}\n        disabled={saveDisabled()}\n        onClick={props.onSave}\n      >\n        <i class=\"ti ti-device-floppy\" aria-hidden=\"true\" />\n        {props.saveLabel ?? messages().saveChanges}\n      </Button>\n    </div>\n  );\n};\n\nexport function SettingsSaveBar(props: SettingsSaveBarProps): JSX.Element {\n  const messages = useUiMessages();\n  const changeCount = () => read(props.changeCount);\n  return (\n    <Show when={changeCount() > 0}>\n      <div class={`k2b-settings-save-bar ${props.class ?? \"\"}`}>\n        <p role=\"status\" aria-live=\"polite\">\n          <strong>{changeCount()}</strong> {messages().unsavedChangeLabel({ count: changeCount() })}\n        </p>\n        <SettingsActions {...props} />\n      </div>\n    </Show>\n  );\n}\n\nexport type SettingsPanelFooterProps = SettingsSaveBarProps;\n\nexport function SettingsPanelFooter(props: SettingsPanelFooterProps): JSX.Element {\n  const messages = useUiMessages();\n  const changeCount = () => read(props.changeCount);\n  return (\n    <>\n      <p class=\"k2b-settings-panel-footer__status\" role=\"status\" aria-live=\"polite\">\n        <Show when={changeCount() > 0} fallback={messages().noUnsavedChanges}>\n          <strong>{changeCount()}</strong> {messages().unsavedChangeLabel({ count: changeCount() })}\n        </Show>\n      </p>\n      <SettingsActions {...props} disableWithoutChanges />\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/layout/SidebarItemPreview.js

@@ -0,0 +1,133 @@
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+var _tmpl$ = ["<button type=\"button\" class=\"k2b-app-workspace__sidebar-item-action k2b-app-workspace__sidebar-preview-trigger\" data-visibility=\"hover\"", " aria-haspopup=\"dialog\"", "><i", " aria-hidden=\"true\"></i></button>"],
+  _tmpl$2 = ["<div", " popover=\"auto\" role=\"dialog\"", " tabindex=\"-1\" class=\"k2b-app-workspace__sidebar-preview\">", "</div>"];
+import { createSignal, createUniqueId, onCleanup, onMount } from "solid-js";
+import { positionTooltipSurface } from "../feedback/tooltip-position";
+import { ScrollArea } from "./ScrollArea";
+
+/** A non-modal, interactive row preview. Native popover owns light dismissal. */
+export function SidebarItemPreview(props) {
+  const id = `sidebar-preview-${createUniqueId()}`;
+  const [open, setOpen] = createSignal(false);
+  let button;
+  let panel;
+  let row = null;
+  let main = null;
+  let timer;
+  let pinned = false;
+  let dismissed = false;
+  const clear = () => {
+    clearTimeout(timer);
+    timer = undefined;
+  };
+  const close = () => {
+    clear();
+    panel.hidePopover();
+  };
+  const position = () => {
+    const target = row ?? button;
+    positionTooltipSurface(panel, target, "right");
+    if (props.align === "end") {
+      const height = panel.getBoundingClientRect().height;
+      const bottom = target.getBoundingClientRect().bottom;
+      panel.style.top = `${Math.round(Math.max(8, Math.min(bottom - height, window.innerHeight - height - 8)))}px`;
+    }
+  };
+  const show = () => {
+    clear();
+    if (dismissed || open()) return;
+    panel.showPopover();
+    position();
+  };
+  const enter = () => {
+    clear();
+    if (!dismissed && !open()) timer = setTimeout(show, 250);
+  };
+  const leave = () => {
+    clear();
+    dismissed = false;
+    if (!pinned) timer = setTimeout(() => {
+      if (!panel.contains(document.activeElement) && !row?.contains(document.activeElement)) close();
+    }, 180);
+  };
+  const dismiss = () => {
+    const restore = panel.contains(document.activeElement);
+    dismissed = true;
+    close();
+    if (restore) (main ?? button).focus();
+  };
+  const toggle = () => {
+    clear();
+    if (open() && pinned) {
+      dismiss();
+      return;
+    }
+    dismissed = false;
+    pinned = true;
+    show();
+    panel.focus();
+  };
+  onMount(() => {
+    row = button.closest(".k2b-app-workspace__sidebar-item");
+    if (props.trigger === "row") {
+      main = row?.querySelector(":scope > button.k2b-app-workspace__sidebar-item-main") ?? null;
+      main?.setAttribute("aria-label", props.label);
+      main?.setAttribute("aria-haspopup", "dialog");
+      main?.setAttribute("aria-controls", id);
+      main?.setAttribute("aria-expanded", "false");
+      main?.addEventListener("click", toggle);
+    }
+    const pointerEnter = event => {
+      if (event.pointerType === "mouse") enter();
+    };
+    const focusOut = event => {
+      const next = event.relatedTarget;
+      if (next instanceof Node && (panel.contains(next) || row?.contains(next))) return;
+      pinned = false;
+      leave();
+    };
+    const escape = event => {
+      if (event.key !== "Escape" || !open()) return;
+      dismiss();
+    };
+    const reposition = () => {
+      if (open()) position();
+    };
+    row?.addEventListener("pointerenter", pointerEnter);
+    row?.addEventListener("pointerleave", leave);
+    row?.addEventListener("focusin", enter);
+    row?.addEventListener("focusout", focusOut);
+    panel.addEventListener("focusout", focusOut);
+    document.addEventListener("keydown", escape);
+    window.addEventListener("resize", reposition);
+    window.addEventListener("scroll", reposition, true);
+    const observer = new ResizeObserver(reposition);
+    observer.observe(panel);
+    onCleanup(() => {
+      clear();
+      observer.disconnect();
+      main?.removeEventListener("click", toggle);
+      row?.removeEventListener("pointerenter", pointerEnter);
+      row?.removeEventListener("pointerleave", leave);
+      row?.removeEventListener("focusin", enter);
+      row?.removeEventListener("focusout", focusOut);
+      panel.removeEventListener("focusout", focusOut);
+      document.removeEventListener("keydown", escape);
+      window.removeEventListener("resize", reposition);
+      window.removeEventListener("scroll", reposition, true);
+    });
+  });
+  return [_$ssr(_tmpl$, _$ssrAttribute("aria-label", _$escape(props.label, true), false), _$ssrAttribute("aria-expanded", _$escape(open(), true), false) + _$ssrAttribute("aria-controls", _$escape(id, true), false) + _$ssrAttribute("data-row-trigger", props.trigger === "row" ? "true" : _$escape(undefined, true), false), _$ssrAttribute("class", props.trigger === "row" ? "ti ti-chevron-right" : "ti ti-info-circle", false)), _$ssr(_tmpl$2, _$ssrAttribute("id", _$escape(id, true), false), _$ssrAttribute("aria-label", _$escape(props.label, true), false), _$escape(_$createComponent(ScrollArea, {
+    get viewportSize() {
+      return props.viewportSize;
+    },
+    "class": "k2b-app-workspace__sidebar-preview-body",
+    get children() {
+      return typeof props.children === "function" ? props.children(dismiss) : props.children;
+    }
+  })))];
+}
+//# sourceMappingURL=SidebarItemPreview.js.map

package/dist/ssr/layout/SidebarItemPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createSignal","createUniqueId","onCleanup","onMount","positionTooltipSurface","ScrollArea","SidebarItemPreview","props","id","open","setOpen","button","panel","row","main","timer","pinned","dismissed","clear","clearTimeout","undefined","close","hidePopover","position","target","align","height","getBoundingClientRect","bottom","style","top","Math","round","max","min","window","innerHeight","show","showPopover","enter","setTimeout","leave","contains","document","activeElement","dismiss","restore","focus","toggle","closest","trigger","querySelector","setAttribute","label","addEventListener","pointerEnter","event","pointerType","focusOut","next","relatedTarget","Node","escape","key","reposition","observer","ResizeObserver","observe","disconnect","removeEventListener","_$ssr","_tmpl$","_$ssrAttribute","_$escape","_tmpl$2","_$createComponent","viewportSize","children"],"sources":["layout/SidebarItemPreview.tsx"],"sourcesContent":["import { createSignal, createUniqueId, type JSX, onCleanup, onMount } from \"solid-js\";\nimport { positionTooltipSurface } from \"../feedback/tooltip-position\";\nimport { ScrollArea, type ScrollAreaProps } from \"./ScrollArea\";\n\n/** A non-modal, interactive row preview. Native popover owns light dismissal. */\nexport function SidebarItemPreview(props: {\n  label: string;\n  children: JSX.Element | ((close: () => void) => JSX.Element);\n  trigger?: \"action\" | \"row\";\n  align?: \"center\" | \"end\";\n  viewportSize?: ScrollAreaProps[\"viewportSize\"];\n  onOpenChange?: (open: boolean) => void;\n}) {\n  const id = `sidebar-preview-${createUniqueId()}`;\n  const [open, setOpen] = createSignal(false);\n  let button!: HTMLButtonElement;\n  let panel!: HTMLDivElement;\n  let row: HTMLElement | null = null;\n  let main: HTMLButtonElement | null = null;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  let pinned = false;\n  let dismissed = false;\n  const clear = () => {\n    clearTimeout(timer);\n    timer = undefined;\n  };\n  const close = () => {\n    clear();\n    panel.hidePopover();\n  };\n  const position = () => {\n    const target = row ?? button;\n    positionTooltipSurface(panel, target, \"right\");\n    if (props.align === \"end\") {\n      const height = panel.getBoundingClientRect().height;\n      const bottom = target.getBoundingClientRect().bottom;\n      panel.style.top = `${Math.round(Math.max(8, Math.min(bottom - height, window.innerHeight - height - 8)))}px`;\n    }\n  };\n  const show = () => {\n    clear();\n    if (dismissed || open()) return;\n    panel.showPopover();\n    position();\n  };\n  const enter = () => {\n    clear();\n    if (!dismissed && !open()) timer = setTimeout(show, 250);\n  };\n  const leave = () => {\n    clear();\n    dismissed = false;\n    if (!pinned)\n      timer = setTimeout(() => {\n        if (!panel.contains(document.activeElement) && !row?.contains(document.activeElement)) close();\n      }, 180);\n  };\n  const dismiss = () => {\n    const restore = panel.contains(document.activeElement);\n    dismissed = true;\n    close();\n    if (restore) (main ?? button).focus();\n  };\n  const toggle = () => {\n    clear();\n    if (open() && pinned) {\n      dismiss();\n      return;\n    }\n    dismissed = false;\n    pinned = true;\n    show();\n    panel.focus();\n  };\n  onMount(() => {\n    row = button.closest<HTMLElement>(\".k2b-app-workspace__sidebar-item\");\n    if (props.trigger === \"row\") {\n      main = row?.querySelector<HTMLButtonElement>(\":scope > button.k2b-app-workspace__sidebar-item-main\") ?? null;\n      main?.setAttribute(\"aria-label\", props.label);\n      main?.setAttribute(\"aria-haspopup\", \"dialog\");\n      main?.setAttribute(\"aria-controls\", id);\n      main?.setAttribute(\"aria-expanded\", \"false\");\n      main?.addEventListener(\"click\", toggle);\n    }\n    const pointerEnter = (event: PointerEvent) => {\n      if (event.pointerType === \"mouse\") enter();\n    };\n    const focusOut = (event: FocusEvent) => {\n      const next = event.relatedTarget;\n      if (next instanceof Node && (panel.contains(next) || row?.contains(next))) return;\n      pinned = false;\n      leave();\n    };\n    const escape = (event: KeyboardEvent) => {\n      if (event.key !== \"Escape\" || !open()) return;\n      dismiss();\n    };\n    const reposition = () => {\n      if (open()) position();\n    };\n    row?.addEventListener(\"pointerenter\", pointerEnter);\n    row?.addEventListener(\"pointerleave\", leave);\n    row?.addEventListener(\"focusin\", enter);\n    row?.addEventListener(\"focusout\", focusOut);\n    panel.addEventListener(\"focusout\", focusOut);\n    document.addEventListener(\"keydown\", escape);\n    window.addEventListener(\"resize\", reposition);\n    window.addEventListener(\"scroll\", reposition, true);\n    const observer = new ResizeObserver(reposition);\n    observer.observe(panel);\n    onCleanup(() => {\n      clear();\n      observer.disconnect();\n      main?.removeEventListener(\"click\", toggle);\n      row?.removeEventListener(\"pointerenter\", pointerEnter);\n      row?.removeEventListener(\"pointerleave\", leave);\n      row?.removeEventListener(\"focusin\", enter);\n      row?.removeEventListener(\"focusout\", focusOut);\n      panel.removeEventListener(\"focusout\", focusOut);\n      document.removeEventListener(\"keydown\", escape);\n      window.removeEventListener(\"resize\", reposition);\n      window.removeEventListener(\"scroll\", reposition, true);\n    });\n  });\n  return (\n    <>\n      <button\n        ref={button}\n        type=\"button\"\n        class=\"k2b-app-workspace__sidebar-item-action k2b-app-workspace__sidebar-preview-trigger\"\n        data-visibility=\"hover\"\n        aria-label={props.label}\n        aria-haspopup=\"dialog\"\n        aria-expanded={open()}\n        aria-controls={id}\n        data-row-trigger={props.trigger === \"row\" ? \"true\" : undefined}\n        onClick={toggle}\n      >\n        <i class={props.trigger === \"row\" ? \"ti ti-chevron-right\" : \"ti ti-info-circle\"} aria-hidden=\"true\" />\n      </button>\n      <div\n        ref={panel}\n        id={id}\n        popover=\"auto\"\n        role=\"dialog\"\n        aria-label={props.label}\n        tabIndex={-1}\n        class=\"k2b-app-workspace__sidebar-preview\"\n        onPointerEnter={clear}\n        onPointerLeave={leave}\n        onToggle={(event) => {\n          const visible = event.newState === \"open\";\n          setOpen(visible);\n          main?.setAttribute(\"aria-expanded\", String(visible));\n          props.onOpenChange?.(visible);\n          if (!visible) pinned = false;\n        }}\n      >\n        <ScrollArea viewportSize={props.viewportSize} class=\"k2b-app-workspace__sidebar-preview-body\">\n          {typeof props.children === \"function\" ? props.children(dismiss) : props.children}\n        </ScrollArea>\n      </div>\n    </>\n  );\n}\n"],"mappings":";;;;;;AAAA,SAASA,YAAY,EAAEC,cAAc,EAAYC,SAAS,EAAEC,OAAO,QAAQ,UAAU;AACrF,SAASC,sBAAsB,QAAQ,8BAA8B;AACrE,SAASC,UAAU,QAA8B,cAAc;;AAE/D;AACA,OAAO,SAASC,kBAAkBA,CAACC,KAOlC,EAAE;EACD,MAAMC,EAAE,GAAG,mBAAmBP,cAAc,CAAC,CAAC,EAAE;EAChD,MAAM,CAACQ,IAAI,EAAEC,OAAO,CAAC,GAAGV,YAAY,CAAC,KAAK,CAAC;EAC3C,IAAIW,MAA0B;EAC9B,IAAIC,KAAsB;EAC1B,IAAIC,GAAuB,GAAG,IAAI;EAClC,IAAIC,IAA8B,GAAG,IAAI;EACzC,IAAIC,KAAgD;EACpD,IAAIC,MAAM,GAAG,KAAK;EAClB,IAAIC,SAAS,GAAG,KAAK;EACrB,MAAMC,KAAK,GAAGA,CAAA,KAAM;IAClBC,YAAY,CAACJ,KAAK,CAAC;IACnBA,KAAK,GAAGK,SAAS;EACnB,CAAC;EACD,MAAMC,KAAK,GAAGA,CAAA,KAAM;IAClBH,KAAK,CAAC,CAAC;IACPN,KAAK,CAACU,WAAW,CAAC,CAAC;EACrB,CAAC;EACD,MAAMC,QAAQ,GAAGA,CAAA,KAAM;IACrB,MAAMC,MAAM,GAAGX,GAAG,IAAIF,MAAM;IAC5BP,sBAAsB,CAACQ,KAAK,EAAEY,MAAM,EAAE,OAAO,CAAC;IAC9C,IAAIjB,KAAK,CAACkB,KAAK,KAAK,KAAK,EAAE;MACzB,MAAMC,MAAM,GAAGd,KAAK,CAACe,qBAAqB,CAAC,CAAC,CAACD,MAAM;MACnD,MAAME,MAAM,GAAGJ,MAAM,CAACG,qBAAqB,CAAC,CAAC,CAACC,MAAM;MACpDhB,KAAK,CAACiB,KAAK,CAACC,GAAG,GAAG,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEF,IAAI,CAACG,GAAG,CAACN,MAAM,GAAGF,MAAM,EAAES,MAAM,CAACC,WAAW,GAAGV,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI;IAC9G;EACF,CAAC;EACD,MAAMW,IAAI,GAAGA,CAAA,KAAM;IACjBnB,KAAK,CAAC,CAAC;IACP,IAAID,SAAS,IAAIR,IAAI,CAAC,CAAC,EAAE;IACzBG,KAAK,CAAC0B,WAAW,CAAC,CAAC;IACnBf,QAAQ,CAAC,CAAC;EACZ,CAAC;EACD,MAAMgB,KAAK,GAAGA,CAAA,KAAM;IAClBrB,KAAK,CAAC,CAAC;IACP,IAAI,CAACD,SAAS,IAAI,CAACR,IAAI,CAAC,CAAC,EAAEM,KAAK,GAAGyB,UAAU,CAACH,IAAI,EAAE,GAAG,CAAC;EAC1D,CAAC;EACD,MAAMI,KAAK,GAAGA,CAAA,KAAM;IAClBvB,KAAK,CAAC,CAAC;IACPD,SAAS,GAAG,KAAK;IACjB,IAAI,CAACD,MAAM,EACTD,KAAK,GAAGyB,UAAU,CAAC,MAAM;MACvB,IAAI,CAAC5B,KAAK,CAAC8B,QAAQ,CAACC,QAAQ,CAACC,aAAa,CAAC,IAAI,CAAC/B,GAAG,EAAE6B,QAAQ,CAACC,QAAQ,CAACC,aAAa,CAAC,EAAEvB,KAAK,CAAC,CAAC;IAChG,CAAC,EAAE,GAAG,CAAC;EACX,CAAC;EACD,MAAMwB,OAAO,GAAGA,CAAA,KAAM;IACpB,MAAMC,OAAO,GAAGlC,KAAK,CAAC8B,QAAQ,CAACC,QAAQ,CAACC,aAAa,CAAC;IACtD3B,SAAS,GAAG,IAAI;IAChBI,KAAK,CAAC,CAAC;IACP,IAAIyB,OAAO,EAAE,CAAChC,IAAI,IAAIH,MAAM,EAAEoC,KAAK,CAAC,CAAC;EACvC,CAAC;EACD,MAAMC,MAAM,GAAGA,CAAA,KAAM;IACnB9B,KAAK,CAAC,CAAC;IACP,IAAIT,IAAI,CAAC,CAAC,IAAIO,MAAM,EAAE;MACpB6B,OAAO,CAAC,CAAC;MACT;IACF;IACA5B,SAAS,GAAG,KAAK;IACjBD,MAAM,GAAG,IAAI;IACbqB,IAAI,CAAC,CAAC;IACNzB,KAAK,CAACmC,KAAK,CAAC,CAAC;EACf,CAAC;EACD5C,OAAO,CAAC,MAAM;IACZU,GAAG,GAAGF,MAAM,CAACsC,OAAO,CAAc,kCAAkC,CAAC;IACrE,IAAI1C,KAAK,CAAC2C,OAAO,KAAK,KAAK,EAAE;MAC3BpC,IAAI,GAAGD,GAAG,EAAEsC,aAAa,CAAoB,sDAAsD,CAAC,IAAI,IAAI;MAC5GrC,IAAI,EAAEsC,YAAY,CAAC,YAAY,EAAE7C,KAAK,CAAC8C,KAAK,CAAC;MAC7CvC,IAAI,EAAEsC,YAAY,CAAC,eAAe,EAAE,QAAQ,CAAC;MAC7CtC,IAAI,EAAEsC,YAAY,CAAC,eAAe,EAAE5C,EAAE,CAAC;MACvCM,IAAI,EAAEsC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC;MAC5CtC,IAAI,EAAEwC,gBAAgB,CAAC,OAAO,EAAEN,MAAM,CAAC;IACzC;IACA,MAAMO,YAAY,GAAIC,KAAmB,IAAK;MAC5C,IAAIA,KAAK,CAACC,WAAW,KAAK,OAAO,EAAElB,KAAK,CAAC,CAAC;IAC5C,CAAC;IACD,MAAMmB,QAAQ,GAAIF,KAAiB,IAAK;MACtC,MAAMG,IAAI,GAAGH,KAAK,CAACI,aAAa;MAChC,IAAID,IAAI,YAAYE,IAAI,KAAKjD,KAAK,CAAC8B,QAAQ,CAACiB,IAAI,CAAC,IAAI9C,GAAG,EAAE6B,QAAQ,CAACiB,IAAI,CAAC,CAAC,EAAE;MAC3E3C,MAAM,GAAG,KAAK;MACdyB,KAAK,CAAC,CAAC;IACT,CAAC;IACD,MAAMqB,MAAM,GAAIN,KAAoB,IAAK;MACvC,IAAIA,KAAK,CAACO,GAAG,KAAK,QAAQ,IAAI,CAACtD,IAAI,CAAC,CAAC,EAAE;MACvCoC,OAAO,CAAC,CAAC;IACX,CAAC;IACD,MAAMmB,UAAU,GAAGA,CAAA,KAAM;MACvB,IAAIvD,IAAI,CAAC,CAAC,EAAEc,QAAQ,CAAC,CAAC;IACxB,CAAC;IACDV,GAAG,EAAEyC,gBAAgB,CAAC,cAAc,EAAEC,YAAY,CAAC;IACnD1C,GAAG,EAAEyC,gBAAgB,CAAC,cAAc,EAAEb,KAAK,CAAC;IAC5C5B,GAAG,EAAEyC,gBAAgB,CAAC,SAAS,EAAEf,KAAK,CAAC;IACvC1B,GAAG,EAAEyC,gBAAgB,CAAC,UAAU,EAAEI,QAAQ,CAAC;IAC3C9C,KAAK,CAAC0C,gBAAgB,CAAC,UAAU,EAAEI,QAAQ,CAAC;IAC5Cf,QAAQ,CAACW,gBAAgB,CAAC,SAAS,EAAEQ,MAAM,CAAC;IAC5C3B,MAAM,CAACmB,gBAAgB,CAAC,QAAQ,EAAEU,UAAU,CAAC;IAC7C7B,MAAM,CAACmB,gBAAgB,CAAC,QAAQ,EAAEU,UAAU,EAAE,IAAI,CAAC;IACnD,MAAMC,QAAQ,GAAG,IAAIC,cAAc,CAACF,UAAU,CAAC;IAC/CC,QAAQ,CAACE,OAAO,CAACvD,KAAK,CAAC;IACvBV,SAAS,CAAC,MAAM;MACdgB,KAAK,CAAC,CAAC;MACP+C,QAAQ,CAACG,UAAU,CAAC,CAAC;MACrBtD,IAAI,EAAEuD,mBAAmB,CAAC,OAAO,EAAErB,MAAM,CAAC;MAC1CnC,GAAG,EAAEwD,mBAAmB,CAAC,cAAc,EAAEd,YAAY,CAAC;MACtD1C,GAAG,EAAEwD,mBAAmB,CAAC,cAAc,EAAE5B,KAAK,CAAC;MAC/C5B,GAAG,EAAEwD,mBAAmB,CAAC,SAAS,EAAE9B,KAAK,CAAC;MAC1C1B,GAAG,EAAEwD,mBAAmB,CAAC,UAAU,EAAEX,QAAQ,CAAC;MAC9C9C,KAAK,CAACyD,mBAAmB,CAAC,UAAU,EAAEX,QAAQ,CAAC;MAC/Cf,QAAQ,CAAC0B,mBAAmB,CAAC,SAAS,EAAEP,MAAM,CAAC;MAC/C3B,MAAM,CAACkC,mBAAmB,CAAC,QAAQ,EAAEL,UAAU,CAAC;MAChD7B,MAAM,CAACkC,mBAAmB,CAAC,QAAQ,EAAEL,UAAU,EAAE,IAAI,CAAC;IACxD,CAAC,CAAC;EACJ,CAAC,CAAC;EACF,QAAAM,KAAA,CAAAC,MAAA,EAAAC,cAAA,eAAAC,QAAA,CAOkBlE,KAAK,CAAC8C,KAAK,iBAAAmB,cAAA,kBAAAC,QAAA,CAERhE,IAAI,CAAC,CAAC,kBAAA+D,cAAA,kBAAAC,QAAA,CACNjE,EAAE,kBAAAgE,cAAA,qBACCjE,KAAK,CAAC2C,OAAO,KAAK,KAAK,GAAG,MAAM,GAAAuB,QAAA,CAAGrD,SAAS,iBAAAoD,cAAA,UAGpDjE,KAAK,CAAC2C,OAAO,KAAK,KAAK,GAAG,qBAAqB,GAAG,mBAAmB,WAAAoB,KAAA,CAAAI,OAAA,EAAAF,cAAA,OAAAC,QAAA,CAI3EjE,EAAE,iBAAAgE,cAAA,eAAAC,QAAA,CAGMlE,KAAK,CAAC8C,KAAK,iBAAAoB,QAAA,CAAAE,iBAAA,CAatBtE,UAAU;IAAA,IAACuE,YAAYA,CAAA;MAAA,OAAErE,KAAK,CAACqE,YAAY;IAAA;IAAA;IAAA,IAAAC,SAAA;MAAA,OACzC,OAAOtE,KAAK,CAACsE,QAAQ,KAAK,UAAU,GAAGtE,KAAK,CAACsE,QAAQ,CAAChC,OAAO,CAAC,GAAGtC,KAAK,CAACsE,QAAQ;IAAA;EAAA;AAK1F","ignoreList":[]}

package/dist/ssr/layout/app-workspace-controller.js

@@ -1,4 +1,5 @@
 import { APP_WORKSPACE_DETAIL_MAX, APP_WORKSPACE_DETAIL_MIN, APP_WORKSPACE_DRAWER_MAX, APP_WORKSPACE_DRAWER_MIN, APP_WORKSPACE_MAIN_MIN, APP_WORKSPACE_PANE_MAX, APP_WORKSPACE_PANE_MIN, APP_WORKSPACE_SIDEBAR_COLLAPSED, APP_WORKSPACE_SIDEBAR_MAX, APP_WORKSPACE_SIDEBAR_MIN, appWorkspacePanelVariable, appWorkspaceResizeLimits, fitAppWorkspacePaneSizes, normalizeAppWorkspaceLayoutState, resolveAppWorkspaceSidebarWidth, safeAppWorkspacePanelId, shouldCollapseAppWorkspaceSidebar } from "./app-workspace-state";
+import { installScrollFades } from "./scroll-fade";
 const HANDLE_SELECTOR = "[data-app-workspace-resize]";
 const ROOT_SELECTOR = "[data-k2b-app-workspace]";
 const LAYOUT_REGION_SELECTOR = [ROOT_SELECTOR, ".k2b-app-workspace__sidebar", ".k2b-app-workspace__main-pane", ".k2b-app-workspace__detail", ".k2b-app-workspace__drawer", HANDLE_SELECTOR].join(",");
@@ -152,6 +153,7 @@ const measureLabel = label => {
 };
 export const installAppWorkspaceController = (options = {}) => {
   const eventRoot = options.root ?? document;
+  const stopScrollFades = installScrollFades(eventRoot);
   let layoutState = normalizeAppWorkspaceLayoutState(options.readState?.()) ?? {
     version: 2
   };
@@ -402,6 +404,7 @@ export const installAppWorkspaceController = (options = {}) => {
   });
   scheduleReconcile();
   return () => {
+    stopScrollFades();
     // Flush the latest coalesced pointer sample before listeners and frames are
     // torn down, so unmounting during a drag cannot lose the final size.
     stopResize();