@datacrest/dcuikit 0.0.5 → 0.0.8

package/build/components/Atom/Button/Button.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 import { ButtonProps } from './Button.types';
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

package/build/components/Atom/Button/Button.types.d.ts

@@ -1,12 +1,18 @@
-export type ButtonVariants = 'primary' | 'secondary' | 'tertiary' | 'critical' | 'danger' | 'link';
-export type ButtonSizes = ['small', 'medium', 'large'];
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    children: React.ReactNode;
-    variant: ButtonVariants;
-    size: ButtonSizes[number];
+import { ButtonHTMLAttributes } from 'react';
+export type ButtonVariants = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning' | 'link';
+export type ButtonDisplayType = 'default' | 'badge';
+export type ButtonStatus = 'accepted' | 'pending';
+export type ButtonSizes = 'small' | 'medium' | 'large';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     iconLeft?: React.ReactNode;
     iconRight?: React.ReactNode;
-    fluid?: boolean;
+    variant?: ButtonVariants;
+    displayType?: ButtonDisplayType;
+    status?: ButtonStatus;
+    size?: ButtonSizes;
     loading?: boolean;
+    disabled?: boolean;
     dataTestId?: string;
+    fluid?: boolean;
+    className?: string;
 }

package/build/components/Atom/Button/index.d.ts

@@ -1,2 +1,3 @@
-export { Button } from './Button';
+import Button from './Button';
+export { Button };
 export type { ButtonSizes, ButtonProps } from './Button.types';

package/build/components/Atom/Checkbox/Checkbox.d.ts

@@ -9,4 +9,5 @@ export interface Props extends Omit<React.InputHTMLAttributes<HTMLInputElement>,
     marginLeft?: 'small' | 'medium' | 'large';
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
-export declare const Checkbox: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+declare const Checkbox: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export default Checkbox;

package/build/components/Atom/Checkbox/index.d.ts

@@ -1,3 +1,4 @@
-export { Checkbox } from './Checkbox';
+import Checkbox from './Checkbox';
+export { Checkbox };
 export type { Props as CheckboxProps } from './Checkbox';
 export type { CheckboxSizes } from './Checkbox.types';

package/build/components/Atom/Icon/Icon.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 import { IconProps } from './Icon.types';
-export declare const Icon: ({ name, color, size, strokeWidth, className, ...iconProps }: IconProps) => React.JSX.Element;
+declare const Icon: ({ name, color, size, strokeWidth, className, ...iconProps }: IconProps) => React.JSX.Element;
+export default Icon;

package/build/components/Atom/Icon/index.d.ts

@@ -1,2 +1,3 @@
-export { Icon } from './Icon';
+import Icon from './Icon';
+export { Icon };
 export type { IconProps, IconName } from './Icon.types';

package/build/components/Atom/Input/Input.d.ts

@@ -1,21 +1,4 @@
 import React from 'react';
-import { TextProps } from '../Typography';
-import { InputSizes } from './Input.types';
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, Record<string, any> {
-    label: string;
-    fluid?: boolean;
-    inputSize?: InputSizes[number];
-    success?: StateProps;
-    error?: StateProps;
-    hint?: StateProps;
-    leftIcon?: React.ReactNode;
-    rightIcon?: React.ReactNode;
-    togglePassword?: boolean;
-    hintTextProps?: TextProps;
-    className?: string;
-    dataTestId?: string;
-}
-export interface StateProps {
-    message: string;
-}
-export declare const Input: ({ value, fluid, label, leftIcon, rightIcon, togglePassword, error, success, hint, disabled, type, hintTextProps, className, dataTestId, inputSize, ...props }: InputProps) => React.JSX.Element;
+import { InputProps } from './Input.types';
+declare const Input: ({ value, fluid, label, leftIcon, rightIcon, togglePassword, error, success, hint, disabled, type, hintTextProps, className, dataTestId, inputSize, ...props }: InputProps) => React.JSX.Element;
+export default Input;

package/build/components/Atom/Input/Input.stories.d.ts

@@ -1,5 +1,5 @@
 import { StoryFn, Meta } from '@storybook/react';
-import { InputProps } from './Input';
+import { InputProps } from './Input.types';
 declare const _default: Meta;
 export default _default;
 export declare const Input: StoryFn<InputProps & {

package/build/components/Atom/Input/Input.types.d.ts

@@ -1,6 +1,24 @@
+import { TextProps } from '@Atom/Typography';
 export type InputSizes = ['small', 'normal'];
 export type InputStates = ['default', 'hover', 'active', 'disabled'];
 export type HintStates = ['hint', 'success', 'error'];
 export type HintStateKeys = ['color', 'borderColor', 'placeholderColor'];
 export type InputSizeKeys = ['fontSize', 'lineHeight', 'spacing'];
 export type InputStateKeys = ['color', 'borderColor'];
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, Record<string, any> {
+    label: string;
+    fluid?: boolean;
+    inputSize?: InputSizes[number];
+    success?: StateProps;
+    error?: StateProps;
+    hint?: StateProps;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    togglePassword?: boolean;
+    hintTextProps?: TextProps;
+    className?: string;
+    dataTestId?: string;
+}
+export interface StateProps {
+    message: string;
+}

package/build/components/Atom/Input/index.d.ts

@@ -1,3 +1,3 @@
-export { Input } from './Input';
-export type { InputProps, StateProps } from './Input';
+import Input from './Input';
+export { Input };
 export type { InputStates, InputSizes } from './Input.types';

package/build/components/Atom/Radiogroup/RadioGroup.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { RadioGroupClassNames, Option } from './types';
+export type RadioGroupProps = React.ComponentProps<typeof RadioGroupPrimitive.Root> & {
+    options: Option[];
+    showIcons?: boolean;
+    withCard?: boolean;
+    classNames?: RadioGroupClassNames;
+};
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default RadioGroup;

package/build/components/Atom/Radiogroup/RadioGroup.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { RadioGroupProps } from './RadioGroup';
+declare const _default: Meta<RadioGroupProps>;
+export default _default;
+export declare const RadioGroup: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, RadioGroupProps>;

package/build/components/Atom/Radiogroup/RadioGroup.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/build/components/Atom/Radiogroup/index.d.ts

@@ -0,0 +1,2 @@
+import RadioGroup from './RadioGroup';
+export { RadioGroup };

package/build/components/Atom/Radiogroup/types.d.ts

@@ -0,0 +1,21 @@
+export interface Option {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: React.ReactNode;
+}
+export interface Option {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: React.ReactNode;
+}
+export interface RadioGroupClassNames {
+    root?: string;
+    item?: string;
+    indicator?: string;
+    label?: string;
+    text?: string;
+    description?: string;
+    icon?: string;
+}

package/build/components/Atom/Radiogroup/variants.d.ts

@@ -0,0 +1,56 @@
+export declare const sizeVariants: {
+    readonly small: {
+        readonly container: "p-2";
+        readonly radio: "h-4 w-4";
+        readonly dot: "h-2 w-2";
+        readonly labelText: "text-sm";
+        readonly descriptionText: "text-xs";
+        readonly icon: "w-4 h-4";
+    };
+    readonly medium: {
+        readonly container: "p-4";
+        readonly radio: "h-5 w-5";
+        readonly dot: "h-3 w-3";
+        readonly labelText: "text-base";
+        readonly descriptionText: "text-sm";
+        readonly icon: "w-6 h-6";
+    };
+    readonly large: {
+        readonly container: "p-5";
+        readonly radio: "h-6 w-6";
+        readonly dot: "h-3 w-3";
+        readonly labelText: "text-lg";
+        readonly descriptionText: "text-base";
+        readonly icon: "w-7 h-7";
+    };
+};
+export declare const colorVariants: {
+    readonly primary: {
+        readonly active: "border-primary bg-primary/5";
+        readonly radio: "border-primary bg-primary";
+        readonly hover: "hover:border-primary/60 hover:bg-primary/5";
+        readonly ring: "ring-primary";
+    };
+    readonly success: {
+        readonly active: "border-[rgb(var(--success))] bg-[rgb(var(--success))]/5";
+        readonly radio: "border-[rgb(var(--success))] bg-[rgb(var(--success))]";
+        readonly hover: "hover:border-[rgb(var(--success))]/60 hover:bg-[rgb(var(--success))]/5";
+        readonly ring: "ring-[rgb(var(--success))]";
+    };
+    readonly danger: {
+        readonly active: "border-destructive bg-destructive/5";
+        readonly radio: "border-destructive bg-destructive";
+        readonly hover: "hover:border-destructive/60 hover:bg-destructive/5";
+        readonly ring: "ring-destructive";
+    };
+    readonly warning: {
+        readonly active: "border-[rgb(var(--warning))] bg-[rgb(var(--warning))]/5";
+        readonly radio: "border-[rgb(var(--warning))] bg-[rgb(var(--warning))]";
+        readonly hover: "hover:border-[rgb(var(--warning))]/60 hover:bg-[rgb(var(--warning))]/5";
+        readonly ring: "ring-[rgb(var(--warning))]";
+    };
+};
+export declare const sizes: readonly ["small", "medium", "large"];
+export declare const variants: readonly ["primary", "success", "danger", "warning"];
+export type Size = (typeof sizes)[number];
+export type Variant = (typeof variants)[number];

package/build/components/Atom/Switch/Switch.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { SwitchProps } from './types';
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+export default Switch;

package/build/components/Atom/Switch/Switch.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { SwitchProps } from './types';
+declare const _default: Meta<SwitchProps>;
+export default _default;
+export declare const Switch: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SwitchProps>;

package/build/components/Atom/Switch/Switch.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/build/components/Atom/Switch/const.d.ts

@@ -0,0 +1,41 @@
+export declare const DEFAULT_SIZE = "medium";
+export declare const DEFAULT_VARIANT = "primary";
+export declare const sizeVariants: {
+    readonly small: {
+        readonly switch: "w-8 h-4";
+        readonly thumb: "w-3 h-3";
+        readonly translate: "translate-x-4";
+    };
+    readonly medium: {
+        readonly switch: "w-11 h-6";
+        readonly thumb: "w-5 h-5";
+        readonly translate: "translate-x-5";
+    };
+    readonly large: {
+        readonly switch: "w-14 h-7";
+        readonly thumb: "w-6 h-6";
+        readonly translate: "translate-x-7";
+    };
+};
+export declare const colorVariants: {
+    readonly primary: {
+        readonly background: "bg-primary";
+        readonly foreground: "text-primary-foreground";
+        readonly hover: "hover:bg-primary/90";
+    };
+    readonly success: {
+        readonly background: "bg-[rgb(var(--success))]";
+        readonly foreground: "text-[rgb(var(--success-foreground))]";
+        readonly hover: "hover:bg-[rgb(var(--success))]/90";
+    };
+    readonly danger: {
+        readonly background: "bg-destructive";
+        readonly foreground: "text-destructive-foreground";
+        readonly hover: "hover:bg-destructive/90";
+    };
+    readonly warning: {
+        readonly background: "bg-[rgb(var(--warning))]";
+        readonly foreground: "text-foreground";
+        readonly hover: "hover:bg-[rgb(var(--warning))]/90";
+    };
+};

package/build/components/Atom/Switch/index.d.ts

@@ -0,0 +1,5 @@
+import Switch from './Switch';
+export { sizeVariants, colorVariants } from './const';
+export { sizes, variants } from './types';
+export type { SwitchSize, SwitchVariant, SwitchProps, SwitchContentProps, } from './types';
+export { Switch };

package/build/components/Atom/Switch/types.d.ts

@@ -0,0 +1,19 @@
+import { sizeVariants, colorVariants } from './const';
+export declare const sizes: readonly ["small", "medium", "large"];
+export type SwitchSize = keyof typeof sizeVariants;
+export declare const variants: readonly ["primary", "success", "danger", "warning"];
+export type SwitchVariant = keyof typeof colorVariants;
+export interface SwitchContentProps {
+    label?: string;
+    description?: string;
+    dataTestId?: string;
+    variant?: SwitchVariant;
+    disabled?: boolean;
+    loading?: boolean;
+}
+export interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof import('@radix-ui/react-switch').Root>, 'size' | 'onChange'>, Omit<SwitchContentProps, 'variant'> {
+    size?: SwitchSize;
+    variant?: SwitchVariant;
+    loading?: boolean;
+    onChange?: (checked: boolean) => void;
+}

package/build/components/Atom/Typography/Typography.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
 import { HeadingProps, TextProps } from './Typography.types';
-export declare const Heading: React.FC<HeadingProps>;
-export declare const Text: React.FC<TextProps>;
+declare const Typography: {
+    Heading: React.FC<HeadingProps>;
+    Text: React.FC<TextProps>;
+};
+export default Typography;

package/build/components/Atom/Typography/index.d.ts

@@ -1,2 +1,5 @@
-export { Heading, Text } from './Typography';
+import Typography from './Typography';
+export declare const Text: import("react").FC<import("./Typography.types").TextProps>;
+export declare const Heading: import("react").FC<import("./Typography.types").HeadingProps>;
+export default Typography;
 export type { MarginSize, LetterSpacingSize, HeadingProps, TextProps, } from './Typography.types';

package/build/components/Molecule/AlertDialog/AlertDialog.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { AlertDialogProps } from './types';
+declare const AlertDialogComponent: ({ title, description, trigger, action, cancel, onAction, onCancel, variant, disabled, }: AlertDialogProps) => React.JSX.Element;
+export default AlertDialogComponent;

package/build/components/Molecule/AlertDialog/AlertDialog.stories.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+import type { AlertDialogProps } from './types';
+declare const _default: {
+    title: string;
+    component: ({ title, description, trigger, action, cancel, onAction, onCancel, variant, disabled, }: AlertDialogProps) => React.JSX.Element;
+    argTypes: {
+        title: {
+            control: "text";
+            description: string;
+            defaultValue: string;
+        };
+        description: {
+            control: "text";
+            description: string;
+            defaultValue: string;
+        };
+        trigger: {
+            control: "text";
+            description: string;
+            defaultValue: string;
+        };
+        action: {
+            control: "text";
+            description: string;
+            defaultValue: string;
+        };
+        cancel: {
+            control: "text";
+            description: string;
+            defaultValue: "Cancel";
+        };
+        variant: {
+            control: "radio";
+            options: string[];
+            description: string;
+            defaultValue: "default";
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+            defaultValue: false;
+        };
+        onAction: {
+            action: string;
+            description: string;
+        };
+        onCancel: {
+            action: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const AlertDialog: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AlertDialogProps>;

package/build/components/Molecule/AlertDialog/AlertDialog.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/build/components/Molecule/AlertDialog/const.d.ts

@@ -0,0 +1,5 @@
+export declare const ALERT_DIALOG_DEFAULTS: {
+    readonly CANCEL_TEXT: "Cancel";
+    readonly VARIANT: "default";
+    readonly DISABLED: false;
+};

package/build/components/Molecule/AlertDialog/index.d.ts

@@ -0,0 +1,2 @@
+import AlertDialogComponent from './AlertDialog';
+export { AlertDialogComponent };

package/build/components/Molecule/AlertDialog/types.d.ts

@@ -0,0 +1,11 @@
+export interface AlertDialogProps {
+    title: string;
+    description: string;
+    trigger: string;
+    action: string;
+    cancel?: string;
+    onAction?: () => void;
+    onCancel?: () => void;
+    variant?: 'default' | 'destructive';
+    disabled?: boolean;
+}

package/build/components/Molecule/BreadCrumb/BreadCrumb.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { BreadCrumbProps } from './types';
+declare const BreadCrumb: React.ForwardRefExoticComponent<BreadCrumbProps & React.RefAttributes<HTMLElement>>;
+export default BreadCrumb;

package/build/components/Molecule/BreadCrumb/BreadCrumb.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { BreadCrumbProps } from './types';
+declare const _default: Meta<BreadCrumbProps>;
+export default _default;
+export declare const BreadCrumb: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, BreadCrumbProps>;

package/build/components/Molecule/BreadCrumb/BreadCrumb.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/build/components/Molecule/BreadCrumb/const.d.ts

@@ -0,0 +1,22 @@
+export declare const breadCrumbVariants: {
+    readonly arrow: "arrow";
+    readonly slash: "slash";
+    readonly icon: "icon";
+};
+export declare const breadCrumbSizes: {
+    readonly small: {
+        readonly text: "text-xs";
+        readonly icon: "h-3 w-3";
+        readonly spacing: "py-0.5 px-1.5";
+    };
+    readonly medium: {
+        readonly text: "text-sm";
+        readonly icon: "h-4 w-4";
+        readonly spacing: "py-1 px-2";
+    };
+    readonly large: {
+        readonly text: "text-base";
+        readonly icon: "h-5 w-5";
+        readonly spacing: "py-1.5 px-2.5";
+    };
+};

package/build/components/Molecule/BreadCrumb/index.d.ts

@@ -0,0 +1,3 @@
+import BreadCrumb from './BreadCrumb';
+import { breadCrumbVariants } from './const';
+export { BreadCrumb, breadCrumbVariants };

package/build/components/Molecule/BreadCrumb/types.d.ts

@@ -0,0 +1,17 @@
+import { type ReactNode, type HTMLAttributes } from 'react';
+import { breadCrumbVariants, breadCrumbSizes } from './const';
+export interface BreadCrumbItem {
+    label: string;
+    href: string;
+    icon?: ReactNode;
+}
+export interface BreadCrumbProps extends HTMLAttributes<HTMLElement> {
+    items: BreadCrumbItem[];
+    variant?: keyof typeof breadCrumbVariants;
+    size?: keyof typeof breadCrumbSizes;
+    maxItems?: number;
+}
+export interface BreadCrumbSeparatorProps extends HTMLAttributes<HTMLSpanElement> {
+    variant: keyof typeof breadCrumbVariants;
+    size: keyof typeof breadCrumbSizes;
+}

package/build/components/Molecule/Calendar/Calendar.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { DayPicker } from 'react-day-picker';
+export type CalendarProps = React.ComponentProps<typeof DayPicker> & {
+    onSelect?: (date: Date | undefined) => void;
+};
+declare const Calendar: {
+    ({ className, classNames, showOutsideDays, ...props }: CalendarProps): React.JSX.Element;
+    displayName: string;
+};
+export default Calendar;

package/build/components/Molecule/Calendar/Calendar.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { CalendarProps } from './Calendar';
+declare const _default: Meta<CalendarProps>;
+export default _default;
+export declare const Calendar: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, CalendarProps>;

package/build/components/Molecule/Calendar/Calendar.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/build/components/Molecule/Calendar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Calendar } from './Calendar';
+export type { CalendarProps } from './Calendar';

package/build/components/Molecule/Card/Card.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { CardProps } from './types';
+declare const Card: {
+    ({ title, description, variant, size, image, footer, className, children, badge, }: CardProps): React.JSX.Element;
+    displayName: string;
+};
+export default Card;

package/build/components/Molecule/Card/Card.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { CardProps } from './types';
+declare const _default: Meta<CardProps>;
+export default _default;
+export declare const Card: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, CardProps>;

package/build/components/Molecule/Card/Card.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/build/components/Molecule/Card/const.d.ts

@@ -0,0 +1,22 @@
+import { CardVariant, VariantStyles } from './types';
+export declare const CARD_SIZES: {
+    readonly small: {
+        readonly padding: "p-3 sm:p-4";
+        readonly titleSize: "text-base sm:text-lg";
+        readonly descSize: "text-sm sm:text-base";
+        readonly imageHeight: "h-24 sm:h-32 md:h-36";
+    };
+    readonly medium: {
+        readonly padding: "p-4 sm:p-5 md:p-6";
+        readonly titleSize: "text-lg sm:text-xl md:text-2xl";
+        readonly descSize: "text-sm sm:text-base md:text-lg";
+        readonly imageHeight: "h-32 sm:h-40 md:h-48 lg:h-56";
+    };
+    readonly large: {
+        readonly padding: "p-5 sm:p-6 md:p-7 lg:p-8";
+        readonly titleSize: "text-xl sm:text-2xl md:text-3xl";
+        readonly descSize: "text-base sm:text-lg md:text-xl";
+        readonly imageHeight: "h-40 sm:h-48 md:h-56 lg:h-64";
+    };
+};
+export declare const CARD_VARIANTS: Record<CardVariant, VariantStyles>;

package/build/components/Molecule/Card/index.d.ts

@@ -0,0 +1,2 @@
+import Card from './Card';
+export { Card };

package/build/components/Molecule/Card/types.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+export type CardVariant = 'default' | 'gradiant';
+export type CardSize = 'small' | 'medium' | 'large';
+export interface CardProps {
+    title: string;
+    description?: string;
+    variant?: CardVariant;
+    size?: CardSize;
+    image?: string;
+    footer?: ReactNode;
+    className?: string;
+    children?: ReactNode;
+    badge?: string;
+}
+interface BaseVariantStyles {
+    kind: CardVariant;
+    wrapper: string;
+    inner?: string;
+    gradients: string[];
+    content?: string;
+}
+export type VariantStyles = BaseVariantStyles;
+export {};

package/build/components/Molecule/Carousel/Carousel.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type CarouselProps, type CarouselItemProps } from './types';
+declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselItemProps & React.RefAttributes<HTMLDivElement>>;
+export default Carousel;
+export { CarouselItem };