@a2v2ai/uikit 0.0.28 → 0.0.30

package/DataTable/DataTable.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from "react";
+export interface DataTableColumn<T> {
+    key: string;
+    title: string;
+    titleRender?: () => ReactNode;
+    dataIndex?: keyof T;
+    width?: string | number;
+    render?: (value: unknown, record: T, index: number) => ReactNode;
+    className?: string;
+}
+export interface DataTableProps<T extends object> {
+    columns: DataTableColumn<T>[];
+    dataSource: T[];
+    rowKey: keyof T | ((record: T) => string);
+    className?: string;
+}
+declare const DataTable: {
+    <T extends object>({ columns, dataSource, rowKey, className, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DataTable };

package/DataTable/DataTable.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "../Table/Table";
+const DataTable = ({ columns, dataSource, rowKey, className, }) => {
+    const getRowKey = (record) => {
+        if (typeof rowKey === "function") {
+            return rowKey(record);
+        }
+        return String(record[rowKey]);
+    };
+    const getCellValue = (record, column, index) => {
+        const value = column.dataIndex ? record[column.dataIndex] : undefined;
+        if (column.render) {
+            return column.render(value, record, index);
+        }
+        return value;
+    };
+    return (_jsxs(Table, { className: className, children: [_jsx(TableHeader, { children: _jsx(TableRow, { children: columns.map((column) => (_jsx(TableHead, { className: column.className, style: { width: column.width }, children: column.titleRender ? column.titleRender() : column.title }, column.key))) }) }), _jsx(TableBody, { children: dataSource.map((record, index) => (_jsx(TableRow, { children: columns.map((column) => (_jsx(TableCell, { children: getCellValue(record, column, index) }, column.key))) }, getRowKey(record)))) })] }));
+};
+DataTable.displayName = "DataTable";
+export { DataTable };

package/Drawer/Drawer.d.ts

@@ -3,8 +3,8 @@ import { Drawer as DrawerPrimitive } from "vaul";
 type DrawerDirection = "bottom" | "top" | "left" | "right";
 declare const drawerContentVariants: (props?: ({
     direction?: "left" | "right" | "bottom" | "top" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare const drawerOverlayVariants: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const drawerOverlayVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export type DrawerProps = React.ComponentProps<typeof DrawerPrimitive.Root> & {
     /** Direction the drawer slides in from */
     direction?: DrawerDirection;

package/Drawer/Drawer.js

@@ -1,23 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.drawerOverlayVariants = exports.drawerContentVariants = void 0;
-exports.Drawer = Drawer;
-exports.DrawerPortal = DrawerPortal;
-exports.DrawerOverlay = DrawerOverlay;
-exports.DrawerTrigger = DrawerTrigger;
-exports.DrawerClose = DrawerClose;
-exports.DrawerContent = DrawerContent;
-exports.DrawerHeader = DrawerHeader;
-exports.DrawerFooter = DrawerFooter;
-exports.DrawerBody = DrawerBody;
-exports.DrawerTitle = DrawerTitle;
-exports.DrawerDescription = DrawerDescription;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const vaul_1 = require("vaul");
-const class_variance_authority_1 = require("class-variance-authority");
-const Loader_1 = require("../Loader/Loader");
-const utils_1 = require("../lib/utils");
-const drawerContentVariants = (0, class_variance_authority_1.cva)("group/drawer-content fixed z-50 flex h-auto flex-col bg-white", {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Drawer as DrawerPrimitive } from "vaul";
+import { cva } from "class-variance-authority";
+import { Loader } from "../Loader/Loader";
+import { cn } from "../lib/utils";
+const drawerContentVariants = cva("group/drawer-content fixed z-50 flex h-auto flex-col bg-white", {
     variants: {
         direction: {
             bottom: "inset-x-0 bottom-0 mt-24 max-h-[80vh] rounded-t-[10px]",
@@ -30,40 +17,39 @@ const drawerContentVariants = (0, class_variance_authority_1.cva)("group/drawer-
         direction: "bottom",
     },
 });
-exports.drawerContentVariants = drawerContentVariants;
-const drawerOverlayVariants = (0, class_variance_authority_1.cva)("fixed inset-0 z-50 bg-black/60 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0");
-exports.drawerOverlayVariants = drawerOverlayVariants;
+const drawerOverlayVariants = cva("fixed inset-0 z-50 bg-black/60 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0");
 function Drawer({ direction = "bottom", dismissible = true, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(vaul_1.Drawer.Root, { direction: direction, dismissible: dismissible, ...props }));
+    return (_jsx(DrawerPrimitive.Root, { direction: direction, dismissible: dismissible, ...props }));
 }
 function DrawerTrigger({ ...props }) {
-    return (0, jsx_runtime_1.jsx)(vaul_1.Drawer.Trigger, { ...props });
+    return _jsx(DrawerPrimitive.Trigger, { ...props });
 }
 function DrawerPortal({ ...props }) {
-    return (0, jsx_runtime_1.jsx)(vaul_1.Drawer.Portal, { ...props });
+    return _jsx(DrawerPrimitive.Portal, { ...props });
 }
 function DrawerClose({ ...props }) {
-    return (0, jsx_runtime_1.jsx)(vaul_1.Drawer.Close, { ...props });
+    return _jsx(DrawerPrimitive.Close, { ...props });
 }
 function DrawerOverlay({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(vaul_1.Drawer.Overlay, { className: (0, utils_1.cn)(drawerOverlayVariants(), className), ...props }));
+    return (_jsx(DrawerPrimitive.Overlay, { className: cn(drawerOverlayVariants(), className), ...props }));
 }
 function DrawerContent({ className, children, direction = "bottom", showHandle = true, loading = false, ...props }) {
     const isVertical = direction === "bottom" || direction === "top";
-    return ((0, jsx_runtime_1.jsxs)(DrawerPortal, { children: [(0, jsx_runtime_1.jsx)(DrawerOverlay, {}), (0, jsx_runtime_1.jsxs)(vaul_1.Drawer.Content, { className: (0, utils_1.cn)(drawerContentVariants({ direction }), "shadow-lg", className), ...props, children: [showHandle && isVertical && ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("mx-auto shrink-0 rounded-full bg-neutral-200", direction === "bottom" ? "mt-2 mb-4" : "mb-2 mt-4", "h-[3px] w-[50px]") })), loading ? ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-1 items-center justify-center p-8", children: (0, jsx_runtime_1.jsx)(Loader_1.Loader, { size: "large", color: "grey" }) })) : (children)] })] }));
+    return (_jsxs(DrawerPortal, { children: [_jsx(DrawerOverlay, {}), _jsxs(DrawerPrimitive.Content, { className: cn(drawerContentVariants({ direction }), "shadow-lg", className), ...props, children: [showHandle && isVertical && (_jsx("div", { className: cn("mx-auto shrink-0 rounded-full bg-neutral-200", direction === "bottom" ? "mt-2 mb-4" : "mb-2 mt-4", "h-[3px] w-[50px]") })), loading ? (_jsx("div", { className: "flex flex-1 items-center justify-center p-8", children: _jsx(Loader, { size: "large", color: "grey" }) })) : (children)] })] }));
 }
 function DrawerHeader({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("flex flex-col gap-1.5 p-4 text-center sm:text-left", className), ...props }));
+    return (_jsx("div", { className: cn("flex flex-col gap-1.5 p-4 text-center sm:text-left", className), ...props }));
 }
 function DrawerFooter({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("mt-auto flex flex-col gap-2 p-4", className), ...props }));
+    return (_jsx("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props }));
 }
 function DrawerBody({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("flex-1 overflow-auto p-4", className), ...props }));
+    return (_jsx("div", { className: cn("flex-1 overflow-auto p-4", className), ...props }));
 }
 function DrawerTitle({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(vaul_1.Drawer.Title, { className: (0, utils_1.cn)("text-lg font-semibold text-neutral-900", className), ...props }));
+    return (_jsx(DrawerPrimitive.Title, { className: cn("text-lg font-semibold text-neutral-900", className), ...props }));
 }
 function DrawerDescription({ className, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(vaul_1.Drawer.Description, { className: (0, utils_1.cn)("text-sm text-neutral-500", className), ...props }));
+    return (_jsx(DrawerPrimitive.Description, { className: cn("text-sm text-neutral-500", className), ...props }));
 }
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerBody, DrawerTitle, DrawerDescription, drawerContentVariants, drawerOverlayVariants, };

package/DropdownMenu/DropdownMenu.js

@@ -1,85 +1,35 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownMenuRadioGroup = exports.DropdownMenuSubTrigger = exports.DropdownMenuSubContent = exports.DropdownMenuSub = exports.DropdownMenuPortal = exports.DropdownMenuGroup = exports.DropdownMenuShortcut = exports.DropdownMenuSeparator = exports.DropdownMenuLabel = exports.DropdownMenuRadioItem = exports.DropdownMenuCheckboxItem = exports.DropdownMenuItem = exports.DropdownMenuContent = exports.DropdownMenuTrigger = exports.DropdownMenu = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const DropdownMenuPrimitive = __importStar(require("@radix-ui/react-dropdown-menu"));
-const lucide_react_1 = require("lucide-react");
-const utils_1 = require("../lib/utils");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import { cn } from "../lib/utils";
 const DropdownMenu = DropdownMenuPrimitive.Root;
-exports.DropdownMenu = DropdownMenu;
 const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-exports.DropdownMenuTrigger = DropdownMenuTrigger;
 const DropdownMenuGroup = DropdownMenuPrimitive.Group;
-exports.DropdownMenuGroup = DropdownMenuGroup;
 const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
-exports.DropdownMenuPortal = DropdownMenuPortal;
 const DropdownMenuSub = DropdownMenuPrimitive.Sub;
-exports.DropdownMenuSub = DropdownMenuSub;
 const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
-const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(DropdownMenuPrimitive.SubTrigger, { ref: ref, className: (0, utils_1.cn)("flex cursor-default select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none focus:bg-grey-100 data-[state=open]:bg-grey-100 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className), ...props, children: [children, (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "ml-auto" })] })));
-exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
+const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.SubTrigger, { ref: ref, className: cn("flex cursor-default select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none focus:bg-grey-100 data-[state=open]:bg-grey-100 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className), ...props, children: [children, _jsx(ChevronRight, { className: "ml-auto" })] })));
 DropdownMenuSubTrigger.displayName =
     DropdownMenuPrimitive.SubTrigger.displayName;
-const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.SubContent, { ref: ref, className: (0, utils_1.cn)("z-50 min-w-[8rem] overflow-hidden rounded-lg border border-grey-200 bg-white p-1 text-main-950 shadow-lg 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", className), ...props })));
-exports.DropdownMenuSubContent = DropdownMenuSubContent;
+const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.SubContent, { ref: ref, className: cn("z-50 min-w-[8rem] overflow-hidden rounded-lg border border-grey-200 bg-white p-1 text-main-950 shadow-lg 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", className), ...props })));
 DropdownMenuSubContent.displayName =
     DropdownMenuPrimitive.SubContent.displayName;
-const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: (0, utils_1.cn)("z-50 min-w-[8rem] overflow-hidden rounded-lg border border-grey-200 bg-white p-1 text-main-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", className), ...props }) })));
-exports.DropdownMenuContent = DropdownMenuContent;
+const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn("z-50 min-w-[8rem] overflow-hidden rounded-lg border border-grey-200 bg-white p-1 text-main-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", className), ...props }) })));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Item, { ref: ref, className: (0, utils_1.cn)("relative flex cursor-default select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none transition-colors focus:bg-grey-100 focus:text-main-950 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0", inset && "pl-8", className), ...props })));
-exports.DropdownMenuItem = DropdownMenuItem;
+const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Item, { ref: ref, className: cn("relative flex cursor-default select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none transition-colors focus:bg-grey-100 focus:text-main-950 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0", inset && "pl-8", className), ...props })));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(DropdownMenuPrimitive.CheckboxItem, { ref: ref, className: (0, utils_1.cn)("relative flex cursor-default select-none items-center rounded-md py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-grey-100 focus:text-main-950 data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), checked: checked, ...props, children: [(0, jsx_runtime_1.jsx)("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: "size-4" }) }) }), children] })));
-exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
+const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.CheckboxItem, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-md py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-grey-100 focus:text-main-950 data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), checked: checked, ...props, children: [_jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Check, { className: "size-4" }) }) }), children] })));
 DropdownMenuCheckboxItem.displayName =
     DropdownMenuPrimitive.CheckboxItem.displayName;
-const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(DropdownMenuPrimitive.RadioItem, { ref: ref, className: (0, utils_1.cn)("relative flex cursor-default select-none items-center rounded-md py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-grey-100 focus:text-main-950 data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), ...props, children: [(0, jsx_runtime_1.jsx)("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.Circle, { className: "size-2 fill-current" }) }) }), children] })));
-exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
+const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.RadioItem, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-md py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-grey-100 focus:text-main-950 data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), ...props, children: [_jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Circle, { className: "size-2 fill-current" }) }) }), children] })));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Label, { ref: ref, className: (0, utils_1.cn)("px-2 py-1.5 text-sm font-semibold text-main-950", inset && "pl-8", className), ...props })));
-exports.DropdownMenuLabel = DropdownMenuLabel;
+const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Label, { ref: ref, className: cn("px-2 py-1.5 text-sm font-semibold text-main-950", inset && "pl-8", className), ...props })));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Separator, { ref: ref, className: (0, utils_1.cn)("-mx-1 my-1 h-px bg-grey-100", className), ...props })));
-exports.DropdownMenuSeparator = DropdownMenuSeparator;
+const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Separator, { ref: ref, className: cn("-mx-1 my-1 h-px bg-grey-100", className), ...props })));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 const DropdownMenuShortcut = ({ className, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)("ml-auto text-xs tracking-widest text-grey-400", className), ...props }));
+    return (_jsx("span", { className: cn("ml-auto text-xs tracking-widest text-grey-400", className), ...props }));
 };
-exports.DropdownMenuShortcut = DropdownMenuShortcut;
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };

package/ErrorMessage/ErrorMessage.js

@@ -1,15 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorMessage = ErrorMessage;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Typography_1 = require("../Typography/Typography");
-const utils_1 = require("../lib/utils");
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Typography } from "../Typography/Typography";
+import { cn } from "../lib/utils";
 function ErrorMessage({ name, errors, touched, className, color = "error-600", ...props }) {
     const hasError = errors && typeof errors[name] === "string";
     const shouldShow = touched ? hasError && touched[name] : hasError;
     if (!shouldShow) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "caption", color: color, className: (0, utils_1.cn)("mt-1", className), ...props, children: errors[name] }));
+    return (_jsx(Typography, { variant: "caption", color: color, className: cn("mt-1", className), ...props, children: errors[name] }));
 }
 ErrorMessage.displayName = "ErrorMessage";
+export { ErrorMessage };

package/Flex/Flex.d.ts

@@ -10,7 +10,7 @@ declare const flexVariants: (props?: ({
     justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
     wrap?: "nowrap" | "wrap" | "wrap-reverse" | null | undefined;
     gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type FlexProps = React.HTMLAttributes<HTMLDivElement> & {
     direction?: FlexDirection;
     align?: FlexAlign;

package/Flex/Flex.js

@@ -1,44 +1,8 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.flexVariants = exports.Flex = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const class_variance_authority_1 = require("class-variance-authority");
-const utils_1 = require("../lib/utils");
-const flexVariants = (0, class_variance_authority_1.cva)("flex", {
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils";
+const flexVariants = cva("flex", {
     variants: {
         direction: {
             row: "flex-row",
@@ -93,9 +57,8 @@ const flexVariants = (0, class_variance_authority_1.cva)("flex", {
         gap: 0,
     },
 });
-exports.flexVariants = flexVariants;
 const Flex = React.forwardRef(({ className, direction, align, justify, wrap, gap, as: Component = "div", ...props }, ref) => {
-    return ((0, jsx_runtime_1.jsx)(Component, { ref: ref, className: (0, utils_1.cn)(flexVariants({ direction, align, justify, wrap, gap, className })), ...props }));
+    return (_jsx(Component, { ref: ref, className: cn(flexVariants({ direction, align, justify, wrap, gap, className })), ...props }));
 });
-exports.Flex = Flex;
 Flex.displayName = "Flex";
+export { Flex, flexVariants };

package/IconButton/IconButton.d.ts

@@ -6,7 +6,7 @@ declare const iconButtonVariants: (props?: ({
     variant?: "secondary" | "outline" | "primary" | "ghost" | null | undefined;
     size?: "small" | "regular" | "large" | "mini" | null | undefined;
     roundness?: "default" | "round" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: IconButtonVariant;
     size?: IconButtonSize;

package/IconButton/IconButton.js

@@ -1,45 +1,9 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.iconButtonVariants = exports.IconButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const react_slot_1 = require("@radix-ui/react-slot");
-const class_variance_authority_1 = require("class-variance-authority");
-const utils_1 = require("../lib/utils");
-const iconButtonVariants = (0, class_variance_authority_1.cva)("inline-flex items-center justify-center shrink-0 cursor-pointer transition-colors focus-visible:outline-none focus-visible:shadow-[0_0_0_3px_#d4d4d4] disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils";
+const iconButtonVariants = cva("inline-flex items-center justify-center shrink-0 cursor-pointer transition-colors focus-visible:outline-none focus-visible:shadow-[0_0_0_3px_#d4d4d4] disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:shrink-0", {
     variants: {
         variant: {
             primary: "bg-accent-600 text-white hover:bg-accent-700",
@@ -76,10 +40,9 @@ const iconButtonVariants = (0, class_variance_authority_1.cva)("inline-flex item
         roundness: "default",
     },
 });
-exports.iconButtonVariants = iconButtonVariants;
 const IconButton = React.forwardRef(({ className, variant, size, roundness, asChild = false, icon, children, ...props }, ref) => {
-    const Comp = asChild ? react_slot_1.Slot : "button";
-    return ((0, jsx_runtime_1.jsx)(Comp, { className: (0, utils_1.cn)(iconButtonVariants({ variant, size, roundness, className })), ref: ref, ...props, children: icon || children }));
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { className: cn(iconButtonVariants({ variant, size, roundness, className })), ref: ref, ...props, children: icon || children }));
 });
-exports.IconButton = IconButton;
 IconButton.displayName = "IconButton";
+export { IconButton, iconButtonVariants };

package/Input/Input.d.ts

@@ -7,7 +7,7 @@ declare const inputVariants: (props?: ({
     size?: "small" | "regular" | "large" | "mini" | null | undefined;
     roundness?: "default" | "round" | null | undefined;
     variant?: "default" | "error" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
     size?: InputSize;
     roundness?: InputRoundness;

package/Input/Input.js

@@ -1,46 +1,11 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.inputVariants = exports.Input = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const class_variance_authority_1 = require("class-variance-authority");
-const utils_1 = require("../lib/utils");
-const Typography_1 = require("../Typography/Typography");
-const Label_1 = require("../Label/Label");
-const inputVariants = (0, class_variance_authority_1.cva)("flex w-full bg-white border font-normal font-sans transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-grey-400 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-grey-50", {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils";
+import { Typography } from "../Typography/Typography";
+import { Label } from "../Label/Label";
+import {} from "../lib/typography-types";
+const inputVariants = cva("flex w-full bg-white border font-normal font-sans transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-grey-400 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-grey-50", {
     variants: {
         size: {
             mini: "h-6 px-3 text-xs rounded-md",
@@ -63,16 +28,15 @@ const inputVariants = (0, class_variance_authority_1.cva)("flex w-full bg-white
         variant: "default",
     },
 });
-exports.inputVariants = inputVariants;
 const Input = React.forwardRef(({ className, type = "text", size, roundness, variant, label, labelVariant = "body2", labelColor = "main-800", leftIcon, rightIcon, leftAddon, rightAddon, rightElement, error, id, ...props }, ref) => {
     const hasAddons = leftIcon || rightIcon || leftAddon || rightAddon || rightElement;
     const computedVariant = error ? "error" : variant;
     if (hasAddons) {
-        return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [label && ((0, jsx_runtime_1.jsx)(Label_1.Label, { htmlFor: id, variant: labelVariant, color: labelColor, children: label })), (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("flex items-center gap-2 bg-white border font-sans transition-colors w-full", "focus-within:ring-[3px]", computedVariant === "error"
+        return (_jsxs("div", { className: "flex flex-col gap-2 w-full", children: [label && (_jsx(Label, { htmlFor: id, variant: labelVariant, color: labelColor, children: label })), _jsxs("div", { className: cn("flex items-center gap-2 bg-white border font-sans transition-colors w-full", "focus-within:ring-[3px]", computedVariant === "error"
                         ? "border-error-500 focus-within:border-error-500 focus-within:ring-error-200"
-                        : "border-grey-300 focus-within:border-grey-300 focus-within:ring-grey-300/50", size === "mini" && "h-6 pl-3 pr-0.5 text-xs rounded-md", size === "small" && "h-8 pl-3 pr-0.5 text-sm rounded-md", size === "regular" && "h-9 pl-3 pr-0.5 text-sm rounded-lg", size === "large" && "h-10 pl-3 pr-0.5 text-base rounded-lg", !size && "h-9 pl-3 pr-0.5 text-sm rounded-lg", !rightElement && "pr-3", roundness === "round" && "!rounded-full", props.disabled && "opacity-50 cursor-not-allowed bg-grey-50", className), children: [leftIcon && ((0, jsx_runtime_1.jsx)("span", { className: "shrink-0 text-grey-500 [&_svg]:size-4", children: leftIcon })), leftAddon && ((0, jsx_runtime_1.jsx)("span", { className: "shrink-0 text-grey-500", children: leftAddon })), (0, jsx_runtime_1.jsx)("input", { type: type, id: id, className: (0, utils_1.cn)("flex-1 min-w-0 bg-transparent border-0 outline-none placeholder:text-grey-400", "disabled:cursor-not-allowed"), ref: ref, ...props }), rightAddon && ((0, jsx_runtime_1.jsx)("span", { className: "shrink-0 text-grey-500", children: rightAddon })), rightIcon && ((0, jsx_runtime_1.jsx)("span", { className: "shrink-0 text-grey-500 [&_svg]:size-4", children: rightIcon })), rightElement && ((0, jsx_runtime_1.jsx)("span", { className: "shrink-0", children: rightElement }))] }), error && ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "caption", color: "error-600", className: "mt-1", children: error }))] }));
+                        : "border-grey-300 focus-within:border-grey-300 focus-within:ring-grey-300/50", size === "mini" && "h-6 pl-3 pr-0.5 text-xs rounded-md", size === "small" && "h-8 pl-3 pr-0.5 text-sm rounded-md", size === "regular" && "h-9 pl-3 pr-0.5 text-sm rounded-lg", size === "large" && "h-10 pl-3 pr-0.5 text-base rounded-lg", !size && "h-9 pl-3 pr-0.5 text-sm rounded-lg", !rightElement && "pr-3", roundness === "round" && "!rounded-full", props.disabled && "opacity-50 cursor-not-allowed bg-grey-50", className), children: [leftIcon && (_jsx("span", { className: "shrink-0 text-grey-500 [&_svg]:size-4", children: leftIcon })), leftAddon && (_jsx("span", { className: "shrink-0 text-grey-500", children: leftAddon })), _jsx("input", { type: type, id: id, className: cn("flex-1 min-w-0 bg-transparent border-0 outline-none placeholder:text-grey-400", "disabled:cursor-not-allowed"), ref: ref, ...props }), rightAddon && (_jsx("span", { className: "shrink-0 text-grey-500", children: rightAddon })), rightIcon && (_jsx("span", { className: "shrink-0 text-grey-500 [&_svg]:size-4", children: rightIcon })), rightElement && (_jsx("span", { className: "shrink-0", children: rightElement }))] }), error && (_jsx(Typography, { variant: "caption", color: "error-600", className: "mt-1", children: error }))] }));
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [label && ((0, jsx_runtime_1.jsx)(Label_1.Label, { htmlFor: id, variant: labelVariant, color: labelColor, children: label })), (0, jsx_runtime_1.jsx)("input", { type: type, id: id, className: (0, utils_1.cn)(inputVariants({ size, roundness, variant: computedVariant, className })), ref: ref, ...props }), error && ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "caption", color: "error-600", className: "mt-1", children: error }))] }));
+    return (_jsxs("div", { className: "flex flex-col gap-2 w-full", children: [label && (_jsx(Label, { htmlFor: id, variant: labelVariant, color: labelColor, children: label })), _jsx("input", { type: type, id: id, className: cn(inputVariants({ size, roundness, variant: computedVariant, className })), ref: ref, ...props }), error && (_jsx(Typography, { variant: "caption", color: "error-600", className: "mt-1", children: error }))] }));
 });
-exports.Input = Input;
 Input.displayName = "Input";
+export { Input, inputVariants };

package/InputOTP/InputOTP.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { OTPInput } from "input-otp";
 type InputOTPSlotSize = "sm" | "default" | "lg";
-declare const inputOTPVariants: (props?: ({} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare const inputOTPVariants: (props?: ({} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface InputOTPProps extends Omit<React.ComponentPropsWithoutRef<typeof OTPInput>, "render"> {
     children?: React.ReactNode;
 }
@@ -9,7 +9,7 @@ declare const InputOTP: React.ForwardRefExoticComponent<InputOTPProps & React.Re
 declare const InputOTPGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const inputOTPSlotVariants: (props?: ({
     slotSize?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface InputOTPSlotProps extends React.ComponentPropsWithoutRef<"div"> {
     index: number;
     slotSize?: InputOTPSlotSize;