@dynamic-mockups/design-system 0.2.14 → 0.2.17

package/dist/src/components/atoms/{Popover/Popover.stories.d.ts → ui-components/Checkbox/Checkbox.stories.d.ts}

@@ -1,29 +1,30 @@
 import React from "react";
 import type { StoryObj } from "@storybook/react-vite";
-import type { ColorToken } from "./Popover";
 declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<import("./Popover").PopoverProps & React.RefAttributes<HTMLDivElement>>;
+    component: React.ForwardRefExoticComponent<import("./Checkbox").CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
     parameters: {
         layout: string;
     };
     tags: string[];
     argTypes: {
-        trigger: {
-            control: false;
+        size: {
+            control: "select";
+            options: string[];
             description: string;
             table: {
                 category: string;
             };
         };
-        children: {
-            control: false;
+        color: {
+            control: "select";
+            options: string[];
             description: string;
             table: {
                 category: string;
             };
         };
-        size: {
+        variant: {
             control: "select";
             options: string[];
             description: string;
@@ -31,55 +32,39 @@ declare const meta: {
                 category: string;
             };
         };
-        backgroundColorToken: {
-            control: "select";
-            options: ColorToken[];
+        highContrast: {
+            control: "boolean";
             description: string;
             table: {
                 category: string;
             };
         };
-        textColorToken: {
-            control: "select";
-            options: ColorToken[];
+        disabled: {
+            control: "boolean";
             description: string;
             table: {
                 category: string;
             };
         };
-        m: {
-            table: {
-                disable: boolean;
-            };
-        };
-        mx: {
-            table: {
-                disable: boolean;
-            };
-        };
-        my: {
-            table: {
-                disable: boolean;
-            };
-        };
-        mt: {
-            table: {
-                disable: boolean;
-            };
-        };
-        mr: {
+        defaultChecked: {
+            control: "boolean";
+            description: string;
             table: {
-                disable: boolean;
+                category: string;
             };
         };
-        mb: {
+        backgroundColorToken: {
+            control: false;
+            description: string;
             table: {
-                disable: boolean;
+                category: string;
             };
         };
-        ml: {
+        borderColorToken: {
+            control: false;
+            description: string;
             table: {
-                disable: boolean;
+                category: string;
             };
         };
     };
@@ -87,8 +72,6 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Checked: Story;
 export declare const Sizes: Story;
-export declare const WithForm: Story;
-export declare const ColorPicker: Story;
-export declare const ShareDialog: Story;
-export declare const InteractiveColorPicker: Story;
+export declare const WithCustomColors: Story;

package/dist/src/components/atoms/ui-components/ContextMenu/ContextMenu.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { ContextMenu as RadixContextMenu } from "@radix-ui/themes";
+import "./ContextMenu.scss";
+export interface ContextMenuProps {
+    trigger: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const ContextMenu: {
+    ({ trigger, children, className }: ContextMenuProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+    Item: React.ForwardRefExoticComponent<RadixContextMenu.ItemProps & React.RefAttributes<HTMLDivElement>>;
+    Separator: React.ForwardRefExoticComponent<RadixContextMenu.SeparatorProps & React.RefAttributes<HTMLDivElement>>;
+    Sub: React.FC<RadixContextMenu.SubProps>;
+    SubTrigger: React.ForwardRefExoticComponent<RadixContextMenu.SubTriggerProps & React.RefAttributes<HTMLDivElement>>;
+    SubContent: React.ForwardRefExoticComponent<RadixContextMenu.SubContentProps & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/src/components/atoms/ui-components/ContextMenu/ContextMenu.stories.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: {
+        ({ trigger, children, className }: import("./ContextMenu").ContextMenuProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+        Item: React.ForwardRefExoticComponent<import("@radix-ui/themes/components/context-menu").ItemProps & React.RefAttributes<HTMLDivElement>>;
+        Separator: React.ForwardRefExoticComponent<import("@radix-ui/themes/components/context-menu").SeparatorProps & React.RefAttributes<HTMLDivElement>>;
+        Sub: React.FC<import("@radix-ui/themes/components/context-menu").SubProps>;
+        SubTrigger: React.ForwardRefExoticComponent<import("@radix-ui/themes/components/context-menu").SubTriggerProps & React.RefAttributes<HTMLDivElement>>;
+        SubContent: React.ForwardRefExoticComponent<import("@radix-ui/themes/components/context-menu").SubContentProps & React.RefAttributes<HTMLDivElement>>;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/components/atoms/ui-components/ContextMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { ContextMenu } from "./ContextMenu";
+export type { ContextMenuProps } from "./ContextMenu";

package/dist/src/components/atoms/ui-components/DataList/DataList.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { DataList as RadixDataList } from "@radix-ui/themes";
+import "./DataList.scss";
+export interface DataListProps extends Omit<React.ComponentPropsWithoutRef<typeof RadixDataList.Root>, "m" | "mx" | "my" | "mt" | "mr" | "mb" | "ml"> {
+    className?: string;
+}
+export declare const DataList: React.ForwardRefExoticComponent<DataListProps & React.RefAttributes<HTMLDListElement>> & {
+    Item: React.ForwardRefExoticComponent<RadixDataList.ItemProps & React.RefAttributes<HTMLDivElement>>;
+    Label: React.ForwardRefExoticComponent<RadixDataList.LabelProps & React.RefAttributes<HTMLElement>>;
+    Value: React.ForwardRefExoticComponent<RadixDataList.ValueProps & React.RefAttributes<HTMLElement>>;
+};

package/dist/src/components/atoms/ui-components/DataList/DataList.stories.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./DataList").DataListProps & React.RefAttributes<HTMLDListElement>> & {
+        Item: React.ForwardRefExoticComponent<import("@radix-ui/themes/components/data-list").ItemProps & React.RefAttributes<HTMLDivElement>>;
+        Label: React.ForwardRefExoticComponent<import("@radix-ui/themes/components/data-list").LabelProps & React.RefAttributes<HTMLElement>>;
+        Value: React.ForwardRefExoticComponent<import("@radix-ui/themes/components/data-list").ValueProps & React.RefAttributes<HTMLElement>>;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/components/atoms/ui-components/DataList/index.d.ts

@@ -0,0 +1,2 @@
+export { DataList } from "./DataList";
+export type { DataListProps } from "./DataList";

package/dist/src/components/atoms/ui-components/Dialog/Dialog.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { Dialog as RadixDialog } from "@radix-ui/themes";
+import { type ColorToken } from "../../../../tokens";
+import "./Dialog.scss";
+export type { ColorToken } from "../../../../tokens";
+export interface DialogContentProps extends Omit<React.ComponentPropsWithoutRef<typeof RadixDialog.Content>, "m" | "mx" | "my" | "mt" | "mr" | "mb" | "ml"> {
+    backgroundColorToken?: ColorToken;
+    textColorToken?: ColorToken;
+    className?: string;
+}
+export declare const Dialog: React.FC<RadixDialog.RootProps> & {
+    Trigger: React.ForwardRefExoticComponent<RadixDialog.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<RadixDialog.TitleProps & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<RadixDialog.DescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+    Close: React.ForwardRefExoticComponent<RadixDialog.CloseProps & React.RefAttributes<HTMLButtonElement>>;
+    Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Body: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/src/components/atoms/ui-components/Dialog/Dialog.stories.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: React.FC<import("@radix-ui/themes/components/dialog").RootProps> & {
+        Trigger: React.ForwardRefExoticComponent<import("@radix-ui/themes/components/dialog").TriggerProps & React.RefAttributes<HTMLButtonElement>>;
+        Content: React.ForwardRefExoticComponent<import("./Dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+        Title: React.ForwardRefExoticComponent<import("@radix-ui/themes/components/dialog").TitleProps & React.RefAttributes<HTMLHeadingElement>>;
+        Description: React.ForwardRefExoticComponent<import("@radix-ui/themes/components/dialog").DescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+        Close: React.ForwardRefExoticComponent<import("@radix-ui/themes/components/dialog").CloseProps & React.RefAttributes<HTMLButtonElement>>;
+        Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+        Body: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+        Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithForm: Story;
+export declare const WithCustomColors: Story;

package/dist/src/components/atoms/ui-components/Dialog/index.d.ts

@@ -0,0 +1,2 @@
+export { Dialog } from "./Dialog";
+export type { DialogContentProps, ColorToken } from "./Dialog";

package/dist/src/components/atoms/ui-components/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { DropdownMenu as RadixDropdownMenu } from "@radix-ui/themes";
+import { type ColorToken } from "../../../../tokens";
+import "./DropdownMenu.scss";
+export type { ColorToken } from "../../../../tokens";
+export interface DropdownMenuContentProps extends Omit<React.ComponentPropsWithoutRef<typeof RadixDropdownMenu.Content>, "m" | "mx" | "my" | "mt" | "mr" | "mb" | "ml"> {
+    backgroundColorToken?: ColorToken;
+    textColorToken?: ColorToken;
+    className?: string;
+}
+export declare const DropdownMenu: React.FC<RadixDropdownMenu.RootProps> & {
+    Trigger: React.ForwardRefExoticComponent<RadixDropdownMenu.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<RadixDropdownMenu.ItemProps & React.RefAttributes<HTMLDivElement>>;
+    Group: React.ForwardRefExoticComponent<RadixDropdownMenu.GroupProps & React.RefAttributes<HTMLDivElement>>;
+    Label: React.ForwardRefExoticComponent<RadixDropdownMenu.LabelProps & React.RefAttributes<HTMLDivElement>>;
+    Separator: React.ForwardRefExoticComponent<RadixDropdownMenu.SeparatorProps & React.RefAttributes<HTMLDivElement>>;
+    Sub: React.FC<RadixDropdownMenu.SubProps>;
+    SubTrigger: React.ForwardRefExoticComponent<RadixDropdownMenu.SubTriggerProps & React.RefAttributes<HTMLDivElement>>;
+    SubContent: React.ForwardRefExoticComponent<RadixDropdownMenu.SubContentProps & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/src/components/atoms/ui-components/DropdownMenu/DropdownMenu.stories.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: React.FC<import("@radix-ui/themes/components/dropdown-menu").RootProps> & {
+        Trigger: React.ForwardRefExoticComponent<import("@radix-ui/themes/components/dropdown-menu").TriggerProps & React.RefAttributes<HTMLButtonElement>>;
+        Content: React.ForwardRefExoticComponent<import("./DropdownMenu").DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+        Item: React.ForwardRefExoticComponent<import("@radix-ui/themes/components/dropdown-menu").ItemProps & React.RefAttributes<HTMLDivElement>>;
+        Group: React.ForwardRefExoticComponent<import("@radix-ui/themes/components/dropdown-menu").GroupProps & React.RefAttributes<HTMLDivElement>>;
+        Label: React.ForwardRefExoticComponent<import("@radix-ui/themes/components/dropdown-menu").LabelProps & React.RefAttributes<HTMLDivElement>>;
+        Separator: React.ForwardRefExoticComponent<import("@radix-ui/themes/components/dropdown-menu").SeparatorProps & React.RefAttributes<HTMLDivElement>>;
+        Sub: React.FC<import("@radix-ui/themes/components/dropdown-menu").SubProps>;
+        SubTrigger: React.ForwardRefExoticComponent<import("@radix-ui/themes/components/dropdown-menu").SubTriggerProps & React.RefAttributes<HTMLDivElement>>;
+        SubContent: React.ForwardRefExoticComponent<import("@radix-ui/themes/components/dropdown-menu").SubContentProps & React.RefAttributes<HTMLDivElement>>;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithColors: Story;
+export declare const WithCustomColors: Story;

package/dist/src/components/atoms/ui-components/DropdownMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { DropdownMenu } from "./DropdownMenu";
+export type { DropdownMenuContentProps, ColorToken } from "./DropdownMenu";

package/dist/src/components/atoms/ui-components/HoverCard/HoverCard.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { HoverCard as RadixHoverCard } from "@radix-ui/themes";
+import { type ColorToken } from "../../../../tokens";
+import "./HoverCard.scss";
+export type { ColorToken } from "../../../../tokens";
+export interface HoverCardContentProps extends Omit<React.ComponentPropsWithoutRef<typeof RadixHoverCard.Content>, "m" | "mx" | "my" | "mt" | "mr" | "mb" | "ml"> {
+    backgroundColorToken?: ColorToken;
+    textColorToken?: ColorToken;
+    className?: string;
+}
+export declare const HoverCard: React.FC<RadixHoverCard.RootProps> & {
+    Trigger: React.ForwardRefExoticComponent<RadixHoverCard.TriggerProps & React.RefAttributes<HTMLAnchorElement>>;
+    Content: React.ForwardRefExoticComponent<HoverCardContentProps & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/src/components/atoms/ui-components/HoverCard/HoverCard.stories.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: React.FC<import("@radix-ui/themes/components/hover-card").RootProps> & {
+        Trigger: React.ForwardRefExoticComponent<import("@radix-ui/themes/components/hover-card").TriggerProps & React.RefAttributes<HTMLAnchorElement>>;
+        Content: React.ForwardRefExoticComponent<import("./HoverCard").HoverCardContentProps & React.RefAttributes<HTMLDivElement>>;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const UserProfile: Story;
+export declare const WithCustomColors: Story;

package/dist/src/components/atoms/ui-components/HoverCard/index.d.ts

@@ -0,0 +1,2 @@
+export { HoverCard } from "./HoverCard";
+export type { HoverCardContentProps, ColorToken } from "./HoverCard";

package/dist/src/components/atoms/ui-components/IconButton/IconButton.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { IconButtonProps as RadixIconButtonProps } from "@radix-ui/themes";
+import "./IconButton.scss";
+export interface IconButtonProps extends Omit<RadixIconButtonProps, "m" | "mx" | "my" | "mt" | "mr" | "mb" | "ml"> {
+    className?: string;
+}
+export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/src/components/atoms/ui-components/IconButton/IconButton.stories.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./IconButton").IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Variants: Story;
+export declare const Sizes: Story;

package/dist/src/components/atoms/ui-components/IconButton/index.d.ts

@@ -0,0 +1,2 @@
+export { IconButton } from "./IconButton";
+export type { IconButtonProps } from "./IconButton";

package/dist/src/components/atoms/ui-components/Inset/Inset.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { InsetProps as RadixInsetProps } from "@radix-ui/themes";
+import "./Inset.scss";
+export interface InsetProps extends Omit<RadixInsetProps, "m" | "mx" | "my" | "mt" | "mr" | "mb" | "ml"> {
+    className?: string;
+}
+export declare const Inset: React.ForwardRefExoticComponent<InsetProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/atoms/ui-components/Inset/Inset.stories.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./Inset").InsetProps & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/components/atoms/ui-components/Inset/index.d.ts

@@ -0,0 +1,2 @@
+export { Inset } from "./Inset";
+export type { InsetProps } from "./Inset";

package/dist/src/components/atoms/ui-components/Popover/Popover.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { Popover as RadixPopover } from "@radix-ui/themes";
+import { type ColorToken } from "../../../../tokens";
+import "./Popover.scss";
+export type { ColorToken } from "../../../../tokens";
+export interface PopoverContentProps extends Omit<React.ComponentPropsWithoutRef<typeof RadixPopover.Content>, "m" | "mx" | "my" | "mt" | "mr" | "mb" | "ml"> {
+    backgroundColorToken?: ColorToken;
+    textColorToken?: ColorToken;
+    className?: string;
+}
+export declare const Popover: React.FC<RadixPopover.RootProps> & {
+    Trigger: React.ForwardRefExoticComponent<RadixPopover.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+    Close: React.ForwardRefExoticComponent<RadixPopover.CloseProps & React.RefAttributes<HTMLButtonElement>>;
+};

package/dist/src/components/atoms/ui-components/Popover/Popover.stories.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: React.FC<import("@radix-ui/themes/components/popover").RootProps> & {
+        Trigger: React.ForwardRefExoticComponent<import("@radix-ui/themes/components/popover").TriggerProps & React.RefAttributes<HTMLButtonElement>>;
+        Content: React.ForwardRefExoticComponent<import("./Popover").PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+        Close: React.ForwardRefExoticComponent<import("@radix-ui/themes/components/popover").CloseProps & React.RefAttributes<HTMLButtonElement>>;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithForm: Story;
+export declare const WithCustomColors: Story;

package/dist/src/components/atoms/ui-components/Popover/index.d.ts

@@ -0,0 +1,2 @@
+export { Popover } from "./Popover";
+export type { PopoverContentProps, ColorToken } from "./Popover";

package/dist/src/components/atoms/ui-components/Progress/Progress.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { Progress as RadixProgress } from "@radix-ui/themes";
+import { type ColorToken } from "../../../../tokens";
+import "./Progress.scss";
+export type { ColorToken } from "../../../../tokens";
+export interface ProgressProps extends Omit<React.ComponentPropsWithoutRef<typeof RadixProgress>, "m" | "mx" | "my" | "mt" | "mr" | "mb" | "ml"> {
+    backgroundColorToken?: ColorToken;
+    fillColorToken?: ColorToken;
+    className?: string;
+}
+export declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/atoms/ui-components/Progress/index.d.ts

@@ -0,0 +1,2 @@
+export { Progress } from "./Progress";
+export type { ProgressProps, ColorToken } from "./Progress";

package/dist/src/components/atoms/ui-components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { Progress } from "@radix-ui/themes";
+import { type ColorToken } from "../../../../tokens";
+import "./ProgressBar.scss";
+export type { ColorToken } from "../../../../tokens";
+export interface ProgressBarProps extends Omit<React.ComponentPropsWithoutRef<typeof Progress>, "m" | "mx" | "my" | "mt" | "mr" | "mb" | "ml"> {
+    backgroundColorToken?: ColorToken;
+    fillColorToken?: ColorToken;
+    className?: string;
+}
+export declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/atoms/ui-components/ProgressBar/ProgressBar.stories.d.ts

@@ -0,0 +1,59 @@
+import type { StoryObj } from "@storybook/react-vite";
+import React from "react";
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./ProgressBar").ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        value: {
+            control: {
+                type: "range";
+                min: number;
+                max: number;
+                step: number;
+            };
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        size: {
+            control: "select";
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        variant: {
+            control: "select";
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        backgroundColorToken: {
+            control: false;
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        fillColorToken: {
+            control: false;
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Sizes: Story;
+export declare const WithCustomColors: Story;

package/dist/src/components/atoms/ui-components/ProgressBar/index.d.ts

@@ -0,0 +1,2 @@
+export { ProgressBar } from "./ProgressBar";
+export type { ProgressBarProps, ColorToken } from "./ProgressBar";

package/dist/src/components/atoms/ui-components/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { RadioGroup as RadixRadioGroup } from "@radix-ui/themes";
+import { type ColorToken } from "../../../../tokens";
+import "./RadioGroup.scss";
+export type { ColorToken } from "../../../../tokens";
+export interface RadioGroupProps extends Omit<React.ComponentPropsWithoutRef<typeof RadixRadioGroup.Root>, "m" | "mx" | "my" | "mt" | "mr" | "mb" | "ml"> {
+    backgroundColorToken?: ColorToken;
+    textColorToken?: ColorToken;
+    className?: string;
+}
+export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>> & {
+    Item: React.ForwardRefExoticComponent<RadixRadioGroup.ItemProps & React.RefAttributes<HTMLButtonElement>>;
+};

package/dist/src/components/atoms/ui-components/RadioGroup/RadioGroup.stories.d.ts

@@ -0,0 +1,49 @@
+import type { StoryObj } from "@storybook/react-vite";
+import React from "react";
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./RadioGroup").RadioGroupProps & React.RefAttributes<HTMLDivElement>> & {
+        Item: React.ForwardRefExoticComponent<import("@radix-ui/themes/components/radio-group").ItemProps & React.RefAttributes<HTMLButtonElement>>;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        variant: {
+            control: "select";
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        backgroundColorToken: {
+            control: false;
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        textColorToken: {
+            control: false;
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Sizes: Story;
+export declare const WithCustomColors: Story;

package/dist/src/components/atoms/ui-components/RadioGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { RadioGroup } from "./RadioGroup";
+export type { RadioGroupProps, ColorToken } from "./RadioGroup";

package/dist/src/components/atoms/ui-components/ScrollArea/ScrollArea.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { ScrollArea as RadixScrollArea } from "@radix-ui/themes";
+import { type ColorToken } from "../../../../tokens";
+import "./ScrollArea.scss";
+export type { ColorToken } from "../../../../tokens";
+export interface ScrollAreaProps extends Omit<React.ComponentPropsWithoutRef<typeof RadixScrollArea>, "m" | "mx" | "my" | "mt" | "mr" | "mb" | "ml"> {
+    scrollbarColorToken?: ColorToken;
+    className?: string;
+}
+export declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/atoms/ui-components/ScrollArea/index.d.ts

@@ -0,0 +1,2 @@
+export { ScrollArea } from "./ScrollArea";
+export type { ScrollAreaProps } from "./ScrollArea";