@k2b/ui 0.2.0 → 0.3.0

package/dist/browser/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","_el$","_$getNextElement","_tmpl$4","_el$9","firstChild","_el$0","_co$2","_$getNextMarker","nextSibling","_el$2","_el$3","_el$5","_el$6","_co$","_el$1","_el$10","_co$3","_el$11","_el$12","_co$4","_$insert","_$createComponent","when","icon","children","_el$13","_tmpl$5","_$effect","_$className","subtitle","_el$4","_tmpl$","actions","_el$7","_tmpl$2","close","_el$8","_tmpl$3","_$addEventListener","_p$","_v$","closeLabel","closeDialog","_v$2","closeDisabled","e","_$setAttribute","t","_$setProperty","undefined","_$runHydrationEvents","_v$3","_v$4","PanelDialogBody","_el$14","_tmpl$6","_v$5","scrollPreserveKey","_v$6","PanelDialogFooter","_el$15","_tmpl$7","PanelDialogSection","_el$16","_tmpl$8","_el$17","_el$24","_el$25","_co$6","_el$18","_el$19","_el$21","_el$22","_co$5","_el$26","_el$27","_co$7","_el$28","_el$29","_tmpl$9","_el$30","_el$20","_el$23","PanelDialogTabs","value","onValueChange","ariaLabel","label","dialogTabs","options","PanelDialog","surface","Provider","_el$31","_tmpl$0","Header","Body","Footer","Section","_$delegateEvents"],"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","_el$","_$getNextElement","_tmpl$4","_el$9","firstChild","_el$0","_co$2","_$getNextMarker","nextSibling","_el$2","_el$3","_el$5","_el$6","_co$","_el$1","_el$10","_co$3","_el$11","_el$12","_co$4","_$insert","_$createComponent","when","icon","children","_el$13","_tmpl$5","_$effect","_$className","subtitle","_el$4","_tmpl$","actions","_el$7","_tmpl$2","close","_el$8","_tmpl$3","_$addEventListener","_p$","_v$","closeLabel","closeDialog","_v$2","closeDisabled","e","_$setAttribute","t","_$setProperty","undefined","_$runHydrationEvents","_v$3","_v$4","PanelDialogBody","body","scrollFade","_el$14","_tmpl$6","_ref$","_$use","_v$5","scrollPreserveKey","_v$6","_v$7","a","PanelDialogFooter","_el$15","_tmpl$7","PanelDialogSection","id","internalOpen","setInternalOpen","defaultOpen","open","hideable","section","expand","collapse","toggle","next","disabled","onOpenChange","expanded","queueMicrotask","active","ownerDocument","activeElement","focus","contains","_el$16","_tmpl$11","_el$39","_el$40","_co$0","_el$24","_el$32","_el$33","_co$7","_el$25","_el$26","_el$28","_el$29","_co$6","_el$34","_el$35","_co$8","_el$36","_el$37","_co$9","_el$38","_ref$2","_el$17","_tmpl$1","ref","r$","_ref$3","onClick","_el$41","_el$18","_tmpl$9","_el$19","_el$21","_el$22","_co$5","_el$20","_tmpl$8","_tmpl$0","_el$42","_tmpl$12","_el$43","_el$27","_el$30","_ref$4","size","_tmpl$10","_v$8","_v$9","_v$0","_v$1","_v$10","_v$11","o","i","n","PanelDialogTabs","value","onValueChange","ariaLabel","label","dialogTabs","options","PanelDialog","surface","Provider","_el$44","_tmpl$13","Header","Body","Footer","Section","_$delegateEvents"],"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/browser/layout/ScrollArea.js

@@ -2,17 +2,37 @@ import { template as _$template } from "solid-js/web";
 import { getNextElement as _$getNextElement } from "solid-js/web";
 import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
 import { insert as _$insert } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
 import { spread as _$spread } from "solid-js/web";
 import { mergeProps as _$mergeProps } from "solid-js/web";
 import { memo as _$memo } from "solid-js/web";
 var _tmpl$ = /*#__PURE__*/_$template(`<div>`);
 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 (() => {
     var _el$ = _$getNextElement(_tmpl$);
+    _$use(el => {
+      body = el;
+      if (typeof local.ref === "function") local.ref(el);
+    }, _el$);
     _$spread(_el$, _$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 _$memo(() => !!className())() ? `k2b-scroll-area ${className()}` : "k2b-scroll-area";
       },

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

@@ -1 +1 @@
-{"version":3,"names":["splitProps","ScrollArea","props","local","elementProps","className","class","trim","_el$","_$getNextElement","_tmpl$","_$spread","_$mergeProps","_$memo","data-scroll-preserve","scrollPreserveKey","undefined","_$insert","children","_$runHydrationEvents"],"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;IAAA,IAAAC,IAAA,GAAAC,gBAAA,CAAAC,MAAA;IAAAC,QAAA,CAAAH,IAAA,EAAAI,YAAA,CAEQR,YAAY;MAAA,aAAAE,CAAA;QAAA,OACTO,MAAA,SAAAR,SAAS,CAAC,CAAC,MAAG,mBAAmBA,SAAS,CAAC,CAAC,EAAE,GAAG,iBAAiB;MAAA;MAAA,4BAAAS,CAAA;QAAA,OACnDX,KAAK,CAACY,iBAAiB,IAAIC,SAAS;MAAA;IAAA;IAAAC,QAAA,CAAAT,IAAA,QAEzDL,KAAK,CAACe,QAAQ;IAAAC,oBAAA;IAAA,OAAAX,IAAA;EAAA;AAGrB;AAEA,eAAeP,UAAU","ignoreList":[]}
+{"version":3,"names":["splitProps","createScrollFade","ScrollArea","props","local","elementProps","body","scrollFade","className","class","trim","_el$","_$getNextElement","_tmpl$","_$use","el","ref","_$spread","_$mergeProps","data-scroll-fade-axis","orientation","data-viewport-size","viewportSize","data-orientation","data-scroll-fade-mode","undefined","_$memo","data-scroll-preserve","scrollPreserveKey","_$insert","children","_$runHydrationEvents"],"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, [\"children\", \"scrollPreserveKey\", \"class\", \"scrollFade\", \"orientation\", \"viewportSize\", \"ref\"]);\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,CAAC,UAAU,EAAE,mBAAmB,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC;EAC/I,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;IAAA,IAAAC,IAAA,GAAAC,gBAAA,CAAAC,MAAA;IAAAC,KAAA,CAGUC,EAAE,IAAK;MACXT,IAAI,GAAGS,EAAE;MACT,IAAI,OAAOX,KAAK,CAACY,GAAG,KAAK,UAAU,EAAEZ,KAAK,CAACY,GAAG,CAACD,EAAE,CAAC;IACpD,CAAC,EAAAJ,IAAA;IAAAM,QAAA,CAAAN,IAAA,EAAAO,YAAA,CAJGb,YAAY;MAAA,6BAAAc,CAAA;QAAA,OAKOf,KAAK,CAACgB,WAAW,IAAI,UAAU;MAAA;MAAA,0BAAAC,CAAA;QAAA,OAClCjB,KAAK,CAACkB,YAAY;MAAA;MAAA,wBAAAC,CAAA;QAAA,OACpBnB,KAAK,CAACgB,WAAW,IAAI,UAAU;MAAA;MAAA,6BAAAI,CAAA;QAAA,OAC1BpB,KAAK,CAACG,UAAU,KAAK,KAAK,GAAG,MAAM,GAAGkB,SAAS;MAAA;MAAA,aAAAhB,CAAA;QAAA,OAC/DiB,MAAA,SAAAlB,SAAS,CAAC,CAAC,MAAG,mBAAmBA,SAAS,CAAC,CAAC,EAAE,GAAG,iBAAiB;MAAA;MAAA,4BAAAmB,CAAA;QAAA,OACnDvB,KAAK,CAACwB,iBAAiB,IAAIH,SAAS;MAAA;IAAA;IAAAI,QAAA,CAAAlB,IAAA,QAEzDP,KAAK,CAAC0B,QAAQ;IAAAC,oBAAA;IAAA,OAAApB,IAAA;EAAA;AAGrB;AAEA,eAAeT,UAAU","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["children","createMemo","createUniqueId","Show","Button","useUiMessages","read","value","SettingsPage","props","_el$","_$getNextElement","_tmpl$4","_el$2","firstChild","_el$9","_el$0","_co$2","_$getNextMarker","nextSibling","_el$3","_el$4","_el$6","_el$7","_co$","_el$1","_el$10","_co$3","_el$11","_el$13","_el$14","_co$4","_$insert","_$createComponent","when","icon","_el$15","_tmpl$5","_$effect","_$className","title","subtitle","_el$5","_tmpl$","actions","_el$8","_tmpl$2","footer","_el$12","_tmpl$3","_p$","_v$","class","_v$2","style","_v$3","scrollPreserveKey","e","t","_$style","a","_$setAttribute","undefined","SettingsSection","headingId","_el$16","_tmpl$7","_el$17","_el$24","_el$25","_co$6","_el$18","_el$19","_el$21","_el$22","_co$5","_el$26","_el$27","_co$7","_el$28","_el$29","_el$20","_el$23","_tmpl$6","SETTINGS_GROUP_ACTION","Symbol","SettingsGroupAction","kind","collectSettingsGroupActions","Array","isArray","flatMap","collectSettingsGroupContent","SettingsGroup","resolved","action","content","_el$30","_tmpl$8","_el$31","_el$32","_el$33","_el$35","_el$36","_co$8","_el$37","_el$38","_co$9","_el$39","description","_el$34","slot","_el$40","_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","_el$41","_tmpl$1","_el$42","_el$43","_el$44","_el$46","_el$47","_co$0","_el$48","_el$49","_el$50","_co$1","_el$51","_el$52","_co$10","label","_$memo","changed","_el$45","_tmpl$0","unsaved","_el$53","_tmpl$10","_el$54","_el$55","_el$56","_el$57","_co$11","SettingsActions","changeCount","loading","disabled","Boolean","disableWithoutChanges","saveDisabled","_el$58","_tmpl$12","_el$60","_el$61","_co$12","_el$62","_el$63","_co$13","variant","onClick","onDiscard","discard","saveVariant","loadingLabel","saving","onSave","_tmpl$11","saveLabel","saveChanges","SettingsSaveBar","_el$64","_tmpl$13","_el$65","_el$66","_el$67","_el$68","_el$69","_co$14","_el$70","_el$71","_co$15","unsavedChangeLabel","count","SettingsPanelFooter","_el$72","_tmpl$15","noUnsavedChanges","_el$73","_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","_el$","_$getNextElement","_tmpl$4","_el$2","firstChild","_el$9","_el$0","_co$2","_$getNextMarker","nextSibling","_el$3","_el$4","_el$6","_el$7","_co$","_el$1","_el$10","_co$3","_el$11","_el$13","_el$14","_co$4","_$insert","_$createComponent","when","icon","_el$15","_tmpl$5","_$effect","_$className","title","subtitle","_el$5","_tmpl$","actions","_el$8","_tmpl$2","footer","_el$12","_tmpl$3","_p$","_v$","class","_v$2","style","_v$3","scrollPreserveKey","e","t","_$style","a","_$setAttribute","undefined","SettingsSection","headingId","_el$16","_tmpl$7","_el$17","_el$24","_el$25","_co$6","_el$18","_el$19","_el$21","_el$22","_co$5","_el$26","_el$27","_co$7","_el$28","_el$29","_el$20","_el$23","_tmpl$6","SETTINGS_GROUP_ACTION","Symbol","SettingsGroupAction","kind","collectSettingsGroupActions","Array","isArray","flatMap","collectSettingsGroupContent","SettingsGroup","resolved","action","content","_el$30","_tmpl$8","_el$31","_el$32","_el$33","_el$35","_el$36","_co$8","_el$37","_el$38","_co$9","_el$39","description","_el$34","slot","_el$40","_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","_el$41","_tmpl$1","_el$42","_el$43","_el$44","_el$46","_el$47","_co$0","_el$48","_el$49","_el$50","_co$1","_el$51","_el$52","_co$10","label","_$memo","changed","_el$45","_tmpl$0","unsaved","_el$53","_tmpl$10","_el$54","_el$55","_el$56","_el$57","_co$11","SettingsActions","changeCount","loading","disabled","Boolean","disableWithoutChanges","saveDisabled","_el$58","_tmpl$12","_el$60","_el$61","_co$12","_el$62","_el$63","_co$13","variant","onClick","onDiscard","discard","saveVariant","loadingLabel","saving","onSave","_tmpl$11","saveLabel","saveChanges","SettingsSaveBar","_el$64","_tmpl$13","_el$65","_el$66","_el$67","_el$68","_el$69","_co$14","_el$70","_el$71","_co$15","unsavedChangeLabel","count","SettingsPanelFooter","_el$72","_tmpl$15","noUnsavedChanges","_el$73","_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/browser/layout/SidebarItemPreview.js

@@ -0,0 +1,183 @@
+import { template as _$template } from "solid-js/web";
+import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<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>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<div popover=auto role=dialog tabindex=-1 class=k2b-app-workspace__sidebar-preview>`);
+import { ScrollArea } from "./ScrollArea";
+import { createSignal, createUniqueId, onCleanup, onMount } from "solid-js";
+import { positionTooltipSurface } from "../feedback/tooltip-position";
+
+/** 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 [(() => {
+    var _el$ = _$getNextElement(_tmpl$),
+      _el$2 = _el$.firstChild;
+    _el$.$$click = toggle;
+    var _ref$ = button;
+    typeof _ref$ === "function" ? _$use(_ref$, _el$) : button = _el$;
+    _$setAttribute(_el$, "aria-controls", id);
+    _$effect(_p$ => {
+      var _v$ = props.label,
+        _v$2 = open(),
+        _v$3 = props.trigger === "row" ? "true" : undefined,
+        _v$4 = props.trigger === "row" ? "ti ti-chevron-right" : "ti ti-info-circle";
+      _v$ !== _p$.e && _$setAttribute(_el$, "aria-label", _p$.e = _v$);
+      _v$2 !== _p$.t && _$setAttribute(_el$, "aria-expanded", _p$.t = _v$2);
+      _v$3 !== _p$.a && _$setAttribute(_el$, "data-row-trigger", _p$.a = _v$3);
+      _v$4 !== _p$.o && _$className(_el$2, _p$.o = _v$4);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined,
+      o: undefined
+    });
+    _$runHydrationEvents();
+    return _el$;
+  })(), (() => {
+    var _el$3 = _$getNextElement(_tmpl$2);
+    _el$3.addEventListener("toggle", event => {
+      const visible = event.newState === "open";
+      setOpen(visible);
+      main?.setAttribute("aria-expanded", String(visible));
+      props.onOpenChange?.(visible);
+      if (!visible) pinned = false;
+    });
+    _el$3.addEventListener("pointerleave", leave);
+    _el$3.addEventListener("pointerenter", clear);
+    var _ref$2 = panel;
+    typeof _ref$2 === "function" ? _$use(_ref$2, _el$3) : panel = _el$3;
+    _$setAttribute(_el$3, "id", id);
+    _$insert(_el$3, _$createComponent(ScrollArea, {
+      get viewportSize() {
+        return props.viewportSize;
+      },
+      "class": "k2b-app-workspace__sidebar-preview-body",
+      get children() {
+        return _$memo(() => typeof props.children === "function")() ? props.children(dismiss) : props.children;
+      }
+    }));
+    _$effect(() => _$setAttribute(_el$3, "aria-label", props.label));
+    return _el$3;
+  })()];
+}
+_$delegateEvents(["click"]);
+//# sourceMappingURL=SidebarItemPreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ScrollArea","createSignal","createUniqueId","onCleanup","onMount","positionTooltipSurface","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","_el$","_$getNextElement","_tmpl$","_el$2","firstChild","$$click","_ref$","_$use","_$setAttribute","_$effect","_p$","_v$","_v$2","_v$3","_v$4","e","t","a","o","_$className","_$runHydrationEvents","_el$3","_tmpl$2","visible","newState","String","onOpenChange","_ref$2","_$insert","_$createComponent","viewportSize","children","_$memo","_$delegateEvents"],"sources":["layout/SidebarItemPreview.tsx"],"sourcesContent":["import { ScrollArea, type ScrollAreaProps } from \"./ScrollArea\";\nimport { createSignal, createUniqueId, type JSX, onCleanup, onMount } from \"solid-js\";\nimport { positionTooltipSurface } from \"../feedback/tooltip-position\";\n\n/** A non-modal, interactive row preview. Native popover owns light dismissal. */\nexport function SidebarItemPreview(props: { label: string; children: JSX.Element | ((close: () => void) => JSX.Element); trigger?: \"action\" | \"row\"; align?: \"center\" | \"end\"; viewportSize?: ScrollAreaProps[\"viewportSize\"]; onOpenChange?: (open: boolean) => void }) {\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 = () => { clearTimeout(timer); timer = undefined; };\n  const close = () => { clear(); panel.hidePopover(); };\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 = () => { clear(); if (!dismissed && !open()) timer = setTimeout(show, 250); };\n  const leave = () => {\n    clear();\n    dismissed = false;\n    if (!pinned) 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) { dismiss(); return; }\n    dismissed = false; pinned = true; show(); 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) => { if (event.pointerType === \"mouse\") enter(); };\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 = () => { if (open()) position(); };\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(); 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    <button ref={button} type=\"button\" class=\"k2b-app-workspace__sidebar-item-action k2b-app-workspace__sidebar-preview-trigger\"\n      data-visibility=\"hover\" aria-label={props.label} aria-haspopup=\"dialog\" aria-expanded={open()} aria-controls={id}\n      data-row-trigger={props.trigger === \"row\" ? \"true\" : undefined}\n      onClick={toggle}><i class={props.trigger === \"row\" ? \"ti ti-chevron-right\" : \"ti ti-info-circle\"} aria-hidden=\"true\" /></button>\n    <div ref={panel} id={id} popover=\"auto\" role=\"dialog\" aria-label={props.label} tabIndex={-1}\n      class=\"k2b-app-workspace__sidebar-preview\" onPointerEnter={clear} onPointerLeave={leave}\n      onToggle={(event) => { const visible = event.newState === \"open\"; setOpen(visible); main?.setAttribute(\"aria-expanded\", String(visible)); props.onOpenChange?.(visible); if (!visible) pinned = false; }}>\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"],"mappings":"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","ignoreList":[]}

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

@@ -1,3 +1,4 @@
+import { installScrollFades } from "./scroll-fade";
 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";
 const HANDLE_SELECTOR = "[data-app-workspace-resize]";
 const ROOT_SELECTOR = "[data-k2b-app-workspace]";
@@ -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();