@a2v2ai/uikit 0.0.36 → 0.0.38

package/RadioGroup/RadioGroup.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import { Circle } from "lucide-react";
-import { cva } from "class-variance-authority";
-import { cn } from "../lib/utils";
-const RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
-    return (_jsx(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref: ref }));
-});
-RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
-const radioGroupItemVariants = cva("aspect-square rounded-full border border-grey-300 bg-white text-main-950 ring-offset-white focus:outline-none focus-visible:ring-2 focus-visible:ring-main-950 focus-visible:ring-offset-2 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-main-950", {
-    variants: {
-        size: {
-            small: "size-4",
-            regular: "size-5",
-        },
-    },
-    defaultVariants: {
-        size: "regular",
-    },
-});
-const RadioGroupItem = React.forwardRef(({ className, size, ...props }, ref) => {
-    return (_jsx(RadioGroupPrimitive.Item, { ref: ref, className: cn(radioGroupItemVariants({ size }), className), ...props, children: _jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: _jsx(Circle, { className: cn("fill-main-950 text-main-950", size === "small" ? "size-2" : "size-2.5") }) }) }));
-});
-RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
-export { RadioGroup, RadioGroupItem, radioGroupItemVariants };

package/ScrollArea/ScrollArea.d.ts

@@ -1,5 +0,0 @@
-import * as React from "react";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { ScrollArea, ScrollBar };

package/ScrollArea/ScrollArea.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { cn } from "../lib/utils";
-const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(ScrollAreaPrimitive.Root, { ref: ref, className: cn("relative overflow-hidden", className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] })));
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { ref: ref, orientation: orientation, className: cn("flex touch-none select-none transition-colors", orientation === "vertical" &&
-        "h-full w-2.5 border-l border-l-transparent p-[1px]", orientation === "horizontal" &&
-        "h-2.5 flex-col border-t border-t-transparent p-[1px]", className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-grey-300" }) })));
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-export { ScrollArea, ScrollBar };

package/Select/Select.d.ts

@@ -1,29 +0,0 @@
-import * as React from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { type TextVariant, type TextColor } from "../lib/typography-types";
-type SelectTriggerSize = "small" | "regular" | "large";
-type SelectTriggerVariant = "default" | "error";
-declare const Select: React.FC<SelectPrimitive.SelectProps>;
-declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-declare const selectTriggerVariants: (props?: ({
-    size?: "small" | "regular" | "large" | null | undefined;
-    variant?: "default" | "error" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface SelectTriggerProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
-    size?: SelectTriggerSize;
-    variant?: SelectTriggerVariant;
-    label?: string;
-    labelVariant?: TextVariant;
-    labelColor?: TextColor;
-    error?: string;
-}
-declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, selectTriggerVariants, };
-export type { SelectTriggerSize, SelectTriggerVariant };

package/Select/Select.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { Check, ChevronDown, ChevronUp } from "lucide-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 Select = SelectPrimitive.Root;
-const SelectGroup = SelectPrimitive.Group;
-const SelectValue = SelectPrimitive.Value;
-const selectTriggerVariants = cva("flex w-full items-center justify-between whitespace-nowrap border bg-white text-main-950 ring-offset-white placeholder:text-grey-400 focus:outline-none focus:ring-2 focus:ring-offset-2 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", {
-    variants: {
-        size: {
-            small: "h-8 px-3 text-sm rounded-md",
-            regular: "h-9 px-3 text-sm rounded-lg",
-            large: "h-10 px-3 text-base rounded-lg",
-        },
-        variant: {
-            default: "border-grey-300 focus:ring-main-950",
-            error: "border-error-500 focus:ring-error-200",
-        },
-    },
-    defaultVariants: {
-        size: "regular",
-        variant: "default",
-    },
-});
-const SelectTrigger = React.forwardRef(({ className, size, variant, label, labelVariant = "body2", labelColor = "main-800", error, children, id, ...props }, ref) => {
-    const computedVariant = error ? "error" : variant;
-    return (_jsxs("div", { className: "flex flex-col gap-2 w-full", children: [label && (_jsx(Label, { htmlFor: id, variant: labelVariant, color: labelColor, children: label })), _jsxs(SelectPrimitive.Trigger, { ref: ref, id: id, className: cn(selectTriggerVariants({ size, variant: computedVariant }), className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDown, { className: "size-4 opacity-50" }) })] }), error && (_jsx(Typography, { variant: "caption", color: "error-600", className: "mt-1", children: error }))] }));
-});
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollUpButton, { ref: ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronUp, { className: "size-4" }) })));
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollDownButton, { ref: ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronDown, { className: "size-4" }) })));
-SelectScrollDownButton.displayName =
-    SelectPrimitive.ScrollDownButton.displayName;
-const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { ref: ref, className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-lg border border-grey-200 bg-white 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", 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: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: cn("p-1", position === "popper" &&
-                    "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"), children: children }), _jsx(SelectScrollDownButton, {})] }) })));
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-const SelectLabel = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Label, { ref: ref, className: cn("px-2 py-1.5 text-sm font-semibold text-grey-500", className), ...props })));
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Item, { ref: ref, className: cn("relative flex w-full cursor-default select-none items-center rounded-md py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-grey-100 focus:text-main-950 data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), ...props, children: [_jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(Check, { className: "size-4" }) }) }), _jsx(SelectPrimitive.ItemText, { children: children })] })));
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Separator, { ref: ref, className: cn("-mx-1 my-1 h-px bg-grey-100", className), ...props })));
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, selectTriggerVariants, };

package/Separator/Separator.d.ts

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

package/Separator/Separator.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { cn } from "../lib/utils";
-const Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => (_jsx(SeparatorPrimitive.Root, { ref: ref, decorative: decorative, orientation: orientation, className: cn("shrink-0 bg-grey-200", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className), ...props })));
-Separator.displayName = SeparatorPrimitive.Root.displayName;
-export { Separator };

package/Sidebar/Sidebar.d.ts

@@ -1,48 +0,0 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-interface SidebarContextValue {
-    collapsed: boolean;
-    setCollapsed: (collapsed: boolean) => void;
-}
-declare function useSidebar(): SidebarContextValue;
-export interface SidebarProps extends React.HTMLAttributes<HTMLDivElement> {
-    collapsed?: boolean;
-    onCollapsedChange?: (collapsed: boolean) => void;
-    defaultCollapsed?: boolean;
-}
-declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLDivElement>>;
-export type SidebarHeaderProps = React.HTMLAttributes<HTMLDivElement>;
-declare const SidebarHeader: React.ForwardRefExoticComponent<SidebarHeaderProps & React.RefAttributes<HTMLDivElement>>;
-export type SidebarContentProps = React.HTMLAttributes<HTMLDivElement>;
-declare const SidebarContent: React.ForwardRefExoticComponent<SidebarContentProps & React.RefAttributes<HTMLDivElement>>;
-export type SidebarFooterProps = React.HTMLAttributes<HTMLDivElement>;
-declare const SidebarFooter: React.ForwardRefExoticComponent<SidebarFooterProps & React.RefAttributes<HTMLDivElement>>;
-export type SidebarGroupProps = React.HTMLAttributes<HTMLDivElement>;
-declare const SidebarGroup: React.ForwardRefExoticComponent<SidebarGroupProps & React.RefAttributes<HTMLDivElement>>;
-export type SidebarGroupLabelProps = React.HTMLAttributes<HTMLDivElement>;
-declare const SidebarGroupLabel: React.ForwardRefExoticComponent<SidebarGroupLabelProps & React.RefAttributes<HTMLDivElement>>;
-declare const sidebarMenuItemVariants: (props?: ({
-    active?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface SidebarMenuItemProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof sidebarMenuItemVariants> {
-    icon?: React.ReactNode;
-    label: string;
-    labelClassName?: string;
-    badge?: React.ReactNode;
-    hasChildren?: boolean;
-    expanded?: boolean;
-    onExpandedChange?: (expanded: boolean) => void;
-}
-declare const SidebarMenuItem: React.ForwardRefExoticComponent<SidebarMenuItemProps & React.RefAttributes<HTMLDivElement>>;
-declare const sidebarSubMenuItemVariants: (props?: ({
-    active?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface SidebarSubMenuItemProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof sidebarSubMenuItemVariants> {
-    label: string;
-}
-declare const SidebarSubMenuItem: React.ForwardRefExoticComponent<SidebarSubMenuItemProps & React.RefAttributes<HTMLDivElement>>;
-export type SidebarSeparatorProps = React.HTMLAttributes<HTMLDivElement>;
-declare const SidebarSeparator: React.ForwardRefExoticComponent<SidebarSeparatorProps & React.RefAttributes<HTMLDivElement>>;
-export type SidebarToggleProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
-declare const SidebarToggle: React.ForwardRefExoticComponent<SidebarToggleProps & React.RefAttributes<HTMLButtonElement>>;
-export { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarMenuItem, SidebarSubMenuItem, SidebarSeparator, SidebarToggle, useSidebar, sidebarMenuItemVariants, sidebarSubMenuItemVariants, };

package/Sidebar/Sidebar.js

@@ -1,116 +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 { ChevronDown, ChevronRight } from "lucide-react";
-import { cn } from "../lib/utils";
-const SidebarContext = React.createContext(undefined);
-function useSidebar() {
-    const context = React.useContext(SidebarContext);
-    if (!context) {
-        throw new Error("useSidebar must be used within a Sidebar");
-    }
-    return context;
-}
-const Sidebar = React.forwardRef(({ className, collapsed: controlledCollapsed, onCollapsedChange, defaultCollapsed = false, children, ...props }, ref) => {
-    const [uncontrolledCollapsed, setUncontrolledCollapsed] = React.useState(defaultCollapsed);
-    const isControlled = controlledCollapsed !== undefined;
-    const collapsed = isControlled ? controlledCollapsed : uncontrolledCollapsed;
-    const setCollapsed = React.useCallback((value) => {
-        if (!isControlled) {
-            setUncontrolledCollapsed(value);
-        }
-        onCollapsedChange?.(value);
-    }, [isControlled, onCollapsedChange]);
-    return (_jsx(SidebarContext.Provider, { value: { collapsed, setCollapsed }, children: _jsx("div", { ref: ref, "data-slot": "sidebar", "data-collapsed": collapsed, className: cn("flex h-full flex-col bg-white border-r border-grey-200 transition-all duration-300", collapsed ? "w-[52px]" : "w-[240px]", className), ...props, children: children }) }));
-});
-Sidebar.displayName = "Sidebar";
-const SidebarHeader = React.forwardRef(({ className, children, ...props }, ref) => {
-    const { collapsed } = useSidebar();
-    return (_jsx("div", { ref: ref, "data-slot": "sidebar-header", className: cn("flex shrink-0 items-center", collapsed ? "justify-center p-2" : "p-4", className), ...props, children: children }));
-});
-SidebarHeader.displayName = "SidebarHeader";
-const SidebarContent = React.forwardRef(({ className, children, ...props }, ref) => {
-    const { collapsed } = useSidebar();
-    return (_jsx("div", { ref: ref, "data-slot": "sidebar-content", className: cn("flex-1 overflow-y-auto", collapsed ? "px-2 py-4" : "p-4", className), ...props, children: children }));
-});
-SidebarContent.displayName = "SidebarContent";
-const SidebarFooter = React.forwardRef(({ className, children, ...props }, ref) => {
-    const { collapsed } = useSidebar();
-    return (_jsx("div", { ref: ref, "data-slot": "sidebar-footer", className: cn("flex shrink-0 items-center border-t border-grey-200", collapsed ? "justify-center p-2" : "p-4", className), ...props, children: children }));
-});
-SidebarFooter.displayName = "SidebarFooter";
-const SidebarGroup = React.forwardRef(({ className, children, ...props }, ref) => {
-    const { collapsed } = useSidebar();
-    return (_jsx("div", { ref: ref, "data-slot": "sidebar-group", className: cn("flex flex-col", collapsed ? "gap-1" : "gap-0.5", className), ...props, children: children }));
-});
-SidebarGroup.displayName = "SidebarGroup";
-const SidebarGroupLabel = React.forwardRef(({ className, children, ...props }, ref) => {
-    const { collapsed } = useSidebar();
-    if (collapsed)
-        return null;
-    return (_jsx("div", { ref: ref, "data-slot": "sidebar-group-label", className: cn("px-3 py-2 text-xs font-normal text-grey-500", className), ...props, children: children }));
-});
-SidebarGroupLabel.displayName = "SidebarGroupLabel";
-/* -----------------------------------------------------------------------------
- * SidebarMenuItem
- * -------------------------------------------------------------------------- */
-const sidebarMenuItemVariants = cva("flex items-center gap-2 px-3 py-2 rounded-md text-sm font-normal cursor-pointer transition-colors outline-none", {
-    variants: {
-        active: {
-            true: "bg-grey-100 text-grey-900",
-            false: "text-grey-600 hover:bg-grey-50",
-        },
-    },
-    defaultVariants: {
-        active: false,
-    },
-});
-const SidebarMenuItem = React.forwardRef(({ className, icon, label, labelClassName, badge, active, hasChildren, expanded, onExpandedChange, children, onClick, ...props }, ref) => {
-    const { collapsed } = useSidebar();
-    const [internalExpanded, setInternalExpanded] = React.useState(expanded ?? false);
-    const isExpanded = expanded !== undefined ? expanded : internalExpanded;
-    const handleClick = (e) => {
-        if (hasChildren) {
-            const newExpanded = !isExpanded;
-            setInternalExpanded(newExpanded);
-            onExpandedChange?.(newExpanded);
-        }
-        onClick?.(e);
-    };
-    if (collapsed) {
-        return (_jsx("div", { ref: ref, "data-slot": "sidebar-menu-item", className: cn("flex items-center justify-center size-9 rounded-lg cursor-pointer transition-colors mx-auto", active ? "bg-grey-100 text-grey-900" : "text-grey-600 hover:bg-grey-50", className), onClick: onClick, ...props, children: icon && _jsx("span", { className: "size-4", children: icon }) }));
-    }
-    return (_jsxs("div", { "data-slot": "sidebar-menu-item-wrapper", children: [_jsxs("div", { ref: ref, "data-slot": "sidebar-menu-item", className: cn(sidebarMenuItemVariants({ active }), className), onClick: handleClick, ...props, children: [icon && _jsx("span", { className: "size-4 shrink-0", children: icon }), _jsx("span", { className: cn("flex-1 truncate", labelClassName), children: label }), badge && _jsx("span", { className: "shrink-0", children: badge }), hasChildren && (_jsx("span", { className: "size-4 shrink-0 text-grey-400", children: isExpanded ? _jsx(ChevronDown, { className: "size-4" }) : _jsx(ChevronRight, { className: "size-4" }) }))] }), hasChildren && isExpanded && children && (_jsx("div", { className: "ml-6 mt-1 flex flex-col", children: children }))] }));
-});
-SidebarMenuItem.displayName = "SidebarMenuItem";
-/* -----------------------------------------------------------------------------
- * SidebarSubMenuItem
- * -------------------------------------------------------------------------- */
-const sidebarSubMenuItemVariants = cva("flex items-center px-3 py-2 rounded-md text-sm font-normal cursor-pointer transition-colors outline-none", {
-    variants: {
-        active: {
-            true: "bg-grey-100 text-grey-900",
-            false: "text-grey-500 hover:bg-grey-50 hover:text-grey-700",
-        },
-    },
-    defaultVariants: {
-        active: false,
-    },
-});
-const SidebarSubMenuItem = React.forwardRef(({ className, label, active, ...props }, ref) => {
-    return (_jsx("div", { ref: ref, "data-slot": "sidebar-sub-menu-item", className: cn(sidebarSubMenuItemVariants({ active }), className), ...props, children: _jsx("span", { className: "truncate", children: label }) }));
-});
-SidebarSubMenuItem.displayName = "SidebarSubMenuItem";
-const SidebarSeparator = React.forwardRef(({ className, ...props }, ref) => {
-    return (_jsx("div", { ref: ref, "data-slot": "sidebar-separator", className: cn("my-2 h-px bg-grey-200", className), ...props }));
-});
-SidebarSeparator.displayName = "SidebarSeparator";
-const SidebarToggle = React.forwardRef(({ className, children, ...props }, ref) => {
-    const { collapsed, setCollapsed } = useSidebar();
-    return (_jsx("button", { ref: ref, "data-slot": "sidebar-toggle", type: "button", className: cn("flex items-center justify-center p-2 rounded-md text-grey-500 hover:bg-grey-100 hover:text-grey-700 transition-colors", className), onClick: () => setCollapsed(!collapsed), ...props, children: children }));
-});
-SidebarToggle.displayName = "SidebarToggle";
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-export { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarMenuItem, SidebarSubMenuItem, SidebarSeparator, SidebarToggle, useSidebar, sidebarMenuItemVariants, sidebarSubMenuItemVariants, };

package/Sidebar/index.d.ts

@@ -1,2 +0,0 @@
-export { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarMenuItem, SidebarSubMenuItem, SidebarSeparator, SidebarToggle, useSidebar, sidebarMenuItemVariants, sidebarSubMenuItemVariants, } from "./Sidebar";
-export type { SidebarProps, SidebarHeaderProps, SidebarContentProps, SidebarFooterProps, SidebarGroupProps, SidebarGroupLabelProps, SidebarMenuItemProps, SidebarSubMenuItemProps, SidebarSeparatorProps, SidebarToggleProps, } from "./Sidebar";

package/Sidebar/index.js

@@ -1 +0,0 @@
-export { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarMenuItem, SidebarSubMenuItem, SidebarSeparator, SidebarToggle, useSidebar, sidebarMenuItemVariants, sidebarSubMenuItemVariants, } from "./Sidebar";

package/Skeleton/Skeleton.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-export type SkeletonProps = React.HTMLAttributes<HTMLDivElement>;
-declare function Skeleton({ className, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
-export { Skeleton };

package/Skeleton/Skeleton.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../lib/utils";
-function Skeleton({ className, ...props }) {
-    return (_jsx("div", { className: cn("animate-pulse rounded-md bg-grey-100", className), ...props }));
-}
-export { Skeleton };

package/Slider/Slider.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-import * as SliderPrimitive from "@radix-ui/react-slider";
-export interface SliderProps extends React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> {
-}
-declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
-export { Slider };

package/Slider/Slider.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import * as SliderPrimitive from "@radix-ui/react-slider";
-import { cn } from "../lib/utils";
-const Slider = React.forwardRef(({ className, ...props }, ref) => (_jsxs(SliderPrimitive.Root, { ref: ref, className: cn("relative flex w-full touch-none select-none items-center", className), ...props, children: [_jsx(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-grey-300", children: _jsx(SliderPrimitive.Range, { className: "absolute h-full bg-main-900" }) }), _jsx(SliderPrimitive.Thumb, { className: "block size-3 rounded-full border border-main-900 bg-white shadow transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-600 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })] })));
-Slider.displayName = SliderPrimitive.Root.displayName;
-export { Slider };

package/Spinner/Spinner.d.ts

@@ -1,19 +0,0 @@
-import * as React from "react";
-type SpinnerSize = "sm" | "default" | "md" | "lg" | "xl";
-type SpinnerVariant = "default" | "primary" | "secondary" | "muted" | "white";
-declare const spinnerVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | "md" | "xl" | null | undefined;
-    variant?: "default" | "secondary" | "primary" | "white" | "muted" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface SpinnerProps extends React.SVGAttributes<SVGSVGElement> {
-    size?: SpinnerSize;
-    variant?: SpinnerVariant;
-    /**
-     * Screen reader label for accessibility
-     * @default "Loading"
-     */
-    label?: string;
-}
-declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<SVGSVGElement>>;
-export { Spinner, spinnerVariants };
-export type { SpinnerSize, SpinnerVariant };

package/Spinner/Spinner.js

@@ -1,31 +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 spinnerVariants = cva("animate-spin", {
-    variants: {
-        size: {
-            sm: "size-4",
-            default: "size-6",
-            md: "size-8",
-            lg: "size-12",
-            xl: "size-16",
-        },
-        variant: {
-            default: "text-accent-500",
-            primary: "text-accent-500",
-            secondary: "text-grey-500",
-            muted: "text-grey-400",
-            white: "text-white",
-        },
-    },
-    defaultVariants: {
-        size: "default",
-        variant: "default",
-    },
-});
-const Spinner = React.forwardRef(({ className, size, variant, label = "Loading", ...props }, ref) => {
-    return (_jsxs("svg", { ref: ref, className: cn(spinnerVariants({ size, variant, className })), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", role: "status", "aria-label": label, ...props, children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }));
-});
-Spinner.displayName = "Spinner";
-export { Spinner, spinnerVariants };

package/Switch/Switch.d.ts

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

package/Switch/Switch.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import * as SwitchPrimitive from "@radix-ui/react-switch";
-import { cva } from "class-variance-authority";
-import { cn } from "../lib/utils";
-const switchVariants = cva("peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-600 focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-accent-600 data-[state=unchecked]:bg-grey-200", {
-    variants: {
-        size: {
-            small: "h-5 w-9",
-            regular: "h-6 w-11",
-        },
-    },
-    defaultVariants: {
-        size: "regular",
-    },
-});
-const switchThumbVariants = cva("pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-0", {
-    variants: {
-        size: {
-            small: "size-4 data-[state=checked]:translate-x-4",
-            regular: "size-5 data-[state=checked]:translate-x-5",
-        },
-    },
-    defaultVariants: {
-        size: "regular",
-    },
-});
-const Switch = React.forwardRef(({ className, size, ...props }, ref) => (_jsx(SwitchPrimitive.Root, { className: cn(switchVariants({ size }), className), ...props, ref: ref, children: _jsx(SwitchPrimitive.Thumb, { className: cn(switchThumbVariants({ size })) }) })));
-Switch.displayName = SwitchPrimitive.Root.displayName;
-export { Switch, switchVariants };

package/Table/Table.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
-declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
-declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
-declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
-declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
-declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
-declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
-declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
-export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

package/Table/Table.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../lib/utils";
-const Table = React.forwardRef(({ className, ...props }, ref) => (_jsx("table", { ref: ref, className: cn("w-full caption-bottom text-sm", className), ...props })));
-Table.displayName = "Table";
-const TableHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("thead", { ref: ref, className: cn("bg-background-neutral-200 [&_tr]:border-b [&_tr]:hover:bg-background-neutral-200", className), ...props })));
-TableHeader.displayName = "TableHeader";
-const TableBody = React.forwardRef(({ className, ...props }, ref) => (_jsx("tbody", { ref: ref, className: cn("[&_tr:last-child]:border-0", className), ...props })));
-TableBody.displayName = "TableBody";
-const TableFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("tfoot", { ref: ref, className: cn("border-t bg-background-neutral-200 font-medium text-main-900 [&>tr]:last:border-b-0", className), ...props })));
-TableFooter.displayName = "TableFooter";
-const TableRow = React.forwardRef(({ className, ...props }, ref) => (_jsx("tr", { ref: ref, className: cn("border-b border-grey-200 transition-colors hover:bg-grey-50 data-[state=selected]:bg-grey-100", className), ...props })));
-TableRow.displayName = "TableRow";
-const TableHead = React.forwardRef(({ className, ...props }, ref) => (_jsx("th", { ref: ref, className: cn("h-10 px-3 text-left align-middle font-normal text-main-900 [&:has([role=checkbox])]:pr-0", className), ...props })));
-TableHead.displayName = "TableHead";
-const TableCell = React.forwardRef(({ className, ...props }, ref) => (_jsx("td", { ref: ref, className: cn("p-3 align-middle text-main-600 [&:has([role=checkbox])]:pr-0", className), ...props })));
-TableCell.displayName = "TableCell";
-const TableCaption = React.forwardRef(({ className, ...props }, ref) => (_jsx("caption", { ref: ref, className: cn("mt-4 text-sm text-main-600", className), ...props })));
-TableCaption.displayName = "TableCaption";
-export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

package/Tabs/Tabs.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-type TabsListVariant = "default" | "outline";
-declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
-declare const tabsListVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface TabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
-    variant?: TabsListVariant;
-}
-declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
-declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };
-export type { TabsListVariant };

package/Tabs/Tabs.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { cva } from "class-variance-authority";
-import { cn } from "../lib/utils";
-const Tabs = TabsPrimitive.Root;
-const tabsListVariants = cva("inline-flex items-center justify-center rounded-lg bg-grey-100 p-1 text-grey-500", {
-    variants: {
-        variant: {
-            default: "bg-grey-100",
-            outline: "bg-transparent border border-grey-200",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
-});
-const TabsList = React.forwardRef(({ className, variant, ...props }, ref) => (_jsx(TabsPrimitive.List, { ref: ref, className: cn(tabsListVariants({ variant }), className), ...props })));
-TabsList.displayName = TabsPrimitive.List.displayName;
-const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Trigger, { ref: ref, className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-white transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-main-950 focus-visible:ring-offset-2 cursor-pointer disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-main-950 data-[state=active]:shadow-sm", className), ...props })));
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-const TabsContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Content, { ref: ref, className: cn("mt-2 ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-main-950 focus-visible:ring-offset-2", className), ...props })));
-TabsContent.displayName = TabsPrimitive.Content.displayName;
-export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };

package/Textarea/Textarea.d.ts

@@ -1,19 +0,0 @@
-import * as React from "react";
-import { type TextVariant, type TextColor } from "../lib/typography-types";
-type TextareaVariant = "default" | "error";
-type TextareaResize = "none" | "vertical" | "horizontal" | "both";
-declare const textareaVariants: (props?: ({
-    variant?: "default" | "error" | null | undefined;
-    resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-    variant?: TextareaVariant;
-    resize?: TextareaResize;
-    label?: string;
-    labelVariant?: TextVariant;
-    labelColor?: TextColor;
-    error?: string;
-}
-declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export { Textarea, textareaVariants };
-export type { TextareaVariant, TextareaResize };

package/Textarea/Textarea.js

@@ -1,31 +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";
-import { Label } from "../Label/Label";
-import { Typography } from "../Typography/Typography";
-import {} from "../lib/typography-types";
-const textareaVariants = cva("flex min-h-[80px] w-full rounded-lg border bg-white px-3 py-2 text-sm font-normal font-sans transition-colors placeholder:text-grey-400 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-grey-50", {
-    variants: {
-        variant: {
-            default: "border-grey-300 focus-visible:border-grey-300 focus-visible:ring-[3px] focus-visible:ring-grey-300/50",
-            error: "border-error-500 focus-visible:border-error-500 focus-visible:ring-[3px] focus-visible:ring-error-200",
-        },
-        resize: {
-            none: "resize-none",
-            vertical: "resize-y",
-            horizontal: "resize-x",
-            both: "resize",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        resize: "vertical",
-    },
-});
-const Textarea = React.forwardRef(({ className, variant, resize, label, labelVariant = "body2", labelColor = "main-800", error, id, ...props }, ref) => {
-    const computedVariant = error ? "error" : variant;
-    return (_jsxs("div", { className: "flex flex-col gap-2 w-full", children: [label && (_jsx(Label, { htmlFor: id, variant: labelVariant, color: labelColor, children: label })), _jsx("textarea", { id: id, className: cn(textareaVariants({ variant: computedVariant, resize }), className), ref: ref, ...props }), error && (_jsx(Typography, { variant: "caption", color: "error-600", className: "mt-1", children: error }))] }));
-});
-Textarea.displayName = "Textarea";
-export { Textarea, textareaVariants };

package/Toast/Toast.d.ts

@@ -1,12 +0,0 @@
-import { toast, type ToasterProps } from "sonner";
-type ToastTheme = "light" | "dark" | "system";
-export interface ToastProps extends ToasterProps {
-    /**
-     * Theme for the toaster
-     * @default "light"
-     */
-    theme?: ToastTheme;
-}
-declare const Toaster: ({ theme, ...props }: ToastProps) => import("react/jsx-runtime").JSX.Element;
-export { Toaster, toast };
-export type { ToastTheme };