@gerege-systems/ui 0.11.2

package/dist-lib/components/ui/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../../src/components/ui/Select.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef, type ReactNode } from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { Check, ChevronDown, ChevronUp, ChevronsUpDown } from '@/icons';\nimport { cn } from '@/lib/utils';\nimport { useStrings } from '@/hooks/use-strings';\n\n/* -----------------------------------------------------------------------------\n *  Compound API:\n *\n *    <Select value={…} onValueChange={…}>\n *      <SelectTrigger placeholder=\"Pick one\" />\n *      <SelectContent>\n *        <SelectGroup label=\"Active\">\n *          <SelectItem value=\"a\">Apple</SelectItem>\n *          <SelectItem value=\"b\">Banana</SelectItem>\n *        </SelectGroup>\n *      </SelectContent>\n *    </Select>\n *\n *  All accessibility is handled by Radix: keyboard navigation, type-ahead,\n *  focus trap, ARIA roles. We only style.\n * --------------------------------------------------------------------------- */\n\nexport const Select = SelectPrimitive.Root;\nexport const SelectValue = SelectPrimitive.Value;\n\nexport interface SelectTriggerProps extends Omit<\n  ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>,\n  'children'\n> {\n  /**\n   * Placeholder shown when no value is selected. Also used as the trigger's\n   * accessible name when no `aria-label` / `aria-labelledby` / `id` (external\n   * `<Label htmlFor>`) is supplied — `role=\"combobox\"` takes no name from\n   * its content.\n   */\n  placeholder?: string;\n  /** Trigger height — matches Input sizes. */\n  size?: 'sm' | 'md' | 'lg';\n  /** Visual tone — `error` swaps the border + ring to danger. */\n  tone?: 'default' | 'error';\n}\n\nexport const SelectTrigger = forwardRef<\n  ElementRef<typeof SelectPrimitive.Trigger>,\n  SelectTriggerProps\n>(function SelectTrigger({ className, placeholder, size = 'md', tone = 'default', ...props }, ref) {\n  const strings = useStrings();\n  const hasName = Boolean(props['aria-label'] || props['aria-labelledby'] || props.id);\n  return (\n    <SelectPrimitive.Trigger\n      ref={ref}\n      aria-label={hasName ? undefined : (placeholder ?? strings.select.placeholder)}\n      className={cn(\n        'bg-card text-foreground inline-flex w-full items-center justify-between gap-2 rounded-md border text-lg md:text-sm',\n        '[&>span]:min-w-0 [&>span]:truncate',\n        'transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out)]',\n        'outline-none',\n        'focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'data-[placeholder]:text-foreground-subtle',\n        size === 'sm' && 'h-8 px-2.5',\n        size === 'md' && 'h-9 px-3',\n        size === 'lg' && 'h-10 px-3.5',\n        tone === 'default'\n          ? 'border-border-input focus-visible:border-accent focus-visible:ring-ring'\n          : 'border-danger focus-visible:border-danger focus-visible:ring-danger',\n        className,\n      )}\n      {...props}\n    >\n      <SelectPrimitive.Value placeholder={placeholder} />\n      <SelectPrimitive.Icon asChild>\n        <ChevronsUpDown className=\"text-foreground-subtle size-4 shrink-0\" aria-hidden />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n});\nSelectTrigger.displayName = 'SelectTrigger';\n\nconst scrollBtn = 'flex h-6 cursor-default items-center justify-center text-foreground-subtle';\n\nexport const SelectScrollUpButton = forwardRef<\n  ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(function SelectScrollUpButton({ className, ...props }, ref) {\n  return (\n    <SelectPrimitive.ScrollUpButton ref={ref} className={cn(scrollBtn, className)} {...props}>\n      <ChevronUp className=\"size-4\" aria-hidden />\n    </SelectPrimitive.ScrollUpButton>\n  );\n});\nSelectScrollUpButton.displayName = 'SelectScrollUpButton';\n\nexport const SelectScrollDownButton = forwardRef<\n  ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(function SelectScrollDownButton({ className, ...props }, ref) {\n  return (\n    <SelectPrimitive.ScrollDownButton ref={ref} className={cn(scrollBtn, className)} {...props}>\n      <ChevronDown className=\"size-4\" aria-hidden />\n    </SelectPrimitive.ScrollDownButton>\n  );\n});\nSelectScrollDownButton.displayName = 'SelectScrollDownButton';\n\nexport const SelectContent = forwardRef<\n  ElementRef<typeof SelectPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(function SelectContent({ className, children, position = 'popper', ...props }, ref) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        ref={ref}\n        position={position}\n        className={cn(\n          'z-[var(--z-popover)] max-h-96 min-w-[var(--radix-select-trigger-width)]',\n          'border-border bg-popover text-popover-foreground overflow-hidden rounded-lg border',\n          'shadow-md',\n          'data-[state=open]:animate-in data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n          'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1',\n          className,\n        )}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport className=\"p-1\">{children}</SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n});\nSelectContent.displayName = 'SelectContent';\n\nexport const SelectLabel = forwardRef<\n  ElementRef<typeof SelectPrimitive.Label>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(function SelectLabel({ className, ...props }, ref) {\n  return (\n    <SelectPrimitive.Label\n      ref={ref}\n      className={cn('text-foreground-subtle px-2 py-1.5 text-xs font-medium', className)}\n      {...props}\n    />\n  );\n});\nSelectLabel.displayName = 'SelectLabel';\n\nexport interface SelectItemProps extends ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {\n  /** Icon shown to the left of the label. */\n  leadingIcon?: ReactNode;\n}\n\nexport const SelectItem = forwardRef<ElementRef<typeof SelectPrimitive.Item>, SelectItemProps>(\n  function SelectItem({ className, children, leadingIcon, ...props }, ref) {\n    return (\n      <SelectPrimitive.Item\n        ref={ref}\n        className={cn(\n          'relative flex w-full cursor-default items-center gap-2 select-none',\n          'text-foreground rounded-sm px-2 py-1.5 pr-8 text-sm outline-none',\n          'data-[highlighted]:bg-background-muted data-[highlighted]:text-foreground',\n          'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n          className,\n        )}\n        {...props}\n      >\n        {leadingIcon && (\n          <span className=\"text-foreground-subtle flex items-center [&_svg]:size-4\">\n            {leadingIcon}\n          </span>\n        )}\n        <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n        <span className=\"absolute right-2 flex items-center justify-center\">\n          <SelectPrimitive.ItemIndicator>\n            <Check className=\"text-accent size-4\" aria-hidden />\n          </SelectPrimitive.ItemIndicator>\n        </span>\n      </SelectPrimitive.Item>\n    );\n  },\n);\nSelectItem.displayName = 'SelectItem';\n\nexport const SelectSeparator = forwardRef<\n  ElementRef<typeof SelectPrimitive.Separator>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(function SelectSeparator({ className, ...props }, ref) {\n  return (\n    <SelectPrimitive.Separator\n      ref={ref}\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n});\nSelectSeparator.displayName = 'SelectSeparator';\n\n/** Optional grouping with a label header. Pure composition over Radix Group + Label. */\nexport interface SelectGroupProps extends ComponentPropsWithoutRef<typeof SelectPrimitive.Group> {\n  label?: ReactNode;\n}\nexport const SelectGroup = forwardRef<ElementRef<typeof SelectPrimitive.Group>, SelectGroupProps>(\n  function SelectGroup({ label, children, ...props }, ref) {\n    return (\n      <SelectPrimitive.Group ref={ref} {...props}>\n        {label && <SelectLabel>{label}</SelectLabel>}\n        {children}\n      </SelectPrimitive.Group>\n    );\n  },\n);\nSelectGroup.displayName = 'SelectGroup';\n\n/**\n * Compose `Select` + `SelectTrigger` + `SelectContent` + `SelectItem` for a\n * single-choice picker. Keyboard, type-ahead, and ARIA come from Radix.\n *\n * @example Basic\n *   <Select onValueChange={setStatus}>\n *     <SelectTrigger placeholder=\"Status\" />\n *     <SelectContent>\n *       <SelectItem value=\"open\">Open</SelectItem>\n *       <SelectItem value=\"closed\">Closed</SelectItem>\n *     </SelectContent>\n *   </Select>\n *\n * @example Grouped\n *   <SelectContent>\n *     <SelectGroup label=\"People\">\n *       <SelectItem value=\"anu\">Anu</SelectItem>\n *       <SelectItem value=\"bat\">Bat</SelectItem>\n *     </SelectGroup>\n *     <SelectSeparator />\n *     <SelectGroup label=\"Bots\">\n *       <SelectItem value=\"robo\">Robo</SelectItem>\n *     </SelectGroup>\n *   </SelectContent>\n *\n * @do Use `placeholder` on the trigger when there is no default value.\n * @dont Use Select for more than ~12 options — switch to `Combobox`.\n */\n"],"names":["Select","SelectPrimitive","SelectValue","SelectTrigger","forwardRef","className","placeholder","size","tone","props","ref","strings","useStrings","hasName","jsxs","cn","jsx","ChevronsUpDown","scrollBtn","SelectScrollUpButton","ChevronUp","SelectScrollDownButton","ChevronDown","SelectContent","children","position","SelectLabel","SelectItem","leadingIcon","Check","SelectSeparator","SelectGroup","label"],"mappings":"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"}

package/dist-lib/components/ui/Separator.d.ts

@@ -0,0 +1,13 @@
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+/**
+ * Hairline divider. Decorative by default (no role announced). Pass
+ * `decorative={false}` when the separator carries semantic meaning, e.g.
+ * splitting two regions in a landmark.
+ *
+ * @example Section divider
+ *   <Separator className="my-6" />
+ *
+ * @example Vertical inside a toolbar
+ *   <Separator orientation="vertical" className="h-5 mx-2" />
+ */
+export declare const Separator: import('react').ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist-lib/components/ui/Separator.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import * as m from "@radix-ui/react-separator";
+import { cn as f } from "../../lib/utils.js";
+const l = i(function({ className: o, orientation: r = "horizontal", decorative: t = !0, ...a }, e) {
+  return /* @__PURE__ */ p(
+    m.Root,
+    {
+      ref: e,
+      orientation: r,
+      decorative: t,
+      className: f(
+        "bg-border shrink-0",
+        r === "horizontal" ? "h-px w-full" : "h-full w-px",
+        o
+      ),
+      ...a
+    }
+  );
+});
+l.displayName = "Separator";
+export {
+  l as Separator
+};
+//# sourceMappingURL=Separator.js.map

package/dist-lib/components/ui/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","sources":["../../../src/components/ui/Separator.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from 'react';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport { cn } from '@/lib/utils';\n\n/**\n * Hairline divider. Decorative by default (no role announced). Pass\n * `decorative={false}` when the separator carries semantic meaning, e.g.\n * splitting two regions in a landmark.\n *\n * @example Section divider\n *   <Separator className=\"my-6\" />\n *\n * @example Vertical inside a toolbar\n *   <Separator orientation=\"vertical\" className=\"h-5 mx-2\" />\n */\nexport const Separator = forwardRef<\n  ElementRef<typeof SeparatorPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(function Separator({ className, orientation = 'horizontal', decorative = true, ...props }, ref) {\n  return (\n    <SeparatorPrimitive.Root\n      ref={ref}\n      orientation={orientation}\n      decorative={decorative}\n      className={cn(\n        'bg-border shrink-0',\n        orientation === 'horizontal' ? 'h-px w-full' : 'h-full w-px',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nSeparator.displayName = 'Separator';\n"],"names":["Separator","forwardRef","className","orientation","decorative","props","ref","jsx","SeparatorPrimitive","cn"],"mappings":";;;;;AAiBO,MAAMA,IAAYC,EAGvB,SAAmB,EAAE,WAAAC,GAAW,aAAAC,IAAc,cAAc,YAAAC,IAAa,IAAM,GAAGC,EAAA,GAASC,GAAK;AAChG,SACE,gBAAAC;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,KAAAF;AAAA,MACA,aAAAH;AAAA,MACA,YAAAC;AAAA,MACA,WAAWK;AAAA,QACT;AAAA,QACAN,MAAgB,eAAe,gBAAgB;AAAA,QAC/CD;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACDL,EAAU,cAAc;"}

package/dist-lib/components/ui/Sheet.d.ts

@@ -0,0 +1,55 @@
+import { ComponentPropsWithoutRef, HTMLAttributes } from 'react';
+import { VariantProps } from '../../lib/cva.js';
+import { ReturnFocusRef } from '../../lib/return-focus.js';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+export declare const Sheet: import('react').FC<DialogPrimitive.DialogProps>;
+export declare const SheetTrigger: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const SheetClose: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const SheetPortal: import('react').FC<DialogPrimitive.DialogPortalProps>;
+declare const sheet: (props?: ({
+    side?: "top" | "right" | "bottom" | "left" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface SheetContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheet> {
+    showClose?: boolean;
+    /**
+     * Element to focus when the overlay closes. Overrides Radix's default
+     * (the element focused when the content mounted), which is `<body>` for
+     * controlled overlays opened from a pointer click on a non-focusable /
+     * tooltip-wrapped trigger. A consumer `onCloseAutoFocus` runs first and
+     * wins if it calls `preventDefault()`.
+     */
+    returnFocusTo?: ReturnFocusRef;
+}
+export declare const SheetContent: import('react').ForwardRefExoticComponent<SheetContentProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare function SheetHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare namespace SheetHeader {
+    var displayName: string;
+}
+export declare function SheetFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare namespace SheetFooter {
+    var displayName: string;
+}
+export declare const SheetTitle: import('react').ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & import('react').RefAttributes<HTMLHeadingElement>, "ref"> & import('react').RefAttributes<HTMLHeadingElement>>;
+export declare const SheetDescription: import('react').ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & import('react').RefAttributes<HTMLParagraphElement>, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
+export {};
+/**
+ * @example Right-side filter drawer
+ *   <Sheet>
+ *     <SheetTrigger asChild><Button variant="outline">Filters</Button></SheetTrigger>
+ *     <SheetContent side="right">
+ *       <SheetHeader>
+ *         <SheetTitle>Filters</SheetTitle>
+ *         <SheetDescription>Refine the result set.</SheetDescription>
+ *       </SheetHeader>
+ *       …
+ *       <SheetFooter>
+ *         <SheetClose asChild><Button variant="outline">Cancel</Button></SheetClose>
+ *         <Button>Apply</Button>
+ *       </SheetFooter>
+ *     </SheetContent>
+ *   </Sheet>
+ *
+ * @do Use right side for filters/inspectors, left for navigation, bottom for
+ *      mobile sheets.
+ * @dont Use a full-screen sheet on desktop — prefer Dialog or a dedicated page.
+ */

package/dist-lib/components/ui/Sheet.js

@@ -0,0 +1,136 @@
+"use client";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import * as t from "@radix-ui/react-dialog";
+import { X as g } from "../../icons/index.js";
+import { cn as i } from "../../lib/utils.js";
+import { useStrings as b } from "../../hooks/use-strings.js";
+import { withReturnFocus as x } from "../../lib/return-focus.js";
+import { cva as v } from "class-variance-authority";
+const k = t.Root, A = t.Trigger, V = t.Close, S = t.Portal, l = n(function({ className: e, ...r }, s) {
+  return /* @__PURE__ */ o(
+    t.Overlay,
+    {
+      ref: s,
+      className: i(
+        "bg-overlay fixed inset-0 z-[var(--z-overlay)]",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
+        e
+      ),
+      ...r
+    }
+  );
+});
+l.displayName = "SheetOverlay";
+const y = v(
+  [
+    "fixed z-[var(--z-modal)] bg-card text-card-foreground shadow-lg",
+    "flex flex-col gap-4 p-6",
+    // Safe-area insets for notched devices (consumers set viewport-fit=cover).
+    "pb-[max(1.5rem,env(safe-area-inset-bottom))] pl-[max(1.5rem,env(safe-area-inset-left))] pr-[max(1.5rem,env(safe-area-inset-right))]",
+    "data-[state=open]:animate-in data-[state=closed]:animate-out",
+    "data-[state=closed]:duration-[var(--duration-base)] data-[state=open]:duration-[var(--duration-slow)]"
+  ],
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b border-border data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top",
+        bottom: "inset-x-0 bottom-0 border-t border-border data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 max-w-md border-r border-border data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left",
+        right: "inset-y-0 right-0 h-full w-3/4 max-w-md border-l border-border data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right"
+      }
+    },
+    defaultVariants: { side: "right" }
+  }
+), N = n(function({
+  className: e,
+  children: r,
+  side: s = "right",
+  showClose: m = !0,
+  returnFocusTo: f,
+  onCloseAutoFocus: c,
+  ...u
+}, h) {
+  const p = b();
+  return /* @__PURE__ */ d(S, { children: [
+    /* @__PURE__ */ o(l, {}),
+    /* @__PURE__ */ d(
+      t.Content,
+      {
+        ref: h,
+        className: i(y({ side: s }), e),
+        onCloseAutoFocus: x(f, c),
+        ...u,
+        children: [
+          r,
+          m && /* @__PURE__ */ o(
+            t.Close,
+            {
+              "aria-label": p.sheet.close,
+              className: i(
+                "text-foreground-subtle absolute top-4 right-4 inline-flex size-8 items-center justify-center rounded-md",
+                "hover:bg-background-muted hover:text-foreground",
+                "focus-visible:ring-ring focus-visible:ring-offset-card outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+                "transition-colors duration-[var(--duration-fast)]"
+              ),
+              children: /* @__PURE__ */ o(g, { className: "size-4", "aria-hidden": !0 })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+});
+N.displayName = "SheetContent";
+function w({ className: a, ...e }) {
+  return /* @__PURE__ */ o("div", { className: i("flex flex-col gap-1", a), ...e });
+}
+w.displayName = "SheetHeader";
+function C({ className: a, ...e }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: i(
+        "mt-auto flex flex-col-reverse gap-2 pt-4 sm:flex-row sm:justify-end",
+        a
+      ),
+      ...e
+    }
+  );
+}
+C.displayName = "SheetFooter";
+const z = n(function({ className: e, ...r }, s) {
+  return /* @__PURE__ */ o(
+    t.Title,
+    {
+      ref: s,
+      className: i("text-foreground text-lg leading-tight font-semibold", e),
+      ...r
+    }
+  );
+});
+z.displayName = "SheetTitle";
+const T = n(function({ className: e, ...r }, s) {
+  return /* @__PURE__ */ o(
+    t.Description,
+    {
+      ref: s,
+      className: i("text-foreground-muted text-sm", e),
+      ...r
+    }
+  );
+});
+T.displayName = "SheetDescription";
+export {
+  k as Sheet,
+  V as SheetClose,
+  N as SheetContent,
+  T as SheetDescription,
+  C as SheetFooter,
+  w as SheetHeader,
+  S as SheetPortal,
+  z as SheetTitle,
+  A as SheetTrigger
+};
+//# sourceMappingURL=Sheet.js.map

package/dist-lib/components/ui/Sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.js","sources":["../../../src/components/ui/Sheet.tsx"],"sourcesContent":["'use client';\n\nimport {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type HTMLAttributes,\n} from 'react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { X } from '@/icons';\nimport { cn } from '@/lib/utils';\nimport { useStrings } from '@/hooks/use-strings';\nimport { cva, type VariantProps } from '@/lib/cva';\nimport { withReturnFocus, type ReturnFocusRef } from '@/lib/return-focus';\n\n/* -----------------------------------------------------------------------------\n *  Sheet — drawer-style overlay. Built on Radix Dialog (focus trap, escape,\n *  click-outside come from there). Slides in from one of four sides.\n * --------------------------------------------------------------------------- */\n\nexport const Sheet = DialogPrimitive.Root;\nexport const SheetTrigger = DialogPrimitive.Trigger;\nexport const SheetClose = DialogPrimitive.Close;\nexport const SheetPortal = DialogPrimitive.Portal;\n\nconst SheetOverlay = forwardRef<\n  ElementRef<typeof DialogPrimitive.Overlay>,\n  ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(function SheetOverlay({ className, ...props }, ref) {\n  return (\n    <DialogPrimitive.Overlay\n      ref={ref}\n      className={cn(\n        'bg-overlay fixed inset-0 z-[var(--z-overlay)]',\n        'data-[state=open]:animate-in data-[state=closed]:animate-out',\n        'data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nSheetOverlay.displayName = 'SheetOverlay';\n\nconst sheet = cva(\n  [\n    'fixed z-[var(--z-modal)] bg-card text-card-foreground shadow-lg',\n    'flex flex-col gap-4 p-6',\n    // Safe-area insets for notched devices (consumers set viewport-fit=cover).\n    'pb-[max(1.5rem,env(safe-area-inset-bottom))] pl-[max(1.5rem,env(safe-area-inset-left))] pr-[max(1.5rem,env(safe-area-inset-right))]',\n    'data-[state=open]:animate-in data-[state=closed]:animate-out',\n    'data-[state=closed]:duration-[var(--duration-base)] data-[state=open]:duration-[var(--duration-slow)]',\n  ],\n  {\n    variants: {\n      side: {\n        top: 'inset-x-0 top-0 border-b border-border data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top',\n        bottom:\n          'inset-x-0 bottom-0 border-t border-border data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom',\n        left: 'inset-y-0 left-0 h-full w-3/4 max-w-md border-r border-border data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left',\n        right:\n          'inset-y-0 right-0 h-full w-3/4 max-w-md border-l border-border data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right',\n      },\n    },\n    defaultVariants: { side: 'right' },\n  },\n);\n\nexport interface SheetContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheet> {\n  showClose?: boolean;\n  /**\n   * Element to focus when the overlay closes. Overrides Radix's default\n   * (the element focused when the content mounted), which is `<body>` for\n   * controlled overlays opened from a pointer click on a non-focusable /\n   * tooltip-wrapped trigger. A consumer `onCloseAutoFocus` runs first and\n   * wins if it calls `preventDefault()`.\n   */\n  returnFocusTo?: ReturnFocusRef;\n}\n\nexport const SheetContent = forwardRef<\n  ElementRef<typeof DialogPrimitive.Content>,\n  SheetContentProps\n>(function SheetContent(\n  {\n    className,\n    children,\n    side = 'right',\n    showClose = true,\n    returnFocusTo,\n    onCloseAutoFocus,\n    ...props\n  },\n  ref,\n) {\n  const strings = useStrings();\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <DialogPrimitive.Content\n        ref={ref}\n        className={cn(sheet({ side }), className)}\n        onCloseAutoFocus={withReturnFocus(returnFocusTo, onCloseAutoFocus)}\n        {...props}\n      >\n        {children}\n        {showClose && (\n          <DialogPrimitive.Close\n            aria-label={strings.sheet.close}\n            className={cn(\n              'text-foreground-subtle absolute top-4 right-4 inline-flex size-8 items-center justify-center rounded-md',\n              'hover:bg-background-muted hover:text-foreground',\n              'focus-visible:ring-ring focus-visible:ring-offset-card outline-none focus-visible:ring-2 focus-visible:ring-offset-2',\n              'transition-colors duration-[var(--duration-fast)]',\n            )}\n          >\n            <X className=\"size-4\" aria-hidden />\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </SheetPortal>\n  );\n});\nSheetContent.displayName = 'SheetContent';\n\nexport function SheetHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>) {\n  return <div className={cn('flex flex-col gap-1', className)} {...props} />;\n}\nSheetHeader.displayName = 'SheetHeader';\n\nexport function SheetFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={cn(\n        'mt-auto flex flex-col-reverse gap-2 pt-4 sm:flex-row sm:justify-end',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nSheetFooter.displayName = 'SheetFooter';\n\nexport const SheetTitle = forwardRef<\n  ElementRef<typeof DialogPrimitive.Title>,\n  ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(function SheetTitle({ className, ...props }, ref) {\n  return (\n    <DialogPrimitive.Title\n      ref={ref}\n      className={cn('text-foreground text-lg leading-tight font-semibold', className)}\n      {...props}\n    />\n  );\n});\nSheetTitle.displayName = 'SheetTitle';\n\nexport const SheetDescription = forwardRef<\n  ElementRef<typeof DialogPrimitive.Description>,\n  ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(function SheetDescription({ className, ...props }, ref) {\n  return (\n    <DialogPrimitive.Description\n      ref={ref}\n      className={cn('text-foreground-muted text-sm', className)}\n      {...props}\n    />\n  );\n});\nSheetDescription.displayName = 'SheetDescription';\n\n/**\n * @example Right-side filter drawer\n *   <Sheet>\n *     <SheetTrigger asChild><Button variant=\"outline\">Filters</Button></SheetTrigger>\n *     <SheetContent side=\"right\">\n *       <SheetHeader>\n *         <SheetTitle>Filters</SheetTitle>\n *         <SheetDescription>Refine the result set.</SheetDescription>\n *       </SheetHeader>\n *       …\n *       <SheetFooter>\n *         <SheetClose asChild><Button variant=\"outline\">Cancel</Button></SheetClose>\n *         <Button>Apply</Button>\n *       </SheetFooter>\n *     </SheetContent>\n *   </Sheet>\n *\n * @do Use right side for filters/inspectors, left for navigation, bottom for\n *      mobile sheets.\n * @dont Use a full-screen sheet on desktop — prefer Dialog or a dedicated page.\n */\n"],"names":["Sheet","DialogPrimitive","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","forwardRef","className","props","ref","jsx","cn","sheet","cva","SheetContent","children","side","showClose","returnFocusTo","onCloseAutoFocus","strings","useStrings","jsxs","withReturnFocus","X","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":"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"}

package/dist-lib/components/ui/Sidebar.d.ts

@@ -0,0 +1,91 @@
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+interface SidebarContextValue {
+    collapsed: boolean;
+}
+/** Read the parent Sidebar's collapsed state. Useful for brand/footer slots
+ *  that need to swap between full and compact rendering. */
+export declare function useSidebar(): SidebarContextValue;
+export interface SidebarProps extends HTMLAttributes<HTMLElement> {
+    /** Default state on first mount. Use `defaultCollapsed` for uncontrolled. */
+    defaultCollapsed?: boolean;
+    /** Controlled collapsed state. */
+    collapsed?: boolean;
+    /** Called when the user toggles via the rail or keyboard. */
+    onCollapsedChange?: (next: boolean) => void;
+    /** Header slot pinned to the top (brand, workspace switcher, etc.). */
+    header?: ReactNode;
+    /** Footer slot pinned to the bottom (user card, version, etc.). */
+    footer?: ReactNode;
+}
+/**
+ * App-level navigation rail. Holds `SidebarSection` → `SidebarItem` lists,
+ * and optionally a `footer`. Supports collapse to icon-only on desktop.
+ * Below `md` the rail is hidden — pair it with a Sheet / Drawer for mobile.
+ *
+ * @example
+ *   <Sidebar footer={<UserCard />}>
+ *     <SidebarSection label="Workspace">
+ *       <SidebarItem icon={<Home />} active>Home</SidebarItem>
+ *       <SidebarItem icon={<Folder />}>Projects</SidebarItem>
+ *     </SidebarSection>
+ *     <SidebarSection label="Account">
+ *       <SidebarItem icon={<Settings />}>Settings</SidebarItem>
+ *     </SidebarSection>
+ *   </Sidebar>
+ *
+ * @do Use 1–3 sections. More than that signals the IA needs restructuring.
+ * @dont Hide critical navigation under the collapsed state — keep icons
+ *       always visible with tooltips.
+ */
+export declare const Sidebar: import('react').ForwardRefExoticComponent<SidebarProps & import('react').RefAttributes<HTMLElement>>;
+export interface SidebarSectionProps extends HTMLAttributes<HTMLDivElement> {
+    /** Visible section header. Hidden when collapsed. */
+    label?: ReactNode;
+}
+export declare function SidebarSection({ label, className, children, ...props }: SidebarSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SidebarSection {
+    var displayName: string;
+}
+interface SidebarItemBaseProps {
+    /** Lucide icon shown to the left. */
+    icon?: ReactNode;
+    /** Mark as the current page. */
+    active?: boolean;
+    /** Trailing badge / counter slot. */
+    trailing?: ReactNode;
+    /** Render a sub-item indented under a parent. */
+    sub?: boolean;
+    /**
+     * Tooltip text shown while the sidebar is collapsed. Defaults to `children`
+     * when that is a plain string.
+     */
+    tooltip?: ReactNode;
+    /**
+     * Render the child element (router `<Link>`) instead of `<a>`/`<button>`.
+     * The child receives className, aria-current and the item content.
+     */
+    asChild?: boolean;
+}
+type SidebarItemAnchorProps = SidebarItemBaseProps & AnchorHTMLAttributes<HTMLAnchorElement> & {
+    /** Renders an `<a>`. Omit to render a `<button>`. */
+    href: string;
+};
+type SidebarItemButtonProps = SidebarItemBaseProps & ButtonHTMLAttributes<HTMLButtonElement> & {
+    href?: undefined;
+};
+/** Discriminated on `href`: with it the item is an anchor, without it a button. */
+export type SidebarItemProps = SidebarItemAnchorProps | SidebarItemButtonProps;
+export declare const SidebarItem: import('react').ForwardRefExoticComponent<SidebarItemProps & import('react').RefAttributes<HTMLElement>>;
+/** Lightweight collapsible sub-section inside the sidebar. */
+export interface SidebarGroupProps extends Omit<HTMLAttributes<HTMLLIElement>, 'children'> {
+    icon?: ReactNode;
+    label: ReactNode;
+    /** Initial open state (uncontrolled). */
+    defaultOpen?: boolean;
+    /** Controlled open state. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children: ReactNode;
+}
+export declare const SidebarGroup: import('react').ForwardRefExoticComponent<SidebarGroupProps & import('react').RefAttributes<HTMLLIElement>>;
+export {};

package/dist-lib/components/ui/Sidebar.js

@@ -0,0 +1,212 @@
+"use client";
+import { jsx as e, jsxs as x, Fragment as _ } from "react/jsx-runtime";
+import { forwardRef as j, useState as P, useContext as k, useId as G, createContext as T } from "react";
+import { Slot as R } from "@radix-ui/react-slot";
+import { ChevronsRight as D, ChevronsLeft as F, ChevronDown as L } from "../../icons/index.js";
+import { cn as u } from "../../lib/utils.js";
+import { useStrings as q } from "../../hooks/use-strings.js";
+import { Tooltip as A } from "./Tooltip.js";
+const y = T({ collapsed: !1 });
+function Y() {
+  return k(y);
+}
+const B = j(function({
+  defaultCollapsed: d = !1,
+  collapsed: a,
+  onCollapsedChange: l,
+  header: t,
+  footer: s,
+  className: v,
+  children: b,
+  "aria-label": g,
+  ...h
+}, i) {
+  const o = q(), [c, n] = P(d), r = a ?? c, p = (f) => {
+    a === void 0 && n(f), l == null || l(f);
+  };
+  return /* @__PURE__ */ e(y.Provider, { value: { collapsed: r }, children: /* @__PURE__ */ x(
+    "nav",
+    {
+      ref: i,
+      "aria-label": g ?? o.sidebar.label,
+      className: u(
+        "border-border bg-background-subtle sticky top-0 hidden h-dvh shrink-0 flex-col gap-2 border-r md:flex",
+        // Deliberate motion exception: the rail's own width transitions (layout).
+        // Only the rail and the main column it flanks move; no content inside reflows.
+        "transition-[width] duration-[var(--duration-base)] ease-[var(--ease-out)] motion-reduce:transition-none",
+        r ? "w-14" : "w-60",
+        v
+      ),
+      ...h,
+      children: [
+        t && /* @__PURE__ */ e(
+          "div",
+          {
+            className: u(
+              "border-border flex h-14 shrink-0 items-center overflow-hidden border-b",
+              r ? "justify-center px-2" : "px-3"
+            ),
+            children: t
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto py-3", children: b }),
+        s && /* @__PURE__ */ e("div", { className: "border-border border-t p-2", children: s }),
+        /* @__PURE__ */ x(
+          "button",
+          {
+            type: "button",
+            onClick: () => p(!r),
+            "aria-label": r ? o.sidebar.expand : o.sidebar.collapse,
+            "aria-expanded": !r,
+            className: u(
+              "text-foreground-subtle mx-2 mb-2 flex h-8 items-center gap-2 rounded-md px-2",
+              "hover:bg-background-muted hover:text-foreground outline-none",
+              "focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2",
+              "transition-colors duration-[var(--duration-fast)]"
+            ),
+            children: [
+              r ? /* @__PURE__ */ e(D, { className: "size-4", "aria-hidden": !0 }) : /* @__PURE__ */ e(F, { className: "size-4", "aria-hidden": !0 }),
+              !r && /* @__PURE__ */ e("span", { className: "text-xs font-medium", children: o.sidebar.collapseShort })
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+});
+B.displayName = "Sidebar";
+function E({ label: m, className: d, children: a, ...l }) {
+  const { collapsed: t } = k(y), s = G();
+  return /* @__PURE__ */ x("div", { className: u("mb-3", d), ...l, children: [
+    m && // Kept in the DOM (sr-only) while collapsed so the list stays labelled.
+    /* @__PURE__ */ e(
+      "div",
+      {
+        id: s,
+        className: u(
+          "text-foreground-subtle px-4 pt-2 pb-1 text-xs font-medium",
+          t && "sr-only"
+        ),
+        children: m
+      }
+    ),
+    /* @__PURE__ */ e("ul", { "aria-labelledby": m ? s : void 0, className: "flex flex-col gap-px", children: a })
+  ] });
+}
+E.displayName = "SidebarSection";
+const H = j(
+  function(d, a) {
+    const { icon: l, active: t, trailing: s, sub: v, tooltip: b, asChild: g, className: h, children: i, ...o } = d, { collapsed: c } = k(y), n = u(
+      "flex h-8 w-full items-center gap-2 rounded-md px-2 text-sm outline-none",
+      "transition-colors duration-[var(--duration-fast)]",
+      "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+      t ? "bg-background-muted text-foreground font-medium" : "text-foreground-muted hover:bg-background-muted hover:text-foreground",
+      v && !c && "ml-6",
+      c && "justify-center",
+      h
+    ), r = typeof i == "string" ? i : void 0, p = b ?? r, f = c && !!p, z = /* @__PURE__ */ x(_, { children: [
+      l && /* @__PURE__ */ e("span", { className: "flex shrink-0 items-center [&_svg]:size-4", children: l }),
+      c ? /* @__PURE__ */ e("span", { className: "sr-only", children: i }) : /* @__PURE__ */ e("span", { className: "flex-1 truncate text-left", title: r, children: i }),
+      !c && s && /* @__PURE__ */ e("span", { className: "ml-auto", children: s })
+    ] });
+    let N;
+    if (g) {
+      const { href: w, type: S, ...I } = o;
+      N = /* @__PURE__ */ e(
+        R,
+        {
+          ref: a,
+          "aria-current": t ? "page" : void 0,
+          className: n,
+          ...I,
+          children: i && typeof i == "object" && "props" in i ? i : null
+        }
+      );
+    } else if (o.href !== void 0) {
+      const { href: w, ...S } = o;
+      N = /* @__PURE__ */ e(
+        "a",
+        {
+          ref: a,
+          href: w,
+          "aria-current": t ? "page" : void 0,
+          className: n,
+          ...S,
+          children: z
+        }
+      );
+    } else {
+      const {
+        href: w,
+        type: S,
+        ...I
+      } = o;
+      N = /* @__PURE__ */ e(
+        "button",
+        {
+          ref: a,
+          type: S ?? "button",
+          "aria-current": t ? "page" : void 0,
+          className: n,
+          ...I,
+          children: z
+        }
+      );
+    }
+    return /* @__PURE__ */ e("li", { className: "px-2", children: f ? /* @__PURE__ */ e(A, { label: p, side: "right", children: N }) : N });
+  }
+);
+H.displayName = "SidebarItem";
+const J = j(function({
+  icon: d,
+  label: a,
+  defaultOpen: l = !0,
+  open: t,
+  onOpenChange: s,
+  className: v,
+  children: b,
+  ...g
+}, h) {
+  const { collapsed: i } = k(y), [o, c] = P(l), n = t ?? o, r = G(), p = () => {
+    const f = !n;
+    t === void 0 && c(f), s == null || s(f);
+  };
+  return i ? /* @__PURE__ */ e(_, { children: b }) : /* @__PURE__ */ x("li", { ref: h, className: v, ...g, children: [
+    /* @__PURE__ */ x(
+      "button",
+      {
+        type: "button",
+        onClick: p,
+        "aria-controls": n ? r : void 0,
+        "aria-expanded": n,
+        className: u(
+          "text-foreground-muted mx-2 flex h-8 w-[calc(100%-1rem)] items-center gap-2 rounded-md px-2 text-sm outline-none",
+          "transition-colors duration-[var(--duration-fast)]",
+          "hover:bg-background-muted hover:text-foreground",
+          "focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2"
+        ),
+        children: [
+          d && /* @__PURE__ */ e("span", { className: "flex shrink-0 items-center [&_svg]:size-4", children: d }),
+          /* @__PURE__ */ e("span", { className: "flex-1 text-left", children: a }),
+          /* @__PURE__ */ e(
+            L,
+            {
+              className: u("size-3.5 transition-transform", n && "rotate-180"),
+              "aria-hidden": !0
+            }
+          )
+        ]
+      }
+    ),
+    n && /* @__PURE__ */ e("ul", { id: r, className: "flex flex-col gap-px", children: b })
+  ] });
+});
+J.displayName = "SidebarGroup";
+export {
+  B as Sidebar,
+  J as SidebarGroup,
+  H as SidebarItem,
+  E as SidebarSection,
+  Y as useSidebar
+};
+//# sourceMappingURL=Sidebar.js.map

package/dist-lib/components/ui/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sources":["../../../src/components/ui/Sidebar.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  forwardRef,\n  useContext,\n  useId,\n  useState,\n  type AnchorHTMLAttributes,\n  type ButtonHTMLAttributes,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { ChevronDown, ChevronsLeft, ChevronsRight } from '@/icons';\nimport { cn } from '@/lib/utils';\nimport { useStrings } from '@/hooks/use-strings';\nimport { Tooltip } from './Tooltip';\n\ninterface SidebarContextValue {\n  collapsed: boolean;\n}\nconst SidebarContext = createContext<SidebarContextValue>({ collapsed: false });\n\n/** Read the parent Sidebar's collapsed state. Useful for brand/footer slots\n *  that need to swap between full and compact rendering. */\nexport function useSidebar(): SidebarContextValue {\n  return useContext(SidebarContext);\n}\n\nexport interface SidebarProps extends HTMLAttributes<HTMLElement> {\n  /** Default state on first mount. Use `defaultCollapsed` for uncontrolled. */\n  defaultCollapsed?: boolean;\n  /** Controlled collapsed state. */\n  collapsed?: boolean;\n  /** Called when the user toggles via the rail or keyboard. */\n  onCollapsedChange?: (next: boolean) => void;\n  /** Header slot pinned to the top (brand, workspace switcher, etc.). */\n  header?: ReactNode;\n  /** Footer slot pinned to the bottom (user card, version, etc.). */\n  footer?: ReactNode;\n}\n\n/**\n * App-level navigation rail. Holds `SidebarSection` → `SidebarItem` lists,\n * and optionally a `footer`. Supports collapse to icon-only on desktop.\n * Below `md` the rail is hidden — pair it with a Sheet / Drawer for mobile.\n *\n * @example\n *   <Sidebar footer={<UserCard />}>\n *     <SidebarSection label=\"Workspace\">\n *       <SidebarItem icon={<Home />} active>Home</SidebarItem>\n *       <SidebarItem icon={<Folder />}>Projects</SidebarItem>\n *     </SidebarSection>\n *     <SidebarSection label=\"Account\">\n *       <SidebarItem icon={<Settings />}>Settings</SidebarItem>\n *     </SidebarSection>\n *   </Sidebar>\n *\n * @do Use 1–3 sections. More than that signals the IA needs restructuring.\n * @dont Hide critical navigation under the collapsed state — keep icons\n *       always visible with tooltips.\n */\nexport const Sidebar = forwardRef<HTMLElement, SidebarProps>(function Sidebar(\n  {\n    defaultCollapsed = false,\n    collapsed: controlled,\n    onCollapsedChange,\n    header,\n    footer,\n    className,\n    children,\n    'aria-label': ariaLabel,\n    ...props\n  },\n  ref,\n) {\n  const strings = useStrings();\n  const [internal, setInternal] = useState(defaultCollapsed);\n  const collapsed = controlled ?? internal;\n  const setCollapsed = (next: boolean) => {\n    if (controlled === undefined) setInternal(next);\n    onCollapsedChange?.(next);\n  };\n\n  return (\n    <SidebarContext.Provider value={{ collapsed }}>\n      <nav\n        ref={ref}\n        aria-label={ariaLabel ?? strings.sidebar.label}\n        className={cn(\n          'border-border bg-background-subtle sticky top-0 hidden h-dvh shrink-0 flex-col gap-2 border-r md:flex',\n          // Deliberate motion exception: the rail's own width transitions (layout).\n          // Only the rail and the main column it flanks move; no content inside reflows.\n          'transition-[width] duration-[var(--duration-base)] ease-[var(--ease-out)] motion-reduce:transition-none',\n          collapsed ? 'w-14' : 'w-60',\n          className,\n        )}\n        {...props}\n      >\n        {header && (\n          <div\n            className={cn(\n              'border-border flex h-14 shrink-0 items-center overflow-hidden border-b',\n              collapsed ? 'justify-center px-2' : 'px-3',\n            )}\n          >\n            {header}\n          </div>\n        )}\n        <div className=\"flex-1 overflow-y-auto py-3\">{children}</div>\n        {footer && <div className=\"border-border border-t p-2\">{footer}</div>}\n        <button\n          type=\"button\"\n          onClick={() => setCollapsed(!collapsed)}\n          aria-label={collapsed ? strings.sidebar.expand : strings.sidebar.collapse}\n          aria-expanded={!collapsed}\n          className={cn(\n            'text-foreground-subtle mx-2 mb-2 flex h-8 items-center gap-2 rounded-md px-2',\n            'hover:bg-background-muted hover:text-foreground outline-none',\n            'focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2',\n            'transition-colors duration-[var(--duration-fast)]',\n          )}\n        >\n          {collapsed ? (\n            <ChevronsRight className=\"size-4\" aria-hidden />\n          ) : (\n            <ChevronsLeft className=\"size-4\" aria-hidden />\n          )}\n          {!collapsed && (\n            <span className=\"text-xs font-medium\">{strings.sidebar.collapseShort}</span>\n          )}\n        </button>\n      </nav>\n    </SidebarContext.Provider>\n  );\n});\nSidebar.displayName = 'Sidebar';\n\nexport interface SidebarSectionProps extends HTMLAttributes<HTMLDivElement> {\n  /** Visible section header. Hidden when collapsed. */\n  label?: ReactNode;\n}\n\nexport function SidebarSection({ label, className, children, ...props }: SidebarSectionProps) {\n  const { collapsed } = useContext(SidebarContext);\n  const labelId = useId();\n  return (\n    <div className={cn('mb-3', className)} {...props}>\n      {label && (\n        // Kept in the DOM (sr-only) while collapsed so the list stays labelled.\n        <div\n          id={labelId}\n          className={cn(\n            'text-foreground-subtle px-4 pt-2 pb-1 text-xs font-medium',\n            collapsed && 'sr-only',\n          )}\n        >\n          {label}\n        </div>\n      )}\n      <ul aria-labelledby={label ? labelId : undefined} className=\"flex flex-col gap-px\">\n        {children}\n      </ul>\n    </div>\n  );\n}\nSidebarSection.displayName = 'SidebarSection';\n\ninterface SidebarItemBaseProps {\n  /** Lucide icon shown to the left. */\n  icon?: ReactNode;\n  /** Mark as the current page. */\n  active?: boolean;\n  /** Trailing badge / counter slot. */\n  trailing?: ReactNode;\n  /** Render a sub-item indented under a parent. */\n  sub?: boolean;\n  /**\n   * Tooltip text shown while the sidebar is collapsed. Defaults to `children`\n   * when that is a plain string.\n   */\n  tooltip?: ReactNode;\n  /**\n   * Render the child element (router `<Link>`) instead of `<a>`/`<button>`.\n   * The child receives className, aria-current and the item content.\n   */\n  asChild?: boolean;\n}\n\ntype SidebarItemAnchorProps = SidebarItemBaseProps &\n  AnchorHTMLAttributes<HTMLAnchorElement> & {\n    /** Renders an `<a>`. Omit to render a `<button>`. */\n    href: string;\n  };\n\ntype SidebarItemButtonProps = SidebarItemBaseProps &\n  ButtonHTMLAttributes<HTMLButtonElement> & {\n    href?: undefined;\n  };\n\n/** Discriminated on `href`: with it the item is an anchor, without it a button. */\nexport type SidebarItemProps = SidebarItemAnchorProps | SidebarItemButtonProps;\n\nexport const SidebarItem = forwardRef<HTMLElement, SidebarItemProps>(\n  function SidebarItem(props, ref) {\n    const { icon, active, trailing, sub, tooltip, asChild, className, children, ...rest } = props;\n    const { collapsed } = useContext(SidebarContext);\n\n    const classes = cn(\n      'flex h-8 w-full items-center gap-2 rounded-md px-2 text-sm outline-none',\n      'transition-colors duration-[var(--duration-fast)]',\n      'focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n      active\n        ? 'bg-background-muted text-foreground font-medium'\n        : 'text-foreground-muted hover:bg-background-muted hover:text-foreground',\n      sub && !collapsed && 'ml-6',\n      collapsed && 'justify-center',\n      className,\n    );\n\n    const labelTitle = typeof children === 'string' ? children : undefined;\n    const tip = tooltip ?? labelTitle;\n    // Collapsed: keep an sr-only label so the control always has a name —\n    // the Tooltip only wires aria-describedby while it is open.\n    const showTooltip = collapsed && !!tip;\n\n    const content = (\n      <>\n        {icon && <span className=\"flex shrink-0 items-center [&_svg]:size-4\">{icon}</span>}\n        {collapsed ? (\n          <span className=\"sr-only\">{children}</span>\n        ) : (\n          <span className=\"flex-1 truncate text-left\" title={labelTitle}>\n            {children}\n          </span>\n        )}\n        {!collapsed && trailing && <span className=\"ml-auto\">{trailing}</span>}\n      </>\n    );\n\n    let element: ReactNode;\n    if (asChild) {\n      const { href: _href, type: _type, ...slotProps } = rest as Record<string, unknown>;\n      element = (\n        <Slot\n          ref={ref}\n          aria-current={active ? 'page' : undefined}\n          className={classes}\n          {...(slotProps as HTMLAttributes<HTMLElement>)}\n        >\n          {children && typeof children === 'object' && 'props' in (children as object)\n            ? children\n            : null}\n        </Slot>\n      );\n    } else if (rest.href !== undefined) {\n      const { href, ...anchorProps } = rest as Omit<\n        SidebarItemAnchorProps,\n        keyof SidebarItemBaseProps\n      >;\n      element = (\n        <a\n          ref={ref as Ref<HTMLAnchorElement>}\n          href={href}\n          aria-current={active ? 'page' : undefined}\n          className={classes}\n          {...anchorProps}\n        >\n          {content}\n        </a>\n      );\n    } else {\n      const {\n        href: _href,\n        type,\n        ...buttonProps\n      } = rest as Omit<SidebarItemButtonProps, keyof SidebarItemBaseProps>;\n      element = (\n        <button\n          ref={ref as Ref<HTMLButtonElement>}\n          type={type ?? 'button'}\n          aria-current={active ? 'page' : undefined}\n          className={classes}\n          {...buttonProps}\n        >\n          {content}\n        </button>\n      );\n    }\n\n    return (\n      <li className=\"px-2\">\n        {showTooltip ? (\n          <Tooltip label={tip} side=\"right\">\n            {element}\n          </Tooltip>\n        ) : (\n          element\n        )}\n      </li>\n    );\n  },\n);\nSidebarItem.displayName = 'SidebarItem';\n\n/** Lightweight collapsible sub-section inside the sidebar. */\nexport interface SidebarGroupProps extends Omit<HTMLAttributes<HTMLLIElement>, 'children'> {\n  icon?: ReactNode;\n  label: ReactNode;\n  /** Initial open state (uncontrolled). */\n  defaultOpen?: boolean;\n  /** Controlled open state. */\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children: ReactNode;\n}\n\nexport const SidebarGroup = forwardRef<HTMLLIElement, SidebarGroupProps>(function SidebarGroup(\n  {\n    icon,\n    label,\n    defaultOpen = true,\n    open: controlled,\n    onOpenChange,\n    className,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const { collapsed } = useContext(SidebarContext);\n  const [internal, setInternal] = useState(defaultOpen);\n  const open = controlled ?? internal;\n  const listId = useId();\n  const toggle = () => {\n    const next = !open;\n    if (controlled === undefined) setInternal(next);\n    onOpenChange?.(next);\n  };\n  if (collapsed) return <>{children}</>;\n  return (\n    <li ref={ref} className={className} {...props}>\n      <button\n        type=\"button\"\n        onClick={toggle}\n        aria-controls={open ? listId : undefined}\n        aria-expanded={open}\n        className={cn(\n          'text-foreground-muted mx-2 flex h-8 w-[calc(100%-1rem)] items-center gap-2 rounded-md px-2 text-sm outline-none',\n          'transition-colors duration-[var(--duration-fast)]',\n          'hover:bg-background-muted hover:text-foreground',\n          'focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2',\n        )}\n      >\n        {icon && <span className=\"flex shrink-0 items-center [&_svg]:size-4\">{icon}</span>}\n        <span className=\"flex-1 text-left\">{label}</span>\n        <ChevronDown\n          className={cn('size-3.5 transition-transform', open && 'rotate-180')}\n          aria-hidden\n        />\n      </button>\n      {open && (\n        <ul id={listId} className=\"flex flex-col gap-px\">\n          {children}\n        </ul>\n      )}\n    </li>\n  );\n});\nSidebarGroup.displayName = 'SidebarGroup';\n"],"names":["SidebarContext","createContext","useSidebar","useContext","Sidebar","forwardRef","defaultCollapsed","controlled","onCollapsedChange","header","footer","className","children","ariaLabel","props","ref","strings","useStrings","internal","setInternal","useState","collapsed","setCollapsed","next","jsxs","cn","jsx","ChevronsRight","ChevronsLeft","SidebarSection","label","labelId","useId","SidebarItem","icon","active","trailing","sub","tooltip","asChild","rest","classes","labelTitle","tip","showTooltip","content","Fragment","element","_href","_type","slotProps","Slot","href","anchorProps","type","buttonProps","Tooltip","SidebarGroup","defaultOpen","onOpenChange","open","listId","toggle","ChevronDown"],"mappings":"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"}