@conscia-labs/design-system 0.2.0 → 0.3.1

package/README.md

@@ -252,6 +252,7 @@ export function ProductShell({
 
       <MainRegion>
         <TopBar>
+          {/* Keep the toggle in the topbar; it must remain visible when the sidebar collapses. */}
           <SidebarTrigger />
         </TopBar>
 
@@ -270,6 +271,70 @@ export function ProductShell({
 }
 ```
 
+### Typography and font loading
+
+The design system declares the open-source Inter variable font as a runtime
+dependency and loads it through its CSS entry points. Inter is distributed
+under the SIL Open Font License 1.1 and supports the system's fractional
+weight values. Consumers should import the published `tailwind.css` or
+`styles.css` entry and should not add a separate Saans or Inter download.
+Applications may override `--font-sans` only when a deliberate product-specific
+type decision has been made.
+
+### Sidebar variants and semantic surfaces
+
+`AppSidebar` keeps the historical dark treatment by default. Consumers that
+want the sidebar to follow the application appearance can opt into the
+refreshed hierarchy with `variant="auto"`; `variant="light"` is available for
+an explicitly light sidebar.
+
+```tsx
+<AppShell>
+  <AppSidebar variant="auto">
+    <AppSidebarHeader>
+      <ProductIdentity label="Conscia" description="Administration" />
+    </AppSidebarHeader>
+    <AppSidebarContent>{navigation}</AppSidebarContent>
+    <AppSidebarFooter>{accountMenu}</AppSidebarFooter>
+  </AppSidebar>
+</AppShell>
+```
+
+The default is intentionally backwards compatible. The sidebar scope exposes
+reusable semantic aliases for its canvas, header, content, hover, active,
+search, footer, text, icon, group label, count, border, and focus-ring roles.
+Use the generated utilities such as `bg-sidebar-canvas`,
+`bg-sidebar-hover`, `text-sidebar-primary-text`, and
+`text-sidebar-metadata-text` in shared or application-owned compositions.
+Legacy aliases including `bg-sidebar`, `bg-sidebar-accent`, and
+`text-sidebar-foreground` remain supported.
+
+`SidebarSearch` owns only the trigger, expanded field, Escape handling, and
+focus handoff. Applications provide the query value and filtering behavior.
+`NavigationGroup` accepts an optional `count`; application-owned group labels
+can still be supplied as arbitrary React nodes. Routing, conversation rows,
+row actions, account menus, permissions, and appearance controls remain
+application-owned.
+
+The shell uses `--ds-topbar-height` as the shared chrome-height contract. The
+sidebar header aliases the historical `--ds-sidebar-header-height` token to the
+same value, so the two rails stay aligned. `SidebarTrigger` should be rendered
+as a child of `TopBar`, never inside `AppSidebar`; the topbar remains mounted
+when the sidebar enters collapsed or mobile states.
+
+For migration, replace a consuming application's light-only `--sidebar-*`
+root override with `variant="auto"` on its shared `AppSidebar`. Remove
+descendant opacity and background overrides as each shell adopts the semantic
+aliases. Keep product-specific selectors only where they encode behavior or
+content rather than shared sidebar presentation.
+
+The ownership boundary is:
+
+| Shared design system | Application-owned |
+| --- | --- |
+| Sidebar variant tokens, surface hierarchy, geometry, responsive drawer, focus states, active/hover/disabled styling, tooltips, and search affordance behavior | Routes, permissions, navigation data, query/filter state, conversation or inventory data, row actions, account/profile menus, sign-out, and product-specific persistence keys |
+| `NavigationGroup` keyboard expansion and `SidebarNavigation` collapsed flyouts | Group labels/content, link destinations, active-route calculation, and business-specific empty states |
+
 ## Choosing the right component
 
 ### Table or DataTable?

package/dist/{card-DqFHjLjm.d.ts → card-BFUHJgV-.d.ts}

@@ -11,6 +11,8 @@ declare function Button({ className, variant, size, asChild, type, ...props }: R
     asChild?: boolean;
 }): React.JSX.Element;
 
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
+
 declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): React.JSX.Element;
 
 declare function Card({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
@@ -19,4 +21,4 @@ declare function CardTitle({ className, ...props }: React.ComponentProps<"div">)
 declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 
-export { Button as B, Card as C, Separator as S, CardContent as a, CardDescription as b, CardHeader as c, CardTitle as d, buttonVariants as e };
+export { Button as B, Card as C, Input as I, Separator as S, CardContent as a, CardDescription as b, CardHeader as c, CardTitle as d, buttonVariants as e };

package/dist/{chunk-YHPZ5CQU.js → chunk-HLND6FZS.js}

@@ -232,16 +232,35 @@ function SelectScrollDownButton({ className, ...props }) {
   return /* @__PURE__ */ jsx4(SelectPrimitive.ScrollDownButton, { "data-slot": "select-scroll-down-button", className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: /* @__PURE__ */ jsx4(ChevronDownIcon, { className: "size-4" }) });
 }
 
+// src/primitives/input.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsx5(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "border-input bg-card flex h-[var(--ds-field-control-height)] w-full min-w-0 rounded-[var(--ds-field-control-radius)] border px-[var(--ds-field-control-padding-x)] py-2 text-base shadow-none transition-colors outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:border-danger aria-invalid:ring-danger/20 dark:aria-invalid:ring-danger/40",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
 // src/primitives/separator.tsx
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function Separator2({
   className,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
@@ -259,30 +278,30 @@ function Separator2({
 // src/primitives/sheet.tsx
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx6(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ jsx7(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 function SheetTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ jsx7(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx7(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(DialogPrimitive.Close, { "data-slot": "sheet-close", ...props });
+  return /* @__PURE__ */ jsx7(DialogPrimitive.Close, { "data-slot": "sheet-close", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     DialogPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
@@ -305,7 +324,7 @@ function SheetContent({
   ...props
 }) {
   return /* @__PURE__ */ jsxs2(SheetPortal, { children: [
-    /* @__PURE__ */ jsx6(SheetOverlay, {}),
+    /* @__PURE__ */ jsx7(SheetOverlay, {}),
     /* @__PURE__ */ jsxs2(
       DialogPrimitive.Content,
       {
@@ -324,8 +343,8 @@ function SheetContent({
               "data-slot": "sheet-close",
               className: "absolute right-4 top-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
               children: [
-                /* @__PURE__ */ jsx6(XIcon, {}),
-                /* @__PURE__ */ jsx6("span", { className: "sr-only", children: closeLabel })
+                /* @__PURE__ */ jsx7(XIcon, {}),
+                /* @__PURE__ */ jsx7("span", { className: "sr-only", children: closeLabel })
               ]
             }
           )
@@ -335,13 +354,13 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx6("div", { "data-slot": "sheet-header", className: cn("grid gap-2 pr-8", className), ...props });
+  return /* @__PURE__ */ jsx7("div", { "data-slot": "sheet-header", className: cn("grid gap-2 pr-8", className), ...props });
 }
 function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     DialogPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -354,7 +373,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     DialogPrimitive.Description,
     {
       "data-slot": "sheet-description",
@@ -364,7 +383,7 @@ function SheetDescription({
   );
 }
 function SheetBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     "div",
     {
       "data-slot": "sheet-body",
@@ -374,7 +393,7 @@ function SheetBody({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -386,15 +405,15 @@ function SheetFooter({ className, ...props }) {
 
 // src/primitives/tooltip.tsx
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 function TooltipProvider({ delayDuration = 150, ...props }) {
-  return /* @__PURE__ */ jsx7(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration, ...props });
+  return /* @__PURE__ */ jsx8(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration, ...props });
 }
 function Tooltip({ ...props }) {
-  return /* @__PURE__ */ jsx7(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+  return /* @__PURE__ */ jsx8(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
 }
 function TooltipTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx7(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ jsx8(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -402,7 +421,7 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsx8(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs3(
     TooltipPrimitive.Content,
     {
       "data-slot": "tooltip-content",
@@ -411,7 +430,7 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx7(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })
+        /* @__PURE__ */ jsx8(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })
       ]
     }
   ) });
@@ -420,21 +439,21 @@ function TooltipContent({
 // src/primitives/dialog.tsx
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
 import { XIcon as XIcon2 } from "lucide-react";
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 function Dialog({ ...props }) {
-  return /* @__PURE__ */ jsx8(DialogPrimitive2.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ jsx9(DialogPrimitive2.Root, { "data-slot": "dialog", ...props });
 }
 function DialogTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx8(DialogPrimitive2.Trigger, { "data-slot": "dialog-trigger", ...props });
+  return /* @__PURE__ */ jsx9(DialogPrimitive2.Trigger, { "data-slot": "dialog-trigger", ...props });
 }
 function DialogClose({ ...props }) {
-  return /* @__PURE__ */ jsx8(DialogPrimitive2.Close, { "data-slot": "dialog-close", ...props });
+  return /* @__PURE__ */ jsx9(DialogPrimitive2.Close, { "data-slot": "dialog-close", ...props });
 }
 function DialogPortal({ ...props }) {
-  return /* @__PURE__ */ jsx8(DialogPrimitive2.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ jsx9(DialogPrimitive2.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogOverlay({ className, ...props }) {
-  return /* @__PURE__ */ jsx8(DialogPrimitive2.Overlay, { "data-slot": "dialog-overlay", className: cn("fixed inset-0 z-50 bg-black/50", className), ...props });
+  return /* @__PURE__ */ jsx9(DialogPrimitive2.Overlay, { "data-slot": "dialog-overlay", className: cn("fixed inset-0 z-50 bg-black/50", className), ...props });
 }
 function DialogContent({
   className,
@@ -445,7 +464,7 @@ function DialogContent({
   ...props
 }) {
   return /* @__PURE__ */ jsxs4(DialogPortal, { children: [
-    /* @__PURE__ */ jsx8(DialogOverlay, {}),
+    /* @__PURE__ */ jsx9(DialogOverlay, {}),
     /* @__PURE__ */ jsxs4(
       DialogPrimitive2.Content,
       {
@@ -465,8 +484,8 @@ function DialogContent({
               "data-slot": "dialog-close",
               className: "absolute right-4 top-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
               children: [
-                /* @__PURE__ */ jsx8(XIcon2, { className: "size-4" }),
-                /* @__PURE__ */ jsx8("span", { className: "sr-only", children: closeLabel })
+                /* @__PURE__ */ jsx9(XIcon2, { className: "size-4" }),
+                /* @__PURE__ */ jsx9("span", { className: "sr-only", children: closeLabel })
               ]
             }
           ) : null
@@ -476,26 +495,26 @@ function DialogContent({
   ] });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx8("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2 text-left", className), ...props });
+  return /* @__PURE__ */ jsx9("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2 text-left", className), ...props });
 }
 function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx8(DialogPrimitive2.Title, { "data-slot": "dialog-title", className: cn("text-base font-semibold leading-none", className), ...props });
+  return /* @__PURE__ */ jsx9(DialogPrimitive2.Title, { "data-slot": "dialog-title", className: cn("text-base font-semibold leading-none", className), ...props });
 }
 function DialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx8(DialogPrimitive2.Description, { "data-slot": "dialog-description", className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx9(DialogPrimitive2.Description, { "data-slot": "dialog-description", className: cn("text-sm text-muted-foreground", className), ...props });
 }
 function DialogBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx8("div", { "data-slot": "dialog-body", className: cn("min-h-0 overflow-y-auto text-sm", className), ...props });
+  return /* @__PURE__ */ jsx9("div", { "data-slot": "dialog-body", className: cn("min-h-0 overflow-y-auto text-sm", className), ...props });
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx8("div", { "data-slot": "dialog-footer", className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
+  return /* @__PURE__ */ jsx9("div", { "data-slot": "dialog-footer", className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
 }
 
 // src/primitives/tabs.tsx
 import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var defaultTabsVisualContext = {
   variant: "underline",
   size: "default"
@@ -546,7 +565,7 @@ function Tabs({
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(TabsRootVisualContext.Provider, { value: { variant, size }, children: /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(TabsRootVisualContext.Provider, { value: { variant, size }, children: /* @__PURE__ */ jsx10(
     TabsPrimitive.Root,
     {
       "data-slot": "tabs",
@@ -570,7 +589,7 @@ function TabsList({
   const resolvedVariant = variant ?? rootVisuals.variant;
   const resolvedSize = size ?? rootVisuals.size;
   const [scrollPosition, scrollRailRef, updateScrollPosition] = useHorizontalScrollRail(externalRef);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     TabsPrimitive.List,
     {
       "data-slot": "tabs-list",
@@ -590,7 +609,7 @@ function TabsList({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx9(
+      children: /* @__PURE__ */ jsx10(
         TabsListVisualContext.Provider,
         {
           value: { variant: resolvedVariant, size: resolvedSize },
@@ -609,7 +628,7 @@ function TabsTrigger({
   const listVisuals = React.useContext(TabsListVisualContext);
   const resolvedVariant = variant ?? listVisuals.variant;
   const resolvedSize = size ?? listVisuals.size;
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     TabsPrimitive.Trigger,
     {
       "data-slot": "tabs-trigger",
@@ -632,7 +651,7 @@ function TabsContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     TabsPrimitive.Content,
     {
       "data-slot": "tabs-content",
@@ -648,7 +667,7 @@ function NavigationTabs({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "nav",
     {
       "data-slot": "navigation-tabs",
@@ -664,7 +683,7 @@ function NavigationTabsList({
   ...props
 }) {
   const [scrollPosition, scrollRailRef, updateScrollPosition] = useHorizontalScrollRail(externalRef);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       "data-slot": "navigation-tabs-list",
@@ -707,7 +726,7 @@ function NavigationTab({
       inline: "nearest"
     });
   }, [active]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     Comp,
     {
       ...props,
@@ -724,9 +743,9 @@ function NavigationTab({
 }
 
 // src/primitives/card.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       "data-slot": "card",
@@ -736,22 +755,22 @@ function Card({ className, ...props }) {
   );
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx10("div", { "data-slot": "card-header", className: cn("grid auto-rows-min gap-1.5 px-[var(--ds-surface-padding)]", className), ...props });
+  return /* @__PURE__ */ jsx11("div", { "data-slot": "card-header", className: cn("grid auto-rows-min gap-1.5 px-[var(--ds-surface-padding)]", className), ...props });
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx10("div", { "data-slot": "card-title", className: cn("font-semibold leading-none", className), ...props });
+  return /* @__PURE__ */ jsx11("div", { "data-slot": "card-title", className: cn("font-semibold leading-none", className), ...props });
 }
 function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx10("div", { "data-slot": "card-description", className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx11("div", { "data-slot": "card-description", className: cn("text-sm text-muted-foreground", className), ...props });
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx10("div", { "data-slot": "card-content", className: cn("px-[var(--ds-surface-padding)]", className), ...props });
+  return /* @__PURE__ */ jsx11("div", { "data-slot": "card-content", className: cn("px-[var(--ds-surface-padding)]", className), ...props });
 }
 
 // src/primitives/skeleton.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       "data-slot": "skeleton",
@@ -763,16 +782,16 @@ function Skeleton({ className, ...props }) {
 
 // src/primitives/collapsible.tsx
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function Collapsible({
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
+  return /* @__PURE__ */ jsx13(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
 }
 function CollapsibleTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     CollapsiblePrimitive.Trigger,
     {
       "data-slot": "collapsible-trigger",
@@ -783,7 +802,7 @@ function CollapsibleTrigger({
 function CollapsibleContent({
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     CollapsiblePrimitive.Content,
     {
       "data-slot": "collapsible-content",
@@ -795,34 +814,34 @@ function CollapsibleContent({
 // src/primitives/dropdown-menu.tsx
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { ChevronRight } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
 function DropdownMenu({ ...props }) {
-  return /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuGroup({ ...props }) {
-  return /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+  return /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
 }
 function DropdownMenuSub({ ...props }) {
-  return /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({ className, children, ...props }) {
   return /* @__PURE__ */ jsxs5(DropdownMenuPrimitive.SubTrigger, { "data-slot": "dropdown-menu-sub-trigger", className: cn("focus:bg-surface-muted flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-[length:var(--ds-menu-item-size)] outline-hidden", className), ...props, children: [
     children,
-    /* @__PURE__ */ jsx13(ChevronRight, { className: "ml-auto size-4 text-muted-foreground" })
+    /* @__PURE__ */ jsx14(ChevronRight, { className: "ml-auto size-4 text-muted-foreground" })
   ] });
 }
 function DropdownMenuSubContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx13(DropdownMenuPrimitive.SubContent, { "data-slot": "dropdown-menu-sub-content", className: cn("z-50 min-w-56 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-[var(--ds-shadow-floating)]", className), ...props }) });
+  return /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx14(DropdownMenuPrimitive.SubContent, { "data-slot": "dropdown-menu-sub-content", className: cn("z-50 min-w-56 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-[var(--ds-shadow-floating)]", className), ...props }) });
 }
 function DropdownMenuTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+  return /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
 }
 function DropdownMenuContent({
   className,
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx14(
     DropdownMenuPrimitive.Content,
     {
       "data-slot": "dropdown-menu-content",
@@ -838,7 +857,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     DropdownMenuPrimitive.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -854,10 +873,10 @@ function DropdownMenuLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Label, { "data-slot": "dropdown-menu-label", "data-inset": inset, className: cn("px-2 py-1.5 text-[length:var(--ds-menu-label-size)] font-medium data-[inset=true]:pl-8", className), ...props });
+  return /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Label, { "data-slot": "dropdown-menu-label", "data-inset": inset, className: cn("px-2 py-1.5 text-[length:var(--ds-menu-label-size)] font-medium data-[inset=true]:pl-8", className), ...props });
 }
 function DropdownMenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Separator, { "data-slot": "dropdown-menu-separator", className: cn("-mx-1 my-1 h-px bg-border", className), ...props });
+  return /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Separator, { "data-slot": "dropdown-menu-separator", className: cn("-mx-1 my-1 h-px bg-border", className), ...props });
 }
 
 export {
@@ -880,6 +899,7 @@ export {
   SelectSeparator,
   SelectScrollUpButton,
   SelectScrollDownButton,
+  Input,
   Separator2 as Separator,
   Sheet,
   SheetTrigger,
@@ -934,4 +954,4 @@ export {
   DropdownMenuLabel,
   DropdownMenuSeparator
 };
-//# sourceMappingURL=chunk-YHPZ5CQU.js.map
+//# sourceMappingURL=chunk-HLND6FZS.js.map