@adea-ai/ui 0.99.1 → 0.99.3

package/dist/components/layout/orbit-layout/orbit-layout.d.ts

@@ -27,7 +27,11 @@ export declare function OrbitLayout(props: OrbitLayoutProps): import("solid-js")
 export type OrbitItemProps = Omit<ComponentProps<'div'>, 'style'> & {
     /** JSX style props are owned by this geometry primitive. */
     style?: never;
-    /** Zero-based position in the rendered sequence. */
+    /**
+     * Zero-based position in the rendered sequence. Index 0 sits at three o'clock
+     * (the positive x axis) and the sequence runs clockwise, because the y axis
+     * points down the screen: with four items, 0 is east, 1 south, 2 west, 3 north.
+     */
     index: number;
     /** Number of items sharing this orbit. */
     count: number;

package/dist/components/layout/orbit-layout/orbit-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"orbit-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/orbit-layout/orbit-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9C,mFAAmF;AACnF,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA;AACzC,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,MAAM,CAAA;AAW/C;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IACpE,4DAA4D;IAC5D,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,+EAA+E;IAC/E,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,oFAAoF;IACpF,IAAI,CAAC,EAAE,eAAe,CAAA;CACvB,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kCAkBlD;AAED;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IAClE,4DAA4D;IAC5D,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAA;IACb,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,6DAA6D;IAC7D,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB,CAAA;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,kCAyC9C"}
+{"version":3,"file":"orbit-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/orbit-layout/orbit-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9C,mFAAmF;AACnF,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA;AACzC,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,MAAM,CAAA;AAW/C;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IACpE,4DAA4D;IAC5D,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,+EAA+E;IAC/E,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,oFAAoF;IACpF,IAAI,CAAC,EAAE,eAAe,CAAA;CACvB,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kCAkBlD;AAED;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IAClE,4DAA4D;IAC5D,KAAK,CAAC,EAAE,KAAK,CAAA;IACb;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,6DAA6D;IAC7D,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB,CAAA;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,kCAyC9C"}

package/dist/components/layout/orbit-layout/orbit-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"orbit-layout.js","names":["ComponentProps","createContext","createMemo","splitProps","useContext","Accessor","cn","OrbitRadius","OrbitLayoutMode","DEFAULT_ORBIT_RADIUS","OrbitRadiusContext","OrbitModeContext","resolveRadius","radius","Number","isFinite","Math","max","trim","OrbitLayoutProps","Omit","style","mode","OrbitLayout","props","local","rest","_$createComponent","Provider","value","children","_el$","_tmpl$","_$spread","_$mergeProps","class","_$insert","OrbitItemProps","index","count","OrbitItem","inheritedRadius","inheritedMode","undefined","angle","trunc","rawIndex","PI","positionStyle","top","left","translate","_el$2","_$createComponent","_$mergeProps"],"sources":["../../../../src/components/layout/orbit-layout/orbit-layout.tsx"],"sourcesContent":["import type { ComponentProps } from 'solid-js'\nimport { createContext, createMemo, splitProps, useContext, type Accessor } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/** A CSS length or expression used to place an item away from the orbit center. */\nexport type OrbitRadius = number | string\nexport type OrbitLayoutMode = 'radial' | 'flow'\n\nconst DEFAULT_ORBIT_RADIUS = 'calc(50% - 2rem)'\nconst OrbitRadiusContext = createContext<Accessor<string>>()\nconst OrbitModeContext = createContext<Accessor<OrbitLayoutMode>>()\n\nfunction resolveRadius(radius: OrbitRadius | undefined): string {\n  if (typeof radius === 'number') return `${Number.isFinite(radius) ? Math.max(0, radius) : 0}px`\n  return radius?.trim() || DEFAULT_ORBIT_RADIUS\n}\n\n/**\n * OrbitLayout.\n *\n * Provides a positioned canvas and a shared radius for its OrbitItems. It does\n * not assign list semantics or alter DOM order: callers choose semantics, and\n * keyboard and screen-reader order remain the source order of the children.\n */\nexport type OrbitLayoutProps = Omit<ComponentProps<'div'>, 'style'> & {\n  /** JSX style props are owned by this geometry primitive. */\n  style?: never\n  /** Responsive radius used by every OrbitItem unless that item overrides it. */\n  radius?: OrbitRadius\n  /** `flow` places items in source order; `radial` positions them around the host. */\n  mode?: OrbitLayoutMode\n}\n\nexport function OrbitLayout(props: OrbitLayoutProps) {\n  const [local, rest] = splitProps(props, ['class', 'radius', 'mode', 'style', 'children'])\n  const radius = createMemo(() => resolveRadius(local.radius))\n  const mode = createMemo(() => local.mode ?? 'radial')\n\n  return (\n    <OrbitRadiusContext.Provider value={radius}>\n      <OrbitModeContext.Provider value={mode}>\n        <div\n          {...rest}\n          data-slot=\"orbit-layout\"\n          class={cn(mode() === 'flow' ? 'grid gap-3' : 'relative size-full', local.class)}\n        >\n          {local.children}\n        </div>\n      </OrbitModeContext.Provider>\n    </OrbitRadiusContext.Provider>\n  )\n}\n\n/**\n * OrbitItem.\n *\n * Positions one ordinary child around its OrbitLayout. This is geometry only:\n * the wrapper has no role, tabindex, or interaction of its own.\n */\nexport type OrbitItemProps = Omit<ComponentProps<'div'>, 'style'> & {\n  /** JSX style props are owned by this geometry primitive. */\n  style?: never\n  /** Zero-based position in the rendered sequence. */\n  index: number\n  /** Number of items sharing this orbit. */\n  count: number\n  /** Per-item override for OrbitLayout's responsive radius. */\n  radius?: OrbitRadius\n}\n\nexport function OrbitItem(props: OrbitItemProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'index',\n    'count',\n    'radius',\n    'style',\n    'children',\n  ])\n  const inheritedRadius = useContext(OrbitRadiusContext)\n  const inheritedMode = useContext(OrbitModeContext)\n  const mode = () => inheritedMode?.() ?? 'radial'\n  const radius = () =>\n    local.radius !== undefined\n      ? resolveRadius(local.radius)\n      : (inheritedRadius?.() ?? DEFAULT_ORBIT_RADIUS)\n  const angle = createMemo(() => {\n    const count = Number.isFinite(local.count) ? Math.max(1, Math.trunc(local.count)) : 1\n    const rawIndex = Number.isFinite(local.index) ? Math.trunc(local.index) : 0\n    const index = ((rawIndex % count) + count) % count\n    return `${(index / count) * Math.PI * 2}rad`\n  })\n  const positionStyle = () =>\n    mode() === 'flow'\n      ? undefined\n      : {\n          top: `calc(50% + sin(${angle()}) * ${radius()})`,\n          left: `calc(50% + cos(${angle()}) * ${radius()})`,\n          translate: '-50% -50%',\n        }\n\n  return (\n    <div\n      {...rest}\n      data-slot=\"orbit-item\"\n      class={cn(mode() === 'flow' ? undefined : 'absolute', local.class)}\n      style={positionStyle()}\n    >\n      {local.children}\n    </div>\n  )\n}\n"],"mappings":";;;;;AAQA,IAAMS,uBAAuB;AAC7B,IAAMC,qBAAqBT,cAAgC;AAC3D,IAAMU,mBAAmBV,cAAyC;AAElE,SAASW,cAAcC,QAAyC;CAC9D,IAAI,OAAOA,WAAW,UAAU,OAAO,GAAGC,OAAOC,SAASF,MAAM,IAAIG,KAAKC,IAAI,GAAGJ,MAAM,IAAI,EAAC;CAC3F,OAAOA,QAAQK,KAAK,KAAKT;AAC3B;AAkBA,SAAgBc,YAAYC,OAAyB;CACnD,MAAM,CAACC,OAAOC,QAAQvB,WAAWqB,OAAO;EAAC;EAAS;EAAU;EAAQ;EAAS;CAAU,CAAC;CACxF,MAAMX,SAASX,iBAAiBU,cAAca,MAAMZ,MAAM,CAAC;CAC3D,MAAMS,OAAOpB,iBAAiBuB,MAAMH,QAAQ,QAAQ;CAEpD,OAAAK,gBACGjB,mBAAmBkB,UAAQ;EAACC,OAAOhB;EAAM,IAAAiB,WAAA;GAAA,OAAAH,gBACvChB,iBAAiBiB,UAAQ;IAACC,OAAOP;IAAI,IAAAQ,WAAA;KAAA,IAAAC,OAAAC,OAAA;KAAAC,OAAAF,MAAAG,WAE9BR,MAAI;MAAA,aACE;MAAc,KAAA,WAAA;OAAA,OACjBpB,GAAGgB,KAAK,MAAM,SAAS,eAAe,sBAAsBG,MAAMU,KAAK;MAAC;KAAA,CAAA,GAAA,OAAA,IAAA;KAAAC,OAAAL,YAE9EN,MAAMK,QAAQ;KAAA,OAAAC;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA;AAKzB;AAmBA,SAAgBS,UAAUhB,OAAuB;CAC/C,MAAM,CAACC,OAAOC,QAAQvB,WAAWqB,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CACD,MAAMiB,kBAAkBrC,WAAWM,kBAAkB;CACrD,MAAMgC,gBAAgBtC,WAAWO,gBAAgB;CACjD,MAAMW,aAAaoB,gBAAgB,KAAK;CACxC,MAAM7B,eACJY,MAAMZ,WAAW8B,KAAAA,IACb/B,cAAca,MAAMZ,MAAM,IACzB4B,kBAAkB,KAAKhC;CAC9B,MAAMmC,QAAQ1C,iBAAiB;EAC7B,MAAMqC,QAAQzB,OAAOC,SAASU,MAAMc,KAAK,IAAIvB,KAAKC,IAAI,GAAGD,KAAK6B,MAAMpB,MAAMc,KAAK,CAAC,IAAI;EAGpF,OAAO,KAFUzB,OAAOC,SAASU,MAAMa,KAAK,IAAItB,KAAK6B,MAAMpB,MAAMa,KAAK,IAAI,KAC/CC,QAASA,SAASA,QAC1BA,QAASvB,KAAK+B,KAAK,EAAC;CACzC,CAAC;CACD,MAAMC,sBACJ1B,KAAK,MAAM,SACPqB,KAAAA,IACA;EACEM,KAAK,kBAAkBL,MAAM,EAAC,MAAO/B,OAAO,EAAC;EAC7CqC,MAAM,kBAAkBN,MAAM,EAAC,MAAO/B,OAAO,EAAC;EAC9CsC,WAAW;CACb;CAEN,cAAA;EAAA,IAAAC,QAAApB,OAAA;EAAAC,OAAAmB,OAAAlB,WAEQR,MAAI;GAAA,aACE;GAAY,KAAA,WAAA;IAAA,OACfpB,GAAGgB,KAAK,MAAM,SAASqB,KAAAA,IAAY,YAAYlB,MAAMU,KAAK;GAAC;GAAA,IAClEd,QAAK;IAAA,OAAE2B,cAAc;GAAC;EAAA,CAAA,GAAA,OAAA,IAAA;EAAAZ,OAAAgB,aAErB3B,MAAMK,QAAQ;EAAA,OAAAsB;CAAA,EAAA,CAAA;AAGrB"}
+{"version":3,"file":"orbit-layout.js","names":["ComponentProps","createContext","createMemo","splitProps","useContext","Accessor","cn","OrbitRadius","OrbitLayoutMode","DEFAULT_ORBIT_RADIUS","OrbitRadiusContext","OrbitModeContext","resolveRadius","radius","Number","isFinite","Math","max","trim","OrbitLayoutProps","Omit","style","mode","OrbitLayout","props","local","rest","_$createComponent","Provider","value","children","_el$","_tmpl$","_$spread","_$mergeProps","class","_$insert","OrbitItemProps","index","count","OrbitItem","inheritedRadius","inheritedMode","undefined","angle","trunc","rawIndex","PI","positionStyle","top","left","translate","_el$2","_$createComponent","_$mergeProps"],"sources":["../../../../src/components/layout/orbit-layout/orbit-layout.tsx"],"sourcesContent":["import type { ComponentProps } from 'solid-js'\nimport { createContext, createMemo, splitProps, useContext, type Accessor } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/** A CSS length or expression used to place an item away from the orbit center. */\nexport type OrbitRadius = number | string\nexport type OrbitLayoutMode = 'radial' | 'flow'\n\nconst DEFAULT_ORBIT_RADIUS = 'calc(50% - 2rem)'\nconst OrbitRadiusContext = createContext<Accessor<string>>()\nconst OrbitModeContext = createContext<Accessor<OrbitLayoutMode>>()\n\nfunction resolveRadius(radius: OrbitRadius | undefined): string {\n  if (typeof radius === 'number') return `${Number.isFinite(radius) ? Math.max(0, radius) : 0}px`\n  return radius?.trim() || DEFAULT_ORBIT_RADIUS\n}\n\n/**\n * OrbitLayout.\n *\n * Provides a positioned canvas and a shared radius for its OrbitItems. It does\n * not assign list semantics or alter DOM order: callers choose semantics, and\n * keyboard and screen-reader order remain the source order of the children.\n */\nexport type OrbitLayoutProps = Omit<ComponentProps<'div'>, 'style'> & {\n  /** JSX style props are owned by this geometry primitive. */\n  style?: never\n  /** Responsive radius used by every OrbitItem unless that item overrides it. */\n  radius?: OrbitRadius\n  /** `flow` places items in source order; `radial` positions them around the host. */\n  mode?: OrbitLayoutMode\n}\n\nexport function OrbitLayout(props: OrbitLayoutProps) {\n  const [local, rest] = splitProps(props, ['class', 'radius', 'mode', 'style', 'children'])\n  const radius = createMemo(() => resolveRadius(local.radius))\n  const mode = createMemo(() => local.mode ?? 'radial')\n\n  return (\n    <OrbitRadiusContext.Provider value={radius}>\n      <OrbitModeContext.Provider value={mode}>\n        <div\n          {...rest}\n          data-slot=\"orbit-layout\"\n          class={cn(mode() === 'flow' ? 'grid gap-3' : 'relative size-full', local.class)}\n        >\n          {local.children}\n        </div>\n      </OrbitModeContext.Provider>\n    </OrbitRadiusContext.Provider>\n  )\n}\n\n/**\n * OrbitItem.\n *\n * Positions one ordinary child around its OrbitLayout. This is geometry only:\n * the wrapper has no role, tabindex, or interaction of its own.\n */\nexport type OrbitItemProps = Omit<ComponentProps<'div'>, 'style'> & {\n  /** JSX style props are owned by this geometry primitive. */\n  style?: never\n  /**\n   * Zero-based position in the rendered sequence. Index 0 sits at three o'clock\n   * (the positive x axis) and the sequence runs clockwise, because the y axis\n   * points down the screen: with four items, 0 is east, 1 south, 2 west, 3 north.\n   */\n  index: number\n  /** Number of items sharing this orbit. */\n  count: number\n  /** Per-item override for OrbitLayout's responsive radius. */\n  radius?: OrbitRadius\n}\n\nexport function OrbitItem(props: OrbitItemProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'index',\n    'count',\n    'radius',\n    'style',\n    'children',\n  ])\n  const inheritedRadius = useContext(OrbitRadiusContext)\n  const inheritedMode = useContext(OrbitModeContext)\n  const mode = () => inheritedMode?.() ?? 'radial'\n  const radius = () =>\n    local.radius !== undefined\n      ? resolveRadius(local.radius)\n      : (inheritedRadius?.() ?? DEFAULT_ORBIT_RADIUS)\n  const angle = createMemo(() => {\n    const count = Number.isFinite(local.count) ? Math.max(1, Math.trunc(local.count)) : 1\n    const rawIndex = Number.isFinite(local.index) ? Math.trunc(local.index) : 0\n    const index = ((rawIndex % count) + count) % count\n    return `${(index / count) * Math.PI * 2}rad`\n  })\n  const positionStyle = () =>\n    mode() === 'flow'\n      ? undefined\n      : {\n          top: `calc(50% + sin(${angle()}) * ${radius()})`,\n          left: `calc(50% + cos(${angle()}) * ${radius()})`,\n          translate: '-50% -50%',\n        }\n\n  return (\n    <div\n      {...rest}\n      data-slot=\"orbit-item\"\n      class={cn(mode() === 'flow' ? undefined : 'absolute', local.class)}\n      style={positionStyle()}\n    >\n      {local.children}\n    </div>\n  )\n}\n"],"mappings":";;;;;AAQA,IAAMS,uBAAuB;AAC7B,IAAMC,qBAAqBT,cAAgC;AAC3D,IAAMU,mBAAmBV,cAAyC;AAElE,SAASW,cAAcC,QAAyC;CAC9D,IAAI,OAAOA,WAAW,UAAU,OAAO,GAAGC,OAAOC,SAASF,MAAM,IAAIG,KAAKC,IAAI,GAAGJ,MAAM,IAAI,EAAC;CAC3F,OAAOA,QAAQK,KAAK,KAAKT;AAC3B;AAkBA,SAAgBc,YAAYC,OAAyB;CACnD,MAAM,CAACC,OAAOC,QAAQvB,WAAWqB,OAAO;EAAC;EAAS;EAAU;EAAQ;EAAS;CAAU,CAAC;CACxF,MAAMX,SAASX,iBAAiBU,cAAca,MAAMZ,MAAM,CAAC;CAC3D,MAAMS,OAAOpB,iBAAiBuB,MAAMH,QAAQ,QAAQ;CAEpD,OAAAK,gBACGjB,mBAAmBkB,UAAQ;EAACC,OAAOhB;EAAM,IAAAiB,WAAA;GAAA,OAAAH,gBACvChB,iBAAiBiB,UAAQ;IAACC,OAAOP;IAAI,IAAAQ,WAAA;KAAA,IAAAC,OAAAC,OAAA;KAAAC,OAAAF,MAAAG,WAE9BR,MAAI;MAAA,aACE;MAAc,KAAA,WAAA;OAAA,OACjBpB,GAAGgB,KAAK,MAAM,SAAS,eAAe,sBAAsBG,MAAMU,KAAK;MAAC;KAAA,CAAA,GAAA,OAAA,IAAA;KAAAC,OAAAL,YAE9EN,MAAMK,QAAQ;KAAA,OAAAC;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA;AAKzB;AAuBA,SAAgBS,UAAUhB,OAAuB;CAC/C,MAAM,CAACC,OAAOC,QAAQvB,WAAWqB,OAAO;EACtC;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CACD,MAAMiB,kBAAkBrC,WAAWM,kBAAkB;CACrD,MAAMgC,gBAAgBtC,WAAWO,gBAAgB;CACjD,MAAMW,aAAaoB,gBAAgB,KAAK;CACxC,MAAM7B,eACJY,MAAMZ,WAAW8B,KAAAA,IACb/B,cAAca,MAAMZ,MAAM,IACzB4B,kBAAkB,KAAKhC;CAC9B,MAAMmC,QAAQ1C,iBAAiB;EAC7B,MAAMqC,QAAQzB,OAAOC,SAASU,MAAMc,KAAK,IAAIvB,KAAKC,IAAI,GAAGD,KAAK6B,MAAMpB,MAAMc,KAAK,CAAC,IAAI;EAGpF,OAAO,KAFUzB,OAAOC,SAASU,MAAMa,KAAK,IAAItB,KAAK6B,MAAMpB,MAAMa,KAAK,IAAI,KAC/CC,QAASA,SAASA,QAC1BA,QAASvB,KAAK+B,KAAK,EAAC;CACzC,CAAC;CACD,MAAMC,sBACJ1B,KAAK,MAAM,SACPqB,KAAAA,IACA;EACEM,KAAK,kBAAkBL,MAAM,EAAC,MAAO/B,OAAO,EAAC;EAC7CqC,MAAM,kBAAkBN,MAAM,EAAC,MAAO/B,OAAO,EAAC;EAC9CsC,WAAW;CACb;CAEN,cAAA;EAAA,IAAAC,QAAApB,OAAA;EAAAC,OAAAmB,OAAAlB,WAEQR,MAAI;GAAA,aACE;GAAY,KAAA,WAAA;IAAA,OACfpB,GAAGgB,KAAK,MAAM,SAASqB,KAAAA,IAAY,YAAYlB,MAAMU,KAAK;GAAC;GAAA,IAClEd,QAAK;IAAA,OAAE2B,cAAc;GAAC;EAAA,CAAA,GAAA,OAAA,IAAA;EAAAZ,OAAAgB,aAErB3B,MAAMK,QAAQ;EAAA,OAAAsB;CAAA,EAAA,CAAA;AAGrB"}

package/dist/components/layout/side-rail/side-rail.d.ts

@@ -79,7 +79,10 @@ export type SideRailItemProps<T extends ValidComponent = 'a'> = PolymorphicProps
      * being deleted.
      */
     label: string;
-    /** A count or a dot, rendered over the icon's corner. */
+    /**
+     * A count or a dot. Expanded, it trails the label at the row's end; collapsed,
+     * it moves onto the icon's corner, so the rail never loses it.
+     */
     badge?: JSX.Element;
     /** An indicator pinned to the trailing edge in the expanded form. */
     trailing?: JSX.Element;

package/dist/components/layout/side-rail/side-rail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side-rail.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/side-rail/side-rail.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAOnE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,IAAI,gBAAgB,CAC5E,CAAC,EACD;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CACF,CAAA;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,eAmCjF;AAED,8EAA8E;AAC9E,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAY1D;AAED,oEAAoE;AACpE,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAY3D;AAED,kDAAkD;AAClD,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAY1D;AAED,2EAA2E;AAC3E,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,eAahF;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,QAiBnB,CAAA;AAUX,eAAO,MAAM,sBAAsB;;;CAGlC,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,cAAc,GAAG,GAAG,IAAI,gBAAgB,CAC9E,CAAC,EACD;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACnB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACtB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CACF,CAAA;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,cAAc,GAAG,GAAG,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,eAkHvF;AAED,wEAAwE;AACxE,wBAAgB,cAAc,CAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,eA6EF"}
+{"version":3,"file":"side-rail.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/side-rail/side-rail.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAOnE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,IAAI,gBAAgB,CAC5E,CAAC,EACD;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CACF,CAAA;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,eAmCjF;AAED,8EAA8E;AAC9E,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAY1D;AAED,oEAAoE;AACpE,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAY3D;AAED,kDAAkD;AAClD,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,eAY1D;AAED,2EAA2E;AAC3E,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,eAahF;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,QAiBnB,CAAA;AAUX,eAAO,MAAM,sBAAsB;;;CAGlC,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,cAAc,GAAG,GAAG,IAAI,gBAAgB,CAC9E,CAAC,EACD;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACnB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACtB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CACF,CAAA;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,cAAc,GAAG,GAAG,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,eA4HvF;AAED,wEAAwE;AACxE,wBAAgB,cAAc,CAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,eA6EF"}

package/dist/components/layout/side-rail/side-rail.js

@@ -10,14 +10,14 @@ var _tmpl$2 = /*#__PURE__*/ template(`<div data-slot=side-rail-content>`);
 var _tmpl$3 = /*#__PURE__*/ template(`<div data-slot=side-rail-footer>`);
 var _tmpl$4 = /*#__PURE__*/ template(`<div class="text-sidebar-muted-foreground px-2 pt-2 pb-1 text-2xs font-medium tracking-wide uppercase group-data-[collapsed=true]/rail:hidden">`);
 var _tmpl$5 = /*#__PURE__*/ template(`<div data-slot=side-rail-section>`);
-var _tmpl$6 = /*#__PURE__*/ template(`<span class="relative flex size-5 shrink-0 items-center justify-center [&amp;_svg]:size-5"><span class="absolute -top-1 -end-1 flex items-center justify-center">`);
-var _tmpl$7 = /*#__PURE__*/ template(`<span class="flex size-5 shrink-0 items-center justify-center [&amp;_svg]:size-5">`);
-var _tmpl$8 = /*#__PURE__*/ template(`<span class="min-w-0 flex-1 truncate group-data-[collapsed=true]/rail:sr-only">`);
+var _tmpl$6 = /*#__PURE__*/ template(`<span class="flex size-5 shrink-0 items-center justify-center [&amp;_svg]:size-5">`);
+var _tmpl$7 = /*#__PURE__*/ template(`<span class="min-w-0 flex-1 truncate text-start group-data-[collapsed=true]/rail:sr-only">`);
+var _tmpl$8 = /*#__PURE__*/ template(`<span data-slot=side-rail-badge class="flex shrink-0 items-center justify-center group-data-[collapsed=true]/rail:absolute group-data-[collapsed=true]/rail:end-1/2 group-data-[collapsed=true]/rail:top-1/2 group-data-[collapsed=true]/rail:-me-3.5 group-data-[collapsed=true]/rail:-mt-3.5">`);
 var _tmpl$9 = /*#__PURE__*/ template(`<span aria-hidden=true class="text-sidebar-muted-foreground shrink-0 font-mono text-2xs leading-none opacity-0 transition-opacity group-hover/rail-item:opacity-100 group-focus-visible/rail-item:opacity-100 group-data-[collapsed=true]/rail:hidden">`);
 var _tmpl$0 = /*#__PURE__*/ template(`<span class="ms-auto shrink-0">`);
 var _tmpl$1 = /*#__PURE__*/ template(`<span class="text-muted-foreground shrink-0 font-mono text-2xs leading-none">`);
 var _tmpl$10 = /*#__PURE__*/ template(`<div aria-hidden=true data-slot=side-rail-tip><span>`);
-var _tmpl$11 = /*#__PURE__*/ template(`<button type=button><span class="flex size-5 shrink-0 items-center justify-center [&amp;_svg]:size-5"></span><span class="min-w-0 flex-1 truncate group-data-[collapsed=true]/rail:sr-only">`);
+var _tmpl$11 = /*#__PURE__*/ template(`<button type=button><span class="flex size-5 shrink-0 items-center justify-center [&amp;_svg]:size-5"></span><span class="min-w-0 flex-1 truncate text-start group-data-[collapsed=true]/rail:sr-only">`);
 var _tmpl$12 = /*#__PURE__*/ template(`<div aria-hidden=true data-slot=side-rail-tip><span class="flex size-5 shrink-0 items-center justify-center [&amp;_svg]:size-5">`);
 function SideRail(props) {
 	const [local, rest] = splitProps(props, [
@@ -167,7 +167,7 @@ function SideRailItem(props) {
 			return local.active ? "" : void 0;
 		},
 		get ["class"]() {
-			return cn(sideRailItemClass, local.active ? sideRailItemStateClass.active : sideRailItemStateClass.idle, local.class);
+			return cn(sideRailItemClass, "relative", local.active ? sideRailItemStateClass.active : sideRailItemStateClass.idle, local.class);
 		},
 		onPointerEnter: showTip,
 		onPointerLeave: hideTip,
@@ -175,40 +175,34 @@ function SideRailItem(props) {
 		onBlur: hideTip
 	}, rest, { get children() {
 		return [
+			(() => {
+				var _el$6 = _tmpl$6();
+				insert(_el$6, () => local.children);
+				return _el$6;
+			})(),
+			(() => {
+				var _el$7 = _tmpl$7();
+				insert(_el$7, () => local.label);
+				return _el$7;
+			})(),
 			createComponent(Show, {
 				get when() {
 					return local.badge;
 				},
 				get children() {
-					var _el$6 = _tmpl$6(), _el$7 = _el$6.firstChild;
-					insert(_el$6, () => local.children, _el$7);
-					insert(_el$7, () => local.badge);
-					return _el$6;
-				}
-			}),
-			createComponent(Show, {
-				get when() {
-					return !local.badge;
-				},
-				get children() {
-					var _el$8 = _tmpl$7();
-					insert(_el$8, () => local.children);
+					var _el$8 = _tmpl$8();
+					insert(_el$8, () => local.badge);
 					return _el$8;
 				}
 			}),
-			(() => {
-				var _el$9 = _tmpl$8();
-				insert(_el$9, () => local.label);
-				return _el$9;
-			})(),
 			createComponent(Show, {
 				get when() {
 					return memo(() => !!local.shortcut)() && local.trailing === void 0;
 				},
 				get children() {
-					var _el$0 = _tmpl$9();
-					insert(_el$0, () => local.shortcut);
-					return _el$0;
+					var _el$9 = _tmpl$9();
+					insert(_el$9, () => local.shortcut);
+					return _el$9;
 				}
 			}),
 			createComponent(Show, {
@@ -216,9 +210,9 @@ function SideRailItem(props) {
 					return local.trailing;
 				},
 				get children() {
-					var _el$1 = _tmpl$0();
-					insert(_el$1, () => local.trailing);
-					return _el$1;
+					var _el$0 = _tmpl$0();
+					insert(_el$0, () => local.trailing);
+					return _el$0;
 				}
 			})
 		];
@@ -227,26 +221,26 @@ function SideRailItem(props) {
 			return tip();
 		},
 		children: (position) => createComponent(Portal, { get children() {
-			var _el$10 = _tmpl$10(), _el$11 = _el$10.firstChild;
-			insert(_el$11, () => local.children);
-			insert(_el$10, () => local.label, null);
-			insert(_el$10, createComponent(Show, {
+			var _el$1 = _tmpl$10(), _el$10 = _el$1.firstChild;
+			insert(_el$10, () => local.children);
+			insert(_el$1, () => local.label, null);
+			insert(_el$1, createComponent(Show, {
 				get when() {
 					return local.shortcut;
 				},
 				get children() {
-					var _el$12 = _tmpl$1();
-					insert(_el$12, () => local.shortcut);
-					return _el$12;
+					var _el$11 = _tmpl$1();
+					insert(_el$11, () => local.shortcut);
+					return _el$11;
 				}
 			}), null);
 			effect((_p$) => {
 				var _v$ = cn(tooltipTip, "pointer-events-none fixed z-(--z-tooltip) flex items-center gap-2.5 ps-3 pe-3 whitespace-nowrap"), _v$2 = `${position().top}px`, _v$3 = `${position().left}px`, _v$4 = `${position().height}px`, _v$5 = cn("flex size-5 shrink-0 items-center justify-center [&_svg]:size-5", { "text-primary": local.active });
-				_v$ !== _p$.e && className(_el$10, _p$.e = _v$);
-				_v$2 !== _p$.t && setStyleProperty(_el$10, "top", _p$.t = _v$2);
-				_v$3 !== _p$.a && setStyleProperty(_el$10, "left", _p$.a = _v$3);
-				_v$4 !== _p$.o && setStyleProperty(_el$10, "height", _p$.o = _v$4);
-				_v$5 !== _p$.i && className(_el$11, _p$.i = _v$5);
+				_v$ !== _p$.e && className(_el$1, _p$.e = _v$);
+				_v$2 !== _p$.t && setStyleProperty(_el$1, "top", _p$.t = _v$2);
+				_v$3 !== _p$.a && setStyleProperty(_el$1, "left", _p$.a = _v$3);
+				_v$4 !== _p$.o && setStyleProperty(_el$1, "height", _p$.o = _v$4);
+				_v$5 !== _p$.i && className(_el$10, _p$.i = _v$5);
 				return _p$;
 			}, {
 				e: void 0,
@@ -255,7 +249,7 @@ function SideRailItem(props) {
 				o: void 0,
 				i: void 0
 			});
-			return _el$10;
+			return _el$1;
 		} })
 	})];
 }
@@ -282,13 +276,13 @@ function SideRailButton(props) {
 		});
 	};
 	return [(() => {
-		var _el$13 = _tmpl$11(), _el$14 = _el$13.firstChild, _el$15 = _el$14.nextSibling;
-		_el$13.addEventListener("blur", () => setTip(null));
-		_el$13.addEventListener("focus", showTip);
-		_el$13.addEventListener("pointerleave", () => setTip(null));
-		_el$13.addEventListener("pointerenter", showTip);
-		use(setRow, _el$13);
-		spread(_el$13, mergeProps({
+		var _el$12 = _tmpl$11(), _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling;
+		_el$12.addEventListener("blur", () => setTip(null));
+		_el$12.addEventListener("focus", showTip);
+		_el$12.addEventListener("pointerleave", () => setTip(null));
+		_el$12.addEventListener("pointerenter", showTip);
+		use(setRow, _el$12);
+		spread(_el$12, mergeProps({
 			get ["aria-label"]() {
 				return local.label;
 			},
@@ -299,33 +293,33 @@ function SideRailButton(props) {
 				return cn(sideRailItemClass, local.active ? sideRailItemStateClass.active : sideRailItemStateClass.idle, "disabled:pointer-events-none disabled:opacity-50", local.class);
 			}
 		}, rest), false, true);
-		insert(_el$14, () => local.children);
-		insert(_el$15, () => local.label);
-		insert(_el$13, createComponent(Show, {
+		insert(_el$13, () => local.children);
+		insert(_el$14, () => local.label);
+		insert(_el$12, createComponent(Show, {
 			get when() {
 				return local.shortcut;
 			},
 			get children() {
-				var _el$16 = _tmpl$9();
-				insert(_el$16, () => local.shortcut);
-				return _el$16;
+				var _el$15 = _tmpl$9();
+				insert(_el$15, () => local.shortcut);
+				return _el$15;
 			}
 		}), null);
-		return _el$13;
+		return _el$12;
 	})(), createComponent(Show, {
 		get when() {
 			return tip();
 		},
 		children: (position) => createComponent(Portal, { get children() {
-			var _el$17 = _tmpl$12(), _el$18 = _el$17.firstChild;
-			insert(_el$18, () => local.children);
-			insert(_el$17, () => local.label, null);
+			var _el$16 = _tmpl$12(), _el$17 = _el$16.firstChild;
+			insert(_el$17, () => local.children);
+			insert(_el$16, () => local.label, null);
 			effect((_p$) => {
 				var _v$6 = cn(tooltipTip, "pointer-events-none fixed z-(--z-tooltip) flex items-center gap-2.5 ps-3 pe-3 whitespace-nowrap"), _v$7 = `${position().top}px`, _v$8 = `${position().left}px`, _v$9 = `${position().height}px`;
-				_v$6 !== _p$.e && className(_el$17, _p$.e = _v$6);
-				_v$7 !== _p$.t && setStyleProperty(_el$17, "top", _p$.t = _v$7);
-				_v$8 !== _p$.a && setStyleProperty(_el$17, "left", _p$.a = _v$8);
-				_v$9 !== _p$.o && setStyleProperty(_el$17, "height", _p$.o = _v$9);
+				_v$6 !== _p$.e && className(_el$16, _p$.e = _v$6);
+				_v$7 !== _p$.t && setStyleProperty(_el$16, "top", _p$.t = _v$7);
+				_v$8 !== _p$.a && setStyleProperty(_el$16, "left", _p$.a = _v$8);
+				_v$9 !== _p$.o && setStyleProperty(_el$16, "height", _p$.o = _v$9);
 				return _p$;
 			}, {
 				e: void 0,
@@ -333,7 +327,7 @@ function SideRailButton(props) {
 				a: void 0,
 				o: void 0
 			});
-			return _el$17;
+			return _el$16;
 		} })
 	})];
 }

package/dist/components/layout/side-rail/side-rail.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-rail.js","names":["Polymorphic","PolymorphicProps","ComponentProps","JSX","ValidComponent","Show","createMemo","createSignal","splitProps","Portal","tooltipTip","cn","SideRailContext","createSideRailValue","SideRailProps","T","class","collapsed","SideRail","props","local","rest","value","_$createComponent","Provider","children","_$mergeProps","as","aria-label","data-collapsed","SideRailHeader","_el$","_tmpl$","_$spread","SideRailContent","_el$2","_tmpl$2","SideRailFooter","_el$3","_tmpl$3","SideRailSection","label","_el$4","_tmpl$5","_$insert","when","_el$5","_tmpl$4","sideRailItemClass","join","sideRailItemStateClass","active","idle","SideRailItemProps","badge","Element","trailing","shortcut","keyshortcuts","SideRailItem","row","setRow","HTMLElement","tip","setTip","top","left","height","closest","getAttribute","showTip","element","rect","getBoundingClientRect","right","hideTip","ref","aria-current","undefined","aria-keyshortcuts","data-active","onPointerEnter","onPointerLeave","onFocus","onBlur","Record","_el$6","_tmpl$6","_el$7","firstChild","_el$8","_tmpl$7","_el$9","_tmpl$8","_$memo","_el$0","_tmpl$9","_el$1","_tmpl$0","position","_el$10","_tmpl$10","_el$11","_el$12","_tmpl$1","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","e","_$className","t","_$setStyleProperty","a","o","i","SideRailButton","Omit","_el$13","_tmpl$11","_el$14","_el$15","nextSibling","addEventListener","_$use","_el$16","_el$17","_tmpl$12","_el$18","_v$6","_v$7","_v$8","_v$9","_$createComponent","_$mergeProps","_$memo","_$className","_$setStyleProperty"],"sources":["../../../../src/components/layout/side-rail/side-rail.tsx"],"sourcesContent":["import { Polymorphic, type PolymorphicProps } from '@kobalte/core/polymorphic'\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js'\nimport { Show, createMemo, createSignal, splitProps } from 'solid-js'\nimport { Portal } from 'solid-js/web'\nimport { tooltipTip } from '#lib/overlay'\nimport { cn } from '#lib/utils'\nimport { SideRailContext, createSideRailValue } from './side-rail-context'\n\n/**\n * SideRail.\n *\n * The narrow, persistent column of top-level destinations at the window's leading\n * edge: the app mark, the primary sections, and a footer for account and settings.\n * It is the one piece of chrome that is always on screen, which is why it is a\n * component rather than something each view arranges.\n *\n * Two forms, one component. Collapsed it is an icon column; expanded it carries\n * labels. Both widths come from `--rail-width` (56px) and `--rail-width-expanded`\n * (236px), so an app cannot pick its own and end up a few pixels out of step with\n * the app beside it.\n *\n * The rail does not own its collapsed state; the app does. That state has to\n * survive a reload and usually lives with the rest of the window preferences, and\n * a rail that kept it privately could not be restored.\n */\nexport type SideRailProps<T extends ValidComponent = 'nav'> = PolymorphicProps<\n  T,\n  {\n    class?: string\n    collapsed?: boolean\n    'aria-label'?: string\n  }\n>\n\nexport function SideRail<T extends ValidComponent = 'nav'>(props: SideRailProps<T>) {\n  const [local, rest] = splitProps(props as SideRailProps, [\n    'class',\n    'collapsed',\n    'aria-label',\n    'children',\n  ])\n\n  const collapsed = () => local.collapsed ?? false\n  const value = createSideRailValue(\n    collapsed,\n    createMemo(() => (collapsed() ? 'var(--rail-width)' : 'var(--rail-width-expanded)'))\n  )\n\n  return (\n    <SideRailContext.Provider value={value}>\n      <Polymorphic\n        as=\"nav\"\n        aria-label={local['aria-label'] ?? 'Primary'}\n        /* Rendered in both states, with a real value, so the descendant selectors\n           below can key on true *and* false — an absent attribute would leave the\n           expanded form matching neither. */\n        data-collapsed={collapsed() ? 'true' : 'false'}\n        class={cn(\n          'group/rail bg-sidebar text-sidebar-foreground flex h-full shrink-0 flex-col border-e border-sidebar-border',\n          'transition-[width] duration-150 ease-out',\n          { 'w-rail': collapsed(), 'w-rail-expanded': !collapsed() },\n          local.class\n        )}\n        {...(rest as ComponentProps<'nav'>)}\n      >\n        {local.children}\n      </Polymorphic>\n    </SideRailContext.Provider>\n  )\n}\n\n/** The header slot: the app mark, and the product name when there is room. */\nexport function SideRailHeader(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"side-rail-header\"\n      class={cn(\n        'h-topbar flex shrink-0 items-center gap-2.5 px-3 group-data-[collapsed=true]/rail:justify-center group-data-[collapsed=true]/rail:px-0',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\n/** The scrolling middle. Keeps the header and the footer pinned. */\nexport function SideRailContent(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"side-rail-content\"\n      class={cn(\n        'flex min-h-0 flex-1 flex-col gap-0.5 overflow-x-hidden overflow-y-auto px-2 py-2',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\n/** The pinned footer: account, settings, help. */\nexport function SideRailFooter(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"side-rail-footer\"\n      class={cn(\n        'flex shrink-0 flex-col gap-0.5 border-t border-sidebar-border px-2 py-2',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\n/** A titled group of rail destinations. The title hides when collapsed. */\nexport function SideRailSection(props: ComponentProps<'div'> & { label?: string }) {\n  const [local, rest] = splitProps(props, ['class', 'label', 'children'])\n\n  return (\n    <div data-slot=\"side-rail-section\" class={cn('flex flex-col gap-0.5', local.class)} {...rest}>\n      <Show when={local.label}>\n        <div class=\"text-sidebar-muted-foreground px-2 pt-2 pb-1 text-2xs font-medium tracking-wide uppercase group-data-[collapsed=true]/rail:hidden\">\n          {local.label}\n        </div>\n      </Show>\n      {local.children}\n    </div>\n  )\n}\n\n/**\n * The classes a rail row uses. Exported so a caller's own element — a router link,\n * a custom button — can match the rail exactly instead of approximating it.\n */\nexport const sideRailItemClass = [\n  'group/rail-item flex h-rail-item min-w-0 w-full items-center gap-2.5 rounded-md px-3 text-sm font-medium',\n  'group-data-[collapsed=true]/rail:justify-center group-data-[collapsed=true]/rail:px-0',\n  'transition-[color,background-color,transform] ease-out outline-none select-none',\n  'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n  /*\n   * The donor's row scales up slightly under the pointer and down under a press.\n   * It is a CSS transform rather than a motion-library gesture because the two are\n   * the same thing here and the transform costs nothing at runtime: no wrapper\n   * element, no listener, and it works on whatever element a caller renders the row\n   * as — an anchor, a button, a router's own link.\n   *\n   * The collapsed rail opts out: a 1.02 scale on a 56px column pushes the row past\n   * the rail's own edge, which reads as a glitch rather than as feedback.\n   */\n  'hover:scale-[1.02] active:scale-[0.97] group-data-[collapsed=true]/rail:hover:scale-100 group-data-[collapsed=true]/rail:active:scale-[0.98]',\n  '[&_svg]:size-5 [&_svg]:shrink-0',\n].join(' ')\n\n/*\n * The rail's states are accent-driven: the icon carries `--primary` on hover and\n * on the active destination, and both states draw the accent's own tint rather\n * than a neutral fill, so the rail reads as the app's accent chroma instead of a\n * grey column. The active label stays on `sidebar-foreground` because the accent\n * presets guarantee their 3:1 interaction minimum against the surface, not the\n * 4.5:1 small text owes; the icon is a graphic and rides the accent.\n */\nexport const sideRailItemStateClass = {\n  active: 'bg-primary-subtle text-sidebar-foreground [&_svg]:text-primary',\n  idle: 'text-sidebar-muted-foreground hover:bg-primary-subtle/60 hover:text-primary',\n}\n\n/**\n * A rail destination.\n *\n * ## The tooltip is the rail's hover affordance, not a generic bubble\n *\n * Collapsed, the row has no text, so the label has to come from somewhere. This\n * ports the donor's treatment rather than using a standard tooltip, because the\n * details are what make it read as part of the rail:\n *\n *   - It is **flush with the row**: positioned at the row's own top and given the\n *     row's own height, so it continues the row outward instead of floating near\n *     it. A centred bubble with an arrow reads as a separate object.\n *   - It **repeats the icon**, which anchors it to the row it belongs to.\n *   - It carries the **keyboard chord**, which is the one piece of information a\n *     collapsed rail otherwise cannot show.\n *   - It opens on **hover and on focus**, so a keyboard user gets the same label a\n *     pointer user does.\n *   - It is `pointer-events-none` and `aria-hidden`: the row already carries the\n *     name (as a visually hidden span when collapsed), so this is decoration and\n *     must never be the accessible name.\n *\n * ## The chord on the row\n *\n * Expanded, the row shows its chord on hover and on focus — and the chord is\n * declared once to assistive technology through `aria-keyshortcuts` rather than\n * being read out as glyphs. The visible badge is `aria-hidden` for that reason.\n */\nexport type SideRailItemProps<T extends ValidComponent = 'a'> = PolymorphicProps<\n  T,\n  {\n    class?: string\n    /** Marks the item as the current destination. */\n    active?: boolean\n    /**\n     * The item's accessible name. Required, and always in the accessibility tree:\n     * collapsed it moves into the tooltip and a visually hidden span rather than\n     * being deleted.\n     */\n    label: string\n    /** A count or a dot, rendered over the icon's corner. */\n    badge?: JSX.Element\n    /** An indicator pinned to the trailing edge in the expanded form. */\n    trailing?: JSX.Element\n    /** The chord as it should be drawn, e.g. `⌘1`. Shown on hover and focus. */\n    shortcut?: string\n    /**\n     * The same chord in the ARIA grammar, e.g. `Meta+1`. Declared to assistive\n     * technology instead of the display glyphs, which are not a keyboard shortcut\n     * a screen reader can parse. Supply it whenever `shortcut` is drawn.\n     */\n    keyshortcuts?: string\n  }\n>\n\nexport function SideRailItem<T extends ValidComponent = 'a'>(props: SideRailItemProps<T>) {\n  const [local, rest] = splitProps(props as SideRailItemProps, [\n    'as',\n    'class',\n    'active',\n    'label',\n    'badge',\n    'trailing',\n    'shortcut',\n    'keyshortcuts',\n    'children',\n  ])\n\n  const [row, setRow] = createSignal<HTMLElement>()\n  const [tip, setTip] = createSignal<{ top: number; left: number; height: number } | null>(null)\n\n  const collapsed = () =>\n    row()?.closest('[data-collapsed]')?.getAttribute('data-collapsed') === 'true'\n\n  const showTip = () => {\n    const element = row()\n    if (!element || !collapsed()) return\n    const rect = element.getBoundingClientRect()\n    setTip({ top: rect.top, left: rect.right + 8, height: rect.height })\n  }\n\n  const hideTip = () => setTip(null)\n\n  return (\n    <>\n      <Polymorphic\n        as={local.as ?? 'a'}\n        ref={setRow}\n        aria-current={local.active ? 'page' : undefined}\n        aria-keyshortcuts={local.keyshortcuts}\n        data-active={local.active ? '' : undefined}\n        class={cn(\n          sideRailItemClass,\n          local.active ? sideRailItemStateClass.active : sideRailItemStateClass.idle,\n          local.class\n        )}\n        onPointerEnter={showTip}\n        onPointerLeave={hideTip}\n        onFocus={showTip}\n        onBlur={hideTip}\n        {...(rest as Record<string, unknown>)}\n      >\n        <Show when={local.badge}>\n          <span class=\"relative flex size-5 shrink-0 items-center justify-center [&_svg]:size-5\">\n            {local.children}\n            <span class=\"absolute -top-1 -end-1 flex items-center justify-center\">\n              {local.badge}\n            </span>\n          </span>\n        </Show>\n        <Show when={!local.badge}>\n          <span class=\"flex size-5 shrink-0 items-center justify-center [&_svg]:size-5\">\n            {local.children}\n          </span>\n        </Show>\n\n        <span class=\"min-w-0 flex-1 truncate group-data-[collapsed=true]/rail:sr-only\">\n          {local.label}\n        </span>\n\n        <Show when={local.shortcut && local.trailing === undefined}>\n          <span\n            aria-hidden=\"true\"\n            class=\"text-sidebar-muted-foreground shrink-0 font-mono text-2xs leading-none opacity-0 transition-opacity group-hover/rail-item:opacity-100 group-focus-visible/rail-item:opacity-100 group-data-[collapsed=true]/rail:hidden\"\n          >\n            {local.shortcut}\n          </span>\n        </Show>\n\n        <Show when={local.trailing}>\n          <span class=\"ms-auto shrink-0\">{local.trailing}</span>\n        </Show>\n      </Polymorphic>\n\n      <Show when={tip()}>\n        {(position) => (\n          <Portal>\n            <div\n              aria-hidden=\"true\"\n              data-slot=\"side-rail-tip\"\n              class={cn(\n                tooltipTip,\n                'pointer-events-none fixed z-(--z-tooltip) flex items-center gap-2.5 ps-3 pe-3 whitespace-nowrap'\n              )}\n              style={{\n                top: `${position().top}px`,\n                left: `${position().left}px`,\n                height: `${position().height}px`,\n              }}\n            >\n              <span\n                class={cn('flex size-5 shrink-0 items-center justify-center [&_svg]:size-5', {\n                  'text-primary': local.active,\n                })}\n              >\n                {local.children}\n              </span>\n              {local.label}\n              <Show when={local.shortcut}>\n                <span class=\"text-muted-foreground shrink-0 font-mono text-2xs leading-none\">\n                  {local.shortcut}\n                </span>\n              </Show>\n            </div>\n          </Portal>\n        )}\n      </Show>\n    </>\n  )\n}\n\n/** A non-navigating rail control: a collapse toggle, a \"new\" action. */\nexport function SideRailButton(\n  props: Omit<ComponentProps<'button'>, 'type'> & {\n    label: string\n    shortcut?: string\n    active?: boolean\n  }\n) {\n  const [local, rest] = splitProps(props, ['class', 'label', 'shortcut', 'children', 'active'])\n  const [row, setRow] = createSignal<HTMLElement>()\n  const [tip, setTip] = createSignal<{ top: number; left: number; height: number } | null>(null)\n\n  const collapsed = () =>\n    row()?.closest('[data-collapsed]')?.getAttribute('data-collapsed') === 'true'\n\n  const showTip = () => {\n    const element = row()\n    if (!element || !collapsed()) return\n    const rect = element.getBoundingClientRect()\n    setTip({ top: rect.top, left: rect.right + 8, height: rect.height })\n  }\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        ref={setRow}\n        aria-label={local.label}\n        data-active={local.active ? 'true' : undefined}\n        onPointerEnter={showTip}\n        onPointerLeave={() => setTip(null)}\n        onFocus={showTip}\n        onBlur={() => setTip(null)}\n        class={cn(\n          sideRailItemClass,\n          local.active ? sideRailItemStateClass.active : sideRailItemStateClass.idle,\n          'disabled:pointer-events-none disabled:opacity-50',\n          local.class\n        )}\n        {...rest}\n      >\n        <span class=\"flex size-5 shrink-0 items-center justify-center [&_svg]:size-5\">\n          {local.children}\n        </span>\n        <span class=\"min-w-0 flex-1 truncate group-data-[collapsed=true]/rail:sr-only\">\n          {local.label}\n        </span>\n        <Show when={local.shortcut}>\n          <span\n            aria-hidden=\"true\"\n            class=\"text-sidebar-muted-foreground shrink-0 font-mono text-2xs leading-none opacity-0 transition-opacity group-hover/rail-item:opacity-100 group-focus-visible/rail-item:opacity-100 group-data-[collapsed=true]/rail:hidden\"\n          >\n            {local.shortcut}\n          </span>\n        </Show>\n      </button>\n\n      <Show when={tip()}>\n        {(position) => (\n          <Portal>\n            <div\n              aria-hidden=\"true\"\n              data-slot=\"side-rail-tip\"\n              class={cn(\n                tooltipTip,\n                'pointer-events-none fixed z-(--z-tooltip) flex items-center gap-2.5 ps-3 pe-3 whitespace-nowrap'\n              )}\n              style={{\n                top: `${position().top}px`,\n                left: `${position().left}px`,\n                height: `${position().height}px`,\n              }}\n            >\n              <span class=\"flex size-5 shrink-0 items-center justify-center [&_svg]:size-5\">\n                {local.children}\n              </span>\n              {local.label}\n            </div>\n          </Portal>\n        )}\n      </Show>\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"side-rail.js","names":["Polymorphic","PolymorphicProps","ComponentProps","JSX","ValidComponent","Show","createMemo","createSignal","splitProps","Portal","tooltipTip","cn","SideRailContext","createSideRailValue","SideRailProps","T","class","collapsed","SideRail","props","local","rest","value","_$createComponent","Provider","children","_$mergeProps","as","aria-label","data-collapsed","SideRailHeader","_el$","_tmpl$","_$spread","SideRailContent","_el$2","_tmpl$2","SideRailFooter","_el$3","_tmpl$3","SideRailSection","label","_el$4","_tmpl$5","_$insert","when","_el$5","_tmpl$4","sideRailItemClass","join","sideRailItemStateClass","active","idle","SideRailItemProps","badge","Element","trailing","shortcut","keyshortcuts","SideRailItem","row","setRow","HTMLElement","tip","setTip","top","left","height","closest","getAttribute","showTip","element","rect","getBoundingClientRect","right","hideTip","ref","aria-current","undefined","aria-keyshortcuts","data-active","onPointerEnter","onPointerLeave","onFocus","onBlur","Record","_el$6","_tmpl$6","_el$7","_tmpl$7","_el$8","_tmpl$8","_$memo","_el$9","_tmpl$9","_el$0","_tmpl$0","position","_el$1","_tmpl$10","_el$10","firstChild","_el$11","_tmpl$1","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","e","_$className","t","_$setStyleProperty","a","o","i","SideRailButton","Omit","_el$12","_tmpl$11","_el$13","_el$14","nextSibling","addEventListener","_$use","_el$15","_el$16","_tmpl$12","_el$17","_v$6","_v$7","_v$8","_v$9","_$createComponent","_$mergeProps","_$memo","_$className","_$setStyleProperty"],"sources":["../../../../src/components/layout/side-rail/side-rail.tsx"],"sourcesContent":["import { Polymorphic, type PolymorphicProps } from '@kobalte/core/polymorphic'\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js'\nimport { Show, createMemo, createSignal, splitProps } from 'solid-js'\nimport { Portal } from 'solid-js/web'\nimport { tooltipTip } from '#lib/overlay'\nimport { cn } from '#lib/utils'\nimport { SideRailContext, createSideRailValue } from './side-rail-context'\n\n/**\n * SideRail.\n *\n * The narrow, persistent column of top-level destinations at the window's leading\n * edge: the app mark, the primary sections, and a footer for account and settings.\n * It is the one piece of chrome that is always on screen, which is why it is a\n * component rather than something each view arranges.\n *\n * Two forms, one component. Collapsed it is an icon column; expanded it carries\n * labels. Both widths come from `--rail-width` (56px) and `--rail-width-expanded`\n * (236px), so an app cannot pick its own and end up a few pixels out of step with\n * the app beside it.\n *\n * The rail does not own its collapsed state; the app does. That state has to\n * survive a reload and usually lives with the rest of the window preferences, and\n * a rail that kept it privately could not be restored.\n */\nexport type SideRailProps<T extends ValidComponent = 'nav'> = PolymorphicProps<\n  T,\n  {\n    class?: string\n    collapsed?: boolean\n    'aria-label'?: string\n  }\n>\n\nexport function SideRail<T extends ValidComponent = 'nav'>(props: SideRailProps<T>) {\n  const [local, rest] = splitProps(props as SideRailProps, [\n    'class',\n    'collapsed',\n    'aria-label',\n    'children',\n  ])\n\n  const collapsed = () => local.collapsed ?? false\n  const value = createSideRailValue(\n    collapsed,\n    createMemo(() => (collapsed() ? 'var(--rail-width)' : 'var(--rail-width-expanded)'))\n  )\n\n  return (\n    <SideRailContext.Provider value={value}>\n      <Polymorphic\n        as=\"nav\"\n        aria-label={local['aria-label'] ?? 'Primary'}\n        /* Rendered in both states, with a real value, so the descendant selectors\n           below can key on true *and* false — an absent attribute would leave the\n           expanded form matching neither. */\n        data-collapsed={collapsed() ? 'true' : 'false'}\n        class={cn(\n          'group/rail bg-sidebar text-sidebar-foreground flex h-full shrink-0 flex-col border-e border-sidebar-border',\n          'transition-[width] duration-150 ease-out',\n          { 'w-rail': collapsed(), 'w-rail-expanded': !collapsed() },\n          local.class\n        )}\n        {...(rest as ComponentProps<'nav'>)}\n      >\n        {local.children}\n      </Polymorphic>\n    </SideRailContext.Provider>\n  )\n}\n\n/** The header slot: the app mark, and the product name when there is room. */\nexport function SideRailHeader(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"side-rail-header\"\n      class={cn(\n        'h-topbar flex shrink-0 items-center gap-2.5 px-3 group-data-[collapsed=true]/rail:justify-center group-data-[collapsed=true]/rail:px-0',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\n/** The scrolling middle. Keeps the header and the footer pinned. */\nexport function SideRailContent(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"side-rail-content\"\n      class={cn(\n        'flex min-h-0 flex-1 flex-col gap-0.5 overflow-x-hidden overflow-y-auto px-2 py-2',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\n/** The pinned footer: account, settings, help. */\nexport function SideRailFooter(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"side-rail-footer\"\n      class={cn(\n        'flex shrink-0 flex-col gap-0.5 border-t border-sidebar-border px-2 py-2',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\n/** A titled group of rail destinations. The title hides when collapsed. */\nexport function SideRailSection(props: ComponentProps<'div'> & { label?: string }) {\n  const [local, rest] = splitProps(props, ['class', 'label', 'children'])\n\n  return (\n    <div data-slot=\"side-rail-section\" class={cn('flex flex-col gap-0.5', local.class)} {...rest}>\n      <Show when={local.label}>\n        <div class=\"text-sidebar-muted-foreground px-2 pt-2 pb-1 text-2xs font-medium tracking-wide uppercase group-data-[collapsed=true]/rail:hidden\">\n          {local.label}\n        </div>\n      </Show>\n      {local.children}\n    </div>\n  )\n}\n\n/**\n * The classes a rail row uses. Exported so a caller's own element — a router link,\n * a custom button — can match the rail exactly instead of approximating it.\n */\nexport const sideRailItemClass = [\n  'group/rail-item flex h-rail-item min-w-0 w-full items-center gap-2.5 rounded-md px-3 text-sm font-medium',\n  'group-data-[collapsed=true]/rail:justify-center group-data-[collapsed=true]/rail:px-0',\n  'transition-[color,background-color,transform] ease-out outline-none select-none',\n  'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n  /*\n   * The donor's row scales up slightly under the pointer and down under a press.\n   * It is a CSS transform rather than a motion-library gesture because the two are\n   * the same thing here and the transform costs nothing at runtime: no wrapper\n   * element, no listener, and it works on whatever element a caller renders the row\n   * as — an anchor, a button, a router's own link.\n   *\n   * The collapsed rail opts out: a 1.02 scale on a 56px column pushes the row past\n   * the rail's own edge, which reads as a glitch rather than as feedback.\n   */\n  'hover:scale-[1.02] active:scale-[0.97] group-data-[collapsed=true]/rail:hover:scale-100 group-data-[collapsed=true]/rail:active:scale-[0.98]',\n  '[&_svg]:size-5 [&_svg]:shrink-0',\n].join(' ')\n\n/*\n * The rail's states are accent-driven: the icon carries `--primary` on hover and\n * on the active destination, and both states draw the accent's own tint rather\n * than a neutral fill, so the rail reads as the app's accent chroma instead of a\n * grey column. The active label stays on `sidebar-foreground` because the accent\n * presets guarantee their 3:1 interaction minimum against the surface, not the\n * 4.5:1 small text owes; the icon is a graphic and rides the accent.\n */\nexport const sideRailItemStateClass = {\n  active: 'bg-primary-subtle text-sidebar-foreground [&_svg]:text-primary',\n  idle: 'text-sidebar-muted-foreground hover:bg-primary-subtle/60 hover:text-primary',\n}\n\n/**\n * A rail destination.\n *\n * ## The tooltip is the rail's hover affordance, not a generic bubble\n *\n * Collapsed, the row has no text, so the label has to come from somewhere. This\n * ports the donor's treatment rather than using a standard tooltip, because the\n * details are what make it read as part of the rail:\n *\n *   - It is **flush with the row**: positioned at the row's own top and given the\n *     row's own height, so it continues the row outward instead of floating near\n *     it. A centred bubble with an arrow reads as a separate object.\n *   - It **repeats the icon**, which anchors it to the row it belongs to.\n *   - It carries the **keyboard chord**, which is the one piece of information a\n *     collapsed rail otherwise cannot show.\n *   - It opens on **hover and on focus**, so a keyboard user gets the same label a\n *     pointer user does.\n *   - It is `pointer-events-none` and `aria-hidden`: the row already carries the\n *     name (as a visually hidden span when collapsed), so this is decoration and\n *     must never be the accessible name.\n *\n * ## The chord on the row\n *\n * Expanded, the row shows its chord on hover and on focus — and the chord is\n * declared once to assistive technology through `aria-keyshortcuts` rather than\n * being read out as glyphs. The visible badge is `aria-hidden` for that reason.\n */\nexport type SideRailItemProps<T extends ValidComponent = 'a'> = PolymorphicProps<\n  T,\n  {\n    class?: string\n    /** Marks the item as the current destination. */\n    active?: boolean\n    /**\n     * The item's accessible name. Required, and always in the accessibility tree:\n     * collapsed it moves into the tooltip and a visually hidden span rather than\n     * being deleted.\n     */\n    label: string\n    /**\n     * A count or a dot. Expanded, it trails the label at the row's end; collapsed,\n     * it moves onto the icon's corner, so the rail never loses it.\n     */\n    badge?: JSX.Element\n    /** An indicator pinned to the trailing edge in the expanded form. */\n    trailing?: JSX.Element\n    /** The chord as it should be drawn, e.g. `⌘1`. Shown on hover and focus. */\n    shortcut?: string\n    /**\n     * The same chord in the ARIA grammar, e.g. `Meta+1`. Declared to assistive\n     * technology instead of the display glyphs, which are not a keyboard shortcut\n     * a screen reader can parse. Supply it whenever `shortcut` is drawn.\n     */\n    keyshortcuts?: string\n  }\n>\n\nexport function SideRailItem<T extends ValidComponent = 'a'>(props: SideRailItemProps<T>) {\n  const [local, rest] = splitProps(props as SideRailItemProps, [\n    'as',\n    'class',\n    'active',\n    'label',\n    'badge',\n    'trailing',\n    'shortcut',\n    'keyshortcuts',\n    'children',\n  ])\n\n  const [row, setRow] = createSignal<HTMLElement>()\n  const [tip, setTip] = createSignal<{ top: number; left: number; height: number } | null>(null)\n\n  const collapsed = () =>\n    row()?.closest('[data-collapsed]')?.getAttribute('data-collapsed') === 'true'\n\n  const showTip = () => {\n    const element = row()\n    if (!element || !collapsed()) return\n    const rect = element.getBoundingClientRect()\n    setTip({ top: rect.top, left: rect.right + 8, height: rect.height })\n  }\n\n  const hideTip = () => setTip(null)\n\n  return (\n    <>\n      <Polymorphic\n        as={local.as ?? 'a'}\n        ref={setRow}\n        aria-current={local.active ? 'page' : undefined}\n        aria-keyshortcuts={local.keyshortcuts}\n        data-active={local.active ? '' : undefined}\n        class={cn(\n          sideRailItemClass,\n          'relative',\n          local.active ? sideRailItemStateClass.active : sideRailItemStateClass.idle,\n          local.class\n        )}\n        onPointerEnter={showTip}\n        onPointerLeave={hideTip}\n        onFocus={showTip}\n        onBlur={hideTip}\n        {...(rest as Record<string, unknown>)}\n      >\n        <span class=\"flex size-5 shrink-0 items-center justify-center [&_svg]:size-5\">\n          {local.children}\n        </span>\n\n        <span class=\"min-w-0 flex-1 truncate text-start group-data-[collapsed=true]/rail:sr-only\">\n          {local.label}\n        </span>\n\n        {/*\n         * One element, two placements, because the badge is caller content and a DOM\n         * node cannot be in two places. Expanded, it is a trailing count in the row's\n         * flow, after the label — over the icon it would cover the glyph the row is\n         * recognised by. Collapsed, there is no label to trail, so it leaves the flow\n         * and pins to the icon's top-end corner: anchored to the row's centre (where\n         * the centred icon sits) and pushed out by 14px, the icon's half-width plus\n         * the 4px overhang, so a wider count grows back over the icon rather than past\n         * the rail's edge.\n         */}\n        <Show when={local.badge}>\n          <span\n            data-slot=\"side-rail-badge\"\n            class=\"flex shrink-0 items-center justify-center group-data-[collapsed=true]/rail:absolute group-data-[collapsed=true]/rail:end-1/2 group-data-[collapsed=true]/rail:top-1/2 group-data-[collapsed=true]/rail:-me-3.5 group-data-[collapsed=true]/rail:-mt-3.5\"\n          >\n            {local.badge}\n          </span>\n        </Show>\n\n        <Show when={local.shortcut && local.trailing === undefined}>\n          <span\n            aria-hidden=\"true\"\n            class=\"text-sidebar-muted-foreground shrink-0 font-mono text-2xs leading-none opacity-0 transition-opacity group-hover/rail-item:opacity-100 group-focus-visible/rail-item:opacity-100 group-data-[collapsed=true]/rail:hidden\"\n          >\n            {local.shortcut}\n          </span>\n        </Show>\n\n        <Show when={local.trailing}>\n          <span class=\"ms-auto shrink-0\">{local.trailing}</span>\n        </Show>\n      </Polymorphic>\n\n      <Show when={tip()}>\n        {(position) => (\n          <Portal>\n            <div\n              aria-hidden=\"true\"\n              data-slot=\"side-rail-tip\"\n              class={cn(\n                tooltipTip,\n                'pointer-events-none fixed z-(--z-tooltip) flex items-center gap-2.5 ps-3 pe-3 whitespace-nowrap'\n              )}\n              style={{\n                top: `${position().top}px`,\n                left: `${position().left}px`,\n                height: `${position().height}px`,\n              }}\n            >\n              <span\n                class={cn('flex size-5 shrink-0 items-center justify-center [&_svg]:size-5', {\n                  'text-primary': local.active,\n                })}\n              >\n                {local.children}\n              </span>\n              {local.label}\n              <Show when={local.shortcut}>\n                <span class=\"text-muted-foreground shrink-0 font-mono text-2xs leading-none\">\n                  {local.shortcut}\n                </span>\n              </Show>\n            </div>\n          </Portal>\n        )}\n      </Show>\n    </>\n  )\n}\n\n/** A non-navigating rail control: a collapse toggle, a \"new\" action. */\nexport function SideRailButton(\n  props: Omit<ComponentProps<'button'>, 'type'> & {\n    label: string\n    shortcut?: string\n    active?: boolean\n  }\n) {\n  const [local, rest] = splitProps(props, ['class', 'label', 'shortcut', 'children', 'active'])\n  const [row, setRow] = createSignal<HTMLElement>()\n  const [tip, setTip] = createSignal<{ top: number; left: number; height: number } | null>(null)\n\n  const collapsed = () =>\n    row()?.closest('[data-collapsed]')?.getAttribute('data-collapsed') === 'true'\n\n  const showTip = () => {\n    const element = row()\n    if (!element || !collapsed()) return\n    const rect = element.getBoundingClientRect()\n    setTip({ top: rect.top, left: rect.right + 8, height: rect.height })\n  }\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        ref={setRow}\n        aria-label={local.label}\n        data-active={local.active ? 'true' : undefined}\n        onPointerEnter={showTip}\n        onPointerLeave={() => setTip(null)}\n        onFocus={showTip}\n        onBlur={() => setTip(null)}\n        class={cn(\n          sideRailItemClass,\n          local.active ? sideRailItemStateClass.active : sideRailItemStateClass.idle,\n          'disabled:pointer-events-none disabled:opacity-50',\n          local.class\n        )}\n        {...rest}\n      >\n        <span class=\"flex size-5 shrink-0 items-center justify-center [&_svg]:size-5\">\n          {local.children}\n        </span>\n        <span class=\"min-w-0 flex-1 truncate text-start group-data-[collapsed=true]/rail:sr-only\">\n          {local.label}\n        </span>\n        <Show when={local.shortcut}>\n          <span\n            aria-hidden=\"true\"\n            class=\"text-sidebar-muted-foreground shrink-0 font-mono text-2xs leading-none opacity-0 transition-opacity group-hover/rail-item:opacity-100 group-focus-visible/rail-item:opacity-100 group-data-[collapsed=true]/rail:hidden\"\n          >\n            {local.shortcut}\n          </span>\n        </Show>\n      </button>\n\n      <Show when={tip()}>\n        {(position) => (\n          <Portal>\n            <div\n              aria-hidden=\"true\"\n              data-slot=\"side-rail-tip\"\n              class={cn(\n                tooltipTip,\n                'pointer-events-none fixed z-(--z-tooltip) flex items-center gap-2.5 ps-3 pe-3 whitespace-nowrap'\n              )}\n              style={{\n                top: `${position().top}px`,\n                left: `${position().left}px`,\n                height: `${position().height}px`,\n              }}\n            >\n              <span class=\"flex size-5 shrink-0 items-center justify-center [&_svg]:size-5\">\n                {local.children}\n              </span>\n              {local.label}\n            </div>\n          </Portal>\n        )}\n      </Show>\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/components/layout/sidebar-nav/sidebar-nav.js

@@ -7,7 +7,7 @@ import { Polymorphic } from "@kobalte/core/polymorphic";
 var _tmpl$ = /*#__PURE__*/ template(`<div data-slot=sidebar-nav-header>`);
 var _tmpl$2 = /*#__PURE__*/ template(`<div data-slot=sidebar-nav-content>`);
 var _tmpl$3 = /*#__PURE__*/ template(`<div data-slot=sidebar-nav-footer>`);
-var _tmpl$4 = /*#__PURE__*/ template(`<span class="min-w-0 flex-1 truncate">`);
+var _tmpl$4 = /*#__PURE__*/ template(`<span class="min-w-0 flex-1 truncate text-start">`);
 var _tmpl$5 = /*#__PURE__*/ template(`<span class="shrink-0 tabular-nums text-muted-foreground">`);
 var _tmpl$6 = /*#__PURE__*/ template(`<button>`);
 var _tmpl$7 = /*#__PURE__*/ template(`<span class="shrink-0 opacity-0 transition-opacity ease-out group-hover/section-header:opacity-100 focus-within:opacity-100 [@media(any-pointer:coarse)]:opacity-100">`);
@@ -262,7 +262,7 @@ function SidebarNavLabel(props) {
 	return (() => {
 		var _el$11 = _tmpl$10();
 		spread(_el$11, mergeProps({ get ["class"]() {
-			return cn("min-w-0 flex-1 truncate", local.class);
+			return cn("min-w-0 flex-1 truncate text-start", local.class);
 		} }, rest), false, false);
 		return _el$11;
 	})();

package/dist/components/layout/sidebar-nav/sidebar-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-nav.js","names":["PolymorphicProps","Polymorphic","ChevronRight","ComponentProps","JSX","ValidComponent","Show","createSignal","splitProps","cn","invokeEventHandler","handler","event","Event","Array","isArray","callback","data","SidebarNavProps","T","class","SidebarNav","props","local","rest","_$createComponent","_$mergeProps","as","aria-label","children","SidebarNavHeader","_el$","_tmpl$","_$spread","SidebarNavTitleProps","SidebarNavTitle","SidebarNavContent","_el$2","_tmpl$2","SidebarNavFooter","_el$3","_tmpl$3","SidebarNavSectionTriggerProps","Omit","onReorder","direction","onClick","onKeyDown","SidebarNavSectionProps","label","collapsible","defaultOpen","active","open","onOpenChange","triggerProps","count","action","Element","headingAs","SidebarNavSection","uncontrolledOpen","setUncontrolledOpen","setOpen","next","undefined","trigger","triggerRest","heading","when","_el$4","_tmpl$4","_$insert","_el$5","_tmpl$5","_el$6","_tmpl$9","_el$7","firstChild","_$memo","fallback","_el$8","_tmpl$6","aria-expanded","aria-current","defaultPrevented","altKey","key","preventDefault","stopPropagation","_el$9","_tmpl$7","_el$0","_tmpl$8","_$effect","_p$","_v$","_v$2","e","_$setAttribute","t","_$className","SidebarNavRowProps","actions","SidebarNavRow","_el$1","_tmpl$1","_el$10","_tmpl$0","SidebarNavLabel","_el$11","_tmpl$10","SidebarNavItemProps","nested","trailing","sidebarNavItemClass","join","sidebarNavItemStateClass","idle","SidebarNavItem","data-active","_el$12","_tmpl$11","SidebarNavButton","_el$13","_tmpl$12","_$createComponent","_$mergeProps","_$memo","_$setAttribute","_$className"],"sources":["../../../../src/components/layout/sidebar-nav/sidebar-nav.tsx"],"sourcesContent":["import type { PolymorphicProps } from '@kobalte/core/polymorphic'\nimport { Polymorphic } from '@kobalte/core/polymorphic'\nimport { ChevronRight } from 'lucide-solid'\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js'\nimport { Show, createSignal, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\nfunction invokeEventHandler(handler: unknown, event: Event) {\n  if (Array.isArray(handler)) {\n    const [callback, data] = handler as [(data: unknown, event: Event) => void, unknown]\n    callback(data, event)\n  } else if (typeof handler === 'function') {\n    ;(handler as (event: Event) => void)(event)\n  }\n}\n\n/**\n * SidebarNav.\n *\n * The secondary navigation column: the list of things inside the destination\n * the rail selected — projects, sessions, files, threads. It is a different\n * object from the rail, not a wider version of it, which is why it is a separate\n * component rather than the rail with labels on.\n *\n * Rows share one recipe with the rail's, so a row in a sidebar and a row in a\n * rail read as the same kind of thing at the same density. That recipe is\n * exactly KiroCrew's nav row: `text-sm font-medium`, `gap-2.5`, `px-3 py-2`,\n * `rounded-md`, `transition-colors`.\n *\n * The width comes from `--sidebar-width`. Sections collapse by default only when\n * the caller says so, because a section that starts collapsed and holds the\n * user's own work is a hidden default.\n */\nexport type SidebarNavProps<T extends ValidComponent = 'nav'> = PolymorphicProps<\n  T,\n  { class?: string; 'aria-label'?: string }\n>\n\nexport function SidebarNav<T extends ValidComponent = 'nav'>(props: SidebarNavProps<T>) {\n  const [local, rest] = splitProps(props as SidebarNavProps, ['class', 'aria-label', 'children'])\n\n  return (\n    <Polymorphic\n      as=\"nav\"\n      aria-label={local['aria-label'] ?? 'Section'}\n      class={cn(\n        'bg-sidebar text-sidebar-foreground flex h-full w-sidebar min-w-0 max-w-full shrink-0 flex-col border-e border-sidebar-border',\n        local.class\n      )}\n      {...(rest as ComponentProps<'nav'>)}\n    >\n      {local.children}\n    </Polymorphic>\n  )\n}\n\nexport function SidebarNavHeader(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"sidebar-nav-header\"\n      class={cn('flex h-topbar shrink-0 items-center justify-between gap-2 px-3', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport type SidebarNavTitleProps<T extends ValidComponent = 'div'> = PolymorphicProps<\n  T,\n  { class?: string }\n>\n\nexport function SidebarNavTitle<T extends ValidComponent = 'div'>(props: SidebarNavTitleProps<T>) {\n  const [local, rest] = splitProps(props as SidebarNavTitleProps, ['class'])\n  return (\n    <Polymorphic\n      as=\"div\"\n      data-slot=\"sidebar-nav-title\"\n      class={cn('truncate text-sm font-semibold tracking-tight', local.class)}\n      {...(rest as ComponentProps<'div'>)}\n    />\n  )\n}\n\n/** The scrolling middle of the sidebar. */\nexport function SidebarNavContent(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"sidebar-nav-content\"\n      class={cn('flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto px-2 py-2', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function SidebarNavFooter(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"sidebar-nav-footer\"\n      class={cn('flex shrink-0 items-center gap-1 border-t border-sidebar-border p-2', local.class)}\n      {...rest}\n    />\n  )\n}\n\n/** Props forwarded to a collapsible section's disclosure button. */\nexport type SidebarNavSectionTriggerProps = Omit<\n  ComponentProps<'button'>,\n  'type' | 'aria-expanded' | 'onClick' | 'onKeyDown' | 'children' | 'class' | 'style'\n> & {\n  /** Called for Alt+ArrowUp/Down; the host owns ordering and row identity. */\n  onReorder?: (direction: 'up' | 'down') => void\n  /** Runs before the section toggle and may cancel it with `preventDefault()`. */\n  onClick?: ComponentProps<'button'>['onClick']\n  /** Runs before shared Alt+Arrow handling and may cancel it with `preventDefault()`. */\n  onKeyDown?: ComponentProps<'button'>['onKeyDown']\n}\n\n/**\n * A titled, collapsible group. Collapsible because a list of projects\n * inevitably outgrows the column, and the user needs to put the ones they are\n * not using away *without* them disappearing into a menu.\n */\nexport type SidebarNavSectionProps = ComponentProps<'div'> & {\n  label: string\n  /** Render a disclosure control instead of a plain heading. */\n  collapsible?: boolean\n  defaultOpen?: boolean\n  /** Mark the current project/group without changing its disclosure state. */\n  active?: boolean\n  /** Controlled disclosure state. When supplied, the host owns changes. */\n  open?: boolean\n  /** Called for user-initiated disclosure changes. */\n  onOpenChange?: (open: boolean) => void\n  /** Native props and reorder callbacks for the disclosure control. */\n  triggerProps?: SidebarNavSectionTriggerProps\n  /** Count shown beside the label. */\n  count?: number\n  /** A control at the trailing edge of the heading row. */\n  action?: JSX.Element\n  /** Semantic heading element for a host's section hierarchy. */\n  headingAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n}\n\nexport function SidebarNavSection(props: SidebarNavSectionProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'label',\n    'collapsible',\n    'defaultOpen',\n    'active',\n    'open',\n    'onOpenChange',\n    'triggerProps',\n    'count',\n    'action',\n    'headingAs',\n    'children',\n  ])\n  const [uncontrolledOpen, setUncontrolledOpen] = createSignal(local.defaultOpen ?? true)\n  const open = () => local.open ?? uncontrolledOpen()\n  const setOpen = (next: boolean) => {\n    if (local.open === undefined) setUncontrolledOpen(next)\n    local.onOpenChange?.(next)\n  }\n\n  const [trigger, triggerRest] = splitProps(local.triggerProps ?? {}, [\n    'onClick',\n    'onKeyDown',\n    'onReorder',\n  ])\n\n  const heading = (\n    <>\n      <Show when={local.collapsible}>\n        <ChevronRight\n          aria-hidden=\"true\"\n          class={cn('size-3.5 shrink-0 text-muted-foreground transition-transform ease-out', {\n            'rotate-90': open(),\n          })}\n        />\n      </Show>\n      <span class=\"min-w-0 flex-1 truncate\">{local.label}</span>\n      <Show when={local.count !== undefined}>\n        <span class=\"shrink-0 tabular-nums text-muted-foreground\">{local.count}</span>\n      </Show>\n    </>\n  )\n\n  return (\n    <div data-slot=\"sidebar-nav-section\" class={cn('flex flex-col gap-0.5', local.class)} {...rest}>\n      <div\n        data-slot=\"sidebar-nav-section-header\"\n        data-active={local.active ? '' : undefined}\n        class={cn(\n          'group/section-header flex items-center gap-1 rounded-md px-2 py-1.5',\n          { '[@media(any-pointer:coarse)]:py-0': local.collapsible },\n          local.active ? 'bg-primary-subtle text-foreground' : 'hover:bg-sidebar-accent/60'\n        )}\n      >\n        <Polymorphic\n          as={local.headingAs ?? 'div'}\n          aria-label={local.headingAs ? local.label : undefined}\n          class={cn(\n            'flex min-w-0 flex-1 items-center gap-1.5 text-2xs font-medium tracking-wide uppercase',\n            local.active ? 'text-foreground' : 'text-sidebar-muted-foreground'\n          )}\n        >\n          <Show when={local.collapsible} fallback={heading}>\n            <button\n              {...(triggerRest as ComponentProps<'button'>)}\n              type=\"button\"\n              aria-expanded={open()}\n              aria-current={local.active ? 'page' : triggerRest['aria-current']}\n              onClick={(event) => {\n                invokeEventHandler(trigger.onClick, event)\n                if (event.defaultPrevented) return\n                setOpen(!open())\n              }}\n              onKeyDown={(event) => {\n                invokeEventHandler(trigger.onKeyDown, event)\n                if (event.defaultPrevented || !event.altKey) return\n                if (event.key !== 'ArrowUp' && event.key !== 'ArrowDown') return\n                event.preventDefault()\n                event.stopPropagation()\n                trigger.onReorder?.(event.key === 'ArrowUp' ? 'up' : 'down')\n              }}\n              class={cn(\n                'flex min-w-0 flex-1 items-center gap-1.5 rounded-sm text-2xs font-medium tracking-wide uppercase outline-none transition-colors ease-out hover:text-sidebar-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle [@media(any-pointer:coarse)]:min-h-11',\n                local.active ? 'text-foreground' : 'text-sidebar-muted-foreground'\n              )}\n            >\n              {heading}\n            </button>\n          </Show>\n        </Polymorphic>\n        <Show when={local.action}>\n          <span class=\"shrink-0 opacity-0 transition-opacity ease-out group-hover/section-header:opacity-100 focus-within:opacity-100 [@media(any-pointer:coarse)]:opacity-100\">\n            {local.action}\n          </span>\n        </Show>\n      </div>\n      <Show when={!local.collapsible || open()}>\n        <div class=\"flex flex-col gap-0.5\">{local.children}</div>\n      </Show>\n    </div>\n  )\n}\n\nexport type SidebarNavRowProps = ComponentProps<'div'> & {\n  /** Adjacent controls, outside the navigation item's interactive element. */\n  actions?: JSX.Element\n}\n\n/**\n * A navigation item and its adjacent controls. Actions stay outside the item\n * to avoid nested buttons; touch, keyboard focus, and expanded menus expose\n * them without requiring a pointer hover. A narrow lane or enlarged text\n * may move actions onto a second line rather than clipping the label or controls.\n */\nexport function SidebarNavRow(props: SidebarNavRowProps) {\n  const [local, rest] = splitProps(props, ['class', 'children', 'actions'])\n  return (\n    <div\n      data-slot=\"sidebar-nav-row\"\n      class={cn(\n        'group/sidebar-nav-row flex min-w-0 flex-wrap items-center gap-0.5 [&>[data-slot=sidebar-nav-item]]:flex-1 [&>[data-slot=sidebar-nav-item]]:basis-36',\n        local.class\n      )}\n      {...rest}\n    >\n      {local.children}\n      <Show when={local.actions}>\n        <span\n          data-slot=\"sidebar-nav-row-actions\"\n          class=\"ms-auto flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity ease-out group-hover/sidebar-nav-row:opacity-100 group-focus-within/sidebar-nav-row:opacity-100 has-[[aria-haspopup=menu][aria-expanded=true]]:opacity-100 has-[[aria-haspopup=true][aria-expanded=true]]:opacity-100 [@media(any-pointer:coarse)]:opacity-100\"\n        >\n          {local.actions}\n        </span>\n      </Show>\n    </div>\n  )\n}\n\n/** Row text may truncate visually; its complete content remains the accessible name. */\nexport function SidebarNavLabel(props: ComponentProps<'span'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <span\n      data-slot=\"sidebar-nav-label\"\n      class={cn('min-w-0 flex-1 truncate', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport type SidebarNavItemProps<T extends ValidComponent = 'a'> = PolymorphicProps<\n  T,\n  {\n    class?: string\n    active?: boolean\n    /** Indent one level, for a child row such as a branch under a project. */\n    nested?: boolean\n    /** Trailing slot: a count, a status dot, a hover action. */\n    trailing?: JSX.Element\n  }\n>\n\n/**\n * A sidebar row. Exported classes, so a caller's own element can match it.\n * Any coarse pointer gets a 44px target without changing desktop density.\n */\nexport const sidebarNavItemClass = [\n  'group/nav-item relative flex min-w-0 items-center gap-2.5 rounded-md px-3 py-2 text-sm font-medium',\n  'whitespace-nowrap transition-colors ease-out outline-none select-none [@media(any-pointer:coarse)]:min-h-11',\n  'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n  '[&_svg]:size-4 [&_svg]:shrink-0',\n].join(' ')\n\nexport const sidebarNavItemStateClass = {\n  active: 'bg-primary-subtle text-foreground',\n  idle: 'text-muted-foreground hover:bg-surface-hover hover:text-foreground',\n}\n\nexport function SidebarNavItem<T extends ValidComponent = 'a'>(props: SidebarNavItemProps<T>) {\n  const [local, rest] = splitProps(props as SidebarNavItemProps, [\n    'class',\n    'active',\n    'nested',\n    'trailing',\n    'children',\n  ])\n\n  return (\n    <Polymorphic\n      as=\"a\"\n      data-slot=\"sidebar-nav-item\"\n      aria-current={local.active ? 'page' : undefined}\n      data-active={local.active ? '' : undefined}\n      class={cn(\n        sidebarNavItemClass,\n        local.active ? sidebarNavItemStateClass.active : sidebarNavItemStateClass.idle,\n        { 'ps-8': local.nested },\n        local.class\n      )}\n      {...(rest as ComponentProps<'a'>)}\n    >\n      {local.children}\n      <Show when={local.trailing}>\n        <span class=\"ms-auto flex shrink-0 items-center gap-1\">{local.trailing}</span>\n      </Show>\n    </Polymorphic>\n  )\n}\n\n/** A row that is a button rather than a destination — \"New project\". */\nexport function SidebarNavButton(props: ComponentProps<'button'>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <button\n      type=\"button\"\n      class={cn(\n        sidebarNavItemClass,\n        sidebarNavItemStateClass.idle,\n        'w-full disabled:pointer-events-none disabled:opacity-50',\n        local.class\n      )}\n      {...rest}\n    >\n      {local.children}\n    </button>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"sidebar-nav.js","names":["PolymorphicProps","Polymorphic","ChevronRight","ComponentProps","JSX","ValidComponent","Show","createSignal","splitProps","cn","invokeEventHandler","handler","event","Event","Array","isArray","callback","data","SidebarNavProps","T","class","SidebarNav","props","local","rest","_$createComponent","_$mergeProps","as","aria-label","children","SidebarNavHeader","_el$","_tmpl$","_$spread","SidebarNavTitleProps","SidebarNavTitle","SidebarNavContent","_el$2","_tmpl$2","SidebarNavFooter","_el$3","_tmpl$3","SidebarNavSectionTriggerProps","Omit","onReorder","direction","onClick","onKeyDown","SidebarNavSectionProps","label","collapsible","defaultOpen","active","open","onOpenChange","triggerProps","count","action","Element","headingAs","SidebarNavSection","uncontrolledOpen","setUncontrolledOpen","setOpen","next","undefined","trigger","triggerRest","heading","when","_el$4","_tmpl$4","_$insert","_el$5","_tmpl$5","_el$6","_tmpl$9","_el$7","firstChild","_$memo","fallback","_el$8","_tmpl$6","aria-expanded","aria-current","defaultPrevented","altKey","key","preventDefault","stopPropagation","_el$9","_tmpl$7","_el$0","_tmpl$8","_$effect","_p$","_v$","_v$2","e","_$setAttribute","t","_$className","SidebarNavRowProps","actions","SidebarNavRow","_el$1","_tmpl$1","_el$10","_tmpl$0","SidebarNavLabel","_el$11","_tmpl$10","SidebarNavItemProps","nested","trailing","sidebarNavItemClass","join","sidebarNavItemStateClass","idle","SidebarNavItem","data-active","_el$12","_tmpl$11","SidebarNavButton","_el$13","_tmpl$12","_$createComponent","_$mergeProps","_$memo","_$setAttribute","_$className"],"sources":["../../../../src/components/layout/sidebar-nav/sidebar-nav.tsx"],"sourcesContent":["import type { PolymorphicProps } from '@kobalte/core/polymorphic'\nimport { Polymorphic } from '@kobalte/core/polymorphic'\nimport { ChevronRight } from 'lucide-solid'\nimport type { ComponentProps, JSX, ValidComponent } from 'solid-js'\nimport { Show, createSignal, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\nfunction invokeEventHandler(handler: unknown, event: Event) {\n  if (Array.isArray(handler)) {\n    const [callback, data] = handler as [(data: unknown, event: Event) => void, unknown]\n    callback(data, event)\n  } else if (typeof handler === 'function') {\n    ;(handler as (event: Event) => void)(event)\n  }\n}\n\n/**\n * SidebarNav.\n *\n * The secondary navigation column: the list of things inside the destination\n * the rail selected — projects, sessions, files, threads. It is a different\n * object from the rail, not a wider version of it, which is why it is a separate\n * component rather than the rail with labels on.\n *\n * Rows share one recipe with the rail's, so a row in a sidebar and a row in a\n * rail read as the same kind of thing at the same density. That recipe is\n * exactly KiroCrew's nav row: `text-sm font-medium`, `gap-2.5`, `px-3 py-2`,\n * `rounded-md`, `transition-colors`.\n *\n * The width comes from `--sidebar-width`. Sections collapse by default only when\n * the caller says so, because a section that starts collapsed and holds the\n * user's own work is a hidden default.\n */\nexport type SidebarNavProps<T extends ValidComponent = 'nav'> = PolymorphicProps<\n  T,\n  { class?: string; 'aria-label'?: string }\n>\n\nexport function SidebarNav<T extends ValidComponent = 'nav'>(props: SidebarNavProps<T>) {\n  const [local, rest] = splitProps(props as SidebarNavProps, ['class', 'aria-label', 'children'])\n\n  return (\n    <Polymorphic\n      as=\"nav\"\n      aria-label={local['aria-label'] ?? 'Section'}\n      class={cn(\n        'bg-sidebar text-sidebar-foreground flex h-full w-sidebar min-w-0 max-w-full shrink-0 flex-col border-e border-sidebar-border',\n        local.class\n      )}\n      {...(rest as ComponentProps<'nav'>)}\n    >\n      {local.children}\n    </Polymorphic>\n  )\n}\n\nexport function SidebarNavHeader(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"sidebar-nav-header\"\n      class={cn('flex h-topbar shrink-0 items-center justify-between gap-2 px-3', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport type SidebarNavTitleProps<T extends ValidComponent = 'div'> = PolymorphicProps<\n  T,\n  { class?: string }\n>\n\nexport function SidebarNavTitle<T extends ValidComponent = 'div'>(props: SidebarNavTitleProps<T>) {\n  const [local, rest] = splitProps(props as SidebarNavTitleProps, ['class'])\n  return (\n    <Polymorphic\n      as=\"div\"\n      data-slot=\"sidebar-nav-title\"\n      class={cn('truncate text-sm font-semibold tracking-tight', local.class)}\n      {...(rest as ComponentProps<'div'>)}\n    />\n  )\n}\n\n/** The scrolling middle of the sidebar. */\nexport function SidebarNavContent(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"sidebar-nav-content\"\n      class={cn('flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto px-2 py-2', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport function SidebarNavFooter(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <div\n      data-slot=\"sidebar-nav-footer\"\n      class={cn('flex shrink-0 items-center gap-1 border-t border-sidebar-border p-2', local.class)}\n      {...rest}\n    />\n  )\n}\n\n/** Props forwarded to a collapsible section's disclosure button. */\nexport type SidebarNavSectionTriggerProps = Omit<\n  ComponentProps<'button'>,\n  'type' | 'aria-expanded' | 'onClick' | 'onKeyDown' | 'children' | 'class' | 'style'\n> & {\n  /** Called for Alt+ArrowUp/Down; the host owns ordering and row identity. */\n  onReorder?: (direction: 'up' | 'down') => void\n  /** Runs before the section toggle and may cancel it with `preventDefault()`. */\n  onClick?: ComponentProps<'button'>['onClick']\n  /** Runs before shared Alt+Arrow handling and may cancel it with `preventDefault()`. */\n  onKeyDown?: ComponentProps<'button'>['onKeyDown']\n}\n\n/**\n * A titled, collapsible group. Collapsible because a list of projects\n * inevitably outgrows the column, and the user needs to put the ones they are\n * not using away *without* them disappearing into a menu.\n */\nexport type SidebarNavSectionProps = ComponentProps<'div'> & {\n  label: string\n  /** Render a disclosure control instead of a plain heading. */\n  collapsible?: boolean\n  defaultOpen?: boolean\n  /** Mark the current project/group without changing its disclosure state. */\n  active?: boolean\n  /** Controlled disclosure state. When supplied, the host owns changes. */\n  open?: boolean\n  /** Called for user-initiated disclosure changes. */\n  onOpenChange?: (open: boolean) => void\n  /** Native props and reorder callbacks for the disclosure control. */\n  triggerProps?: SidebarNavSectionTriggerProps\n  /** Count shown beside the label. */\n  count?: number\n  /** A control at the trailing edge of the heading row. */\n  action?: JSX.Element\n  /** Semantic heading element for a host's section hierarchy. */\n  headingAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n}\n\nexport function SidebarNavSection(props: SidebarNavSectionProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'label',\n    'collapsible',\n    'defaultOpen',\n    'active',\n    'open',\n    'onOpenChange',\n    'triggerProps',\n    'count',\n    'action',\n    'headingAs',\n    'children',\n  ])\n  const [uncontrolledOpen, setUncontrolledOpen] = createSignal(local.defaultOpen ?? true)\n  const open = () => local.open ?? uncontrolledOpen()\n  const setOpen = (next: boolean) => {\n    if (local.open === undefined) setUncontrolledOpen(next)\n    local.onOpenChange?.(next)\n  }\n\n  const [trigger, triggerRest] = splitProps(local.triggerProps ?? {}, [\n    'onClick',\n    'onKeyDown',\n    'onReorder',\n  ])\n\n  const heading = (\n    <>\n      <Show when={local.collapsible}>\n        <ChevronRight\n          aria-hidden=\"true\"\n          class={cn('size-3.5 shrink-0 text-muted-foreground transition-transform ease-out', {\n            'rotate-90': open(),\n          })}\n        />\n      </Show>\n      <span class=\"min-w-0 flex-1 truncate text-start\">{local.label}</span>\n      <Show when={local.count !== undefined}>\n        <span class=\"shrink-0 tabular-nums text-muted-foreground\">{local.count}</span>\n      </Show>\n    </>\n  )\n\n  return (\n    <div data-slot=\"sidebar-nav-section\" class={cn('flex flex-col gap-0.5', local.class)} {...rest}>\n      <div\n        data-slot=\"sidebar-nav-section-header\"\n        data-active={local.active ? '' : undefined}\n        class={cn(\n          'group/section-header flex items-center gap-1 rounded-md px-2 py-1.5',\n          { '[@media(any-pointer:coarse)]:py-0': local.collapsible },\n          local.active ? 'bg-primary-subtle text-foreground' : 'hover:bg-sidebar-accent/60'\n        )}\n      >\n        <Polymorphic\n          as={local.headingAs ?? 'div'}\n          aria-label={local.headingAs ? local.label : undefined}\n          class={cn(\n            'flex min-w-0 flex-1 items-center gap-1.5 text-2xs font-medium tracking-wide uppercase',\n            local.active ? 'text-foreground' : 'text-sidebar-muted-foreground'\n          )}\n        >\n          <Show when={local.collapsible} fallback={heading}>\n            <button\n              {...(triggerRest as ComponentProps<'button'>)}\n              type=\"button\"\n              aria-expanded={open()}\n              aria-current={local.active ? 'page' : triggerRest['aria-current']}\n              onClick={(event) => {\n                invokeEventHandler(trigger.onClick, event)\n                if (event.defaultPrevented) return\n                setOpen(!open())\n              }}\n              onKeyDown={(event) => {\n                invokeEventHandler(trigger.onKeyDown, event)\n                if (event.defaultPrevented || !event.altKey) return\n                if (event.key !== 'ArrowUp' && event.key !== 'ArrowDown') return\n                event.preventDefault()\n                event.stopPropagation()\n                trigger.onReorder?.(event.key === 'ArrowUp' ? 'up' : 'down')\n              }}\n              class={cn(\n                'flex min-w-0 flex-1 items-center gap-1.5 rounded-sm text-2xs font-medium tracking-wide uppercase outline-none transition-colors ease-out hover:text-sidebar-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle [@media(any-pointer:coarse)]:min-h-11',\n                local.active ? 'text-foreground' : 'text-sidebar-muted-foreground'\n              )}\n            >\n              {heading}\n            </button>\n          </Show>\n        </Polymorphic>\n        <Show when={local.action}>\n          <span class=\"shrink-0 opacity-0 transition-opacity ease-out group-hover/section-header:opacity-100 focus-within:opacity-100 [@media(any-pointer:coarse)]:opacity-100\">\n            {local.action}\n          </span>\n        </Show>\n      </div>\n      <Show when={!local.collapsible || open()}>\n        <div class=\"flex flex-col gap-0.5\">{local.children}</div>\n      </Show>\n    </div>\n  )\n}\n\nexport type SidebarNavRowProps = ComponentProps<'div'> & {\n  /** Adjacent controls, outside the navigation item's interactive element. */\n  actions?: JSX.Element\n}\n\n/**\n * A navigation item and its adjacent controls. Actions stay outside the item\n * to avoid nested buttons; touch, keyboard focus, and expanded menus expose\n * them without requiring a pointer hover. A narrow lane or enlarged text\n * may move actions onto a second line rather than clipping the label or controls.\n */\nexport function SidebarNavRow(props: SidebarNavRowProps) {\n  const [local, rest] = splitProps(props, ['class', 'children', 'actions'])\n  return (\n    <div\n      data-slot=\"sidebar-nav-row\"\n      class={cn(\n        'group/sidebar-nav-row flex min-w-0 flex-wrap items-center gap-0.5 [&>[data-slot=sidebar-nav-item]]:flex-1 [&>[data-slot=sidebar-nav-item]]:basis-36',\n        local.class\n      )}\n      {...rest}\n    >\n      {local.children}\n      <Show when={local.actions}>\n        <span\n          data-slot=\"sidebar-nav-row-actions\"\n          class=\"ms-auto flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity ease-out group-hover/sidebar-nav-row:opacity-100 group-focus-within/sidebar-nav-row:opacity-100 has-[[aria-haspopup=menu][aria-expanded=true]]:opacity-100 has-[[aria-haspopup=true][aria-expanded=true]]:opacity-100 [@media(any-pointer:coarse)]:opacity-100\"\n        >\n          {local.actions}\n        </span>\n      </Show>\n    </div>\n  )\n}\n\n/** Row text may truncate visually; its complete content remains the accessible name. */\nexport function SidebarNavLabel(props: ComponentProps<'span'>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <span\n      data-slot=\"sidebar-nav-label\"\n      class={cn('min-w-0 flex-1 truncate text-start', local.class)}\n      {...rest}\n    />\n  )\n}\n\nexport type SidebarNavItemProps<T extends ValidComponent = 'a'> = PolymorphicProps<\n  T,\n  {\n    class?: string\n    active?: boolean\n    /** Indent one level, for a child row such as a branch under a project. */\n    nested?: boolean\n    /** Trailing slot: a count, a status dot, a hover action. */\n    trailing?: JSX.Element\n  }\n>\n\n/**\n * A sidebar row. Exported classes, so a caller's own element can match it.\n * Any coarse pointer gets a 44px target without changing desktop density.\n */\nexport const sidebarNavItemClass = [\n  'group/nav-item relative flex min-w-0 items-center gap-2.5 rounded-md px-3 py-2 text-sm font-medium',\n  'whitespace-nowrap transition-colors ease-out outline-none select-none [@media(any-pointer:coarse)]:min-h-11',\n  'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n  '[&_svg]:size-4 [&_svg]:shrink-0',\n].join(' ')\n\nexport const sidebarNavItemStateClass = {\n  active: 'bg-primary-subtle text-foreground',\n  idle: 'text-muted-foreground hover:bg-surface-hover hover:text-foreground',\n}\n\nexport function SidebarNavItem<T extends ValidComponent = 'a'>(props: SidebarNavItemProps<T>) {\n  const [local, rest] = splitProps(props as SidebarNavItemProps, [\n    'class',\n    'active',\n    'nested',\n    'trailing',\n    'children',\n  ])\n\n  return (\n    <Polymorphic\n      as=\"a\"\n      data-slot=\"sidebar-nav-item\"\n      aria-current={local.active ? 'page' : undefined}\n      data-active={local.active ? '' : undefined}\n      class={cn(\n        sidebarNavItemClass,\n        local.active ? sidebarNavItemStateClass.active : sidebarNavItemStateClass.idle,\n        { 'ps-8': local.nested },\n        local.class\n      )}\n      {...(rest as ComponentProps<'a'>)}\n    >\n      {local.children}\n      <Show when={local.trailing}>\n        <span class=\"ms-auto flex shrink-0 items-center gap-1\">{local.trailing}</span>\n      </Show>\n    </Polymorphic>\n  )\n}\n\n/** A row that is a button rather than a destination — \"New project\". */\nexport function SidebarNavButton(props: ComponentProps<'button'>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <button\n      type=\"button\"\n      class={cn(\n        sidebarNavItemClass,\n        sidebarNavItemStateClass.idle,\n        'w-full disabled:pointer-events-none disabled:opacity-50',\n        local.class\n      )}\n      {...rest}\n    >\n      {local.children}\n    </button>\n  )\n}\n"],"mappings":"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"}

package/dist/components/motion/presence.d.ts

@@ -13,14 +13,24 @@ import { Presence as MotionPresence } from 'solid-motionone';
  * this for mounting and unmounting, which is the split that keeps the common case
  * free of a runtime while making the rare case correct.
  *
- *   <Show when={open()}>
- *     <Presence initial={{ opacity: 0, scale: 0.96 }} exit={{ opacity: 0, scale: 0.96 }}>
- *       <div>…</div>
- *     </Presence>
- *   </Show>
+ *   <Presence exitBeforeEnter>
+ *     <Show when={open()}>
+ *       <Motion.div
+ *         initial={{ opacity: 0, scale: 0.96 }}
+ *         animate={{ opacity: 1, scale: 1 }}
+ *         exit={{ opacity: 0, scale: 0.96 }}
+ *       >
+ *         …
+ *       </Motion.div>
+ *     </Show>
+ *   </Presence>
  *
- * `Presence` keeps the child mounted until its exit finishes, so the `<Show>` above
- * can stay the only condition in the tree.
+ * `Presence` goes *outside* the condition: it has to outlive the `<Show>`'s child
+ * to keep that child mounted until its exit finishes. It takes only two booleans —
+ * `initial={false}` skips the enter animation on first render, `exitBeforeEnter`
+ * holds a replacement back until the outgoing element has left. The animation
+ * itself lives on the `Motion.*` element, which must be the direct child of the
+ * condition for its `exit` to run.
  */
 export type PresenceProps = ComponentProps<typeof MotionPresence> & {
     children?: JSX.Element;