@cmdniels/uikit 2.2.2 → 2.3.0

package/out/components/sidebar/SidebarMenuSub.js

@@ -1,5 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * A nested list inside a SidebarMenuItem.
+ * Render SidebarMenuSubItem and SidebarMenuSubButton inside.
+ * Hidden when the sidebar is collapsed to icons.
+ * Other props pass through to the ul.
+ */
 export default function SidebarMenuSub({ className, ...props }) {
     return (_jsx("ul", { "data-slot": "sidebar-menu-sub", "data-sidebar": "menu-sub", className: cn("mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden", className), ...props }));
 }

package/out/components/sidebar/SidebarMenuSub.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuSub.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuSub.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwB;IACnF,OAAO,CACN,0BACW,kBAAkB,kBACf,UAAU,EACvB,SAAS,EAAE,EAAE,CACZ,6HAA6H,EAC7H,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\nexport default function SidebarMenuSub({ className, ...props }: ComponentProps<\"ul\">) {\n\treturn (\n\t\t<ul\n\t\t\tdata-slot=\"sidebar-menu-sub\"\n\t\t\tdata-sidebar=\"menu-sub\"\n\t\t\tclassName={cn(\n\t\t\t\t\"mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"file":"SidebarMenuSub.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuSub.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwB;IACnF,OAAO,CACN,0BACW,kBAAkB,kBACf,UAAU,EACvB,SAAS,EAAE,EAAE,CACZ,6HAA6H,EAC7H,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\n/**\n * A nested list inside a SidebarMenuItem.\n * Render SidebarMenuSubItem and SidebarMenuSubButton inside.\n * Hidden when the sidebar is collapsed to icons.\n * Other props pass through to the ul.\n */\nexport default function SidebarMenuSub({ className, ...props }: ComponentProps<\"ul\">) {\n\treturn (\n\t\t<ul\n\t\t\tdata-slot=\"sidebar-menu-sub\"\n\t\t\tdata-sidebar=\"menu-sub\"\n\t\t\tclassName={cn(\n\t\t\t\t\"mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}

package/out/components/sidebar/SidebarMenuSubButton.d.ts

@@ -1,5 +1,11 @@
 import { useRender } from "@base-ui/react/use-render";
 import { type ComponentProps } from "react";
+/**
+ * The clickable link of a SidebarMenuSubItem.
+ * size: md (default), sm. isActive marks the current page.
+ * Use the render prop to render a custom link.
+ * Other props pass through to the rendered element.
+ */
 export default function SidebarMenuSubButton({ render, size, isActive, className, ...props }: useRender.ComponentProps<"a"> & ComponentProps<"a"> & {
     size?: "sm" | "md";
     isActive?: boolean;

package/out/components/sidebar/SidebarMenuSubButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuSubButton.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuSubButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC5C,MAAM,EACN,IAAW,EACX,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,GAC/B,cAAc,CAAC,GAAG,CAAC,GAAG;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,8FAoBD"}
+{"version":3,"file":"SidebarMenuSubButton.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuSubButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC5C,MAAM,EACN,IAAW,EACX,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,GAC/B,cAAc,CAAC,GAAG,CAAC,GAAG;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,8FAoBD"}

package/out/components/sidebar/SidebarMenuSubButton.js

@@ -1,6 +1,12 @@
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import cn from "../../cn";
+/**
+ * The clickable link of a SidebarMenuSubItem.
+ * size: md (default), sm. isActive marks the current page.
+ * Use the render prop to render a custom link.
+ * Other props pass through to the rendered element.
+ */
 export default function SidebarMenuSubButton({ render, size = "md", isActive = false, className, ...props }) {
     return useRender({
         defaultTagName: "a",

package/out/components/sidebar/SidebarMenuSubButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuSubButton.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuSubButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAGtD,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC5C,MAAM,EACN,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,GAAG,KAAK,EAKP;IACD,OAAO,SAAS,CAAC;QAChB,cAAc,EAAE,GAAG;QACnB,KAAK,EAAE,UAAU,CAChB;YACC,SAAS,EAAE,EAAE,CACZ,wkBAAwkB,EACxkB,SAAS,CACT;SACD,EACD,KAAK,CACL;QACD,MAAM;QACN,KAAK,EAAE;YACN,IAAI,EAAE,yBAAyB;YAC/B,OAAO,EAAE,iBAAiB;YAC1B,IAAI;YACJ,MAAM,EAAE,QAAQ;SAChB;KACD,CAAC,CAAC;AACJ,CAAC","sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\nexport default function SidebarMenuSubButton({\n\trender,\n\tsize = \"md\",\n\tisActive = false,\n\tclassName,\n\t...props\n}: useRender.ComponentProps<\"a\"> &\n\tComponentProps<\"a\"> & {\n\t\tsize?: \"sm\" | \"md\";\n\t\tisActive?: boolean;\n\t}) {\n\treturn useRender({\n\t\tdefaultTagName: \"a\",\n\t\tprops: mergeProps<\"a\">(\n\t\t\t{\n\t\t\t\tclassName: cn(\n\t\t\t\t\t\"flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-card-foreground ring-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 active:bg-accent active:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-accent data-active:text-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-accent-foreground\",\n\t\t\t\t\tclassName\n\t\t\t\t),\n\t\t\t},\n\t\t\tprops\n\t\t),\n\t\trender,\n\t\tstate: {\n\t\t\tslot: \"sidebar-menu-sub-button\",\n\t\t\tsidebar: \"menu-sub-button\",\n\t\t\tsize,\n\t\t\tactive: isActive,\n\t\t},\n\t});\n}\n"]}
+{"version":3,"file":"SidebarMenuSubButton.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuSubButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAGtD,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC5C,MAAM,EACN,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,GAAG,KAAK,EAKP;IACD,OAAO,SAAS,CAAC;QAChB,cAAc,EAAE,GAAG;QACnB,KAAK,EAAE,UAAU,CAChB;YACC,SAAS,EAAE,EAAE,CACZ,wkBAAwkB,EACxkB,SAAS,CACT;SACD,EACD,KAAK,CACL;QACD,MAAM;QACN,KAAK,EAAE;YACN,IAAI,EAAE,yBAAyB;YAC/B,OAAO,EAAE,iBAAiB;YAC1B,IAAI;YACJ,MAAM,EAAE,QAAQ;SAChB;KACD,CAAC,CAAC;AACJ,CAAC","sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\n/**\n * The clickable link of a SidebarMenuSubItem.\n * size: md (default), sm. isActive marks the current page.\n * Use the render prop to render a custom link.\n * Other props pass through to the rendered element.\n */\nexport default function SidebarMenuSubButton({\n\trender,\n\tsize = \"md\",\n\tisActive = false,\n\tclassName,\n\t...props\n}: useRender.ComponentProps<\"a\"> &\n\tComponentProps<\"a\"> & {\n\t\tsize?: \"sm\" | \"md\";\n\t\tisActive?: boolean;\n\t}) {\n\treturn useRender({\n\t\tdefaultTagName: \"a\",\n\t\tprops: mergeProps<\"a\">(\n\t\t\t{\n\t\t\t\tclassName: cn(\n\t\t\t\t\t\"flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-card-foreground ring-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 active:bg-accent active:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-accent data-active:text-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-accent-foreground\",\n\t\t\t\t\tclassName\n\t\t\t\t),\n\t\t\t},\n\t\t\tprops\n\t\t),\n\t\trender,\n\t\tstate: {\n\t\t\tslot: \"sidebar-menu-sub-button\",\n\t\t\tsidebar: \"menu-sub-button\",\n\t\t\tsize,\n\t\t\tactive: isActive,\n\t\t},\n\t});\n}\n"]}

package/out/components/sidebar/SidebarMenuSubItem.d.ts

@@ -1,3 +1,7 @@
 import { type ComponentProps } from "react";
+/**
+ * One item in a SidebarMenuSub. Render SidebarMenuSubButton inside.
+ * Other props pass through to the li.
+ */
 export default function SidebarMenuSubItem({ className, ...props }: ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SidebarMenuSubItem.d.ts.map

package/out/components/sidebar/SidebarMenuSubItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuSubItem.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuSubItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,2CASvF"}
+{"version":3,"file":"SidebarMenuSubItem.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuSubItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,2CASvF"}

package/out/components/sidebar/SidebarMenuSubItem.js

@@ -1,5 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * One item in a SidebarMenuSub. Render SidebarMenuSubButton inside.
+ * Other props pass through to the li.
+ */
 export default function SidebarMenuSubItem({ className, ...props }) {
     return (_jsx("li", { "data-slot": "sidebar-menu-sub-item", "data-sidebar": "menu-sub-item", className: cn("group/menu-sub-item relative", className), ...props }));
 }

package/out/components/sidebar/SidebarMenuSubItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuSubItem.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuSubItem.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwB;IACvF,OAAO,CACN,0BACW,uBAAuB,kBACpB,eAAe,EAC5B,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,KACpD,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\nexport default function SidebarMenuSubItem({ className, ...props }: ComponentProps<\"li\">) {\n\treturn (\n\t\t<li\n\t\t\tdata-slot=\"sidebar-menu-sub-item\"\n\t\t\tdata-sidebar=\"menu-sub-item\"\n\t\t\tclassName={cn(\"group/menu-sub-item relative\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"file":"SidebarMenuSubItem.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuSubItem.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwB;IACvF,OAAO,CACN,0BACW,uBAAuB,kBACpB,eAAe,EAC5B,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,KACpD,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\n/**\n * One item in a SidebarMenuSub. Render SidebarMenuSubButton inside.\n * Other props pass through to the li.\n */\nexport default function SidebarMenuSubItem({ className, ...props }: ComponentProps<\"li\">) {\n\treturn (\n\t\t<li\n\t\t\tdata-slot=\"sidebar-menu-sub-item\"\n\t\t\tdata-sidebar=\"menu-sub-item\"\n\t\t\tclassName={cn(\"group/menu-sub-item relative\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}

package/out/components/sidebar/SidebarProvider.d.ts

@@ -15,6 +15,13 @@ type SidebarContextProps = {
     toggleSidebar: () => void;
 };
 export declare const SidebarContext: import("react").Context<SidebarContextProps | null>;
+/**
+ * Provides sidebar state and context. Wrap the app or layout in SidebarProvider.
+ * Props: defaultOpen (true), and open with onOpenChange for controlled state.
+ * Adds the cmd+b / ctrl+b keyboard shortcut and persists the open state in a cookie.
+ * Set the --sidebar-width and --sidebar-width-mobile CSS variables through style to customize widths.
+ * Other props pass through to the div.
+ */
 export default function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: ComponentProps<"div"> & {
     defaultOpen?: boolean;
     open?: boolean;

package/out/components/sidebar/SidebarProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarProvider.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAMN,KAAK,cAAc,EAEnB,MAAM,OAAO,CAAC;AAMf,eAAO,MAAM,mBAAmB,kBAAkB,CAAC;AACnD,eAAO,MAAM,sBAAsB,QAAmB,CAAC;AACvD,eAAO,MAAM,aAAa,UAAU,CAAC;AACrC,eAAO,MAAM,oBAAoB,UAAU,CAAC;AAC5C,eAAO,MAAM,kBAAkB,SAAS,CAAC;AACzC,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAE7C,KAAK,mBAAmB,GAAG;IAC1B,KAAK,EAAE,UAAU,GAAG,WAAW,CAAC;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,cAAc,qDAAkD,CAAC;AAE9E,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACvC,WAAkB,EAClB,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,WAAW,EACzB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,2CAgFA"}
+{"version":3,"file":"SidebarProvider.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAMN,KAAK,cAAc,EAEnB,MAAM,OAAO,CAAC;AAMf,eAAO,MAAM,mBAAmB,kBAAkB,CAAC;AACnD,eAAO,MAAM,sBAAsB,QAAmB,CAAC;AACvD,eAAO,MAAM,aAAa,UAAU,CAAC;AACrC,eAAO,MAAM,oBAAoB,UAAU,CAAC;AAC5C,eAAO,MAAM,kBAAkB,SAAS,CAAC;AACzC,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAE7C,KAAK,mBAAmB,GAAG;IAC1B,KAAK,EAAE,UAAU,GAAG,WAAW,CAAC;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,cAAc,qDAAkD,CAAC;AAE9E;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACvC,WAAkB,EAClB,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,WAAW,EACzB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,2CAgFA"}

package/out/components/sidebar/SidebarProvider.js

@@ -9,6 +9,13 @@ export const SIDEBAR_WIDTH_MOBILE = "18rem";
 export const SIDEBAR_WIDTH_ICON = "3rem";
 export const SIDEBAR_KEYBOARD_SHORTCUT = "b";
 export const SidebarContext = createContext(null);
+/**
+ * Provides sidebar state and context. Wrap the app or layout in SidebarProvider.
+ * Props: defaultOpen (true), and open with onOpenChange for controlled state.
+ * Adds the cmd+b / ctrl+b keyboard shortcut and persists the open state in a cookie.
+ * Set the --sidebar-width and --sidebar-width-mobile CSS variables through style to customize widths.
+ * Other props pass through to the div.
+ */
 export default function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }) {
     const isMobile = useIsMobile();
     const [openMobile, setOpenMobile] = useState(false);

package/out/components/sidebar/SidebarProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarProvider.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tcreateContext,\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseState,\n\ttype ComponentProps,\n\ttype CSSProperties,\n} from \"react\";\n\nimport cn from \"@/cn\";\n\nimport useIsMobile from \"./useIsMobile\";\n\nexport const SIDEBAR_COOKIE_NAME = \"sidebar_state\";\nexport const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\nexport const SIDEBAR_WIDTH = \"16rem\";\nexport const SIDEBAR_WIDTH_MOBILE = \"18rem\";\nexport const SIDEBAR_WIDTH_ICON = \"3rem\";\nexport const SIDEBAR_KEYBOARD_SHORTCUT = \"b\";\n\ntype SidebarContextProps = {\n\tstate: \"expanded\" | \"collapsed\";\n\topen: boolean;\n\tsetOpen: (open: boolean) => void;\n\topenMobile: boolean;\n\tsetOpenMobile: (open: boolean) => void;\n\tisMobile: boolean;\n\ttoggleSidebar: () => void;\n};\n\nexport const SidebarContext = createContext<SidebarContextProps | null>(null);\n\nexport default function SidebarProvider({\n\tdefaultOpen = true,\n\topen: openProp,\n\tonOpenChange: setOpenProp,\n\tclassName,\n\tstyle,\n\tchildren,\n\t...props\n}: ComponentProps<\"div\"> & {\n\tdefaultOpen?: boolean;\n\topen?: boolean;\n\tonOpenChange?: (open: boolean) => void;\n}) {\n\tconst isMobile = useIsMobile();\n\tconst [openMobile, setOpenMobile] = useState(false);\n\n\t// This is the internal state of the sidebar.\n\t// We use openProp and setOpenProp for control from outside the component.\n\tconst [_open, _setOpen] = useState(defaultOpen);\n\tconst open = openProp ?? _open;\n\tconst setOpen = useCallback(\n\t\t(value: boolean | ((value: boolean) => boolean)) => {\n\t\t\tconst openState = typeof value === \"function\" ? value(open) : value;\n\t\t\tif (setOpenProp) {\n\t\t\t\tsetOpenProp(openState);\n\t\t\t} else {\n\t\t\t\t_setOpen(openState);\n\t\t\t}\n\n\t\t\t// This sets the cookie to keep the sidebar state.\n\t\t\tdocument.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n\t\t},\n\t\t[setOpenProp, open]\n\t);\n\n\t// Helper to toggle the sidebar.\n\tconst toggleSidebar = useCallback(\n\t\t() => (isMobile ? setOpenMobile((prev) => !prev) : setOpen((prev) => !prev)),\n\t\t[isMobile, setOpen, setOpenMobile]\n\t);\n\n\t// Adds a keyboard shortcut to toggle the sidebar.\n\tuseEffect(() => {\n\t\tconst handleKeyDown = (event: KeyboardEvent) => {\n\t\t\tif (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\ttoggleSidebar();\n\t\t\t}\n\t\t};\n\n\t\twindow.addEventListener(\"keydown\", handleKeyDown);\n\t\treturn () => window.removeEventListener(\"keydown\", handleKeyDown);\n\t}, [toggleSidebar]);\n\n\t// We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n\t// This makes it easier to style the sidebar with Tailwind classes.\n\tconst state = open ? \"expanded\" : \"collapsed\";\n\n\tconst contextValue = useMemo<SidebarContextProps>(\n\t\t() => ({\n\t\t\tstate,\n\t\t\topen,\n\t\t\tsetOpen,\n\t\t\tisMobile,\n\t\t\topenMobile,\n\t\t\tsetOpenMobile,\n\t\t\ttoggleSidebar,\n\t\t}),\n\t\t[state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n\t);\n\n\treturn (\n\t\t<SidebarContext.Provider value={contextValue}>\n\t\t\t<div\n\t\t\t\tdata-slot=\"sidebar-wrapper\"\n\t\t\t\tstyle={\n\t\t\t\t\t{\n\t\t\t\t\t\t\"--sidebar-width\": SIDEBAR_WIDTH,\n\t\t\t\t\t\t\"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n\t\t\t\t\t\t...style,\n\t\t\t\t\t} as CSSProperties\n\t\t\t\t}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-card\",\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</SidebarContext.Provider>\n\t);\n}\n"]}
+{"version":3,"file":"SidebarProvider.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tcreateContext,\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseState,\n\ttype ComponentProps,\n\ttype CSSProperties,\n} from \"react\";\n\nimport cn from \"@/cn\";\n\nimport useIsMobile from \"./useIsMobile\";\n\nexport const SIDEBAR_COOKIE_NAME = \"sidebar_state\";\nexport const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\nexport const SIDEBAR_WIDTH = \"16rem\";\nexport const SIDEBAR_WIDTH_MOBILE = \"18rem\";\nexport const SIDEBAR_WIDTH_ICON = \"3rem\";\nexport const SIDEBAR_KEYBOARD_SHORTCUT = \"b\";\n\ntype SidebarContextProps = {\n\tstate: \"expanded\" | \"collapsed\";\n\topen: boolean;\n\tsetOpen: (open: boolean) => void;\n\topenMobile: boolean;\n\tsetOpenMobile: (open: boolean) => void;\n\tisMobile: boolean;\n\ttoggleSidebar: () => void;\n};\n\nexport const SidebarContext = createContext<SidebarContextProps | null>(null);\n\n/**\n * Provides sidebar state and context. Wrap the app or layout in SidebarProvider.\n * Props: defaultOpen (true), and open with onOpenChange for controlled state.\n * Adds the cmd+b / ctrl+b keyboard shortcut and persists the open state in a cookie.\n * Set the --sidebar-width and --sidebar-width-mobile CSS variables through style to customize widths.\n * Other props pass through to the div.\n */\nexport default function SidebarProvider({\n\tdefaultOpen = true,\n\topen: openProp,\n\tonOpenChange: setOpenProp,\n\tclassName,\n\tstyle,\n\tchildren,\n\t...props\n}: ComponentProps<\"div\"> & {\n\tdefaultOpen?: boolean;\n\topen?: boolean;\n\tonOpenChange?: (open: boolean) => void;\n}) {\n\tconst isMobile = useIsMobile();\n\tconst [openMobile, setOpenMobile] = useState(false);\n\n\t// This is the internal state of the sidebar.\n\t// We use openProp and setOpenProp for control from outside the component.\n\tconst [_open, _setOpen] = useState(defaultOpen);\n\tconst open = openProp ?? _open;\n\tconst setOpen = useCallback(\n\t\t(value: boolean | ((value: boolean) => boolean)) => {\n\t\t\tconst openState = typeof value === \"function\" ? value(open) : value;\n\t\t\tif (setOpenProp) {\n\t\t\t\tsetOpenProp(openState);\n\t\t\t} else {\n\t\t\t\t_setOpen(openState);\n\t\t\t}\n\n\t\t\t// This sets the cookie to keep the sidebar state.\n\t\t\tdocument.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n\t\t},\n\t\t[setOpenProp, open]\n\t);\n\n\t// Helper to toggle the sidebar.\n\tconst toggleSidebar = useCallback(\n\t\t() => (isMobile ? setOpenMobile((prev) => !prev) : setOpen((prev) => !prev)),\n\t\t[isMobile, setOpen, setOpenMobile]\n\t);\n\n\t// Adds a keyboard shortcut to toggle the sidebar.\n\tuseEffect(() => {\n\t\tconst handleKeyDown = (event: KeyboardEvent) => {\n\t\t\tif (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\ttoggleSidebar();\n\t\t\t}\n\t\t};\n\n\t\twindow.addEventListener(\"keydown\", handleKeyDown);\n\t\treturn () => window.removeEventListener(\"keydown\", handleKeyDown);\n\t}, [toggleSidebar]);\n\n\t// We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n\t// This makes it easier to style the sidebar with Tailwind classes.\n\tconst state = open ? \"expanded\" : \"collapsed\";\n\n\tconst contextValue = useMemo<SidebarContextProps>(\n\t\t() => ({\n\t\t\tstate,\n\t\t\topen,\n\t\t\tsetOpen,\n\t\t\tisMobile,\n\t\t\topenMobile,\n\t\t\tsetOpenMobile,\n\t\t\ttoggleSidebar,\n\t\t}),\n\t\t[state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n\t);\n\n\treturn (\n\t\t<SidebarContext.Provider value={contextValue}>\n\t\t\t<div\n\t\t\t\tdata-slot=\"sidebar-wrapper\"\n\t\t\t\tstyle={\n\t\t\t\t\t{\n\t\t\t\t\t\t\"--sidebar-width\": SIDEBAR_WIDTH,\n\t\t\t\t\t\t\"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n\t\t\t\t\t\t...style,\n\t\t\t\t\t} as CSSProperties\n\t\t\t\t}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-card\",\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</SidebarContext.Provider>\n\t);\n}\n"]}

package/out/components/sidebar/SidebarRail.d.ts

@@ -1,3 +1,8 @@
 import { type ComponentProps } from "react";
+/**
+ * A resize handle on the edge of Sidebar; clicking it toggles the sidebar.
+ * Rendered as a button and hidden when the sidebar is not collapsible.
+ * Other props pass through to the button.
+ */
 export default function SidebarRail({ className, ...props }: ComponentProps<"button">): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SidebarRail.d.ts.map

package/out/components/sidebar/SidebarRail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarRail.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarRail.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,2CAuBpF"}
+{"version":3,"file":"SidebarRail.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarRail.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,2CAuBpF"}

package/out/components/sidebar/SidebarRail.js

@@ -1,6 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
 import useSidebar from "./useSidebar";
+/**
+ * A resize handle on the edge of Sidebar; clicking it toggles the sidebar.
+ * Rendered as a button and hidden when the sidebar is not collapsible.
+ * Other props pass through to the button.
+ */
 export default function SidebarRail({ className, ...props }) {
     const { toggleSidebar } = useSidebar();
     return (_jsx("button", { "data-sidebar": "rail", "data-slot": "sidebar-rail", "aria-label": "Toggle Sidebar", tabIndex: -1, onClick: toggleSidebar, title: "Toggle Sidebar", className: cn("absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-0.5 hover:after:bg-border sm:flex", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "group-data-[collapsible=offExamples]:translate-x-0 group-data-[collapsible=offExamples]:after:left-full hover:group-data-[collapsible=offExamples]:bg-card", "[[data-side=left][data-collapsible=offExamples]_&]:-right-2", "[[data-side=right][data-collapsible=offExamples]_&]:-left-2", className), ...props }));

package/out/components/sidebar/SidebarRail.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarRail.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarRail.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA4B;IACpF,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,CAAC;IAEvC,OAAO,CACN,iCACc,MAAM,eACT,cAAc,gBACb,gBAAgB,EAC3B,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,aAAa,EACtB,KAAK,EAAC,gBAAgB,EACtB,SAAS,EAAE,EAAE,CACZ,uOAAuO,EACvO,0EAA0E,EAC1E,wHAAwH,EACxH,4JAA4J,EAC5J,6DAA6D,EAC7D,6DAA6D,EAC7D,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\nimport useSidebar from \"./useSidebar\";\n\nexport default function SidebarRail({ className, ...props }: ComponentProps<\"button\">) {\n\tconst { toggleSidebar } = useSidebar();\n\n\treturn (\n\t\t<button\n\t\t\tdata-sidebar=\"rail\"\n\t\t\tdata-slot=\"sidebar-rail\"\n\t\t\taria-label=\"Toggle Sidebar\"\n\t\t\ttabIndex={-1}\n\t\t\tonClick={toggleSidebar}\n\t\t\ttitle=\"Toggle Sidebar\"\n\t\t\tclassName={cn(\n\t\t\t\t\"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-0.5 hover:after:bg-border sm:flex\",\n\t\t\t\t\"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n\t\t\t\t\"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n\t\t\t\t\"group-data-[collapsible=offExamples]:translate-x-0 group-data-[collapsible=offExamples]:after:left-full hover:group-data-[collapsible=offExamples]:bg-card\",\n\t\t\t\t\"[[data-side=left][data-collapsible=offExamples]_&]:-right-2\",\n\t\t\t\t\"[[data-side=right][data-collapsible=offExamples]_&]:-left-2\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"file":"SidebarRail.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarRail.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA4B;IACpF,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,CAAC;IAEvC,OAAO,CACN,iCACc,MAAM,eACT,cAAc,gBACb,gBAAgB,EAC3B,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,aAAa,EACtB,KAAK,EAAC,gBAAgB,EACtB,SAAS,EAAE,EAAE,CACZ,uOAAuO,EACvO,0EAA0E,EAC1E,wHAAwH,EACxH,4JAA4J,EAC5J,6DAA6D,EAC7D,6DAA6D,EAC7D,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\nimport useSidebar from \"./useSidebar\";\n\n/**\n * A resize handle on the edge of Sidebar; clicking it toggles the sidebar.\n * Rendered as a button and hidden when the sidebar is not collapsible.\n * Other props pass through to the button.\n */\nexport default function SidebarRail({ className, ...props }: ComponentProps<\"button\">) {\n\tconst { toggleSidebar } = useSidebar();\n\n\treturn (\n\t\t<button\n\t\t\tdata-sidebar=\"rail\"\n\t\t\tdata-slot=\"sidebar-rail\"\n\t\t\taria-label=\"Toggle Sidebar\"\n\t\t\ttabIndex={-1}\n\t\t\tonClick={toggleSidebar}\n\t\t\ttitle=\"Toggle Sidebar\"\n\t\t\tclassName={cn(\n\t\t\t\t\"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-0.5 hover:after:bg-border sm:flex\",\n\t\t\t\t\"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n\t\t\t\t\"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n\t\t\t\t\"group-data-[collapsible=offExamples]:translate-x-0 group-data-[collapsible=offExamples]:after:left-full hover:group-data-[collapsible=offExamples]:bg-card\",\n\t\t\t\t\"[[data-side=left][data-collapsible=offExamples]_&]:-right-2\",\n\t\t\t\t\"[[data-side=right][data-collapsible=offExamples]_&]:-left-2\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}

package/out/components/sidebar/SidebarSeparator.d.ts

@@ -1,4 +1,8 @@
 import { type ComponentProps } from "react";
 import Separator from "../../components/separator/Separator";
+/**
+ * A horizontal divider inside the sidebar. Renders a Separator with horizontal orientation.
+ * Other props pass through to Separator.
+ */
 export default function SidebarSeparator({ className, ...props }: ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SidebarSeparator.d.ts.map

package/out/components/sidebar/SidebarSeparator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarSeparator.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,SAAS,MAAM,kCAAkC,CAAC;AAEzD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,2CASjG"}
+{"version":3,"file":"SidebarSeparator.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,SAAS,MAAM,kCAAkC,CAAC;AAEzD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,2CASjG"}

package/out/components/sidebar/SidebarSeparator.js

@@ -1,6 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
 import Separator from "../../components/separator/Separator";
+/**
+ * A horizontal divider inside the sidebar. Renders a Separator with horizontal orientation.
+ * Other props pass through to Separator.
+ */
 export default function SidebarSeparator({ className, ...props }) {
     return (_jsx(Separator, { "data-slot": "sidebar-separator", "data-sidebar": "separator", className: cn("mx-2 w-auto bg-border", className), ...props }));
 }

package/out/components/sidebar/SidebarSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarSeparator.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarSeparator.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,SAAS,MAAM,kCAAkC,CAAC;AAEzD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoC;IACjG,OAAO,CACN,KAAC,SAAS,iBACC,mBAAmB,kBAChB,WAAW,EACxB,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,KAC7C,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\nimport Separator from \"@/components/separator/Separator\";\n\nexport default function SidebarSeparator({ className, ...props }: ComponentProps<typeof Separator>) {\n\treturn (\n\t\t<Separator\n\t\t\tdata-slot=\"sidebar-separator\"\n\t\t\tdata-sidebar=\"separator\"\n\t\t\tclassName={cn(\"mx-2 w-auto bg-border\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"file":"SidebarSeparator.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarSeparator.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,SAAS,MAAM,kCAAkC,CAAC;AAEzD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoC;IACjG,OAAO,CACN,KAAC,SAAS,iBACC,mBAAmB,kBAChB,WAAW,EACxB,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,KAC7C,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\nimport Separator from \"@/components/separator/Separator\";\n\n/**\n * A horizontal divider inside the sidebar. Renders a Separator with horizontal orientation.\n * Other props pass through to Separator.\n */\nexport default function SidebarSeparator({ className, ...props }: ComponentProps<typeof Separator>) {\n\treturn (\n\t\t<Separator\n\t\t\tdata-slot=\"sidebar-separator\"\n\t\t\tdata-sidebar=\"separator\"\n\t\t\tclassName={cn(\"mx-2 w-auto bg-border\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}

package/out/components/sidebar/SidebarTrigger.d.ts

@@ -1,4 +1,9 @@
 import { type ComponentProps } from "react";
 import Button from "../../components/button/Button";
+/**
+ * A button that toggles the Sidebar. Must render inside SidebarProvider.
+ * Defaults to a ghost icon-sm Button with the screen-reader label Toggle Sidebar.
+ * Other props pass through to Button.
+ */
 export default function SidebarTrigger({ className, onClick, ...props }: ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SidebarTrigger.d.ts.map

package/out/components/sidebar/SidebarTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarTrigger.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAIhD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,2CAoBrG"}
+{"version":3,"file":"SidebarTrigger.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAIhD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,2CAoBrG"}

package/out/components/sidebar/SidebarTrigger.js

@@ -3,6 +3,11 @@ import { IconLayoutSidebar } from "@tabler/icons-react";
 import cn from "../../cn";
 import Button from "../../components/button/Button";
 import useSidebar from "./useSidebar";
+/**
+ * A button that toggles the Sidebar. Must render inside SidebarProvider.
+ * Defaults to a ghost icon-sm Button with the screen-reader label Toggle Sidebar.
+ * Other props pass through to Button.
+ */
 export default function SidebarTrigger({ className, onClick, ...props }) {
     const { toggleSidebar } = useSidebar();
     return (_jsxs(Button, { "data-sidebar": "trigger", "data-slot": "sidebar-trigger", variant: "ghost", size: "icon-sm", className: cn(className), onClick: (event) => {

package/out/components/sidebar/SidebarTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarTrigger.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarTrigger.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAEhD,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAiC;IACrG,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,CAAC;IAEvC,OAAO,CACN,MAAC,MAAM,oBACO,SAAS,eACZ,iBAAiB,EAC3B,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EACxB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YACjB,aAAa,EAAE,CAAC;QACjB,CAAC,KACG,KAAK,aAET,KAAC,iBAAiB,KAAG,EACrB,eAAM,SAAS,EAAC,SAAS,+BAAsB,IACvC,CACT,CAAC;AACH,CAAC","sourcesContent":["import { IconLayoutSidebar } from \"@tabler/icons-react\";\nimport { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\nimport Button from \"@/components/button/Button\";\n\nimport useSidebar from \"./useSidebar\";\n\nexport default function SidebarTrigger({ className, onClick, ...props }: ComponentProps<typeof Button>) {\n\tconst { toggleSidebar } = useSidebar();\n\n\treturn (\n\t\t<Button\n\t\t\tdata-sidebar=\"trigger\"\n\t\t\tdata-slot=\"sidebar-trigger\"\n\t\t\tvariant=\"ghost\"\n\t\t\tsize=\"icon-sm\"\n\t\t\tclassName={cn(className)}\n\t\t\tonClick={(event) => {\n\t\t\t\tonClick?.(event);\n\t\t\t\ttoggleSidebar();\n\t\t\t}}\n\t\t\t{...props}\n\t\t>\n\t\t\t<IconLayoutSidebar />\n\t\t\t<span className=\"sr-only\">Toggle Sidebar</span>\n\t\t</Button>\n\t);\n}\n"]}
+{"version":3,"file":"SidebarTrigger.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarTrigger.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAEhD,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAiC;IACrG,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,CAAC;IAEvC,OAAO,CACN,MAAC,MAAM,oBACO,SAAS,eACZ,iBAAiB,EAC3B,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EACxB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YACjB,aAAa,EAAE,CAAC;QACjB,CAAC,KACG,KAAK,aAET,KAAC,iBAAiB,KAAG,EACrB,eAAM,SAAS,EAAC,SAAS,+BAAsB,IACvC,CACT,CAAC;AACH,CAAC","sourcesContent":["import { IconLayoutSidebar } from \"@tabler/icons-react\";\nimport { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\nimport Button from \"@/components/button/Button\";\n\nimport useSidebar from \"./useSidebar\";\n\n/**\n * A button that toggles the Sidebar. Must render inside SidebarProvider.\n * Defaults to a ghost icon-sm Button with the screen-reader label Toggle Sidebar.\n * Other props pass through to Button.\n */\nexport default function SidebarTrigger({ className, onClick, ...props }: ComponentProps<typeof Button>) {\n\tconst { toggleSidebar } = useSidebar();\n\n\treturn (\n\t\t<Button\n\t\t\tdata-sidebar=\"trigger\"\n\t\t\tdata-slot=\"sidebar-trigger\"\n\t\t\tvariant=\"ghost\"\n\t\t\tsize=\"icon-sm\"\n\t\t\tclassName={cn(className)}\n\t\t\tonClick={(event) => {\n\t\t\t\tonClick?.(event);\n\t\t\t\ttoggleSidebar();\n\t\t\t}}\n\t\t\t{...props}\n\t\t>\n\t\t\t<IconLayoutSidebar />\n\t\t\t<span className=\"sr-only\">Toggle Sidebar</span>\n\t\t</Button>\n\t);\n}\n"]}

package/out/components/sidebar/sidebarMenuButtonVariants.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Style variants for SidebarMenuButton.
+ * variant: default, outline. size: default, sm, lg.
+ */
 declare const sidebarMenuButtonVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;

package/out/components/sidebar/sidebarMenuButtonVariants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebarMenuButtonVariants.d.ts","sourceRoot":"","sources":["../../../components/sidebar/sidebarMenuButtonVariants.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,yBAAyB;;;8EAoB9B,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"sidebarMenuButtonVariants.d.ts","sourceRoot":"","sources":["../../../components/sidebar/sidebarMenuButtonVariants.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,QAAA,MAAM,yBAAyB;;;8EAoB9B,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/out/components/sidebar/sidebarMenuButtonVariants.js

@@ -1,4 +1,8 @@
 import { cva } from "class-variance-authority";
+/**
+ * Style variants for SidebarMenuButton.
+ * variant: default, outline. size: default, sm, lg.
+ */
 const sidebarMenuButtonVariants = cva("peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 active:bg-accent active:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-accent data-open:hover:text-accent-foreground data-active:bg-accent data-active:font-medium data-active:text-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate", {
     variants: {
         variant: {

package/out/components/sidebar/sidebarMenuButtonVariants.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebarMenuButtonVariants.js","sourceRoot":"","sources":["../../../components/sidebar/sidebarMenuButtonVariants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,yBAAyB,GAAG,GAAG,CACpC,wtBAAwtB,EACxtB;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,8CAA8C;YACvD,OAAO,EACN,8IAA8I;SAC/I;QACD,IAAI,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,iDAAiD;SACrD;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KACf;CACD,CACD,CAAC;AAEF,eAAe,yBAAyB,CAAC","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nconst sidebarMenuButtonVariants = cva(\n\t\"peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 active:bg-accent active:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-accent data-open:hover:text-accent-foreground data-active:bg-accent data-active:font-medium data-active:text-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"hover:bg-accent hover:text-accent-foreground\",\n\t\t\t\toutline:\n\t\t\t\t\t\"bg-background shadow-[0_0_0_1px_hsl(var(--border))] hover:bg-accent hover:text-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--accent))]\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tdefault: \"h-8 text-sm\",\n\t\t\t\tsm: \"h-7 text-xs\",\n\t\t\t\tlg: \"h-12 text-sm group-data-[collapsible=icon]:p-0!\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t\tsize: \"default\",\n\t\t},\n\t}\n);\n\nexport default sidebarMenuButtonVariants;\n"]}
+{"version":3,"file":"sidebarMenuButtonVariants.js","sourceRoot":"","sources":["../../../components/sidebar/sidebarMenuButtonVariants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C;;;GAGG;AACH,MAAM,yBAAyB,GAAG,GAAG,CACpC,wtBAAwtB,EACxtB;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,8CAA8C;YACvD,OAAO,EACN,8IAA8I;SAC/I;QACD,IAAI,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,iDAAiD;SACrD;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KACf;CACD,CACD,CAAC;AAEF,eAAe,yBAAyB,CAAC","sourcesContent":["import { cva } from \"class-variance-authority\";\n\n/**\n * Style variants for SidebarMenuButton.\n * variant: default, outline. size: default, sm, lg.\n */\nconst sidebarMenuButtonVariants = cva(\n\t\"peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 active:bg-accent active:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-accent data-open:hover:text-accent-foreground data-active:bg-accent data-active:font-medium data-active:text-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"hover:bg-accent hover:text-accent-foreground\",\n\t\t\t\toutline:\n\t\t\t\t\t\"bg-background shadow-[0_0_0_1px_hsl(var(--border))] hover:bg-accent hover:text-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--accent))]\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tdefault: \"h-8 text-sm\",\n\t\t\t\tsm: \"h-7 text-xs\",\n\t\t\t\tlg: \"h-12 text-sm group-data-[collapsible=icon]:p-0!\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t\tsize: \"default\",\n\t\t},\n\t}\n);\n\nexport default sidebarMenuButtonVariants;\n"]}

package/out/components/sidebar/useIsMobile.d.ts

@@ -1,2 +1,6 @@
+/**
+ * Returns true when the viewport is at most 768px wide and updates when the media query changes.
+ * Used by SidebarProvider to render the mobile sheet sidebar.
+ */
 export default function useIsMobile(): boolean;
 //# sourceMappingURL=useIsMobile.d.ts.map

package/out/components/sidebar/useIsMobile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIsMobile.d.ts","sourceRoot":"","sources":["../../../components/sidebar/useIsMobile.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,WAAW,YAclC"}
+{"version":3,"file":"useIsMobile.d.ts","sourceRoot":"","sources":["../../../components/sidebar/useIsMobile.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,YAclC"}

package/out/components/sidebar/useIsMobile.js

@@ -1,4 +1,8 @@
 import { useEffect, useState } from "react";
+/**
+ * Returns true when the viewport is at most 768px wide and updates when the media query changes.
+ * Used by SidebarProvider to render the mobile sheet sidebar.
+ */
 export default function useIsMobile() {
     const [isMobile, setIsMobile] = useState(false);
     useEffect(() => {

package/out/components/sidebar/useIsMobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsMobile.js","sourceRoot":"","sources":["../../../components/sidebar/useIsMobile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,WAAW;IAClC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;QACpD,MAAM,QAAQ,GAAG,GAAG,EAAE;YACrB,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC1B,CAAC,CAAC;QACF,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACzC,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QACzB,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC1D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,QAAQ,CAAC;AACjB,CAAC","sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport default function useIsMobile() {\n\tconst [isMobile, setIsMobile] = useState(false);\n\n\tuseEffect(() => {\n\t\tconst mql = window.matchMedia(\"(max-width: 768px)\");\n\t\tconst onChange = () => {\n\t\t\tsetIsMobile(mql.matches);\n\t\t};\n\t\tmql.addEventListener(\"change\", onChange);\n\t\tsetIsMobile(mql.matches);\n\t\treturn () => mql.removeEventListener(\"change\", onChange);\n\t}, []);\n\n\treturn isMobile;\n}\n"]}
+{"version":3,"file":"useIsMobile.js","sourceRoot":"","sources":["../../../components/sidebar/useIsMobile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW;IAClC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;QACpD,MAAM,QAAQ,GAAG,GAAG,EAAE;YACrB,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC1B,CAAC,CAAC;QACF,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACzC,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QACzB,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC1D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,QAAQ,CAAC;AACjB,CAAC","sourcesContent":["import { useEffect, useState } from \"react\";\n\n/**\n * Returns true when the viewport is at most 768px wide and updates when the media query changes.\n * Used by SidebarProvider to render the mobile sheet sidebar.\n */\nexport default function useIsMobile() {\n\tconst [isMobile, setIsMobile] = useState(false);\n\n\tuseEffect(() => {\n\t\tconst mql = window.matchMedia(\"(max-width: 768px)\");\n\t\tconst onChange = () => {\n\t\t\tsetIsMobile(mql.matches);\n\t\t};\n\t\tmql.addEventListener(\"change\", onChange);\n\t\tsetIsMobile(mql.matches);\n\t\treturn () => mql.removeEventListener(\"change\", onChange);\n\t}, []);\n\n\treturn isMobile;\n}\n"]}

package/out/components/sidebar/useSidebar.d.ts

@@ -1,3 +1,8 @@
+/**
+ * Returns the sidebar context.
+ * Includes state, open, setOpen, openMobile, setOpenMobile, isMobile and toggleSidebar.
+ * Must be used inside SidebarProvider.
+ */
 export default function useSidebar(): {
     state: "expanded" | "collapsed";
     open: boolean;

package/out/components/sidebar/useSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSidebar.d.ts","sourceRoot":"","sources":["../../../components/sidebar/useSidebar.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,UAAU;;;;;;;;EAOjC"}
+{"version":3,"file":"useSidebar.d.ts","sourceRoot":"","sources":["../../../components/sidebar/useSidebar.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU;;;;;;;;EAOjC"}

package/out/components/sidebar/useSidebar.js

@@ -1,5 +1,10 @@
 import { useContext } from "react";
 import { SidebarContext } from "./SidebarProvider";
+/**
+ * Returns the sidebar context.
+ * Includes state, open, setOpen, openMobile, setOpenMobile, isMobile and toggleSidebar.
+ * Must be used inside SidebarProvider.
+ */
 export default function useSidebar() {
     const context = useContext(SidebarContext);
     if (!context) {

package/out/components/sidebar/useSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSidebar.js","sourceRoot":"","sources":["../../../components/sidebar/useSidebar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,CAAC,OAAO,UAAU,UAAU;IACjC,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAC3C,IAAI,CAAC,OAAO,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;IACtE,CAAC;IAED,OAAO,OAAO,CAAC;AAChB,CAAC","sourcesContent":["import { useContext } from \"react\";\n\nimport { SidebarContext } from \"./SidebarProvider\";\n\nexport default function useSidebar() {\n\tconst context = useContext(SidebarContext);\n\tif (!context) {\n\t\tthrow new Error(\"useSidebar must be used within a SidebarProvider.\");\n\t}\n\n\treturn context;\n}\n"]}
+{"version":3,"file":"useSidebar.js","sourceRoot":"","sources":["../../../components/sidebar/useSidebar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU;IACjC,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAC3C,IAAI,CAAC,OAAO,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;IACtE,CAAC;IAED,OAAO,OAAO,CAAC;AAChB,CAAC","sourcesContent":["import { useContext } from \"react\";\n\nimport { SidebarContext } from \"./SidebarProvider\";\n\n/**\n * Returns the sidebar context.\n * Includes state, open, setOpen, openMobile, setOpenMobile, isMobile and toggleSidebar.\n * Must be used inside SidebarProvider.\n */\nexport default function useSidebar() {\n\tconst context = useContext(SidebarContext);\n\tif (!context) {\n\t\tthrow new Error(\"useSidebar must be used within a SidebarProvider.\");\n\t}\n\n\treturn context;\n}\n"]}

package/out/components/skeleton/Skeleton.d.ts

@@ -1,3 +1,8 @@
 import type { ComponentProps } from "react";
+/**
+ * A pulsing placeholder for content that is loading.
+ * Size it with width and height utilities and match the final content shape with rounded-* classes.
+ * Other props pass through to the div.
+ */
 export default function Skeleton({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Skeleton.d.ts.map

package/out/components/skeleton/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../components/skeleton/Skeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAE9E"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../components/skeleton/Skeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAE9E"}

package/out/components/skeleton/Skeleton.js

@@ -1,5 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * A pulsing placeholder for content that is loading.
+ * Size it with width and height utilities and match the final content shape with rounded-* classes.
+ * Other props pass through to the div.
+ */
 export default function Skeleton({ className, ...props }) {
     return _jsx("div", { "data-slot": "skeleton", className: cn("animate-pulse rounded-md bg-muted", className), ...props });
 }

package/out/components/skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../components/skeleton/Skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AAItB,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IAC9E,OAAO,2BAAe,UAAU,EAAC,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC/G,CAAC","sourcesContent":["import cn from \"@/cn\";\n\nimport type { ComponentProps } from \"react\";\n\nexport default function Skeleton({ className, ...props }: ComponentProps<\"div\">) {\n\treturn <div data-slot=\"skeleton\" className={cn(\"animate-pulse rounded-md bg-muted\", className)} {...props} />;\n}\n"]}
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../components/skeleton/Skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AAItB;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IAC9E,OAAO,2BAAe,UAAU,EAAC,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC/G,CAAC","sourcesContent":["import cn from \"@/cn\";\n\nimport type { ComponentProps } from \"react\";\n\n/**\n * A pulsing placeholder for content that is loading.\n * Size it with width and height utilities and match the final content shape with rounded-* classes.\n * Other props pass through to the div.\n */\nexport default function Skeleton({ className, ...props }: ComponentProps<\"div\">) {\n\treturn <div data-slot=\"skeleton\" className={cn(\"animate-pulse rounded-md bg-muted\", className)} {...props} />;\n}\n"]}

package/out/components/slider/Slider.d.ts

@@ -1,3 +1,10 @@
 import { Slider as SliderPrimitive } from "@base-ui/react/slider";
+/**
+ * A control for selecting a value or a range by dragging a thumb.
+ * Pass an array to value or defaultValue; one entry renders one thumb, two entries a range.
+ * min defaults to 0 and max to 100.
+ * Use orientation vertical for a vertical slider.
+ * Other props pass through to the Base UI Slider root.
+ */
 export default function Slider({ className, defaultValue, value, min, max, ...props }: SliderPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Slider.d.ts.map

package/out/components/slider/Slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../components/slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAIlE,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC9B,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAO,EACP,GAAS,EACT,GAAG,KAAK,EACR,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,2CAkC5B"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../components/slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAIlE;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC9B,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAO,EACP,GAAS,EACT,GAAG,KAAK,EACR,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,2CAkC5B"}

package/out/components/slider/Slider.js

@@ -1,6 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Slider as SliderPrimitive } from "@base-ui/react/slider";
 import cn from "../../cn";
+/**
+ * A control for selecting a value or a range by dragging a thumb.
+ * Pass an array to value or defaultValue; one entry renders one thumb, two entries a range.
+ * min defaults to 0 and max to 100.
+ * Use orientation vertical for a vertical slider.
+ * Other props pass through to the Base UI Slider root.
+ */
 export default function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }) {
     const _values = Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max];
     return (_jsx(SliderPrimitive.Root, { className: cn("data-horizontal:w-full data-vertical:h-full", className), "data-slot": "slider", defaultValue: defaultValue, value: value, min: min, max: max, thumbAlignment: "edge", ...props, children: _jsxs(SliderPrimitive.Control, { className: "relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col", children: [_jsx(SliderPrimitive.Track, { "data-slot": "slider-track", className: "relative grow overflow-hidden rounded-full bg-muted select-none data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1", children: _jsx(SliderPrimitive.Indicator, { "data-slot": "slider-range", className: "bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full" }) }), Array.from({ length: _values.length }, (_, index) => (_jsx(SliderPrimitive.Thumb, { "data-slot": "slider-thumb", className: "relative block size-3 shrink-0 rounded-full border border-primary bg-primary ring-ring/50 transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 disabled:pointer-events-none disabled:opacity-50" }, index)))] }) }));

package/out/components/slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../components/slider/Slider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC9B,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,GAAG,KAAK,EACoB;IAC5B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAEvG,OAAO,CACN,KAAC,eAAe,CAAC,IAAI,IACpB,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,eAC7D,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,cAAc,EAAC,MAAM,KACjB,KAAK,YAET,MAAC,eAAe,CAAC,OAAO,IAAC,SAAS,EAAC,2KAA2K,aAC7M,KAAC,eAAe,CAAC,KAAK,iBACX,cAAc,EACxB,SAAS,EAAC,2MAA2M,YAErN,KAAC,eAAe,CAAC,SAAS,iBACf,cAAc,EACxB,SAAS,EAAC,gGAAgG,GACzG,GACqB,EACvB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACrD,KAAC,eAAe,CAAC,KAAK,iBACX,cAAc,EAExB,SAAS,EAAC,iSAAiS,IADtS,KAAK,CAET,CACF,CAAC,IACuB,GACJ,CACvB,CAAC;AACH,CAAC","sourcesContent":["import { Slider as SliderPrimitive } from \"@base-ui/react/slider\";\n\nimport cn from \"@/cn\";\n\nexport default function Slider({\n\tclassName,\n\tdefaultValue,\n\tvalue,\n\tmin = 0,\n\tmax = 100,\n\t...props\n}: SliderPrimitive.Root.Props) {\n\tconst _values = Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max];\n\n\treturn (\n\t\t<SliderPrimitive.Root\n\t\t\tclassName={cn(\"data-horizontal:w-full data-vertical:h-full\", className)}\n\t\t\tdata-slot=\"slider\"\n\t\t\tdefaultValue={defaultValue}\n\t\t\tvalue={value}\n\t\t\tmin={min}\n\t\t\tmax={max}\n\t\t\tthumbAlignment=\"edge\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<SliderPrimitive.Control className=\"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col\">\n\t\t\t\t<SliderPrimitive.Track\n\t\t\t\t\tdata-slot=\"slider-track\"\n\t\t\t\t\tclassName=\"relative grow overflow-hidden rounded-full bg-muted select-none data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1\"\n\t\t\t\t>\n\t\t\t\t\t<SliderPrimitive.Indicator\n\t\t\t\t\t\tdata-slot=\"slider-range\"\n\t\t\t\t\t\tclassName=\"bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full\"\n\t\t\t\t\t/>\n\t\t\t\t</SliderPrimitive.Track>\n\t\t\t\t{Array.from({ length: _values.length }, (_, index) => (\n\t\t\t\t\t<SliderPrimitive.Thumb\n\t\t\t\t\t\tdata-slot=\"slider-thumb\"\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tclassName=\"relative block size-3 shrink-0 rounded-full border border-primary bg-primary ring-ring/50 transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 disabled:pointer-events-none disabled:opacity-50\"\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</SliderPrimitive.Control>\n\t\t</SliderPrimitive.Root>\n\t);\n}\n"]}
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../components/slider/Slider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC9B,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,GAAG,KAAK,EACoB;IAC5B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAEvG,OAAO,CACN,KAAC,eAAe,CAAC,IAAI,IACpB,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,eAC7D,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,cAAc,EAAC,MAAM,KACjB,KAAK,YAET,MAAC,eAAe,CAAC,OAAO,IAAC,SAAS,EAAC,2KAA2K,aAC7M,KAAC,eAAe,CAAC,KAAK,iBACX,cAAc,EACxB,SAAS,EAAC,2MAA2M,YAErN,KAAC,eAAe,CAAC,SAAS,iBACf,cAAc,EACxB,SAAS,EAAC,gGAAgG,GACzG,GACqB,EACvB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACrD,KAAC,eAAe,CAAC,KAAK,iBACX,cAAc,EAExB,SAAS,EAAC,iSAAiS,IADtS,KAAK,CAET,CACF,CAAC,IACuB,GACJ,CACvB,CAAC;AACH,CAAC","sourcesContent":["import { Slider as SliderPrimitive } from \"@base-ui/react/slider\";\n\nimport cn from \"@/cn\";\n\n/**\n * A control for selecting a value or a range by dragging a thumb.\n * Pass an array to value or defaultValue; one entry renders one thumb, two entries a range.\n * min defaults to 0 and max to 100.\n * Use orientation vertical for a vertical slider.\n * Other props pass through to the Base UI Slider root.\n */\nexport default function Slider({\n\tclassName,\n\tdefaultValue,\n\tvalue,\n\tmin = 0,\n\tmax = 100,\n\t...props\n}: SliderPrimitive.Root.Props) {\n\tconst _values = Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max];\n\n\treturn (\n\t\t<SliderPrimitive.Root\n\t\t\tclassName={cn(\"data-horizontal:w-full data-vertical:h-full\", className)}\n\t\t\tdata-slot=\"slider\"\n\t\t\tdefaultValue={defaultValue}\n\t\t\tvalue={value}\n\t\t\tmin={min}\n\t\t\tmax={max}\n\t\t\tthumbAlignment=\"edge\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<SliderPrimitive.Control className=\"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col\">\n\t\t\t\t<SliderPrimitive.Track\n\t\t\t\t\tdata-slot=\"slider-track\"\n\t\t\t\t\tclassName=\"relative grow overflow-hidden rounded-full bg-muted select-none data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1\"\n\t\t\t\t>\n\t\t\t\t\t<SliderPrimitive.Indicator\n\t\t\t\t\t\tdata-slot=\"slider-range\"\n\t\t\t\t\t\tclassName=\"bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full\"\n\t\t\t\t\t/>\n\t\t\t\t</SliderPrimitive.Track>\n\t\t\t\t{Array.from({ length: _values.length }, (_, index) => (\n\t\t\t\t\t<SliderPrimitive.Thumb\n\t\t\t\t\t\tdata-slot=\"slider-thumb\"\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tclassName=\"relative block size-3 shrink-0 rounded-full border border-primary bg-primary ring-ring/50 transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 disabled:pointer-events-none disabled:opacity-50\"\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</SliderPrimitive.Control>\n\t\t</SliderPrimitive.Root>\n\t);\n}\n"]}

package/out/components/sonner/Toaster.d.ts

@@ -1,3 +1,9 @@
 import { type ToasterProps } from "sonner";
+/**
+ * Renders the Sonner toaster. Render it once near the root of the app.
+ * Shows success, info, warning, error and loading icons and follows the dark class on the document.
+ * Use toast from sonner to show messages.
+ * Accepts Sonner ToasterProps.
+ */
 export default function Toaster({ ...props }: ToasterProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Toaster.d.ts.map

package/out/components/sonner/Toaster.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../components/sonner/Toaster.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CA2CzD"}
+{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../components/sonner/Toaster.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE9D;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CA2CzD"}

package/out/components/sonner/Toaster.js

@@ -3,6 +3,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { IconCircleCheck, IconInfoCircle, IconAlertTriangle, IconAlertOctagon, IconLoader } from "@tabler/icons-react";
 import { useEffect, useState } from "react";
 import { Toaster as Sonner } from "sonner";
+/**
+ * Renders the Sonner toaster. Render it once near the root of the app.
+ * Shows success, info, warning, error and loading icons and follows the dark class on the document.
+ * Use toast from sonner to show messages.
+ * Accepts Sonner ToasterProps.
+ */
 export default function Toaster({ ...props }) {
     const [theme, setTheme] = useState(undefined);
     useEffect(() => {

package/out/components/sonner/Toaster.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.js","sourceRoot":"","sources":["../../../components/sonner/Toaster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACvH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAsB,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAqB,MAAM,QAAQ,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,GAAG,KAAK,EAAgB;IACzD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAA+B,SAAS,CAAC,CAAC;IAE5E,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;QACtC,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC/C,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,KAAC,MAAM,IACN,KAAK,EAAE,KAAK;QACZ,sEAAsE;QACtE,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE;YACN,OAAO,EAAE,KAAC,eAAe,IAAC,SAAS,EAAC,QAAQ,GAAG;YAC/C,IAAI,EAAE,KAAC,cAAc,IAAC,SAAS,EAAC,QAAQ,GAAG;YAC3C,OAAO,EAAE,KAAC,iBAAiB,IAAC,SAAS,EAAC,QAAQ,GAAG;YACjD,KAAK,EAAE,KAAC,gBAAgB,IAAC,SAAS,EAAC,QAAQ,GAAG;YAC9C,OAAO,EAAE,KAAC,UAAU,IAAC,SAAS,EAAC,qBAAqB,GAAG;SACvD,EACD,KAAK,EACJ;YACC,aAAa,EAAE,aAAa;YAC5B,eAAe,EAAE,wBAAwB;YACzC,iBAAiB,EAAE,eAAe;YAClC,iBAAiB,EAAE,eAAe;SACjB,EAEnB,YAAY,EAAE;YACb,UAAU,EAAE;gBACX,KAAK,EAAE,2BAA2B;gBAClC,OAAO,EACN,qHAAqH;gBACtH,KAAK,EAAE,yGAAyG;gBAChH,OAAO,EACN,2HAA2H;gBAC5H,IAAI,EAAE,+GAA+G;aACrH;SACD,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["\"use client\";\n\nimport { IconCircleCheck, IconInfoCircle, IconAlertTriangle, IconAlertOctagon, IconLoader } from \"@tabler/icons-react\";\nimport { useEffect, useState, type CSSProperties } from \"react\";\nimport { Toaster as Sonner, type ToasterProps } from \"sonner\";\n\nexport default function Toaster({ ...props }: ToasterProps) {\n\tconst [theme, setTheme] = useState<\"light\" | \"dark\" | undefined>(undefined);\n\n\tuseEffect(() => {\n\t\tconst root = document.documentElement;\n\t\tconst isDark = root.classList.contains(\"dark\");\n\t\tsetTheme(isDark ? \"dark\" : \"light\");\n\t}, []);\n\n\treturn (\n\t\t<Sonner\n\t\t\ttheme={theme}\n\t\t\t// eslint-disable-next-line better-tailwindcss/no-unregistered-classes\n\t\t\tclassName=\"toaster group\"\n\t\t\ticons={{\n\t\t\t\tsuccess: <IconCircleCheck className=\"size-4\" />,\n\t\t\t\tinfo: <IconInfoCircle className=\"size-4\" />,\n\t\t\t\twarning: <IconAlertTriangle className=\"size-4\" />,\n\t\t\t\terror: <IconAlertOctagon className=\"size-4\" />,\n\t\t\t\tloading: <IconLoader className=\"size-4 animate-spin\" />,\n\t\t\t}}\n\t\t\tstyle={\n\t\t\t\t{\n\t\t\t\t\t\"--normal-bg\": \"var(--card)\",\n\t\t\t\t\t\"--normal-text\": \"var(--card-foreground)\",\n\t\t\t\t\t\"--normal-border\": \"var(--border)\",\n\t\t\t\t\t\"--border-radius\": \"var(--radius)\",\n\t\t\t\t} as CSSProperties\n\t\t\t}\n\t\t\ttoastOptions={{\n\t\t\t\tclassNames: {\n\t\t\t\t\ttoast: \"cn-toast backdrop-blur-xs\",\n\t\t\t\t\tsuccess:\n\t\t\t\t\t\t\"bg-green-50/80! text-green-700! border-green-300! dark:bg-green-950/80! dark:text-green-300! dark:border-green-700!\",\n\t\t\t\t\terror: \"bg-red-50/80! text-red-700! border-red-300! dark:bg-red-950/80! dark:text-red-300! dark:border-red-700!\",\n\t\t\t\t\twarning:\n\t\t\t\t\t\t\"bg-yellow-50/80! text-yellow-700! border-yellow-300! dark:bg-yellow-950/80! dark:text-yellow-300! dark:border-yellow-700!\",\n\t\t\t\t\tinfo: \"bg-blue-50/80! text-blue-700! border-blue-300! dark:bg-blue-950/80! dark:text-blue-300! dark:border-blue-700!\",\n\t\t\t\t},\n\t\t\t}}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"file":"Toaster.js","sourceRoot":"","sources":["../../../components/sonner/Toaster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACvH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAsB,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAqB,MAAM,QAAQ,CAAC;AAE9D;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,GAAG,KAAK,EAAgB;IACzD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAA+B,SAAS,CAAC,CAAC;IAE5E,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;QACtC,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC/C,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,KAAC,MAAM,IACN,KAAK,EAAE,KAAK;QACZ,sEAAsE;QACtE,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE;YACN,OAAO,EAAE,KAAC,eAAe,IAAC,SAAS,EAAC,QAAQ,GAAG;YAC/C,IAAI,EAAE,KAAC,cAAc,IAAC,SAAS,EAAC,QAAQ,GAAG;YAC3C,OAAO,EAAE,KAAC,iBAAiB,IAAC,SAAS,EAAC,QAAQ,GAAG;YACjD,KAAK,EAAE,KAAC,gBAAgB,IAAC,SAAS,EAAC,QAAQ,GAAG;YAC9C,OAAO,EAAE,KAAC,UAAU,IAAC,SAAS,EAAC,qBAAqB,GAAG;SACvD,EACD,KAAK,EACJ;YACC,aAAa,EAAE,aAAa;YAC5B,eAAe,EAAE,wBAAwB;YACzC,iBAAiB,EAAE,eAAe;YAClC,iBAAiB,EAAE,eAAe;SACjB,EAEnB,YAAY,EAAE;YACb,UAAU,EAAE;gBACX,KAAK,EAAE,2BAA2B;gBAClC,OAAO,EACN,qHAAqH;gBACtH,KAAK,EAAE,yGAAyG;gBAChH,OAAO,EACN,2HAA2H;gBAC5H,IAAI,EAAE,+GAA+G;aACrH;SACD,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["\"use client\";\n\nimport { IconCircleCheck, IconInfoCircle, IconAlertTriangle, IconAlertOctagon, IconLoader } from \"@tabler/icons-react\";\nimport { useEffect, useState, type CSSProperties } from \"react\";\nimport { Toaster as Sonner, type ToasterProps } from \"sonner\";\n\n/**\n * Renders the Sonner toaster. Render it once near the root of the app.\n * Shows success, info, warning, error and loading icons and follows the dark class on the document.\n * Use toast from sonner to show messages.\n * Accepts Sonner ToasterProps.\n */\nexport default function Toaster({ ...props }: ToasterProps) {\n\tconst [theme, setTheme] = useState<\"light\" | \"dark\" | undefined>(undefined);\n\n\tuseEffect(() => {\n\t\tconst root = document.documentElement;\n\t\tconst isDark = root.classList.contains(\"dark\");\n\t\tsetTheme(isDark ? \"dark\" : \"light\");\n\t}, []);\n\n\treturn (\n\t\t<Sonner\n\t\t\ttheme={theme}\n\t\t\t// eslint-disable-next-line better-tailwindcss/no-unregistered-classes\n\t\t\tclassName=\"toaster group\"\n\t\t\ticons={{\n\t\t\t\tsuccess: <IconCircleCheck className=\"size-4\" />,\n\t\t\t\tinfo: <IconInfoCircle className=\"size-4\" />,\n\t\t\t\twarning: <IconAlertTriangle className=\"size-4\" />,\n\t\t\t\terror: <IconAlertOctagon className=\"size-4\" />,\n\t\t\t\tloading: <IconLoader className=\"size-4 animate-spin\" />,\n\t\t\t}}\n\t\t\tstyle={\n\t\t\t\t{\n\t\t\t\t\t\"--normal-bg\": \"var(--card)\",\n\t\t\t\t\t\"--normal-text\": \"var(--card-foreground)\",\n\t\t\t\t\t\"--normal-border\": \"var(--border)\",\n\t\t\t\t\t\"--border-radius\": \"var(--radius)\",\n\t\t\t\t} as CSSProperties\n\t\t\t}\n\t\t\ttoastOptions={{\n\t\t\t\tclassNames: {\n\t\t\t\t\ttoast: \"cn-toast backdrop-blur-xs\",\n\t\t\t\t\tsuccess:\n\t\t\t\t\t\t\"bg-green-50/80! text-green-700! border-green-300! dark:bg-green-950/80! dark:text-green-300! dark:border-green-700!\",\n\t\t\t\t\terror: \"bg-red-50/80! text-red-700! border-red-300! dark:bg-red-950/80! dark:text-red-300! dark:border-red-700!\",\n\t\t\t\t\twarning:\n\t\t\t\t\t\t\"bg-yellow-50/80! text-yellow-700! border-yellow-300! dark:bg-yellow-950/80! dark:text-yellow-300! dark:border-yellow-700!\",\n\t\t\t\t\tinfo: \"bg-blue-50/80! text-blue-700! border-blue-300! dark:bg-blue-950/80! dark:text-blue-300! dark:border-blue-700!\",\n\t\t\t\t},\n\t\t\t}}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}

package/out/components/spinner/Spinner.d.ts

@@ -1,4 +1,10 @@
 import { IconLoader } from "@tabler/icons-react";
 import { type ComponentProps } from "react";
+/**
+ * An animated loading indicator.
+ * role=status and aria-label Loading are built in.
+ * Use size-* utilities to resize it, for example inside Button with data-icon inline-start or inline-end.
+ * Other props pass through to the Tabler icon.
+ */
 export default function Spinner({ className, ...props }: ComponentProps<typeof IconLoader>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Spinner.d.ts.map

package/out/components/spinner/Spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../components/spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,2CAIzF"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../components/spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,2CAIzF"}

package/out/components/spinner/Spinner.js

@@ -1,6 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { IconLoader } from "@tabler/icons-react";
 import cn from "../../cn";
+/**
+ * An animated loading indicator.
+ * role=status and aria-label Loading are built in.
+ * Use size-* utilities to resize it, for example inside Button with data-icon inline-start or inline-end.
+ * Other props pass through to the Tabler icon.
+ */
 export default function Spinner({ className, ...props }) {
     return (_jsx(IconLoader, { role: "status", "aria-label": "Loading", className: cn("size-4 animate-spin", className), ...props }));
 }