@vespiario-thailand/design-system 0.0.2 → 0.0.3

package/dist/components/Breadcrumb/BreadcrumbItem.d.ts

@@ -0,0 +1,5 @@
+/** libs */
+import React, { LiHTMLAttributes } from 'react';
+/** types */
+export type BreadcrumbItemProps = LiHTMLAttributes<HTMLLIElement>;
+export declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLLIElement>>;

package/dist/components/Breadcrumb/BreadcrumbLink.d.ts

@@ -0,0 +1,5 @@
+/** libs */
+import React, { AnchorHTMLAttributes } from 'react';
+/** types */
+export type BreadcrumbLinkProps = AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare const BreadcrumbLink: React.ForwardRefExoticComponent<BreadcrumbLinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/components/Breadcrumb/index.d.ts

@@ -0,0 +1,8 @@
+/** libs */
+import React, { HTMLAttributes } from 'react';
+/** types */
+export type BreadcrumbProps = HTMLAttributes<HTMLDivElement>;
+export declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLDivElement>> & {
+    Item: React.ForwardRefExoticComponent<import("./BreadcrumbItem").BreadcrumbItemProps & React.RefAttributes<HTMLLIElement>>;
+    Link: React.ForwardRefExoticComponent<import("./BreadcrumbLink").BreadcrumbLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+};

package/dist/components/Button/index.d.ts

@@ -17,5 +17,5 @@ type ConditionButtonIconType = {
     iconRight?: never;
 };
 export type ButtonPropType = CommonButtonType & ConditionButtonIconType;
-declare const Button: import("react").ForwardRefExoticComponent<ButtonPropType & import("react").RefAttributes<HTMLButtonElement>>;
-export default Button;
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonPropType & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/ButtonCross/index.d.ts

@@ -5,7 +5,6 @@ import { ButtonCrossVariantsType } from '../../types/ButtonCross';
 export type ButtonCrossProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     variant?: ButtonCrossVariantsType;
 };
-declare const ButtonCross: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
+export declare const ButtonCross: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
     variant?: "reset-input" | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>;
-export default ButtonCross;

package/dist/components/Chip/index.d.ts

@@ -5,7 +5,6 @@ import { ChipVariantsType } from '../../types/Chip';
 export type ChipProps = HTMLAttributes<HTMLSpanElement> & {
     variant?: ChipVariantsType;
 };
-declare const Chip: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & {
+export declare const Chip: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & {
     variant?: "light" | "dark" | undefined;
 } & import("react").RefAttributes<HTMLSpanElement>>;
-export default Chip;

package/dist/components/Dialog/index.d.ts

@@ -1,7 +1,6 @@
 import * as PrimitiveDialog from '@radix-ui/react-dialog';
-declare const CompoundDialog: ((props: PrimitiveDialog.DialogProps) => JSX.Element) & {
+export declare const Dialog: ((props: PrimitiveDialog.DialogProps) => JSX.Element) & {
     Confirm: (props: PrimitiveDialog.DialogCloseProps) => JSX.Element;
     Content: import("react").ForwardRefExoticComponent<PrimitiveDialog.DialogContentProps & import("react").RefAttributes<HTMLDivElement>>;
     Trigger: import("react").ForwardRefExoticComponent<PrimitiveDialog.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
 };
-export default CompoundDialog;

package/dist/components/Icon/index.d.ts

@@ -8,10 +8,9 @@ export type IconProps = HTMLAttributes<HTMLSpanElement> & {
     color?: IconColorType;
     iconClassName?: string;
 };
-declare const Icon: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & {
-    icon?: "pause" | "play" | "null-1" | "null-2" | "arrowhead-top" | "arrowhead-left" | "arrowhead-right" | "arrowhead-bottom" | "arrowhead-sm-top" | "arrowhead-sm-left" | "arrowhead-sm-right" | "arrowhead-sm-bottom" | "round-arrow-top" | "round-arrow-left" | "round-arrow-right" | "round-arrow-bottom" | "round-solid-arrow-top" | "round-solid-arrow-left" | "round-solid-arrow-right" | "round-solid-arrow-bottom" | "cross" | "plus" | "bar" | "double-bar" | "bow-tie" | "stop" | "first" | "last" | "globe" | "tako" | "kebab" | "cheese" | "veggie" | "meatball" | "hamburger" | "vespa" | "check" | "align-left" | "align-center" | "align-justify-center" | "align-justify-full" | "align-justify-left" | "align-justify-right" | "align-object-bottom" | "align-object-center" | "align-object-left" | "align-object-middle" | "align-object-right" | "align-object-top" | "align-right" | "bag-1" | "bag-2" | "bag-3" | "bag-4" | "download-1" | "download-2" | "grid-1" | "grid-2" | "list" | "cloud-error" | "cloud-upload" | "cloud-download" | "cloud" | "star-1" | "star-2" | "star-3" | "star-4" | "star-5" | "upload-1" | "upload-2" | "clipboard" | undefined;
+export declare const Icon: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & {
+    icon?: "pause" | "play" | "stop" | "list" | "arrowhead-sm-right" | "null-1" | "null-2" | "arrowhead-top" | "arrowhead-left" | "arrowhead-right" | "arrowhead-bottom" | "arrowhead-sm-top" | "arrowhead-sm-left" | "arrowhead-sm-bottom" | "round-arrow-top" | "round-arrow-left" | "round-arrow-right" | "round-arrow-bottom" | "round-solid-arrow-top" | "round-solid-arrow-left" | "round-solid-arrow-right" | "round-solid-arrow-bottom" | "cross" | "plus" | "bar" | "double-bar" | "bow-tie" | "first" | "last" | "globe" | "tako" | "kebab" | "cheese" | "veggie" | "meatball" | "hamburger" | "vespa" | "check" | "align-left" | "align-center" | "align-justify-center" | "align-justify-full" | "align-justify-left" | "align-justify-right" | "align-object-bottom" | "align-object-center" | "align-object-left" | "align-object-middle" | "align-object-right" | "align-object-top" | "align-right" | "bag-1" | "bag-2" | "bag-3" | "bag-4" | "download-1" | "download-2" | "grid-1" | "grid-2" | "cloud-error" | "cloud-upload" | "cloud-download" | "cloud" | "star-1" | "star-2" | "star-3" | "star-4" | "star-5" | "upload-1" | "upload-2" | "clipboard" | undefined;
     size?: "16" | "12" | "20" | "24" | "32" | "40" | "48" | "56" | "60" | "72" | "80" | undefined;
     color?: "blue-500" | "green-500" | "light-green-500" | "yellow-500" | "dark-100" | "light-100" | "light-300" | "shade-dark-500" | "shade-light-500" | undefined;
     iconClassName?: string | undefined;
 } & import("react").RefAttributes<HTMLSpanElement>>;
-export default Icon;

package/dist/components/ImagePlaceholder/index.d.ts

@@ -5,7 +5,6 @@ import { AspectRatioType } from '../../types/ImagePlaceholder';
 export type ImagePlaceholderProps = HTMLAttributes<HTMLDivElement> & {
     aspectRatio?: AspectRatioType;
 };
-declare const ImagePlaceholder: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+export declare const ImagePlaceholder: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     aspectRatio?: "1/1" | "3/4" | "4/3" | "16/9" | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
-export default ImagePlaceholder;

package/dist/components/Logo/index.d.ts

@@ -6,8 +6,7 @@ export type LogoProps = HTMLAttributes<HTMLImageElement> & {
     logoColors?: LogoColorsType;
     alt?: string;
 };
-declare const Logo: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLImageElement> & {
+export declare const Logo: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLImageElement> & {
     logoColors?: "light" | "dark" | "default" | undefined;
     alt?: string | undefined;
 } & import("react").RefAttributes<HTMLImageElement>>;
-export default Logo;

package/dist/components/NumberSwitch/NumberSwitchButton.d.ts

@@ -1,6 +1,8 @@
 /** libs */
 import { ButtonHTMLAttributes } from 'react';
-declare const NumberSwitchButton: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
+export type NumberSwitchButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: 'decrease' | 'increase';
+};
+export declare const NumberSwitchButton: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
     variant?: "decrease" | "increase" | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>;
-export default NumberSwitchButton;

package/dist/components/NumberSwitch/NumberSwitchInput.d.ts

@@ -1,5 +1,5 @@
 /** libs */
 import { InputHTMLAttributes } from 'react';
 type NumberSwitchInputProps = InputHTMLAttributes<HTMLInputElement>;
-declare const NumberSwitchInput: import("react").ForwardRefExoticComponent<NumberSwitchInputProps & import("react").RefAttributes<HTMLInputElement>>;
-export default NumberSwitchInput;
+export declare const NumberSwitchInput: import("react").ForwardRefExoticComponent<NumberSwitchInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/components/NumberSwitch/index.d.ts

@@ -4,7 +4,7 @@ export type NumberSwitchCtxType = {
     isError?: boolean;
 };
 export declare const NumberSwitchCtx: import("react").Context<NumberSwitchCtxType>;
-declare const CompoundNumberSwitch: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+export declare const NumberSwitch: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     isError?: boolean | undefined;
 } & import("react").RefAttributes<HTMLInputElement>> & {
     Button: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
@@ -12,4 +12,3 @@ declare const CompoundNumberSwitch: import("react").ForwardRefExoticComponent<HT
     } & import("react").RefAttributes<HTMLButtonElement>>;
     Input: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
 };
-export default CompoundNumberSwitch;

package/dist/components/Popover/index.d.ts

@@ -1,5 +1,5 @@
 import * as PrimitivePopover from '@radix-ui/react-popover';
-declare const CompoundPopover: {
+export declare const Popover: {
     (props: PrimitivePopover.PopoverProps): JSX.Element;
     displayName: string;
 } & {
@@ -9,4 +9,3 @@ declare const CompoundPopover: {
     Trigger: import("react").ForwardRefExoticComponent<PrimitivePopover.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
     Close: import("react").ForwardRefExoticComponent<PrimitivePopover.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
 };
-export default CompoundPopover;

package/dist/components/Select/SelectContent.d.ts

@@ -1,3 +1,2 @@
 import * as SelectPrimitive from '@radix-ui/react-select';
-declare const SelectContent: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectContentProps & import("react").RefAttributes<HTMLDivElement>>;
-export default SelectContent;
+export declare const SelectContent: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Select/SelectItem.d.ts

@@ -1,3 +1,2 @@
 import * as SelectPrimitive from '@radix-ui/react-select';
-declare const SelectItem: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
-export default SelectItem;
+export declare const SelectItem: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Select/SelectTrigger.d.ts

@@ -1,3 +1,2 @@
 import * as SelectPrimitive from '@radix-ui/react-select';
-declare const SelectTrigger: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-export default SelectTrigger;
+export declare const SelectTrigger: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/Select/index.d.ts

@@ -1,11 +1,16 @@
+/** libs */
+import { Dispatch, SetStateAction } from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
-/** type */
-export type SelectProps = SelectPrimitive.SelectProps & {
-    placeholder?: string;
+export type SelectCtxType = {
+    contentWidth?: number | null;
+    setContentWidth?: Dispatch<SetStateAction<number | null>>;
 };
-declare const CompoundSelect: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectProps & {
-    placeholder?: string | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>> & {
+export declare const SelectCtx: import("react").Context<SelectCtxType>;
+export declare const Select: {
+    (props: SelectPrimitive.SelectProps): JSX.Element;
+    displayName: string;
+} & {
+    Trigger: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectContentProps & import("react").RefAttributes<HTMLDivElement>>;
     Item: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
 };
-export default CompoundSelect;

package/dist/components/Slider/index.d.ts

@@ -1,2 +1,2 @@
-declare const CompoundSlider: any;
-export default CompoundSlider;
+import * as SliderPrimitive from '@radix-ui/react-slider';
+export declare const Slider: import("react").ForwardRefExoticComponent<SliderPrimitive.SliderProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/components/Stack/index.d.ts

@@ -1,6 +1,5 @@
 import { HTMLAttributes } from 'react';
-declare const Stack: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+export declare const Stack: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     direction?: "vertical" | "horizon" | undefined;
     gap?: 0 | 4 | 8 | 16 | 12 | 20 | 24 | 32 | 40 | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
-export default Stack;

package/dist/components/Switch/index.d.ts

@@ -3,7 +3,6 @@ import * as SwitchPrimitive from '@radix-ui/react-switch';
 export type SwitchProps = SwitchPrimitive.SwitchProps & {
     isError?: boolean;
 };
-declare const Switch: import("react").ForwardRefExoticComponent<SwitchPrimitive.SwitchProps & {
+export declare const Switch: import("react").ForwardRefExoticComponent<SwitchPrimitive.SwitchProps & {
     isError?: boolean | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>;
-export default Switch;

package/dist/components/TextArea/index.d.ts

@@ -4,7 +4,6 @@ import { TextareaHTMLAttributes } from 'react';
 export type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
     isError?: boolean;
 };
-declare const TextArea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & {
+export declare const TextArea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & {
     isError?: boolean | undefined;
 } & import("react").RefAttributes<HTMLTextAreaElement>>;
-export default TextArea;

package/dist/components/TextField/index.d.ts

@@ -4,7 +4,6 @@ import { InputHTMLAttributes } from 'react';
 export type TextFieldProps = InputHTMLAttributes<HTMLInputElement> & {
     isError?: boolean;
 };
-declare const TextField: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
+export declare const TextField: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
     isError?: boolean | undefined;
 } & import("react").RefAttributes<HTMLInputElement>>;
-export default TextField;

package/dist/components/TextFieldGroup/TextFieldGroupLeftElement.d.ts

@@ -1,5 +1,4 @@
 /** libs */
 import { HTMLAttributes } from 'react';
 export type TextFieldGroupLeftElementProps = HTMLAttributes<HTMLDivElement>;
-declare const TextFieldGroupLeftElement: import("react").ForwardRefExoticComponent<TextFieldGroupLeftElementProps & import("react").RefAttributes<HTMLDivElement>>;
-export default TextFieldGroupLeftElement;
+export declare const TextFieldGroupLeftElement: import("react").ForwardRefExoticComponent<TextFieldGroupLeftElementProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/TextFieldGroup/TextFieldGroupRightElement.d.ts

@@ -1,5 +1,4 @@
 /** libs */
 import { HTMLAttributes } from 'react';
 export type TextFieldGroupRightElementProps = HTMLAttributes<HTMLDivElement>;
-declare const TextFieldGroupRightElement: import("react").ForwardRefExoticComponent<TextFieldGroupRightElementProps & import("react").RefAttributes<HTMLDivElement>>;
-export default TextFieldGroupRightElement;
+export declare const TextFieldGroupRightElement: import("react").ForwardRefExoticComponent<TextFieldGroupRightElementProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/TextFieldGroup/index.d.ts

@@ -5,8 +5,7 @@ import { TextFieldGroupLeftElementProps } from './TextFieldGroupLeftElement';
 import { TextFieldGroupRightElementProps } from './TextFieldGroupRightElement';
 export type { TextFieldGroupLeftElementProps, TextFieldGroupRightElementProps };
 export type TextFieldGroupProps = HTMLAttributes<HTMLDivElement>;
-declare const CompoundTextFieldGroup: import("react").ForwardRefExoticComponent<TextFieldGroupProps & import("react").RefAttributes<HTMLDivElement>> & {
+export declare const TextFieldGroup: import("react").ForwardRefExoticComponent<TextFieldGroupProps & import("react").RefAttributes<HTMLDivElement>> & {
     LeftElement: import("react").ForwardRefExoticComponent<TextFieldGroupLeftElementProps & import("react").RefAttributes<HTMLDivElement>>;
     RightElement: import("react").ForwardRefExoticComponent<TextFieldGroupRightElementProps & import("react").RefAttributes<HTMLDivElement>>;
 };
-export default CompoundTextFieldGroup;

package/dist/components/TextFieldSlug/TextFieldSlugInput.d.ts

@@ -1,7 +1,6 @@
 /** components */
 import { TextFieldProps } from '../TextField';
 export type TextFieldSlugInputProps = TextFieldProps;
-declare const TextFieldSlugInput: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
+export declare const TextFieldSlugInput: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
     isError?: boolean | undefined;
 } & import("react").RefAttributes<HTMLInputElement>>;
-export default TextFieldSlugInput;

package/dist/components/TextFieldSlug/TextFieldSlugPrefix.d.ts

@@ -3,7 +3,6 @@ import { TextFieldGroupLeftElementProps } from '../TextFieldGroup';
 export type TextFieldSlugPrefixProps = TextFieldGroupLeftElementProps & {
     disabled?: boolean;
 };
-declare const TextFieldSlugPrefix: import("react").ForwardRefExoticComponent<TextFieldGroupLeftElementProps & {
+export declare const TextFieldSlugPrefix: import("react").ForwardRefExoticComponent<TextFieldGroupLeftElementProps & {
     disabled?: boolean | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
-export default TextFieldSlugPrefix;

package/dist/components/TextFieldSlug/index.d.ts

@@ -1,5 +1,5 @@
 /** components */
-import { TextFieldGroupProps } from '../TextFieldGroup';
+import { type TextFieldGroupProps } from '../TextFieldGroup';
 export type TextFieldSlugCtxType = {
     isError?: boolean;
     disabled?: boolean;
@@ -9,7 +9,7 @@ export type TextFieldSlugProps = TextFieldGroupProps & {
     isError?: boolean;
     disabled?: boolean;
 };
-declare const CompoundTextFieldSlug: import("react").ForwardRefExoticComponent<TextFieldGroupProps & {
+export declare const TextFieldSlug: import("react").ForwardRefExoticComponent<TextFieldGroupProps & {
     isError?: boolean | undefined;
     disabled?: boolean | undefined;
 } & import("react").RefAttributes<HTMLDivElement>> & {
@@ -20,4 +20,3 @@ declare const CompoundTextFieldSlug: import("react").ForwardRefExoticComponent<T
         isError?: boolean | undefined;
     } & import("react").RefAttributes<HTMLInputElement>>;
 };
-export default CompoundTextFieldSlug;

package/dist/components/Tooltip/index.d.ts

@@ -4,11 +4,11 @@ import { TooltipVariantsType } from '../../types/Tooltip';
 export type TooltipProps = PrimitiveTooltip.TooltipContentProps & {
     variant?: TooltipVariantsType;
 };
-declare const CompoundTooltip: ((props: PrimitiveTooltip.TooltipProps) => JSX.Element) & {
+export declare const TooltipProvider: import("react").FC<PrimitiveTooltip.TooltipProviderProps>;
+export declare const Tooltip: ((props: PrimitiveTooltip.TooltipProps) => JSX.Element) & {
     Content: import("react").ForwardRefExoticComponent<PrimitiveTooltip.TooltipContentProps & {
         variant?: "light" | "dark" | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     Portal: import("react").FC<PrimitiveTooltip.TooltipPortalProps>;
     Trigger: import("react").ForwardRefExoticComponent<PrimitiveTooltip.TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
 };
-export default CompoundTooltip;

package/dist/components/TouchPoint/TouchPointLabel.d.ts

@@ -1,9 +1,8 @@
 /** libs */
 import { HTMLAttributes, ReactNode } from 'react';
-declare const TouchPointLabel: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+export declare const TouchPointLabel: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     isBorder?: boolean | undefined;
     children?: ReactNode;
     size?: "small" | "medium" | "large" | undefined;
     shadow?: "none" | "100" | "200" | "300" | "400" | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
-export default TouchPointLabel;

package/dist/components/TouchPoint/index.d.ts

@@ -2,5 +2,4 @@
 import { ButtonHTMLAttributes } from 'react';
 /** types */
 export type TouchPointType = ButtonHTMLAttributes<HTMLButtonElement>;
-declare const TouchPoint: import("react").ForwardRefExoticComponent<TouchPointType & import("react").RefAttributes<HTMLButtonElement>>;
-export default TouchPoint;
+export declare const TouchPoint: import("react").ForwardRefExoticComponent<TouchPointType & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/Typo/index.d.ts

@@ -1,10 +1,16 @@
 /** libs */
-import React from 'react';
-type TypoForwardRefType = HTMLHeadingElement & HTMLParagraphElement & HTMLSpanElement;
-declare const Typo: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement & HTMLParagraphElement & HTMLSpanElement> & {
-    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | undefined;
+import React, { HTMLAttributes, ElementType } from 'react';
+/** types */
+import { TextSizeType, TextStyleType, TextWeightType } from '../../types/Typo';
+export type TypoProps = HTMLAttributes<HTMLElement> & {
+    as?: ElementType;
+    size?: TextSizeType;
+    textStyle?: TextStyleType;
+    weight?: TextWeightType;
+};
+export declare const Typo: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    as?: React.ElementType<any> | undefined;
     size?: "body" | "caption" | "title-large" | "title-medium" | "title-small" | "title-small-alt" | "body-large" | "body-small" | undefined;
-    textStyle?: "italic" | "normal" | undefined;
+    textStyle?: "normal" | "italic" | undefined;
     weight?: "bold" | "normal" | undefined;
-} & React.RefAttributes<TypoForwardRefType>>;
-export default Typo;
+} & React.RefAttributes<HTMLElement>>;

package/dist/constants/Typo/index.d.ts

@@ -1,5 +1,4 @@
-declare const htmlTags: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "p", "span"];
 declare const textSizes: readonly ["title-large", "title-medium", "title-small", "title-small-alt", "body-large", "body", "body-small", "caption"];
 declare const textStyles: readonly ["italic", "normal"];
 declare const textWeights: readonly ["bold", "normal"];
-export { htmlTags, textSizes, textStyles, textWeights };
+export { textSizes, textStyles, textWeights };

package/dist/index.d.ts

@@ -1,24 +1,25 @@
 /** components */
-export { default as Button } from './components/Button';
-export { default as ButtonCross } from './components/ButtonCross';
-export { default as Chip } from './components/Chip';
-export { default as Dialog } from './components/Dialog';
-export { default as Icon } from './components/Icon';
-export { default as ImagePlaceholder } from './components/ImagePlaceholder';
-export { default as NumberSwitch } from './components/NumberSwitch';
-export { default as Popover } from './components/Popover';
-export { default as Select } from './components/Select';
-export { default as Stack } from './components/Stack';
-export { default as Switch } from './components/Switch';
-export { default as TextArea } from './components/TextArea';
-export { default as TextField } from './components/TextField';
-export { default as TextFieldGroup } from './components/TextFieldGroup';
-export { default as TextFieldSlug } from './components/TextFieldSlug';
-export { default as Tooltip } from './components/Tooltip';
-export { default as TouchPoint } from './components/TouchPoint';
-export { default as Typo } from './components/Typo';
-export { default as Logo } from './components/Logo';
-export { default as Slider } from './components/Slider';
+export { Button } from './components/Button';
+export { ButtonCross } from './components/ButtonCross';
+export { Chip } from './components/Chip';
+export { Dialog } from './components/Dialog';
+export { Icon } from './components/Icon';
+export { ImagePlaceholder } from './components/ImagePlaceholder';
+export { NumberSwitch } from './components/NumberSwitch';
+export { Popover } from './components/Popover';
+export { Select } from './components/Select';
+export { Stack } from './components/Stack';
+export { Switch } from './components/Switch';
+export { TextArea } from './components/TextArea';
+export { TextField } from './components/TextField';
+export { TextFieldGroup } from './components/TextFieldGroup';
+export { TextFieldSlug } from './components/TextFieldSlug';
+export { Tooltip, TooltipProvider } from './components/Tooltip';
+export { TouchPoint } from './components/TouchPoint';
+export { Typo } from './components/Typo';
+export { Logo } from './components/Logo';
+export { Slider } from './components/Slider';
+export { Breadcrumb } from './components/Breadcrumb';
 /** types */
 export type { ButtonSizeType, ButtonVariantType } from './types/Button';
 export type { ButtonCrossVariantsType } from './types/ButtonCross';
@@ -28,5 +29,5 @@ export type { StackDirectionsType, StackGapsType } from './types/Stack';
 export type { TouchPointSizeType, TouchPointShadowType } from './types/TouchPoint';
 export type { AspectRatioType } from './types/ImagePlaceholder';
 export type { TooltipVariantsType } from './types/Tooltip';
-export type { HTMLTagType, TextSizeType, TextStyleType, TextWeightType } from './types/Typo';
+export type { TextSizeType, TextStyleType, TextWeightType } from './types/Typo';
 export type { LogoColorsType } from './types/Logo';