@club-employes/utopia 4.42.0 → 4.44.0

package/README.md

@@ -295,7 +295,7 @@ All components follow WCAG 2.1 AA guidelines:
 
 ## 🔧 TypeScript Support
 
-Full TypeScript definitions included:
+Full TypeScript definitions are **automatically generated** from source code via `vite-plugin-dts`:
 
 ```typescript
 import type { ButtonProps, IconProps, ThemeConfig } from '@club-employes/utopia'
@@ -307,6 +307,12 @@ const buttonProps: ButtonProps = {
 }
 ```
 
+**How it works:**
+- ✅ Component props are defined in local `types.ts` files (source of truth)
+- ✅ Types are automatically compiled to `dist/index.d.ts` during build
+- ✅ Full IntelliSense and autocompletion support
+- ✅ No manual type definitions needed
+
 ## 📊 Bundle Size
 
 - **Full package**: ~150KB (minified + gzipped)

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

@@ -0,0 +1,30 @@
+import { ButtonProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, PublicProps, Readonly<ButtonProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    variant: "primary" | "secondary" | "tertiary";
+    disabled: boolean;
+    loading: boolean;
+    iconPosition: "left" | "right";
+    ariaLabel: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1 @@
+export { default as Button } from './Button';

package/dist/components/atoms/Button/types.d.ts

@@ -0,0 +1,9 @@
+export interface ButtonProps {
+    variant?: 'primary' | 'secondary' | 'tertiary';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    disabled?: boolean;
+    loading?: boolean;
+    icon?: string;
+    iconPosition?: 'left' | 'right';
+    ariaLabel?: string;
+}

package/dist/components/atoms/Card/Card.d.ts

@@ -0,0 +1,25 @@
+import { CardProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<CardProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CardProps> & Readonly<{}>, {
+    size: "small" | "medium" | "large";
+    variant: "default" | "elevated" | "outlined";
+    disabled: boolean;
+    interactive: boolean;
+    active: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/atoms/Card/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Card } from './Card';
+export type { CardProps } from './types';

package/dist/components/atoms/Card/types.d.ts

@@ -0,0 +1,7 @@
+export interface CardProps {
+    variant?: 'default' | 'elevated' | 'outlined';
+    size?: 'small' | 'medium' | 'large';
+    disabled?: boolean;
+    interactive?: boolean;
+    active?: boolean;
+}

package/dist/components/atoms/Checkbox/Checkbox.d.ts

@@ -0,0 +1,27 @@
+import { CheckboxProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLLabelElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<CheckboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, PublicProps, Readonly<CheckboxProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    size: "small" | "medium" | "large";
+    disabled: boolean;
+    modelValue: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/atoms/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export { default as Checkbox } from './Checkbox';

package/dist/components/atoms/Checkbox/types.d.ts

@@ -0,0 +1,5 @@
+export interface CheckboxProps {
+    modelValue?: boolean;
+    disabled?: boolean;
+    size?: 'small' | 'medium' | 'large';
+}

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

@@ -0,0 +1,30 @@
+import { ChipProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ChipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    remove: () => any;
+}, string, PublicProps, Readonly<ChipProps> & Readonly<{
+    onRemove?: (() => any) | undefined;
+}>, {
+    size: "extra-small" | "small" | "medium" | "large";
+    variant: "default" | "primary" | "secondary" | "success" | "warning" | "danger";
+    disabled: boolean;
+    removable: boolean;
+    actionable: boolean;
+    ghost: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,2 @@
+export { default as Chip } from './Chip';
+export type { ChipProps } from './types';

package/dist/components/atoms/Chip/types.d.ts

@@ -0,0 +1,11 @@
+export interface ChipProps {
+    variant?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+    size?: 'extra-small' | 'small' | 'medium' | 'large';
+    disabled?: boolean;
+    removable?: boolean;
+    leftIcon?: string;
+    actionable?: boolean;
+    ghost?: boolean;
+    customColor?: string;
+    customTextColor?: string;
+}

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

@@ -0,0 +1,23 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export type IconName = string;
+export type IconSize = 'extra-small' | 'small' | 'medium' | 'large';
+export type IconColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral' | 'current';
+interface Props {
+    /** Nom de l'icône (catégorie/nom ou juste nom) */
+    name: IconName;
+    /** Taille de l'icône */
+    size?: IconSize;
+    /** Couleur de l'icône */
+    color?: IconColor;
+    /** Épaisseur du trait (stroke-width) */
+    strokeWidth?: number | string;
+    /** Texte alternatif pour l'accessibilité */
+    alt?: string;
+    /** Classes CSS personnalisées */
+    class?: string;
+}
+declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: IconSize;
+    color: IconColor;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as Icon } from './Icon';
+export type { IconName, IconSize, IconColor } from './Icon';

package/dist/components/atoms/InputText/InputText.d.ts

@@ -0,0 +1,41 @@
+import { InputTextProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<InputTextProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    input: (event: Event) => any;
+    blur: (event: FocusEvent) => any;
+    change: (event: Event) => any;
+    focus: (event: FocusEvent) => any;
+    keydown: (event: KeyboardEvent) => any;
+    paste: (event: ClipboardEvent) => any;
+    "update:modelValue": (value: string) => any;
+    "icon-click": (event: MouseEvent) => any;
+}, string, PublicProps, Readonly<InputTextProps> & Readonly<{
+    onInput?: ((event: Event) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((event: Event) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+    onPaste?: ((event: ClipboardEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onIcon-click"?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    label: string;
+    message: string;
+    size: "extra-small" | "small" | "medium" | "large";
+    icon: string;
+    type: "text" | "email" | "password" | "number" | "tel" | "url";
+    required: boolean;
+    disabled: boolean;
+    iconPosition: "left" | "right";
+    modelValue: string;
+    placeholder: string;
+    state: "default" | "error" | "valid" | "incomplete" | "completed";
+    readonly: boolean;
+    iconClickable: boolean;
+    step: number;
+    isCode: boolean;
+    forceModelValueOnBlur: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, any>;
+export default _default;

package/dist/components/atoms/InputText/index.d.ts

@@ -0,0 +1 @@
+export { default as InputText } from './InputText';

package/dist/components/atoms/InputText/types.d.ts

@@ -0,0 +1,22 @@
+export interface InputTextProps {
+    modelValue?: string;
+    label?: string;
+    placeholder?: string;
+    type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';
+    inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+    state?: 'default' | 'error' | 'valid' | 'incomplete' | 'completed';
+    size?: 'extra-small' | 'small' | 'medium' | 'large';
+    disabled?: boolean;
+    readonly?: boolean;
+    icon?: string;
+    iconPosition?: 'left' | 'right';
+    iconClickable?: boolean;
+    message?: string;
+    required?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    maxlength?: number;
+    isCode?: boolean;
+    forceModelValueOnBlur?: boolean;
+}

package/dist/components/atoms/Link/Link.d.ts

@@ -0,0 +1,22 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+interface Props {
+    label: string;
+    to: string;
+    target?: '_blank' | '_self';
+    iconLeft?: string;
+    iconRight?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    variant?: 'primary' | 'secondary';
+    active?: boolean;
+    disabled?: boolean;
+}
+declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: string;
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    variant: "primary" | "secondary";
+    disabled: boolean;
+    active: boolean;
+    to: string;
+    target: "_blank" | "_self";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/atoms/Link/LinkContent.d.ts

@@ -0,0 +1,12 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+interface Props {
+    label: string;
+    iconLeft?: string;
+    iconRight?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+}
+declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: string;
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/atoms/Link/index.d.ts

@@ -0,0 +1 @@
+export { default as Link } from './Link';

package/dist/components/atoms/Link/types.d.ts

@@ -0,0 +1,11 @@
+export interface LinkProps {
+    label: string;
+    to: string;
+    target?: '_self' | '_blank';
+    iconLeft?: string;
+    iconRight?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    variant?: 'primary' | 'secondary';
+    active?: boolean;
+    disabled?: boolean;
+}

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

@@ -0,0 +1,20 @@
+import { LogoBrand, LogoSize, LogoVariant } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+interface Props {
+    /** Marque du logo (auto-détectée depuis le thème CSS si non spécifiée) */
+    brand?: LogoBrand;
+    /** Variante du logo (auto = adaptatif selon le thème) */
+    variant?: LogoVariant;
+    /** Taille du logo */
+    size?: LogoSize;
+    /** Texte alternatif pour l'accessibilité */
+    alt?: string;
+    /** Classes CSS personnalisées */
+    class?: string;
+    test?: string;
+}
+declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: LogoSize;
+    variant: LogoVariant;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as Logo } from './Logo';
+export type { LogoBrand, LogoSize, LogoVariant } from './types';

package/dist/components/atoms/Logo/types.d.ts

@@ -0,0 +1,10 @@
+export type LogoVariant = 'auto' | 'default' | 'white' | 'small' | 'small-white';
+export type LogoSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export type LogoBrand = 'club-employes' | 'gifteo';
+export interface LogoProps {
+    variant?: LogoVariant;
+    size?: LogoSize;
+    brand?: LogoBrand;
+    alt?: string;
+    class?: string;
+}

package/dist/components/atoms/RangeSlider/RangeSlider.d.ts

@@ -0,0 +1,18 @@
+import { RangeSliderProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<RangeSliderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update-value": (value: number | [number, number]) => any;
+}, string, PublicProps, Readonly<RangeSliderProps> & Readonly<{
+    "onUpdate-value"?: ((value: number | [number, number]) => any) | undefined;
+}>, {
+    size: "medium" | "large";
+    min: number;
+    currentValue: number | [number, number];
+    showLabels: boolean;
+    unit: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    sliderRef: HTMLDivElement;
+    fromValueRef: HTMLDivElement;
+    toValueRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/atoms/RangeSlider/index.d.ts

@@ -0,0 +1 @@
+export { default as RangeSlider } from './RangeSlider';

package/dist/components/atoms/RangeSlider/types.d.ts

@@ -0,0 +1,8 @@
+export interface RangeSliderProps {
+    min?: number;
+    max: number;
+    currentValue: number | [number, number];
+    showLabels?: boolean;
+    unit?: string;
+    size?: 'medium' | 'large';
+}

package/dist/components/atoms/Skeleton/Skeleton.d.ts

@@ -0,0 +1,35 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+interface Props {
+    width?: string | number;
+    height?: string | number;
+    radius?: string | number;
+    animated?: boolean;
+    block?: boolean;
+    as?: string;
+    bg?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+    width: string | number;
+    height: string | number;
+    radius: string | number;
+    animated: boolean;
+    block: boolean;
+    as: string;
+    bg: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/atoms/Skeleton/SkeletonAvatar.d.ts

@@ -0,0 +1,12 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+interface Props {
+    size?: string | number;
+    rounded?: boolean;
+    animated?: boolean;
+}
+declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: string | number;
+    animated: boolean;
+    rounded: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/atoms/Skeleton/SkeletonText.d.ts

@@ -0,0 +1,16 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+interface Props {
+    lines?: number;
+    lineHeight?: string | number;
+    gap?: string | number;
+    lastLineWidth?: string | number;
+    animated?: boolean;
+}
+declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+    animated: boolean;
+    lines: number;
+    lineHeight: string | number;
+    gap: string | number;
+    lastLineWidth: string | number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/atoms/Skeleton/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Skeleton } from './Skeleton';
+export { default as SkeletonAvatar } from './SkeletonAvatar';
+export { default as SkeletonText } from './SkeletonText';

package/dist/components/atoms/Skeleton/types.d.ts

@@ -0,0 +1,21 @@
+export interface SkeletonProps {
+    width?: string | number;
+    height?: string | number;
+    radius?: string | number;
+    animated?: boolean;
+    block?: boolean;
+    as?: string;
+    bg?: boolean;
+}
+export interface SkeletonAvatarProps {
+    size?: string | number;
+    rounded?: boolean;
+    animated?: boolean;
+}
+export interface SkeletonTextProps {
+    lines?: number;
+    lineHeight?: string | number;
+    gap?: string | number;
+    lastLineWidth?: string | number;
+    animated?: boolean;
+}

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

@@ -0,0 +1,27 @@
+import { SwitchProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLLabelElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<SwitchProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, PublicProps, Readonly<SwitchProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    size: "small" | "medium" | "large";
+    disabled: boolean;
+    modelValue: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

package/dist/components/atoms/Switch/types.d.ts

@@ -0,0 +1,6 @@
+export interface SwitchProps {
+    modelValue?: boolean;
+    disabled?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    label?: string;
+}

package/dist/components/atoms/Text/Text.d.ts

@@ -0,0 +1,24 @@
+import { TextProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<TextProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TextProps> & Readonly<{}>, {
+    as: TextTag;
+    family: "sans" | "mono" | string;
+    weight: TextWeight;
+    align: TextAlign;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/atoms/Text/index.d.ts

@@ -0,0 +1 @@
+export { default as Text } from './Text';

package/dist/components/atoms/Text/types.d.ts

@@ -0,0 +1,16 @@
+import { TextTag, TextWeight, TextAlign, TextTransform, TextSize } from '../../../index.d';
+export interface TextProps {
+    as?: TextTag;
+    family?: "sans" | "mono" | string;
+    weight?: TextWeight;
+    align?: TextAlign;
+    transform?: TextTransform;
+    truncate?: boolean;
+    noWrap?: boolean;
+    variant?: "h1Modal | h2Modal";
+    size?: TextSize;
+    color?: string;
+    underline?: boolean;
+    italic?: boolean;
+    strike?: boolean;
+}

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

@@ -0,0 +1,23 @@
+export { Button } from './Button';
+export { Card } from './Card';
+export type { CardProps } from './Card';
+export { Checkbox } from './Checkbox';
+export { Chip } from './Chip';
+export type { ChipProps } from './Chip';
+export { Icon } from './Icon';
+export { InputText } from './InputText';
+export { Logo } from './Logo';
+export type { LogoBrand, LogoSize, LogoVariant } from './Logo';
+export { Skeleton, SkeletonAvatar, SkeletonText } from './Skeleton';
+export { Switch } from './Switch';
+export { Link } from './Link';
+export { Text } from './Text';
+export { RangeSlider } from './RangeSlider';
+export type BadgeVariant = 'default' | 'success' | 'warning' | 'danger';
+export type BadgeSize = 'small' | 'medium';
+export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
+export type ButtonSize = 'small' | 'medium' | 'large';
+export type IconName = string;
+export type IconSize = 'extra-small' | 'small' | 'medium' | 'large';
+export type IconColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral' | 'current';
+export type Currency = '€' | '£';

package/dist/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './atoms';
+export * from './molecules';
+export * from './organisms';
+export * from './layouts';