@kuzenbo/core 0.0.1-alpha.1 → 0.0.1-alpha.3

package/dist/sheet-trigger-CkQbW5Y7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-trigger-CkQbW5Y7.js","names":["SheetPrimitive","SheetPrimitive","SheetPrimitive","SheetPrimitive","SheetPrimitive","SheetPrimitive","SheetPrimitive"],"sources":["../src/ui/sheet/sheet-close.tsx","../src/ui/sheet/sheet-overlay.tsx","../src/ui/sheet/sheet-portal.tsx","../src/ui/sheet/sheet-content.tsx","../src/ui/sheet/sheet-description.tsx","../src/ui/sheet/sheet-footer.tsx","../src/ui/sheet/sheet-header.tsx","../src/ui/sheet/sheet-title.tsx","../src/ui/sheet/sheet-trigger.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nconst SheetClose = ({ className, ...props }: SheetPrimitive.Close.Props) => (\n  <SheetPrimitive.Close\n    className={cn(\"cursor-pointer\", className)}\n    data-slot=\"sheet-close\"\n    {...props}\n  />\n);\n\nexport { SheetClose };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nconst SheetOverlay = ({\n  className,\n  ...props\n}: SheetPrimitive.Backdrop.Props) => (\n  <SheetPrimitive.Backdrop\n    className={cn(\n      \"fixed inset-0 z-50 bg-black/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-ending-style:opacity-0 data-open:animate-in data-open:fade-in-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs\",\n      className\n    )}\n    data-slot=\"sheet-overlay\"\n    {...props}\n  />\n);\n\nexport { SheetOverlay };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\n\nconst SheetPortal = ({ ...props }: SheetPrimitive.Portal.Props) => (\n  <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n);\n\nexport { SheetPortal };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\nimport { SheetClose } from \"./sheet-close\";\nimport { SheetOverlay } from \"./sheet-overlay\";\nimport { SheetPortal } from \"./sheet-portal\";\n\nconst SheetContent = ({\n  className,\n  children,\n  side = \"right\",\n  showCloseButton = true,\n  ...props\n}: SheetPrimitive.Popup.Props & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  showCloseButton?: boolean;\n}) => (\n  <SheetPortal>\n    <SheetOverlay />\n    <SheetPrimitive.Popup\n      className={cn(\n        \"fixed z-50 flex flex-col gap-4 bg-background bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm\",\n        className\n      )}\n      data-side={side}\n      data-slot=\"sheet-content\"\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <SheetClose\n          data-slot=\"sheet-close\"\n          render={\n            <Button\n              className=\"absolute top-4 right-4\"\n              size=\"icon-sm\"\n              variant=\"ghost\"\n            />\n          }\n        >\n          <HugeiconsIcon icon={Cancel01Icon} strokeWidth={2} />\n          <span className=\"sr-only\">Close</span>\n        </SheetClose>\n      )}\n    </SheetPrimitive.Popup>\n  </SheetPortal>\n);\n\nexport { SheetContent };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nconst SheetDescription = ({\n  className,\n  ...props\n}: SheetPrimitive.Description.Props) => (\n  <SheetPrimitive.Description\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    data-slot=\"sheet-description\"\n    {...props}\n  />\n);\n\nexport { SheetDescription };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst SheetFooter = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n    data-slot=\"sheet-footer\"\n    {...props}\n  />\n);\n\nexport { SheetFooter };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst SheetHeader = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\"flex flex-col gap-0.5 p-4\", className)}\n    data-slot=\"sheet-header\"\n    {...props}\n  />\n);\n\nexport { SheetHeader };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nconst SheetTitle = ({ className, ...props }: SheetPrimitive.Title.Props) => (\n  <SheetPrimitive.Title\n    className={cn(\"text-base font-medium text-foreground\", className)}\n    data-slot=\"sheet-title\"\n    {...props}\n  />\n);\n\nexport { SheetTitle };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nconst SheetTrigger = ({\n  className,\n  ...props\n}: SheetPrimitive.Trigger.Props) => (\n  <SheetPrimitive.Trigger\n    className={cn(\"cursor-pointer\", className)}\n    data-slot=\"sheet-trigger\"\n    {...props}\n  />\n);\n\nexport { SheetTrigger };\n"],"mappings":";;;;;;;;AAKA,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAACA,OAAe;CACd,WAAW,GAAG,kBAAkB,UAAU;CAC1C,aAAU;CACV,GAAI;EACJ;;;;ACLJ,MAAM,gBAAgB,EACpB,WACA,GAAG,YAEH,oBAACC,OAAe;CACd,WAAW,GACT,2OACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACZJ,MAAM,eAAe,EAAE,GAAG,YACxB,oBAACC,OAAe;CAAO,aAAU;CAAe,GAAI;EAAS;;;;ACO/D,MAAM,gBAAgB,EACpB,WACA,UACA,OAAO,SACP,kBAAkB,MAClB,GAAG,YAKH,qBAAC,0BACC,oBAAC,iBAAe,EAChB,qBAACC,OAAe;CACd,WAAW,GACT,0mCACA,UACD;CACD,aAAW;CACX,aAAU;CACV,GAAI;YAEH,UACA,mBACC,qBAAC;EACC,aAAU;EACV,QACE,oBAAC;GACC,WAAU;GACV,MAAK;GACL,SAAQ;IACR;aAGJ,oBAAC;GAAc,MAAM;GAAc,aAAa;IAAK,EACrD,oBAAC;GAAK,WAAU;aAAU;IAAY;GAC3B;EAEM,IACX;;;;AC7ChB,MAAM,oBAAoB,EACxB,WACA,GAAG,YAEH,oBAACC,OAAe;CACd,WAAW,GAAG,iCAAiC,UAAU;CACzD,aAAU;CACV,GAAI;EACJ;;;;ACTJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC;CACC,WAAW,GAAG,mCAAmC,UAAU;CAC3D,aAAU;CACV,GAAI;EACJ;;;;ACLJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC;CACC,WAAW,GAAG,6BAA6B,UAAU;CACrD,aAAU;CACV,GAAI;EACJ;;;;ACJJ,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAACC,OAAe;CACd,WAAW,GAAG,yCAAyC,UAAU;CACjE,aAAU;CACV,GAAI;EACJ;;;;ACLJ,MAAM,gBAAgB,EACpB,WACA,GAAG,YAEH,oBAACC,OAAe;CACd,WAAW,GAAG,kBAAkB,UAAU;CAC1C,aAAU;CACV,GAAI;EACJ"}

package/dist/sheet.d.ts

@@ -0,0 +1,55 @@
+import { a as SheetHeader, c as SheetContent, i as SheetOverlay, l as SheetClose, n as SheetTitle, o as SheetFooter, r as SheetPortal, s as SheetDescription, t as SheetTrigger } from "./sheet-trigger-B_N_tXmj.js";
+import * as react from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region src/ui/sheet/sheet.d.ts
+declare const Sheet: {
+  ({
+    ...props
+  }: Dialog.Root.Props): react_jsx_runtime0.JSX.Element;
+  Close: ({
+    className,
+    ...props
+  }: Dialog.Close.Props) => react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    children,
+    side,
+    showCloseButton,
+    ...props
+  }: Dialog.Popup.Props & {
+    side?: "top" | "right" | "bottom" | "left";
+    showCloseButton?: boolean;
+  }) => react_jsx_runtime0.JSX.Element;
+  Description: ({
+    className,
+    ...props
+  }: Dialog.Description.Props) => react_jsx_runtime0.JSX.Element;
+  Footer: ({
+    className,
+    ...props
+  }: react.ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Header: ({
+    className,
+    ...props
+  }: react.ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Overlay: ({
+    className,
+    ...props
+  }: Dialog.Backdrop.Props) => react_jsx_runtime0.JSX.Element;
+  Portal: ({
+    ...props
+  }: Dialog.Portal.Props) => react_jsx_runtime0.JSX.Element;
+  Title: ({
+    className,
+    ...props
+  }: Dialog.Title.Props) => react_jsx_runtime0.JSX.Element;
+  Trigger: ({
+    className,
+    ...props
+  }: Dialog.Trigger.Props) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };
+//# sourceMappingURL=sheet.d.ts.map

package/dist/sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.d.ts","names":[],"sources":["../src/ui/sheet/sheet.tsx"],"mappings":";;;;;;cAcM,KAAA;EAAA;IAAA;KAAuB,MAAA,CAAe,IAAA,CAAK,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/sheet.js

@@ -0,0 +1,24 @@
+"use client";
+
+import { a as SheetDescription, c as SheetOverlay, i as SheetFooter, l as SheetClose, n as SheetTitle, o as SheetContent, r as SheetHeader, s as SheetPortal, t as SheetTrigger } from "./sheet-trigger-CkQbW5Y7.js";
+import { jsx } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region src/ui/sheet/sheet.tsx
+const Sheet = ({ ...props }) => /* @__PURE__ */ jsx(Dialog.Root, {
+	"data-slot": "sheet",
+	...props
+});
+Sheet.Close = SheetClose;
+Sheet.Content = SheetContent;
+Sheet.Description = SheetDescription;
+Sheet.Footer = SheetFooter;
+Sheet.Header = SheetHeader;
+Sheet.Overlay = SheetOverlay;
+Sheet.Portal = SheetPortal;
+Sheet.Title = SheetTitle;
+Sheet.Trigger = SheetTrigger;
+
+//#endregion
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };
+//# sourceMappingURL=sheet.js.map

package/dist/sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.js","names":["SheetPrimitive"],"sources":["../src/ui/sheet/sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\n\nimport { SheetClose } from \"./sheet-close\";\nimport { SheetContent } from \"./sheet-content\";\nimport { SheetDescription } from \"./sheet-description\";\nimport { SheetFooter } from \"./sheet-footer\";\nimport { SheetHeader } from \"./sheet-header\";\nimport { SheetOverlay } from \"./sheet-overlay\";\nimport { SheetPortal } from \"./sheet-portal\";\nimport { SheetTitle } from \"./sheet-title\";\nimport { SheetTrigger } from \"./sheet-trigger\";\n\nconst Sheet = ({ ...props }: SheetPrimitive.Root.Props) => (\n  <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n);\n\nSheet.Close = SheetClose;\nSheet.Content = SheetContent;\nSheet.Description = SheetDescription;\nSheet.Footer = SheetFooter;\nSheet.Header = SheetHeader;\nSheet.Overlay = SheetOverlay;\nSheet.Portal = SheetPortal;\nSheet.Title = SheetTitle;\nSheet.Trigger = SheetTrigger;\n\nexport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetOverlay,\n  SheetPortal,\n  SheetTitle,\n  SheetTrigger,\n};\n"],"mappings":";;;;;;;AAcA,MAAM,SAAS,EAAE,GAAG,YAClB,oBAACA,OAAe;CAAK,aAAU;CAAQ,GAAI;EAAS;AAGtD,MAAM,QAAQ;AACd,MAAM,UAAU;AAChB,MAAM,cAAc;AACpB,MAAM,SAAS;AACf,MAAM,SAAS;AACf,MAAM,UAAU;AAChB,MAAM,SAAS;AACf,MAAM,QAAQ;AACd,MAAM,UAAU"}

package/dist/sidebar-trigger-C_fOu1p2.js

@@ -0,0 +1,364 @@
+import { Button } from "./button.js";
+import { Separator } from "./separator.js";
+import { Input } from "./input.js";
+import { r as TooltipContent, t as TooltipTrigger } from "./tooltip-trigger-iOUSgHR_.js";
+import { Tooltip } from "./tooltip.js";
+import { Skeleton } from "./skeleton.js";
+import { cn, tv } from "tailwind-variants";
+import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SidebarLeftIcon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { useIsMobile } from "@kuzenbo/hooks";
+
+//#region src/ui/sidebar/constants.ts
+const SIDEBAR_COOKIE_NAME = "sidebar_state";
+const SIDEBAR_COOKIE_MAX_AGE = 3600 * 24 * 7;
+const SIDEBAR_WIDTH = "16rem";
+const SIDEBAR_WIDTH_MOBILE = "18rem";
+const SIDEBAR_WIDTH_ICON = "3rem";
+const SIDEBAR_KEYBOARD_SHORTCUT = "b";
+
+//#endregion
+//#region src/ui/sidebar/sidebar-content.tsx
+const SidebarContent = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className),
+	"data-sidebar": "content",
+	"data-slot": "sidebar-content",
+	...props
+});
+
+//#endregion
+//#region src/ui/sidebar/sidebar-footer.tsx
+const SidebarFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex flex-col gap-2 p-2", className),
+	"data-sidebar": "footer",
+	"data-slot": "sidebar-footer",
+	...props
+});
+
+//#endregion
+//#region src/ui/sidebar/sidebar-group.tsx
+const SidebarGroup = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("relative flex w-full min-w-0 flex-col p-2", className),
+	"data-sidebar": "group",
+	"data-slot": "sidebar-group",
+	...props
+});
+
+//#endregion
+//#region src/ui/sidebar/sidebar-group-action.tsx
+const SidebarGroupAction = ({ className, render, ...props }) => useRender({
+	defaultTagName: "button",
+	props: mergeProps({ className: cn("absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0", className) }, props),
+	render,
+	state: {
+		slot: "sidebar-group-action",
+		sidebar: "group-action"
+	}
+});
+
+//#endregion
+//#region src/ui/sidebar/sidebar-group-content.tsx
+const SidebarGroupContent = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("w-full text-sm", className),
+	"data-sidebar": "group-content",
+	"data-slot": "sidebar-group-content",
+	...props
+});
+
+//#endregion
+//#region src/ui/sidebar/sidebar-group-label.tsx
+const SidebarGroupLabel = ({ className, render, ...props }) => useRender({
+	defaultTagName: "div",
+	props: mergeProps({ className: cn("flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-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", className) }, props),
+	render,
+	state: {
+		slot: "sidebar-group-label",
+		sidebar: "group-label"
+	}
+});
+
+//#endregion
+//#region src/ui/sidebar/sidebar-header.tsx
+const SidebarHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex flex-col gap-2 p-2", className),
+	"data-sidebar": "header",
+	"data-slot": "sidebar-header",
+	...props
+});
+
+//#endregion
+//#region src/ui/sidebar/sidebar-input.tsx
+const SidebarInput = ({ className, ...props }) => /* @__PURE__ */ jsx(Input, {
+	className: cn("h-8 w-full bg-background shadow-none", className),
+	"data-sidebar": "input",
+	"data-slot": "sidebar-input",
+	...props
+});
+
+//#endregion
+//#region src/ui/sidebar/sidebar-inset.tsx
+const SidebarInset = ({ className, ...props }) => /* @__PURE__ */ jsx("main", {
+	className: cn("relative flex w-full min-w-0 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),
+	"data-slot": "sidebar-inset",
+	...props
+});
+
+//#endregion
+//#region src/ui/sidebar/sidebar-menu.tsx
+const SidebarMenu = ({ className, ...props }) => /* @__PURE__ */ jsx("ul", {
+	className: cn("flex w-full min-w-0 flex-col gap-1", className),
+	"data-sidebar": "menu",
+	"data-slot": "sidebar-menu",
+	...props
+});
+
+//#endregion
+//#region src/ui/sidebar/sidebar-menu-action.tsx
+const SidebarMenuAction = ({ className, render, showOnHover = false, ...props }) => useRender({
+	defaultTagName: "button",
+	props: mergeProps({ className: cn("absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-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-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0", showOnHover && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-active/menu-button:text-sidebar-accent-foreground data-open:opacity-100 md:opacity-0", className) }, props),
+	render,
+	state: {
+		slot: "sidebar-menu-action",
+		sidebar: "menu-action"
+	}
+});
+
+//#endregion
+//#region src/ui/sidebar/sidebar-menu-badge.tsx
+const SidebarMenuBadge = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	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-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-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", className),
+	"data-sidebar": "menu-badge",
+	"data-slot": "sidebar-menu-badge",
+	...props
+});
+
+//#endregion
+//#region src/ui/sidebar/use-sidebar.tsx
+const SidebarContext = createContext(null);
+const useSidebar = () => {
+	const context = useContext(SidebarContext);
+	if (!context) throw new Error("useSidebar must be used within a SidebarProvider.");
+	return context;
+};
+
+//#endregion
+//#region src/ui/sidebar/sidebar-menu-button.tsx
+const sidebarMenuButtonVariants = tv({
+	base: "peer/menu-button group/menu-button flex w-full cursor-pointer items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-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-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate",
+	variants: {
+		variant: {
+			default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+			outline: "bg-background shadow-[0_0_0_1px_hsl(var(--kb-sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--kb-sidebar-accent))]"
+		},
+		size: {
+			default: "h-8 text-sm",
+			sm: "h-7 text-xs",
+			lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+const SidebarMenuButton = ({ render, isActive = false, variant = "default", size = "default", tooltip, className, ...props }) => {
+	const { isMobile, state } = useSidebar();
+	const comp = useRender({
+		defaultTagName: "button",
+		props: mergeProps({ className: cn(sidebarMenuButtonVariants({
+			variant,
+			size
+		}), className) }, props),
+		render: tooltip ? TooltipTrigger : render,
+		state: {
+			slot: "sidebar-menu-button",
+			sidebar: "menu-button",
+			size,
+			active: isActive
+		}
+	});
+	if (!tooltip) return comp;
+	if (typeof tooltip === "string") tooltip = { children: tooltip };
+	return /* @__PURE__ */ jsxs(Tooltip, { children: [comp, /* @__PURE__ */ jsx(TooltipContent, {
+		align: "center",
+		hidden: state !== "collapsed" || isMobile,
+		side: "right",
+		...tooltip
+	})] });
+};
+
+//#endregion
+//#region src/ui/sidebar/sidebar-menu-item.tsx
+const SidebarMenuItem = ({ className, ...props }) => /* @__PURE__ */ jsx("li", {
+	className: cn("group/menu-item relative", className),
+	"data-sidebar": "menu-item",
+	"data-slot": "sidebar-menu-item",
+	...props
+});
+
+//#endregion
+//#region src/ui/sidebar/sidebar-menu-skeleton.tsx
+const SidebarMenuSkeleton = ({ className, showIcon = false, ...props }) => /* @__PURE__ */ jsxs("div", {
+	className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
+	"data-sidebar": "menu-skeleton",
+	"data-slot": "sidebar-menu-skeleton",
+	...props,
+	children: [showIcon && /* @__PURE__ */ jsx(Skeleton, {
+		className: "size-4 rounded-md",
+		"data-sidebar": "menu-skeleton-icon"
+	}), /* @__PURE__ */ jsx(Skeleton, {
+		className: "h-4 max-w-(--skeleton-width) flex-1",
+		"data-sidebar": "menu-skeleton-text",
+		style: { "--skeleton-width": "100%" }
+	})]
+});
+
+//#endregion
+//#region src/ui/sidebar/sidebar-menu-sub.tsx
+const SidebarMenuSub = ({ className, ...props }) => /* @__PURE__ */ jsx("ul", {
+	className: cn("mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden", className),
+	"data-sidebar": "menu-sub",
+	"data-slot": "sidebar-menu-sub",
+	...props
+});
+
+//#endregion
+//#region src/ui/sidebar/sidebar-menu-sub-button.tsx
+const SidebarMenuSubButton = ({ render, size = "md", isActive = false, className, ...props }) => useRender({
+	defaultTagName: "a",
+	props: mergeProps({ className: cn("flex h-7 min-w-0 -translate-x-px cursor-pointer items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-[size=md]:text-sm data-[size=sm]:text-xs [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground", className) }, props),
+	render,
+	state: {
+		slot: "sidebar-menu-sub-button",
+		sidebar: "menu-sub-button",
+		size,
+		active: isActive
+	}
+});
+
+//#endregion
+//#region src/ui/sidebar/sidebar-menu-sub-item.tsx
+const SidebarMenuSubItem = ({ className, ...props }) => /* @__PURE__ */ jsx("li", {
+	className: cn("group/menu-sub-item relative", className),
+	"data-sidebar": "menu-sub-item",
+	"data-slot": "sidebar-menu-sub-item",
+	...props
+});
+
+//#endregion
+//#region src/ui/sidebar/sidebar-provider.tsx
+const SidebarProvider = ({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }) => {
+	const isMobile = useIsMobile();
+	const [openMobile, setOpenMobile] = useState(false);
+	const [_open, _setOpen] = useState(defaultOpen);
+	const open = openProp ?? _open;
+	const setOpen = useCallback((value) => {
+		const openState = typeof value === "function" ? value(open) : value;
+		if (setOpenProp) setOpenProp(openState);
+		else _setOpen(openState);
+		document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+	}, [setOpenProp, open]);
+	const toggleSidebar = useCallback(() => isMobile ? setOpenMobile((prev) => !prev) : setOpen((prev) => !prev), [isMobile, setOpen]);
+	useEffect(() => {
+		const handleKeyDown = (event) => {
+			if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+				event.preventDefault();
+				toggleSidebar();
+			}
+		};
+		window.addEventListener("keydown", handleKeyDown);
+		return () => window.removeEventListener("keydown", handleKeyDown);
+	}, [toggleSidebar]);
+	const state = open ? "expanded" : "collapsed";
+	const contextValue = useMemo(() => ({
+		state,
+		open,
+		setOpen,
+		isMobile,
+		openMobile,
+		setOpenMobile,
+		toggleSidebar
+	}), [
+		state,
+		open,
+		setOpen,
+		isMobile,
+		openMobile,
+		toggleSidebar
+	]);
+	return /* @__PURE__ */ jsx(SidebarContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar", className),
+			"data-slot": "sidebar-wrapper",
+			style: {
+				"--sidebar-width": SIDEBAR_WIDTH,
+				"--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+				...style
+			},
+			...props,
+			children
+		})
+	});
+};
+
+//#endregion
+//#region src/ui/sidebar/sidebar-rail.tsx
+const SidebarRail = ({ className, ...props }) => {
+	const { toggleSidebar } = useSidebar();
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": "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-[2px] hover:after:bg-sidebar-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-sidebar", "[[data-side=left][data-collapsible=offExamples]_&]:-right-2", "[[data-side=right][data-collapsible=offExamples]_&]:-left-2", className),
+		"data-sidebar": "rail",
+		"data-slot": "sidebar-rail",
+		onClick: toggleSidebar,
+		tabIndex: -1,
+		title: "Toggle Sidebar",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/sidebar/sidebar-separator.tsx
+const SidebarSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Separator, {
+	className: cn("w-auto bg-sidebar-border", className),
+	"data-sidebar": "separator",
+	"data-slot": "sidebar-separator",
+	...props
+});
+
+//#endregion
+//#region src/ui/sidebar/sidebar-trigger.tsx
+const SidebarTrigger = ({ className, onClick, ...props }) => {
+	const { toggleSidebar } = useSidebar();
+	const handleClick = useCallback((event) => {
+		onClick?.(event);
+		toggleSidebar();
+	}, [onClick, toggleSidebar]);
+	return /* @__PURE__ */ jsxs(Button, {
+		className: cn(className),
+		"data-sidebar": "trigger",
+		"data-slot": "sidebar-trigger",
+		onClick: handleClick,
+		size: "icon-sm",
+		variant: "ghost",
+		...props,
+		children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon: SidebarLeftIcon,
+			strokeWidth: 2
+		}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Toggle Sidebar"
+		})]
+	});
+};
+
+//#endregion
+export { SidebarContent as C, SidebarFooter as S, SidebarHeader as _, SidebarMenuSubItem as a, SidebarGroupAction as b, SidebarMenuSkeleton as c, useSidebar as d, SidebarMenuBadge as f, SidebarInput as g, SidebarInset as h, SidebarProvider as i, SidebarMenuItem as l, SidebarMenu as m, SidebarSeparator as n, SidebarMenuSubButton as o, SidebarMenuAction as p, SidebarRail as r, SidebarMenuSub as s, SidebarTrigger as t, SidebarMenuButton as u, SidebarGroupLabel as v, SIDEBAR_WIDTH_MOBILE as w, SidebarGroup as x, SidebarGroupContent as y };
+//# sourceMappingURL=sidebar-trigger-C_fOu1p2.js.map

package/dist/sidebar-trigger-C_fOu1p2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-trigger-C_fOu1p2.js","names":[],"sources":["../src/ui/sidebar/constants.ts","../src/ui/sidebar/sidebar-content.tsx","../src/ui/sidebar/sidebar-footer.tsx","../src/ui/sidebar/sidebar-group.tsx","../src/ui/sidebar/sidebar-group-action.tsx","../src/ui/sidebar/sidebar-group-content.tsx","../src/ui/sidebar/sidebar-group-label.tsx","../src/ui/sidebar/sidebar-header.tsx","../src/ui/sidebar/sidebar-input.tsx","../src/ui/sidebar/sidebar-inset.tsx","../src/ui/sidebar/sidebar-menu.tsx","../src/ui/sidebar/sidebar-menu-action.tsx","../src/ui/sidebar/sidebar-menu-badge.tsx","../src/ui/sidebar/use-sidebar.tsx","../src/ui/sidebar/sidebar-menu-button.tsx","../src/ui/sidebar/sidebar-menu-item.tsx","../src/ui/sidebar/sidebar-menu-skeleton.tsx","../src/ui/sidebar/sidebar-menu-sub.tsx","../src/ui/sidebar/sidebar-menu-sub-button.tsx","../src/ui/sidebar/sidebar-menu-sub-item.tsx","../src/ui/sidebar/sidebar-provider.tsx","../src/ui/sidebar/sidebar-rail.tsx","../src/ui/sidebar/sidebar-separator.tsx","../src/ui/sidebar/sidebar-trigger.tsx"],"sourcesContent":["export 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","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst SidebarContent = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\n      \"no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden\",\n      className\n    )}\n    data-sidebar=\"content\"\n    data-slot=\"sidebar-content\"\n    {...props}\n  />\n);\n\nexport { SidebarContent };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst SidebarFooter = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\"flex flex-col gap-2 p-2\", className)}\n    data-sidebar=\"footer\"\n    data-slot=\"sidebar-footer\"\n    {...props}\n  />\n);\n\nexport { SidebarFooter };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst SidebarGroup = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\"relative flex w-full min-w-0 flex-col p-2\", className)}\n    data-sidebar=\"group\"\n    data-slot=\"sidebar-group\"\n    {...props}\n  />\n);\n\nexport { SidebarGroup };\n","import type { ComponentProps } from \"react\";\n\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nconst SidebarGroupAction = ({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<\"button\"> & ComponentProps<\"button\">) =>\n  useRender({\n    defaultTagName: \"button\",\n    props: mergeProps<\"button\">(\n      {\n        className: cn(\n          \"absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"sidebar-group-action\",\n      sidebar: \"group-action\",\n    },\n  });\n\nexport { SidebarGroupAction };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst SidebarGroupContent = ({\n  className,\n  ...props\n}: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\"w-full text-sm\", className)}\n    data-sidebar=\"group-content\"\n    data-slot=\"sidebar-group-content\"\n    {...props}\n  />\n);\n\nexport { SidebarGroupContent };\n","import type { ComponentProps } from \"react\";\n\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nconst SidebarGroupLabel = ({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\"> & ComponentProps<\"div\">) =>\n  useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-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          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"sidebar-group-label\",\n      sidebar: \"group-label\",\n    },\n  });\n\nexport { SidebarGroupLabel };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst SidebarHeader = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\"flex flex-col gap-2 p-2\", className)}\n    data-sidebar=\"header\"\n    data-slot=\"sidebar-header\"\n    {...props}\n  />\n);\n\nexport { SidebarHeader };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Input } from \"../input/input\";\n\nconst SidebarInput = ({\n  className,\n  ...props\n}: ComponentProps<typeof Input>) => (\n  <Input\n    className={cn(\"h-8 w-full bg-background shadow-none\", className)}\n    data-sidebar=\"input\"\n    data-slot=\"sidebar-input\"\n    {...props}\n  />\n);\n\nexport { SidebarInput };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst SidebarInset = ({ className, ...props }: ComponentProps<\"main\">) => (\n  <main\n    className={cn(\n      \"relative flex w-full min-w-0 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      className\n    )}\n    data-slot=\"sidebar-inset\"\n    {...props}\n  />\n);\n\nexport { SidebarInset };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst SidebarMenu = ({ className, ...props }: ComponentProps<\"ul\">) => (\n  <ul\n    className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n    data-sidebar=\"menu\"\n    data-slot=\"sidebar-menu\"\n    {...props}\n  />\n);\n\nexport { SidebarMenu };\n","import type { ComponentProps } from \"react\";\n\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nconst SidebarMenuAction = ({\n  className,\n  render,\n  showOnHover = false,\n  ...props\n}: useRender.ComponentProps<\"button\"> &\n  ComponentProps<\"button\"> & {\n    showOnHover?: boolean;\n  }) =>\n  useRender({\n    defaultTagName: \"button\",\n    props: mergeProps<\"button\">(\n      {\n        className: cn(\n          \"absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-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-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0\",\n          showOnHover &&\n            \"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-active/menu-button:text-sidebar-accent-foreground data-open:opacity-100 md:opacity-0\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"sidebar-menu-action\",\n      sidebar: \"menu-action\",\n    },\n  });\n\nexport { SidebarMenuAction };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst SidebarMenuBadge = ({ className, ...props }: ComponentProps<\"div\">) => (\n  <div\n    className={cn(\n      \"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-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-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\",\n      className\n    )}\n    data-sidebar=\"menu-badge\"\n    data-slot=\"sidebar-menu-badge\"\n    {...props}\n  />\n);\n\nexport { SidebarMenuBadge };\n","\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nexport interface SidebarContextProps {\n  state: \"expanded\" | \"collapsed\";\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  openMobile: boolean;\n  setOpenMobile: (open: boolean) => void;\n  isMobile: boolean;\n  toggleSidebar: () => void;\n}\n\nexport const SidebarContext = createContext<SidebarContextProps | null>(null);\n\nexport const useSidebar = () => {\n  const context = useContext(SidebarContext);\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a SidebarProvider.\");\n  }\n\n  return context;\n};\n","import type { ComponentProps } from \"react\";\n\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../tooltip/tooltip\";\nimport { useSidebar } from \"./use-sidebar\";\n\nconst sidebarMenuButtonVariants = tv({\n  base: \"peer/menu-button group/menu-button flex w-full cursor-pointer items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-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-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate\",\n  variants: {\n    variant: {\n      default: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n      outline:\n        \"bg-background shadow-[0_0_0_1px_hsl(var(--kb-sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--kb-sidebar-accent))]\",\n    },\n    size: {\n      default: \"h-8 text-sm\",\n      sm: \"h-7 text-xs\",\n      lg: \"h-12 text-sm group-data-[collapsible=icon]:p-0!\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\",\n  },\n});\n\nconst SidebarMenuButton = ({\n  render,\n  isActive = false,\n  variant = \"default\",\n  size = \"default\",\n  tooltip,\n  className,\n  ...props\n}: useRender.ComponentProps<\"button\"> &\n  ComponentProps<\"button\"> & {\n    isActive?: boolean;\n    tooltip?: string | ComponentProps<typeof TooltipContent>;\n  } & VariantProps<typeof sidebarMenuButtonVariants>) => {\n  const { isMobile, state } = useSidebar();\n  const comp = useRender({\n    defaultTagName: \"button\",\n    props: mergeProps<\"button\">(\n      {\n        className: cn(sidebarMenuButtonVariants({ variant, size }), className),\n      },\n      props\n    ),\n    render: tooltip ? TooltipTrigger : render,\n    state: {\n      slot: \"sidebar-menu-button\",\n      sidebar: \"menu-button\",\n      size,\n      active: isActive,\n    },\n  });\n\n  if (!tooltip) {\n    return comp;\n  }\n\n  if (typeof tooltip === \"string\") {\n    // oxlint-disable-next-line no-param-reassign\n    tooltip = {\n      children: tooltip,\n    };\n  }\n\n  return (\n    <Tooltip>\n      {comp}\n      <TooltipContent\n        align=\"center\"\n        hidden={state !== \"collapsed\" || isMobile}\n        side=\"right\"\n        {...tooltip}\n      />\n    </Tooltip>\n  );\n};\n\nexport { SidebarMenuButton, sidebarMenuButtonVariants };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst SidebarMenuItem = ({ className, ...props }: ComponentProps<\"li\">) => (\n  <li\n    className={cn(\"group/menu-item relative\", className)}\n    data-sidebar=\"menu-item\"\n    data-slot=\"sidebar-menu-item\"\n    {...props}\n  />\n);\n\nexport { SidebarMenuItem };\n","\"use client\";\n\nimport type { ComponentProps, CSSProperties } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Skeleton } from \"../skeleton/skeleton\";\n\nconst SidebarMenuSkeleton = ({\n  className,\n  showIcon = false,\n  ...props\n}: ComponentProps<\"div\"> & {\n  showIcon?: boolean;\n}) => (\n  <div\n    className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n    data-sidebar=\"menu-skeleton\"\n    data-slot=\"sidebar-menu-skeleton\"\n    {...props}\n  >\n    {showIcon && (\n      <Skeleton\n        className=\"size-4 rounded-md\"\n        data-sidebar=\"menu-skeleton-icon\"\n      />\n    )}\n    <Skeleton\n      className=\"h-4 max-w-(--skeleton-width) flex-1\"\n      data-sidebar=\"menu-skeleton-text\"\n      style={\n        {\n          \"--skeleton-width\": \"100%\",\n        } as CSSProperties\n      }\n    />\n  </div>\n);\n\nexport { SidebarMenuSkeleton };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst SidebarMenuSub = ({ className, ...props }: ComponentProps<\"ul\">) => (\n  <ul\n    className={cn(\n      \"mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden\",\n      className\n    )}\n    data-sidebar=\"menu-sub\"\n    data-slot=\"sidebar-menu-sub\"\n    {...props}\n  />\n);\n\nexport { SidebarMenuSub };\n","import type { ComponentProps } from \"react\";\n\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nconst SidebarMenuSubButton = ({\n  render,\n  size = \"md\",\n  isActive = false,\n  className,\n  ...props\n}: useRender.ComponentProps<\"a\"> &\n  ComponentProps<\"a\"> & {\n    size?: \"sm\" | \"md\";\n    isActive?: boolean;\n  }) =>\n  useRender({\n    defaultTagName: \"a\",\n    props: mergeProps<\"a\">(\n      {\n        className: cn(\n          \"flex h-7 min-w-0 -translate-x-px cursor-pointer items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-[size=md]:text-sm data-[size=sm]:text-xs [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"sidebar-menu-sub-button\",\n      sidebar: \"menu-sub-button\",\n      size,\n      active: isActive,\n    },\n  });\n\nexport { SidebarMenuSubButton };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nconst SidebarMenuSubItem = ({ className, ...props }: ComponentProps<\"li\">) => (\n  <li\n    className={cn(\"group/menu-sub-item relative\", className)}\n    data-sidebar=\"menu-sub-item\"\n    data-slot=\"sidebar-menu-sub-item\"\n    {...props}\n  />\n);\n\nexport { SidebarMenuSubItem };\n","\"use client\";\n\nimport type { ComponentProps, CSSProperties } from \"react\";\n\nimport { useIsMobile } from \"@kuzenbo/hooks\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport {\n  SIDEBAR_COOKIE_MAX_AGE,\n  SIDEBAR_COOKIE_NAME,\n  SIDEBAR_KEYBOARD_SHORTCUT,\n  SIDEBAR_WIDTH,\n  SIDEBAR_WIDTH_ICON,\n} from \"./constants\";\nimport { SidebarContext, type SidebarContextProps } from \"./use-sidebar\";\n\nconst SidebarProvider = ({\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange: setOpenProp,\n  className,\n  style,\n  children,\n  ...props\n}: ComponentProps<\"div\"> & {\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}) => {\n  const isMobile = useIsMobile();\n  const [openMobile, setOpenMobile] = useState(false);\n\n  // This is the internal state of the sidebar.\n  // We use openProp and setOpenProp for control from outside the component.\n  const [_open, _setOpen] = useState(defaultOpen);\n  const open = openProp ?? _open;\n  const setOpen = useCallback(\n    (value: boolean | ((prev: boolean) => boolean)) => {\n      const openState = typeof value === \"function\" ? value(open) : value;\n      if (setOpenProp) {\n        setOpenProp(openState);\n      } else {\n        _setOpen(openState);\n      }\n\n      // This sets the cookie to keep the sidebar state.\n      // oxlint-disable-next-line unicorn/no-document-cookie\n      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n    },\n    [setOpenProp, open]\n  );\n\n  // Helper to toggle the sidebar.\n  const toggleSidebar = useCallback(\n    () =>\n      isMobile ? setOpenMobile((prev) => !prev) : setOpen((prev) => !prev),\n    [isMobile, setOpen]\n  );\n\n  // Adds a keyboard shortcut to toggle the sidebar.\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (\n        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n        (event.metaKey || event.ctrlKey)\n      ) {\n        event.preventDefault();\n        toggleSidebar();\n      }\n    };\n\n    window.addEventListener(\"keydown\", handleKeyDown);\n    return () => window.removeEventListener(\"keydown\", handleKeyDown);\n  }, [toggleSidebar]);\n\n  // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n  // This makes it easier to style the sidebar with Tailwind classes.\n  const state = open ? \"expanded\" : \"collapsed\";\n\n  const contextValue = useMemo<SidebarContextProps>(\n    () => ({\n      state,\n      open,\n      setOpen,\n      isMobile,\n      openMobile,\n      setOpenMobile,\n      toggleSidebar,\n    }),\n    [state, open, setOpen, isMobile, openMobile, toggleSidebar]\n  );\n\n  return (\n    <SidebarContext.Provider value={contextValue}>\n      <div\n        className={cn(\n          \"group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar\",\n          className\n        )}\n        data-slot=\"sidebar-wrapper\"\n        style={\n          {\n            \"--sidebar-width\": SIDEBAR_WIDTH,\n            \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n            ...style,\n          } as CSSProperties\n        }\n        {...props}\n      >\n        {children}\n      </div>\n    </SidebarContext.Provider>\n  );\n};\n\nexport { SidebarProvider };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { useSidebar } from \"./use-sidebar\";\n\nconst SidebarRail = ({ className, ...props }: ComponentProps<\"button\">) => {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <button\n      type=\"button\"\n      aria-label=\"Toggle Sidebar\"\n      className={cn(\n        \"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-[2px] hover:after:bg-sidebar-border sm:flex\",\n        \"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n        \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n        \"group-data-[collapsible=offExamples]:translate-x-0 group-data-[collapsible=offExamples]:after:left-full hover:group-data-[collapsible=offExamples]:bg-sidebar\",\n        \"[[data-side=left][data-collapsible=offExamples]_&]:-right-2\",\n        \"[[data-side=right][data-collapsible=offExamples]_&]:-left-2\",\n        className\n      )}\n      data-sidebar=\"rail\"\n      data-slot=\"sidebar-rail\"\n      onClick={toggleSidebar}\n      tabIndex={-1}\n      title=\"Toggle Sidebar\"\n      {...props}\n    />\n  );\n};\n\nexport { SidebarRail };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Separator } from \"../separator/separator\";\n\nconst SidebarSeparator = ({\n  className,\n  ...props\n}: ComponentProps<typeof Separator>) => (\n  <Separator\n    className={cn(\"w-auto bg-sidebar-border\", className)}\n    data-sidebar=\"separator\"\n    data-slot=\"sidebar-separator\"\n    {...props}\n  />\n);\n\nexport { SidebarSeparator };\n","\"use client\";\n\nimport { SidebarLeftIcon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { useCallback, type ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\nimport { useSidebar } from \"./use-sidebar\";\n\nconst SidebarTrigger = ({\n  className,\n  onClick,\n  ...props\n}: ComponentProps<typeof Button>) => {\n  const { toggleSidebar } = useSidebar();\n\n  const handleClick = useCallback(\n    (\n      event: Parameters<\n        NonNullable<ComponentProps<typeof Button>[\"onClick\"]>\n      >[0]\n    ) => {\n      onClick?.(event);\n      toggleSidebar();\n    },\n    [onClick, toggleSidebar]\n  );\n\n  return (\n    <Button\n      className={cn(className)}\n      data-sidebar=\"trigger\"\n      data-slot=\"sidebar-trigger\"\n      onClick={handleClick}\n      size=\"icon-sm\"\n      variant=\"ghost\"\n      {...props}\n    >\n      <HugeiconsIcon icon={SidebarLeftIcon} strokeWidth={2} />\n      <span className=\"sr-only\">Toggle Sidebar</span>\n    </Button>\n  );\n};\n\nexport { SidebarTrigger };\n"],"mappings":"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"}