@thatix.io/credit-ui 0.0.1

package/LICENSE

@@ -0,0 +1,19 @@
+PROPRIETARY LICENSE
+
+Copyright (c) 2026 Thatix.io
+
+All rights reserved.
+
+This software and associated documentation files (the "Software") are the exclusive
+property of Thatix.io. No part of this Software may be reproduced, distributed, or
+transmitted in any form or by any means, including photocopying, recording, or other
+electronic or mechanical methods, without the prior written permission of Thatix.io.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
+INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
+PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+For licensing inquiries, contact: legal@thatix.io

package/README.md

@@ -0,0 +1,186 @@
+# @thatix.io/credit-ui
+
+UI Kit para esteiras de crédito da Thatix com sistema de theming configurável.
+
+## Instalação
+
+```bash
+pnpm add @thatix.io/credit-ui
+```
+
+## Uso com Nuxt
+
+### 1. Configurar módulo
+
+```typescript
+// nuxt.config.ts
+export default defineNuxtConfig({
+  modules: ['@thatix.io/credit-ui/nuxt'],
+  creditUi: {
+    theme: {
+      colors: {
+        primary: '#06012C',
+        accent: '#FFCA46',
+      },
+      fonts: {
+        heading: 'Montserrat',
+        base: 'Galano Grotesque',
+      }
+    }
+  }
+})
+```
+
+### 2. Usar o composable
+
+```vue
+<script setup>
+// Auto-importado pelo módulo
+const { getColor, getToken, colors } = useTheme()
+
+const primaryColor = getColor('primary')
+</script>
+
+<template>
+  <div :style="{ color: colors.primary }">
+    Themed content
+  </div>
+</template>
+```
+
+## Uso com Vue (sem Nuxt)
+
+```typescript
+import { useTheme } from '@thatix.io/credit-ui'
+import '@thatix.io/credit-ui/themes/tokens.css'
+
+const { getColor, applyTheme, colors } = useTheme()
+
+// Aplicar tema customizado
+applyTheme({
+  colors: { primary: '#FF0000' }
+})
+```
+
+## CSS Variables
+
+O pacote disponibiliza CSS Variables que podem ser usadas diretamente:
+
+```css
+.my-component {
+  color: var(--color-primary);
+  font-family: var(--font-family-heading);
+  padding: var(--spacing-4);
+  border-radius: var(--radius-md);
+  box-shadow: var(--shadow-md);
+}
+```
+
+### Tokens disponíveis
+
+#### Colors
+- `--color-primary`, `--color-primary-dark`, `--color-primary-light`
+- `--color-secondary`, `--color-accent`
+- `--color-background`, `--color-background-alt`
+- `--color-surface`, `--color-surface-accent`
+- `--color-text`, `--color-text-muted`, `--color-text-inverse`
+- `--color-error`, `--color-warning`, `--color-success`, `--color-info`
+
+#### Typography
+- `--font-family-heading`, `--font-family-base`
+- `--font-size-xs` ... `--font-size-4xl`
+- `--font-weight-normal`, `medium`, `semibold`, `bold`
+- `--line-height-tight`, `normal`, `relaxed`
+
+#### Spacing
+- `--spacing-0` ... `--spacing-16` (escala 4px)
+
+#### Radius
+- `--radius-none`, `sm`, `md`, `lg`, `xl`, `2xl`, `full`
+
+#### Shadows
+- `--shadow-sm`, `md`, `lg`, `xl`
+
+#### Transitions
+- `--transition-fast` (150ms), `normal` (300ms), `slow` (500ms)
+- `--easing-default`, `in`, `out`
+
+## Customização
+
+Apenas cores e fontes são customizáveis. Spacing, radius, shadows e transitions são fixos para manter consistência do design system.
+
+```typescript
+interface ThemeConfig {
+  colors?: {
+    primary?: string
+    primaryDark?: string
+    primaryLight?: string
+    secondary?: string
+    accent?: string
+    background?: string
+    backgroundAlt?: string
+    surface?: string
+    surfaceAccent?: string
+    text?: string
+    textMuted?: string
+    textInverse?: string
+    error?: string
+    warning?: string
+    success?: string
+    info?: string
+  }
+  fonts?: {
+    heading?: string
+    base?: string
+  }
+}
+```
+
+## Exports
+
+```typescript
+// Main entry
+import { useTheme, version } from '@thatix.io/credit-ui'
+import type { ThemeConfig, ThemeColors } from '@thatix.io/credit-ui'
+
+// Nuxt module
+import CreditUIModule from '@thatix.io/credit-ui/nuxt'
+
+// Theme utilities
+import { mergeTheme, defaultTokens } from '@thatix.io/credit-ui/themes'
+
+// CSS only
+import '@thatix.io/credit-ui/themes/tokens.css'
+```
+
+## Desenvolvimento
+
+```bash
+pnpm install    # Instalar dependências
+pnpm build      # Build
+pnpm typecheck  # Type check
+pnpm lint       # Lint
+pnpm lint:fix   # Corrigir lint
+pnpm format     # Formatar código
+```
+
+## Estrutura
+
+```
+src/
+├── components/      # Componentes UI (GC-3)
+├── composables/     # useTheme (Vue puro)
+├── nuxt/            # Módulo Nuxt
+│   ├── module.ts    # defineNuxtModule
+│   └── runtime/     # Plugins e composables
+├── themes/          # Sistema de theming
+│   ├── tokens.css   # CSS Variables
+│   ├── defaults.ts  # Valores default
+│   └── utils.ts     # Utilities
+├── types/           # TypeScript types
+└── index.ts         # Entry point
+```
+
+## Licença
+
+Proprietário - Thatix.io

package/dist/components/atoms/Avatar/Avatar.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+import { default as Avatar } from './Avatar.vue';
+declare const meta: Meta<typeof Avatar>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithImage: Story;
+export declare const SingleName: Story;
+export declare const Sizes: Story;
+export declare const WithImageSizes: Story;
+export declare const BrokenImage: Story;

package/dist/components/atoms/Avatar/Avatar.vue.d.ts

@@ -0,0 +1,16 @@
+export interface AvatarProps {
+    /** URL da imagem do avatar */
+    src?: string;
+    /** Nome completo do usuário */
+    name: string;
+    /** Tamanho do avatar */
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const _default: import('vue').DefineComponent<AvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<AvatarProps> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as Avatar } from './Avatar.vue';
+export type { AvatarProps } from './Avatar.vue';

package/dist/components/atoms/Badge/Badge.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+import { default as Badge } from './Badge.vue';
+declare const meta: Meta<typeof Badge>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const AllVariants: Story;
+export declare const Sizes: Story;
+export declare const Dismissible: Story;
+export declare const DotVariant: Story;
+export declare const DotSizes: Story;

package/dist/components/atoms/Badge/Badge.vue.d.ts

@@ -0,0 +1,40 @@
+export interface BadgeProps {
+    /** Variante semântica do badge */
+    variant?: 'success' | 'error' | 'warning' | 'info' | 'neutral' | 'primary';
+    /** Tamanho do badge */
+    size?: 'sm' | 'md' | 'lg';
+    /** Label exibido no badge */
+    label?: string;
+    /** Permite remover o badge */
+    dismissible?: boolean;
+    /** Renderiza apenas um ponto colorido */
+    dot?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'leading-icon'?(_: {}): any;
+        'trailing-icon'?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    dismiss: () => any;
+}, string, import('vue').PublicProps, Readonly<BadgeProps> & Readonly<{
+    onDismiss?: (() => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    label: string;
+    variant: "success" | "error" | "warning" | "info" | "neutral" | "primary";
+    dismissible: boolean;
+    dot: boolean;
+}, {}, {}, {}, string, import('vue').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/Badge/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Badge } from './Badge.vue';
+export type { BadgeProps } from './Badge.vue';

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

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/vue3-vite';
+import { default as Button } from './Button.vue';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Outline: Story;
+export declare const Ghost: Story;
+export declare const Accent: Story;
+export declare const Sizes: Story;
+export declare const States: Story;
+export declare const Block: Story;
+export declare const AllVariants: Story;
+export declare const Playground: Story;

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

@@ -0,0 +1,47 @@
+/**
+ * Props do componente Button
+ */
+export interface ButtonProps {
+    /** Variante visual do botão */
+    variant?: 'primary' | 'secondary' | 'accent' | 'outline' | 'ghost';
+    /** Tamanho do botão */
+    size?: 'sm' | 'md' | 'lg';
+    /** Border radius */
+    rounded?: 'sm' | 'md' | 'lg' | 'full';
+    /** Estado desabilitado */
+    disabled?: boolean;
+    /** Estado de loading */
+    loading?: boolean;
+    /** Botão ocupa 100% da largura */
+    block?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'leading-icon'?(_: {}): any;
+        default?(_: {}): any;
+        'trailing-icon'?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    loading: boolean;
+    variant: "primary" | "secondary" | "accent" | "outline" | "ghost";
+    rounded: "sm" | "md" | "lg" | "full";
+    disabled: boolean;
+    block: boolean;
+}, {}, {}, {}, string, import('vue').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,2 @@
+export { default as Button } from './Button.vue';
+export type { ButtonProps } from './Button.vue';

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+import { default as Card } from './Card.vue';
+declare const meta: Meta<typeof Card>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Variants: Story;
+export declare const Padding: Story;
+export declare const Clickable: Story;

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

@@ -0,0 +1,33 @@
+export interface CardProps {
+    /** Variante visual do card */
+    variant?: 'default' | 'outlined' | 'elevated';
+    /** Espaçamento interno do card */
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+    /** Torna o card clicável com efeito hover */
+    clickable?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<CardProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    variant: "default" | "outlined" | "elevated";
+    padding: "none" | "sm" | "md" | "lg";
+    clickable: boolean;
+}, {}, {}, {}, string, import('vue').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.vue';
+export type { CardProps } from './Card.vue';

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

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+import { default as Checkbox } from './Checkbox.vue';
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const Required: Story;
+export declare const Disabled: Story;
+export declare const WithoutLabel: Story;
+export declare const MultipleOptions: Story;

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

@@ -0,0 +1,28 @@
+export interface CheckboxProps {
+    /** Valor do checkbox (v-model) */
+    modelValue?: boolean;
+    /** Label do checkbox */
+    label?: string;
+    /** Campo obrigatório */
+    required?: boolean;
+    /** Checkbox desabilitado */
+    disabled?: boolean;
+    /** ID do checkbox */
+    id?: string;
+    /** Name do checkbox */
+    name?: string;
+    /** aria-label para acessibilidade */
+    ariaLabel?: string;
+}
+declare const _default: import('vue').DefineComponent<CheckboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+    change: (event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<CheckboxProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onChange?: ((event: Event) => any) | undefined;
+}>, {
+    required: boolean;
+    disabled: boolean;
+    modelValue: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

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

package/dist/components/atoms/CurrencyDisplay/CurrencyDisplay.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+import { default as CurrencyDisplay } from './CurrencyDisplay.vue';
+declare const meta: Meta<typeof CurrencyDisplay>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Sizes: Story;
+export declare const Animated: Story;
+export declare const Colorized: Story;
+export declare const Interactive: Story;

package/dist/components/atoms/CurrencyDisplay/CurrencyDisplay.vue.d.ts

@@ -0,0 +1,26 @@
+/**
+ * CurrencyDisplay - Componente para exibição de valores monetários
+ *
+ * Suporta animação count-up, tamanhos variados e colorização baseada no valor.
+ */
+export interface CurrencyDisplayProps {
+    /** Valor em centavos (ex: 1542000 = R$ 15.420,00) */
+    value: number;
+    /** Habilitar animação count-up */
+    animated?: boolean;
+    /** Duração da animação em ms */
+    duration?: number;
+    /** Tamanho do texto */
+    size?: 'sm' | 'md' | 'lg';
+    /** Colorir baseado no valor positivo/negativo/zero */
+    colorize?: boolean;
+}
+declare const _default: import('vue').DefineComponent<CurrencyDisplayProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CurrencyDisplayProps> & Readonly<{}>, {
+    size: "sm" | "md" | "lg";
+    animated: boolean;
+    duration: number;
+    colorize: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    elementRef: HTMLSpanElement;
+}, HTMLSpanElement>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as CurrencyDisplay } from './CurrencyDisplay.vue';
+export type { CurrencyDisplayProps } from './CurrencyDisplay.vue';

package/dist/components/atoms/Divider/Divider.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+import { default as Divider } from './Divider.vue';
+declare const meta: Meta<typeof Divider>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const HorizontalSpacing: Story;
+export declare const Vertical: Story;
+export declare const InCard: Story;

package/dist/components/atoms/Divider/Divider.vue.d.ts

@@ -0,0 +1,11 @@
+export interface DividerProps {
+    /** Orientação do divider */
+    orientation?: 'horizontal' | 'vertical';
+    /** Espaçamento ao redor do divider */
+    spacing?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+}
+declare const _default: import('vue').DefineComponent<DividerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DividerProps> & Readonly<{}>, {
+    orientation: "horizontal" | "vertical";
+    spacing: "none" | "xs" | "sm" | "md" | "lg" | "xl";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLHRElement>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as Divider } from './Divider.vue';
+export type { DividerProps } from './Divider.vue';

package/dist/components/atoms/GradientMesh/GradientMesh.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+import { default as GradientMesh } from './GradientMesh.vue';
+declare const meta: Meta<typeof GradientMesh>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const PurpleBlue: Story;
+export declare const Sunset: Story;
+export declare const Ocean: Story;
+export declare const Forest: Story;
+export declare const SlowAnimation: Story;
+export declare const HighDistortion: Story;
+export declare const AsBackground: Story;

package/dist/components/atoms/GradientMesh/GradientMesh.vue.d.ts

@@ -0,0 +1,43 @@
+export interface GradientMeshProps {
+    /** Cores do gradiente (array de 3 cores hex) */
+    colors?: string[];
+    /** Nível de distorção */
+    distortion?: number;
+    /** Intensidade do swirl */
+    swirl?: number;
+    /** Velocidade da animação */
+    speed?: number;
+    /** Escala */
+    scale?: number;
+    /** Offset X */
+    offsetX?: number;
+    /** Offset Y */
+    offsetY?: number;
+    /** Rotação em graus */
+    rotation?: number;
+    /** Amplitude das ondas */
+    waveAmp?: number;
+    /** Frequência das ondas */
+    waveFreq?: number;
+    /** Velocidade das ondas */
+    waveSpeed?: number;
+    /** Intensidade do grain */
+    grain?: number;
+}
+declare const _default: import('vue').DefineComponent<GradientMeshProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GradientMeshProps> & Readonly<{}>, {
+    colors: string[];
+    distortion: number;
+    swirl: number;
+    speed: number;
+    scale: number;
+    offsetX: number;
+    offsetY: number;
+    rotation: number;
+    waveAmp: number;
+    waveFreq: number;
+    waveSpeed: number;
+    grain: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    ctnDom: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as GradientMesh } from './GradientMesh.vue';
+export type { GradientMeshProps } from './GradientMesh.vue';

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

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+import { default as Icon } from './Icon.vue';
+declare const meta: Meta<typeof Icon>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Sizes: Story;
+export declare const Variants: Story;
+export declare const CommonIcons: Story;
+export declare const StatusIcons: Story;
+export declare const NavigationIcons: Story;

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

@@ -0,0 +1,23 @@
+export type IconName = 'home' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'arrow-down' | 'chevron-down' | 'chevron-right' | 'chevron-left' | 'chevron-up' | 'x' | 'x-mark' | 'check' | 'magnifying-glass' | 'search' | 'exclamation-circle' | 'alert-circle' | 'exclamation-triangle' | 'alert-triangle' | 'check-circle' | 'information-circle' | 'info' | 'question-mark-circle' | 'user' | 'user-circle' | 'cog' | 'bell' | 'eye' | 'eye-off' | 'eye-slash' | 'document-text' | 'document-check' | 'file-check' | 'chart-pie' | 'pie-chart' | 'chart-bar' | 'bar-chart-2' | 'banknotes' | 'banknote' | 'calculator' | 'clock' | 'calendar' | 'bolt' | 'sparkles' | 'list-bullet' | 'chat-bubble-left-right' | 'shield-check' | 'shield-exclamation' | 'identification' | 'arrow-path' | 'loader' | 'refresh-cw' | 'rotate-ccw' | 'arrow-uturn-left' | 'arrow-up-tray' | 'arrow-down-tray' | 'upload' | 'download' | 'trash' | 'bars-3' | 'menu' | 'arrow-right-on-rectangle' | 'logout' | 'pencil' | 'phone' | 'envelope' | 'building-office' | 'minus' | 'plus' | 'photograph' | 'photo';
+export type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type IconVariant = 'outline' | 'solid';
+export interface IconProps {
+    /** Nome do ícone Heroicons */
+    name: IconName;
+    /** Tamanho do ícone */
+    size?: IconSize | number | string;
+    /** Variante do ícone */
+    variant?: IconVariant;
+    /** Cor do ícone */
+    color?: string;
+    /** Label ARIA para ícones semânticos */
+    ariaLabel?: string;
+    /** Se true, ícone é decorativo */
+    decorative?: boolean;
+}
+declare const _default: import('vue').DefineComponent<IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IconProps> & Readonly<{}>, {
+    size: IconSize | number | string;
+    variant: IconVariant;
+    decorative: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

package/dist/components/atoms/Input/Input.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+import { default as Input } from './Input.vue';
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Types: Story;
+export declare const WithError: Story;
+export declare const Disabled: Story;
+export declare const Readonly: Story;
+export declare const WithLeadingIcon: Story;
+export declare const WithTrailingIcon: Story;
+export declare const WithBothIcons: Story;