brd-ui-kit 0.0.1

package/dist/components/ui/icon/icon-dictionary.d.ts

@@ -0,0 +1,33 @@
+import { Check, CircleCheck } from './overrides';
+export declare const dictionary: {
+    settings: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    plus: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    wrench: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    phone: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    palette: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    building: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    close: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    done: typeof Check;
+    check: typeof CircleCheck;
+    users: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    "layout-grid": import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    bell: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    "book-user": import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    "user-gear": import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    folder: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    "briefcase-business": import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    calendar: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    "chart-line": import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    message: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    search: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    "list-filter": import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    funnel: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    dots: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    "check-list": import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    tag: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    chevron: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    chevrons: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    "rotate-ccw": import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    question: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    clock: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+};

package/dist/components/ui/icon/icon.d.ts

@@ -0,0 +1,10 @@
+import { IconTypes, Size } from '../../../types/types';
+type Props = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+    type: IconTypes;
+    className?: string;
+    size?: Size;
+    viewBox?: string;
+    strokeWidth?: number;
+};
+export declare const Icon: ({ type, size, viewBox, strokeWidth, className, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/icon/icon.stories.d.ts

@@ -0,0 +1,34 @@
+import { StoryObj } from '@storybook/react-vite';
+import { IconTypes, Size } from '../../../types/types';
+declare const meta: {
+    title: string;
+    component: ({ type, size, viewBox, strokeWidth, className, ...rest }: import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
+        type: IconTypes;
+        className?: string;
+        size?: Size;
+        viewBox?: string;
+        strokeWidth?: number;
+    }) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        type: "settings";
+        size: "md";
+        className: string;
+    };
+    argTypes: {
+        type: {
+            control: "select";
+            options: ("close" | "search" | "done" | "settings" | "plus" | "wrench" | "phone" | "palette" | "building" | "check" | "users" | "layout-grid" | "bell" | "book-user" | "user-gear" | "folder" | "briefcase-business" | "calendar" | "chart-line" | "message" | "list-filter" | "funnel" | "dots" | "check-list" | "tag" | "chevron" | "chevrons" | "rotate-ccw" | "question" | "clock")[];
+        };
+        size: {
+            control: "select";
+            options: Size[];
+        };
+        className: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Overview: Story;
+export declare const Playground: Story;

package/dist/components/ui/icon/index.d.ts

@@ -0,0 +1 @@
+export { Icon } from './icon';

package/dist/components/ui/icon/overrides.d.ts

@@ -0,0 +1,9 @@
+import { LucideProps } from 'lucide-react';
+export declare function Check({ ref, className, color, size, ...props }: LucideProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Check {
+    var displayName: string;
+}
+export declare function CircleCheck({ ref, className, color, size, ...props }: LucideProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CircleCheck {
+    var displayName: string;
+}

package/dist/components/ui/input/index.d.ts

@@ -0,0 +1 @@
+export { Input } from './input';

package/dist/components/ui/input/input.d.ts

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+import { inputVariants } from './input.styles';
+import * as React from "react";
+type InputProps = React.InputHTMLAttributes<HTMLInputElement> & VariantProps<typeof inputVariants> & {
+    ref?: React.Ref<HTMLInputElement>;
+};
+declare const Input: ({ className, type, variant, sizeInput, ref, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export { Input };

package/dist/components/ui/input/input.stories.d.ts

@@ -0,0 +1,40 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ className, type, variant, sizeInput, ref, ...props }: import('react').InputHTMLAttributes<HTMLInputElement> & import('class-variance-authority').VariantProps<(props?: ({
+        variant?: "primary" | null | undefined;
+        sizeInput?: "lg" | "md" | "sm" | "xs" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
+        ref?: React.Ref<HTMLInputElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        variant: "primary";
+        sizeInput: "md";
+        placeholder: string;
+        disabled: false;
+        value: string;
+    };
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        sizeInput: {
+            control: "select";
+            options: string[];
+        };
+        placeholder: {
+            control: "text";
+        };
+        disabled: {
+            control: "boolean";
+        };
+        value: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Overview: Story;
+export declare const Playground: Story;

package/dist/components/ui/input/input.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const inputVariants: (props?: ({
+    variant?: "primary" | null | undefined;
+    sizeInput?: "lg" | "md" | "sm" | "xs" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/ui/input-group/index.d.ts

@@ -0,0 +1 @@
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, } from './input-group';

package/dist/components/ui/input-group/input-group.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+import { Button } from '../button';
+import { inputGroupAddonVariants, inputGroupButtonVariants } from './input-group.styles';
+import * as React from "react";
+declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };

package/dist/components/ui/input-group/input-group.stories.d.ts

@@ -0,0 +1,46 @@
+import { StoryObj } from '@storybook/react-vite';
+type InputGroupPreviewLayout = "search" | "password" | "prefix" | "actions" | "textarea";
+type InputGroupPreviewProps = {
+    layout?: InputGroupPreviewLayout;
+    placeholder?: string;
+    value?: string;
+    disabled?: boolean;
+    state?: "default" | "hover" | "focus" | "error" | "success";
+    interactive?: boolean;
+    onValueChange?: (value: string) => void;
+};
+declare function InputGroupPreview({ layout, placeholder, value, disabled, state, interactive, onValueChange, }: InputGroupPreviewProps): import("react/jsx-runtime").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof InputGroupPreview;
+    args: {
+        layout: "search";
+        placeholder: string;
+        value: string;
+        disabled: false;
+        state: "default";
+    };
+    argTypes: {
+        layout: {
+            control: "select";
+            options: string[];
+        };
+        placeholder: {
+            control: "text";
+        };
+        value: {
+            control: "text";
+        };
+        disabled: {
+            control: "boolean";
+        };
+        state: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Overview: Story;
+export declare const Playground: Story;

package/dist/components/ui/input-group/input-group.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const inputGroupButtonVariants: (props?: ({
+    size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/ui/label/index.d.ts

@@ -0,0 +1 @@
+export { Label } from './label';

package/dist/components/ui/label/label.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+declare const labelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+type LabelRef = React.ComponentRef<typeof LabelPrimitive.Root>;
+type LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants> & {
+    ref?: React.Ref<LabelRef>;
+};
+declare const Label: {
+    ({ className, ref, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+export { Label };

package/dist/components/ui/label/label.stories.d.ts

@@ -0,0 +1,26 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: {
+        ({ className, ref, ...props }: Omit<import('@radix-ui/react-label').LabelProps & import('react').RefAttributes<HTMLLabelElement>, "ref"> & import('class-variance-authority').VariantProps<(props?: import('class-variance-authority/types').ClassProp | undefined) => string> & {
+            ref?: React.Ref<HTMLLabelElement>;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string | undefined;
+    };
+    args: {
+        children: string;
+        className: string;
+    };
+    argTypes: {
+        children: {
+            control: "text";
+        };
+        className: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Overview: Story;
+export declare const Playground: Story;

package/dist/components/ui/navigation-item/index.d.ts

@@ -0,0 +1 @@
+export { NavigationItem } from './navigation-item';

package/dist/components/ui/navigation-item/navigation-item.d.ts

@@ -0,0 +1,20 @@
+type CommonProps = {
+    icon: React.ReactNode;
+    label?: React.ReactNode;
+    badge?: React.ReactNode;
+    active?: boolean;
+    collapsed?: boolean;
+    disabled?: boolean;
+    onAction?: () => void;
+    className?: string;
+};
+type ButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className" | "disabled" | "onClick" | "type"> & {
+    href?: undefined;
+    type?: "button" | "submit" | "reset";
+};
+type LinkProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "className" | "href" | "onClick"> & {
+    href: string;
+};
+type Props = CommonProps & (ButtonProps | LinkProps);
+declare const NavigationItem: ({ icon, label, badge, active, collapsed, disabled, onAction, className, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export { NavigationItem };

package/dist/components/ui/navigation-item/navigation-item.stories.d.ts

@@ -0,0 +1,57 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ icon, label, badge, active, collapsed, disabled, onAction, className, ...rest }: {
+        icon: React.ReactNode;
+        label?: React.ReactNode;
+        badge?: React.ReactNode;
+        active?: boolean;
+        collapsed?: boolean;
+        disabled?: boolean;
+        onAction?: () => void;
+        className?: string;
+    } & ((Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "className" | "children" | "onClick" | "disabled" | "type"> & {
+        href?: undefined;
+        type?: "button" | "submit" | "reset";
+    }) | (Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "className" | "children" | "onClick" | "href"> & {
+        href: string;
+    }))) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        label: string;
+        icon: import("react/jsx-runtime").JSX.Element;
+        active: false;
+        collapsed: false;
+        disabled: false;
+    };
+    argTypes: {
+        active: {
+            control: "boolean";
+        };
+        collapsed: {
+            control: "boolean";
+        };
+        disabled: {
+            control: "boolean";
+        };
+    };
+    render: (args: {
+        icon: React.ReactNode;
+        label?: React.ReactNode;
+        badge?: React.ReactNode;
+        active?: boolean;
+        collapsed?: boolean;
+        disabled?: boolean;
+        onAction?: () => void;
+        className?: string;
+    } & ((Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "className" | "children" | "onClick" | "disabled" | "type"> & {
+        href?: undefined;
+        type?: "button" | "submit" | "reset";
+    }) | (Omit<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, "className" | "children" | "onClick" | "href"> & {
+        href: string;
+    }))) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const States: Story;
+export declare const Link: Story;

package/dist/components/ui/navigation-item/navigation-item.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const navigationItemVariants: (props?: ({
+    collapsed?: boolean | null | undefined;
+    active?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const navigationItemLabelClassName: string;

package/dist/components/ui/navigation-menu/index.d.ts

@@ -0,0 +1 @@
+export { NavigationMenu } from './navigation-menu';

package/dist/components/ui/navigation-menu/navigation-menu.d.ts

@@ -0,0 +1,7 @@
+type Props = React.HTMLAttributes<HTMLElement> & {
+    title?: React.ReactNode;
+    divider?: boolean;
+    collapsed?: boolean;
+};
+declare const NavigationMenu: ({ title, divider, collapsed, className, children, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export { NavigationMenu };

package/dist/components/ui/navigation-menu/navigation-menu.stories.d.ts

@@ -0,0 +1,34 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ title, divider, collapsed, className, children, ...props }: import('react').HTMLAttributes<HTMLElement> & {
+        title?: React.ReactNode;
+        divider?: boolean;
+        collapsed?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        title: string;
+        divider: true;
+        collapsed: false;
+    };
+    argTypes: {
+        divider: {
+            control: "boolean";
+        };
+        collapsed: {
+            control: "boolean";
+        };
+        title: {
+            control: "text";
+        };
+    };
+    render: (args: import('react').HTMLAttributes<HTMLElement> & {
+        title?: React.ReactNode;
+        divider?: boolean;
+        collapsed?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const Collapsed: Story;

package/dist/components/ui/navigation-menu/navigation-menu.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const navigationMenuVariants: (props?: ({
+    divider?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const navigationMenuTitleClassName: string;

package/dist/components/ui/pagination/index.d.ts

@@ -0,0 +1 @@
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, } from './pagination';

package/dist/components/ui/pagination/pagination.d.ts

@@ -0,0 +1,36 @@
+import { ButtonProps } from '../button';
+import * as React from "react";
+declare const Pagination: {
+    ({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type PaginationContentProps = React.ComponentPropsWithRef<"ul">;
+type PaginationItemProps = React.ComponentPropsWithRef<"li">;
+declare const PaginationContent: {
+    ({ className, ref, ...props }: PaginationContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationItem: {
+    ({ className, ref, ...props }: PaginationItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<ButtonProps, "size"> & React.ComponentProps<"a">;
+declare const PaginationLink: {
+    ({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationPrevious: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationNext: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/components/ui/pagination/pagination.stories.d.ts

@@ -0,0 +1,37 @@
+import { StoryObj } from '@storybook/react-vite';
+type PaginationPreviewProps = {
+    currentPage: number;
+    totalPages: number;
+    showEdgeLabels?: boolean;
+};
+declare function PaginationPreview({ currentPage, totalPages, showEdgeLabels, }: PaginationPreviewProps): import("react/jsx-runtime").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof PaginationPreview;
+    args: {
+        currentPage: number;
+        totalPages: number;
+        showEdgeLabels: false;
+    };
+    argTypes: {
+        currentPage: {
+            control: {
+                type: "number";
+                min: number;
+            };
+        };
+        totalPages: {
+            control: {
+                type: "number";
+                min: number;
+            };
+        };
+        showEdgeLabels: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Overview: Story;
+export declare const Playground: Story;

package/dist/components/ui/progress/index.d.ts

@@ -0,0 +1 @@
+export { Progress } from './progress';

package/dist/components/ui/progress/progress.d.ts

@@ -0,0 +1,11 @@
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import * as React from "react";
+type ProgressRef = React.ComponentRef<typeof ProgressPrimitive.Root>;
+type ProgressProps = React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> & {
+    ref?: React.Ref<ProgressRef>;
+};
+declare const Progress: {
+    ({ className, value, max, ref, ...props }: ProgressProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+export { Progress };

package/dist/components/ui/progress/progress.stories.d.ts

@@ -0,0 +1,34 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: {
+        ({ className, value, max, ref, ...props }: Omit<import('@radix-ui/react-progress').ProgressProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+            ref?: React.Ref<HTMLDivElement>;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string | undefined;
+    };
+    args: {
+        value: number;
+        max: number;
+    };
+    argTypes: {
+        value: {
+            control: {
+                type: "range";
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+        max: {
+            control: {
+                type: "number";
+                min: number;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Overview: Story;
+export declare const Playground: Story;

package/dist/components/ui/radio-group/index.d.ts

@@ -0,0 +1 @@
+export { RadioGroup, RadioGroupItem } from './radio-group';

package/dist/components/ui/radio-group/radio-group.d.ts

@@ -0,0 +1,19 @@
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import * as React from "react";
+type RadioGroupRef = React.ComponentRef<typeof RadioGroupPrimitive.Root>;
+type RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> & {
+    ref?: React.Ref<RadioGroupRef>;
+};
+type RadioGroupItemRef = React.ComponentRef<typeof RadioGroupPrimitive.Item>;
+type RadioGroupItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> & {
+    ref?: React.Ref<RadioGroupItemRef>;
+};
+declare const RadioGroup: {
+    ({ className, ref, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const RadioGroupItem: {
+    ({ className, ref, ...props }: RadioGroupItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+export { RadioGroup, RadioGroupItem };

package/dist/components/ui/radio-group/radio-group.stories.d.ts

@@ -0,0 +1,27 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: {
+        ({ className, ref, ...props }: Omit<import('@radix-ui/react-radio-group').RadioGroupProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+            ref?: React.Ref<HTMLDivElement>;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string | undefined;
+    };
+    args: {
+        value: string;
+        disabled: false;
+    };
+    argTypes: {
+        value: {
+            control: "inline-radio";
+            options: string[];
+        };
+        disabled: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Overview: Story;
+export declare const Playground: Story;

package/dist/components/ui/radio-group/radio-group.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const radioGroupRootClassNames: readonly ["grid gap-2"];
+export declare const radioGroupItemClassNames: readonly ["group size-5 cursor-pointer place-content-center rounded-full border transition-colors duration-200", "border-inp-hover-border bg-primary-bg", "data-[state=checked]:border-primary-text", "enabled:hover:border-inp-hover-border enabled:hover:bg-tertiary-bg", "enabled:hover:data-[state=checked]:border-inp-hover-border enabled:hover:data-[state=checked]:bg-tertiary-bg", "disabled:cursor-not-allowed disabled:border-disabled-border disabled:bg-disabled-bg", "disabled:data-[state=checked]:border-disabled-border disabled:data-[state=checked]:bg-disabled-bg", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-inp-focus-border"];
+export declare const radioGroupIndicatorClassNames: readonly ["flex items-center justify-center"];
+export declare const radioGroupIndicatorDotClassNames: readonly ["size-2.5 rounded-full bg-primary-text transition-colors duration-200", "group-hover:bg-secondary-text", "group-disabled:bg-disabled-text"];

package/dist/components/ui/separator/index.d.ts

@@ -0,0 +1 @@
+export { Separator } from './separator';

package/dist/components/ui/separator/separator.d.ts

@@ -0,0 +1,11 @@
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import * as React from "react";
+type SeparatorRef = React.ComponentRef<typeof SeparatorPrimitive.Root>;
+type SeparatorProps = React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> & {
+    ref?: React.Ref<SeparatorRef>;
+};
+declare const Separator: {
+    ({ className, orientation, decorative, ref, ...props }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+export { Separator };