@deenruv/react-ui-devkit 1.0.0

package/dist/components/atoms/scroll-area.js

@@ -0,0 +1,22 @@
+import { __assign, __rest } from "tslib";
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { cn } from "../../lib/utils";
+var ScrollArea = React.forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    return (React.createElement(ScrollAreaPrimitive.Root, __assign({ ref: ref, className: cn("relative overflow-hidden", className) }, props),
+        React.createElement(ScrollAreaPrimitive.Viewport, { id: "scrollArea", className: "size-full rounded-[inherit]" }, children),
+        React.createElement(ScrollBar, null),
+        React.createElement(ScrollAreaPrimitive.Corner, null)));
+});
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.orientation, orientation = _b === void 0 ? "vertical" : _b, props = __rest(_a, ["className", "orientation"]);
+    return (React.createElement(ScrollAreaPrimitive.ScrollAreaScrollbar, __assign({ ref: ref, orientation: orientation, className: cn("flex touch-none select-none transition-colors", orientation === "vertical" &&
+            "h-full w-2.5 border-l border-l-transparent p-[1px]", orientation === "horizontal" &&
+            "h-2.5 flex-col border-t border-t-transparent p-[1px]", className) }, props),
+        React.createElement(ScrollAreaPrimitive.ScrollAreaThumb, { className: "bg-border relative flex-1 rounded-full" })));
+});
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+export { ScrollArea, ScrollBar };
+//# sourceMappingURL=scroll-area.js.map

package/dist/components/atoms/scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.js","sourceRoot":"","sources":["../../../src/components/atoms/scroll-area.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAEnE,OAAO,EAAE,EAAE,EAAE,wBAAoB;AAEjC,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,UAAC,EAAiC,EAAE,GAAG;IAApC,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;IAAY,OAAA,CAC5C,oBAAC,mBAAmB,CAAC,IAAI,aACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,IAChD,KAAK;QAET,oBAAC,mBAAmB,CAAC,QAAQ,IAC3B,EAAE,EAAC,YAAY,EACf,SAAS,EAAC,6BAA6B,IAEtC,QAAQ,CACoB;QAC/B,oBAAC,SAAS,OAAG;QACb,oBAAC,mBAAmB,CAAC,MAAM,OAAG,CACL,CAC5B,CAAA;CAAA,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE9D,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGhC,UAAC,EAAiD,EAAE,GAAG;IAApD,IAAA,SAAS,eAAA,EAAE,mBAAwB,EAAxB,WAAW,mBAAG,UAAU,KAAA,EAAK,KAAK,cAA/C,4BAAiD,CAAF;IAAY,OAAA,CAC5D,oBAAC,mBAAmB,CAAC,mBAAmB,aACtC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,+CAA+C,EAC/C,WAAW,KAAK,UAAU;YACxB,oDAAoD,EACtD,WAAW,KAAK,YAAY;YAC1B,sDAAsD,EACxD,SAAS,CACV,IACG,KAAK;QAET,oBAAC,mBAAmB,CAAC,eAAe,IAAC,SAAS,EAAC,wCAAwC,GAAG,CAClD,CAC3C,CAAA;CAAA,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,WAAW,CAAC;AAE5E,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/atoms/select.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+interface SelectItemProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
+    checkmarkAtEnd?: true;
+}
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };

package/dist/components/atoms/select.js

@@ -0,0 +1,61 @@
+import { __assign, __rest } from "tslib";
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check, ChevronDown, ChevronUp } from "lucide-react";
+import { cn } from "../../lib/utils";
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React.forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    return (React.createElement(SelectPrimitive.Trigger, __assign({ ref: ref, className: cn("flex h-8 w-full items-center justify-between rounded-md border border-stone-200 bg-white px-3 py-2 text-sm ring-offset-white placeholder:text-stone-500 focus:outline-none focus:ring-2 focus:ring-stone-950 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:border-stone-800 dark:bg-stone-950 dark:ring-offset-stone-950 dark:placeholder:text-stone-400 dark:focus:ring-stone-300 [&>span]:line-clamp-1", className) }, props),
+        children,
+        React.createElement(SelectPrimitive.Icon, { asChild: true },
+            React.createElement(ChevronDown, { className: "size-4 opacity-50" }))));
+});
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(SelectPrimitive.ScrollUpButton, __assign({ ref: ref, className: cn("flex cursor-default items-center justify-center py-1", className) }, props),
+        React.createElement(ChevronUp, { className: "size-4" })));
+});
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(SelectPrimitive.ScrollDownButton, __assign({ ref: ref, className: cn("flex cursor-default items-center justify-center py-1", className) }, props),
+        React.createElement(ChevronDown, { className: "size-4" })));
+});
+SelectScrollDownButton.displayName =
+    SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React.forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, _b = _a.position, position = _b === void 0 ? "popper" : _b, props = __rest(_a, ["className", "children", "position"]);
+    return (React.createElement(SelectPrimitive.Portal, null,
+        React.createElement(SelectPrimitive.Content, __assign({ ref: ref, className: cn("relative z-[2138] max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-stone-200 bg-white text-stone-950 shadow-md 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 dark:border-stone-800 dark:bg-stone-950 dark:text-stone-50", 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: position }, props),
+            React.createElement(SelectScrollUpButton, null),
+            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)]") }, children),
+            React.createElement(SelectScrollDownButton, null))));
+});
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(SelectPrimitive.Label, __assign({ ref: ref, className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className) }, props)));
+});
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React.forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, checkmarkAtEnd = _a.checkmarkAtEnd, props = __rest(_a, ["className", "children", "checkmarkAtEnd"]);
+    return (React.createElement(SelectPrimitive.Item, __assign({ ref: ref, className: cn("relative flex w-full cursor-default select-none items-center rounded-sm pl-2 py-1.5 pr-2 text-sm outline-none focus:bg-stone-100 focus:text-stone-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-stone-800 dark:focus:text-stone-50", !checkmarkAtEnd && "pl-8", className) }, props),
+        React.createElement(SelectPrimitive.ItemText, null, children),
+        React.createElement("span", { className: cn("flex h-3.5 w-3.5 items-center justify-center absolute right-2", !checkmarkAtEnd && "absolute left-2") },
+            React.createElement(SelectPrimitive.ItemIndicator, null,
+                React.createElement(Check, { className: "size-4" })))));
+});
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(SelectPrimitive.Separator, __assign({ ref: ref, className: cn("-mx-1 my-1 h-px bg-stone-100 dark:bg-stone-800", className) }, props)));
+});
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
+//# sourceMappingURL=select.js.map

package/dist/components/atoms/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/components/atoms/select.tsx"],"names":[],"mappings":"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"}

package/dist/components/atoms/separator.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Separator };

package/dist/components/atoms/separator.js

@@ -0,0 +1,12 @@
+"use client";
+import { __assign, __rest } from "tslib";
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { cn } from "../../lib/utils";
+var Separator = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.orientation, orientation = _b === void 0 ? "horizontal" : _b, _c = _a.decorative, decorative = _c === void 0 ? true : _c, props = __rest(_a, ["className", "orientation", "decorative"]);
+    return (React.createElement(SeparatorPrimitive.Root, __assign({ ref: ref, decorative: decorative, orientation: orientation, className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "min-h-full w-[1px]", className) }, props)));
+});
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+export { Separator };
+//# sourceMappingURL=separator.js.map

package/dist/components/atoms/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","sourceRoot":"","sources":["../../../src/components/atoms/separator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAE,EAAE,EAAE,wBAAoB;AAEjC,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAIhC,UACE,EAAsE,EACtE,GAAG;IADD,IAAA,SAAS,eAAA,EAAE,mBAA0B,EAA1B,WAAW,mBAAG,YAAY,KAAA,EAAE,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA,EAAK,KAAK,cAApE,0CAAsE,CAAF;IAEjE,OAAA,CACH,oBAAC,kBAAkB,CAAC,IAAI,aACtB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,oBAAoB,EACtE,SAAS,CACV,IACG,KAAK,EACT,CACH,CAAA;CAAA,CACF,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/atoms/sheet.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { type VariantProps } from "class-variance-authority";
+declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
+declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const sheetVariants: (props?: ({
+    side?: "top" | "right" | "bottom" | "left" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+}
+declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    displayName: string;
+};
+declare const SheetFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    displayName: string;
+};
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

package/dist/components/atoms/sheet.js

@@ -0,0 +1,61 @@
+import { __assign, __rest } from "tslib";
+import * as React from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { cva } from "class-variance-authority";
+import { X } from "lucide-react";
+import { cn } from "../../lib/utils";
+var Sheet = SheetPrimitive.Root;
+var SheetTrigger = SheetPrimitive.Trigger;
+var SheetClose = SheetPrimitive.Close;
+var SheetPortal = SheetPrimitive.Portal;
+var SheetOverlay = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(SheetPrimitive.Overlay, __assign({ className: cn("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className) }, props, { ref: ref })));
+});
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+var sheetVariants = cva("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", {
+    variants: {
+        side: {
+            top: "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 border-b",
+            bottom: "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 border-t",
+            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",
+            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",
+        },
+    },
+    defaultVariants: {
+        side: "right",
+    },
+});
+var SheetContent = React.forwardRef(function (_a, ref) {
+    var _b = _a.side, side = _b === void 0 ? "right" : _b, className = _a.className, children = _a.children, props = __rest(_a, ["side", "className", "children"]);
+    return (React.createElement(SheetPortal, null,
+        React.createElement(SheetOverlay, null),
+        React.createElement(SheetPrimitive.Content, __assign({ ref: ref, className: cn(sheetVariants({ side: side }), className) }, props),
+            children,
+            React.createElement(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none" },
+                React.createElement(X, { className: "size-4" }),
+                React.createElement("span", { className: "sr-only" }, "Close")))));
+});
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+var SheetHeader = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement("div", __assign({ className: cn("flex flex-col space-y-2 text-center sm:text-left", className) }, props)));
+};
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement("div", __assign({ className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className) }, props)));
+};
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(SheetPrimitive.Title, __assign({ ref: ref, className: cn("text-lg font-semibold text-foreground", className) }, props)));
+});
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+var SheetDescription = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(SheetPrimitive.Description, __assign({ ref: ref, className: cn("text-sm text-muted-foreground", className) }, props)));
+});
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };
+//# sourceMappingURL=sheet.js.map

package/dist/components/atoms/sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.js","sourceRoot":"","sources":["../../../src/components/atoms/sheet.tsx"],"names":[],"mappings":"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"}

package/dist/components/atoms/skeleton.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+export { Skeleton };

package/dist/components/atoms/skeleton.js

@@ -0,0 +1,9 @@
+import { __assign, __rest } from "tslib";
+import React from "react";
+import { cn } from "../../lib/utils";
+function Skeleton(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement("div", __assign({ className: cn("animate-pulse rounded-md bg-muted", className) }, props)));
+}
+export { Skeleton };
+//# sourceMappingURL=skeleton.js.map

package/dist/components/atoms/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../src/components/atoms/skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,wBAAoB;AAEjC,SAAS,QAAQ,CAAC,EAGqB;IAFrC,IAAA,SAAS,eAAA,EACN,KAAK,cAFQ,aAGjB,CADS;IAER,OAAO,CACL,sCACE,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,IACzD,KAAK,EACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/atoms/sonner.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { Toaster as Sonner } from "sonner";
+type ToasterProps = React.ComponentProps<typeof Sonner>;
+declare const Toaster: ({ theme, ...props }: import("sonner").ToasterProps & React.RefAttributes<HTMLElement> & {
+    theme: "light" | "dark";
+}) => React.JSX.Element;
+export { Toaster };

package/dist/components/atoms/sonner.js

@@ -0,0 +1,16 @@
+import { __assign, __rest } from "tslib";
+import React from "react";
+import { Toaster as Sonner } from "sonner";
+var Toaster = function (_a) {
+    var theme = _a.theme, props = __rest(_a, ["theme"]);
+    return (React.createElement(Sonner, __assign({ theme: theme, className: "toaster group", toastOptions: {
+            classNames: {
+                toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+                description: "group-[.toast]:text-muted-foreground",
+                actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+                cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
+            },
+        } }, props)));
+};
+export { Toaster };
+//# sourceMappingURL=sonner.js.map

package/dist/components/atoms/sonner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sonner.js","sourceRoot":"","sources":["../../../src/components/atoms/sonner.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,QAAQ,CAAC;AAI3C,IAAM,OAAO,GAAG,UAAC,EAKhB;IAJC,IAAA,KAAK,WAAA,EACF,KAAK,cAFO,SAGhB,CADS;IAIR,OAAO,CACL,oBAAC,MAAM,aACL,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,eAAe,EACzB,YAAY,EAAE;YACZ,UAAU,EAAE;gBACV,KAAK,EACH,uIAAuI;gBACzI,WAAW,EAAE,sCAAsC;gBACnD,YAAY,EACV,kEAAkE;gBACpE,YAAY,EACV,8DAA8D;aACjE;SACF,IACG,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/atoms/sortable.d.ts

@@ -0,0 +1,53 @@
+import { type DndContextProps, type DragEndEvent, DragOverlay, type UniqueIdentifier } from "@dnd-kit/core";
+import { type SortableContextProps } from "@dnd-kit/sortable";
+import { type SlotProps } from "@radix-ui/react-slot";
+import * as React from "react";
+interface GetItemValue<T> {
+    /**
+     * Callback that returns a unique identifier for each sortable item. Required for array of objects.
+     * @example getItemValue={(item) => item.id}
+     */
+    getItemValue: (item: T) => UniqueIdentifier;
+}
+type SortableProps<T> = DndContextProps & {
+    value: T[];
+    onValueChange?: (items: T[]) => void;
+    onMove?: (event: DragEndEvent & {
+        activeIndex: number;
+        overIndex: number;
+    }) => void;
+    strategy?: SortableContextProps["strategy"];
+    orientation?: "vertical" | "horizontal" | "mixed";
+    flatCursor?: boolean;
+} & (T extends object ? GetItemValue<T> : Partial<GetItemValue<T>>);
+declare function Sortable<T>(props: SortableProps<T>): React.JSX.Element;
+interface SortableContentProps extends SlotProps {
+    strategy?: SortableContextProps["strategy"];
+    children: React.ReactNode;
+    asChild?: boolean;
+}
+declare const SortableContent: React.ForwardRefExoticComponent<SortableContentProps & React.RefAttributes<HTMLDivElement>>;
+interface SortableItemProps extends SlotProps {
+    value: UniqueIdentifier;
+    asHandle?: boolean;
+    asChild?: boolean;
+    disabled?: boolean;
+}
+declare const SortableItem: React.ForwardRefExoticComponent<SortableItemProps & React.RefAttributes<HTMLDivElement>>;
+interface SortableItemHandleProps extends React.ComponentPropsWithoutRef<"button"> {
+    asChild?: boolean;
+}
+declare const SortableItemHandle: React.ForwardRefExoticComponent<SortableItemHandleProps & React.RefAttributes<HTMLButtonElement>>;
+interface SortableOverlayProps extends Omit<React.ComponentPropsWithoutRef<typeof DragOverlay>, "children"> {
+    container?: HTMLElement | DocumentFragment | null;
+    children?: ((params: {
+        value: UniqueIdentifier;
+    }) => React.ReactNode) | React.ReactNode;
+}
+declare function SortableOverlay(props: SortableOverlayProps): React.ReactPortal | null;
+declare const Root: typeof Sortable;
+declare const Content: React.ForwardRefExoticComponent<SortableContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const Item: React.ForwardRefExoticComponent<SortableItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const ItemHandle: React.ForwardRefExoticComponent<SortableItemHandleProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Overlay: typeof SortableOverlay;
+export { Sortable, SortableContent, SortableItem, SortableItemHandle, SortableOverlay, Root, Content, Item, ItemHandle, Overlay, };

package/dist/components/atoms/sortable.js

@@ -0,0 +1,279 @@
+"use client";
+var _a;
+import { __assign, __rest } from "tslib";
+import { DndContext, DragOverlay, KeyboardSensor, MouseSensor, TouchSensor, closestCenter, closestCorners, defaultDropAnimationSideEffects, useSensor, useSensors, } from "@dnd-kit/core";
+import { restrictToHorizontalAxis, restrictToParentElement, restrictToVerticalAxis, } from "@dnd-kit/modifiers";
+import { SortableContext, arrayMove, horizontalListSortingStrategy, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy, } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import { Slot } from "@radix-ui/react-slot";
+import * as React from "react";
+import { composeEventHandlers, useComposedRefs } from "../../lib/composition";
+import { cn } from "../../lib/utils";
+import * as ReactDOM from "react-dom";
+var orientationConfig = {
+    vertical: {
+        modifiers: [restrictToVerticalAxis, restrictToParentElement],
+        strategy: verticalListSortingStrategy,
+        collisionDetection: closestCenter,
+    },
+    horizontal: {
+        modifiers: [restrictToHorizontalAxis, restrictToParentElement],
+        strategy: horizontalListSortingStrategy,
+        collisionDetection: closestCenter,
+    },
+    mixed: {
+        modifiers: [restrictToParentElement],
+        strategy: undefined,
+        collisionDetection: closestCorners,
+    },
+};
+var ROOT_NAME = "Sortable";
+var CONTENT_NAME = "SortableContent";
+var ITEM_NAME = "SortableItem";
+var ITEM_HANDLE_NAME = "SortableItemHandle";
+var OVERLAY_NAME = "SortableOverlay";
+var SORTABLE_ERROR = (_a = {},
+    _a[ROOT_NAME] = "`".concat(ROOT_NAME, "` components must be within `").concat(ROOT_NAME, "`"),
+    _a[CONTENT_NAME] = "`".concat(CONTENT_NAME, "` must be within `").concat(ROOT_NAME, "`"),
+    _a[ITEM_NAME] = "`".concat(ITEM_NAME, "` must be within `").concat(CONTENT_NAME, "`"),
+    _a[ITEM_HANDLE_NAME] = "`".concat(ITEM_HANDLE_NAME, "` must be within `").concat(ITEM_NAME, "`"),
+    _a[OVERLAY_NAME] = "`".concat(OVERLAY_NAME, "` must be within `").concat(ROOT_NAME, "`"),
+    _a);
+var SortableRootContext = React.createContext(null);
+SortableRootContext.displayName = ROOT_NAME;
+function useSortableContext(name) {
+    var context = React.useContext(SortableRootContext);
+    if (!context) {
+        throw new Error(SORTABLE_ERROR[name]);
+    }
+    return context;
+}
+function Sortable(props) {
+    var _a = props.id, id = _a === void 0 ? React.useId() : _a, value = props.value, onValueChange = props.onValueChange, modifiers = props.modifiers, strategy = props.strategy, onMove = props.onMove, _b = props.orientation, orientation = _b === void 0 ? "vertical" : _b, _c = props.flatCursor, flatCursor = _c === void 0 ? false : _c, getItemValueProp = props.getItemValue, accessibility = props.accessibility, sortableProps = __rest(props, ["id", "value", "onValueChange", "modifiers", "strategy", "onMove", "orientation", "flatCursor", "getItemValue", "accessibility"]);
+    var _d = React.useState(null), activeId = _d[0], setActiveId = _d[1];
+    var sensors = useSensors(useSensor(MouseSensor), useSensor(TouchSensor), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates,
+    }));
+    var config = React.useMemo(function () { return orientationConfig[orientation]; }, [orientation]);
+    var getItemValue = React.useCallback(function (item) {
+        if (typeof item === "object" && !getItemValueProp) {
+            throw new Error("getItemValue is required when using array of objects.");
+        }
+        return getItemValueProp
+            ? getItemValueProp(item)
+            : item;
+    }, [getItemValueProp]);
+    var onDragEnd = React.useCallback(function (event) {
+        var active = event.active, over = event.over;
+        if (over && active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
+            var activeIndex = value.findIndex(function (item) { return getItemValue(item) === active.id; });
+            var overIndex = value.findIndex(function (item) { return getItemValue(item) === over.id; });
+            if (onMove) {
+                onMove(__assign(__assign({}, event), { activeIndex: activeIndex, overIndex: overIndex }));
+            }
+            else {
+                onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(arrayMove(value, activeIndex, overIndex));
+            }
+        }
+        setActiveId(null);
+    }, [value, onValueChange, onMove, getItemValue]);
+    var announcements = {
+        onDragStart: function (_a) {
+            var _b;
+            var active = _a.active;
+            var activeValue = active.id.toString();
+            return "Grabbed sortable item \"".concat(activeValue, "\". Current position is ").concat(((_b = active.data.current) === null || _b === void 0 ? void 0 : _b.sortable.index) + 1, " of ").concat(value.length, ". Use arrow keys to move, space to drop.");
+        },
+        onDragOver: function (_a) {
+            var _b, _c, _d, _e;
+            var active = _a.active, over = _a.over;
+            if (over) {
+                var overIndex = (_c = (_b = over.data.current) === null || _b === void 0 ? void 0 : _b.sortable.index) !== null && _c !== void 0 ? _c : 0;
+                var activeIndex = (_e = (_d = active.data.current) === null || _d === void 0 ? void 0 : _d.sortable.index) !== null && _e !== void 0 ? _e : 0;
+                var moveDirection = overIndex > activeIndex ? "down" : "up";
+                var activeValue = active.id.toString();
+                return "Sortable item \"".concat(activeValue, "\" moved ").concat(moveDirection, " to position ").concat(overIndex + 1, " of ").concat(value.length, ".");
+            }
+            return "Sortable item is no longer over a droppable area. Press escape to cancel.";
+        },
+        onDragEnd: function (_a) {
+            var _b, _c;
+            var active = _a.active, over = _a.over;
+            var activeValue = active.id.toString();
+            if (over) {
+                var overIndex = (_c = (_b = over.data.current) === null || _b === void 0 ? void 0 : _b.sortable.index) !== null && _c !== void 0 ? _c : 0;
+                return "Sortable item \"".concat(activeValue, "\" dropped at position ").concat(overIndex + 1, " of ").concat(value.length, ".");
+            }
+            return "Sortable item \"".concat(activeValue, "\" dropped. No changes were made.");
+        },
+        onDragCancel: function (_a) {
+            var _b, _c;
+            var active = _a.active;
+            var activeIndex = (_c = (_b = active.data.current) === null || _b === void 0 ? void 0 : _b.sortable.index) !== null && _c !== void 0 ? _c : 0;
+            var activeValue = active.id.toString();
+            return "Sorting cancelled. Sortable item \"".concat(activeValue, "\" returned to position ").concat(activeIndex + 1, " of ").concat(value.length, ".");
+        },
+        onDragMove: function (_a) {
+            var _b, _c, _d, _e;
+            var active = _a.active, over = _a.over;
+            if (over) {
+                var overIndex = (_c = (_b = over.data.current) === null || _b === void 0 ? void 0 : _b.sortable.index) !== null && _c !== void 0 ? _c : 0;
+                var activeIndex = (_e = (_d = active.data.current) === null || _d === void 0 ? void 0 : _d.sortable.index) !== null && _e !== void 0 ? _e : 0;
+                var moveDirection = overIndex > activeIndex ? "down" : "up";
+                var activeValue = active.id.toString();
+                return "Sortable item \"".concat(activeValue, "\" is moving ").concat(moveDirection, " to position ").concat(overIndex + 1, " of ").concat(value.length, ".");
+            }
+            return "Sortable item is no longer over a droppable area. Press escape to cancel.";
+        },
+    };
+    var screenReaderInstructions = React.useMemo(function () { return ({
+        draggable: "\n        To pick up a sortable item, press space or enter.\n        While dragging, use the ".concat(orientation === "vertical" ? "up and down" : orientation === "horizontal" ? "left and right" : "arrow", " keys to move the item.\n        Press space or enter again to drop the item in its new position, or press escape to cancel.\n      "),
+    }); }, [orientation]);
+    var contextValue = React.useMemo(function () { return ({
+        id: id,
+        items: value,
+        modifiers: modifiers !== null && modifiers !== void 0 ? modifiers : config.modifiers,
+        strategy: strategy !== null && strategy !== void 0 ? strategy : config.strategy,
+        activeId: activeId,
+        setActiveId: setActiveId,
+        getItemValue: getItemValue,
+        flatCursor: flatCursor,
+    }); }, [
+        id,
+        value,
+        modifiers,
+        strategy,
+        config.modifiers,
+        config.strategy,
+        activeId,
+        getItemValue,
+        flatCursor,
+    ]);
+    return (React.createElement(SortableRootContext.Provider, { value: contextValue },
+        React.createElement(DndContext, __assign({ id: id, modifiers: modifiers !== null && modifiers !== void 0 ? modifiers : config.modifiers, sensors: sensors, collisionDetection: config.collisionDetection, onDragStart: composeEventHandlers(sortableProps.onDragStart, function (_a) {
+                var active = _a.active;
+                return setActiveId(active.id);
+            }), onDragEnd: composeEventHandlers(sortableProps.onDragEnd, onDragEnd), onDragCancel: composeEventHandlers(sortableProps.onDragCancel, function () {
+                return setActiveId(null);
+            }), accessibility: __assign({ announcements: announcements, screenReaderInstructions: screenReaderInstructions }, accessibility) }, sortableProps))));
+}
+var SortableContentContext = React.createContext(false);
+SortableContentContext.displayName = CONTENT_NAME;
+var SortableContent = React.forwardRef(function (props, forwardedRef) {
+    var strategyProp = props.strategy, asChild = props.asChild, contentProps = __rest(props, ["strategy", "asChild"]);
+    var context = useSortableContext(CONTENT_NAME);
+    var items = React.useMemo(function () {
+        return context.items.map(function (item) { return context.getItemValue(item); });
+    }, [context.items, context.getItemValue]);
+    var ContentSlot = asChild ? Slot : "div";
+    return (React.createElement(SortableContentContext.Provider, { value: true },
+        React.createElement(SortableContext, { items: items, strategy: strategyProp !== null && strategyProp !== void 0 ? strategyProp : context.strategy },
+            React.createElement(ContentSlot, __assign({}, contentProps, { ref: forwardedRef })))));
+});
+SortableContent.displayName = CONTENT_NAME;
+var SortableItemContext = React.createContext({
+    id: "",
+    attributes: {},
+    listeners: undefined,
+    setActivatorNodeRef: function () { },
+    isDragging: false,
+});
+SortableItemContext.displayName = ITEM_NAME;
+var SortableItem = React.forwardRef(function (props, forwardedRef) {
+    var value = props.value, style = props.style, asHandle = props.asHandle, asChild = props.asChild, disabled = props.disabled, className = props.className, itemProps = __rest(props, ["value", "style", "asHandle", "asChild", "disabled", "className"]);
+    var inSortableContent = React.useContext(SortableContentContext);
+    var inSortableOverlay = React.useContext(SortableOverlayContext);
+    if (!inSortableContent && !inSortableOverlay) {
+        throw new Error(SORTABLE_ERROR[ITEM_NAME]);
+    }
+    if (value === "") {
+        throw new Error("".concat(ITEM_NAME, " value cannot be an empty string."));
+    }
+    var context = useSortableContext(ITEM_NAME);
+    var id = React.useId();
+    var _a = useSortable({ id: value, disabled: disabled }), attributes = _a.attributes, listeners = _a.listeners, setNodeRef = _a.setNodeRef, setActivatorNodeRef = _a.setActivatorNodeRef, transform = _a.transform, transition = _a.transition, isDragging = _a.isDragging;
+    var composedRef = useComposedRefs(forwardedRef, function (node) {
+        if (disabled)
+            return;
+        setNodeRef(node);
+        if (asHandle)
+            setActivatorNodeRef(node);
+    });
+    var composedStyle = React.useMemo(function () {
+        return __assign({ transform: CSS.Translate.toString(transform), transition: transition }, style);
+    }, [transform, transition, style]);
+    var itemContext = React.useMemo(function () { return ({
+        id: id,
+        attributes: attributes,
+        listeners: listeners,
+        setActivatorNodeRef: setActivatorNodeRef,
+        isDragging: isDragging,
+        disabled: disabled,
+    }); }, [id, attributes, listeners, setActivatorNodeRef, isDragging, disabled]);
+    var ItemSlot = asChild ? Slot : "div";
+    return (React.createElement(SortableItemContext.Provider, { value: itemContext },
+        React.createElement(ItemSlot, __assign({ id: id, "data-dragging": isDragging ? "" : undefined }, itemProps, (asHandle ? attributes : {}), (asHandle ? listeners : {}), { tabIndex: disabled ? undefined : 0, ref: composedRef, style: composedStyle, className: cn("focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1", {
+                "touch-none select-none": asHandle,
+                "cursor-default": context.flatCursor,
+                "data-[dragging]:cursor-grabbing": !context.flatCursor,
+                "cursor-grab": !isDragging && asHandle && !context.flatCursor,
+                "opacity-50": isDragging,
+                "pointer-events-none opacity-50": disabled,
+            }, className) }))));
+});
+SortableItem.displayName = ITEM_NAME;
+var SortableItemHandle = React.forwardRef(function (props, forwardedRef) {
+    var asChild = props.asChild, disabled = props.disabled, className = props.className, itemHandleProps = __rest(props, ["asChild", "disabled", "className"]);
+    var itemContext = React.useContext(SortableItemContext);
+    if (!itemContext) {
+        throw new Error(SORTABLE_ERROR[ITEM_HANDLE_NAME]);
+    }
+    var context = useSortableContext(ITEM_HANDLE_NAME);
+    var isDisabled = disabled !== null && disabled !== void 0 ? disabled : itemContext.disabled;
+    var composedRef = useComposedRefs(forwardedRef, function (node) {
+        if (!isDisabled)
+            return;
+        itemContext.setActivatorNodeRef(node);
+    });
+    var HandleSlot = asChild ? Slot : "button";
+    return (React.createElement(HandleSlot, __assign({ "aria-controls": itemContext.id, "aria-roledescription": "sortable item handle", "data-dragging": itemContext.isDragging ? "" : undefined }, itemHandleProps, itemContext.attributes, itemContext.listeners, { ref: composedRef, className: cn("select-none disabled:pointer-events-none disabled:opacity-50", context.flatCursor
+            ? "cursor-default"
+            : "cursor-grab data-[dragging]:cursor-grabbing", className), disabled: isDisabled })));
+});
+SortableItemHandle.displayName = ITEM_HANDLE_NAME;
+var SortableOverlayContext = React.createContext(false);
+SortableOverlayContext.displayName = OVERLAY_NAME;
+var dropAnimation = {
+    sideEffects: defaultDropAnimationSideEffects({
+        styles: {
+            active: {
+                opacity: "0.4",
+            },
+        },
+    }),
+};
+function SortableOverlay(props) {
+    var _a;
+    var containerProp = props.container, children = props.children, overlayProps = __rest(props, ["container", "children"]);
+    var context = useSortableContext(OVERLAY_NAME);
+    var _b = React.useState(false), mounted = _b[0], setMounted = _b[1];
+    React.useLayoutEffect(function () { return setMounted(true); }, []);
+    var container = containerProp !== null && containerProp !== void 0 ? containerProp : (mounted ? (_a = globalThis.document) === null || _a === void 0 ? void 0 : _a.body : null);
+    if (!container)
+        return null;
+    return ReactDOM.createPortal(React.createElement(DragOverlay, __assign({ modifiers: context.modifiers, dropAnimation: dropAnimation, className: cn(!context.flatCursor && "cursor-grabbing") }, overlayProps),
+        React.createElement(SortableOverlayContext.Provider, { value: true }, context.activeId
+            ? typeof children === "function"
+                ? children({ value: context.activeId })
+                : children
+            : null)), container);
+}
+var Root = Sortable;
+var Content = SortableContent;
+var Item = SortableItem;
+var ItemHandle = SortableItemHandle;
+var Overlay = SortableOverlay;
+export { Sortable, SortableContent, SortableItem, SortableItemHandle, SortableOverlay, 
+//
+Root, Content, Item, ItemHandle, Overlay, };
+//# sourceMappingURL=sortable.js.map