arxatec-ui 0.1.0 → 0.1.2

package/dist/sheet-BAH_9-wM.js

@@ -0,0 +1,222 @@
+import * as e from "react";
+import { clsx as t } from "clsx";
+import { twMerge as n } from "tailwind-merge";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { EyeIcon as a, EyeOffIcon as o, XIcon as s } from "lucide-react";
+import * as c from "@radix-ui/react-dialog";
+import { Slot as l } from "@radix-ui/react-slot";
+import { cva as u } from "class-variance-authority";
+import * as d from "@radix-ui/react-separator";
+import * as f from "@radix-ui/react-tooltip";
+//#region src/utilities/class/index.ts
+function p(...e) {
+	return n(t(e));
+}
+//#endregion
+//#region src/components/button/index.tsx
+var m = u("inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+			outline: "border bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+			ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-9 px-4 py-2 has-[>svg]:px-3",
+			sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+			lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+			icon: "size-9"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function h({ className: e, variant: t, size: n, asChild: i = !1, ...a }) {
+	return /* @__PURE__ */ r(i ? l : "button", {
+		"data-slot": "button",
+		className: p(m({
+			variant: t,
+			size: n,
+			className: e
+		})),
+		...a
+	});
+}
+//#endregion
+//#region src/components/separator/index.tsx
+function g({ className: e, orientation: t = "horizontal", decorative: n = !0, ...i }) {
+	return /* @__PURE__ */ r(d.Root, {
+		"data-slot": "separator",
+		decorative: n,
+		orientation: t,
+		className: p("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", e),
+		...i
+	});
+}
+//#endregion
+//#region src/components/input/index.tsx
+var _ = u("file:text-foreground placeholder:text-muted-foreground dark:bg-input/30 border-input flex w-full min-w-0 rounded-md border bg-card px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-card file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+	variants: { size: {
+		default: "h-9",
+		sm: "h-8"
+	} },
+	defaultVariants: { size: "default" }
+});
+function v({ className: t, type: n, size: s, ref: c, ...l }) {
+	let [u, d] = e.useState(!1);
+	return n === "password" ? /* @__PURE__ */ i("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ r("input", {
+			type: u ? "text" : "password",
+			className: p(_({
+				size: s,
+				className: t
+			})),
+			ref: c,
+			...l
+		}), /* @__PURE__ */ r("button", {
+			type: "button",
+			className: "absolute inset-y-0 right-0 flex items-center justify-center w-10 text-muted-foreground focus:outline-none",
+			onClick: () => d(!u),
+			children: r(u ? a : o, { className: "w-4 h-4" })
+		})]
+	}) : /* @__PURE__ */ r("input", {
+		type: n,
+		"data-slot": "input",
+		className: p(_({
+			size: s,
+			className: t
+		})),
+		ref: c,
+		...l
+	});
+}
+//#endregion
+//#region src/components/skeleton/index.tsx
+function y({ className: e, ...t }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "skeleton",
+		className: p("bg-accent animate-pulse rounded-md", e),
+		...t
+	});
+}
+//#endregion
+//#region src/components/tooltip/index.tsx
+function b({ delayDuration: e = 0, ...t }) {
+	return /* @__PURE__ */ r(f.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration: e,
+		...t
+	});
+}
+function x({ ...e }) {
+	return /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(f.Root, {
+		"data-slot": "tooltip",
+		...e
+	}) });
+}
+function S({ ...e }) {
+	return /* @__PURE__ */ r(f.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...e
+	});
+}
+function C({ className: e, sideOffset: t = 0, children: n, ...a }) {
+	return /* @__PURE__ */ r(f.Portal, { children: /* @__PURE__ */ i(f.Content, {
+		"data-slot": "tooltip-content",
+		sideOffset: t,
+		className: p("bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", e),
+		...a,
+		children: [n, /* @__PURE__ */ r(f.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]
+	}) });
+}
+//#endregion
+//#region src/components/sheet/index.tsx
+function w({ ...e }) {
+	return /* @__PURE__ */ r(c.Root, {
+		"data-slot": "sheet",
+		...e
+	});
+}
+function T({ ...e }) {
+	return /* @__PURE__ */ r(c.Trigger, {
+		"data-slot": "sheet-trigger",
+		...e
+	});
+}
+function E({ ...e }) {
+	return /* @__PURE__ */ r(c.Close, {
+		"data-slot": "sheet-close",
+		...e
+	});
+}
+function D({ ...e }) {
+	return /* @__PURE__ */ r(c.Portal, {
+		"data-slot": "sheet-portal",
+		...e
+	});
+}
+function O({ className: e, onContextMenu: t, ...n }) {
+	return /* @__PURE__ */ r(c.Overlay, {
+		"data-slot": "sheet-overlay",
+		className: p("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", e),
+		onContextMenu: (e) => {
+			e.stopPropagation(), t?.(e);
+		},
+		...n
+	});
+}
+function k({ className: e, children: t, side: n = "right", onContextMenu: a, ...o }) {
+	return /* @__PURE__ */ i(D, { children: [/* @__PURE__ */ r(O, {}), /* @__PURE__ */ i(c.Content, {
+		"data-slot": "sheet-content",
+		className: p("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", n === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", n === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", n === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", n === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", e),
+		onContextMenu: (e) => {
+			e.stopPropagation(), a?.(e);
+		},
+		...o,
+		children: [t, /* @__PURE__ */ i(c.Close, {
+			className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-[13px] right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none z-50",
+			children: [/* @__PURE__ */ r(s, { className: "size-4" }), /* @__PURE__ */ r("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+}
+function A({ className: e, ...t }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "sheet-header",
+		className: p("flex border-b pb-2 flex-col gap-1.5 px-4 py-2 ", e),
+		...t
+	});
+}
+function j({ className: e, ...t }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "sheet-footer",
+		className: p("mt-auto flex flex-col gap-2 p-4 border-t", e),
+		...t
+	});
+}
+function M({ className: e, ...t }) {
+	return /* @__PURE__ */ r(c.Title, {
+		"data-slot": "sheet-title",
+		className: p("text-base font-normal text-foreground", e),
+		...t
+	});
+}
+function N({ className: e, ...t }) {
+	return /* @__PURE__ */ r(c.Description, {
+		"data-slot": "sheet-description",
+		className: p("text-muted-foreground text-sm", e),
+		...t
+	});
+}
+//#endregion
+export { h as _, j as a, T as c, b as d, S as f, g, _ as h, N as i, x as l, v as m, E as n, A as o, y as p, k as r, M as s, w as t, C as u, m as v, p as y };
+
+//# sourceMappingURL=sheet-BAH_9-wM.js.map

package/dist/sheet-BAH_9-wM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-BAH_9-wM.js","names":[],"sources":["../src/utilities/class/index.ts","../src/components/button/index.tsx","../src/components/separator/index.tsx","../src/components/input/index.tsx","../src/components/skeleton/index.tsx","../src/components/tooltip/index.tsx","../src/components/sheet/index.tsx"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","/* eslint-disable react-refresh/only-export-components */\nimport * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/utilities/index\";\n\nconst buttonVariants = cva(\n  \"inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n  }) {\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Button, buttonVariants };\n","import * as React from \"react\"\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"@/utilities/index\"\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\n","/* eslint-disable react-refresh/only-export-components */\nimport * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/utilities/index\";\nimport { EyeIcon, EyeOffIcon } from \"lucide-react\";\n\nconst inputVariants = cva(\n  \"file:text-foreground placeholder:text-muted-foreground dark:bg-input/30 border-input flex w-full min-w-0 rounded-md border bg-card px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-card file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      size: {\n        default: \"h-9\",\n        sm: \"h-8\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n);\n\nfunction Input({\n  className,\n  type,\n  size,\n  ref,\n  ...props\n}: Omit<React.ComponentProps<\"input\">, \"size\"> &\n  VariantProps<typeof inputVariants>) {\n  const [showPassword, setShowPassword] = React.useState(false);\n\n  if (type === \"password\") {\n    return (\n      <div className=\"relative\">\n        <input\n          type={showPassword ? \"text\" : \"password\"}\n          className={cn(inputVariants({ size, className }))}\n          ref={ref}\n          {...props}\n        />\n        <button\n          type=\"button\"\n          className=\"absolute inset-y-0 right-0 flex items-center justify-center w-10 text-muted-foreground focus:outline-none\"\n          onClick={() => setShowPassword(!showPassword)}\n        >\n          {showPassword ? (\n            <EyeIcon className=\"w-4 h-4\" />\n          ) : (\n            <EyeOffIcon className=\"w-4 h-4\" />\n          )}\n        </button>\n      </div>\n    );\n  }\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(inputVariants({ size, className }))}\n      ref={ref}\n      {...props}\n    />\n  );\n}\n\nexport { Input, inputVariants };\n","import { cn } from \"@/utilities/\";\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      className={cn(\"bg-accent animate-pulse rounded-md\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n","import * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { cn } from \"@/utilities/\";\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n","import * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"@/utilities/index\";\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({\n  className,\n  onContextMenu,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className\n      )}\n      onContextMenu={(e) => {\n        e.stopPropagation();\n        onContextMenu?.(e);\n      }}\n      {...props}\n    />\n  );\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = \"right\",\n  onContextMenu,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n          side === \"right\" &&\n            \"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n          side === \"left\" &&\n            \"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n          side === \"top\" &&\n            \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b\",\n          side === \"bottom\" &&\n            \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t\",\n          className\n        )}\n        onContextMenu={(e) => {\n          e.stopPropagation();\n          onContextMenu?.(e);\n        }}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-[13px] right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none z-50\">\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\n        \"flex border-b pb-2 flex-col gap-1.5 px-4 py-2 \",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4 border-t\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(\"text-base font-normal text-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"mappings":"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"}

package/dist/sidebar.js

@@ -0,0 +1,347 @@
+import { _ as e, d as t, f as n, g as r, i, l as a, m as o, o as s, p as c, r as l, s as u, t as d, u as f, y as p } from "./sheet-BAH_9-wM.js";
+import * as m from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { PanelLeftIcon as _ } from "lucide-react";
+import { Slot as v } from "@radix-ui/react-slot";
+import { cva as y } from "class-variance-authority";
+//#region src/components/sidebar/index.tsx
+var b = "sidebar_state", x = 3600 * 24 * 7, S = "16rem", C = "18rem", w = "3rem", T = "b", E = 1280, D = m.createContext(null);
+function O() {
+	let e = m.useContext(D);
+	if (!e) throw Error("useSidebar must be used within a SidebarProvider.");
+	return e;
+}
+function k({ defaultOpen: e = !0, open: n, onOpenChange: r, className: i, style: a, children: o, ...s }) {
+	let [c, l] = m.useState(() => typeof window > "u" ? !1 : !window.matchMedia(`(min-width: ${E}px)`).matches);
+	m.useEffect(() => {
+		let e = window.matchMedia(`(min-width: ${E}px)`), t = (e) => {
+			l(!e.matches);
+		};
+		return e.addEventListener("change", t), l(!e.matches), () => e.removeEventListener("change", t);
+	}, []);
+	let [u, d] = m.useState(!1), [f, g] = m.useState(e), _ = n ?? f, v = m.useCallback((e) => {
+		let t = typeof e == "function" ? e(_) : e;
+		r ? r(t) : g(t), document.cookie = `${b}=${t}; path=/; max-age=${x}`;
+	}, [r, _]), y = m.useCallback(() => c ? d((e) => !e) : v((e) => !e), [
+		c,
+		v,
+		d
+	]);
+	m.useEffect(() => {
+		let e = (e) => {
+			e.key === T && (e.metaKey || e.ctrlKey) && (e.preventDefault(), y());
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [y]);
+	let C = _ ? "expanded" : "collapsed", O = m.useMemo(() => ({
+		state: C,
+		open: _,
+		setOpen: v,
+		isMobile: c,
+		openMobile: u,
+		setOpenMobile: d,
+		toggleSidebar: y
+	}), [
+		C,
+		_,
+		v,
+		c,
+		u,
+		d,
+		y
+	]);
+	return /* @__PURE__ */ h(D.Provider, {
+		value: O,
+		children: /* @__PURE__ */ h(t, {
+			delayDuration: 0,
+			children: /* @__PURE__ */ h("div", {
+				"data-slot": "sidebar-wrapper",
+				style: {
+					"--sidebar-width": S,
+					"--sidebar-width-icon": w,
+					...a
+				},
+				className: p("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", i),
+				...s,
+				children: o
+			})
+		})
+	});
+}
+function A({ side: e = "left", variant: t = "sidebar", collapsible: n = "offcanvas", className: r, children: a, ...o }) {
+	let { isMobile: c, state: f, openMobile: m, setOpenMobile: _ } = O();
+	return n === "none" ? /* @__PURE__ */ h("div", {
+		"data-slot": "sidebar",
+		className: p("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", r),
+		...o,
+		children: a
+	}) : c ? /* @__PURE__ */ h(d, {
+		open: m,
+		onOpenChange: _,
+		...o,
+		children: /* @__PURE__ */ g(l, {
+			"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": C },
+			side: e,
+			children: [/* @__PURE__ */ g(s, {
+				className: "sr-only",
+				children: [/* @__PURE__ */ h(u, { children: "Sidebar" }), /* @__PURE__ */ h(i, { children: "Displays the mobile sidebar." })]
+			}), /* @__PURE__ */ h("div", {
+				className: "flex h-full w-full flex-col",
+				children: a
+			})]
+		})
+	}) : /* @__PURE__ */ g("div", {
+		className: "group peer text-sidebar-foreground hidden xl:block",
+		"data-state": f,
+		"data-collapsible": f === "collapsed" ? n : "",
+		"data-variant": t,
+		"data-side": e,
+		"data-slot": "sidebar",
+		children: [/* @__PURE__ */ h("div", {
+			"data-slot": "sidebar-gap",
+			className: p("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", t === "floating" || t === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)")
+		}), /* @__PURE__ */ h("div", {
+			"data-slot": "sidebar-container",
+			className: p("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex", e === "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)]", t === "floating" || t === "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", r),
+			...o,
+			children: /* @__PURE__ */ h("div", {
+				"data-sidebar": "sidebar",
+				"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-md group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm",
+				children: a
+			})
+		})]
+	});
+}
+function j({ className: t, onClick: n, ...r }) {
+	let { toggleSidebar: i } = O();
+	return /* @__PURE__ */ g(e, {
+		"data-sidebar": "trigger",
+		"data-slot": "sidebar-trigger",
+		variant: "ghost",
+		size: "icon",
+		className: p("size-7", t),
+		onClick: (e) => {
+			n?.(e), i();
+		},
+		...r,
+		children: [/* @__PURE__ */ h(_, {}), /* @__PURE__ */ h("span", {
+			className: "sr-only",
+			children: "Toggle Sidebar"
+		})]
+	});
+}
+function M({ className: e, ...t }) {
+	let { toggleSidebar: n } = O();
+	return /* @__PURE__ */ h("button", {
+		"data-sidebar": "rail",
+		"data-slot": "sidebar-rail",
+		"aria-label": "Toggle Sidebar",
+		tabIndex: -1,
+		onClick: n,
+		title: "Toggle Sidebar",
+		className: p("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", e),
+		...t
+	});
+}
+function N({ className: e, ...t }) {
+	return /* @__PURE__ */ h("main", {
+		"data-slot": "sidebar-inset",
+		className: p("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-md md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", e),
+		...t
+	});
+}
+function P({ className: e, ...t }) {
+	return /* @__PURE__ */ h(o, {
+		"data-slot": "sidebar-input",
+		"data-sidebar": "input",
+		className: p("bg-background h-8 w-full shadow-none", e),
+		...t
+	});
+}
+function F({ className: e, ...t }) {
+	return /* @__PURE__ */ h("div", {
+		"data-slot": "sidebar-header",
+		"data-sidebar": "header",
+		className: p("flex flex-col gap-2 px-2 pt-2", e),
+		...t
+	});
+}
+function I({ className: e, ...t }) {
+	return /* @__PURE__ */ h("div", {
+		"data-slot": "sidebar-footer",
+		"data-sidebar": "footer",
+		className: p("flex flex-col gap-2 p-2", e),
+		...t
+	});
+}
+function L({ className: e, ...t }) {
+	return /* @__PURE__ */ h(r, {
+		"data-slot": "sidebar-separator",
+		"data-sidebar": "separator",
+		className: p("bg-sidebar-border mx-2 w-auto", e),
+		...t
+	});
+}
+function R({ className: e, ...t }) {
+	return /* @__PURE__ */ h("div", {
+		"data-slot": "sidebar-content",
+		"data-sidebar": "content",
+		className: p("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", e),
+		...t
+	});
+}
+function z({ className: e, ...t }) {
+	return /* @__PURE__ */ h("div", {
+		"data-slot": "sidebar-group",
+		"data-sidebar": "group",
+		className: p("relative flex w-full min-w-0 flex-col p-2", e),
+		...t
+	});
+}
+function B({ className: e, asChild: t = !1, ...n }) {
+	return /* @__PURE__ */ h(t ? v : "div", {
+		"data-slot": "sidebar-group-label",
+		"data-sidebar": "group-label",
+		className: p("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", e),
+		...n
+	});
+}
+function V({ className: e, asChild: t = !1, ...n }) {
+	return /* @__PURE__ */ h(t ? v : "button", {
+		"data-slot": "sidebar-group-action",
+		"data-sidebar": "group-action",
+		className: p("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", e),
+		...n
+	});
+}
+function H({ className: e, ...t }) {
+	return /* @__PURE__ */ h("div", {
+		"data-slot": "sidebar-group-content",
+		"data-sidebar": "group-content",
+		className: p("w-full text-sm", e),
+		...t
+	});
+}
+function U({ className: e, ...t }) {
+	return /* @__PURE__ */ h("ul", {
+		"data-slot": "sidebar-menu",
+		"data-sidebar": "menu",
+		className: p("flex w-full min-w-0 flex-col", e),
+		...t
+	});
+}
+function W({ className: e, ...t }) {
+	return /* @__PURE__ */ h("li", {
+		"data-slot": "sidebar-menu-item",
+		"data-sidebar": "menu-item",
+		className: p("group/menu-item relative", e),
+		...t
+	});
+}
+var G = y("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-sm",
+			sm: "h-7 text-xs",
+			lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function K({ asChild: e = !1, isActive: t = !1, variant: r = "default", size: i = "default", tooltip: o, className: s, ...c }) {
+	let l = e ? v : "button", { isMobile: u, state: d } = O(), m = /* @__PURE__ */ h(l, {
+		"data-slot": "sidebar-menu-button",
+		"data-sidebar": "menu-button",
+		"data-size": i,
+		"data-active": t,
+		className: p(G({
+			variant: r,
+			size: i
+		}), s),
+		...c
+	});
+	return o ? (typeof o == "string" && (o = { children: o }), /* @__PURE__ */ g(a, { children: [/* @__PURE__ */ h(n, {
+		asChild: !0,
+		children: m
+	}), /* @__PURE__ */ h(f, {
+		side: "right",
+		align: "center",
+		hidden: d !== "collapsed" || u,
+		...o
+	})] })) : m;
+}
+function q({ className: e, asChild: t = !1, showOnHover: n = !1, ...r }) {
+	return /* @__PURE__ */ h(t ? v : "button", {
+		"data-slot": "sidebar-menu-action",
+		"data-sidebar": "menu-action",
+		className: p("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", n && "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", e),
+		...r
+	});
+}
+function J({ className: e, ...t }) {
+	return /* @__PURE__ */ h("div", {
+		"data-slot": "sidebar-menu-badge",
+		"data-sidebar": "menu-badge",
+		className: p("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", e),
+		...t
+	});
+}
+function Y({ className: e, showIcon: t = !1, ...n }) {
+	let r = m.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
+	return /* @__PURE__ */ g("div", {
+		"data-slot": "sidebar-menu-skeleton",
+		"data-sidebar": "menu-skeleton",
+		className: p("flex h-8 items-center gap-2 rounded-md px-2", e),
+		...n,
+		children: [t && /* @__PURE__ */ h(c, {
+			className: "size-4 rounded-md",
+			"data-sidebar": "menu-skeleton-icon"
+		}), /* @__PURE__ */ h(c, {
+			className: "h-4 max-w-(--skeleton-width) flex-1",
+			"data-sidebar": "menu-skeleton-text",
+			style: { "--skeleton-width": r }
+		})]
+	});
+}
+function X({ className: e, ...t }) {
+	return /* @__PURE__ */ h("ul", {
+		"data-slot": "sidebar-menu-sub",
+		"data-sidebar": "menu-sub",
+		className: p("border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col border-l px-2.5 py-0.5", "group-data-[collapsible=icon]:hidden", e),
+		...t
+	});
+}
+function Z({ className: e, ...t }) {
+	return /* @__PURE__ */ h("li", {
+		"data-slot": "sidebar-menu-sub-item",
+		"data-sidebar": "menu-sub-item",
+		className: p("group/menu-sub-item relative", e),
+		...t
+	});
+}
+function Q({ asChild: e = !1, size: t = "md", isActive: n = !1, className: r, ...i }) {
+	return /* @__PURE__ */ h(e ? v : "a", {
+		"data-slot": "sidebar-menu-sub-button",
+		"data-sidebar": "menu-sub-button",
+		"data-size": t,
+		"data-active": n,
+		className: p("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", t === "sm" && "text-xs", t === "md" && "text-sm", "group-data-[collapsible=icon]:hidden", r),
+		...i
+	});
+}
+//#endregion
+export { A as Sidebar, R as SidebarContent, I as SidebarFooter, z as SidebarGroup, V as SidebarGroupAction, H as SidebarGroupContent, B as SidebarGroupLabel, F as SidebarHeader, P as SidebarInput, N as SidebarInset, U as SidebarMenu, q as SidebarMenuAction, J as SidebarMenuBadge, K as SidebarMenuButton, W as SidebarMenuItem, Y as SidebarMenuSkeleton, X as SidebarMenuSub, Q as SidebarMenuSubButton, Z as SidebarMenuSubItem, k as SidebarProvider, M as SidebarRail, L as SidebarSeparator, j as SidebarTrigger, O as useSidebar };
+
+//# sourceMappingURL=sidebar.js.map