@cmdniels/uikit 2.2.1 → 2.3.0

package/out/components/sidebar/SidebarContent.js

@@ -1,6 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * The scrollable region between SidebarHeader and SidebarFooter.
+ * Render SidebarGroup components inside.
+ * Hides overflow when the sidebar is collapsed to icons.
+ * Other props pass through to the div.
+ */
 export default function SidebarContent({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "sidebar-content", "data-sidebar": "content", className: cn("scrollbar-none flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className), ...props }));
+    return (_jsx("div", { "data-slot": "sidebar-content", "data-sidebar": "content", className: cn("flex min-h-0 flex-1 scrollbar-none flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className), ...props }));
 }
 //# sourceMappingURL=SidebarContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarContent.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarContent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACpF,OAAO,CACN,2BACW,iBAAiB,kBACd,SAAS,EACtB,SAAS,EAAE,EAAE,CACZ,+GAA+G,EAC/G,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\nexport default function SidebarContent({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sidebar-content\"\n\t\t\tdata-sidebar=\"content\"\n\t\t\tclassName={cn(\n\t\t\t\t\"scrollbar-none flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-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":"SidebarContent.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarContent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACpF,OAAO,CACN,2BACW,iBAAiB,kBACd,SAAS,EACtB,SAAS,EAAE,EAAE,CACZ,+GAA+G,EAC/G,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\n/**\n * The scrollable region between SidebarHeader and SidebarFooter.\n * Render SidebarGroup components inside.\n * Hides overflow when the sidebar is collapsed to icons.\n * Other props pass through to the div.\n */\nexport default function SidebarContent({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sidebar-content\"\n\t\t\tdata-sidebar=\"content\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex min-h-0 flex-1 scrollbar-none flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-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/SidebarFooter.d.ts

@@ -1,3 +1,7 @@
 import { type ComponentProps } from "react";
+/**
+ * A sticky footer at the bottom of Sidebar, for user menus and settings.
+ * Other props pass through to the div.
+ */
 export default function SidebarFooter({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SidebarFooter.d.ts.map

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

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

package/out/components/sidebar/SidebarFooter.js

@@ -1,5 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * A sticky footer at the bottom of Sidebar, for user menus and settings.
+ * Other props pass through to the div.
+ */
 export default function SidebarFooter({ className, ...props }) {
     return (_jsx("div", { "data-slot": "sidebar-footer", "data-sidebar": "footer", className: cn("flex flex-col gap-2 p-2", className), ...props }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarFooter.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarFooter.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACnF,OAAO,CACN,2BACW,gBAAgB,kBACb,QAAQ,EACrB,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,KAC/C,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\nexport default function SidebarFooter({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sidebar-footer\"\n\t\t\tdata-sidebar=\"footer\"\n\t\t\tclassName={cn(\"flex flex-col gap-2 p-2\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"file":"SidebarFooter.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarFooter.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACnF,OAAO,CACN,2BACW,gBAAgB,kBACb,QAAQ,EACrB,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,KAC/C,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\n/**\n * A sticky footer at the bottom of Sidebar, for user menus and settings.\n * Other props pass through to the div.\n */\nexport default function SidebarFooter({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sidebar-footer\"\n\t\t\tdata-sidebar=\"footer\"\n\t\t\tclassName={cn(\"flex flex-col gap-2 p-2\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}

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

@@ -1,3 +1,9 @@
 import { type ComponentProps } from "react";
+/**
+ * A section within SidebarContent.
+ * Use SidebarGroupLabel, SidebarGroupAction and SidebarGroupContent inside.
+ * Wrap in Collapsible to make the group collapsible.
+ * Other props pass through to the div.
+ */
 export default function SidebarGroup({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SidebarGroup.d.ts.map

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

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

package/out/components/sidebar/SidebarGroup.js

@@ -1,5 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * A section within SidebarContent.
+ * Use SidebarGroupLabel, SidebarGroupAction and SidebarGroupContent inside.
+ * Wrap in Collapsible to make the group collapsible.
+ * Other props pass through to the div.
+ */
 export default function SidebarGroup({ className, ...props }) {
     return (_jsx("div", { "data-slot": "sidebar-group", "data-sidebar": "group", className: cn("relative flex w-full min-w-0 flex-col p-2", className), ...props }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroup.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarGroup.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IAClF,OAAO,CACN,2BACW,eAAe,kBACZ,OAAO,EACpB,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,SAAS,CAAC,KACjE,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\nexport default function SidebarGroup({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sidebar-group\"\n\t\t\tdata-sidebar=\"group\"\n\t\t\tclassName={cn(\"relative flex w-full min-w-0 flex-col p-2\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"file":"SidebarGroup.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarGroup.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IAClF,OAAO,CACN,2BACW,eAAe,kBACZ,OAAO,EACpB,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,SAAS,CAAC,KACjE,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\n/**\n * A section within SidebarContent.\n * Use SidebarGroupLabel, SidebarGroupAction and SidebarGroupContent inside.\n * Wrap in Collapsible to make the group collapsible.\n * Other props pass through to the div.\n */\nexport default function SidebarGroup({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sidebar-group\"\n\t\t\tdata-sidebar=\"group\"\n\t\t\tclassName={cn(\"relative flex w-full min-w-0 flex-col p-2\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}

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

@@ -1,4 +1,9 @@
 import { useRender } from "@base-ui/react/use-render";
 import { type ComponentProps } from "react";
+/**
+ * An action button for a SidebarGroup, positioned in the top right corner.
+ * Hidden when the sidebar is collapsed to icons.
+ * Other props pass through to the rendered element.
+ */
 export default function SidebarGroupAction({ className, render, ...props }: useRender.ComponentProps<"button"> & ComponentProps<"button">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 //# sourceMappingURL=SidebarGroupAction.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroupAction.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarGroupAction.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,kBAAkB,CAAC,EAC1C,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACR,EAAE,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG,cAAc,CAAC,QAAQ,CAAC,8FAkB/D"}
+{"version":3,"file":"SidebarGroupAction.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarGroupAction.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAC1C,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACR,EAAE,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG,cAAc,CAAC,QAAQ,CAAC,8FAkB/D"}

package/out/components/sidebar/SidebarGroupAction.js

@@ -1,6 +1,11 @@
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import cn from "../../cn";
+/**
+ * An action button for a SidebarGroup, positioned in the top right corner.
+ * Hidden when the sidebar is collapsed to icons.
+ * Other props pass through to the rendered element.
+ */
 export default function SidebarGroupAction({ className, render, ...props }) {
     return useRender({
         defaultTagName: "button",

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroupAction.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarGroupAction.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,kBAAkB,CAAC,EAC1C,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACuD;IAC/D,OAAO,SAAS,CAAC;QAChB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,UAAU,CAChB;YACC,SAAS,EAAE,EAAE,CACZ,oVAAoV,EACpV,SAAS,CACT;SACD,EACD,KAAK,CACL;QACD,MAAM;QACN,KAAK,EAAE;YACN,IAAI,EAAE,sBAAsB;YAC5B,OAAO,EAAE,cAAc;SACvB;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 SidebarGroupAction({\n\tclassName,\n\trender,\n\t...props\n}: useRender.ComponentProps<\"button\"> & ComponentProps<\"button\">) {\n\treturn useRender({\n\t\tdefaultTagName: \"button\",\n\t\tprops: mergeProps<\"button\">(\n\t\t\t{\n\t\t\t\tclassName: cn(\n\t\t\t\t\t\"absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-card-foreground ring-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0\",\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-group-action\",\n\t\t\tsidebar: \"group-action\",\n\t\t},\n\t});\n}\n"]}
+{"version":3,"file":"SidebarGroupAction.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarGroupAction.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;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAC1C,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACuD;IAC/D,OAAO,SAAS,CAAC;QAChB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,UAAU,CAChB;YACC,SAAS,EAAE,EAAE,CACZ,oVAAoV,EACpV,SAAS,CACT;SACD,EACD,KAAK,CACL;QACD,MAAM;QACN,KAAK,EAAE;YACN,IAAI,EAAE,sBAAsB;YAC5B,OAAO,EAAE,cAAc;SACvB;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 * An action button for a SidebarGroup, positioned in the top right corner.\n * Hidden when the sidebar is collapsed to icons.\n * Other props pass through to the rendered element.\n */\nexport default function SidebarGroupAction({\n\tclassName,\n\trender,\n\t...props\n}: useRender.ComponentProps<\"button\"> & ComponentProps<\"button\">) {\n\treturn useRender({\n\t\tdefaultTagName: \"button\",\n\t\tprops: mergeProps<\"button\">(\n\t\t\t{\n\t\t\t\tclassName: cn(\n\t\t\t\t\t\"absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-card-foreground ring-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0\",\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-group-action\",\n\t\t\tsidebar: \"group-action\",\n\t\t},\n\t});\n}\n"]}

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

@@ -1,3 +1,7 @@
 import { type ComponentProps } from "react";
+/**
+ * Wraps the content of a SidebarGroup, typically a SidebarMenu.
+ * Other props pass through to the div.
+ */
 export default function SidebarGroupContent({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SidebarGroupContent.d.ts.map

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

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

package/out/components/sidebar/SidebarGroupContent.js

@@ -1,5 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * Wraps the content of a SidebarGroup, typically a SidebarMenu.
+ * Other props pass through to the div.
+ */
 export default function SidebarGroupContent({ className, ...props }) {
     return (_jsx("div", { "data-slot": "sidebar-group-content", "data-sidebar": "group-content", className: cn("w-full text-sm", className), ...props }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroupContent.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarGroupContent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACzF,OAAO,CACN,2BACW,uBAAuB,kBACpB,eAAe,EAC5B,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,KACtC,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\nexport default function SidebarGroupContent({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sidebar-group-content\"\n\t\t\tdata-sidebar=\"group-content\"\n\t\t\tclassName={cn(\"w-full text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"file":"SidebarGroupContent.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarGroupContent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACzF,OAAO,CACN,2BACW,uBAAuB,kBACpB,eAAe,EAC5B,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,KACtC,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\n/**\n * Wraps the content of a SidebarGroup, typically a SidebarMenu.\n * Other props pass through to the div.\n */\nexport default function SidebarGroupContent({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sidebar-group-content\"\n\t\t\tdata-sidebar=\"group-content\"\n\t\t\tclassName={cn(\"w-full text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}

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

@@ -1,4 +1,10 @@
 import { useRender } from "@base-ui/react/use-render";
 import { type ComponentProps } from "react";
+/**
+ * A label for a SidebarGroup.
+ * Use the render prop to render a CollapsibleTrigger.
+ * Hidden when the sidebar is collapsed to icons.
+ * Other props pass through to the rendered element.
+ */
 export default function SidebarGroupLabel({ className, render, ...props }: useRender.ComponentProps<"div"> & ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 //# sourceMappingURL=SidebarGroupLabel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroupLabel.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarGroupLabel.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,iBAAiB,CAAC,EACzC,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACR,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,8FAkBzD"}
+{"version":3,"file":"SidebarGroupLabel.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarGroupLabel.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,iBAAiB,CAAC,EACzC,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACR,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,8FAkBzD"}

package/out/components/sidebar/SidebarGroupLabel.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";
+/**
+ * A label for a SidebarGroup.
+ * Use the render prop to render a CollapsibleTrigger.
+ * Hidden when the sidebar is collapsed to icons.
+ * Other props pass through to the rendered element.
+ */
 export default function SidebarGroupLabel({ className, render, ...props }) {
     return useRender({
         defaultTagName: "div",

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroupLabel.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarGroupLabel.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,iBAAiB,CAAC,EACzC,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACiD;IACzD,OAAO,SAAS,CAAC;QAChB,cAAc,EAAE,KAAK;QACrB,KAAK,EAAE,UAAU,CAChB;YACC,SAAS,EAAE,EAAE,CACZ,2SAA2S,EAC3S,SAAS,CACT;SACD,EACD,KAAK,CACL;QACD,MAAM;QACN,KAAK,EAAE;YACN,IAAI,EAAE,qBAAqB;YAC3B,OAAO,EAAE,aAAa;SACtB;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 SidebarGroupLabel({\n\tclassName,\n\trender,\n\t...props\n}: useRender.ComponentProps<\"div\"> & ComponentProps<\"div\">) {\n\treturn useRender({\n\t\tdefaultTagName: \"div\",\n\t\tprops: mergeProps<\"div\">(\n\t\t\t{\n\t\t\t\tclassName: cn(\n\t\t\t\t\t\"flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-card-foreground/70 ring-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\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-group-label\",\n\t\t\tsidebar: \"group-label\",\n\t\t},\n\t});\n}\n"]}
+{"version":3,"file":"SidebarGroupLabel.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarGroupLabel.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,iBAAiB,CAAC,EACzC,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACiD;IACzD,OAAO,SAAS,CAAC;QAChB,cAAc,EAAE,KAAK;QACrB,KAAK,EAAE,UAAU,CAChB;YACC,SAAS,EAAE,EAAE,CACZ,2SAA2S,EAC3S,SAAS,CACT;SACD,EACD,KAAK,CACL;QACD,MAAM;QACN,KAAK,EAAE;YACN,IAAI,EAAE,qBAAqB;YAC3B,OAAO,EAAE,aAAa;SACtB;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 * A label for a SidebarGroup.\n * Use the render prop to render a CollapsibleTrigger.\n * Hidden when the sidebar is collapsed to icons.\n * Other props pass through to the rendered element.\n */\nexport default function SidebarGroupLabel({\n\tclassName,\n\trender,\n\t...props\n}: useRender.ComponentProps<\"div\"> & ComponentProps<\"div\">) {\n\treturn useRender({\n\t\tdefaultTagName: \"div\",\n\t\tprops: mergeProps<\"div\">(\n\t\t\t{\n\t\t\t\tclassName: cn(\n\t\t\t\t\t\"flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-card-foreground/70 ring-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\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-group-label\",\n\t\t\tsidebar: \"group-label\",\n\t\t},\n\t});\n}\n"]}

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

@@ -1,3 +1,7 @@
 import { type ComponentProps } from "react";
+/**
+ * A sticky header at the top of Sidebar, for branding, workspace switchers or search.
+ * Other props pass through to the div.
+ */
 export default function SidebarHeader({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SidebarHeader.d.ts.map

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

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

package/out/components/sidebar/SidebarHeader.js

@@ -1,5 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * A sticky header at the top of Sidebar, for branding, workspace switchers or search.
+ * Other props pass through to the div.
+ */
 export default function SidebarHeader({ className, ...props }) {
     return (_jsx("div", { "data-slot": "sidebar-header", "data-sidebar": "header", className: cn("flex flex-col gap-2 p-2", className), ...props }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarHeader.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarHeader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACnF,OAAO,CACN,2BACW,gBAAgB,kBACb,QAAQ,EACrB,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,KAC/C,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\nexport default function SidebarHeader({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sidebar-header\"\n\t\t\tdata-sidebar=\"header\"\n\t\t\tclassName={cn(\"flex flex-col gap-2 p-2\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"file":"SidebarHeader.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarHeader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACnF,OAAO,CACN,2BACW,gBAAgB,kBACb,QAAQ,EACrB,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,KAC/C,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\n/**\n * A sticky header at the top of Sidebar, for branding, workspace switchers or search.\n * Other props pass through to the div.\n */\nexport default function SidebarHeader({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sidebar-header\"\n\t\t\tdata-sidebar=\"header\"\n\t\t\tclassName={cn(\"flex flex-col gap-2 p-2\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}

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

@@ -1,4 +1,8 @@
 import { type ComponentProps } from "react";
 import Input from "../../components/input/Input";
+/**
+ * A search input styled for the sidebar. Renders an Input.
+ * Other props pass through to Input.
+ */
 export default function SidebarInput({ className, ...props }: ComponentProps<typeof Input>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SidebarInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarInput.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,KAAK,MAAM,0BAA0B,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,2CASzF"}
+{"version":3,"file":"SidebarInput.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,KAAK,MAAM,0BAA0B,CAAC;AAE7C;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,2CASzF"}

package/out/components/sidebar/SidebarInput.js

@@ -1,6 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
 import Input from "../../components/input/Input";
+/**
+ * A search input styled for the sidebar. Renders an Input.
+ * Other props pass through to Input.
+ */
 export default function SidebarInput({ className, ...props }) {
     return (_jsx(Input, { "data-slot": "sidebar-input", "data-sidebar": "input", className: cn("h-8 w-full bg-background shadow-none", className), ...props }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarInput.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarInput.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,MAAM,0BAA0B,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IACzF,OAAO,CACN,KAAC,KAAK,iBACK,eAAe,kBACZ,OAAO,EACpB,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,KAC5D,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\nimport Input from \"@/components/input/Input\";\n\nexport default function SidebarInput({ className, ...props }: ComponentProps<typeof Input>) {\n\treturn (\n\t\t<Input\n\t\t\tdata-slot=\"sidebar-input\"\n\t\t\tdata-sidebar=\"input\"\n\t\t\tclassName={cn(\"h-8 w-full bg-background shadow-none\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"file":"SidebarInput.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarInput.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,MAAM,0BAA0B,CAAC;AAE7C;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IACzF,OAAO,CACN,KAAC,KAAK,iBACK,eAAe,kBACZ,OAAO,EACpB,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,KAC5D,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\nimport Input from \"@/components/input/Input\";\n\n/**\n * A search input styled for the sidebar. Renders an Input.\n * Other props pass through to Input.\n */\nexport default function SidebarInput({ className, ...props }: ComponentProps<typeof Input>) {\n\treturn (\n\t\t<Input\n\t\t\tdata-slot=\"sidebar-input\"\n\t\t\tdata-sidebar=\"input\"\n\t\t\tclassName={cn(\"h-8 w-full bg-background shadow-none\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}

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

@@ -1,3 +1,8 @@
 import { type ComponentProps } from "react";
+/**
+ * Wraps the main content next to a Sidebar using the inset variant.
+ * Renders a main element.
+ * Other props pass through to the main element.
+ */
 export default function SidebarInset({ className, ...props }: ComponentProps<"main">): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SidebarInset.d.ts.map

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

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

package/out/components/sidebar/SidebarInset.js

@@ -1,5 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * Wraps the main content next to a Sidebar using the inset variant.
+ * Renders a main element.
+ * Other props pass through to the main element.
+ */
 export default function SidebarInset({ className, ...props }) {
     return (_jsx("main", { "data-slot": "sidebar-inset", className: cn("relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", className), ...props }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarInset.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarInset.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA0B;IACnF,OAAO,CACN,4BACW,eAAe,EACzB,SAAS,EAAE,EAAE,CACZ,oQAAoQ,EACpQ,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\nexport default function SidebarInset({ className, ...props }: ComponentProps<\"main\">) {\n\treturn (\n\t\t<main\n\t\t\tdata-slot=\"sidebar-inset\"\n\t\t\tclassName={cn(\n\t\t\t\t\"relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-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":"SidebarInset.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarInset.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA0B;IACnF,OAAO,CACN,4BACW,eAAe,EACzB,SAAS,EAAE,EAAE,CACZ,oQAAoQ,EACpQ,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\n/**\n * Wraps the main content next to a Sidebar using the inset variant.\n * Renders a main element.\n * Other props pass through to the main element.\n */\nexport default function SidebarInset({ className, ...props }: ComponentProps<\"main\">) {\n\treturn (\n\t\t<main\n\t\t\tdata-slot=\"sidebar-inset\"\n\t\t\tclassName={cn(\n\t\t\t\t\"relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-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/SidebarMenu.d.ts

@@ -1,3 +1,8 @@
 import { type ComponentProps } from "react";
+/**
+ * A menu inside a SidebarGroup.
+ * Render SidebarMenuItem components inside.
+ * Other props pass through to the ul.
+ */
 export default function SidebarMenu({ className, ...props }: ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SidebarMenu.d.ts.map

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

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

package/out/components/sidebar/SidebarMenu.js

@@ -1,5 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * A menu inside a SidebarGroup.
+ * Render SidebarMenuItem components inside.
+ * Other props pass through to the ul.
+ */
 export default function SidebarMenu({ className, ...props }) {
     return (_jsx("ul", { "data-slot": "sidebar-menu", "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-1", className), ...props }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenu.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenu.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwB;IAChF,OAAO,CACN,0BACW,cAAc,kBACX,MAAM,EACnB,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\nexport default function SidebarMenu({ className, ...props }: ComponentProps<\"ul\">) {\n\treturn (\n\t\t<ul\n\t\t\tdata-slot=\"sidebar-menu\"\n\t\t\tdata-sidebar=\"menu\"\n\t\t\tclassName={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"file":"SidebarMenu.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenu.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwB;IAChF,OAAO,CACN,0BACW,cAAc,kBACX,MAAM,EACnB,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\n/**\n * A menu inside a SidebarGroup.\n * Render SidebarMenuItem components inside.\n * Other props pass through to the ul.\n */\nexport default function SidebarMenu({ className, ...props }: ComponentProps<\"ul\">) {\n\treturn (\n\t\t<ul\n\t\t\tdata-slot=\"sidebar-menu\"\n\t\t\tdata-sidebar=\"menu\"\n\t\t\tclassName={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}

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

@@ -1,5 +1,11 @@
 import { useRender } from "@base-ui/react/use-render";
 import { type ComponentProps } from "react";
+/**
+ * An action button shown at the end of a SidebarMenuItem.
+ * showOnHover defaults to false; when true the action fades in on hover and focus.
+ * Hidden when the sidebar is collapsed to icons.
+ * Other props pass through to the rendered element.
+ */
 export default function SidebarMenuAction({ className, render, showOnHover, ...props }: useRender.ComponentProps<"button"> & ComponentProps<"button"> & {
     showOnHover?: boolean;
 }): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuAction.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuAction.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,iBAAiB,CAAC,EACzC,SAAS,EACT,MAAM,EACN,WAAmB,EACnB,GAAG,KAAK,EACR,EAAE,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,GACpC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,8FAoBD"}
+{"version":3,"file":"SidebarMenuAction.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuAction.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,iBAAiB,CAAC,EACzC,SAAS,EACT,MAAM,EACN,WAAmB,EACnB,GAAG,KAAK,EACR,EAAE,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,GACpC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,8FAoBD"}

package/out/components/sidebar/SidebarMenuAction.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";
+/**
+ * An action button shown at the end of a SidebarMenuItem.
+ * showOnHover defaults to false; when true the action fades in on hover and focus.
+ * Hidden when the sidebar is collapsed to icons.
+ * Other props pass through to the rendered element.
+ */
 export default function SidebarMenuAction({ className, render, showOnHover = false, ...props }) {
     return useRender({
         defaultTagName: "button",

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuAction.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuAction.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,iBAAiB,CAAC,EACzC,SAAS,EACT,MAAM,EACN,WAAW,GAAG,KAAK,EACnB,GAAG,KAAK,EAIP;IACD,OAAO,SAAS,CAAC;QAChB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,UAAU,CAChB;YACC,SAAS,EAAE,EAAE,CACZ,6fAA6f,EAC7f,WAAW;gBACV,mKAAmK,EACpK,SAAS,CACT;SACD,EACD,KAAK,CACL;QACD,MAAM;QACN,KAAK,EAAE;YACN,IAAI,EAAE,qBAAqB;YAC3B,OAAO,EAAE,aAAa;SACtB;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 SidebarMenuAction({\n\tclassName,\n\trender,\n\tshowOnHover = false,\n\t...props\n}: useRender.ComponentProps<\"button\"> &\n\tComponentProps<\"button\"> & {\n\t\tshowOnHover?: boolean;\n\t}) {\n\treturn useRender({\n\t\tdefaultTagName: \"button\",\n\t\tprops: mergeProps<\"button\">(\n\t\t\t{\n\t\t\t\tclassName: cn(\n\t\t\t\t\t\"absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-card-foreground ring-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 after:absolute after:-inset-2 hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0\",\n\t\t\t\t\tshowOnHover &&\n\t\t\t\t\t\t\"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-active/menu-button:text-accent-foreground md:opacity-0 data-open:opacity-100\",\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-action\",\n\t\t\tsidebar: \"menu-action\",\n\t\t},\n\t});\n}\n"]}
+{"version":3,"file":"SidebarMenuAction.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuAction.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,iBAAiB,CAAC,EACzC,SAAS,EACT,MAAM,EACN,WAAW,GAAG,KAAK,EACnB,GAAG,KAAK,EAIP;IACD,OAAO,SAAS,CAAC;QAChB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,UAAU,CAChB;YACC,SAAS,EAAE,EAAE,CACZ,6fAA6f,EAC7f,WAAW;gBACV,mKAAmK,EACpK,SAAS,CACT;SACD,EACD,KAAK,CACL;QACD,MAAM;QACN,KAAK,EAAE;YACN,IAAI,EAAE,qBAAqB;YAC3B,OAAO,EAAE,aAAa;SACtB;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 * An action button shown at the end of a SidebarMenuItem.\n * showOnHover defaults to false; when true the action fades in on hover and focus.\n * Hidden when the sidebar is collapsed to icons.\n * Other props pass through to the rendered element.\n */\nexport default function SidebarMenuAction({\n\tclassName,\n\trender,\n\tshowOnHover = false,\n\t...props\n}: useRender.ComponentProps<\"button\"> &\n\tComponentProps<\"button\"> & {\n\t\tshowOnHover?: boolean;\n\t}) {\n\treturn useRender({\n\t\tdefaultTagName: \"button\",\n\t\tprops: mergeProps<\"button\">(\n\t\t\t{\n\t\t\t\tclassName: cn(\n\t\t\t\t\t\"absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-card-foreground ring-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 after:absolute after:-inset-2 hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0\",\n\t\t\t\t\tshowOnHover &&\n\t\t\t\t\t\t\"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-active/menu-button:text-accent-foreground md:opacity-0 data-open:opacity-100\",\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-action\",\n\t\t\tsidebar: \"menu-action\",\n\t\t},\n\t});\n}\n"]}

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

@@ -1,3 +1,8 @@
 import { type ComponentProps } from "react";
+/**
+ * A small badge shown at the end of a SidebarMenuItem, such as a count.
+ * Hidden when the sidebar is collapsed to icons.
+ * Other props pass through to the div.
+ */
 export default function SidebarMenuBadge({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SidebarMenuBadge.d.ts.map

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

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

package/out/components/sidebar/SidebarMenuBadge.js

@@ -1,5 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * A small badge shown at the end of a SidebarMenuItem, such as a count.
+ * Hidden when the sidebar is collapsed to icons.
+ * Other props pass through to the div.
+ */
 export default function SidebarMenuBadge({ className, ...props }) {
     return (_jsx("div", { "data-slot": "sidebar-menu-badge", "data-sidebar": "menu-badge", className: cn("pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-card-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 peer-data-active/menu-button:text-accent-foreground", className), ...props }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuBadge.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuBadge.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACtF,OAAO,CACN,2BACW,oBAAoB,kBACjB,YAAY,EACzB,SAAS,EAAE,EAAE,CACZ,uaAAua,EACva,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\nexport default function SidebarMenuBadge({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sidebar-menu-badge\"\n\t\t\tdata-sidebar=\"menu-badge\"\n\t\t\tclassName={cn(\n\t\t\t\t\"pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-card-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 peer-data-active/menu-button:text-accent-foreground\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"file":"SidebarMenuBadge.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuBadge.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACtF,OAAO,CACN,2BACW,oBAAoB,kBACjB,YAAY,EACzB,SAAS,EAAE,EAAE,CACZ,uaAAua,EACva,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\n/**\n * A small badge shown at the end of a SidebarMenuItem, such as a count.\n * Hidden when the sidebar is collapsed to icons.\n * Other props pass through to the div.\n */\nexport default function SidebarMenuBadge({ className, ...props }: ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sidebar-menu-badge\"\n\t\t\tdata-sidebar=\"menu-badge\"\n\t\t\tclassName={cn(\n\t\t\t\t\"pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-card-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 peer-data-active/menu-button:text-accent-foreground\",\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/SidebarMenuButton.d.ts

@@ -3,6 +3,13 @@ import { type VariantProps } from "class-variance-authority";
 import { type ComponentProps } from "react";
 import TooltipContent from "../../components/tooltip/TooltipContent";
 import sidebarMenuButtonVariants from "./sidebarMenuButtonVariants";
+/**
+ * The clickable button of a SidebarMenuItem.
+ * isActive marks the current page. variant: default, outline. size: default, sm, lg.
+ * Pass tooltip to show a Tooltip when the sidebar is collapsed to icons.
+ * Use the render prop to render a link.
+ * Other props pass through to the rendered element.
+ */
 export default function SidebarMenuButton({ render, isActive, variant, size, tooltip, className, ...props }: useRender.ComponentProps<"button"> & ComponentProps<"button"> & {
     isActive?: boolean;
     tooltip?: string | ComponentProps<typeof TooltipContent>;

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuButton.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,cAAc,MAAM,qCAAqC,CAAC;AAGjE,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AAGpE,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACzC,MAAM,EACN,QAAgB,EAChB,OAAmB,EACnB,IAAgB,EAChB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACR,EAAE,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,GACpC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;CACzD,GAAG,YAAY,CAAC,OAAO,yBAAyB,CAAC,2CAmClD"}
+{"version":3,"file":"SidebarMenuButton.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,cAAc,MAAM,qCAAqC,CAAC;AAGjE,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AAGpE;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACzC,MAAM,EACN,QAAgB,EAChB,OAAmB,EACnB,IAAgB,EAChB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACR,EAAE,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,GACpC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;CACzD,GAAG,YAAY,CAAC,OAAO,yBAAyB,CAAC,2CAmClD"}

package/out/components/sidebar/SidebarMenuButton.js

@@ -7,6 +7,13 @@ import TooltipContent from "../../components/tooltip/TooltipContent";
 import TooltipTrigger from "../../components/tooltip/TooltipTrigger";
 import sidebarMenuButtonVariants from "./sidebarMenuButtonVariants";
 import useSidebar from "./useSidebar";
+/**
+ * The clickable button of a SidebarMenuItem.
+ * isActive marks the current page. variant: default, outline. size: default, sm, lg.
+ * Pass tooltip to show a Tooltip when the sidebar is collapsed to icons.
+ * Use the render prop to render a link.
+ * Other props pass through to the rendered element.
+ */
 export default function SidebarMenuButton({ render, isActive = false, variant = "default", size = "default", tooltip, className, ...props }) {
     const { isMobile, state } = useSidebar();
     const comp = useRender({

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuButton.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAItD,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,cAAc,MAAM,qCAAqC,CAAC;AACjE,OAAO,cAAc,MAAM,qCAAqC,CAAC;AAEjE,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AACpE,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACzC,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EAK0C;IAClD,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,CAAC;IACzC,MAAM,IAAI,GAAG,SAAS,CAAC;QACtB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,UAAU,CAChB;YACC,SAAS,EAAE,EAAE,CAAC,yBAAyB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC;SACtE,EACD,KAAK,CACL;QACD,MAAM,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc;QAC1C,KAAK,EAAE;YACN,IAAI,EAAE,qBAAqB;YAC3B,OAAO,EAAE,aAAa;YACtB,IAAI;YACJ,MAAM,EAAE,QAAQ;SAChB;KACD,CAAC,CAAC;IAEH,IAAI,CAAC,OAAO,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACb,CAAC;IAED,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;QACjC,OAAO,GAAG;YACT,QAAQ,EAAE,OAAO;SACjB,CAAC;IACH,CAAC;IAED,OAAO,CACN,MAAC,OAAO,eACN,IAAI,EACL,KAAC,cAAc,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,EAAE,KAAK,KAAK,WAAW,IAAI,QAAQ,KAAM,OAAO,GAAI,IAC7F,CACV,CAAC;AACH,CAAC","sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\nimport Tooltip from \"@/components/tooltip/Tooltip\";\nimport TooltipContent from \"@/components/tooltip/TooltipContent\";\nimport TooltipTrigger from \"@/components/tooltip/TooltipTrigger\";\n\nimport sidebarMenuButtonVariants from \"./sidebarMenuButtonVariants\";\nimport useSidebar from \"./useSidebar\";\n\nexport default function SidebarMenuButton({\n\trender,\n\tisActive = false,\n\tvariant = \"default\",\n\tsize = \"default\",\n\ttooltip,\n\tclassName,\n\t...props\n}: useRender.ComponentProps<\"button\"> &\n\tComponentProps<\"button\"> & {\n\t\tisActive?: boolean;\n\t\ttooltip?: string | ComponentProps<typeof TooltipContent>;\n\t} & VariantProps<typeof sidebarMenuButtonVariants>) {\n\tconst { isMobile, state } = useSidebar();\n\tconst comp = useRender({\n\t\tdefaultTagName: \"button\",\n\t\tprops: mergeProps<\"button\">(\n\t\t\t{\n\t\t\t\tclassName: cn(sidebarMenuButtonVariants({ variant, size }), className),\n\t\t\t},\n\t\t\tprops\n\t\t),\n\t\trender: !tooltip ? render : TooltipTrigger,\n\t\tstate: {\n\t\t\tslot: \"sidebar-menu-button\",\n\t\t\tsidebar: \"menu-button\",\n\t\t\tsize,\n\t\t\tactive: isActive,\n\t\t},\n\t});\n\n\tif (!tooltip) {\n\t\treturn comp;\n\t}\n\n\tif (typeof tooltip === \"string\") {\n\t\ttooltip = {\n\t\t\tchildren: tooltip,\n\t\t};\n\t}\n\n\treturn (\n\t\t<Tooltip>\n\t\t\t{comp}\n\t\t\t<TooltipContent side=\"right\" align=\"center\" hidden={state !== \"collapsed\" || isMobile} {...tooltip} />\n\t\t</Tooltip>\n\t);\n}\n"]}
+{"version":3,"file":"SidebarMenuButton.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAItD,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,cAAc,MAAM,qCAAqC,CAAC;AACjE,OAAO,cAAc,MAAM,qCAAqC,CAAC;AAEjE,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AACpE,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACzC,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EAK0C;IAClD,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,CAAC;IACzC,MAAM,IAAI,GAAG,SAAS,CAAC;QACtB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,UAAU,CAChB;YACC,SAAS,EAAE,EAAE,CAAC,yBAAyB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC;SACtE,EACD,KAAK,CACL;QACD,MAAM,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc;QAC1C,KAAK,EAAE;YACN,IAAI,EAAE,qBAAqB;YAC3B,OAAO,EAAE,aAAa;YACtB,IAAI;YACJ,MAAM,EAAE,QAAQ;SAChB;KACD,CAAC,CAAC;IAEH,IAAI,CAAC,OAAO,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACb,CAAC;IAED,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;QACjC,OAAO,GAAG;YACT,QAAQ,EAAE,OAAO;SACjB,CAAC;IACH,CAAC;IAED,OAAO,CACN,MAAC,OAAO,eACN,IAAI,EACL,KAAC,cAAc,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,EAAE,KAAK,KAAK,WAAW,IAAI,QAAQ,KAAM,OAAO,GAAI,IAC7F,CACV,CAAC;AACH,CAAC","sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\nimport Tooltip from \"@/components/tooltip/Tooltip\";\nimport TooltipContent from \"@/components/tooltip/TooltipContent\";\nimport TooltipTrigger from \"@/components/tooltip/TooltipTrigger\";\n\nimport sidebarMenuButtonVariants from \"./sidebarMenuButtonVariants\";\nimport useSidebar from \"./useSidebar\";\n\n/**\n * The clickable button of a SidebarMenuItem.\n * isActive marks the current page. variant: default, outline. size: default, sm, lg.\n * Pass tooltip to show a Tooltip when the sidebar is collapsed to icons.\n * Use the render prop to render a link.\n * Other props pass through to the rendered element.\n */\nexport default function SidebarMenuButton({\n\trender,\n\tisActive = false,\n\tvariant = \"default\",\n\tsize = \"default\",\n\ttooltip,\n\tclassName,\n\t...props\n}: useRender.ComponentProps<\"button\"> &\n\tComponentProps<\"button\"> & {\n\t\tisActive?: boolean;\n\t\ttooltip?: string | ComponentProps<typeof TooltipContent>;\n\t} & VariantProps<typeof sidebarMenuButtonVariants>) {\n\tconst { isMobile, state } = useSidebar();\n\tconst comp = useRender({\n\t\tdefaultTagName: \"button\",\n\t\tprops: mergeProps<\"button\">(\n\t\t\t{\n\t\t\t\tclassName: cn(sidebarMenuButtonVariants({ variant, size }), className),\n\t\t\t},\n\t\t\tprops\n\t\t),\n\t\trender: !tooltip ? render : TooltipTrigger,\n\t\tstate: {\n\t\t\tslot: \"sidebar-menu-button\",\n\t\t\tsidebar: \"menu-button\",\n\t\t\tsize,\n\t\t\tactive: isActive,\n\t\t},\n\t});\n\n\tif (!tooltip) {\n\t\treturn comp;\n\t}\n\n\tif (typeof tooltip === \"string\") {\n\t\ttooltip = {\n\t\t\tchildren: tooltip,\n\t\t};\n\t}\n\n\treturn (\n\t\t<Tooltip>\n\t\t\t{comp}\n\t\t\t<TooltipContent side=\"right\" align=\"center\" hidden={state !== \"collapsed\" || isMobile} {...tooltip} />\n\t\t</Tooltip>\n\t);\n}\n"]}

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

@@ -1,3 +1,8 @@
 import { type ComponentProps } from "react";
+/**
+ * One item in a SidebarMenu.
+ * Render SidebarMenuButton, SidebarMenuAction and SidebarMenuBadge inside, and SidebarMenuSub for nested items.
+ * Other props pass through to the li.
+ */
 export default function SidebarMenuItem({ className, ...props }: ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SidebarMenuItem.d.ts.map

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

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

package/out/components/sidebar/SidebarMenuItem.js

@@ -1,5 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from "../../cn";
+/**
+ * One item in a SidebarMenu.
+ * Render SidebarMenuButton, SidebarMenuAction and SidebarMenuBadge inside, and SidebarMenuSub for nested items.
+ * Other props pass through to the li.
+ */
 export default function SidebarMenuItem({ className, ...props }) {
     return (_jsx("li", { "data-slot": "sidebar-menu-item", "data-sidebar": "menu-item", className: cn("group/menu-item relative", className), ...props }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuItem.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuItem.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwB;IACpF,OAAO,CACN,0BACW,mBAAmB,kBAChB,WAAW,EACxB,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAChD,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\nexport default function SidebarMenuItem({ className, ...props }: ComponentProps<\"li\">) {\n\treturn (\n\t\t<li\n\t\t\tdata-slot=\"sidebar-menu-item\"\n\t\t\tdata-sidebar=\"menu-item\"\n\t\t\tclassName={cn(\"group/menu-item relative\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"file":"SidebarMenuItem.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuItem.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtB;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwB;IACpF,OAAO,CACN,0BACW,mBAAmB,kBAChB,WAAW,EACxB,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAChD,KAAK,GACR,CACF,CAAC;AACH,CAAC","sourcesContent":["import { type ComponentProps } from \"react\";\n\nimport cn from \"@/cn\";\n\n/**\n * One item in a SidebarMenu.\n * Render SidebarMenuButton, SidebarMenuAction and SidebarMenuBadge inside, and SidebarMenuSub for nested items.\n * Other props pass through to the li.\n */\nexport default function SidebarMenuItem({ className, ...props }: ComponentProps<\"li\">) {\n\treturn (\n\t\t<li\n\t\t\tdata-slot=\"sidebar-menu-item\"\n\t\t\tdata-sidebar=\"menu-item\"\n\t\t\tclassName={cn(\"group/menu-item relative\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"]}

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

@@ -1,4 +1,9 @@
 import { type ComponentProps } from "react";
+/**
+ * A loading placeholder for a SidebarMenuItem.
+ * showIcon defaults to false; the text width is randomized between 50% and 90%.
+ * Other props pass through to the div.
+ */
 export default function SidebarMenuSkeleton({ className, showIcon, ...props }: ComponentProps<"div"> & {
     showIcon?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuSkeleton.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,cAAc,EAAsB,MAAM,OAAO,CAAC;AAK1E,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC3C,SAAS,EACT,QAAgB,EAChB,GAAG,KAAK,EACR,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,2CAuBA"}
+{"version":3,"file":"SidebarMenuSkeleton.d.ts","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,cAAc,EAAsB,MAAM,OAAO,CAAC;AAK1E;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC3C,SAAS,EACT,QAAgB,EAChB,GAAG,KAAK,EACR,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,2CAuBA"}

package/out/components/sidebar/SidebarMenuSkeleton.js

@@ -2,6 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import cn from "../../cn";
 import Skeleton from "../../components/skeleton/Skeleton";
+/**
+ * A loading placeholder for a SidebarMenuItem.
+ * showIcon defaults to false; the text width is randomized between 50% and 90%.
+ * Other props pass through to the div.
+ */
 export default function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
     // Random width between 50 to 90%.
     const [width] = useState(() => `${Math.floor(Math.random() * 40) + 50}%`);

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuSkeleton.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAA2C,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AAEtD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC3C,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EAGR;IACA,kCAAkC;IAClC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAE1E,OAAO,CACN,4BACW,uBAAuB,kBACpB,eAAe,EAC5B,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,KACnE,KAAK,aAER,QAAQ,IAAI,KAAC,QAAQ,IAAC,SAAS,EAAC,mBAAmB,kBAAc,oBAAoB,GAAG,EACzF,KAAC,QAAQ,IACR,SAAS,EAAC,qCAAqC,kBAClC,oBAAoB,EACjC,KAAK,EACJ;oBACC,kBAAkB,EAAE,KAAK;iBACR,GAElB,IACG,CACN,CAAC;AACH,CAAC","sourcesContent":["import { useState, type ComponentProps, type CSSProperties } from \"react\";\n\nimport cn from \"@/cn\";\nimport Skeleton from \"@/components/skeleton/Skeleton\";\n\nexport default function SidebarMenuSkeleton({\n\tclassName,\n\tshowIcon = false,\n\t...props\n}: ComponentProps<\"div\"> & {\n\tshowIcon?: boolean;\n}) {\n\t// Random width between 50 to 90%.\n\tconst [width] = useState(() => `${Math.floor(Math.random() * 40) + 50}%`);\n\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sidebar-menu-skeleton\"\n\t\t\tdata-sidebar=\"menu-skeleton\"\n\t\t\tclassName={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{showIcon && <Skeleton className=\"size-4 rounded-md\" data-sidebar=\"menu-skeleton-icon\" />}\n\t\t\t<Skeleton\n\t\t\t\tclassName=\"h-4 max-w-(--skeleton-width) flex-1\"\n\t\t\t\tdata-sidebar=\"menu-skeleton-text\"\n\t\t\t\tstyle={\n\t\t\t\t\t{\n\t\t\t\t\t\t\"--skeleton-width\": width,\n\t\t\t\t\t} as CSSProperties\n\t\t\t\t}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"file":"SidebarMenuSkeleton.js","sourceRoot":"","sources":["../../../components/sidebar/SidebarMenuSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAA2C,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AAEtD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC3C,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EAGR;IACA,kCAAkC;IAClC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAE1E,OAAO,CACN,4BACW,uBAAuB,kBACpB,eAAe,EAC5B,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,KACnE,KAAK,aAER,QAAQ,IAAI,KAAC,QAAQ,IAAC,SAAS,EAAC,mBAAmB,kBAAc,oBAAoB,GAAG,EACzF,KAAC,QAAQ,IACR,SAAS,EAAC,qCAAqC,kBAClC,oBAAoB,EACjC,KAAK,EACJ;oBACC,kBAAkB,EAAE,KAAK;iBACR,GAElB,IACG,CACN,CAAC;AACH,CAAC","sourcesContent":["import { useState, type ComponentProps, type CSSProperties } from \"react\";\n\nimport cn from \"@/cn\";\nimport Skeleton from \"@/components/skeleton/Skeleton\";\n\n/**\n * A loading placeholder for a SidebarMenuItem.\n * showIcon defaults to false; the text width is randomized between 50% and 90%.\n * Other props pass through to the div.\n */\nexport default function SidebarMenuSkeleton({\n\tclassName,\n\tshowIcon = false,\n\t...props\n}: ComponentProps<\"div\"> & {\n\tshowIcon?: boolean;\n}) {\n\t// Random width between 50 to 90%.\n\tconst [width] = useState(() => `${Math.floor(Math.random() * 40) + 50}%`);\n\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sidebar-menu-skeleton\"\n\t\t\tdata-sidebar=\"menu-skeleton\"\n\t\t\tclassName={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{showIcon && <Skeleton className=\"size-4 rounded-md\" data-sidebar=\"menu-skeleton-icon\" />}\n\t\t\t<Skeleton\n\t\t\t\tclassName=\"h-4 max-w-(--skeleton-width) flex-1\"\n\t\t\t\tdata-sidebar=\"menu-skeleton-text\"\n\t\t\t\tstyle={\n\t\t\t\t\t{\n\t\t\t\t\t\t\"--skeleton-width\": width,\n\t\t\t\t\t} as CSSProperties\n\t\t\t\t}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"]}