brd-ui-kit 0.0.1

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

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

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

@@ -0,0 +1 @@
+export { Switch } from './switch';

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

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

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

@@ -0,0 +1,23 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: {
+        ({ className, ref, ...props }: Omit<import('@radix-ui/react-switch').SwitchProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+            ref?: React.Ref<HTMLButtonElement>;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string | undefined;
+    };
+    args: {
+        defaultChecked: false;
+        disabled: false;
+    };
+    argTypes: {
+        onCheckedChange: {
+            action: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Overview: Story;
+export declare const Playground: Story;

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

@@ -0,0 +1,2 @@
+export declare const switchRootClassNames: readonly ["peer group relative inline-flex h-6 w-12 shrink-0 cursor-pointer items-center rounded-full border p-1 transition-colors", "border-inp-default-border bg-primary-bg", "enabled:hover:border-inp-hover-border", "data-[state=checked]:bg-primary-inverse-bg", "data-[state=checked]:border-inp-default-border enabled:hover:data-[state=checked]:border-inp-hover-border", "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 switchThumbClassNames: readonly ["pointer-events-none block size-4 rounded-full transition-transform", "bg-primary-inverse-bg data-[state=checked]:translate-x-6 data-[state=checked]:bg-primary-bg", "group-disabled:bg-disabled-text group-disabled:data-[state=checked]:bg-disabled-text"];

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

@@ -0,0 +1 @@
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from './table';

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

@@ -0,0 +1,50 @@
+import * as React from "react";
+declare const Table: {
+    ({ ref, className, ...props }: React.HTMLAttributes<HTMLTableElement> & {
+        ref?: React.RefObject<HTMLTableElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const TableHeader: {
+    ({ ref, className, ...props }: React.HTMLAttributes<HTMLTableSectionElement> & {
+        ref?: React.RefObject<HTMLTableSectionElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const TableBody: {
+    ({ ref, className, ...props }: React.HTMLAttributes<HTMLTableSectionElement> & {
+        ref?: React.RefObject<HTMLTableSectionElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const TableFooter: {
+    ({ ref, className, ...props }: React.HTMLAttributes<HTMLTableSectionElement> & {
+        ref?: React.RefObject<HTMLTableSectionElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const TableRow: {
+    ({ ref, className, ...props }: React.HTMLAttributes<HTMLTableRowElement> & {
+        ref?: React.RefObject<HTMLTableRowElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const TableHead: {
+    ({ ref, className, ...props }: React.ThHTMLAttributes<HTMLTableCellElement> & {
+        ref?: React.RefObject<HTMLTableCellElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const TableCell: {
+    ({ ref, className, ...props }: React.TdHTMLAttributes<HTMLTableCellElement> & {
+        ref?: React.RefObject<HTMLTableCellElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const TableCaption: {
+    ({ ref, className, ...props }: React.HTMLAttributes<HTMLTableCaptionElement> & {
+        ref?: React.RefObject<HTMLTableCaptionElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, };

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

@@ -0,0 +1,68 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: {
+        ({ ref, className, ...props }: React.HTMLAttributes<HTMLTableElement> & {
+            ref?: React.RefObject<HTMLTableElement | null>;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    subcomponents: {
+        TableHeader: {
+            ({ ref, className, ...props }: React.HTMLAttributes<HTMLTableSectionElement> & {
+                ref?: React.RefObject<HTMLTableSectionElement | null>;
+            }): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        TableBody: {
+            ({ ref, className, ...props }: React.HTMLAttributes<HTMLTableSectionElement> & {
+                ref?: React.RefObject<HTMLTableSectionElement | null>;
+            }): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        TableFooter: {
+            ({ ref, className, ...props }: React.HTMLAttributes<HTMLTableSectionElement> & {
+                ref?: React.RefObject<HTMLTableSectionElement | null>;
+            }): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        TableRow: {
+            ({ ref, className, ...props }: React.HTMLAttributes<HTMLTableRowElement> & {
+                ref?: React.RefObject<HTMLTableRowElement | null>;
+            }): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        TableHead: {
+            ({ ref, className, ...props }: React.ThHTMLAttributes<HTMLTableCellElement> & {
+                ref?: React.RefObject<HTMLTableCellElement | null>;
+            }): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        TableCell: {
+            ({ ref, className, ...props }: React.TdHTMLAttributes<HTMLTableCellElement> & {
+                ref?: React.RefObject<HTMLTableCellElement | null>;
+            }): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        TableCaption: {
+            ({ ref, className, ...props }: React.HTMLAttributes<HTMLTableCaptionElement> & {
+                ref?: React.RefObject<HTMLTableCaptionElement | null>;
+            }): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+    };
+    args: {
+        className: string;
+    };
+    argTypes: {
+        className: {
+            control: "text";
+        };
+    };
+    render: (args: import('react').HTMLAttributes<HTMLTableElement> & {
+        ref?: React.RefObject<HTMLTableElement | null>;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;

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

@@ -0,0 +1 @@
+export { Tabs, TabsContent, TabsList, TabsTrigger, type TabsListProps, type TabsTriggerProps, } from './tabs';

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

@@ -0,0 +1,26 @@
+import { VariantProps } from 'class-variance-authority';
+import { tabsListVariants, tabsTriggerVariants } from './tabs.styles';
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as React from "react";
+declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+type TabsListProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>;
+declare const TabsList: {
+    ({ ref, className, variant, ...props }: TabsListProps & {
+        ref?: React.RefObject<React.ComponentRef<typeof TabsPrimitive.List> | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+type TabsTriggerProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & VariantProps<typeof tabsTriggerVariants>;
+declare const TabsTrigger: {
+    ({ ref, className, variant: variantProp, ...props }: TabsTriggerProps & {
+        ref?: React.RefObject<React.ComponentRef<typeof TabsPrimitive.Trigger> | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const TabsContent: {
+    ({ ref, className, ...props }: React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> & {
+        ref?: React.RefObject<React.ComponentRef<typeof TabsPrimitive.Content> | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+export { Tabs, TabsContent, TabsList, TabsTrigger, type TabsListProps, type TabsTriggerProps, };

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

@@ -0,0 +1,32 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('@radix-ui/react-tabs').TabsProps & import('react').RefAttributes<HTMLDivElement>>;
+    args: {
+        defaultValue: string;
+        orientation: "horizontal";
+    };
+    argTypes: {
+        orientation: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        defaultValue: {
+            control: "text";
+            description: string;
+        };
+        value: {
+            control: "text";
+            description: string;
+        };
+        onValueChange: {
+            action: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Overview: Story;
+export declare const Playground: Story;

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

@@ -0,0 +1,6 @@
+export declare const tabsListVariants: (props?: ({
+    variant?: "line" | "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const tabsTriggerVariants: (props?: ({
+    variant?: "line" | "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1 @@
+export { Textarea } from './textarea';

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+type TextareaProps = React.ComponentPropsWithRef<"textarea">;
+declare const Textarea: {
+    ({ className, ref, ...props }: TextareaProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Textarea };

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

@@ -0,0 +1,28 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: {
+        ({ className, ref, ...props }: import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    args: {
+        placeholder: string;
+        disabled: false;
+        value: string;
+    };
+    argTypes: {
+        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/textarea/textarea.styles.d.ts

@@ -0,0 +1 @@
+export declare const textareaClassName: string;

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

@@ -0,0 +1 @@
+export { Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, } from './tooltip';

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

@@ -0,0 +1,15 @@
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import * as React from "react";
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipArrow: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>>;
+type TooltipContentRef = React.ComponentRef<typeof TooltipPrimitive.Content>;
+type TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & {
+    ref?: React.Ref<TooltipContentRef>;
+};
+declare const TooltipContent: {
+    ({ className, sideOffset, ref, ...props }: TooltipContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+export { Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger };

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

@@ -0,0 +1,42 @@
+import { StoryObj } from '@storybook/react-vite';
+type TooltipPreviewProps = {
+    label: string;
+    content: string;
+    side?: "top" | "right" | "bottom" | "left";
+    withArrow?: boolean;
+    defaultOpen?: boolean;
+};
+declare function TooltipPreview({ label, content, side, withArrow, defaultOpen, }: TooltipPreviewProps): import("react/jsx-runtime").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof TooltipPreview;
+    args: {
+        label: string;
+        content: string;
+        side: "top";
+        withArrow: false;
+        defaultOpen: true;
+    };
+    argTypes: {
+        label: {
+            control: "text";
+        };
+        content: {
+            control: "text";
+        };
+        side: {
+            control: "select";
+            options: string[];
+        };
+        withArrow: {
+            control: "boolean";
+        };
+        defaultOpen: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Overview: Story;
+export declare const Playground: Story;

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

@@ -0,0 +1 @@
+export declare const tooltipContentClassName = "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95\ndata-[state=closed]:animate-out data-[state=closed]:fade-out-0\ndata-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2\ndata-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2\ndata-[side=top]:slide-in-from-bottom-2 z-50\norigin-[--radix-tooltip-content-transform-origin] overflow-hidden rounded-md px-3\npy-1.5 text-xs";

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

@@ -0,0 +1,4 @@
+export { Typography } from './typography';
+export type { TypographyProps } from './typography';
+export { getTypographyClassName, typographyClassNames, typographyVariantOptions, } from './typography.styles';
+export type { TypographyVariant } from './typography.styles';

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

@@ -0,0 +1,9 @@
+import { TypographyVariant } from './typography.styles';
+import * as React from "react";
+type TypographyTag = "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "label" | "p" | "span";
+export interface TypographyProps extends Omit<React.HTMLAttributes<HTMLElement>, "color"> {
+    as?: TypographyTag;
+    variant?: TypographyVariant;
+}
+export declare const Typography: ({ as, className, variant, ...props }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ as, className, variant, ...props }: import('./typography').TypographyProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        children: string;
+        variant: "body-md-regular";
+        as: "p";
+    };
+    argTypes: {
+        variant: {
+            control: "select";
+            options: readonly ["h1", "h2", "h3", "body-xl-regular", "body-xl-medium", "body-lg-regular", "body-lg-medium", "body-md-regular", "body-md-medium", "body-sm-regular", "body-sm-medium", "body-xs-regular", "body-xs-medium"];
+        };
+        as: {
+            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/typography/typography.styles.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const typographyVariantOptions: readonly ["h1", "h2", "h3", "body-xl-regular", "body-xl-medium", "body-lg-regular", "body-lg-medium", "body-md-regular", "body-md-medium", "body-sm-regular", "body-sm-medium", "body-xs-regular", "body-xs-medium"];
+export declare const typographyClassNames: (props?: ({
+    variant?: "h1" | "h2" | "h3" | "body-xl-regular" | "body-xl-medium" | "body-lg-regular" | "body-lg-medium" | "body-md-regular" | "body-md-medium" | "body-sm-regular" | "body-sm-medium" | "body-xs-regular" | "body-xs-medium" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type TypographyClassNameVariants = VariantProps<typeof typographyClassNames>;
+export type TypographyVariant = NonNullable<TypographyClassNameVariants["variant"]>;
+export declare const getTypographyClassName: (variant?: TypographyVariant) => string;
+export {};