@arch-cadre/ui 0.0.10 → 0.0.15

package/dist/components/scroll-area.cjs

@@ -0,0 +1,45 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScrollArea = ScrollArea;
+exports.ScrollBar = ScrollBar;
+var _radixUi = require("radix-ui");
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../lib/utils.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ScrollArea({
+  className,
+  children,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.ScrollArea.Root, {
+    "data-slot": "scroll-area",
+    className: (0, _utils.cn)("relative", className),
+    ...props
+  }, /* @__PURE__ */React.createElement(_radixUi.ScrollArea.Viewport, {
+    "data-slot": "scroll-area-viewport",
+    "data-orientation": orientation,
+    onScroll: props.onScroll,
+    className: "\n          focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1\n          data-[orientation=horizontal]:overflow-x-auto data-[orientation=vertical]:overflow-y-auto\n          data-[orientation=horizontal]:scroll-fade-effect-x data-[orientation=vertical]:scroll-fade-effect-y\n        "
+  }, children), /* @__PURE__ */React.createElement(ScrollBar, null), /* @__PURE__ */React.createElement(_radixUi.ScrollArea.Corner, null));
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.ScrollArea.ScrollAreaScrollbar, {
+    "data-slot": "scroll-area-scrollbar",
+    orientation,
+    className: (0, _utils.cn)("flex touch-none p-px transition-colors select-none", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", className),
+    ...props
+  }, /* @__PURE__ */React.createElement(_radixUi.ScrollArea.ScrollAreaThumb, {
+    "data-slot": "scroll-area-thumb",
+    className: "bg-border relative flex-1 rounded-full"
+  }));
+}

package/dist/components/scroll-area.d.ts

@@ -0,0 +1,7 @@
+import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
+import * as React from "react";
+declare function ScrollArea({ className, children, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root> & {
+    orientation: "vertical" | "horizontal";
+}): React.JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): React.JSX.Element;
+export { ScrollArea, ScrollBar };

package/dist/components/scroll-area.mjs

@@ -0,0 +1,59 @@
+"use client";
+import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
+import * as React from "react";
+import { cn } from "../lib/utils.mjs";
+function ScrollArea({
+  className,
+  children,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    ScrollAreaPrimitive.Root,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative", className),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(
+      ScrollAreaPrimitive.Viewport,
+      {
+        "data-slot": "scroll-area-viewport",
+        "data-orientation": orientation,
+        onScroll: props.onScroll,
+        className: "\n          focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1\n          data-[orientation=horizontal]:overflow-x-auto data-[orientation=vertical]:overflow-y-auto\n          data-[orientation=horizontal]:scroll-fade-effect-x data-[orientation=vertical]:scroll-fade-effect-y\n        "
+      },
+      children
+    ),
+    /* @__PURE__ */ React.createElement(ScrollBar, null),
+    /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Corner, null)
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    ScrollAreaPrimitive.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(
+      ScrollAreaPrimitive.ScrollAreaThumb,
+      {
+        "data-slot": "scroll-area-thumb",
+        className: "bg-border relative flex-1 rounded-full"
+      }
+    )
+  );
+}
+export { ScrollArea, ScrollBar };

package/dist/components/select.cjs

@@ -0,0 +1,140 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Select = Select;
+exports.SelectContent = SelectContent;
+exports.SelectGroup = SelectGroup;
+exports.SelectItem = SelectItem;
+exports.SelectLabel = SelectLabel;
+exports.SelectScrollDownButton = SelectScrollDownButton;
+exports.SelectScrollUpButton = SelectScrollUpButton;
+exports.SelectSeparator = SelectSeparator;
+exports.SelectTrigger = SelectTrigger;
+exports.SelectValue = SelectValue;
+var _radixUi = require("radix-ui");
+var _lucideReact = require("lucide-react");
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../lib/utils.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function Select({
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Select.Root, {
+    "data-slot": "select",
+    ...props
+  });
+}
+function SelectGroup({
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Select.Group, {
+    "data-slot": "select-group",
+    ...props
+  });
+}
+function SelectValue({
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Select.Value, {
+    "data-slot": "select-value",
+    ...props
+  });
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Select.Trigger, {
+    "data-slot": "select-trigger",
+    "data-size": size,
+    className: (0, _utils.cn)("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    ...props
+  }, children, /* @__PURE__ */React.createElement(_radixUi.Select.Icon, {
+    asChild: true
+  }, /* @__PURE__ */React.createElement(_lucideReact.ChevronDownIcon, {
+    className: "size-4 opacity-50"
+  })));
+}
+function SelectContent({
+  className,
+  children,
+  position = "item-aligned",
+  align = "center",
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Select.Portal, null, /* @__PURE__ */React.createElement(_radixUi.Select.Content, {
+    "data-slot": "select-content",
+    className: (0, _utils.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+    position,
+    align,
+    ...props
+  }, /* @__PURE__ */React.createElement(SelectScrollUpButton, null), /* @__PURE__ */React.createElement(_radixUi.Select.Viewport, {
+    className: (0, _utils.cn)("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1")
+  }, children), /* @__PURE__ */React.createElement(SelectScrollDownButton, null)));
+}
+function SelectLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Select.Label, {
+    "data-slot": "select-label",
+    className: (0, _utils.cn)("text-muted-foreground px-2 py-1.5 text-xs", className),
+    ...props
+  });
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Select.Item, {
+    "data-slot": "select-item",
+    className: (0, _utils.cn)("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+    ...props
+  }, /* @__PURE__ */React.createElement("span", {
+    "data-slot": "select-item-indicator",
+    className: "absolute right-2 flex size-3.5 items-center justify-center"
+  }, /* @__PURE__ */React.createElement(_radixUi.Select.ItemIndicator, null, /* @__PURE__ */React.createElement(_lucideReact.CheckIcon, {
+    className: "size-4"
+  }))), /* @__PURE__ */React.createElement(_radixUi.Select.ItemText, null, children));
+}
+function SelectSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Select.Separator, {
+    "data-slot": "select-separator",
+    className: (0, _utils.cn)("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+    ...props
+  });
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Select.ScrollUpButton, {
+    "data-slot": "select-scroll-up-button",
+    className: (0, _utils.cn)("flex cursor-default items-center justify-center py-1", className),
+    ...props
+  }, /* @__PURE__ */React.createElement(_lucideReact.ChevronUpIcon, {
+    className: "size-4"
+  }));
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Select.ScrollDownButton, {
+    "data-slot": "select-scroll-down-button",
+    className: (0, _utils.cn)("flex cursor-default items-center justify-center py-1", className),
+    ...props
+  }, /* @__PURE__ */React.createElement(_lucideReact.ChevronDownIcon, {
+    className: "size-4"
+  }));
+}

package/dist/components/select.d.ts

@@ -0,0 +1,15 @@
+import { Select as SelectPrimitive } from "radix-ui";
+import * as React from "react";
+declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): React.JSX.Element;
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): React.JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): React.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: "sm" | "default";
+}): React.JSX.Element;
+declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): React.JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): React.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): React.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): React.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): React.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): React.JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

package/dist/components/select.mjs

@@ -0,0 +1,173 @@
+"use client";
+import { Select as SelectPrimitive } from "radix-ui";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import * as React from "react";
+import { cn } from "../lib/utils.mjs";
+function Select({
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+function SelectGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+}
+function SelectValue({
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    SelectPrimitive.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    },
+    children,
+    /* @__PURE__ */ React.createElement(SelectPrimitive.Icon, { asChild: true }, /* @__PURE__ */ React.createElement(ChevronDownIcon, { className: "size-4 opacity-50" }))
+  );
+}
+function SelectContent({
+  className,
+  children,
+  position = "item-aligned",
+  align = "center",
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(SelectPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
+    SelectPrimitive.Content,
+    {
+      "data-slot": "select-content",
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position,
+      align,
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(SelectScrollUpButton, null),
+    /* @__PURE__ */ React.createElement(
+      SelectPrimitive.Viewport,
+      {
+        className: cn(
+          "p-1",
+          position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+        )
+      },
+      children
+    ),
+    /* @__PURE__ */ React.createElement(SelectScrollDownButton, null)
+  ));
+}
+function SelectLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    SelectPrimitive.Label,
+    {
+      "data-slot": "select-label",
+      className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+      ...props
+    }
+  );
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    SelectPrimitive.Item,
+    {
+      "data-slot": "select-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        "data-slot": "select-item-indicator",
+        className: "absolute right-2 flex size-3.5 items-center justify-center"
+      },
+      /* @__PURE__ */ React.createElement(SelectPrimitive.ItemIndicator, null, /* @__PURE__ */ React.createElement(CheckIcon, { className: "size-4" }))
+    ),
+    /* @__PURE__ */ React.createElement(SelectPrimitive.ItemText, null, children)
+  );
+}
+function SelectSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    SelectPrimitive.Separator,
+    {
+      "data-slot": "select-separator",
+      className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    SelectPrimitive.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(ChevronUpIcon, { className: "size-4" })
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    SelectPrimitive.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(ChevronDownIcon, { className: "size-4" })
+  );
+}
+export {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue
+};

package/dist/components/separator.cjs

@@ -0,0 +1,26 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Separator = Separator;
+var _radixUi = require("radix-ui");
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../lib/utils.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Separator.Root, {
+    "data-slot": "separator",
+    decorative,
+    orientation,
+    className: (0, _utils.cn)("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className),
+    ...props
+  });
+}

package/dist/components/separator.d.ts

@@ -0,0 +1,4 @@
+import { Separator as SeparatorPrimitive } from "radix-ui";
+import * as React from "react";
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): React.JSX.Element;
+export { Separator };

package/dist/components/separator.mjs

@@ -0,0 +1,25 @@
+"use client";
+import { Separator as SeparatorPrimitive } from "radix-ui";
+import * as React from "react";
+import { cn } from "../lib/utils.mjs";
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    SeparatorPrimitive.Root,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export { Separator };

package/dist/components/sheet.cjs

@@ -0,0 +1,120 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Sheet = Sheet;
+exports.SheetClose = SheetClose;
+exports.SheetContent = SheetContent;
+exports.SheetDescription = SheetDescription;
+exports.SheetFooter = SheetFooter;
+exports.SheetHeader = SheetHeader;
+exports.SheetTitle = SheetTitle;
+exports.SheetTrigger = SheetTrigger;
+var _radixUi = require("radix-ui");
+var _lucideReact = require("lucide-react");
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../lib/utils.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function Sheet({
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Dialog.Root, {
+    "data-slot": "sheet",
+    ...props
+  });
+}
+function SheetTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Dialog.Trigger, {
+    "data-slot": "sheet-trigger",
+    ...props
+  });
+}
+function SheetClose({
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Dialog.Close, {
+    "data-slot": "sheet-close",
+    ...props
+  });
+}
+function SheetPortal({
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Dialog.Portal, {
+    "data-slot": "sheet-portal",
+    ...props
+  });
+}
+function SheetOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Dialog.Overlay, {
+    "data-slot": "sheet-overlay",
+    className: (0, _utils.cn)("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", className),
+    ...props
+  });
+}
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(SheetPortal, null, /* @__PURE__ */React.createElement(SheetOverlay, null), /* @__PURE__ */React.createElement(_radixUi.Dialog.Content, {
+    "data-slot": "sheet-content",
+    className: (0, _utils.cn)("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", side === "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", side === "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", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", className),
+    ...props
+  }, children, /* @__PURE__ */React.createElement(_radixUi.Dialog.Close, {
+    className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 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"
+  }, /* @__PURE__ */React.createElement(_lucideReact.XIcon, {
+    className: "size-4"
+  }), /* @__PURE__ */React.createElement("span", {
+    className: "sr-only"
+  }, "Close"))));
+}
+function SheetHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("div", {
+    "data-slot": "sheet-header",
+    className: (0, _utils.cn)("flex flex-col gap-1.5 p-4", className),
+    ...props
+  });
+}
+function SheetFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("div", {
+    "data-slot": "sheet-footer",
+    className: (0, _utils.cn)("mt-auto flex flex-col gap-2 p-4", className),
+    ...props
+  });
+}
+function SheetTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Dialog.Title, {
+    "data-slot": "sheet-title",
+    className: (0, _utils.cn)("text-foreground font-semibold", className),
+    ...props
+  });
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Dialog.Description, {
+    "data-slot": "sheet-description",
+    className: (0, _utils.cn)("text-muted-foreground text-sm", className),
+    ...props
+  });
+}

package/dist/components/sheet.d.ts

@@ -0,0 +1,13 @@
+import { Dialog as SheetPrimitive } from "radix-ui";
+import * as React from "react";
+declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): React.JSX.Element;
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): React.JSX.Element;
+declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): React.JSX.Element;
+declare function SheetContent({ className, children, side, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
+    side?: "top" | "right" | "bottom" | "left";
+}): React.JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): React.JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): React.JSX.Element;
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };