art-bd-ui 1.0.0

package/README.md

@@ -0,0 +1 @@
+# artbd-ui

package/dist/cjs/components/buttons/button/button.js

@@ -0,0 +1,43 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var utils = require('../../../lib/utils.js');
+var icon = require('../../media/icon/icon.js');
+
+const buttonVariants = classVarianceAuthority.cva("inline-flex 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 shadow-xs hover:bg-primary/90",
+            destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+            outline: "border bg-background shadow-xs 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 shadow-xs 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",
+    },
+});
+const Button = react.forwardRef((_a, ref) => {
+    var { className, variant, size, asChild = false, loading, children, leftIcon, rightIcon } = _a, props = tslib.__rest(_a, ["className", "variant", "size", "asChild", "loading", "children", "leftIcon", "rightIcon"]);
+    const Comp = asChild ? reactSlot.Slot : "button";
+    const leftElement = loading ? (jsxRuntime.jsx(icon.Icon, { name: "loader-2", className: "animate-spin" })) : (leftIcon && jsxRuntime.jsx(icon.Icon, { name: leftIcon }));
+    const rightElement = rightIcon && jsxRuntime.jsx(icon.Icon, { name: rightIcon });
+    return (jsxRuntime.jsxs(Comp, Object.assign({ ref: ref, "data-slot": "button", className: utils.cn(buttonVariants({ variant, size }), className) }, props, { children: [leftElement, jsxRuntime.jsx(reactSlot.Slottable, { children: children }), rightElement] })));
+});
+Button.displayName = "Button";
+
+exports.Button = Button;
+exports.buttonVariants = buttonVariants;

package/dist/cjs/components/buttons/icon-button/icon-button.js

@@ -0,0 +1,33 @@
+"use client";
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var utils = require('../../../lib/utils.js');
+var icon = require('../../media/icon/icon.js');
+var button = require('../button/button.js');
+var tooltip = require('../../popovers/tooltip/tooltip.js');
+
+const iconButtonVariants = classVarianceAuthority.cva("", {
+    variants: {
+        radius: {
+            none: "rounded-none",
+            small: "rounded-sm",
+            medium: "rounded-md",
+            large: "rounded-lg",
+            full: "rounded-full",
+        },
+    },
+    defaultVariants: {
+        radius: "medium",
+    },
+});
+const IconButton = react.forwardRef((_a, ref) => {
+    var { className, variant, radius, loading, icon: icon$1, tooltip: tooltip$1 } = _a, props = tslib.__rest(_a, ["className", "variant", "radius", "loading", "icon", "tooltip"]);
+    return (jsxRuntime.jsxs(tooltip.Tooltip, { children: [jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: jsxRuntime.jsx(button.Button, Object.assign({ ref: ref, "data-slot": "icon-button", variant: variant, size: "icon", loading: loading, className: utils.cn(iconButtonVariants({ radius }), className) }, props, { children: !loading && jsxRuntime.jsx(icon.Icon, { name: icon$1 }) })) }), jsxRuntime.jsx(tooltip.TooltipContent, { sideOffset: 0, arrow: true, children: tooltip$1 })] }));
+});
+IconButton.displayName = "IconButton";
+
+exports.IconButton = IconButton;

package/dist/cjs/components/buttons/toggle/toggle.js

@@ -0,0 +1,34 @@
+"use client";
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var reactToggle = require('@radix-ui/react-toggle');
+var classVarianceAuthority = require('class-variance-authority');
+var utils = require('../../../lib/utils.js');
+
+const toggleVariants = classVarianceAuthority.cva("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", {
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground",
+        },
+        size: {
+            default: "h-9 px-2 min-w-9",
+            sm: "h-8 px-1.5 min-w-8",
+            lg: "h-10 px-2.5 min-w-10",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+const Toggle = (_a) => {
+    var { className, variant, size } = _a, props = tslib.__rest(_a, ["className", "variant", "size"]);
+    return jsxRuntime.jsx(reactToggle.Root, Object.assign({ "data-slot": "toggle", className: utils.cn(toggleVariants({ variant, size }), className) }, props));
+};
+Toggle.displayName = "Toggle";
+
+exports.Toggle = Toggle;
+exports.toggleVariants = toggleVariants;

package/dist/cjs/components/buttons/toggle-group/toggle-group.js

@@ -0,0 +1,31 @@
+"use client";
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var reactToggleGroup = require('@radix-ui/react-toggle-group');
+var utils = require('../../../lib/utils.js');
+var toggle = require('../toggle/toggle.js');
+
+const ToggleGroupContext = react.createContext({
+    size: "default",
+    variant: "default",
+});
+const ToggleGroup = (_a) => {
+    var { className, variant, size, children } = _a, props = tslib.__rest(_a, ["className", "variant", "size", "children"]);
+    return (jsxRuntime.jsx(reactToggleGroup.Root, Object.assign({ "data-slot": "toggle-group", "data-variant": variant, "data-size": size, className: utils.cn("group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs", className) }, props, { children: jsxRuntime.jsx(ToggleGroupContext.Provider, { value: { variant, size }, children: children }) })));
+};
+ToggleGroup.displayName = "ToggleGroup";
+const ToggleGroupItem = (_a) => {
+    var { className, children, variant, size } = _a, props = tslib.__rest(_a, ["className", "children", "variant", "size"]);
+    const context = react.useContext(ToggleGroupContext);
+    return (jsxRuntime.jsx(reactToggleGroup.Item, Object.assign({ "data-slot": "toggle-group-item", "data-variant": context.variant || variant, "data-size": context.size || size, className: utils.cn(toggle.toggleVariants({
+            variant: context.variant || variant,
+            size: context.size || size,
+        }), "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md", "focus:z-10 focus-visible:z-10", "data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l", className) }, props, { children: children })));
+};
+ToggleGroupItem.displayName = "ToggleGroupItem";
+
+exports.ToggleGroup = ToggleGroup;
+exports.ToggleGroupItem = ToggleGroupItem;

package/dist/cjs/components/forms/checkbox/checkbox.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var reactCheckbox = require('@radix-ui/react-checkbox');
+var classVarianceAuthority = require('class-variance-authority');
+var utils = require('../../../lib/utils.js');
+var icon = require('../../media/icon/icon.js');
+
+const checkboxVariants = classVarianceAuthority.cva([
+    "peer shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none",
+    "border-input dark:bg-input/30",
+    "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+], {
+    variants: {
+        size: {
+            default: "size-4",
+            sm: "size-3.5",
+            lg: "size-5",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+    },
+});
+const checkboxIndicatorVariants = classVarianceAuthority.cva(["flex items-center justify-center text-current transition-none"], {
+    variants: {
+        size: {
+            default: "size-3.5",
+            sm: "size-3",
+            lg: "size-4",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+    },
+});
+const Checkbox = react.forwardRef((_a, ref) => {
+    var { className, checked, indeterminate = false, size } = _a, props = tslib.__rest(_a, ["className", "checked", "indeterminate", "size"]);
+    return (jsxRuntime.jsx(reactCheckbox.Root, Object.assign({ ref: ref, "data-slot": "checkbox", checked: checked, className: utils.cn(checkboxVariants({ size }), [
+            "data-[state=checked]:bg-primary",
+            "data-[state=checked]:text-primary-foreground",
+            "dark:data-[state=checked]:bg-primary",
+            "data-[state=checked]:border-primary",
+        ], className) }, props, { children: jsxRuntime.jsx(reactCheckbox.Indicator, { "data-slot": "checkbox-indicator", className: utils.cn(checkboxIndicatorVariants({ size })), children: indeterminate ? (jsxRuntime.jsx(icon.Icon, { name: "minus", size: 16 })) : (checked && jsxRuntime.jsx(icon.Icon, { name: "check", size: 16, className: utils.cn(checkboxIndicatorVariants({ size })) })) }) })));
+});
+Checkbox.displayName = "Checkbox";
+
+exports.Checkbox = Checkbox;

package/dist/cjs/components/forms/input/input.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var utils = require('../../../lib/utils.js');
+
+const inputVariants = classVarianceAuthority.cva([
+    "flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs",
+    "transition-[color,box-shadow] outline-none",
+    "border-input dark:bg-input/30",
+    "placeholder:text-muted-foreground",
+    "selection:bg-primary selection:text-primary-foreground",
+    "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+    "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",
+    "file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground",
+    "md:text-sm",
+], {
+    variants: {
+        size: {
+            default: "h-9 px-3 py-1",
+            sm: "h-8 px-2.5 py-0.5 text-sm",
+            lg: "h-10 px-4 py-2 text-base",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+    },
+});
+const Input = react.forwardRef((_a, ref) => {
+    var { className, type, size } = _a, props = tslib.__rest(_a, ["className", "type", "size"]);
+    return (jsxRuntime.jsx("input", Object.assign({ ref: ref, type: type, "data-slot": "input", className: utils.cn(inputVariants({ size }), className) }, props)));
+});
+Input.displayName = "Input";
+
+exports.Input = Input;

package/dist/cjs/components/forms/label/label.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var reactLabel = require('@radix-ui/react-label');
+var classVarianceAuthority = require('class-variance-authority');
+var utils = require('../../../lib/utils.js');
+
+const labelVariants = classVarianceAuthority.cva([
+    "flex items-center gap-2 text-sm leading-none font-medium select-none",
+    "group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50",
+    "peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+], {
+    variants: {
+        size: {
+            default: "text-sm",
+            sm: "text-xs",
+            lg: "text-base",
+        },
+        weight: {
+            default: "font-medium",
+            light: "font-normal",
+            bold: "font-semibold",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+        weight: "default",
+    },
+});
+const Label = react.forwardRef((_a, ref) => {
+    var { className, size, weight } = _a, props = tslib.__rest(_a, ["className", "size", "weight"]);
+    return jsxRuntime.jsx(reactLabel.Root, Object.assign({ ref: ref, "data-slot": "label", className: utils.cn(labelVariants({ size, weight }), className) }, props));
+});
+Label.displayName = "Label";
+
+exports.Label = Label;

package/dist/cjs/components/forms/radio/radio.js

@@ -0,0 +1,22 @@
+"use client";
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var reactRadioGroup = require('@radix-ui/react-radio-group');
+var utils = require('../../../lib/utils.js');
+var icon = require('../../media/icon/icon.js');
+
+const RadioGroup = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return jsxRuntime.jsx(reactRadioGroup.Root, Object.assign({ "data-slot": "radio-group", className: utils.cn("grid gap-3", className) }, props));
+};
+RadioGroup.displayName = "RadioGroup";
+const RadioGroupItem = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(reactRadioGroup.Item, Object.assign({ "data-slot": "radio-group-item", className: utils.cn("border-input text-primary 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 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className) }, props, { children: jsxRuntime.jsx(reactRadioGroup.Indicator, { "data-slot": "radio-group-indicator", className: "relative flex items-center justify-center", children: jsxRuntime.jsx(icon.Icon, { name: "circle", className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" }) }) })));
+};
+RadioGroupItem.displayName = "RadioGroupItem";
+
+exports.RadioGroup = RadioGroup;
+exports.RadioGroupItem = RadioGroupItem;

package/dist/cjs/components/forms/select/select.js

@@ -0,0 +1,72 @@
+"use client";
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var reactSelect = require('@radix-ui/react-select');
+var utils = require('../../../lib/utils.js');
+var icon = require('../../media/icon/icon.js');
+
+const Select = (_a) => {
+    var props = tslib.__rest(_a, []);
+    return jsxRuntime.jsx(reactSelect.Root, Object.assign({ "data-slot": "select" }, props));
+};
+Select.displayName = "Select";
+const SelectGroup = (_a) => {
+    var props = tslib.__rest(_a, []);
+    return jsxRuntime.jsx(reactSelect.Group, Object.assign({ "data-slot": "select-group" }, props));
+};
+SelectGroup.displayName = "SelectGroup";
+const SelectValue = (_a) => {
+    var props = tslib.__rest(_a, []);
+    return jsxRuntime.jsx(reactSelect.Value, Object.assign({ "data-slot": "select-value" }, props));
+};
+SelectValue.displayName = "SelectValue";
+const SelectTrigger = (_a) => {
+    var { className, size = "default", children } = _a, props = tslib.__rest(_a, ["className", "size", "children"]);
+    return (jsxRuntime.jsxs(reactSelect.Trigger, Object.assign({ "data-slot": "select-trigger", "data-size": size, className: 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: [children, jsxRuntime.jsx(reactSelect.Icon, { asChild: true, children: jsxRuntime.jsx(icon.Icon, { name: "chevron-down", className: "size-4 opacity-50" }) })] })));
+};
+SelectTrigger.displayName = "SelectTrigger";
+const SelectScrollUpButton = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(reactSelect.ScrollUpButton, Object.assign({ "data-slot": "select-scroll-up-button", className: utils.cn("flex cursor-default items-center justify-center py-1", className) }, props, { children: jsxRuntime.jsx(icon.Icon, { name: "chevron-up", className: "size-4" }) })));
+};
+SelectScrollUpButton.displayName = "SelectScrollUpButton";
+const SelectScrollDownButton = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(reactSelect.ScrollDownButton, Object.assign({ "data-slot": "select-scroll-down-button", className: utils.cn("flex cursor-default items-center justify-center py-1", className) }, props, { children: jsxRuntime.jsx(icon.Icon, { name: "chevron-down", className: "size-4" }) })));
+};
+SelectScrollDownButton.displayName = "SelectScrollDownButton";
+const SelectContent = (_a) => {
+    var { className, children, position = "popper" } = _a, props = tslib.__rest(_a, ["className", "children", "position"]);
+    return (jsxRuntime.jsx(reactSelect.Portal, { children: jsxRuntime.jsxs(reactSelect.Content, Object.assign({ "data-slot": "select-content", className: 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: position }, props, { children: [jsxRuntime.jsx(SelectScrollUpButton, {}), jsxRuntime.jsx(reactSelect.Viewport, { className: 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: children }), jsxRuntime.jsx(SelectScrollDownButton, {})] })) }));
+};
+SelectContent.displayName = "SelectContent";
+const SelectLabel = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(reactSelect.Label, Object.assign({ "data-slot": "select-label", className: utils.cn("text-muted-foreground px-2 py-1.5 text-xs", className) }, props)));
+};
+SelectLabel.displayName = "SelectLabel";
+const SelectItem = (_a) => {
+    var { className, children } = _a, props = tslib.__rest(_a, ["className", "children"]);
+    return (jsxRuntime.jsxs(reactSelect.Item, Object.assign({ "data-slot": "select-item", className: 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, { children: [jsxRuntime.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: jsxRuntime.jsx(reactSelect.ItemIndicator, { children: jsxRuntime.jsx(icon.Icon, { name: "check", className: "size-4" }) }) }), jsxRuntime.jsx(reactSelect.ItemText, { children: children })] })));
+};
+SelectItem.displayName = "SelectItem";
+const SelectSeparator = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(reactSelect.Separator, Object.assign({ "data-slot": "select-separator", className: utils.cn("bg-border pointer-events-none -mx-1 my-1 h-px", className) }, props)));
+};
+SelectSeparator.displayName = "SelectSeparator";
+
+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;

package/dist/cjs/components/forms/switch/switch.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var reactSwitch = require('@radix-ui/react-switch');
+var classVarianceAuthority = require('class-variance-authority');
+var utils = require('../../../lib/utils.js');
+
+const switchVariants = classVarianceAuthority.cva([
+    "peer inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+    "data-[state=checked]:bg-primary",
+    "data-[state=unchecked]:bg-input",
+    "dark:data-[state=unchecked]:bg-input/80",
+], {
+    variants: {
+        size: {
+            default: "h-[1.15rem] w-8",
+            sm: "h-4 w-7",
+            lg: "h-5 w-10",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+    },
+});
+const switchThumbVariants = classVarianceAuthority.cva([
+    "bg-background pointer-events-none block rounded-full ring-0 transition-transform",
+    "data-[state=unchecked]:translate-x-0",
+    "dark:data-[state=checked]:bg-primary-foreground",
+    "dark:data-[state=unchecked]:bg-foreground",
+], {
+    variants: {
+        size: {
+            default: ["size-4", "data-[state=checked]:translate-x-[calc(100%-2px)]"],
+            sm: ["size-3", "data-[state=checked]:translate-x-[calc(100%-1px)]"],
+            lg: ["size-5", "data-[state=checked]:translate-x-[calc(100%-3px)]"],
+        },
+    },
+    defaultVariants: {
+        size: "default",
+    },
+});
+const Switch = (_a) => {
+    var { className, thumbClassName, size } = _a, props = tslib.__rest(_a, ["className", "thumbClassName", "size"]);
+    return (jsxRuntime.jsx(reactSwitch.Root, Object.assign({ "data-slot": "switch", className: utils.cn(switchVariants({ size }), className) }, props, { children: jsxRuntime.jsx(reactSwitch.Thumb, { "data-slot": "switch-thumb", className: utils.cn(switchThumbVariants({ size }), thumbClassName) }) })));
+};
+Switch.displayName = "Switch";
+
+exports.Switch = Switch;

package/dist/cjs/components/forms/textarea/textarea.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var utils = require('../../../lib/utils.js');
+
+const textareaVariants = classVarianceAuthority.cva([
+    "flex w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs",
+    "min-h-16 field-sizing-content",
+    "transition-[color,box-shadow] outline-none",
+    "border-input dark:bg-input/30",
+    "placeholder:text-muted-foreground",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    "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",
+    "md:text-sm",
+], {
+    variants: {
+        size: {
+            default: "min-h-16 px-3 py-2",
+            sm: "min-h-12 px-2.5 py-1.5 text-sm",
+            lg: "min-h-20 px-4 py-3 text-base",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+    },
+});
+const Textarea = react.forwardRef((_a, ref) => {
+    var { className, size } = _a, props = tslib.__rest(_a, ["className", "size"]);
+    return jsxRuntime.jsx("textarea", Object.assign({ ref: ref, "data-slot": "textarea", className: utils.cn(textareaVariants({ size }), className) }, props));
+});
+Textarea.displayName = "Textarea";
+
+exports.Textarea = Textarea;

package/dist/cjs/components/layout/box/box.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var reactSlot = require('@radix-ui/react-slot');
+var utils = require('../../../lib/utils.js');
+var responsive = require('../../../styles/responsive.js');
+
+const Box = react.forwardRef((props, ref) => {
+    const { as: Tag = "div", asChild, className, children } = props, rest = tslib.__rest(props, ["as", "asChild", "className", "children"]);
+    const { classesProps, restProps } = responsive.extractResponsiveProps(rest);
+    const responsiveClasses = responsive.getResponsiveClass(classesProps);
+    const Comp = asChild ? reactSlot.Slot : Tag;
+    return (jsxRuntime.jsx(Comp, Object.assign({ ref: ref, "data-slot": "box", className: utils.cn(responsiveClasses, className) }, restProps, { children: children })));
+});
+Box.displayName = "Box";
+
+exports.Box = Box;

package/dist/cjs/components/layout/flex/flex.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var box = require('../box/box.js');
+
+const Flex = react.forwardRef((_a, ref) => {
+    var { children, inline } = _a, rest = tslib.__rest(_a, ["children", "inline"]);
+    return (jsxRuntime.jsx(box.Box, Object.assign({ ref: ref, "data-slot": "flex", display: inline ? "inline-flex" : "flex" }, rest, { children: children })));
+});
+Flex.displayName = "Flex";
+
+exports.Flex = Flex;

package/dist/cjs/components/layout/grid/grid.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var box = require('../box/box.js');
+
+const Grid = react.forwardRef((_a, ref) => {
+    var { children, inline } = _a, rest = tslib.__rest(_a, ["children", "inline"]);
+    return (jsxRuntime.jsx(box.Box, Object.assign({ ref: ref, "data-slot": "grid", display: inline ? "inline-grid" : "grid" }, rest, { children: children })));
+});
+Grid.displayName = "Grid";
+
+exports.Grid = Grid;

package/dist/cjs/components/media/aspect-ratio/aspect-ratio.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var AspectRatioPrimitive = require('@radix-ui/react-aspect-ratio');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var AspectRatioPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(AspectRatioPrimitive);
+
+function AspectRatio(_a) {
+    var props = tslib.__rest(_a, []);
+    return jsxRuntime.jsx(AspectRatioPrimitive__namespace.Root, Object.assign({ "data-slot": "aspect-ratio" }, props));
+}
+
+exports.AspectRatio = AspectRatio;

package/dist/cjs/components/media/avatar/avatar.js

@@ -0,0 +1,27 @@
+"use client";
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var reactAvatar = require('@radix-ui/react-avatar');
+var utils = require('../../../lib/utils.js');
+
+const Avatar = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(reactAvatar.Root, Object.assign({ "data-slot": "avatar", className: utils.cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className) }, props)));
+};
+Avatar.displayName = "Avatar";
+const AvatarImage = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return jsxRuntime.jsx(reactAvatar.Image, Object.assign({ "data-slot": "avatar-image", className: utils.cn("aspect-square size-full", className) }, props));
+};
+AvatarImage.displayName = "AvatarImage";
+const AvatarFallback = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(reactAvatar.Fallback, Object.assign({ "data-slot": "avatar-fallback", className: utils.cn("bg-muted flex size-full items-center justify-center rounded-full", className) }, props)));
+};
+AvatarFallback.displayName = "AvatarFallback";
+
+exports.Avatar = Avatar;
+exports.AvatarFallback = AvatarFallback;
+exports.AvatarImage = AvatarImage;

package/dist/cjs/components/media/icon/icon.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var dynamic = require('lucide-react/dynamic');
+var classVarianceAuthority = require('class-variance-authority');
+var utils = require('../../../lib/utils.js');
+
+const iconVariants = classVarianceAuthority.cva("", {
+    variants: {
+        disabled: {
+            true: "text-muted-foreground cursor-not-allowed",
+            false: "",
+        },
+    },
+    defaultVariants: {
+        disabled: false,
+    },
+});
+const Icon = react.forwardRef((_a, ref) => {
+    var { color, size = 24, disabled = false, className } = _a, rest = tslib.__rest(_a, ["color", "size", "disabled", "className"]);
+    return (jsxRuntime.jsx(dynamic.DynamicIcon, Object.assign({ ref: ref, color: color, "aria-disabled": disabled, size: size, className: utils.cn(iconVariants({ disabled }), className) }, rest)));
+});
+Icon.displayName = "Icon";
+
+exports.Icon = Icon;