npm - @lssm/lib.design-system - Versions diffs - 1.7.2 → 1.7.3 - Mend

@lssm/lib.design-system 1.7.2 → 1.7.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (197) hide show

package/dist/renderers/form-contract.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"form-contract.js","names":["Select","SelectUiKit","~~v","~~Checkbox","CheckboxUiKit","RadioGroup","RadioGroupUiKit","Switch","SwitchUiKit","~~createFormRenderer","shadcnDriver","~~FieldWrap"],"sources":["../../src/renderers/form-contract.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { createFormRenderer } from '@lssm/lib.contracts/client/react/form-render';\nimport { shadcnDriver } from '@lssm/lib.contracts/client/react/drivers/shadcn';\n\n// Minimal shadcn driver mapping: host must wire its components here.\n// Replace these placeholders with actual shadcn/ui imports in your app.\nimport {\n Field as FieldWrap,\n FieldDescription,\n FieldError,\n FieldGroup,\n FieldLabel,\n} from '@lssm/lib.ui-kit-web/ui/field';\nimport { Button } from '../components/atoms/Button';\nimport { Input } from '../components/atoms/Input';\nimport { Textarea } from '../components/atoms/Textarea';\nimport { Switch as SwitchUiKit } from '@lssm/lib.ui-kit-web/ui/switch';\nimport {\n RadioGroup as RadioGroupUiKit,\n RadioGroupItem,\n} from '@lssm/lib.ui-kit-web/ui/radio-group';\nimport { Checkbox as CheckboxUiKit } from '@lssm/lib.ui-kit-web/ui/checkbox';\nimport {\n Select as SelectUiKit,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from '@lssm/lib.ui-kit-web/ui/select';\nimport { Label } from '@lssm/lib.ui-kit-web/ui/label';\n\n// Select/Checkbox/Radio/Switch are app-specific; provide thin wrappers.\nconst Select = (props: any) => {\n const { options, value, onChange, ...rest } = props;\n return (\n <SelectUiKit\n value={value ?? ''}\n onValueChange={(v) => onChange?.(v)}\n {...rest}\n >\n <SelectTrigger className=\"w-[180px]\">\n <SelectValue placeholder={props.placeholder} />\n </SelectTrigger>\n <SelectContent>\n <SelectGroup>\n {/* <SelectLabel>Fruits</SelectLabel> /}\n {/ <SelectItem value=\"\" disabled hidden></SelectItem> */}\n {options?.map((o: any, i: number) => (\n <SelectItem key={i} value={o.value} disabled={o.disabled}>\n {o.labelI18n}\n </SelectItem>\n ))}\n </SelectGroup>\n </SelectContent>\n </SelectUiKit>\n );\n};\nconst Checkbox = (props: any) => (\n <CheckboxUiKit\n checked={!!props.checked}\n onCheckedChange={(v) => props.onCheckedChange?.(v)}\n {...props}\n />\n);\nconst RadioGroup = (props: any) => (\n <RadioGroupUiKit {...props}>\n {props.options?.map((o: any, i: number) => (\n <div className=\"flex items-center gap-3\">\n <RadioGroupItem value={o.value} id={o.value} />\n <Label htmlFor={o.value}>{o.label}</Label>\n </div>\n ))}\n </RadioGroupUiKit>\n);\nconst Switch = (props: any) => (\n <SwitchUiKit\n checked={!!props.checked}\n onCheckedChange={(v) => props.onCheckedChange?.(v)}\n {...props}\n />\n);\n\nexport const formRenderer = createFormRenderer({\n driver: shadcnDriver({\n Field: FieldWrap,\n FieldLabel: FieldLabel,\n FieldDescription: FieldDescription,\n FieldError: FieldError,\n FieldGroup: FieldGroup,\n FieldSet: (p: any) => <fieldset {...p} />,\n FieldLegend: (p: any) => <legend {...p} />,\n Input: Input as any,\n Textarea: Textarea as any,\n Select: Select,\n Checkbox: Checkbox,\n RadioGroup: RadioGroup,\n Switch: Switch,\n Button: Button as any,\n }),\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkCA,MAAMA,YAAU,UAAe;CAC7B,MAAM,EAAE,SAAS,OAAO,SAAU,GAAG,SAAS;AAC9C,QACE,qBAACC;EACC,OAAO,SAAS;EAChB,gBAAgB,~~QAAM~~,~~WAAWC~~,~~IAAE~~;EACnC,GAAI;aAEJ,oBAAC;GAAc,WAAU;aACvB,oBAAC,eAAY,aAAa,MAAM,cAAe;IACjC,EAChB,oBAAC,2BACC,oBAAC,yBAGE,SAAS,KAAK,GAAQ,MACrB,oBAAC;GAAmB,OAAO,EAAE;GAAO,UAAU,EAAE;aAC7C,EAAE;KADY,EAEJ,CACb,GACU,GACA;GACJ;;AAGlB,MAAMC,cAAY,UAChB,oBAACC;CACC,SAAS,CAAC,CAAC,MAAM;CACjB,kBAAkB,~~QAAM~~,MAAM,~~kBAAkBF~~,~~IAAE~~;CAClD,GAAI;EACJ;AAEJ,~~MAAMG~~,gBAAc,UAClB,oBAACC;CAAgB,GAAI;WAClB,MAAM,SAAS,KAAK,GAAQ,MAC3B,qBAAC;EAAI,WAAU;aACb,oBAAC;GAAe,OAAO,EAAE;GAAO,IAAI,EAAE;IAAS,EAC/C,oBAAC;GAAM,SAAS,EAAE;aAAQ,EAAE;IAAc;GACtC,CACN;EACc;AAEpB,MAAMC,YAAU,UACd,oBAACC;CACC,SAAS,CAAC,CAAC,MAAM;CACjB,kBAAkB,~~QAAM~~,MAAM,~~kBAAkBN~~,~~IAAE~~;CAClD,GAAI;EACJ;AAGJ,MAAa,~~eAAeO~~,~~EAAmB~~,EAC7C,~~QAAQC~~,~~EAAa~~;CACZC;CACK;CACM;CACN;CACA;CACZ,WAAW,MAAW,oBAAC,cAAS,GAAI,IAAK;CACzC,cAAc,MAAW,oBAAC,YAAO,GAAI,IAAK;CACnC;CACG;CACV,~~QAAQX~~;CACR,~~UAAUG~~;CACV,YAAYE;CACZ,QAAQE;CACA;CACT,CAAC,EACH,CAAC"}
1	+ {"version":3,"file":"form-contract.js","names":["Select","SelectUiKit","Checkbox","CheckboxUiKit","RadioGroup","RadioGroupUiKit","Switch","SwitchUiKit","FieldWrap"],"sources":["../../src/renderers/form-contract.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { createFormRenderer } from '@lssm/lib.contracts/client/react/form-render';\nimport { shadcnDriver } from '@lssm/lib.contracts/client/react/drivers/shadcn';\n\n// Minimal shadcn driver mapping: host must wire its components here.\n// Replace these placeholders with actual shadcn/ui imports in your app.\nimport {\n Field as FieldWrap,\n FieldDescription,\n FieldError,\n FieldGroup,\n FieldLabel,\n} from '@lssm/lib.ui-kit-web/ui/field';\nimport { Button } from '../components/atoms/Button';\nimport { Input } from '../components/atoms/Input';\nimport { Textarea } from '../components/atoms/Textarea';\nimport { Switch as SwitchUiKit } from '@lssm/lib.ui-kit-web/ui/switch';\nimport {\n RadioGroup as RadioGroupUiKit,\n RadioGroupItem,\n} from '@lssm/lib.ui-kit-web/ui/radio-group';\nimport { Checkbox as CheckboxUiKit } from '@lssm/lib.ui-kit-web/ui/checkbox';\nimport {\n Select as SelectUiKit,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from '@lssm/lib.ui-kit-web/ui/select';\nimport { Label } from '@lssm/lib.ui-kit-web/ui/label';\n\n// Select/Checkbox/Radio/Switch are app-specific; provide thin wrappers.\nconst Select = (props: any) => {\n const { options, value, onChange, ...rest } = props;\n return (\n <SelectUiKit\n value={value ?? ''}\n onValueChange={(v) => onChange?.(v)}\n {...rest}\n >\n <SelectTrigger className=\"w-[180px]\">\n <SelectValue placeholder={props.placeholder} />\n </SelectTrigger>\n <SelectContent>\n <SelectGroup>\n {/* <SelectLabel>Fruits</SelectLabel> /}\n {/ <SelectItem value=\"\" disabled hidden></SelectItem> */}\n {options?.map((o: any, i: number) => (\n <SelectItem key={i} value={o.value} disabled={o.disabled}>\n {o.labelI18n}\n </SelectItem>\n ))}\n </SelectGroup>\n </SelectContent>\n </SelectUiKit>\n );\n};\nconst Checkbox = (props: any) => (\n <CheckboxUiKit\n checked={!!props.checked}\n onCheckedChange={(v) => props.onCheckedChange?.(v)}\n {...props}\n />\n);\nconst RadioGroup = (props: any) => (\n <RadioGroupUiKit {...props}>\n {props.options?.map((o: any, i: number) => (\n <div className=\"flex items-center gap-3\">\n <RadioGroupItem value={o.value} id={o.value} />\n <Label htmlFor={o.value}>{o.label}</Label>\n </div>\n ))}\n </RadioGroupUiKit>\n);\nconst Switch = (props: any) => (\n <SwitchUiKit\n checked={!!props.checked}\n onCheckedChange={(v) => props.onCheckedChange?.(v)}\n {...props}\n />\n);\n\nexport const formRenderer = createFormRenderer({\n driver: shadcnDriver({\n Field: FieldWrap,\n FieldLabel: FieldLabel,\n FieldDescription: FieldDescription,\n FieldError: FieldError,\n FieldGroup: FieldGroup,\n FieldSet: (p: any) => <fieldset {...p} />,\n FieldLegend: (p: any) => <legend {...p} />,\n Input: Input as any,\n Textarea: Textarea as any,\n Select: Select,\n Checkbox: Checkbox,\n RadioGroup: RadioGroup,\n Switch: Switch,\n Button: Button as any,\n }),\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkCA,MAAMA,YAAU,UAAe;CAC7B,MAAM,EAAE,SAAS,OAAO,SAAU,GAAG,SAAS;AAC9C,QACE,qBAACC;EACC,OAAO,SAAS;EAChB,gBAAgB,MAAM,WAAW,EAAE;EACnC,GAAI;aAEJ,oBAAC;GAAc,WAAU;aACvB,oBAAC,eAAY,aAAa,MAAM,cAAe;IACjC,EAChB,oBAAC,2BACC,oBAAC,yBAGE,SAAS,KAAK,GAAQ,MACrB,oBAAC;GAAmB,OAAO,EAAE;GAAO,UAAU,EAAE;aAC7C,EAAE;KADY,EAEJ,CACb,GACU,GACA;GACJ;;AAGlB,MAAMC,cAAY,UAChB,oBAACC;CACC,SAAS,CAAC,CAAC,MAAM;CACjB,kBAAkB,MAAM,MAAM,kBAAkB,EAAE;CAClD,GAAI;EACJ;AAEJ,MAAMC,gBAAc,UAClB,oBAACC;CAAgB,GAAI;WAClB,MAAM,SAAS,KAAK,GAAQ,MAC3B,qBAAC;EAAI,WAAU;aACb,oBAAC;GAAe,OAAO,EAAE;GAAO,IAAI,EAAE;IAAS,EAC/C,oBAAC;GAAM,SAAS,EAAE;aAAQ,EAAE;IAAc;GACtC,CACN;EACc;AAEpB,MAAMC,YAAU,UACd,oBAACC;CACC,SAAS,CAAC,CAAC,MAAM;CACjB,kBAAkB,MAAM,MAAM,kBAAkB,EAAE;CAClD,GAAI;EACJ;AAGJ,MAAa,eAAe,mBAAmB,EAC7C,QAAQ,aAAa;CACZC;CACK;CACM;CACN;CACA;CACZ,WAAW,MAAW,oBAAC,cAAS,GAAI,IAAK;CACzC,cAAc,MAAW,oBAAC,YAAO,GAAI,IAAK;CACnC;CACG;CACV,QAAQR;CACR,UAAUE;CACV,YAAYE;CACZ,QAAQE;CACA;CACT,CAAC,EACH,CAAC"}

package/dist/theme/tokenBridge.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tokenBridge.d.ts","names":[],"sources":["../../src/theme/tokenBridge.ts"],"sourcesContent":[],"mappings":";;;KASY,YAAA;KAEP,SAAA,UAAmB;AAFxB,UAIU,YAAA,CAJc;EAEnB,MAAA,EAIK,WAJI;EAEJ,OAAA,EAGC,WAHW;EAEZ,UAAA,EAAA;IACC,EAAA,EAAA,MAAA;IAKF,IAAA,EAAA,MAAA;EACA,CAAA;EAAM,KAAA,EADN,YACM;EAGH,KAAA,EAHH,MAGG,CAAA,MAAa,EAAA,~~MAAA~~,~~CAAG~~;AAE5B;KAFY,aAAA,GAAgB,YAAY;iBAExB,oBAAA,WAA+B,eAAe"}
1	+ {"version":3,"file":"tokenBridge.d.ts","names":[],"sources":["../../src/theme/tokenBridge.ts"],"sourcesContent":[],"mappings":";;;KASY,YAAA;KAEP,SAAA,UAAmB;AAFxB,UAIU,YAAA,CAJc;EAEnB,MAAA,EAIK,WAJI;EAEJ,OAAA,EAGC,WAHW;EAEZ,UAAA,EAAA;IACC,EAAA,EAAA,MAAA;IAKF,IAAA,EAAA,MAAA;EACA,CAAA;EAAM,KAAA,EADN,YACM;EAGH,KAAA,EAHH,MAGG,CAAA,MAAa,EAAA,MAAG,CAAA;AAE5B;KAFY,aAAA,GAAgB,YAAY;iBAExB,oBAAA,WAA+B,eAAe"}

package/dist/theme/variants.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types19 from "class-variance-authority/types";
+import * as class_variance_authority_types18 from "class-variance-authority/types";
 //#region src/theme/variants.d.ts
 type SizeVariant = 'sm' | 'md' | 'lg';
@@ -13,9 +13,9 @@ type EmphasisVariant = 'default' | 'subtle' | 'strong';
 declare const dsBaseVariants: (props?: ({
   size?: "sm" | "md" | "lg" | null | undefined;
   density?: "compact" | "comfortable" | null | undefined;
-  tone?: "info" | "warning" | "danger" | "neutral" | "success" | null | undefined;
+  tone?: "neutral" | "info" | "success" | "warning" | "danger" | null | undefined;
   emphasis?: "strong" | "default" | "subtle" | null | undefined;
-} & class_variance_authority_types19.ClassProp) | undefined) => string;
+} & class_variance_authority_types18.ClassProp) | undefined) => string;
 type DSBaseVariantsProps = VariantProps<typeof dsBaseVariants>;
 //#endregion
 export { DSBaseVariantsProps, DensityVariant, EmphasisVariant, SizeVariant, ToneVariant, dsBaseVariants };

package/dist/types/navigation.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"navigation.d.ts","names":[],"sources":["../../src/types/navigation.ts"],"sourcesContent":[],"mappings":";;;UAEiB,OAAA;SACR,OAAA,CAAM;EADE,IAAA,EAAA,MAAO;EACf,IAAA,CAAM,EAEN,OAAA,CAAM,SAFA;EAEN,KAAM,CAAA,EAAA,MAAA,GAAA,MAAA;EAKC,MAAM,CAAA,EAAA,OAAA,GAAA,QAAA;EAAS,SAAA,CAAA,EAAA,MAAA;EAMd,QAAA,CAAA,EAAA,OAAU;EAKV,WAAA,CAAA,EAXD,OAAA,CAAM,SAYb;EAOQ,QAAA,CAAA,EAAA,MAAa;EACrB,QAAM,CAAA,EAAA,MAAA;EAEC,UAAM,CAAA,EAAA,MAAA,EAAA;;AAEL,UAlBA,UAAA,CAkBA;EAIA,KAAA,CAAA,EArBP,OAAA,CAAM,~~SAsBP~~;~~SArBA~~;;UAGQ,YAAA;SACR,OAAA,CAAM;;;SAGN,OAAA,CAAM;;;UAIE,aAAA;SACR,OAAA,CAAM;;gBAEC,OAAA,CAAM;;UAEZ;;;UAIO,SAAA;SACR,OAAA,CAAM"}
1	+ {"version":3,"file":"navigation.d.ts","names":[],"sources":["../../src/types/navigation.ts"],"sourcesContent":[],"mappings":";;;UAEiB,OAAA;SACR,OAAA,CAAM;EADE,IAAA,EAAA,MAAO;EACf,IAAA,CAAM,EAEN,OAAA,CAAM,SAFA;EAEN,KAAM,CAAA,EAAA,MAAA,GAAA,MAAA;EAKC,MAAM,CAAA,EAAA,OAAA,GAAA,QAAA;EAAS,SAAA,CAAA,EAAA,MAAA;EAMd,QAAA,CAAA,EAAA,OAAU;EAKV,WAAA,CAAA,EAXD,OAAA,CAAM,SAYb;EAOQ,QAAA,CAAA,EAAA,MAAa;EACrB,QAAM,CAAA,EAAA,MAAA;EAEC,UAAM,CAAA,EAAA,MAAA,EAAA;;AAEL,UAlBA,UAAA,CAkBA;EAIA,KAAA,CAAA,EArBP,OAAA,CAAM,SAqBU;SApBjB;;UAGQ,YAAA;SACR,OAAA,CAAM;;;SAGN,OAAA,CAAM;;;UAIE,aAAA;SACR,OAAA,CAAM;;gBAEC,OAAA,CAAM;;UAEZ;;;UAIO,SAAA;SACR,OAAA,CAAM"}

package/dist/ui-kit-web/dist/ui/sidebar.js CHANGED Viewed

@@ -2,22 +2,19 @@
 import { cn, init_utils } from "./utils.js";
-import { Separator } from "./separator.js";
-import { Button } from "./button.js";
 import { Input } from "./input.js";
-import { Sheet, SheetContent } from "./sheet.js";
+import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "./sheet.js";
 import { useIsMobile } from "./use-mobile.js";
-import { Skeleton } from "./skeleton.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip.js";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { Slot } from "@radix-ui/react-slot";
-import { PanelLeft } from "lucide-react";
+import "lucide-react";
 //#region ../ui-kit-web/dist/ui/sidebar.js
 init_utils();
-const SIDEBAR_COOKIE_NAME = "sidebar:state";
+const SIDEBAR_COOKIE_NAME = "sidebar_state";
 const SIDEBAR_COOKIE_MAX_AGE = 3600 * 24 * 7;
 const SIDEBAR_WIDTH = "16rem";
 const SIDEBAR_WIDTH_MOBILE = "18rem";
@@ -29,7 +26,7 @@ function useSidebar() {
 	if (!context) throw new Error("useSidebar must be used within a SidebarProvider.");
 	return context;
 }
-const SidebarProvider = React$1.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children,...props }, ref) => {
+function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children,...props }) {
 	const isMobile = useIsMobile();
 	const [openMobile, setOpenMobile] = React$1.useState(false);
 	const [_open, _setOpen] = React$1.useState(defaultOpen);
@@ -80,25 +77,24 @@ const SidebarProvider = React$1.forwardRef(({ defaultOpen = true, open: openProp
 		children: /* @__PURE__ */ jsx(TooltipProvider, {
 			delayDuration: 0,
 			children: /* @__PURE__ */ jsx("div", {
+				"data-slot": "sidebar-wrapper",
 				style: {
 					"--sidebar-width": SIDEBAR_WIDTH,
 					"--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
 					...style
 				},
 				className: cn("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", className),
-				ref,
 				...props,
 				children
 			})
 		})
 	});
-});
-SidebarProvider.displayName = "SidebarProvider";
-const Sidebar = React$1.forwardRef(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children,...props }, ref) => {
+}
+function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children,...props }) {
 	const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
 	if (collapsible === "none") return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sidebar",
 		className: cn("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", className),
-		ref,
 		...props,
 		children
 	});
@@ -106,182 +102,140 @@ const Sidebar = React$1.forwardRef(({ side = "left", variant = "sidebar", collap
 		open: openMobile,
 		onOpenChange: setOpenMobile,
 		...props,
-		children: /* @__PURE__ */ jsx(SheetContent, {
+		children: /* @__PURE__ */ jsxs(SheetContent, {
 			"data-sidebar": "sidebar",
+			"data-slot": "sidebar",
 			"data-mobile": "true",
 			className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
 			style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
 			side,
-			children: /* @__PURE__ */ jsx("div", {
+			children: [/* @__PURE__ */ jsxs(SheetHeader, {
+				className: "sr-only",
+				children: [/* @__PURE__ */ jsx(SheetTitle, { children: "Sidebar" }), /* @__PURE__ */ jsx(SheetDescription, { children: "Displays the mobile sidebar." })]
+			}), /* @__PURE__ */ jsx("div", {
 				className: "flex h-full w-full flex-col",
 				children
-			})
+			})]
 		})
 	});
 	return /* @__PURE__ */ jsxs("div", {
-		ref,
-		className: "text-sidebar-foreground group peer hidden md:block",
+		className: "group peer text-sidebar-foreground hidden md:block",
 		"data-state": state,
 		"data-collapsible": state === "collapsed" ? collapsible : "",
 		"data-variant": variant,
 		"data-side": side,
-		children: [/* @__PURE__ */ jsx("div", { className: cn("relative h-svh w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)") }), /* @__PURE__ */ jsx("div", {
+		"data-slot": "sidebar",
+		children: [/* @__PURE__ */ jsx("div", {
+			"data-slot": "sidebar-gap",
+			className: cn("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)")
+		}), /* @__PURE__ */ jsx("div", {
+			"data-slot": "sidebar-container",
 			className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex", side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", className),
 			...props,
 			children: /* @__PURE__ */ jsx("div", {
 				"data-sidebar": "sidebar",
-				className: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-2xs",
+				"data-slot": "sidebar-inner",
+				className: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm",
 				children
 			})
 		})]
 	});
-});
-Sidebar.displayName = "Sidebar";
-const SidebarTrigger = React$1.forwardRef(({ className, onClick,...props }, ref) => {
-	const { toggleSidebar } = useSidebar();
-	return /* @__PURE__ */ jsxs(Button, {
-		ref,
-		"data-sidebar": "trigger",
-		variant: "ghost",
-		size: "icon",
-		className: cn("h-7 w-7", className),
-		onClick: (event) => {
-			onClick?.(event);
-			toggleSidebar();
-		},
-		...props,
-		children: [/* @__PURE__ */ jsx(PanelLeft, {}), /* @__PURE__ */ jsx("span", {
-			className: "sr-only",
-			children: "Toggle Sidebar"
-		})]
-	});
-});
-SidebarTrigger.displayName = "SidebarTrigger";
-const SidebarRail = React$1.forwardRef(({ className,...props }, ref) => {
+}
+function SidebarRail({ className,...props }) {
 	const { toggleSidebar } = useSidebar();
 	return /* @__PURE__ */ jsx("button", {
-		ref,
 		"data-sidebar": "rail",
+		"data-slot": "sidebar-rail",
 		"aria-label": "Toggle Sidebar",
 		tabIndex: -1,
 		onClick: toggleSidebar,
 		title: "Toggle Sidebar",
-		className: cn("hover:after:bg-sidebar-border 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] 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=offcanvas]:hover:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className),
-		...props
-	});
-});
-SidebarRail.displayName = "SidebarRail";
-const SidebarInset = React$1.forwardRef(({ className,...props }, ref) => {
-	return /* @__PURE__ */ jsx("main", {
-		ref,
-		className: cn("bg-background relative flex min-h-svh flex-1 flex-col", "peer-data-[variant=inset]:min-h-[calc(100svh-(--spacing(4)))] 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-2xs md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2", className),
+		className: cn("hover:after:bg-sidebar-border 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] 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", "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className),
 		...props
 	});
-});
-SidebarInset.displayName = "SidebarInset";
-const SidebarInput = React$1.forwardRef(({ className,...props }, ref) => {
+}
+function SidebarInput({ className,...props }) {
 	return /* @__PURE__ */ jsx(Input, {
-		ref,
+		"data-slot": "sidebar-input",
 		"data-sidebar": "input",
-		className: cn("focus-visible:ring-sidebar-ring bg-background h-8 w-full shadow-none focus-visible:ring-2", className),
+		className: cn("bg-background h-8 w-full shadow-none", className),
 		...props
 	});
-});
-SidebarInput.displayName = "SidebarInput";
-const SidebarHeader = React$1.forwardRef(({ className,...props }, ref) => {
+}
+function SidebarHeader({ className,...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		ref,
+		"data-slot": "sidebar-header",
 		"data-sidebar": "header",
 		className: cn("flex flex-col gap-2 p-2", className),
 		...props
 	});
-});
-SidebarHeader.displayName = "SidebarHeader";
-const SidebarFooter = React$1.forwardRef(({ className,...props }, ref) => {
+}
+function SidebarFooter({ className,...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		ref,
+		"data-slot": "sidebar-footer",
 		"data-sidebar": "footer",
 		className: cn("flex flex-col gap-2 p-2", className),
 		...props
 	});
-});
-SidebarFooter.displayName = "SidebarFooter";
-const SidebarSeparator = React$1.forwardRef(({ className,...props }, ref) => {
-	return /* @__PURE__ */ jsx(Separator, {
-		ref,
-		"data-sidebar": "separator",
-		className: cn("bg-sidebar-border mx-2 w-auto", className),
-		...props
-	});
-});
-SidebarSeparator.displayName = "SidebarSeparator";
-const SidebarContent = React$1.forwardRef(({ className,...props }, ref) => {
+}
+function SidebarContent({ className,...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		ref,
+		"data-slot": "sidebar-content",
 		"data-sidebar": "content",
 		className: cn("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className),
 		...props
 	});
-});
-SidebarContent.displayName = "SidebarContent";
-const SidebarGroup = React$1.forwardRef(({ className,...props }, ref) => {
+}
+function SidebarGroup({ className,...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		ref,
+		"data-slot": "sidebar-group",
 		"data-sidebar": "group",
 		className: cn("relative flex w-full min-w-0 flex-col p-2", className),
 		...props
 	});
-});
-SidebarGroup.displayName = "SidebarGroup";
-const SidebarGroupLabel = React$1.forwardRef(({ className, asChild = false,...props }, ref) => {
+}
+function SidebarGroupLabel({ className, asChild = false,...props }) {
 	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
-		ref,
+		"data-slot": "sidebar-group-label",
 		"data-sidebar": "group-label",
-		className: cn("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-sm font-medium outline-hidden transition-[margin,opa] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", className),
+		className: cn("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", className),
 		...props
 	});
-});
-SidebarGroupLabel.displayName = "SidebarGroupLabel";
-const SidebarGroupAction = React$1.forwardRef(({ className, asChild = false,...props }, ref) => {
-	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
-		ref,
-		"data-sidebar": "group-action",
-		className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "group-data-[collapsible=icon]:hidden", className),
+}
+function SidebarGroupContent({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sidebar-group-content",
+		"data-sidebar": "group-content",
+		className: cn("w-full text-sm", className),
 		...props
 	});
-});
-SidebarGroupAction.displayName = "SidebarGroupAction";
-const SidebarGroupContent = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
-	ref,
-	"data-sidebar": "group-content",
-	className: cn("w-full text-base", className),
-	...props
-}));
-SidebarGroupContent.displayName = "SidebarGroupContent";
-const SidebarMenu = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("ul", {
-	ref,
-	"data-sidebar": "menu",
-	className: cn("flex w-full min-w-0 flex-col gap-1", className),
-	...props
-}));
-SidebarMenu.displayName = "SidebarMenu";
-const SidebarMenuItem = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("li", {
-	ref,
-	"data-sidebar": "menu-item",
-	className: cn("group/menu-item relative", className),
-	...props
-}));
-SidebarMenuItem.displayName = "SidebarMenuItem";
-const sidebarMenuButtonVariants = cva("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-base outline-hidden ring-sidebar-ring transition-[width,height,padding] 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 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", {
+}
+function SidebarMenu({ className,...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "sidebar-menu",
+		"data-sidebar": "menu",
+		className: cn("flex w-full min-w-0 flex-col gap-1", className),
+		...props
+	});
+}
+function SidebarMenuItem({ className,...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "sidebar-menu-item",
+		"data-sidebar": "menu-item",
+		className: cn("group/menu-item relative", className),
+		...props
+	});
+}
+const sidebarMenuButtonVariants = cva("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] 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 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", {
 	variants: {
 		variant: {
 			default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
 			outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
 		},
 		size: {
-			default: "h-8 text-base",
-			sm: "h-7 text-sm",
-			lg: "h-12 text-base group-data-[collapsible=icon]:p-0!"
+			default: "h-8 text-sm",
+			sm: "h-7 text-xs",
+			lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
 		}
 	},
 	defaultVariants: {
@@ -289,11 +243,11 @@ const sidebarMenuButtonVariants = cva("peer/menu-button flex w-full items-center
 		size: "default"
 	}
 });
-const SidebarMenuButton = React$1.forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className,...props }, ref) => {
+function SidebarMenuButton({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className,...props }) {
 	const Comp = asChild ? Slot : "button";
 	const { isMobile, state } = useSidebar();
 	const button = /* @__PURE__ */ jsx(Comp, {
-		ref,
+		"data-slot": "sidebar-menu-button",
 		"data-sidebar": "menu-button",
 		"data-size": size,
 		"data-active": isActive,
@@ -314,67 +268,15 @@ const SidebarMenuButton = React$1.forwardRef(({ asChild = false, isActive = fals
 		hidden: state !== "collapsed" || isMobile,
 		...tooltip
 	})] });
-});
-SidebarMenuButton.displayName = "SidebarMenuButton";
-const SidebarMenuAction = React$1.forwardRef(({ className, asChild = false, showOnHover = false,...props }, ref) => {
-	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
-		ref,
-		"data-sidebar": "menu-action",
-		className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", showOnHover && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0", className),
-		...props
-	});
-});
-SidebarMenuAction.displayName = "SidebarMenuAction";
-const SidebarMenuBadge = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
-	ref,
-	"data-sidebar": "menu-badge",
-	className: cn("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-sm font-medium tabular-nums select-none", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", className),
-	...props
-}));
-SidebarMenuBadge.displayName = "SidebarMenuBadge";
-const SidebarMenuSkeleton = React$1.forwardRef(({ className, showIcon = false,...props }, ref) => {
-	const width = React$1.useMemo(() => {
-		return `${Math.floor(Math.random() * 40) + 50}%`;
-	}, []);
-	return /* @__PURE__ */ jsxs("div", {
-		ref,
-		"data-sidebar": "menu-skeleton",
-		className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
-		...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": width }
-		})]
-	});
-});
-SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-const SidebarMenuSub = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("ul", {
-	ref,
-	"data-sidebar": "menu-sub",
-	className: cn("border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5", "group-data-[collapsible=icon]:hidden", className),
-	...props
-}));
-SidebarMenuSub.displayName = "SidebarMenuSub";
-const SidebarMenuSubItem = React$1.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("li", {
-	ref,
-	...props
-}));
-SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-const SidebarMenuSubButton = React$1.forwardRef(({ asChild = false, size = "md", isActive, className,...props }, ref) => {
-	return /* @__PURE__ */ jsx(asChild ? Slot : "a", {
-		ref,
-		"data-sidebar": "menu-sub-button",
-		"data-size": size,
-		"data-active": isActive,
-		className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground", size === "sm" && "text-sm", size === "md" && "text-base", "group-data-[collapsible=icon]:hidden", className),
+}
+function SidebarMenuBadge({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sidebar-menu-badge",
+		"data-sidebar": "menu-badge",
+		className: cn("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", className),
 		...props
 	});
-});
-SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
+}
 //#endregion
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarMenu, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarRail };

package/dist/ui-kit-web/dist/ui/sidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sidebar.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/sidebar.js"],"sourcesContent":["'use client';\n\n\nimport { cn } from \"./utils.js\";\nimport { Button } from \"./button.js\";\nimport { Input } from \"./input.js\";\nimport { Separator } from \"./separator.js\";\nimport { Sheet, SheetContent } from \"./sheet.js\";\nimport { useIsMobile } from \"./use-mobile.js\";\nimport { Skeleton } from \"./skeleton.js\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"./tooltip.js\";\nimport * as React$1 from \"react\";\nimport { PanelLeft } from \"lucide-react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva } from \"class-variance-authority\";\n\n//#region ui/sidebar.tsx\nconst SIDEBAR_COOKIE_NAME = \"sidebar:state\";\nconst SIDEBAR_COOKIE_MAX_AGE = 3600 * 24 * 7;\nconst SIDEBAR_WIDTH = \"16rem\";\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\";\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\";\nconst SidebarContext = React$1.createContext(null);\nfunction useSidebar() {\n\tconst context = React$1.useContext(SidebarContext);\n\tif (!context) throw new Error(\"useSidebar must be used within a SidebarProvider.\");\n\treturn context;\n}\nconst SidebarProvider = React$1.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children,...props }, ref) => {\n\tconst isMobile = useIsMobile();\n\tconst [openMobile, setOpenMobile] = React$1.useState(false);\n\tconst [_open, _setOpen] = React$1.useState(defaultOpen);\n\tconst open = openProp ?? _open;\n\tconst setOpen = React$1.useCallback((value) => {\n\t\tconst openState = typeof value === \"function\" ? value(open) : value;\n\t\tif (setOpenProp) setOpenProp(openState);\n\t\telse _setOpen(openState);\n\t\tdocument.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n\t}, [setOpenProp, open]);\n\tconst toggleSidebar = React$1.useCallback(() => {\n\t\treturn isMobile ? setOpenMobile((open$1) => !open$1) : setOpen((open$1) => !open$1);\n\t}, [\n\t\tisMobile,\n\t\tsetOpen,\n\t\tsetOpenMobile\n\t]);\n\tReact$1.useEffect(() => {\n\t\tconst handleKeyDown = (event) => {\n\t\t\tif (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey \|\| event.ctrlKey)) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\ttoggleSidebar();\n\t\t\t}\n\t\t};\n\t\twindow.addEventListener(\"keydown\", handleKeyDown);\n\t\treturn () => window.removeEventListener(\"keydown\", handleKeyDown);\n\t}, [toggleSidebar]);\n\tconst state = open ? \"expanded\" : \"collapsed\";\n\tconst contextValue = React$1.useMemo(() => ({\n\t\tstate,\n\t\topen,\n\t\tsetOpen,\n\t\tisMobile,\n\t\topenMobile,\n\t\tsetOpenMobile,\n\t\ttoggleSidebar\n\t}), [\n\t\tstate,\n\t\topen,\n\t\tsetOpen,\n\t\tisMobile,\n\t\topenMobile,\n\t\tsetOpenMobile,\n\t\ttoggleSidebar\n\t]);\n\treturn /* @__PURE__ / jsx(SidebarContext.Provider, {\n\t\tvalue: contextValue,\n\t\tchildren: / @__PURE__ / jsx(TooltipProvider, {\n\t\t\tdelayDuration: 0,\n\t\t\tchildren: / @__PURE__ / jsx(\"div\", {\n\t\t\t\tstyle: {\n\t\t\t\t\t\"--sidebar-width\": SIDEBAR_WIDTH,\n\t\t\t\t\t\"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n\t\t\t\t\t...style\n\t\t\t\t},\n\t\t\t\tclassName: cn(\"group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full\", className),\n\t\t\t\tref,\n\t\t\t\t...props,\n\t\t\t\tchildren\n\t\t\t})\n\t\t})\n\t});\n});\nSidebarProvider.displayName = \"SidebarProvider\";\nconst Sidebar = React$1.forwardRef(({ side = \"left\", variant = \"sidebar\", collapsible = \"offcanvas\", className, children,...props }, ref) => {\n\tconst { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\tif (collapsible === \"none\") return / @__PURE__ / jsx(\"div\", {\n\t\tclassName: cn(\"bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col\", className),\n\t\tref,\n\t\t...props,\n\t\tchildren\n\t});\n\tif (isMobile) return / @__PURE__ / jsx(Sheet, {\n\t\topen: openMobile,\n\t\tonOpenChange: setOpenMobile,\n\t\t...props,\n\t\tchildren: / @__PURE__ / jsx(SheetContent, {\n\t\t\t\"data-sidebar\": \"sidebar\",\n\t\t\t\"data-mobile\": \"true\",\n\t\t\tclassName: \"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden\",\n\t\t\tstyle: { \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE },\n\t\t\tside,\n\t\t\tchildren: / @__PURE__ / jsx(\"div\", {\n\t\t\t\tclassName: \"flex h-full w-full flex-col\",\n\t\t\t\tchildren\n\t\t\t})\n\t\t})\n\t});\n\treturn / @__PURE__ / jsxs(\"div\", {\n\t\tref,\n\t\tclassName: \"text-sidebar-foreground group peer hidden md:block\",\n\t\t\"data-state\": state,\n\t\t\"data-collapsible\": state === \"collapsed\" ? collapsible : \"\",\n\t\t\"data-variant\": variant,\n\t\t\"data-side\": side,\n\t\tchildren: [/ @__PURE__ / jsx(\"div\", { className: cn(\"relative h-svh w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear\", \"group-data-[collapsible=offcanvas]:w-0\", \"group-data-[side=right]:rotate-180\", variant === \"floating\" \|\| variant === \"inset\" ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\" : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\") }), / @__PURE__ / jsx(\"div\", {\n\t\t\tclassName: cn(\"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex\", side === \"left\" ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)-1)]\" : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)-1)]\", variant === \"floating\" \|\| variant === \"inset\" ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\" : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l\", className),\n\t\t\t...props,\n\t\t\tchildren: / @__PURE__ / jsx(\"div\", {\n\t\t\t\t\"data-sidebar\": \"sidebar\",\n\t\t\t\tclassName: \"bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-2xs\",\n\t\t\t\tchildren\n\t\t\t})\n\t\t})]\n\t});\n});\nSidebar.displayName = \"Sidebar\";\nconst SidebarTrigger = React$1.forwardRef(({ className, onClick,...props }, ref) => {\n\tconst { toggleSidebar } = useSidebar();\n\treturn / @__PURE__ / jsxs(Button, {\n\t\tref,\n\t\t\"data-sidebar\": \"trigger\",\n\t\tvariant: \"ghost\",\n\t\tsize: \"icon\",\n\t\tclassName: cn(\"h-7 w-7\", className),\n\t\tonClick: (event) => {\n\t\t\tonClick?.(event);\n\t\t\ttoggleSidebar();\n\t\t},\n\t\t...props,\n\t\tchildren: [/ @__PURE__ / jsx(PanelLeft, {}), / @__PURE__ / jsx(\"span\", {\n\t\t\tclassName: \"sr-only\",\n\t\t\tchildren: \"Toggle Sidebar\"\n\t\t})]\n\t});\n});\nSidebarTrigger.displayName = \"SidebarTrigger\";\nconst SidebarRail = React$1.forwardRef(({ className,...props }, ref) => {\n\tconst { toggleSidebar } = useSidebar();\n\treturn / @__PURE__ / jsx(\"button\", {\n\t\tref,\n\t\t\"data-sidebar\": \"rail\",\n\t\t\"aria-label\": \"Toggle Sidebar\",\n\t\ttabIndex: -1,\n\t\tonClick: toggleSidebar,\n\t\ttitle: \"Toggle Sidebar\",\n\t\tclassName: cn(\"hover:after:bg-sidebar-border 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] 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=offcanvas]:hover:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full\", \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\", \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\", className),\n\t\t...props\n\t});\n});\nSidebarRail.displayName = \"SidebarRail\";\nconst SidebarInset = React$1.forwardRef(({ className,...props }, ref) => {\n\treturn / @__PURE__ / jsx(\"main\", {\n\t\tref,\n\t\tclassName: cn(\"bg-background relative flex min-h-svh flex-1 flex-col\", \"peer-data-[variant=inset]:min-h-[calc(100svh-(--spacing(4)))] 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-2xs md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2\", className),\n\t\t...props\n\t});\n});\nSidebarInset.displayName = \"SidebarInset\";\nconst SidebarInput = React$1.forwardRef(({ className,...props }, ref) => {\n\treturn / @__PURE__ / jsx(Input, {\n\t\tref,\n\t\t\"data-sidebar\": \"input\",\n\t\tclassName: cn(\"focus-visible:ring-sidebar-ring bg-background h-8 w-full shadow-none focus-visible:ring-2\", className),\n\t\t...props\n\t});\n});\nSidebarInput.displayName = \"SidebarInput\";\nconst SidebarHeader = React$1.forwardRef(({ className,...props }, ref) => {\n\treturn / @__PURE__ / jsx(\"div\", {\n\t\tref,\n\t\t\"data-sidebar\": \"header\",\n\t\tclassName: cn(\"flex flex-col gap-2 p-2\", className),\n\t\t...props\n\t});\n});\nSidebarHeader.displayName = \"SidebarHeader\";\nconst SidebarFooter = React$1.forwardRef(({ className,...props }, ref) => {\n\treturn / @__PURE__ / jsx(\"div\", {\n\t\tref,\n\t\t\"data-sidebar\": \"footer\",\n\t\tclassName: cn(\"flex flex-col gap-2 p-2\", className),\n\t\t...props\n\t});\n});\nSidebarFooter.displayName = \"SidebarFooter\";\nconst SidebarSeparator = React$1.forwardRef(({ className,...props }, ref) => {\n\treturn / @__PURE__ / jsx(Separator, {\n\t\tref,\n\t\t\"data-sidebar\": \"separator\",\n\t\tclassName: cn(\"bg-sidebar-border mx-2 w-auto\", className),\n\t\t...props\n\t});\n});\nSidebarSeparator.displayName = \"SidebarSeparator\";\nconst SidebarContent = React$1.forwardRef(({ className,...props }, ref) => {\n\treturn / @__PURE__ / jsx(\"div\", {\n\t\tref,\n\t\t\"data-sidebar\": \"content\",\n\t\tclassName: cn(\"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden\", className),\n\t\t...props\n\t});\n});\nSidebarContent.displayName = \"SidebarContent\";\nconst SidebarGroup = React$1.forwardRef(({ className,...props }, ref) => {\n\treturn / @__PURE__ / jsx(\"div\", {\n\t\tref,\n\t\t\"data-sidebar\": \"group\",\n\t\tclassName: cn(\"relative flex w-full min-w-0 flex-col p-2\", className),\n\t\t...props\n\t});\n});\nSidebarGroup.displayName = \"SidebarGroup\";\nconst SidebarGroupLabel = React$1.forwardRef(({ className, asChild = false,...props }, ref) => {\n\treturn / @__PURE__ / jsx(asChild ? Slot : \"div\", {\n\t\tref,\n\t\t\"data-sidebar\": \"group-label\",\n\t\tclassName: cn(\"text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-sm font-medium outline-hidden transition-[margin,opa] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\", \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\", className),\n\t\t...props\n\t});\n});\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\";\nconst SidebarGroupAction = React$1.forwardRef(({ className, asChild = false,...props }, ref) => {\n\treturn / @__PURE__ / jsx(asChild ? Slot : \"button\", {\n\t\tref,\n\t\t\"data-sidebar\": \"group-action\",\n\t\tclassName: cn(\"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\", \"after:absolute after:-inset-2 md:after:hidden\", \"group-data-[collapsible=icon]:hidden\", className),\n\t\t...props\n\t});\n});\nSidebarGroupAction.displayName = \"SidebarGroupAction\";\nconst SidebarGroupContent = React$1.forwardRef(({ className,...props }, ref) => / @__PURE__ / jsx(\"div\", {\n\tref,\n\t\"data-sidebar\": \"group-content\",\n\tclassName: cn(\"w-full text-base\", className),\n\t...props\n}));\nSidebarGroupContent.displayName = \"SidebarGroupContent\";\nconst SidebarMenu = React$1.forwardRef(({ className,...props }, ref) => / @__PURE__ / jsx(\"ul\", {\n\tref,\n\t\"data-sidebar\": \"menu\",\n\tclassName: cn(\"flex w-full min-w-0 flex-col gap-1\", className),\n\t...props\n}));\nSidebarMenu.displayName = \"SidebarMenu\";\nconst SidebarMenuItem = React$1.forwardRef(({ className,...props }, ref) => / @__PURE__ / jsx(\"li\", {\n\tref,\n\t\"data-sidebar\": \"menu-item\",\n\tclassName: cn(\"group/menu-item relative\", className),\n\t...props\n}));\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\nconst sidebarMenuButtonVariants = cva(\"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-base outline-hidden ring-sidebar-ring transition-[width,height,padding] 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 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\", {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n\t\t\toutline: \"bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]\"\n\t\t},\n\t\tsize: {\n\t\t\tdefault: \"h-8 text-base\",\n\t\t\tsm: \"h-7 text-sm\",\n\t\t\tlg: \"h-12 text-base group-data-[collapsible=icon]:p-0!\"\n\t\t}\n\t},\n\tdefaultVariants: {\n\t\tvariant: \"default\",\n\t\tsize: \"default\"\n\t}\n});\nconst SidebarMenuButton = React$1.forwardRef(({ asChild = false, isActive = false, variant = \"default\", size = \"default\", tooltip, className,...props }, ref) => {\n\tconst Comp = asChild ? Slot : \"button\";\n\tconst { isMobile, state } = useSidebar();\n\tconst button = / @__PURE__ / jsx(Comp, {\n\t\tref,\n\t\t\"data-sidebar\": \"menu-button\",\n\t\t\"data-size\": size,\n\t\t\"data-active\": isActive,\n\t\tclassName: cn(sidebarMenuButtonVariants({\n\t\t\tvariant,\n\t\t\tsize\n\t\t}), className),\n\t\t...props\n\t});\n\tif (!tooltip) return button;\n\tif (typeof tooltip === \"string\") tooltip = { children: tooltip };\n\treturn / @__PURE__ / jsxs(Tooltip, { children: [/ @__PURE__ / jsx(TooltipTrigger, {\n\t\tasChild: true,\n\t\tchildren: button\n\t}), / @__PURE__ / jsx(TooltipContent, {\n\t\tside: \"right\",\n\t\talign: \"center\",\n\t\thidden: state !== \"collapsed\" \|\| isMobile,\n\t\t...tooltip\n\t})] });\n});\nSidebarMenuButton.displayName = \"SidebarMenuButton\";\nconst SidebarMenuAction = React$1.forwardRef(({ className, asChild = false, showOnHover = false,...props }, ref) => {\n\treturn / @__PURE__ / jsx(asChild ? Slot : \"button\", {\n\t\tref,\n\t\t\"data-sidebar\": \"menu-action\",\n\t\tclassName: cn(\"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\", \"after:absolute after:-inset-2 md:after:hidden\", \"peer-data-[size=sm]/menu-button:top-1\", \"peer-data-[size=default]/menu-button:top-1.5\", \"peer-data-[size=lg]/menu-button:top-2.5\", \"group-data-[collapsible=icon]:hidden\", showOnHover && \"peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0\", className),\n\t\t...props\n\t});\n});\nSidebarMenuAction.displayName = \"SidebarMenuAction\";\nconst SidebarMenuBadge = React$1.forwardRef(({ className,...props }, ref) => / @__PURE__ / jsx(\"div\", {\n\tref,\n\t\"data-sidebar\": \"menu-badge\",\n\tclassName: cn(\"text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-sm font-medium tabular-nums select-none\", \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\", \"peer-data-[size=sm]/menu-button:top-1\", \"peer-data-[size=default]/menu-button:top-1.5\", \"peer-data-[size=lg]/menu-button:top-2.5\", \"group-data-[collapsible=icon]:hidden\", className),\n\t...props\n}));\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\";\nconst SidebarMenuSkeleton = React$1.forwardRef(({ className, showIcon = false,...props }, ref) => {\n\tconst width = React$1.useMemo(() => {\n\t\treturn `${Math.floor(Math.random() 40) + 50}%`;\n\t}, []);\n\treturn /* @__PURE__ / jsxs(\"div\", {\n\t\tref,\n\t\t\"data-sidebar\": \"menu-skeleton\",\n\t\tclassName: cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className),\n\t\t...props,\n\t\tchildren: [showIcon && / @__PURE__ / jsx(Skeleton, {\n\t\t\tclassName: \"size-4 rounded-md\",\n\t\t\t\"data-sidebar\": \"menu-skeleton-icon\"\n\t\t}), / @__PURE__ / jsx(Skeleton, {\n\t\t\tclassName: \"h-4 max-w-(--skeleton-width) flex-1\",\n\t\t\t\"data-sidebar\": \"menu-skeleton-text\",\n\t\t\tstyle: { \"--skeleton-width\": width }\n\t\t})]\n\t});\n});\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\";\nconst SidebarMenuSub = React$1.forwardRef(({ className,...props }, ref) => / @__PURE__ / jsx(\"ul\", {\n\tref,\n\t\"data-sidebar\": \"menu-sub\",\n\tclassName: cn(\"border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5\", \"group-data-[collapsible=icon]:hidden\", className),\n\t...props\n}));\nSidebarMenuSub.displayName = \"SidebarMenuSub\";\nconst SidebarMenuSubItem = React$1.forwardRef(({ ...props }, ref) => / @__PURE__ / jsx(\"li\", {\n\tref,\n\t...props\n}));\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\";\nconst SidebarMenuSubButton = React$1.forwardRef(({ asChild = false, size = \"md\", isActive, className,...props }, ref) => {\n\treturn / @__PURE__ */ jsx(asChild ? Slot : \"a\", {\n\t\tref,\n\t\t\"data-sidebar\": \"menu-sub-button\",\n\t\t\"data-size\": size,\n\t\t\"data-active\": isActive,\n\t\tclassName: cn(\"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\", \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\", size === \"sm\" && \"text-sm\", size === \"md\" && \"text-base\", \"group-data-[collapsible=icon]:hidden\", className),\n\t\t...props\n\t});\n});\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\";\n\n//#endregion\nexport { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };\n//# sourceMappingURL=sidebar.js.map"],"mappings":"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"}
1	+ {"version":3,"file":"sidebar.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/sidebar.js"],"sourcesContent":["'use client';\n\n\nimport { cn } from \"./utils.js\";\nimport { Button } from \"./button.js\";\nimport { Input } from \"./input.js\";\nimport { Separator } from \"./separator.js\";\nimport { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from \"./sheet.js\";\nimport { useIsMobile } from \"./use-mobile.js\";\nimport { Skeleton } from \"./skeleton.js\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"./tooltip.js\";\nimport * as React$1 from \"react\";\nimport { PanelLeftIcon } from \"lucide-react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva } from \"class-variance-authority\";\n\n//#region ui/sidebar.tsx\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\";\nconst SIDEBAR_COOKIE_MAX_AGE = 3600 * 24 * 7;\nconst SIDEBAR_WIDTH = \"16rem\";\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\";\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\";\nconst SidebarContext = React$1.createContext(null);\nfunction useSidebar() {\n\tconst context = React$1.useContext(SidebarContext);\n\tif (!context) throw new Error(\"useSidebar must be used within a SidebarProvider.\");\n\treturn context;\n}\nfunction SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children,...props }) {\n\tconst isMobile = useIsMobile();\n\tconst [openMobile, setOpenMobile] = React$1.useState(false);\n\tconst [_open, _setOpen] = React$1.useState(defaultOpen);\n\tconst open = openProp ?? _open;\n\tconst setOpen = React$1.useCallback((value) => {\n\t\tconst openState = typeof value === \"function\" ? value(open) : value;\n\t\tif (setOpenProp) setOpenProp(openState);\n\t\telse _setOpen(openState);\n\t\tdocument.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n\t}, [setOpenProp, open]);\n\tconst toggleSidebar = React$1.useCallback(() => {\n\t\treturn isMobile ? setOpenMobile((open$1) => !open$1) : setOpen((open$1) => !open$1);\n\t}, [\n\t\tisMobile,\n\t\tsetOpen,\n\t\tsetOpenMobile\n\t]);\n\tReact$1.useEffect(() => {\n\t\tconst handleKeyDown = (event) => {\n\t\t\tif (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey \|\| event.ctrlKey)) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\ttoggleSidebar();\n\t\t\t}\n\t\t};\n\t\twindow.addEventListener(\"keydown\", handleKeyDown);\n\t\treturn () => window.removeEventListener(\"keydown\", handleKeyDown);\n\t}, [toggleSidebar]);\n\tconst state = open ? \"expanded\" : \"collapsed\";\n\tconst contextValue = React$1.useMemo(() => ({\n\t\tstate,\n\t\topen,\n\t\tsetOpen,\n\t\tisMobile,\n\t\topenMobile,\n\t\tsetOpenMobile,\n\t\ttoggleSidebar\n\t}), [\n\t\tstate,\n\t\topen,\n\t\tsetOpen,\n\t\tisMobile,\n\t\topenMobile,\n\t\tsetOpenMobile,\n\t\ttoggleSidebar\n\t]);\n\treturn /* @__PURE__ / jsx(SidebarContext.Provider, {\n\t\tvalue: contextValue,\n\t\tchildren: / @__PURE__ / jsx(TooltipProvider, {\n\t\t\tdelayDuration: 0,\n\t\t\tchildren: / @__PURE__ / jsx(\"div\", {\n\t\t\t\t\"data-slot\": \"sidebar-wrapper\",\n\t\t\t\tstyle: {\n\t\t\t\t\t\"--sidebar-width\": SIDEBAR_WIDTH,\n\t\t\t\t\t\"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n\t\t\t\t\t...style\n\t\t\t\t},\n\t\t\t\tclassName: cn(\"group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full\", className),\n\t\t\t\t...props,\n\t\t\t\tchildren\n\t\t\t})\n\t\t})\n\t});\n}\nfunction Sidebar({ side = \"left\", variant = \"sidebar\", collapsible = \"offcanvas\", className, children,...props }) {\n\tconst { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\tif (collapsible === \"none\") return / @__PURE__ / jsx(\"div\", {\n\t\t\"data-slot\": \"sidebar\",\n\t\tclassName: cn(\"bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col\", className),\n\t\t...props,\n\t\tchildren\n\t});\n\tif (isMobile) return / @__PURE__ / jsx(Sheet, {\n\t\topen: openMobile,\n\t\tonOpenChange: setOpenMobile,\n\t\t...props,\n\t\tchildren: / @__PURE__ / jsxs(SheetContent, {\n\t\t\t\"data-sidebar\": \"sidebar\",\n\t\t\t\"data-slot\": \"sidebar\",\n\t\t\t\"data-mobile\": \"true\",\n\t\t\tclassName: \"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden\",\n\t\t\tstyle: { \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE },\n\t\t\tside,\n\t\t\tchildren: [/ @__PURE__ / jsxs(SheetHeader, {\n\t\t\t\tclassName: \"sr-only\",\n\t\t\t\tchildren: [/ @__PURE__ / jsx(SheetTitle, { children: \"Sidebar\" }), / @__PURE__ / jsx(SheetDescription, { children: \"Displays the mobile sidebar.\" })]\n\t\t\t}), / @__PURE__ / jsx(\"div\", {\n\t\t\t\tclassName: \"flex h-full w-full flex-col\",\n\t\t\t\tchildren\n\t\t\t})]\n\t\t})\n\t});\n\treturn / @__PURE__ / jsxs(\"div\", {\n\t\tclassName: \"group peer text-sidebar-foreground hidden md:block\",\n\t\t\"data-state\": state,\n\t\t\"data-collapsible\": state === \"collapsed\" ? collapsible : \"\",\n\t\t\"data-variant\": variant,\n\t\t\"data-side\": side,\n\t\t\"data-slot\": \"sidebar\",\n\t\tchildren: [/ @__PURE__ / jsx(\"div\", {\n\t\t\t\"data-slot\": \"sidebar-gap\",\n\t\t\tclassName: cn(\"relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear\", \"group-data-[collapsible=offcanvas]:w-0\", \"group-data-[side=right]:rotate-180\", variant === \"floating\" \|\| variant === \"inset\" ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\" : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\")\n\t\t}), / @__PURE__ / jsx(\"div\", {\n\t\t\t\"data-slot\": \"sidebar-container\",\n\t\t\tclassName: cn(\"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex\", side === \"left\" ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)-1)]\" : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)-1)]\", variant === \"floating\" \|\| variant === \"inset\" ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\" : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l\", className),\n\t\t\t...props,\n\t\t\tchildren: / @__PURE__ / jsx(\"div\", {\n\t\t\t\t\"data-sidebar\": \"sidebar\",\n\t\t\t\t\"data-slot\": \"sidebar-inner\",\n\t\t\t\tclassName: \"bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm\",\n\t\t\t\tchildren\n\t\t\t})\n\t\t})]\n\t});\n}\nfunction SidebarTrigger({ className, onClick,...props }) {\n\tconst { toggleSidebar } = useSidebar();\n\treturn / @__PURE__ / jsxs(Button, {\n\t\t\"data-sidebar\": \"trigger\",\n\t\t\"data-slot\": \"sidebar-trigger\",\n\t\tvariant: \"ghost\",\n\t\tsize: \"icon\",\n\t\tclassName: cn(\"size-7\", className),\n\t\tonClick: (event) => {\n\t\t\tonClick?.(event);\n\t\t\ttoggleSidebar();\n\t\t},\n\t\t...props,\n\t\tchildren: [/ @__PURE__ / jsx(PanelLeftIcon, {}), / @__PURE__ / jsx(\"span\", {\n\t\t\tclassName: \"sr-only\",\n\t\t\tchildren: \"Toggle Sidebar\"\n\t\t})]\n\t});\n}\nfunction SidebarRail({ className,...props }) {\n\tconst { toggleSidebar } = useSidebar();\n\treturn / @__PURE__ / jsx(\"button\", {\n\t\t\"data-sidebar\": \"rail\",\n\t\t\"data-slot\": \"sidebar-rail\",\n\t\t\"aria-label\": \"Toggle Sidebar\",\n\t\ttabIndex: -1,\n\t\tonClick: toggleSidebar,\n\t\ttitle: \"Toggle Sidebar\",\n\t\tclassName: cn(\"hover:after:bg-sidebar-border 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] 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\", \"hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full\", \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\", \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\", className),\n\t\t...props\n\t});\n}\nfunction SidebarInset({ className,...props }) {\n\treturn / @__PURE__ / jsx(\"main\", {\n\t\t\"data-slot\": \"sidebar-inset\",\n\t\tclassName: cn(\"bg-background relative flex w-full flex-1 flex-col\", \"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),\n\t\t...props\n\t});\n}\nfunction SidebarInput({ className,...props }) {\n\treturn / @__PURE__ / jsx(Input, {\n\t\t\"data-slot\": \"sidebar-input\",\n\t\t\"data-sidebar\": \"input\",\n\t\tclassName: cn(\"bg-background h-8 w-full shadow-none\", className),\n\t\t...props\n\t});\n}\nfunction SidebarHeader({ className,...props }) {\n\treturn / @__PURE__ / jsx(\"div\", {\n\t\t\"data-slot\": \"sidebar-header\",\n\t\t\"data-sidebar\": \"header\",\n\t\tclassName: cn(\"flex flex-col gap-2 p-2\", className),\n\t\t...props\n\t});\n}\nfunction SidebarFooter({ className,...props }) {\n\treturn / @__PURE__ / jsx(\"div\", {\n\t\t\"data-slot\": \"sidebar-footer\",\n\t\t\"data-sidebar\": \"footer\",\n\t\tclassName: cn(\"flex flex-col gap-2 p-2\", className),\n\t\t...props\n\t});\n}\nfunction SidebarSeparator({ className,...props }) {\n\treturn / @__PURE__ / jsx(Separator, {\n\t\t\"data-slot\": \"sidebar-separator\",\n\t\t\"data-sidebar\": \"separator\",\n\t\tclassName: cn(\"bg-sidebar-border mx-2 w-auto\", className),\n\t\t...props\n\t});\n}\nfunction SidebarContent({ className,...props }) {\n\treturn / @__PURE__ / jsx(\"div\", {\n\t\t\"data-slot\": \"sidebar-content\",\n\t\t\"data-sidebar\": \"content\",\n\t\tclassName: cn(\"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden\", className),\n\t\t...props\n\t});\n}\nfunction SidebarGroup({ className,...props }) {\n\treturn / @__PURE__ / jsx(\"div\", {\n\t\t\"data-slot\": \"sidebar-group\",\n\t\t\"data-sidebar\": \"group\",\n\t\tclassName: cn(\"relative flex w-full min-w-0 flex-col p-2\", className),\n\t\t...props\n\t});\n}\nfunction SidebarGroupLabel({ className, asChild = false,...props }) {\n\treturn / @__PURE__ / jsx(asChild ? Slot : \"div\", {\n\t\t\"data-slot\": \"sidebar-group-label\",\n\t\t\"data-sidebar\": \"group-label\",\n\t\tclassName: cn(\"text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\", \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\", className),\n\t\t...props\n\t});\n}\nfunction SidebarGroupAction({ className, asChild = false,...props }) {\n\treturn / @__PURE__ / jsx(asChild ? Slot : \"button\", {\n\t\t\"data-slot\": \"sidebar-group-action\",\n\t\t\"data-sidebar\": \"group-action\",\n\t\tclassName: cn(\"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\", \"after:absolute after:-inset-2 md:after:hidden\", \"group-data-[collapsible=icon]:hidden\", className),\n\t\t...props\n\t});\n}\nfunction SidebarGroupContent({ className,...props }) {\n\treturn / @__PURE__ / jsx(\"div\", {\n\t\t\"data-slot\": \"sidebar-group-content\",\n\t\t\"data-sidebar\": \"group-content\",\n\t\tclassName: cn(\"w-full text-sm\", className),\n\t\t...props\n\t});\n}\nfunction SidebarMenu({ className,...props }) {\n\treturn / @__PURE__ / jsx(\"ul\", {\n\t\t\"data-slot\": \"sidebar-menu\",\n\t\t\"data-sidebar\": \"menu\",\n\t\tclassName: cn(\"flex w-full min-w-0 flex-col gap-1\", className),\n\t\t...props\n\t});\n}\nfunction SidebarMenuItem({ className,...props }) {\n\treturn / @__PURE__ / jsx(\"li\", {\n\t\t\"data-slot\": \"sidebar-menu-item\",\n\t\t\"data-sidebar\": \"menu-item\",\n\t\tclassName: cn(\"group/menu-item relative\", className),\n\t\t...props\n\t});\n}\nconst sidebarMenuButtonVariants = cva(\"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] 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 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\", {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n\t\t\toutline: \"bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]\"\n\t\t},\n\t\tsize: {\n\t\t\tdefault: \"h-8 text-sm\",\n\t\t\tsm: \"h-7 text-xs\",\n\t\t\tlg: \"h-12 text-sm group-data-[collapsible=icon]:p-0!\"\n\t\t}\n\t},\n\tdefaultVariants: {\n\t\tvariant: \"default\",\n\t\tsize: \"default\"\n\t}\n});\nfunction SidebarMenuButton({ asChild = false, isActive = false, variant = \"default\", size = \"default\", tooltip, className,...props }) {\n\tconst Comp = asChild ? Slot : \"button\";\n\tconst { isMobile, state } = useSidebar();\n\tconst button = / @__PURE__ / jsx(Comp, {\n\t\t\"data-slot\": \"sidebar-menu-button\",\n\t\t\"data-sidebar\": \"menu-button\",\n\t\t\"data-size\": size,\n\t\t\"data-active\": isActive,\n\t\tclassName: cn(sidebarMenuButtonVariants({\n\t\t\tvariant,\n\t\t\tsize\n\t\t}), className),\n\t\t...props\n\t});\n\tif (!tooltip) return button;\n\tif (typeof tooltip === \"string\") tooltip = { children: tooltip };\n\treturn / @__PURE__ / jsxs(Tooltip, { children: [/ @__PURE__ / jsx(TooltipTrigger, {\n\t\tasChild: true,\n\t\tchildren: button\n\t}), / @__PURE__ / jsx(TooltipContent, {\n\t\tside: \"right\",\n\t\talign: \"center\",\n\t\thidden: state !== \"collapsed\" \|\| isMobile,\n\t\t...tooltip\n\t})] });\n}\nfunction SidebarMenuAction({ className, asChild = false, showOnHover = false,...props }) {\n\treturn / @__PURE__ / jsx(asChild ? Slot : \"button\", {\n\t\t\"data-slot\": \"sidebar-menu-action\",\n\t\t\"data-sidebar\": \"menu-action\",\n\t\tclassName: cn(\"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\", \"after:absolute after:-inset-2 md:after:hidden\", \"peer-data-[size=sm]/menu-button:top-1\", \"peer-data-[size=default]/menu-button:top-1.5\", \"peer-data-[size=lg]/menu-button:top-2.5\", \"group-data-[collapsible=icon]:hidden\", showOnHover && \"peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0\", className),\n\t\t...props\n\t});\n}\nfunction SidebarMenuBadge({ className,...props }) {\n\treturn / @__PURE__ / jsx(\"div\", {\n\t\t\"data-slot\": \"sidebar-menu-badge\",\n\t\t\"data-sidebar\": \"menu-badge\",\n\t\tclassName: cn(\"text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none\", \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\", \"peer-data-[size=sm]/menu-button:top-1\", \"peer-data-[size=default]/menu-button:top-1.5\", \"peer-data-[size=lg]/menu-button:top-2.5\", \"group-data-[collapsible=icon]:hidden\", className),\n\t\t...props\n\t});\n}\nfunction SidebarMenuSkeleton({ className, showIcon = false,...props }) {\n\tconst width = React$1.useMemo(() => {\n\t\treturn `${Math.floor(Math.random() 40) + 50}%`;\n\t}, []);\n\treturn /* @__PURE__ / jsxs(\"div\", {\n\t\t\"data-slot\": \"sidebar-menu-skeleton\",\n\t\t\"data-sidebar\": \"menu-skeleton\",\n\t\tclassName: cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className),\n\t\t...props,\n\t\tchildren: [showIcon && / @__PURE__ / jsx(Skeleton, {\n\t\t\tclassName: \"size-4 rounded-md\",\n\t\t\t\"data-sidebar\": \"menu-skeleton-icon\"\n\t\t}), / @__PURE__ / jsx(Skeleton, {\n\t\t\tclassName: \"h-4 max-w-(--skeleton-width) flex-1\",\n\t\t\t\"data-sidebar\": \"menu-skeleton-text\",\n\t\t\tstyle: { \"--skeleton-width\": width }\n\t\t})]\n\t});\n}\nfunction SidebarMenuSub({ className,...props }) {\n\treturn / @__PURE__ / jsx(\"ul\", {\n\t\t\"data-slot\": \"sidebar-menu-sub\",\n\t\t\"data-sidebar\": \"menu-sub\",\n\t\tclassName: cn(\"border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5\", \"group-data-[collapsible=icon]:hidden\", className),\n\t\t...props\n\t});\n}\nfunction SidebarMenuSubItem({ className,...props }) {\n\treturn / @__PURE__ / jsx(\"li\", {\n\t\t\"data-slot\": \"sidebar-menu-sub-item\",\n\t\t\"data-sidebar\": \"menu-sub-item\",\n\t\tclassName: cn(\"group/menu-sub-item relative\", className),\n\t\t...props\n\t});\n}\nfunction SidebarMenuSubButton({ asChild = false, size = \"md\", isActive = false, className,...props }) {\n\treturn / @__PURE__ */ jsx(asChild ? Slot : \"a\", {\n\t\t\"data-slot\": \"sidebar-menu-sub-button\",\n\t\t\"data-sidebar\": \"menu-sub-button\",\n\t\t\"data-size\": size,\n\t\t\"data-active\": isActive,\n\t\tclassName: cn(\"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\", \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\", size === \"sm\" && \"text-xs\", size === \"md\" && \"text-sm\", \"group-data-[collapsible=icon]:hidden\", className),\n\t\t...props\n\t});\n}\n\n//#endregion\nexport { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };\n//# sourceMappingURL=sidebar.js.map"],"mappings":"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"}