@a2v2ai/uikit 0.0.36 → 0.0.38

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 };

package/Input/Input.js

@@ -1,42 +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 { 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",
-            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",
-        },
-        roundness: {
-            default: "",
-            round: "!rounded-full",
-        },
-        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",
-        },
-    },
-    defaultVariants: {
-        size: "regular",
-        roundness: "default",
-        variant: "default",
-    },
-});
-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 (_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 && (_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 (_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 }))] }));
-});
-Input.displayName = "Input";
-export { Input, inputVariants };

package/InputOTP/InputOTP.d.ts

@@ -1,20 +0,0 @@
-import * as React from "react";
-import { OTPInput } from "input-otp";
-type InputOTPSlotSize = "sm" | "default" | "lg";
-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;
-}
-declare const InputOTP: React.ForwardRefExoticComponent<InputOTPProps & React.RefAttributes<HTMLInputElement>>;
-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/types").ClassProp) | undefined) => string;
-export interface InputOTPSlotProps extends React.ComponentPropsWithoutRef<"div"> {
-    index: number;
-    slotSize?: InputOTPSlotSize;
-}
-declare const InputOTPSlot: React.ForwardRefExoticComponent<InputOTPSlotProps & React.RefAttributes<HTMLDivElement>>;
-declare const InputOTPSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, inputOTPVariants, inputOTPSlotVariants, };
-export type { InputOTPSlotSize };

package/InputOTP/InputOTP.js

@@ -1,44 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { OTPInput, OTPInputContext } from "input-otp";
-import { Minus } from "lucide-react";
-import { cva } from "class-variance-authority";
-import { cn } from "../lib/utils";
-const inputOTPVariants = cva("flex items-center gap-2 has-[:disabled]:opacity-50", {
-    variants: {},
-    defaultVariants: {},
-});
-const InputOTP = React.forwardRef(({ className, containerClassName, children, ...props }, ref) => (_jsx(OTPInput, { ref: ref, containerClassName: cn("flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName), className: cn("disabled:cursor-not-allowed", className), ...props, render: ({ slots, isFocused, isHovering }) => (_jsx(OTPInputContext.Provider, { value: { slots, isFocused, isHovering }, children: children })) })));
-InputOTP.displayName = "InputOTP";
-const InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center", className), ...props })));
-InputOTPGroup.displayName = "InputOTPGroup";
-const inputOTPSlotVariants = cva(
-// Match Input component styles: border-grey-300, rounded-lg, focus ring
-"relative flex items-center justify-center bg-white border border-grey-300 text-main-950 font-sans transition-all first:rounded-l-lg last:rounded-r-lg first:border-l border-l-0", {
-    variants: {
-        slotSize: {
-            sm: "h-8 w-8 text-sm rounded-md first:rounded-l-md last:rounded-r-md",
-            default: "h-9 w-9 text-sm",
-            lg: "h-10 w-10 text-base",
-        },
-    },
-    defaultVariants: {
-        slotSize: "default",
-    },
-});
-const InputOTPSlot = React.forwardRef(({ index, className, slotSize, ...props }, ref) => {
-    const inputOTPContext = React.useContext(OTPInputContext);
-    const slot = inputOTPContext.slots[index];
-    if (!slot) {
-        return null;
-    }
-    const { char, hasFakeCaret, isActive } = slot;
-    return (_jsxs("div", { ref: ref, className: cn(inputOTPSlotVariants({ slotSize }), 
-        // Match Input focus style: ring-[3px] ring-grey-300/50
-        isActive && "z-10 border-grey-300 ring-[3px] ring-grey-300/50", className), ...props, children: [char, hasFakeCaret && (_jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "h-4 w-px animate-caret-blink bg-main-950 duration-1000" }) }))] }));
-});
-InputOTPSlot.displayName = "InputOTPSlot";
-const InputOTPSeparator = React.forwardRef(({ ...props }, ref) => (_jsx("div", { ref: ref, role: "separator", ...props, children: _jsx(Minus, { className: "text-grey-400" }) })));
-InputOTPSeparator.displayName = "InputOTPSeparator";
-export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, inputOTPVariants, inputOTPSlotVariants, };

package/Label/Label.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { type TextVariant, type TextColor } from "../lib/typography-types";
-declare const labelVariants: (props?: ({
-    textVariant?: TextVariant | null | undefined;
-    color?: TextColor | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
-    variant?: TextVariant;
-    color?: TextColor;
-}
-declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
-export { Label, labelVariants };

package/Label/Label.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { cva } from "class-variance-authority";
-import { cn } from "../lib/utils";
-import { textVariantClasses, textColorClasses, } from "../lib/typography-types";
-const labelVariants = cva("font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", {
-    variants: {
-        textVariant: textVariantClasses,
-        color: textColorClasses,
-    },
-    defaultVariants: {
-        textVariant: "body2",
-        color: "main-950",
-    },
-});
-const Label = React.forwardRef(({ className, variant, color, ...props }, ref) => (_jsx(LabelPrimitive.Root, { ref: ref, className: cn(labelVariants({ textVariant: variant, color }), className), ...props })));
-Label.displayName = LabelPrimitive.Root.displayName;
-export { Label, labelVariants };

package/Loader/Loader.d.ts

@@ -1,21 +0,0 @@
-import * as React from "react";
-type LoaderSize = "mini" | "small" | "regular" | "large";
-type LoaderColor = "main" | "grey" | "white" | "current";
-declare const loaderVariants: (props?: ({
-    size?: "small" | "regular" | "large" | "mini" | null | undefined;
-    color?: "main" | "current" | "grey" | "white" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export type LoaderProps = Omit<React.HTMLAttributes<HTMLDivElement>, "color"> & {
-    size?: LoaderSize;
-    color?: LoaderColor;
-    /** Optional label for accessibility */
-    label?: string;
-};
-declare const Loader: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "color"> & {
-    size?: LoaderSize;
-    color?: LoaderColor;
-    /** Optional label for accessibility */
-    label?: string;
-} & React.RefAttributes<HTMLDivElement>>;
-export { Loader, loaderVariants };
-export type { LoaderSize, LoaderColor };

package/Loader/Loader.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { Loader2 } from "lucide-react";
-import { cva } from "class-variance-authority";
-import { Flex } from "../Flex/Flex";
-import { Typography } from "../Typography/Typography";
-import { cn } from "../lib/utils";
-const loaderVariants = cva("animate-spin", {
-    variants: {
-        size: {
-            mini: "size-3",
-            small: "size-4",
-            regular: "size-6",
-            large: "size-8",
-        },
-        color: {
-            main: "text-main-600",
-            grey: "text-grey-600",
-            white: "text-white",
-            current: "text-current",
-        },
-    },
-    defaultVariants: {
-        size: "regular",
-        color: "main",
-    },
-});
-const Loader = React.forwardRef(({ className, size, color, label = "Loading...", ...props }, ref) => (_jsxs(Flex, { ref: ref, role: "status", "aria-label": label, align: "center", justify: "center", className: cn("inline-flex", className), ...props, children: [_jsx(Loader2, { className: cn(loaderVariants({ size, color })) }), _jsx(Typography, { className: "sr-only", children: label })] })));
-Loader.displayName = "Loader";
-export { Loader, loaderVariants };

package/Menubar/Menubar.d.ts

@@ -1,26 +0,0 @@
-import * as React from "react";
-import * as MenubarPrimitive from "@radix-ui/react-menubar";
-declare function Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function MenubarMenu({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Menu>): import("react/jsx-runtime").JSX.Element;
-declare function MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-declare function MenubarPortal({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function MenubarRadioGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
-declare function MenubarTrigger({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function MenubarItem({ className, inset, variant, ...props }: React.ComponentProps<typeof MenubarPrimitive.Item> & {
-    inset?: boolean;
-    variant?: "default" | "destructive";
-}): import("react/jsx-runtime").JSX.Element;
-declare function MenubarCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
-declare function MenubarRadioItem({ className, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
-declare function MenubarLabel({ className, inset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Label> & {
-    inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function MenubarSeparator({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-declare function MenubarShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-declare function MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
-declare function MenubarSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
-    inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function MenubarSubContent({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
-export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, };

package/Menubar/Menubar.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import * as MenubarPrimitive from "@radix-ui/react-menubar";
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
-import { cn } from "../lib/utils";
-function Menubar({ className, ...props }) {
-    return (_jsx(MenubarPrimitive.Root, { "data-slot": "menubar", className: cn("bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs", className), ...props }));
-}
-function MenubarMenu({ ...props }) {
-    return _jsx(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
-}
-function MenubarGroup({ ...props }) {
-    return _jsx(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
-}
-function MenubarPortal({ ...props }) {
-    return _jsx(MenubarPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
-}
-function MenubarRadioGroup({ ...props }) {
-    return (_jsx(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props }));
-}
-function MenubarTrigger({ className, ...props }) {
-    return (_jsx(MenubarPrimitive.Trigger, { "data-slot": "menubar-trigger", className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none", className), ...props }));
-}
-function MenubarContent({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }) {
-    return (_jsx(MenubarPortal, { children: _jsx(MenubarPrimitive.Content, { "data-slot": "menubar-content", align: align, alignOffset: alignOffset, sideOffset: sideOffset, className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in 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 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md", className), ...props }) }));
-}
-function MenubarItem({ className, inset, variant = "default", ...props }) {
-    return (_jsx(MenubarPrimitive.Item, { "data-slot": "menubar-item", "data-inset": inset, "data-variant": variant, className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
-}
-function MenubarCheckboxItem({ className, children, checked, ...props }) {
-    return (_jsxs(MenubarPrimitive.CheckboxItem, { "data-slot": "menubar-checkbox-item", className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), checked: checked, ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(MenubarPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), children] }));
-}
-function MenubarRadioItem({ className, children, ...props }) {
-    return (_jsxs(MenubarPrimitive.RadioItem, { "data-slot": "menubar-radio-item", className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(MenubarPrimitive.ItemIndicator, { children: _jsx(CircleIcon, { className: "size-2 fill-current" }) }) }), children] }));
-}
-function MenubarLabel({ className, inset, ...props }) {
-    return (_jsx(MenubarPrimitive.Label, { "data-slot": "menubar-label", "data-inset": inset, className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className), ...props }));
-}
-function MenubarSeparator({ className, ...props }) {
-    return (_jsx(MenubarPrimitive.Separator, { "data-slot": "menubar-separator", className: cn("bg-border -mx-1 my-1 h-px", className), ...props }));
-}
-function MenubarShortcut({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "menubar-shortcut", className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className), ...props }));
-}
-function MenubarSub({ ...props }) {
-    return _jsx(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
-}
-function MenubarSubTrigger({ className, inset, children, ...props }) {
-    return (_jsxs(MenubarPrimitive.SubTrigger, { "data-slot": "menubar-sub-trigger", "data-inset": inset, className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8", className), ...props, children: [children, _jsx(ChevronRightIcon, { className: "ml-auto h-4 w-4" })] }));
-}
-function MenubarSubContent({ className, ...props }) {
-    return (_jsx(MenubarPrimitive.SubContent, { "data-slot": "menubar-sub-content", className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", className), ...props }));
-}
-export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, };

package/Menubar/index.d.ts

@@ -1 +0,0 @@
-export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, } from "./Menubar";

package/Menubar/index.js

@@ -1 +0,0 @@
-export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, } from "./Menubar";

package/Pagination/Pagination.d.ts

@@ -1,35 +0,0 @@
-import * as React from "react";
-declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
-declare namespace Pagination {
-    var displayName: string;
-}
-declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
-declare namespace PaginationContent {
-    var displayName: string;
-}
-declare function PaginationItem({ ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
-declare namespace PaginationItem {
-    var displayName: string;
-}
-type PaginationLinkProps = {
-    isActive?: boolean;
-    disabled?: boolean;
-} & React.ComponentProps<"button">;
-declare function PaginationLink({ className, isActive, disabled, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
-declare namespace PaginationLink {
-    var displayName: string;
-}
-declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
-declare namespace PaginationPrevious {
-    var displayName: string;
-}
-declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
-declare namespace PaginationNext {
-    var displayName: string;
-}
-declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-declare namespace PaginationEllipsis {
-    var displayName: string;
-}
-export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };
-export type { PaginationLinkProps };

package/Pagination/Pagination.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";
-import { cn } from "../lib/utils";
-import { buttonVariants } from "../Button/Button";
-function Pagination({ className, ...props }) {
-    return (_jsx("nav", { role: "navigation", "aria-label": "pagination", className: cn("mx-auto flex w-full justify-center", className), ...props }));
-}
-Pagination.displayName = "Pagination";
-function PaginationContent({ className, ...props }) {
-    return (_jsx("ul", { className: cn("flex flex-row items-center gap-1", className), ...props }));
-}
-PaginationContent.displayName = "PaginationContent";
-function PaginationItem({ ...props }) {
-    return _jsx("li", { ...props });
-}
-PaginationItem.displayName = "PaginationItem";
-function PaginationLink({ className, isActive, disabled, ...props }) {
-    return (_jsx("button", { type: "button", "aria-current": isActive ? "page" : undefined, disabled: disabled, className: cn(buttonVariants({
-            variant: isActive ? "outline" : "ghost",
-            size: "small",
-        }), "size-9", disabled && "pointer-events-none opacity-50", className), ...props }));
-}
-PaginationLink.displayName = "PaginationLink";
-function PaginationPrevious({ className, ...props }) {
-    return (_jsxs(PaginationLink, { "aria-label": "Go to previous page", className: cn("gap-1 pl-2.5 pr-4 w-auto", className), ...props, children: [_jsx(ChevronLeft, { className: "size-4" }), _jsx("span", { className: "hidden sm:block", children: "Previous" })] }));
-}
-PaginationPrevious.displayName = "PaginationPrevious";
-function PaginationNext({ className, ...props }) {
-    return (_jsxs(PaginationLink, { "aria-label": "Go to next page", className: cn("gap-1 pl-4 pr-2.5 w-auto", className), ...props, children: [_jsx("span", { className: "hidden sm:block", children: "Next" }), _jsx(ChevronRight, { className: "size-4" })] }));
-}
-PaginationNext.displayName = "PaginationNext";
-function PaginationEllipsis({ className, ...props }) {
-    return (_jsxs("span", { "aria-hidden": true, className: cn("flex size-9 items-center justify-center", className), ...props, children: [_jsx(MoreHorizontal, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "More pages" })] }));
-}
-PaginationEllipsis.displayName = "PaginationEllipsis";
-export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };

package/Popover/Popover.d.ts

@@ -1,7 +0,0 @@
-import * as React from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
-declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/Popover/Popover.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { cn } from "../lib/utils";
-const Popover = PopoverPrimitive.Root;
-const PopoverTrigger = PopoverPrimitive.Trigger;
-const PopoverAnchor = PopoverPrimitive.Anchor;
-const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn("z-50 w-72 rounded-lg border border-grey-200 bg-white p-4 text-main-950 shadow-md outline-none 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 }) })));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/Progress/Progress.d.ts

@@ -1,17 +0,0 @@
-import * as React from "react";
-import * as ProgressPrimitive from "@radix-ui/react-progress";
-type ProgressSize = "small" | "regular" | "large";
-type ProgressVariant = "default" | "success" | "warning" | "destructive";
-declare const progressVariants: (props?: ({
-    size?: "small" | "regular" | "large" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare const progressIndicatorVariants: (props?: ({
-    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface ProgressProps extends React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> {
-    size?: ProgressSize;
-    variant?: ProgressVariant;
-}
-declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
-export { Progress, progressVariants, progressIndicatorVariants };
-export type { ProgressSize, ProgressVariant };

package/Progress/Progress.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { cva } from "class-variance-authority";
-import { cn } from "../lib/utils";
-const progressVariants = cva("relative w-full overflow-hidden rounded-full bg-grey-100", {
-    variants: {
-        size: {
-            small: "h-1",
-            regular: "h-2",
-            large: "h-3",
-        },
-    },
-    defaultVariants: {
-        size: "regular",
-    },
-});
-const progressIndicatorVariants = cva("h-full w-full flex-1 transition-all", {
-    variants: {
-        variant: {
-            default: "bg-accent-600",
-            success: "bg-success-600",
-            warning: "bg-warning-500",
-            destructive: "bg-error-600",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
-});
-const Progress = React.forwardRef(({ className, value, size, variant, ...props }, ref) => (_jsx(ProgressPrimitive.Root, { ref: ref, className: cn(progressVariants({ size }), className), ...props, children: _jsx(ProgressPrimitive.Indicator, { className: cn(progressIndicatorVariants({ variant })), style: { transform: `translateX(-${100 - (value || 0)}%)` } }) })));
-Progress.displayName = ProgressPrimitive.Root.displayName;
-export { Progress, progressVariants, progressIndicatorVariants };

package/RadioGroup/RadioGroup.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-type RadioGroupItemSize = "small" | "regular";
-declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const radioGroupItemVariants: (props?: ({
-    size?: "small" | "regular" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
-    size?: RadioGroupItemSize;
-}
-declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
-export { RadioGroup, RadioGroupItem, radioGroupItemVariants };
-export type { RadioGroupItemSize };