@bergetai/ui 0.14.1 → 0.15.0

package/dist/components/sidebar/Sidebar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.cjs","names":["SidebarGroupLabelPrimitive","cn","SidebarProviderPrimitive","SidebarInsetPrimitive","SidebarGroupPrimitive","SidebarFooterPrimitive","SidebarHeaderPrimitive","BergetLogo","SidebarMenuButtonPrimitive","SidebarMenuSubButtonPrimitive"],"sources":["../../../src/components/sidebar/Sidebar.tsx"],"sourcesContent":["'use client';\n\n/**\n * Sidebar — thin proxy over the shadcn sidebar primitive.\n *\n * All brand styling flows through the design-token bridge in\n * `src/styles/index.css` (`bg-sidebar`, `sidebar-border`, … resolve to\n * `--berget-sidebar-*`). The primitive itself is unmodified upstream\n * shadcn output and must never be edited — Berget-specific composition\n * belongs here.\n *\n * Menu buttons, group/menu actions and badges resolve their hover/active\n * states via the --berget-sidebar-accent tokens (a neutral surface step),\n * not a class-level override.\n *\n * Compose per app:\n *\n *   <SidebarProvider>\n *     <Sidebar>\n *       <SidebarHeader>…</SidebarHeader>\n *       <SidebarContent>…</SidebarContent>\n *       <SidebarFooter>…</SidebarFooter>\n *     </Sidebar>\n *     <SidebarInset>…main content…</SidebarInset>\n *   </SidebarProvider>\n *\n * Toggle with <SidebarTrigger />, the <SidebarRail />, or ⌘/Ctrl+B.\n */\nimport * as React from 'react';\n\nimport { cn } from '../../lib/utils';\nimport { BergetLogo } from '../berget-logo';\nimport {\n  SidebarFooter as SidebarFooterPrimitive,\n  SidebarGroup as SidebarGroupPrimitive,\n  SidebarHeader as SidebarHeaderPrimitive,\n  SidebarGroupLabel as SidebarGroupLabelPrimitive,\n  SidebarInset as SidebarInsetPrimitive,\n  SidebarMenuButton as SidebarMenuButtonPrimitive,\n  SidebarMenuSubButton as SidebarMenuSubButtonPrimitive,\n  SidebarProvider as SidebarProviderPrimitive,\n} from '../../primitives/sidebar';\n\n/** Icon-mode buttons: 40px square tiles (16px glyph + px-3, height matches\n *  the expanded bar so the 24px content line doesn't collapse). The overrides\n *  win over the primitive's size-8!/p-2! — w-10!/h-10! are emitted after\n *  size-8! in the stylesheet, so both dimensions follow the overrides. */\nconst iconModeButtonClasses =\n  'group-data-[collapsible=icon]:w-10! group-data-[collapsible=icon]:h-10! group-data-[collapsible=icon]:px-3!';\n\n/** Menu-button typography: text-base with true 8px (p-2) padding on all\n *  sides. h-auto releases the primitive's fixed heights (h-8/h-7/h-12) —\n *  otherwise vertical padding has no room. Collapsed icon mode keeps its\n *  important size/padding overrides from the primitive. */\nconst sizingMenuButtonClasses = 'text-base px-3 py-2 h-auto';\nconst sizingSubButtonClasses = 'data-[size=md]:text-base data-[size=sm]:text-base px-3 py-2 h-auto';\n\n/** Group label, indented to line up with the menu-button icons\n *  (group p-2 + label px-3 = same 20px as group p-2 + button px-3) and\n *  set in small uppercase type with wide tracking. */\nfunction SidebarGroupLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SidebarGroupLabelPrimitive>) {\n  return (\n    <SidebarGroupLabelPrimitive\n      className={cn('px-3 uppercase tracking-caption', className)}\n      {...props}\n    />\n  );\n}\n\n/** Provider with the Berget icon-rail width (60px = 10px gutters + 40px\n *  buttons). Consumers can still override via `style`. */\nfunction SidebarProvider({\n  className,\n  style,\n  ...props\n}: React.ComponentProps<typeof SidebarProviderPrimitive>) {\n  return (\n    <SidebarProviderPrimitive\n      className={className}\n      style={\n        {\n          '--sidebar-width-icon': '3.75rem',\n          ...style,\n        } as React.CSSProperties\n      }\n      {...props}\n    />\n  );\n}\n\n/** Inset with min-w-0 so the content column can shrink below its min-content\n *  width. Without it (flex items default to min-width:auto), wide content — a\n *  nowrap table, a code block — makes the inset refuse to yield space: the\n *  sidebar's gap spacer collapses and the inset (and its sticky page header)\n *  slides under the fixed sidebar, painting over it on scroll. A scroll\n *  wrapper on the wide child alone is not sufficient — block-level\n *  overflow-x-auto still propagates min-content up to the flex item.\n *  Upstream shadcn-ui/ui#11370; no-op for pages that don't overflow. */\nfunction SidebarInset({ className, ...props }: React.ComponentProps<typeof SidebarInsetPrimitive>) {\n  return <SidebarInsetPrimitive className={cn('min-w-0', className)} {...props} />;\n}\n\n/** Group with 10px horizontal gutters in icon mode (10 + 40 + 10 = 60px). */\nfunction SidebarGroup({ className, ...props }: React.ComponentProps<typeof SidebarGroupPrimitive>) {\n  return (\n    <SidebarGroupPrimitive\n      className={cn('group-data-[collapsible=icon]:px-2.5', className)}\n      {...props}\n    />\n  );\n}\n\n/** Footer with a top border mirroring the sidebar header's bottom border, and\n *  the same 10px icon-mode gutters as SidebarGroup (its menu sits outside a\n *  group). */\nfunction SidebarFooter({\n  className,\n  ...props\n}: React.ComponentProps<typeof SidebarFooterPrimitive>) {\n  return (\n    <SidebarFooterPrimitive\n      className={cn(\n        'group-data-[collapsible=icon]:px-2.5 border-t border-berget-border',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Header without the primitive's block padding (its p-2 becomes py-0) and\n *  with a bottom border matching the default page-header border; vertical\n *  rhythm is consumer-controlled (e.g. a h-20 brand bar). Horizontal padding\n *  is dropped in icon mode so rail content (logo slots etc.) can center\n *  against the full 60px rail width. */\nfunction SidebarHeader({\n  className,\n  ...props\n}: React.ComponentProps<typeof SidebarHeaderPrimitive>) {\n  return (\n    <SidebarHeaderPrimitive\n      className={cn(\n        'py-0 group-data-[collapsible=icon]:px-0 border-b border-berget-border',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Berget brand slot for the sidebar header. Fades between the full logo\n *  (expanded) and the symbol (collapsed icon rail).\n *\n *  Implementation notes — all load-bearing:\n *  - The symbol glides instead of popping: at pl-5 its box sits pixel-perfect\n *    under the leading glyph of the full logo (both 35.5x32 at x=20), and its\n *    padding-left animates to pl-3 (centered in the 60px rail) over 200ms\n *    linear — exactly matching the sidebar width transition. The mark never\n *    jumps: collapse fades the logotype out while the symbol glides into its\n *    gliding position; expand reverses it.\n *  - Both layers stay mounted: display isn't animatable, so unmounting the\n *    symbol on expand would blink it off in one frame while the logotype is\n *    still fading in. visibility+opacity handle hiding instead; visibility is\n *    discretely animatable, deferring its flip until the fade completes,\n *    and removing the hidden layer from the accessibility tree.\n *  - The row is overflow-hidden and the logo shrink-0: when the rail narrows,\n *    the fading full logo is clipped at the moving edge instead of being\n *    squeezed (the SVG viewBox would otherwise scale it down).\n *  - px-5 aligns the logo's left edge with the 20px content line of the\n *    expanded sidebar (menu icons and group-label text both sit at 20px).\n *    The fading full logo clips under the shrinking rail edge while fading.\n *\n *  Renders its own SidebarHeader (px-0 — the row owns all horizontal padding,\n *  so its position can't jump when the header's icon-mode padding lands).\n */\nfunction SidebarLogo() {\n  return (\n    <SidebarHeaderPrimitive className=\"px-0\">\n      <div className=\"relative flex h-15 items-center overflow-hidden px-5\">\n        <BergetLogo\n          variant=\"logotype\"\n          size={32}\n          className=\"shrink-0 transition-[opacity,visibility] duration-150 group-data-[collapsible=icon]:pointer-events-none group-data-[collapsible=icon]:invisible group-data-[collapsible=icon]:opacity-0\"\n        />\n        <span className=\"pointer-events-none invisible absolute inset-y-0 left-0 flex w-15 items-center pl-5 opacity-0 transition-[padding-left,opacity,visibility] duration-200 ease-linear group-data-[collapsible=icon]:visible group-data-[collapsible=icon]:pl-3 group-data-[collapsible=icon]:opacity-100\">\n          <BergetLogo variant=\"symbol\" size={32} />\n        </span>\n      </div>\n    </SidebarHeaderPrimitive>\n  );\n}\n\n/** Page header for use inside <SidebarInset>. Its height (60px content + 1px)\n *  keeps the bottom border on the same line as the sidebar header's border —\n *  both occupy the 60-61px row, making the collapsed brand cell a 60x60\n *  square. Compose the SidebarTrigger and a title inside. */\nfunction SidebarPageHeader({ className, ...props }: React.ComponentProps<'header'>) {\n  return (\n    <header\n      className={cn(\n        'flex h-[calc(3.75rem+1px)] items-center gap-2 border-b border-berget-border px-4',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype SidebarMenuButtonProps = React.ComponentProps<typeof SidebarMenuButtonPrimitive>;\n\ntype SidebarMenuSubButtonProps = React.ComponentProps<typeof SidebarMenuSubButtonPrimitive>;\n\nfunction SidebarMenuButton({ className, ...props }: SidebarMenuButtonProps) {\n  return (\n    <SidebarMenuButtonPrimitive\n      className={cn(sizingMenuButtonClasses, iconModeButtonClasses, className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuSubButton({ className, ...props }: SidebarMenuSubButtonProps) {\n  return (\n    <SidebarMenuSubButtonPrimitive\n      className={cn(sizingSubButtonClasses, '[&>svg]:text-inherit', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarInput,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubItem,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar,\n} from '../../primitives/sidebar';\n\nexport {\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInset,\n  SidebarLogo,\n  SidebarMenuButton,\n  SidebarMenuSubButton,\n  SidebarPageHeader,\n  SidebarProvider,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,MAAM,wBACJ;;;;;AAMF,MAAM,0BAA0B;AAChC,MAAM,yBAAyB;;;;AAK/B,SAAS,kBAAkB,EACzB,WACA,GAAG,SACuD;CAC1D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,gBAAAA,mBAAD;EACE,WAAWC,cAAAA,GAAG,mCAAmC,SAAS;EAC1D,GAAI;CACL,CAAA;AAEL;;;AAIA,SAAS,gBAAgB,EACvB,WACA,OACA,GAAG,SACqD;CACxD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,iBAAD;EACa;EACX,OACE;GACE,wBAAwB;GACxB,GAAG;EACL;EAEF,GAAI;CACL,CAAA;AAEL;;;;;;;;;AAUA,SAAS,aAAa,EAAE,WAAW,GAAG,SAA6D;CACjG,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,cAAD;EAAuB,WAAWF,cAAAA,GAAG,WAAW,SAAS;EAAG,GAAI;CAAQ,CAAA;AACjF;;AAGA,SAAS,aAAa,EAAE,WAAW,GAAG,SAA6D;CACjG,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACG,gBAAAA,cAAD;EACE,WAAWH,cAAAA,GAAG,wCAAwC,SAAS;EAC/D,GAAI;CACL,CAAA;AAEL;;;;AAKA,SAAS,cAAc,EACrB,WACA,GAAG,SACmD;CACtD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACI,gBAAAA,eAAD;EACE,WAAWJ,cAAAA,GACT,sEACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;;;;;AAOA,SAAS,cAAc,EACrB,WACA,GAAG,SACmD;CACtD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACK,gBAAAA,eAAD;EACE,WAAWL,cAAAA,GACT,yEACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,SAAS,cAAc;CACrB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACK,gBAAAA,eAAD;EAAwB,WAAU;EAChC,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;IACE,SAAQ;IACR,MAAM;IACN,WAAU;GACX,CAAA,GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAU;IACd,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACA,mBAAAA,YAAD;KAAY,SAAQ;KAAS,MAAM;IAAK,CAAA;GACpC,CAAA,CACH;;CACiB,CAAA;AAE5B;;;;;AAMA,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAyC;CAClF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EACE,WAAWN,cAAAA,GACT,oFACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAMA,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAiC;CAC1E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACO,gBAAAA,mBAAD;EACE,WAAWP,cAAAA,GAAG,yBAAyB,uBAAuB,SAAS;EACvE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAoC;CAChF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACQ,gBAAAA,sBAAD;EACE,WAAWR,cAAAA,GAAG,wBAAwB,wBAAwB,SAAS;EACvE,GAAI;CACL,CAAA;AAEL"}

package/dist/components/sidebar/Sidebar.d.cts

@@ -0,0 +1,69 @@
+import { Sidebar, SidebarContent, SidebarFooter as SidebarFooter$1, SidebarGroup as SidebarGroup$1, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel as SidebarGroupLabel$1, SidebarHeader as SidebarHeader$1, SidebarInput, SidebarInset as SidebarInset$1, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton as SidebarMenuButton$1, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton as SidebarMenuSubButton$1, SidebarMenuSubItem, SidebarProvider as SidebarProvider$1, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from "../../primitives/sidebar.cjs";
+import * as React from "react";
+//#region src/components/sidebar/Sidebar.d.ts
+/** Group label, indented to line up with the menu-button icons
+ *  (group p-2 + label px-3 = same 20px as group p-2 + button px-3) and
+ *  set in small uppercase type with wide tracking. */
+declare function SidebarGroupLabel({ className, ...props }: React.ComponentProps<typeof SidebarGroupLabel$1>): import("react/jsx-runtime").JSX.Element;
+/** Provider with the Berget icon-rail width (60px = 10px gutters + 40px
+ *  buttons). Consumers can still override via `style`. */
+declare function SidebarProvider({ className, style, ...props }: React.ComponentProps<typeof SidebarProvider$1>): import("react/jsx-runtime").JSX.Element;
+/** Inset with min-w-0 so the content column can shrink below its min-content
+ *  width. Without it (flex items default to min-width:auto), wide content — a
+ *  nowrap table, a code block — makes the inset refuse to yield space: the
+ *  sidebar's gap spacer collapses and the inset (and its sticky page header)
+ *  slides under the fixed sidebar, painting over it on scroll. A scroll
+ *  wrapper on the wide child alone is not sufficient — block-level
+ *  overflow-x-auto still propagates min-content up to the flex item.
+ *  Upstream shadcn-ui/ui#11370; no-op for pages that don't overflow. */
+declare function SidebarInset({ className, ...props }: React.ComponentProps<typeof SidebarInset$1>): import("react/jsx-runtime").JSX.Element;
+/** Group with 10px horizontal gutters in icon mode (10 + 40 + 10 = 60px). */
+declare function SidebarGroup({ className, ...props }: React.ComponentProps<typeof SidebarGroup$1>): import("react/jsx-runtime").JSX.Element;
+/** Footer with a top border mirroring the sidebar header's bottom border, and
+ *  the same 10px icon-mode gutters as SidebarGroup (its menu sits outside a
+ *  group). */
+declare function SidebarFooter({ className, ...props }: React.ComponentProps<typeof SidebarFooter$1>): import("react/jsx-runtime").JSX.Element;
+/** Header without the primitive's block padding (its p-2 becomes py-0) and
+ *  with a bottom border matching the default page-header border; vertical
+ *  rhythm is consumer-controlled (e.g. a h-20 brand bar). Horizontal padding
+ *  is dropped in icon mode so rail content (logo slots etc.) can center
+ *  against the full 60px rail width. */
+declare function SidebarHeader({ className, ...props }: React.ComponentProps<typeof SidebarHeader$1>): import("react/jsx-runtime").JSX.Element;
+/** Berget brand slot for the sidebar header. Fades between the full logo
+ *  (expanded) and the symbol (collapsed icon rail).
+ *
+ *  Implementation notes — all load-bearing:
+ *  - The symbol glides instead of popping: at pl-5 its box sits pixel-perfect
+ *    under the leading glyph of the full logo (both 35.5x32 at x=20), and its
+ *    padding-left animates to pl-3 (centered in the 60px rail) over 200ms
+ *    linear — exactly matching the sidebar width transition. The mark never
+ *    jumps: collapse fades the logotype out while the symbol glides into its
+ *    gliding position; expand reverses it.
+ *  - Both layers stay mounted: display isn't animatable, so unmounting the
+ *    symbol on expand would blink it off in one frame while the logotype is
+ *    still fading in. visibility+opacity handle hiding instead; visibility is
+ *    discretely animatable, deferring its flip until the fade completes,
+ *    and removing the hidden layer from the accessibility tree.
+ *  - The row is overflow-hidden and the logo shrink-0: when the rail narrows,
+ *    the fading full logo is clipped at the moving edge instead of being
+ *    squeezed (the SVG viewBox would otherwise scale it down).
+ *  - px-5 aligns the logo's left edge with the 20px content line of the
+ *    expanded sidebar (menu icons and group-label text both sit at 20px).
+ *    The fading full logo clips under the shrinking rail edge while fading.
+ *
+ *  Renders its own SidebarHeader (px-0 — the row owns all horizontal padding,
+ *  so its position can't jump when the header's icon-mode padding lands).
+ */
+declare function SidebarLogo(): import("react/jsx-runtime").JSX.Element;
+/** Page header for use inside <SidebarInset>. Its height (60px content + 1px)
+ *  keeps the bottom border on the same line as the sidebar header's border —
+ *  both occupy the 60-61px row, making the collapsed brand cell a 60x60
+ *  square. Compose the SidebarTrigger and a title inside. */
+declare function SidebarPageHeader({ className, ...props }: React.ComponentProps<'header'>): import("react/jsx-runtime").JSX.Element;
+type SidebarMenuButtonProps = React.ComponentProps<typeof SidebarMenuButton$1>;
+type SidebarMenuSubButtonProps = React.ComponentProps<typeof SidebarMenuSubButton$1>;
+declare function SidebarMenuButton({ className, ...props }: SidebarMenuButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSubButton({ className, ...props }: SidebarMenuSubButtonProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };
+//# sourceMappingURL=Sidebar.d.cts.map

package/dist/components/sidebar/Sidebar.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.cts","names":["SidebarGroupLabelPrimitive","SidebarProviderPrimitive","SidebarInsetPrimitive","SidebarGroupPrimitive","SidebarFooterPrimitive","SidebarHeaderPrimitive","SidebarMenuButtonPrimitive","SidebarMenuSubButtonPrimitive"],"sources":["../../../src/components/sidebar/Sidebar.tsx"],"mappings":";;;;;;iBA4DS,oBACP,cACG,SACF,MAAM,sBAAsBA,mDAA2B,IAAA;;;iBAWjD,kBACP,WACA,UACG,SACF,MAAM,sBAAsBC,iDAAyB,IAAA;;;;;;;;;iBAuB/C,eAAe,cAAc,SAAS,MAAM,sBAAsBC,8CAAsB,IAAA;;iBAKxF,eAAe,cAAc,SAAS,MAAM,sBAAsBC,8CAAsB,IAAA;;;;iBAYxF,gBACP,cACG,SACF,MAAM,sBAAsBC,+CAAuB,IAAA;;;;;;iBAiB7C,gBACP,cACG,SACF,MAAM,sBAAsBC,+CAAuB,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;iBAqC7C,2CAAW,IAAA;;;;;iBAqBX,oBAAoB,cAAc,SAAS,MAAM,uDAAwB,IAAA;KAY7E,yBAAyB,MAAM,sBAAsBC;KAErD,4BAA4B,MAAM,sBAAsBC;iBAEpD,oBAAoB,cAAc,SAAS,qDAAsB,IAAA;iBASjE,uBAAuB,cAAc,SAAS,wDAAyB,IAAA"}

package/dist/components/sidebar/Sidebar.d.mts

@@ -0,0 +1,69 @@
+import { Sidebar, SidebarContent, SidebarFooter as SidebarFooter$1, SidebarGroup as SidebarGroup$1, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel as SidebarGroupLabel$1, SidebarHeader as SidebarHeader$1, SidebarInput, SidebarInset as SidebarInset$1, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton as SidebarMenuButton$1, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton as SidebarMenuSubButton$1, SidebarMenuSubItem, SidebarProvider as SidebarProvider$1, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from "../../primitives/sidebar.mjs";
+import * as React from "react";
+//#region src/components/sidebar/Sidebar.d.ts
+/** Group label, indented to line up with the menu-button icons
+ *  (group p-2 + label px-3 = same 20px as group p-2 + button px-3) and
+ *  set in small uppercase type with wide tracking. */
+declare function SidebarGroupLabel({ className, ...props }: React.ComponentProps<typeof SidebarGroupLabel$1>): import("react/jsx-runtime").JSX.Element;
+/** Provider with the Berget icon-rail width (60px = 10px gutters + 40px
+ *  buttons). Consumers can still override via `style`. */
+declare function SidebarProvider({ className, style, ...props }: React.ComponentProps<typeof SidebarProvider$1>): import("react/jsx-runtime").JSX.Element;
+/** Inset with min-w-0 so the content column can shrink below its min-content
+ *  width. Without it (flex items default to min-width:auto), wide content — a
+ *  nowrap table, a code block — makes the inset refuse to yield space: the
+ *  sidebar's gap spacer collapses and the inset (and its sticky page header)
+ *  slides under the fixed sidebar, painting over it on scroll. A scroll
+ *  wrapper on the wide child alone is not sufficient — block-level
+ *  overflow-x-auto still propagates min-content up to the flex item.
+ *  Upstream shadcn-ui/ui#11370; no-op for pages that don't overflow. */
+declare function SidebarInset({ className, ...props }: React.ComponentProps<typeof SidebarInset$1>): import("react/jsx-runtime").JSX.Element;
+/** Group with 10px horizontal gutters in icon mode (10 + 40 + 10 = 60px). */
+declare function SidebarGroup({ className, ...props }: React.ComponentProps<typeof SidebarGroup$1>): import("react/jsx-runtime").JSX.Element;
+/** Footer with a top border mirroring the sidebar header's bottom border, and
+ *  the same 10px icon-mode gutters as SidebarGroup (its menu sits outside a
+ *  group). */
+declare function SidebarFooter({ className, ...props }: React.ComponentProps<typeof SidebarFooter$1>): import("react/jsx-runtime").JSX.Element;
+/** Header without the primitive's block padding (its p-2 becomes py-0) and
+ *  with a bottom border matching the default page-header border; vertical
+ *  rhythm is consumer-controlled (e.g. a h-20 brand bar). Horizontal padding
+ *  is dropped in icon mode so rail content (logo slots etc.) can center
+ *  against the full 60px rail width. */
+declare function SidebarHeader({ className, ...props }: React.ComponentProps<typeof SidebarHeader$1>): import("react/jsx-runtime").JSX.Element;
+/** Berget brand slot for the sidebar header. Fades between the full logo
+ *  (expanded) and the symbol (collapsed icon rail).
+ *
+ *  Implementation notes — all load-bearing:
+ *  - The symbol glides instead of popping: at pl-5 its box sits pixel-perfect
+ *    under the leading glyph of the full logo (both 35.5x32 at x=20), and its
+ *    padding-left animates to pl-3 (centered in the 60px rail) over 200ms
+ *    linear — exactly matching the sidebar width transition. The mark never
+ *    jumps: collapse fades the logotype out while the symbol glides into its
+ *    gliding position; expand reverses it.
+ *  - Both layers stay mounted: display isn't animatable, so unmounting the
+ *    symbol on expand would blink it off in one frame while the logotype is
+ *    still fading in. visibility+opacity handle hiding instead; visibility is
+ *    discretely animatable, deferring its flip until the fade completes,
+ *    and removing the hidden layer from the accessibility tree.
+ *  - The row is overflow-hidden and the logo shrink-0: when the rail narrows,
+ *    the fading full logo is clipped at the moving edge instead of being
+ *    squeezed (the SVG viewBox would otherwise scale it down).
+ *  - px-5 aligns the logo's left edge with the 20px content line of the
+ *    expanded sidebar (menu icons and group-label text both sit at 20px).
+ *    The fading full logo clips under the shrinking rail edge while fading.
+ *
+ *  Renders its own SidebarHeader (px-0 — the row owns all horizontal padding,
+ *  so its position can't jump when the header's icon-mode padding lands).
+ */
+declare function SidebarLogo(): import("react/jsx-runtime").JSX.Element;
+/** Page header for use inside <SidebarInset>. Its height (60px content + 1px)
+ *  keeps the bottom border on the same line as the sidebar header's border —
+ *  both occupy the 60-61px row, making the collapsed brand cell a 60x60
+ *  square. Compose the SidebarTrigger and a title inside. */
+declare function SidebarPageHeader({ className, ...props }: React.ComponentProps<'header'>): import("react/jsx-runtime").JSX.Element;
+type SidebarMenuButtonProps = React.ComponentProps<typeof SidebarMenuButton$1>;
+type SidebarMenuSubButtonProps = React.ComponentProps<typeof SidebarMenuSubButton$1>;
+declare function SidebarMenuButton({ className, ...props }: SidebarMenuButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function SidebarMenuSubButton({ className, ...props }: SidebarMenuSubButtonProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };
+//# sourceMappingURL=Sidebar.d.mts.map

package/dist/components/sidebar/Sidebar.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.mts","names":["SidebarGroupLabelPrimitive","SidebarProviderPrimitive","SidebarInsetPrimitive","SidebarGroupPrimitive","SidebarFooterPrimitive","SidebarHeaderPrimitive","SidebarMenuButtonPrimitive","SidebarMenuSubButtonPrimitive"],"sources":["../../../src/components/sidebar/Sidebar.tsx"],"mappings":";;;;;;iBA4DS,oBACP,cACG,SACF,MAAM,sBAAsBA,mDAA2B,IAAA;;;iBAWjD,kBACP,WACA,UACG,SACF,MAAM,sBAAsBC,iDAAyB,IAAA;;;;;;;;;iBAuB/C,eAAe,cAAc,SAAS,MAAM,sBAAsBC,8CAAsB,IAAA;;iBAKxF,eAAe,cAAc,SAAS,MAAM,sBAAsBC,8CAAsB,IAAA;;;;iBAYxF,gBACP,cACG,SACF,MAAM,sBAAsBC,+CAAuB,IAAA;;;;;;iBAiB7C,gBACP,cACG,SACF,MAAM,sBAAsBC,+CAAuB,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;iBAqC7C,2CAAW,IAAA;;;;;iBAqBX,oBAAoB,cAAc,SAAS,MAAM,uDAAwB,IAAA;KAY7E,yBAAyB,MAAM,sBAAsBC;KAErD,4BAA4B,MAAM,sBAAsBC;iBAEpD,oBAAoB,cAAc,SAAS,qDAAsB,IAAA;iBASjE,uBAAuB,cAAc,SAAS,wDAAyB,IAAA"}

package/dist/components/sidebar/Sidebar.mjs

@@ -0,0 +1,150 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import { BergetLogo } from "../berget-logo/BergetLogo.mjs";
+import { Sidebar, SidebarContent, SidebarFooter as SidebarFooter$1, SidebarGroup as SidebarGroup$1, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel as SidebarGroupLabel$1, SidebarHeader as SidebarHeader$1, SidebarInput, SidebarInset as SidebarInset$1, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton as SidebarMenuButton$1, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton as SidebarMenuSubButton$1, SidebarMenuSubItem, SidebarProvider as SidebarProvider$1, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from "../../primitives/sidebar.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/sidebar/Sidebar.tsx
+/** Icon-mode buttons: 40px square tiles (16px glyph + px-3, height matches
+*  the expanded bar so the 24px content line doesn't collapse). The overrides
+*  win over the primitive's size-8!/p-2! — w-10!/h-10! are emitted after
+*  size-8! in the stylesheet, so both dimensions follow the overrides. */
+const iconModeButtonClasses = "group-data-[collapsible=icon]:w-10! group-data-[collapsible=icon]:h-10! group-data-[collapsible=icon]:px-3!";
+/** Menu-button typography: text-base with true 8px (p-2) padding on all
+*  sides. h-auto releases the primitive's fixed heights (h-8/h-7/h-12) —
+*  otherwise vertical padding has no room. Collapsed icon mode keeps its
+*  important size/padding overrides from the primitive. */
+const sizingMenuButtonClasses = "text-base px-3 py-2 h-auto";
+const sizingSubButtonClasses = "data-[size=md]:text-base data-[size=sm]:text-base px-3 py-2 h-auto";
+/** Group label, indented to line up with the menu-button icons
+*  (group p-2 + label px-3 = same 20px as group p-2 + button px-3) and
+*  set in small uppercase type with wide tracking. */
+function SidebarGroupLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SidebarGroupLabel$1, {
+		className: cn("px-3 uppercase tracking-caption", className),
+		...props
+	});
+}
+/** Provider with the Berget icon-rail width (60px = 10px gutters + 40px
+*  buttons). Consumers can still override via `style`. */
+function SidebarProvider({ className, style, ...props }) {
+	return /* @__PURE__ */ jsx(SidebarProvider$1, {
+		className,
+		style: {
+			"--sidebar-width-icon": "3.75rem",
+			...style
+		},
+		...props
+	});
+}
+/** Inset with min-w-0 so the content column can shrink below its min-content
+*  width. Without it (flex items default to min-width:auto), wide content — a
+*  nowrap table, a code block — makes the inset refuse to yield space: the
+*  sidebar's gap spacer collapses and the inset (and its sticky page header)
+*  slides under the fixed sidebar, painting over it on scroll. A scroll
+*  wrapper on the wide child alone is not sufficient — block-level
+*  overflow-x-auto still propagates min-content up to the flex item.
+*  Upstream shadcn-ui/ui#11370; no-op for pages that don't overflow. */
+function SidebarInset({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SidebarInset$1, {
+		className: cn("min-w-0", className),
+		...props
+	});
+}
+/** Group with 10px horizontal gutters in icon mode (10 + 40 + 10 = 60px). */
+function SidebarGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SidebarGroup$1, {
+		className: cn("group-data-[collapsible=icon]:px-2.5", className),
+		...props
+	});
+}
+/** Footer with a top border mirroring the sidebar header's bottom border, and
+*  the same 10px icon-mode gutters as SidebarGroup (its menu sits outside a
+*  group). */
+function SidebarFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SidebarFooter$1, {
+		className: cn("group-data-[collapsible=icon]:px-2.5 border-t border-berget-border", className),
+		...props
+	});
+}
+/** Header without the primitive's block padding (its p-2 becomes py-0) and
+*  with a bottom border matching the default page-header border; vertical
+*  rhythm is consumer-controlled (e.g. a h-20 brand bar). Horizontal padding
+*  is dropped in icon mode so rail content (logo slots etc.) can center
+*  against the full 60px rail width. */
+function SidebarHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SidebarHeader$1, {
+		className: cn("py-0 group-data-[collapsible=icon]:px-0 border-b border-berget-border", className),
+		...props
+	});
+}
+/** Berget brand slot for the sidebar header. Fades between the full logo
+*  (expanded) and the symbol (collapsed icon rail).
+*
+*  Implementation notes — all load-bearing:
+*  - The symbol glides instead of popping: at pl-5 its box sits pixel-perfect
+*    under the leading glyph of the full logo (both 35.5x32 at x=20), and its
+*    padding-left animates to pl-3 (centered in the 60px rail) over 200ms
+*    linear — exactly matching the sidebar width transition. The mark never
+*    jumps: collapse fades the logotype out while the symbol glides into its
+*    gliding position; expand reverses it.
+*  - Both layers stay mounted: display isn't animatable, so unmounting the
+*    symbol on expand would blink it off in one frame while the logotype is
+*    still fading in. visibility+opacity handle hiding instead; visibility is
+*    discretely animatable, deferring its flip until the fade completes,
+*    and removing the hidden layer from the accessibility tree.
+*  - The row is overflow-hidden and the logo shrink-0: when the rail narrows,
+*    the fading full logo is clipped at the moving edge instead of being
+*    squeezed (the SVG viewBox would otherwise scale it down).
+*  - px-5 aligns the logo's left edge with the 20px content line of the
+*    expanded sidebar (menu icons and group-label text both sit at 20px).
+*    The fading full logo clips under the shrinking rail edge while fading.
+*
+*  Renders its own SidebarHeader (px-0 — the row owns all horizontal padding,
+*  so its position can't jump when the header's icon-mode padding lands).
+*/
+function SidebarLogo() {
+	return /* @__PURE__ */ jsx(SidebarHeader$1, {
+		className: "px-0",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "relative flex h-15 items-center overflow-hidden px-5",
+			children: [/* @__PURE__ */ jsx(BergetLogo, {
+				variant: "logotype",
+				size: 32,
+				className: "shrink-0 transition-[opacity,visibility] duration-150 group-data-[collapsible=icon]:pointer-events-none group-data-[collapsible=icon]:invisible group-data-[collapsible=icon]:opacity-0"
+			}), /* @__PURE__ */ jsx("span", {
+				className: "pointer-events-none invisible absolute inset-y-0 left-0 flex w-15 items-center pl-5 opacity-0 transition-[padding-left,opacity,visibility] duration-200 ease-linear group-data-[collapsible=icon]:visible group-data-[collapsible=icon]:pl-3 group-data-[collapsible=icon]:opacity-100",
+				children: /* @__PURE__ */ jsx(BergetLogo, {
+					variant: "symbol",
+					size: 32
+				})
+			})]
+		})
+	});
+}
+/** Page header for use inside <SidebarInset>. Its height (60px content + 1px)
+*  keeps the bottom border on the same line as the sidebar header's border —
+*  both occupy the 60-61px row, making the collapsed brand cell a 60x60
+*  square. Compose the SidebarTrigger and a title inside. */
+function SidebarPageHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("header", {
+		className: cn("flex h-[calc(3.75rem+1px)] items-center gap-2 border-b border-berget-border px-4", className),
+		...props
+	});
+}
+function SidebarMenuButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SidebarMenuButton$1, {
+		className: cn(sizingMenuButtonClasses, iconModeButtonClasses, className),
+		...props
+	});
+}
+function SidebarMenuSubButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SidebarMenuSubButton$1, {
+		className: cn(sizingSubButtonClasses, "[&>svg]:text-inherit", className),
+		...props
+	});
+}
+//#endregion
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };
+
+//# sourceMappingURL=Sidebar.mjs.map

package/dist/components/sidebar/Sidebar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.mjs","names":["SidebarGroupLabelPrimitive","SidebarProviderPrimitive","SidebarInsetPrimitive","SidebarGroupPrimitive","SidebarFooterPrimitive","SidebarHeaderPrimitive","SidebarMenuButtonPrimitive","SidebarMenuSubButtonPrimitive"],"sources":["../../../src/components/sidebar/Sidebar.tsx"],"sourcesContent":["'use client';\n\n/**\n * Sidebar — thin proxy over the shadcn sidebar primitive.\n *\n * All brand styling flows through the design-token bridge in\n * `src/styles/index.css` (`bg-sidebar`, `sidebar-border`, … resolve to\n * `--berget-sidebar-*`). The primitive itself is unmodified upstream\n * shadcn output and must never be edited — Berget-specific composition\n * belongs here.\n *\n * Menu buttons, group/menu actions and badges resolve their hover/active\n * states via the --berget-sidebar-accent tokens (a neutral surface step),\n * not a class-level override.\n *\n * Compose per app:\n *\n *   <SidebarProvider>\n *     <Sidebar>\n *       <SidebarHeader>…</SidebarHeader>\n *       <SidebarContent>…</SidebarContent>\n *       <SidebarFooter>…</SidebarFooter>\n *     </Sidebar>\n *     <SidebarInset>…main content…</SidebarInset>\n *   </SidebarProvider>\n *\n * Toggle with <SidebarTrigger />, the <SidebarRail />, or ⌘/Ctrl+B.\n */\nimport * as React from 'react';\n\nimport { cn } from '../../lib/utils';\nimport { BergetLogo } from '../berget-logo';\nimport {\n  SidebarFooter as SidebarFooterPrimitive,\n  SidebarGroup as SidebarGroupPrimitive,\n  SidebarHeader as SidebarHeaderPrimitive,\n  SidebarGroupLabel as SidebarGroupLabelPrimitive,\n  SidebarInset as SidebarInsetPrimitive,\n  SidebarMenuButton as SidebarMenuButtonPrimitive,\n  SidebarMenuSubButton as SidebarMenuSubButtonPrimitive,\n  SidebarProvider as SidebarProviderPrimitive,\n} from '../../primitives/sidebar';\n\n/** Icon-mode buttons: 40px square tiles (16px glyph + px-3, height matches\n *  the expanded bar so the 24px content line doesn't collapse). The overrides\n *  win over the primitive's size-8!/p-2! — w-10!/h-10! are emitted after\n *  size-8! in the stylesheet, so both dimensions follow the overrides. */\nconst iconModeButtonClasses =\n  'group-data-[collapsible=icon]:w-10! group-data-[collapsible=icon]:h-10! group-data-[collapsible=icon]:px-3!';\n\n/** Menu-button typography: text-base with true 8px (p-2) padding on all\n *  sides. h-auto releases the primitive's fixed heights (h-8/h-7/h-12) —\n *  otherwise vertical padding has no room. Collapsed icon mode keeps its\n *  important size/padding overrides from the primitive. */\nconst sizingMenuButtonClasses = 'text-base px-3 py-2 h-auto';\nconst sizingSubButtonClasses = 'data-[size=md]:text-base data-[size=sm]:text-base px-3 py-2 h-auto';\n\n/** Group label, indented to line up with the menu-button icons\n *  (group p-2 + label px-3 = same 20px as group p-2 + button px-3) and\n *  set in small uppercase type with wide tracking. */\nfunction SidebarGroupLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SidebarGroupLabelPrimitive>) {\n  return (\n    <SidebarGroupLabelPrimitive\n      className={cn('px-3 uppercase tracking-caption', className)}\n      {...props}\n    />\n  );\n}\n\n/** Provider with the Berget icon-rail width (60px = 10px gutters + 40px\n *  buttons). Consumers can still override via `style`. */\nfunction SidebarProvider({\n  className,\n  style,\n  ...props\n}: React.ComponentProps<typeof SidebarProviderPrimitive>) {\n  return (\n    <SidebarProviderPrimitive\n      className={className}\n      style={\n        {\n          '--sidebar-width-icon': '3.75rem',\n          ...style,\n        } as React.CSSProperties\n      }\n      {...props}\n    />\n  );\n}\n\n/** Inset with min-w-0 so the content column can shrink below its min-content\n *  width. Without it (flex items default to min-width:auto), wide content — a\n *  nowrap table, a code block — makes the inset refuse to yield space: the\n *  sidebar's gap spacer collapses and the inset (and its sticky page header)\n *  slides under the fixed sidebar, painting over it on scroll. A scroll\n *  wrapper on the wide child alone is not sufficient — block-level\n *  overflow-x-auto still propagates min-content up to the flex item.\n *  Upstream shadcn-ui/ui#11370; no-op for pages that don't overflow. */\nfunction SidebarInset({ className, ...props }: React.ComponentProps<typeof SidebarInsetPrimitive>) {\n  return <SidebarInsetPrimitive className={cn('min-w-0', className)} {...props} />;\n}\n\n/** Group with 10px horizontal gutters in icon mode (10 + 40 + 10 = 60px). */\nfunction SidebarGroup({ className, ...props }: React.ComponentProps<typeof SidebarGroupPrimitive>) {\n  return (\n    <SidebarGroupPrimitive\n      className={cn('group-data-[collapsible=icon]:px-2.5', className)}\n      {...props}\n    />\n  );\n}\n\n/** Footer with a top border mirroring the sidebar header's bottom border, and\n *  the same 10px icon-mode gutters as SidebarGroup (its menu sits outside a\n *  group). */\nfunction SidebarFooter({\n  className,\n  ...props\n}: React.ComponentProps<typeof SidebarFooterPrimitive>) {\n  return (\n    <SidebarFooterPrimitive\n      className={cn(\n        'group-data-[collapsible=icon]:px-2.5 border-t border-berget-border',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Header without the primitive's block padding (its p-2 becomes py-0) and\n *  with a bottom border matching the default page-header border; vertical\n *  rhythm is consumer-controlled (e.g. a h-20 brand bar). Horizontal padding\n *  is dropped in icon mode so rail content (logo slots etc.) can center\n *  against the full 60px rail width. */\nfunction SidebarHeader({\n  className,\n  ...props\n}: React.ComponentProps<typeof SidebarHeaderPrimitive>) {\n  return (\n    <SidebarHeaderPrimitive\n      className={cn(\n        'py-0 group-data-[collapsible=icon]:px-0 border-b border-berget-border',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Berget brand slot for the sidebar header. Fades between the full logo\n *  (expanded) and the symbol (collapsed icon rail).\n *\n *  Implementation notes — all load-bearing:\n *  - The symbol glides instead of popping: at pl-5 its box sits pixel-perfect\n *    under the leading glyph of the full logo (both 35.5x32 at x=20), and its\n *    padding-left animates to pl-3 (centered in the 60px rail) over 200ms\n *    linear — exactly matching the sidebar width transition. The mark never\n *    jumps: collapse fades the logotype out while the symbol glides into its\n *    gliding position; expand reverses it.\n *  - Both layers stay mounted: display isn't animatable, so unmounting the\n *    symbol on expand would blink it off in one frame while the logotype is\n *    still fading in. visibility+opacity handle hiding instead; visibility is\n *    discretely animatable, deferring its flip until the fade completes,\n *    and removing the hidden layer from the accessibility tree.\n *  - The row is overflow-hidden and the logo shrink-0: when the rail narrows,\n *    the fading full logo is clipped at the moving edge instead of being\n *    squeezed (the SVG viewBox would otherwise scale it down).\n *  - px-5 aligns the logo's left edge with the 20px content line of the\n *    expanded sidebar (menu icons and group-label text both sit at 20px).\n *    The fading full logo clips under the shrinking rail edge while fading.\n *\n *  Renders its own SidebarHeader (px-0 — the row owns all horizontal padding,\n *  so its position can't jump when the header's icon-mode padding lands).\n */\nfunction SidebarLogo() {\n  return (\n    <SidebarHeaderPrimitive className=\"px-0\">\n      <div className=\"relative flex h-15 items-center overflow-hidden px-5\">\n        <BergetLogo\n          variant=\"logotype\"\n          size={32}\n          className=\"shrink-0 transition-[opacity,visibility] duration-150 group-data-[collapsible=icon]:pointer-events-none group-data-[collapsible=icon]:invisible group-data-[collapsible=icon]:opacity-0\"\n        />\n        <span className=\"pointer-events-none invisible absolute inset-y-0 left-0 flex w-15 items-center pl-5 opacity-0 transition-[padding-left,opacity,visibility] duration-200 ease-linear group-data-[collapsible=icon]:visible group-data-[collapsible=icon]:pl-3 group-data-[collapsible=icon]:opacity-100\">\n          <BergetLogo variant=\"symbol\" size={32} />\n        </span>\n      </div>\n    </SidebarHeaderPrimitive>\n  );\n}\n\n/** Page header for use inside <SidebarInset>. Its height (60px content + 1px)\n *  keeps the bottom border on the same line as the sidebar header's border —\n *  both occupy the 60-61px row, making the collapsed brand cell a 60x60\n *  square. Compose the SidebarTrigger and a title inside. */\nfunction SidebarPageHeader({ className, ...props }: React.ComponentProps<'header'>) {\n  return (\n    <header\n      className={cn(\n        'flex h-[calc(3.75rem+1px)] items-center gap-2 border-b border-berget-border px-4',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype SidebarMenuButtonProps = React.ComponentProps<typeof SidebarMenuButtonPrimitive>;\n\ntype SidebarMenuSubButtonProps = React.ComponentProps<typeof SidebarMenuSubButtonPrimitive>;\n\nfunction SidebarMenuButton({ className, ...props }: SidebarMenuButtonProps) {\n  return (\n    <SidebarMenuButtonPrimitive\n      className={cn(sizingMenuButtonClasses, iconModeButtonClasses, className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuSubButton({ className, ...props }: SidebarMenuSubButtonProps) {\n  return (\n    <SidebarMenuSubButtonPrimitive\n      className={cn(sizingSubButtonClasses, '[&>svg]:text-inherit', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarInput,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubItem,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar,\n} from '../../primitives/sidebar';\n\nexport {\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInset,\n  SidebarLogo,\n  SidebarMenuButton,\n  SidebarMenuSubButton,\n  SidebarPageHeader,\n  SidebarProvider,\n};\n"],"mappings":";;;;;;;;;;;AA+CA,MAAM,wBACJ;;;;;AAMF,MAAM,0BAA0B;AAChC,MAAM,yBAAyB;;;;AAK/B,SAAS,kBAAkB,EACzB,WACA,GAAG,SACuD;CAC1D,OACE,oBAACA,qBAAD;EACE,WAAW,GAAG,mCAAmC,SAAS;EAC1D,GAAI;CACL,CAAA;AAEL;;;AAIA,SAAS,gBAAgB,EACvB,WACA,OACA,GAAG,SACqD;CACxD,OACE,oBAACC,mBAAD;EACa;EACX,OACE;GACE,wBAAwB;GACxB,GAAG;EACL;EAEF,GAAI;CACL,CAAA;AAEL;;;;;;;;;AAUA,SAAS,aAAa,EAAE,WAAW,GAAG,SAA6D;CACjG,OAAO,oBAACC,gBAAD;EAAuB,WAAW,GAAG,WAAW,SAAS;EAAG,GAAI;CAAQ,CAAA;AACjF;;AAGA,SAAS,aAAa,EAAE,WAAW,GAAG,SAA6D;CACjG,OACE,oBAACC,gBAAD;EACE,WAAW,GAAG,wCAAwC,SAAS;EAC/D,GAAI;CACL,CAAA;AAEL;;;;AAKA,SAAS,cAAc,EACrB,WACA,GAAG,SACmD;CACtD,OACE,oBAACC,iBAAD;EACE,WAAW,GACT,sEACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;;;;;AAOA,SAAS,cAAc,EACrB,WACA,GAAG,SACmD;CACtD,OACE,oBAACC,iBAAD;EACE,WAAW,GACT,yEACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,SAAS,cAAc;CACrB,OACE,oBAACA,iBAAD;EAAwB,WAAU;EAChC,UAAA,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,YAAD;IACE,SAAQ;IACR,MAAM;IACN,WAAU;GACX,CAAA,GACD,oBAAC,QAAD;IAAM,WAAU;IACd,UAAA,oBAAC,YAAD;KAAY,SAAQ;KAAS,MAAM;IAAK,CAAA;GACpC,CAAA,CACH;;CACiB,CAAA;AAE5B;;;;;AAMA,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAyC;CAClF,OACE,oBAAC,UAAD;EACE,WAAW,GACT,oFACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAMA,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAiC;CAC1E,OACE,oBAACC,qBAAD;EACE,WAAW,GAAG,yBAAyB,uBAAuB,SAAS;EACvE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAoC;CAChF,OACE,oBAACC,wBAAD;EACE,WAAW,GAAG,wBAAwB,wBAAwB,SAAS;EACvE,GAAI;CACL,CAAA;AAEL"}

package/dist/components/sidebar/index.d.cts

@@ -0,0 +1,3 @@
+import { Sidebar, SidebarContent, SidebarGroupAction, SidebarGroupContent, SidebarInput, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubItem, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from "../../primitives/sidebar.cjs";
+import { SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarLogo, SidebarMenuButton, SidebarMenuSubButton, SidebarPageHeader, SidebarProvider } from "./Sidebar.cjs";
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };

package/dist/components/sidebar/index.d.mts

@@ -0,0 +1,3 @@
+import { Sidebar, SidebarContent, SidebarGroupAction, SidebarGroupContent, SidebarInput, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubItem, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from "../../primitives/sidebar.mjs";
+import { SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarLogo, SidebarMenuButton, SidebarMenuSubButton, SidebarPageHeader, SidebarProvider } from "./Sidebar.mjs";
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };

package/dist/components/skeleton/Skeleton.cjs

@@ -0,0 +1,20 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+const require_skeleton = require("../../primitives/skeleton.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/skeleton/Skeleton.tsx
+const Skeleton = react.forwardRef(({ className, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_skeleton.Skeleton, {
+		ref,
+		className: require_utils.cn("bg-berget-surface-02", className),
+		...props
+	});
+});
+Skeleton.displayName = "Skeleton";
+//#endregion
+exports.Skeleton = Skeleton;
+
+//# sourceMappingURL=Skeleton.cjs.map

package/dist/components/skeleton/Skeleton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.cjs","names":["React","SkeletonPrimitive","cn"],"sources":["../../../src/components/skeleton/Skeleton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport { Skeleton as SkeletonPrimitive } from '../../primitives/skeleton';\n\nexport type SkeletonProps = React.ComponentProps<'div'>;\n\nconst Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(({ className, ...props }, ref) => {\n  return (\n    <SkeletonPrimitive ref={ref} className={cn('bg-berget-surface-02', className)} {...props} />\n  );\n});\nSkeleton.displayName = 'Skeleton';\n\nexport { Skeleton };\n"],"mappings":";;;;;;;;AAQA,MAAM,WAAWA,MAAM,YAA2C,EAAE,WAAW,GAAG,SAAS,QAAQ;CACjG,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,UAAD;EAAwB;EAAK,WAAWC,cAAAA,GAAG,wBAAwB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAE/F,CAAC;AACD,SAAS,cAAc"}

package/dist/components/skeleton/Skeleton.d.cts

@@ -0,0 +1,7 @@
+import * as React from "react";
+//#region src/components/skeleton/Skeleton.d.ts
+export type SkeletonProps = React.ComponentProps<'div'>;
+declare const Skeleton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Skeleton };
+//# sourceMappingURL=Skeleton.d.cts.map

package/dist/components/skeleton/Skeleton.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.cts","names":[],"sources":["../../../src/components/skeleton/Skeleton.tsx"],"mappings":";;YAMY,gBAAgB,MAAM;cAE5B,UAAQ,MAAA,0BAAA,KAAA,MAAA,kBAAA,MAAA,eAAA,iBAAA,0BAAA,MAAA,cAAA"}

package/dist/components/skeleton/Skeleton.d.mts

@@ -0,0 +1,7 @@
+import * as React from "react";
+//#region src/components/skeleton/Skeleton.d.ts
+export type SkeletonProps = React.ComponentProps<'div'>;
+declare const Skeleton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Skeleton };
+//# sourceMappingURL=Skeleton.d.mts.map

package/dist/components/skeleton/Skeleton.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.mts","names":[],"sources":["../../../src/components/skeleton/Skeleton.tsx"],"mappings":";;YAMY,gBAAgB,MAAM;cAE5B,UAAQ,MAAA,0BAAA,KAAA,MAAA,kBAAA,MAAA,eAAA,iBAAA,0BAAA,MAAA,cAAA"}

package/dist/components/skeleton/Skeleton.mjs

@@ -0,0 +1,18 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import { Skeleton as Skeleton$1 } from "../../primitives/skeleton.mjs";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/skeleton/Skeleton.tsx
+const Skeleton = React.forwardRef(({ className, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Skeleton$1, {
+		ref,
+		className: cn("bg-berget-surface-02", className),
+		...props
+	});
+});
+Skeleton.displayName = "Skeleton";
+//#endregion
+export { Skeleton };
+
+//# sourceMappingURL=Skeleton.mjs.map

package/dist/components/skeleton/Skeleton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.mjs","names":["SkeletonPrimitive"],"sources":["../../../src/components/skeleton/Skeleton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport { Skeleton as SkeletonPrimitive } from '../../primitives/skeleton';\n\nexport type SkeletonProps = React.ComponentProps<'div'>;\n\nconst Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(({ className, ...props }, ref) => {\n  return (\n    <SkeletonPrimitive ref={ref} className={cn('bg-berget-surface-02', className)} {...props} />\n  );\n});\nSkeleton.displayName = 'Skeleton';\n\nexport { Skeleton };\n"],"mappings":";;;;;;AAQA,MAAM,WAAW,MAAM,YAA2C,EAAE,WAAW,GAAG,SAAS,QAAQ;CACjG,OACE,oBAACA,YAAD;EAAwB;EAAK,WAAW,GAAG,wBAAwB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAE/F,CAAC;AACD,SAAS,cAAc"}

package/dist/components/skeleton/index.d.cts

@@ -0,0 +1,2 @@
+import { Skeleton, SkeletonProps } from "./Skeleton.cjs";
+export { Skeleton, type SkeletonProps };

package/dist/components/skeleton/index.d.mts

@@ -0,0 +1,2 @@
+import { Skeleton, SkeletonProps } from "./Skeleton.mjs";
+export { Skeleton, type SkeletonProps };

package/dist/components/switch/Switch.cjs

@@ -0,0 +1,85 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+const require_Typography = require("../typography/Typography.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let class_variance_authority = require("class-variance-authority");
+let _base_ui_react_switch = require("@base-ui/react/switch");
+//#region src/components/switch/Switch.tsx
+const switchRootVariants = (0, class_variance_authority.cva)("peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-berget-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50", {
+	variants: {
+		variant: {
+			default: "data-unchecked:bg-berget-border data-checked:bg-berget-primary",
+			primary: "data-unchecked:bg-berget-border-subtle data-checked:bg-berget-switch-primary-checked",
+			subtle: "data-unchecked:bg-berget-border-subtle data-checked:bg-berget-switch-subtle-checked"
+		},
+		size: {
+			sm: "h-5 w-9",
+			default: "h-6 w-11",
+			lg: "h-7 w-[52px]"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+const switchThumbVariants = (0, class_variance_authority.cva)("pointer-events-none block rounded-full ring-0 transition-transform shadow-berget-sm bg-berget-foreground", {
+	variants: { size: {
+		sm: "h-4 w-4 data-checked:translate-x-4 data-unchecked:translate-x-0",
+		default: "h-5 w-5 data-checked:translate-x-5 data-unchecked:translate-x-0",
+		lg: "h-6 w-6 data-checked:translate-x-6 data-unchecked:translate-x-0"
+	} },
+	defaultVariants: { size: "default" }
+});
+const Switch = react.forwardRef(({ "aria-label": ariaLabel, className, variant, size, label, description, error, id, disabled, ...props }, ref) => {
+	const generatedId = react.useId();
+	const switchId = id || generatedId;
+	const errorId = `${switchId}-error`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center gap-3",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_switch.Switch.Root, {
+			ref,
+			id: switchId,
+			disabled,
+			"aria-invalid": !!error,
+			"aria-describedby": error ? errorId : void 0,
+			"aria-label": ariaLabel || label || void 0,
+			className: require_utils.cn(switchRootVariants({
+				variant,
+				size
+			}), disabled && "cursor-not-allowed pointer-events-none", className),
+			...props,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_switch.Switch.Thumb, { className: require_utils.cn(switchThumbVariants({ size })) })
+		}), (label || description || error) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col gap-1",
+			children: [
+				label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+					htmlFor: switchId,
+					className: require_utils.cn("text-sm font-sans leading-none", disabled ? "text-muted-foreground cursor-not-allowed" : error ? "text-berget-destructive-foreground cursor-pointer" : "text-foreground cursor-pointer"),
+					children: label
+				}),
+				description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+					variant: "xs",
+					color: "muted",
+					children: description
+				}),
+				error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.Typography, {
+					variant: "xs",
+					id: errorId,
+					className: "text-berget-destructive-foreground",
+					children: error
+				})
+			]
+		})]
+	});
+});
+Switch.displayName = "Switch";
+//#endregion
+exports.Switch = Switch;
+exports.switchRootVariants = switchRootVariants;
+exports.switchThumbVariants = switchThumbVariants;
+
+//# sourceMappingURL=Switch.cjs.map

package/dist/components/switch/Switch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.cjs","names":["cva","React","SwitchPrimitives","cn","Typography"],"sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Switch as SwitchPrimitives } from '@base-ui/react/switch';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\nimport { Typography } from '../typography';\n\nconst switchRootVariants = cva(\n  'peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-berget-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default: 'data-unchecked:bg-berget-border data-checked:bg-berget-primary',\n        primary:\n          'data-unchecked:bg-berget-border-subtle data-checked:bg-berget-switch-primary-checked',\n        subtle:\n          'data-unchecked:bg-berget-border-subtle data-checked:bg-berget-switch-subtle-checked',\n      },\n      size: {\n        sm: 'h-5 w-9',\n        default: 'h-6 w-11',\n        lg: 'h-7 w-[52px]',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nconst switchThumbVariants = cva(\n  'pointer-events-none block rounded-full ring-0 transition-transform shadow-berget-sm bg-berget-foreground',\n  {\n    variants: {\n      size: {\n        sm: 'h-4 w-4 data-checked:translate-x-4 data-unchecked:translate-x-0',\n        default: 'h-5 w-5 data-checked:translate-x-5 data-unchecked:translate-x-0',\n        lg: 'h-6 w-6 data-checked:translate-x-6 data-unchecked:translate-x-0',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  },\n);\n\nexport interface SwitchProps\n  extends Omit<SwitchPrimitives.Root.Props, 'className'>, VariantProps<typeof switchRootVariants> {\n  label?: string;\n  description?: string;\n  error?: string;\n  className?: string;\n}\n\nconst Switch = React.forwardRef<HTMLElement, SwitchProps>(\n  (\n    {\n      'aria-label': ariaLabel,\n      className,\n      variant,\n      size,\n      label,\n      description,\n      error,\n      id,\n      disabled,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = React.useId();\n    const switchId = id || generatedId;\n    const errorId = `${switchId}-error`;\n\n    return (\n      <div className=\"flex items-center gap-3\">\n        <SwitchPrimitives.Root\n          ref={ref}\n          id={switchId}\n          disabled={disabled}\n          aria-invalid={!!error}\n          aria-describedby={error ? errorId : undefined}\n          aria-label={ariaLabel || label || undefined}\n          className={cn(\n            switchRootVariants({ variant, size }),\n            disabled && 'cursor-not-allowed pointer-events-none',\n            className,\n          )}\n          {...props}\n        >\n          <SwitchPrimitives.Thumb className={cn(switchThumbVariants({ size }))} />\n        </SwitchPrimitives.Root>\n\n        {(label || description || error) && (\n          <div className=\"flex flex-col gap-1\">\n            {label && (\n              <label\n                htmlFor={switchId}\n                className={cn(\n                  'text-sm font-sans leading-none',\n                  disabled\n                    ? 'text-muted-foreground cursor-not-allowed'\n                    : error\n                      ? 'text-berget-destructive-foreground cursor-pointer'\n                      : 'text-foreground cursor-pointer',\n                )}\n              >\n                {label}\n              </label>\n            )}\n            {description && (\n              <Typography variant=\"xs\" color=\"muted\">\n                {description}\n              </Typography>\n            )}\n            {error && (\n              <Typography variant=\"xs\" id={errorId} className=\"text-berget-destructive-foreground\">\n                {error}\n              </Typography>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\nSwitch.displayName = 'Switch';\n\nexport { Switch, switchRootVariants, switchThumbVariants };\n"],"mappings":";;;;;;;;;;AAQA,MAAM,sBAAA,GAAqBA,yBAAAA,IAAAA,CACzB,oTACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;GACF,QACE;EACJ;EACA,MAAM;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAEA,MAAM,uBAAA,GAAsBA,yBAAAA,IAAAA,CAC1B,4GACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,UACR;AACF,CACF;AAUA,MAAM,SAASC,MAAM,YAEjB,EACE,cAAc,WACd,WACA,SACA,MACA,OACA,aACA,OACA,IACA,UACA,GAAG,SAEL,QACG;CACH,MAAM,cAAcA,MAAM,MAAM;CAChC,MAAM,WAAW,MAAM;CACvB,MAAM,UAAU,GAAG,SAAS;CAE5B,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,OAAiB,MAAlB;GACO;GACL,IAAI;GACM;GACV,gBAAc,CAAC,CAAC;GAChB,oBAAkB,QAAQ,UAAU,KAAA;GACpC,cAAY,aAAa,SAAS,KAAA;GAClC,WAAWC,cAAAA,GACT,mBAAmB;IAAE;IAAS;GAAK,CAAC,GACpC,YAAY,0CACZ,SACF;GACA,GAAI;GAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACD,sBAAAA,OAAiB,OAAlB,EAAwB,WAAWC,cAAAA,GAAG,oBAAoB,EAAE,KAAK,CAAC,CAAC,EAAI,CAAA;EAClD,CAAA,IAErB,SAAS,eAAe,UACxB,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACG,SACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;KACE,SAAS;KACT,WAAWA,cAAAA,GACT,kCACA,WACI,6CACA,QACE,sDACA,gCACR;KAEC,UAAA;IACI,CAAA;IAER,eACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;KAAY,SAAQ;KAAK,OAAM;KAC5B,UAAA;IACS,CAAA;IAEb,SACC,iBAAA,GAAA,kBAAA,IAAA,CAACA,mBAAAA,YAAD;KAAY,SAAQ;KAAK,IAAI;KAAS,WAAU;KAC7C,UAAA;IACS,CAAA;GAEX;EAEJ,CAAA,CAAA;;AAET,CACF;AACA,OAAO,cAAc"}

package/dist/components/switch/Switch.d.cts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+import { Switch } from "@base-ui/react/switch";
+//#region src/components/switch/Switch.d.ts
+declare const switchRootVariants: (props?: ({
+  variant?: "default" | "primary" | "subtle" | null | undefined;
+  size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const switchThumbVariants: (props?: ({
+  size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface SwitchProps extends Omit<Switch.Root.Props, 'className'>, VariantProps<typeof switchRootVariants> {
+  label?: string;
+  description?: string;
+  error?: string;
+  className?: string;
+}
+declare const Switch$1: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLElement>>;
+//#endregion
+export { Switch$1 as Switch, switchRootVariants, switchThumbVariants };
+//# sourceMappingURL=Switch.d.cts.map

package/dist/components/switch/Switch.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.cts","names":["SwitchPrimitives","Switch"],"sources":["../../../src/components/switch/Switch.tsx"],"mappings":";;;;cAQM,qBAAkB;;;6CAsBvB;cAEK,sBAAmB;;6CAcxB;iBAEgB,oBACP,KAAKA,OAAiB,KAAK,qBAAqB,oBAAoB;EAC5E;EACA;EACA;EACA;;cAGIC,UAAM,MAAA,0BAAA,KAAA,sBAAA,MAAA,cAAA"}

package/dist/components/switch/Switch.d.mts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+import { Switch } from "@base-ui/react/switch";
+//#region src/components/switch/Switch.d.ts
+declare const switchRootVariants: (props?: ({
+  variant?: "default" | "primary" | "subtle" | null | undefined;
+  size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const switchThumbVariants: (props?: ({
+  size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface SwitchProps extends Omit<Switch.Root.Props, 'className'>, VariantProps<typeof switchRootVariants> {
+  label?: string;
+  description?: string;
+  error?: string;
+  className?: string;
+}
+declare const Switch$1: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLElement>>;
+//#endregion
+export { Switch$1 as Switch, switchRootVariants, switchThumbVariants };
+//# sourceMappingURL=Switch.d.mts.map

package/dist/components/switch/Switch.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.mts","names":["SwitchPrimitives","Switch"],"sources":["../../../src/components/switch/Switch.tsx"],"mappings":";;;;cAQM,qBAAkB;;;6CAsBvB;cAEK,sBAAmB;;6CAcxB;iBAEgB,oBACP,KAAKA,OAAiB,KAAK,qBAAqB,oBAAoB;EAC5E;EACA;EACA;EACA;;cAGIC,UAAM,MAAA,0BAAA,KAAA,sBAAA,MAAA,cAAA"}