am-shared-assets 0.0.5 → 0.0.7

package/dist/components/Alert.d.ts

@@ -0,0 +1,18 @@
+interface AlertProps {
+    title?: string;
+    description?: string;
+    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger";
+    size?: "sm" | "md";
+    width?: "default" | "full";
+    rounded?: "none" | "sm" | "md" | "lg" | "full";
+    infoIconAlignment?: "start" | "center";
+    isInfoIcon?: boolean;
+    hasCloseButton?: boolean;
+    hasButton?: boolean;
+    buttonTitle?: string;
+    buttonTextColor?: "black" | "white";
+    buttonClickHandler?: () => void;
+    closeAlertHandler?: () => void;
+}
+export declare const Alert: ({ title, description, color, size, width, rounded, infoIconAlignment, isInfoIcon, hasCloseButton, hasButton, buttonTitle, buttonTextColor, buttonClickHandler, closeAlertHandler, }: AlertProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Badge.d.ts

@@ -0,0 +1,9 @@
+interface IBadgeProps {
+    label: string;
+    size?: "sm" | "md" | "lg";
+    color?: "neutral" | "default" | "primary" | "danger" | "success";
+    textColor?: "white" | "black";
+    type?: "pill" | "Rectangle";
+}
+export declare const Badge: ({ label, color, type, size, textColor, }: IBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Button.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export interface ButtonProps {
+    variant?: "solid" | "bordered" | "light" | "flat" | "faded" | "shadow";
+    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger";
+    textColor?: "black" | "white";
+    size?: "sm" | "md" | "lg";
+    rounded?: "none" | "sm" | "md" | "lg" | "full";
+    label?: string;
+    icon?: ReactNode;
+    iconPosition?: "right" | "left";
+    width?: "full" | "auto";
+    onClick?: () => void;
+}
+export declare const Button: ({ variant, color, textColor, size, rounded, label, icon, iconPosition, width, onClick, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chip.d.ts

@@ -0,0 +1,10 @@
+interface IChipProps {
+    variant?: "solid" | "bordered" | "light" | "flat" | "faded" | "shadow" | "dot";
+    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger";
+    textColor?: "black" | "white";
+    size?: "sm" | "md" | "lg";
+    rounded?: "none" | "sm" | "md" | "lg" | "full";
+    label?: string;
+}
+export declare const Chip: ({ variant, color, textColor, label, size, rounded, }: IChipProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Input.d.ts

@@ -0,0 +1,17 @@
+interface IInputProps {
+    id: string | number;
+    label?: string;
+    required?: boolean;
+    value?: string;
+    onChange?: (value: string) => void;
+    placeHolder?: string;
+    variant?: "flat" | "bordered" | "faded";
+    color?: "default" | "primary" | "success" | "warning" | "danger";
+    size?: "sm" | "lg";
+    rounded?: "sm" | "full";
+    description?: string;
+    errorMsg?: string;
+    hasError?: boolean;
+}
+export declare const Input: ({ id, label, required, value, onChange, placeHolder, variant, color, size, rounded, description, errorMsg, hasError, }: IInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Radio.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+interface IRadioProps {
+    name: string;
+    value?: string;
+    checked: boolean;
+    disabled?: boolean;
+    onChange?: (value: string) => void;
+    size?: "sm" | "md" | "lg";
+    color?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral";
+    children?: ReactNode;
+}
+export declare const Radio: ({ name, value, checked, disabled, onChange, size, color, children, }: IRadioProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/RangeSlider.d.ts

@@ -0,0 +1,13 @@
+import { Dispatch, SetStateAction } from 'react';
+interface IRangeSliderProps {
+    value: number | number[];
+    setValue: Dispatch<SetStateAction<any>>;
+    min?: number;
+    max?: number;
+    step?: number;
+    color?: "foreground" | "primary" | "secondary" | "success" | "warning" | "danger";
+    tooltipColor?: "default" | "primary" | "secondary" | "success" | "warning" | "danger";
+    tooltipTextColor?: "white" | "black";
+}
+export declare const RangeSlider: ({ value, setValue, min, max, step, color, tooltipColor, tooltipTextColor, }: IRangeSliderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Select.d.ts

@@ -0,0 +1 @@
+export declare const Select: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Switch.d.ts

@@ -0,0 +1,11 @@
+interface ISwitchProps {
+    enabled: boolean;
+    onChange: () => void;
+    label?: string;
+    labelPosition?: "right" | "left";
+    size?: "sm" | "md" | "lg";
+    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger";
+    disabled?: boolean;
+}
+export declare const Switch: ({ enabled, onChange, label, labelPosition, size, color, disabled, }: ISwitchProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Tooltip.d.ts

@@ -0,0 +1,11 @@
+interface ITooltipProps {
+    label?: string;
+    color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger";
+    textColor?: "black" | "white";
+    size?: "sm" | "md" | "lg";
+    rounded?: "none" | "sm" | "md" | "lg" | "full";
+    direction?: "top" | "right" | "left" | "bottom";
+    position?: "start" | "center" | "end";
+}
+export declare const Tooltip: ({ label, color, textColor, size, rounded, direction, position, }: ITooltipProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/index.d.ts

@@ -0,0 +1,10 @@
+export { Alert } from './Alert';
+export { Badge } from './Badge';
+export { Button } from './Button';
+export { Chip } from './Chip';
+export { Input } from './Input';
+export { Radio } from './Radio';
+export { RangeSlider } from './RangeSlider';
+export { Select } from './Select';
+export { Switch } from './Switch';
+export { Tooltip } from './Tooltip';

package/dist/icons/components/AddIcon.d.ts

@@ -0,0 +1,5 @@
+declare const AddIcon: ({ color, size }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default AddIcon;

package/dist/icons/components/ArrowDownIcon.d.ts

@@ -0,0 +1,5 @@
+declare const ArrowDownIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ArrowDownIcon;

package/dist/icons/components/ArrowRightIcon.d.ts

@@ -0,0 +1,5 @@
+declare const ArrowRightIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ArrowRightIcon;

package/dist/icons/components/BagIcon.d.ts

@@ -0,0 +1,5 @@
+declare const BagIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default BagIcon;

package/dist/icons/components/BoxIcon.d.ts

@@ -0,0 +1,5 @@
+declare const BoxIcon: ({ color, size }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default BoxIcon;

package/dist/icons/components/BoxTimeIcon.d.ts

@@ -0,0 +1,5 @@
+declare const BoxTimeIcon: ({ color, size }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default BoxTimeIcon;

package/dist/icons/components/CardTickIcon.d.ts

@@ -0,0 +1,5 @@
+declare const CardTickIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CardTickIcon;

package/dist/icons/components/CardsIcon.d.ts

@@ -0,0 +1,5 @@
+declare const CardsIcon: ({ color, size }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CardsIcon;

package/dist/icons/components/CategoryIcon.d.ts

@@ -0,0 +1,5 @@
+declare const CategoryIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CategoryIcon;

package/dist/icons/components/ChevronBottomIcon.d.ts

@@ -0,0 +1,5 @@
+declare const ChevronBottomIcon: ({ color, size }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ChevronBottomIcon;

package/dist/icons/components/ChevronLeftIcon.d.ts

@@ -0,0 +1,5 @@
+declare const ChevronLeftIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ChevronLeftIcon;

package/dist/icons/components/ChevronRightIcon.d.ts

@@ -0,0 +1,5 @@
+declare const ChevronRightIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ChevronRightIcon;

package/dist/icons/components/ChevronTopIcon.d.ts

@@ -0,0 +1,5 @@
+declare const ChevronTopIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ChevronTopIcon;

package/dist/icons/components/CloseCircleIcon.d.ts

@@ -0,0 +1,5 @@
+declare const CloseCircleIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CloseCircleIcon;

package/dist/icons/components/CloseIcon.d.ts

@@ -0,0 +1,5 @@
+declare const CloseIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CloseIcon;

package/dist/icons/components/DislikeIcon.d.ts

@@ -0,0 +1,5 @@
+declare const DislikeIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default DislikeIcon;

package/dist/icons/components/EditIcon.d.ts

@@ -0,0 +1,5 @@
+declare const EditIcon: ({ color, size }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default EditIcon;

package/dist/icons/components/HeartIcon.d.ts

@@ -0,0 +1,5 @@
+declare const HeartIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default HeartIcon;

package/dist/icons/components/HomeIcon.d.ts

@@ -0,0 +1,5 @@
+declare const HomeIcon: ({ color, size }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default HomeIcon;

package/dist/icons/components/InfoIcon.d.ts

@@ -0,0 +1,5 @@
+declare const InfoIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default InfoIcon;

package/dist/icons/components/LikeIcon.d.ts

@@ -0,0 +1,5 @@
+declare const LikeIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default LikeIcon;

package/dist/icons/components/MessageIcon.d.ts

@@ -0,0 +1,5 @@
+declare const MessageIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default MessageIcon;

package/dist/icons/components/MoneyIcon.d.ts

@@ -0,0 +1,5 @@
+declare const MoneyIcon: ({ color, size }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default MoneyIcon;

package/dist/icons/components/MoreIcon.d.ts

@@ -0,0 +1,5 @@
+declare const MoreIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default MoreIcon;

package/dist/icons/components/OutlineTickCircleIcon.d.ts

@@ -0,0 +1,5 @@
+declare const OutlineTickCircleIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default OutlineTickCircleIcon;

package/dist/icons/components/RotateBoxIcon.d.ts

@@ -0,0 +1,5 @@
+declare const RotateBoxIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default RotateBoxIcon;

package/dist/icons/components/RotateInfoIcon.d.ts

@@ -0,0 +1,5 @@
+declare const RotateInfoIcon: ({ color, size }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default RotateInfoIcon;

package/dist/icons/components/SearchIcon.d.ts

@@ -0,0 +1,5 @@
+declare const SearchIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SearchIcon;

package/dist/icons/components/SettingIcon.d.ts

@@ -0,0 +1,5 @@
+declare const SettingIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SettingIcon;

package/dist/icons/components/ShareIcon.d.ts

@@ -0,0 +1,5 @@
+declare const ShareIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ShareIcon;

package/dist/icons/components/ShopIcon.d.ts

@@ -0,0 +1,5 @@
+declare const ShopIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ShopIcon;

package/dist/icons/components/ShoppingCartIcon.d.ts

@@ -0,0 +1,5 @@
+declare const ShoppingCartIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ShoppingCartIcon;

package/dist/icons/components/SpinnerIcon.d.ts

@@ -0,0 +1,5 @@
+declare const SpinnerIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SpinnerIcon;

package/dist/icons/components/StarIcon.d.ts

@@ -0,0 +1,5 @@
+declare const StarIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default StarIcon;

package/dist/icons/components/TickCircleIcon.d.ts

@@ -0,0 +1,5 @@
+declare const TickCircleIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default TickCircleIcon;

package/dist/icons/components/TrashIcon.d.ts

@@ -0,0 +1,5 @@
+declare const TrashIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default TrashIcon;

package/dist/icons/components/TruckIcon.d.ts

@@ -0,0 +1,5 @@
+declare const TruckIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default TruckIcon;

package/dist/icons/components/UserIcon.d.ts

@@ -0,0 +1,5 @@
+declare const UserIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default UserIcon;

package/dist/icons/components/WalletCheckIcon.d.ts

@@ -0,0 +1,5 @@
+declare const WalletCheckIcon: ({ color, size, }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default WalletCheckIcon;

package/dist/icons/components/WarningIcon.d.ts

@@ -0,0 +1,5 @@
+declare const WarningIcon: ({ color, size }: {
+    color?: string;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default WarningIcon;

package/dist/icons/index.d.ts

@@ -0,0 +1,41 @@
+import { default as CloseIcon } from './components/CloseIcon';
+import { default as InfoIcon } from './components/InfoIcon';
+import { default as WarningIcon } from './components/WarningIcon';
+import { default as CloseCircleIcon } from './components/CloseCircleIcon';
+import { default as TickCircleIcon } from './components/TickCircleIcon';
+import { default as ShoppingCartIcon } from './components/ShoppingCartIcon';
+import { default as SearchIcon } from './components/SearchIcon';
+import { default as ArrowRightIcon } from './components/ArrowRightIcon';
+import { default as ChevronLeftIcon } from './components/ChevronLeftIcon';
+import { default as ChevronRightIcon } from './components/ChevronRightIcon';
+import { default as ChevronTopIcon } from './components/ChevronTopIcon';
+import { default as ShopIcon } from './components/ShopIcon';
+import { default as StarIcon } from './components/StarIcon';
+import { default as HeartIcon } from './components/HeartIcon';
+import { default as ShareIcon } from './components/ShareIcon';
+import { default as TruckIcon } from './components/TruckIcon';
+import { default as BoxIcon } from './components/BoxIcon';
+import { default as CardTickIcon } from './components/CardTickIcon';
+import { default as CardsIcon } from './components/CardsIcon';
+import { default as WalletCheckIcon } from './components/WalletCheckIcon';
+import { default as RotateBoxIcon } from './components/RotateBoxIcon';
+import { default as LikeIcon } from './components/LikeIcon';
+import { default as DislikeIcon } from './components/DislikeIcon';
+import { default as RotateInfoIcon } from './components/RotateInfoIcon';
+import { default as ChevronBottomIcon } from './components/ChevronBottomIcon';
+import { default as EditIcon } from './components/EditIcon';
+import { default as SettingIcon } from './components/SettingIcon';
+import { default as UserIcon } from './components/UserIcon';
+import { default as BagIcon } from './components/BagIcon';
+import { default as CategoryIcon } from './components/CategoryIcon';
+import { default as HomeIcon } from './components/HomeIcon';
+import { default as TrashIcon } from './components/TrashIcon';
+import { default as MoreIcon } from './components/MoreIcon';
+import { default as MessageIcon } from './components/MessageIcon';
+import { default as AddIcon } from './components/AddIcon';
+import { default as BoxTimeIcon } from './components/BoxTimeIcon';
+import { default as MoneyIcon } from './components/MoneyIcon';
+import { default as ArrowDownIcon } from './components/ArrowDownIcon';
+import { default as SpinnerIcon } from './components/SpinnerIcon';
+import { default as OutlineTickCircleIcon } from './components/OutlineTickCircleIcon';
+export { CloseIcon, InfoIcon, WarningIcon, CloseCircleIcon, TickCircleIcon, ShoppingCartIcon, SearchIcon, ArrowRightIcon, ChevronLeftIcon, ChevronRightIcon, ChevronTopIcon, ShopIcon, StarIcon, HeartIcon, ShareIcon, TruckIcon, BoxIcon, CardTickIcon, CardsIcon, WalletCheckIcon, RotateBoxIcon, LikeIcon, DislikeIcon, RotateInfoIcon, ChevronBottomIcon, EditIcon, SettingIcon, UserIcon, BagIcon, CategoryIcon, HomeIcon, TrashIcon, MoreIcon, MessageIcon, AddIcon, BoxTimeIcon, MoneyIcon, ArrowDownIcon, SpinnerIcon, OutlineTickCircleIcon };

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './icons';

package/dist/stories/Button.stories.d.ts

@@ -0,0 +1,75 @@
+import { StoryObj } from '@storybook/react-vite';
+import * as icons from "../icons";
+type IconName = keyof typeof icons;
+declare const meta: {
+    title: string;
+    component: (args: {
+        icon?: IconName;
+        iconColor?: string;
+        iconSize?: number;
+        variant?: "solid" | "bordered" | "light" | "flat" | "faded" | "shadow";
+        color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger";
+        textColor?: "black" | "white";
+        size?: "sm" | "md" | "lg";
+        width?: "full" | "auto";
+        rounded?: "none" | "sm" | "md" | "lg" | "full";
+        iconPosition?: "right" | "left";
+        label?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+        docs: {
+            source: {
+                transform: (_: any, context: any) => string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        color: {
+            control: "select";
+            options: string[];
+        };
+        textColor: {
+            control: "select";
+            options: string[];
+        };
+        size: {
+            control: "select";
+            options: string[];
+        };
+        width: {
+            control: "select";
+            options: string[];
+        };
+        rounded: {
+            control: "select";
+            options: string[];
+        };
+        iconPosition: {
+            control: "select";
+            options: string[];
+        };
+        icon: {
+            control: "text";
+        };
+        iconColor: {
+            control: "color";
+        };
+        iconSize: {
+            control: {
+                type: "range";
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/stories/IconGallery.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import * as icons from "../icons";
+type IconName = keyof typeof icons;
+type IconProps = {
+    icon: IconName;
+    size?: number;
+    color?: string;
+};
+declare const Icon: ({ icon, size, color }: IconProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const meta: Meta<typeof Icon>;
+export default meta;
+type Story = StoryObj<typeof Icon>;
+export declare const Gallery: Story;

package/dist/stories/RangeSlider.stories.d.ts

@@ -0,0 +1,35 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: (args: any) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        min: {
+            control: "number";
+        };
+        max: {
+            control: "number";
+        };
+        step: {
+            control: "number";
+        };
+        color: {
+            control: "select";
+            options: string[];
+        };
+        tooltipColor: {
+            control: "select";
+            options: string[];
+        };
+        tooltipTextColor: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/stories/Select.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;