@a2v2ai/uikit 0.0.37 → 0.0.38

package/ChatBubble/ChatBubble.js

@@ -1,107 +0,0 @@
-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";
-const chatBubbleVariants = cva("flex flex-col gap-1.5 w-full", {
-    variants: {
-        side: {
-            left: "items-start",
-            right: "items-end",
-        },
-    },
-    defaultVariants: {
-        side: "left",
-    },
-});
-const bubbleContentVariants = cva("px-4 py-3 leading-normal max-w-[85%]", {
-    variants: {
-        color: {
-            blue: "bg-blue-500",
-            grey: "",
-            green: "bg-green-500",
-            lightGrey: "",
-        },
-        theme: {
-            dark: "",
-            light: "",
-        },
-        side: {
-            left: "rounded-t-2xl rounded-br-2xl rounded-bl-md",
-            right: "rounded-t-2xl rounded-bl-2xl rounded-br-md",
-        },
-        size: {
-            small: "text-sm px-3 py-2",
-            medium: "text-base px-4 py-3",
-            large: "text-lg px-4 py-3",
-            xlarge: "text-xl px-5 py-4",
-        },
-    },
-    compoundVariants: [
-        // Blue variants
-        {
-            color: "blue",
-            theme: "dark",
-            className: "bg-blue-500 text-white",
-        },
-        {
-            color: "blue",
-            theme: "light",
-            className: "bg-[#2e9dfb] text-white",
-        },
-        // Grey variants
-        {
-            color: "grey",
-            theme: "dark",
-            className: "bg-[#3F3F46] text-[#F4F4F5]",
-        },
-        {
-            color: "grey",
-            theme: "light",
-            className: "bg-main-100 text-[#52525B]",
-        },
-        // Green variants
-        {
-            color: "green",
-            theme: "dark",
-            className: "bg-green-500 text-white",
-        },
-        {
-            color: "green",
-            theme: "light",
-            className: "bg-green-500 text-white",
-        },
-        // Light-grey variants
-        {
-            color: "lightGrey",
-            theme: "dark",
-            className: "bg-background-neutral-100 text-main-600",
-        },
-        {
-            color: "lightGrey",
-            theme: "light",
-            className: "bg-background-neutral-100 text-main-600",
-        },
-    ],
-    defaultVariants: {
-        color: "blue",
-        theme: "dark",
-        side: "left",
-        size: "small",
-    },
-});
-const labelVariants = cva("text-sm text-neutral-400 mb-0.5", {
-    variants: {
-        side: {
-            left: "ml-3",
-            right: "mr-3",
-        },
-    },
-    defaultVariants: {
-        side: "left",
-    },
-});
-const ChatBubble = React.forwardRef(({ className, side = "left", color = "blue", theme = "dark", size = "small", children, label, showLabel = true, ...props }, ref) => {
-    return (_jsxs("div", { ref: ref, className: cn(chatBubbleVariants({ side, className })), ...props, children: [showLabel && label && (_jsx("span", { className: cn(labelVariants({ side })), children: label })), _jsx("div", { className: cn(bubbleContentVariants({ color, theme, side, size })), children: children })] }));
-});
-ChatBubble.displayName = "ChatBubble";
-export { ChatBubble, chatBubbleVariants, bubbleContentVariants };

package/Checkbox/Checkbox.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-type CheckboxSize = "small" | "regular";
-declare const checkboxVariants: (props?: ({
-    size?: "small" | "regular" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
-    size?: CheckboxSize;
-}
-declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
-export { Checkbox, checkboxVariants };
-export type { CheckboxSize };

package/Checkbox/Checkbox.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { Check, Minus } from "lucide-react";
-import { cva } from "class-variance-authority";
-import { cn } from "../lib/utils";
-const checkboxVariants = cva("peer shrink-0 border border-grey-300 bg-white ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-600 focus-visible:ring-offset-2 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-accent-600 data-[state=checked]:border-accent-600 data-[state=checked]:text-white data-[state=indeterminate]:bg-accent-600 data-[state=indeterminate]:border-accent-600 data-[state=indeterminate]:text-white", {
-    variants: {
-        size: {
-            small: "size-4 rounded-[4px]",
-            regular: "size-5 rounded-md",
-        },
-    },
-    defaultVariants: {
-        size: "regular",
-    },
-});
-const Checkbox = React.forwardRef(({ className, size, ...props }, ref) => (_jsx(CheckboxPrimitive.Root, { ref: ref, className: cn(checkboxVariants({ size }), className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: props.checked === "indeterminate" ? (_jsx(Minus, { className: cn(size === "small" ? "size-3" : "size-3.5") })) : (_jsx(Check, { className: cn(size === "small" ? "size-3" : "size-3.5") })) }) })));
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-export { Checkbox, checkboxVariants };

package/DataTable/DataTable.d.ts

@@ -1,35 +0,0 @@
-import type { ReactNode } from "react";
-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;
-}
-interface DataTablePagination {
-    current: number;
-    pageSize: number;
-    total: number;
-    onChange: (page: number) => void;
-}
-interface DataTableScroll {
-    y?: number | string;
-}
-interface DataTableProps<T extends object> {
-    columns: DataTableColumn<T>[];
-    dataSource: T[];
-    rowKey: keyof T | ((record: T) => string);
-    className?: string;
-    pagination?: DataTablePagination;
-    scroll?: DataTableScroll;
-    loading?: boolean;
-    loadingRows?: number;
-}
-declare const DataTable: {
-    <T extends object>({ columns, dataSource, rowKey, className, pagination, scroll, loading, loadingRows, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { DataTable };
-export type { DataTableColumn, DataTableProps, DataTablePagination, DataTableScroll };

package/DataTable/DataTable.js

@@ -1,51 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "../Table/Table";
-import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, } from "../Pagination/Pagination";
-import { Skeleton } from "../Skeleton/Skeleton";
-const getPageNumbers = (current, totalPages) => {
-    const pages = [];
-    if (totalPages <= 7) {
-        for (let i = 1; i <= totalPages; i++) {
-            pages.push(i);
-        }
-        return pages;
-    }
-    // Always show first page
-    pages.push(1);
-    if (current <= 3) {
-        // Near the start
-        pages.push(2, 3, 4, "ellipsis", totalPages);
-    }
-    else if (current >= totalPages - 2) {
-        // Near the end
-        pages.push("ellipsis", totalPages - 3, totalPages - 2, totalPages - 1, totalPages);
-    }
-    else {
-        // In the middle
-        pages.push("ellipsis", current - 1, current, current + 1, "ellipsis", totalPages);
-    }
-    return pages;
-};
-const DataTable = ({ columns, dataSource, rowKey, className, pagination, scroll, loading, loadingRows = 5, }) => {
-    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;
-    };
-    const totalPages = pagination ? Math.ceil(pagination.total / pagination.pageSize) : 0;
-    const pageNumbers = pagination ? getPageNumbers(pagination.current, totalPages) : [];
-    const tableContent = (_jsxs(Table, { className: className, children: [_jsx(TableHeader, { className: scroll?.y ? "sticky top-0 z-10" : undefined, 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: loading
-                    ? Array.from({ length: loadingRows }).map((_, rowIndex) => (_jsx(TableRow, { children: columns.map((column) => (_jsx(TableCell, { children: _jsx(Skeleton, { className: "h-4 w-full" }) }, column.key))) }, `skeleton-${rowIndex}`)))
-                    : dataSource.map((record, index) => (_jsx(TableRow, { children: columns.map((column) => (_jsx(TableCell, { children: getCellValue(record, column, index) }, column.key))) }, getRowKey(record)))) })] }));
-    return (_jsxs("div", { className: "w-full", children: [scroll?.y ? (_jsx("div", { className: "relative w-full overflow-auto", style: { maxHeight: scroll.y }, children: tableContent })) : (tableContent), pagination && totalPages > 1 && (_jsx("div", { className: "mt-4", children: _jsx(Pagination, { children: _jsxs(PaginationContent, { children: [_jsx(PaginationItem, { children: _jsx(PaginationPrevious, { disabled: pagination.current === 1, onClick: () => pagination.onChange(pagination.current - 1) }) }), pageNumbers.map((page, index) => (_jsx(PaginationItem, { children: page === "ellipsis" ? (_jsx(PaginationEllipsis, {})) : (_jsx(PaginationLink, { isActive: page === pagination.current, onClick: () => pagination.onChange(page), children: page })) }, index))), _jsx(PaginationItem, { children: _jsx(PaginationNext, { disabled: pagination.current === totalPages, onClick: () => pagination.onChange(pagination.current + 1) }) })] }) }) }))] }));
-};
-DataTable.displayName = "DataTable";
-export { DataTable };

package/Drawer/Drawer.d.ts

@@ -1,33 +0,0 @@
-import * as React from "react";
-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/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;
-    /** Whether clicking outside or dragging down dismisses the drawer */
-    dismissible?: boolean;
-};
-export type DrawerContentProps = Omit<React.ComponentProps<typeof DrawerPrimitive.Content>, "direction"> & {
-    direction?: DrawerDirection;
-    /** Whether to show the drag handle */
-    showHandle?: boolean;
-    /** Whether the drawer content is in a loading state */
-    loading?: boolean;
-};
-declare function Drawer({ direction, dismissible, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;
-declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerContent({ className, children, direction, showHandle, loading, ...props }: DrawerContentProps): import("react/jsx-runtime").JSX.Element;
-declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DrawerBody({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
-export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerBody, DrawerTitle, DrawerDescription, drawerContentVariants, drawerOverlayVariants, };
-export type { DrawerDirection };

package/Drawer/Drawer.js

@@ -1,55 +0,0 @@
-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]",
-            top: "inset-x-0 top-0 mb-24 max-h-[80vh] rounded-b-[10px]",
-            left: "inset-y-0 left-0 w-3/4 sm:max-w-sm rounded-r-[10px]",
-            right: "inset-y-0 right-0 w-3/4 sm:max-w-sm rounded-l-[10px]",
-        },
-    },
-    defaultVariants: {
-        direction: "bottom",
-    },
-});
-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 (_jsx(DrawerPrimitive.Root, { direction: direction, dismissible: dismissible, ...props }));
-}
-function DrawerTrigger({ ...props }) {
-    return _jsx(DrawerPrimitive.Trigger, { ...props });
-}
-function DrawerPortal({ ...props }) {
-    return _jsx(DrawerPrimitive.Portal, { ...props });
-}
-function DrawerClose({ ...props }) {
-    return _jsx(DrawerPrimitive.Close, { ...props });
-}
-function DrawerOverlay({ 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 (_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 (_jsx("div", { className: cn("flex flex-col gap-1.5 p-4 text-center sm:text-left", className), ...props }));
-}
-function DrawerFooter({ className, ...props }) {
-    return (_jsx("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props }));
-}
-function DrawerBody({ className, ...props }) {
-    return (_jsx("div", { className: cn("flex-1 overflow-auto p-4", className), ...props }));
-}
-function DrawerTitle({ className, ...props }) {
-    return (_jsx(DrawerPrimitive.Title, { className: cn("text-lg font-semibold text-neutral-900", className), ...props }));
-}
-function DrawerDescription({ 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.d.ts

@@ -1,27 +0,0 @@
-import * as React from "react";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
-declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
-declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
-declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuShortcut: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };

package/DropdownMenu/DropdownMenu.js

@@ -1,35 +0,0 @@
-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;
-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-const DropdownMenuGroup = DropdownMenuPrimitive.Group;
-const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
-const DropdownMenuSub = DropdownMenuPrimitive.Sub;
-const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.SubTrigger, { ref: ref, className: cn("flex cursor-pointer 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) => (_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) => (_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) => (_jsx(DropdownMenuPrimitive.Item, { ref: ref, className: cn("relative flex cursor-pointer 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) => (_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) => (_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) => (_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) => (_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 (_jsx("span", { className: cn("ml-auto text-xs tracking-widest text-grey-400", className), ...props }));
-};
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };

package/ErrorMessage/ErrorMessage.d.ts

@@ -1,27 +0,0 @@
-import * as React from "react";
-import { type TypographyColor } from "../Typography/Typography";
-export interface ErrorMessageProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color"> {
-    /**
-     * The field name to check for errors
-     */
-    name: string;
-    /**
-     * Object containing error messages keyed by field name
-     */
-    errors: Record<string, string | undefined>;
-    /**
-     * Optional object containing touched state keyed by field name
-     * If provided, error is only shown when field is touched
-     */
-    touched?: Record<string, boolean | undefined>;
-    /**
-     * Color variant for the error message
-     * @default "error-600"
-     */
-    color?: TypographyColor;
-}
-declare function ErrorMessage({ name, errors, touched, className, color, ...props }: ErrorMessageProps): import("react/jsx-runtime").JSX.Element | null;
-declare namespace ErrorMessage {
-    var displayName: string;
-}
-export { ErrorMessage };

package/ErrorMessage/ErrorMessage.js

@@ -1,14 +0,0 @@
-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 (_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

@@ -1,31 +0,0 @@
-import * as React from "react";
-type FlexDirection = "row" | "column" | "row-reverse" | "column-reverse";
-type FlexAlign = "start" | "center" | "end" | "stretch" | "baseline";
-type FlexJustify = "start" | "center" | "end" | "between" | "around" | "evenly";
-type FlexWrap = "nowrap" | "wrap" | "wrap-reverse";
-type FlexGap = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48;
-declare const flexVariants: (props?: ({
-    direction?: "row" | "column" | "row-reverse" | "column-reverse" | null | undefined;
-    align?: "center" | "start" | "end" | "baseline" | "stretch" | null | undefined;
-    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/types").ClassProp) | undefined) => string;
-type FlexProps = React.HTMLAttributes<HTMLDivElement> & {
-    direction?: FlexDirection;
-    align?: FlexAlign;
-    justify?: FlexJustify;
-    wrap?: FlexWrap;
-    gap?: FlexGap;
-    as?: React.ElementType;
-};
-declare const Flex: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    direction?: FlexDirection;
-    align?: FlexAlign;
-    justify?: FlexJustify;
-    wrap?: FlexWrap;
-    gap?: FlexGap;
-    as?: React.ElementType;
-} & React.RefAttributes<HTMLDivElement>>;
-export { Flex, flexVariants };
-export type { FlexProps, FlexDirection, FlexAlign, FlexJustify, FlexWrap, FlexGap };

package/Flex/Flex.js

@@ -1,64 +0,0 @@
-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",
-            column: "flex-col",
-            "row-reverse": "flex-row-reverse",
-            "column-reverse": "flex-col-reverse",
-        },
-        align: {
-            start: "items-start",
-            center: "items-center",
-            end: "items-end",
-            stretch: "items-stretch",
-            baseline: "items-baseline",
-        },
-        justify: {
-            start: "justify-start",
-            center: "justify-center",
-            end: "justify-end",
-            between: "justify-between",
-            around: "justify-around",
-            evenly: "justify-evenly",
-        },
-        wrap: {
-            nowrap: "flex-nowrap",
-            wrap: "flex-wrap",
-            "wrap-reverse": "flex-wrap-reverse",
-        },
-        gap: {
-            0: "gap-0",
-            1: "gap-1",
-            2: "gap-2",
-            3: "gap-3",
-            4: "gap-4",
-            5: "gap-5",
-            6: "gap-6",
-            8: "gap-8",
-            10: "gap-10",
-            12: "gap-12",
-            16: "gap-16",
-            20: "gap-20",
-            24: "gap-24",
-            32: "gap-32",
-            40: "gap-40",
-            48: "gap-48",
-        },
-    },
-    defaultVariants: {
-        direction: "column",
-        align: "start",
-        justify: "start",
-        wrap: "nowrap",
-        gap: 0,
-    },
-});
-const Flex = React.forwardRef(({ className, direction, align, justify, wrap, gap, as: Component = "div", ...props }, ref) => {
-    return (_jsx(Component, { ref: ref, className: cn(flexVariants({ direction, align, justify, wrap, gap, className })), ...props }));
-});
-Flex.displayName = "Flex";
-export { Flex, flexVariants };

package/IconButton/IconButton.d.ts

@@ -1,23 +0,0 @@
-import * as React from "react";
-type IconButtonVariant = "primary" | "secondary" | "outline" | "ghost";
-type IconButtonSize = "mini" | "small" | "regular" | "large";
-type IconButtonRoundness = "default" | "round";
-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/types").ClassProp) | undefined) => string;
-export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: IconButtonVariant;
-    size?: IconButtonSize;
-    roundness?: IconButtonRoundness;
-    /** Use the Slot component to render a different element */
-    asChild?: boolean;
-    /** The icon to render inside the button */
-    icon?: React.ReactNode;
-    /** Accessible label for screen readers */
-    "aria-label": string;
-}
-declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { IconButton, iconButtonVariants };
-export type { IconButtonVariant, IconButtonSize, IconButtonRoundness };

package/IconButton/IconButton.js

@@ -1,48 +0,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",
-            secondary: "bg-main-100 text-main-950 hover:bg-main-200",
-            outline: "border border-main-300 bg-transparent text-main-950 hover:bg-main-100",
-            ghost: "bg-transparent text-main-600 hover:bg-main-100 hover:text-main-950",
-        },
-        size: {
-            mini: "size-6 [&_svg]:size-3",
-            small: "size-8 [&_svg]:size-4",
-            regular: "size-9 [&_svg]:size-4",
-            large: "size-10 [&_svg]:size-5",
-        },
-        roundness: {
-            default: "rounded-lg",
-            round: "rounded-full",
-        },
-    },
-    compoundVariants: [
-        {
-            size: "mini",
-            roundness: "default",
-            className: "rounded-md",
-        },
-        {
-            size: "small",
-            roundness: "default",
-            className: "rounded-md",
-        },
-    ],
-    defaultVariants: {
-        variant: "primary",
-        size: "regular",
-        roundness: "default",
-    },
-});
-const IconButton = React.forwardRef(({ className, variant, size, roundness, asChild = false, icon, children, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return (_jsx(Comp, { className: cn(iconButtonVariants({ variant, size, roundness, className })), ref: ref, ...props, children: icon || children }));
-});
-IconButton.displayName = "IconButton";
-export { IconButton, iconButtonVariants };

package/Input/Input.d.ts

@@ -1,27 +0,0 @@
-import * as React from "react";
-import { type TextVariant, type TextColor } from "../lib/typography-types";
-type InputSize = "mini" | "small" | "regular" | "large";
-type InputRoundness = "default" | "round";
-type InputVariant = "default" | "error";
-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/types").ClassProp) | undefined) => string;
-export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
-    size?: InputSize;
-    roundness?: InputRoundness;
-    variant?: InputVariant;
-    label?: string;
-    labelVariant?: TextVariant;
-    labelColor?: TextColor;
-    leftIcon?: React.ReactNode;
-    rightIcon?: React.ReactNode;
-    leftAddon?: React.ReactNode;
-    rightAddon?: React.ReactNode;
-    rightElement?: React.ReactNode;
-    error?: string;
-}
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-export { Input, inputVariants };
-export type { InputSize, InputRoundness, InputVariant };