@thatix.io/credit-ui 0.0.1

package/dist/components/organisms/Sidebar/Sidebar.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+import { default as Sidebar } from './Sidebar.vue';
+declare const meta: Meta<typeof Sidebar>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Collapsed: Story;
+export declare const SimulationActive: Story;

package/dist/components/organisms/Sidebar/Sidebar.vue.d.ts

@@ -0,0 +1,78 @@
+import { IconName } from '../../atoms';
+/**
+ * Sidebar Component (Organism)
+ *
+ * Menu lateral de navegação para área logada.
+ * Componente colapsável com ícones e labels.
+ *
+ * Features:
+ * - Itens de menu configuráveis via props
+ * - Highlight automático do item ativo
+ * - Modo colapsável (expandido/compacto)
+ * - Persistência de estado em localStorage (opcional)
+ * - Responsivo (oculto em mobile)
+ * - Animações suaves
+ *
+ * @example
+ * ```vue
+ * <Sidebar
+ *   :items="menuItems"
+ *   :current-path="route.path"
+ *   v-model:collapsed="isCollapsed"
+ *   logo-src="/logo.svg"
+ *   @navigate="router.push"
+ * />
+ * ```
+ */
+export interface SidebarMenuItem {
+    /** ID único do item */
+    id: string;
+    /** Label do item */
+    label: string;
+    /** Nome do ícone */
+    icon: IconName;
+    /** Rota para navegação */
+    to: string;
+}
+export interface SidebarProps {
+    /** Itens do menu */
+    items: SidebarMenuItem[];
+    /** Path atual para highlight */
+    currentPath?: string;
+    /** Se o sidebar está colapsado (apenas ícones) */
+    collapsed?: boolean;
+    /** Persistir estado de collapsed em localStorage */
+    persistState?: boolean;
+    /** Chave para localStorage */
+    storageKey?: string;
+    /** URL do logo */
+    logoSrc?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        logo?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<SidebarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    navigate: (to: string) => any;
+    "update:collapsed": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<SidebarProps> & Readonly<{
+    onNavigate?: ((to: string) => any) | undefined;
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+}>, {
+    currentPath: string;
+    collapsed: boolean;
+    persistState: boolean;
+    storageKey: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+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/organisms/Sidebar/SidebarItem.vue.d.ts

@@ -0,0 +1,28 @@
+import { IconName } from '../../atoms';
+/**
+ * SidebarItem Component (internal)
+ *
+ * Item individual do menu do Sidebar.
+ * Usado internamente pelo Sidebar para renderizar cada item de navegação.
+ */
+export interface SidebarItemProps {
+    /** Rota para navegação */
+    to: string;
+    /** Nome do ícone */
+    icon: IconName;
+    /** Label do item */
+    label: string;
+    /** Se o item está ativo (rota atual) */
+    active?: boolean;
+    /** Se o sidebar está colapsado (oculta label) */
+    collapsed?: boolean;
+}
+declare const _default: import('vue').DefineComponent<SidebarItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (to: string) => any;
+}, string, import('vue').PublicProps, Readonly<SidebarItemProps> & Readonly<{
+    onClick?: ((to: string) => any) | undefined;
+}>, {
+    active: boolean;
+    collapsed: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+export default _default;

package/dist/components/organisms/Sidebar/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Sidebar } from './Sidebar.vue';
+export { default as SidebarItem } from './SidebarItem.vue';
+export type { SidebarProps, SidebarMenuItem } from './Sidebar.vue';
+export type { SidebarItemProps } from './SidebarItem.vue';

package/dist/components/organisms/SimulationResult/SimulationResult.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+import { default as SimulationResult } from './SimulationResult.vue';
+declare const meta: Meta<typeof SimulationResult>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Loading: Story;
+export declare const WithOffers: Story;
+export declare const WithAcceptDisabled: Story;
+export declare const WithError: Story;
+export declare const Empty: Story;
+export declare const SingleOffer: Story;

package/dist/components/organisms/SimulationResult/SimulationResult.vue.d.ts

@@ -0,0 +1,44 @@
+export interface SimulationOffer {
+    /** ID da oferta */
+    id: string;
+    /** Valor da parcela em centavos */
+    installmentValue: number;
+    /** Quantidade de parcelas */
+    installments: number;
+    /** Taxa de juros mensal */
+    monthlyRate: number;
+    /** Valor total em centavos */
+    totalValue: number;
+    /** CET anual */
+    cetYearly?: number;
+}
+export interface SimulationResultProps {
+    /** Estado de carregamento */
+    loading?: boolean;
+    /** Mensagem de erro */
+    error?: string;
+    /** Lista de ofertas */
+    offers?: SimulationOffer[];
+    /** Mostrar botão de aceitar proposta */
+    showAcceptButton?: boolean;
+    /** Desabilitar botão de aceitar */
+    acceptDisabled?: boolean;
+    /** Mensagem de aviso sobre aceite */
+    acceptWarningMessage?: string;
+}
+declare const _default: import('vue').DefineComponent<SimulationResultProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "new-simulation": () => any;
+    retry: () => any;
+    "accept-proposal": (offerId: string) => any;
+}, string, import('vue').PublicProps, Readonly<SimulationResultProps> & Readonly<{
+    "onNew-simulation"?: (() => any) | undefined;
+    onRetry?: (() => any) | undefined;
+    "onAccept-proposal"?: ((offerId: string) => any) | undefined;
+}>, {
+    loading: boolean;
+    error: string;
+    showAcceptButton: boolean;
+    acceptDisabled: boolean;
+    acceptWarningMessage: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/organisms/SimulationResult/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SimulationResult } from './SimulationResult.vue';
+export type { SimulationResultProps, SimulationOffer } from './SimulationResult.vue';

package/dist/components/organisms/TopNavigation/TopNavigation.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+import { default as TopNavigation } from './TopNavigation.vue';
+declare const meta: Meta<typeof TopNavigation>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const SimulationActive: Story;
+export declare const NonSticky: Story;

package/dist/components/organisms/TopNavigation/TopNavigation.vue.d.ts

@@ -0,0 +1,48 @@
+import { IconName } from '../../atoms';
+/**
+ * TopNavigation - Organism de navegação desktop
+ *
+ * Exibe navegação horizontal com logo e links para telas >= 768px (md breakpoint).
+ * Oculto em mobile, onde BottomNavigation assume.
+ *
+ * @example
+ * ```vue
+ * <TopNavigation
+ *   :items="navItems"
+ *   :current-path="currentRoute"
+ *   :sticky="true"
+ *   brand-name="Giro Crédito"
+ *   @navigate="handleNav"
+ * />
+ * ```
+ */
+export interface NavigationItem {
+    /** Label do item */
+    label: string;
+    /** Rota/path do item */
+    to: string;
+    /** Nome do ícone */
+    icon: IconName;
+}
+export interface TopNavigationProps {
+    /** Itens de navegação */
+    items: NavigationItem[];
+    /** Path atual para highlight */
+    currentPath?: string;
+    /** Se deve usar posicionamento sticky no topo */
+    sticky?: boolean;
+    /** Nome da marca/produto */
+    brandName?: string;
+    /** URL do logo (opcional) */
+    logoUrl?: string;
+}
+declare const _default: import('vue').DefineComponent<TopNavigationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    navigate: (to: string) => any;
+}, string, import('vue').PublicProps, Readonly<TopNavigationProps> & Readonly<{
+    onNavigate?: ((to: string) => any) | undefined;
+}>, {
+    sticky: boolean;
+    currentPath: string;
+    brandName: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+export default _default;

package/dist/components/organisms/TopNavigation/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TopNavigation } from './TopNavigation.vue';
+export type { TopNavigationProps, NavigationItem } from './TopNavigation.vue';

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

@@ -0,0 +1,26 @@
+export * from './AuthLayout';
+export * from './CreatePasswordForm';
+export * from './DashboardHeader';
+export * from './Footer';
+export * from './ForgotPasswordForm';
+export * from './Header';
+export * from './LoginForm';
+export * from './ManualInputModal';
+export * from './OfferCard';
+export * from './QuickActions';
+export * from './ResetPasswordForm';
+export * from './SCRConsentModal';
+export * from './SimulationResult';
+export { ContractCard } from './ContractCard';
+export type { ContractCardProps } from './ContractCard';
+export { BottomNavigation } from './BottomNavigation';
+export type { BottomNavigationProps, NavigationItem as BottomNavigationItem } from './BottomNavigation';
+export { TopNavigation } from './TopNavigation';
+export type { TopNavigationProps, NavigationItem as TopNavigationItem } from './TopNavigation';
+export * from './Sidebar';
+export { ContractDetails } from './ContractDetails';
+export type { ContractDetailsProps, ContractSummary as ContractDetailsSummary, NextInstallment as ContractDetailsNextInstallment } from './ContractDetails';
+export * from './InstallmentHistory';
+export * from './DocumentUploadSection';
+export * from './ConsentForm';
+export * from './ProfileForm';

package/dist/components/templates/FormLayout/FormLayout.stories.d.ts

@@ -0,0 +1,65 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+import { default as FormLayout } from './FormLayout.vue';
+declare const meta: Meta<typeof FormLayout>;
+export default meta;
+type Story = StoryObj<typeof FormLayout>;
+/**
+ * Story: Default
+ *
+ * Visualização padrão do Form Layout com todas as opções.
+ */
+export declare const Default: Story;
+/**
+ * Story: First Step
+ *
+ * Primeiro step com botão voltar oculto.
+ */
+export declare const FirstStep: Story;
+/**
+ * Story: Middle Step
+ *
+ * Step intermediário com ambos os botões visíveis.
+ */
+export declare const MiddleStep: Story;
+/**
+ * Story: Last Step
+ *
+ * Último step com label customizado "Finalizar".
+ */
+export declare const LastStep: Story;
+/**
+ * Story: Loading State
+ *
+ * Estado de loading no botão próximo.
+ */
+export declare const Loading: Story;
+/**
+ * Story: Next Disabled
+ *
+ * Botão próximo desabilitado (formulário incompleto).
+ */
+export declare const NextDisabled: Story;
+/**
+ * Story: No Security Footer
+ *
+ * Layout sem footer de segurança.
+ */
+export declare const NoSecurityFooter: Story;
+/**
+ * Story: Custom Labels
+ *
+ * Labels customizados para os botões.
+ */
+export declare const CustomLabels: Story;
+/**
+ * Story: Hidden Buttons
+ *
+ * Layout com botões de navegação ocultos (para páginas que controlam própria navegação).
+ */
+export declare const HiddenButtons: Story;
+/**
+ * Story: Playground
+ *
+ * Playground interativo para customização do Form Layout.
+ */
+export declare const Playground: Story;

package/dist/components/templates/FormLayout/FormLayout.vue.d.ts

@@ -0,0 +1,84 @@
+import { Step } from '../../molecules/StepperProgress/StepperProgress.vue';
+/**
+ * FormLayout - Template para formulários multi-step
+ *
+ * Centraliza a estrutura comum de formulários multi-step (simulação, KYC, etc.):
+ * - Header com título gradiente e subtítulo
+ * - StepperProgress para indicador de progresso
+ * - Slot para conteúdo dinâmico
+ * - Botões de navegação (Voltar/Continuar)
+ * - Footer com informações de segurança
+ *
+ * Seguindo Atomic Design: Template que agrupa Organisms/Molecules/Atoms
+ *
+ * @example
+ * ```vue
+ * <FormLayout
+ *   title="Simulação de Crédito"
+ *   subtitle="Descubra as melhores condições"
+ *   :steps="steps"
+ *   :current-step="currentStep"
+ *   @back="handleBack"
+ *   @next="handleNext"
+ * >
+ *   <SimulationForm />
+ * </FormLayout>
+ * ```
+ */
+export type { Step };
+export interface FormLayoutProps {
+    /** Título principal exibido no header */
+    title: string;
+    /** Subtítulo opcional abaixo do título */
+    subtitle?: string;
+    /** Array de etapas para o StepperProgress */
+    steps: Step[];
+    /** Etapa atual (1-indexed) */
+    currentStep: number;
+    /** Label do botão voltar */
+    backLabel?: string;
+    /** Label do botão próximo */
+    nextLabel?: string;
+    /** Estado de loading do botão próximo */
+    loading?: boolean;
+    /** Desabilita o botão próximo */
+    nextDisabled?: boolean;
+    /** Esconde o botão voltar */
+    hideBack?: boolean;
+    /** Exibe footer de segurança */
+    showSecurityFooter?: boolean;
+    /** Esconde botões de navegação (para páginas que controlam própria navegação) */
+    hideButtons?: 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<FormLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    back: () => any;
+    next: () => any;
+}, string, import('vue').PublicProps, Readonly<FormLayoutProps> & Readonly<{
+    onBack?: (() => any) | undefined;
+    onNext?: (() => any) | undefined;
+}>, {
+    loading: boolean;
+    subtitle: string;
+    backLabel: string;
+    nextLabel: string;
+    nextDisabled: boolean;
+    hideBack: boolean;
+    showSecurityFooter: boolean;
+    hideButtons: 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/templates/FormLayout/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FormLayout } from './FormLayout.vue';
+export type { FormLayoutProps, Step } from './FormLayout.vue';

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

@@ -0,0 +1 @@
+export * from './FormLayout';

package/dist/composables/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Composables entry point
+ */
+export { useTheme } from './useTheme';

package/dist/composables/useTheme.d.ts

@@ -0,0 +1,66 @@
+import { ThemeConfig, ThemeTokens } from '../types/theme';
+/**
+ * Vue composable for theme management
+ * @param initialConfig - Optional initial theme configuration
+ */
+export declare function useTheme(initialConfig?: ThemeConfig): {
+    tokens: import('vue').ComputedRef<ThemeTokens>;
+    colors: import('vue').ComputedRef<Required<import('..').ThemeColors>>;
+    fonts: import('vue').ComputedRef<Required<import('..').ThemeFonts>>;
+    isReady: import('vue').Ref<boolean, boolean>;
+    currentConfig: import('vue').Ref<{
+        colors?: {
+            primary?: string | undefined;
+            primaryDark?: string | undefined;
+            primaryLight?: string | undefined;
+            secondary?: string | undefined;
+            accent?: string | undefined;
+            background?: string | undefined;
+            backgroundAlt?: string | undefined;
+            surface?: string | undefined;
+            surfaceAccent?: string | undefined;
+            text?: string | undefined;
+            textMuted?: string | undefined;
+            textInverse?: string | undefined;
+            error?: string | undefined;
+            warning?: string | undefined;
+            success?: string | undefined;
+            info?: string | undefined;
+        } | undefined;
+        fonts?: {
+            heading?: string | undefined;
+            base?: string | undefined;
+        } | undefined;
+    }, ThemeConfig | {
+        colors?: {
+            primary?: string | undefined;
+            primaryDark?: string | undefined;
+            primaryLight?: string | undefined;
+            secondary?: string | undefined;
+            accent?: string | undefined;
+            background?: string | undefined;
+            backgroundAlt?: string | undefined;
+            surface?: string | undefined;
+            surfaceAccent?: string | undefined;
+            text?: string | undefined;
+            textMuted?: string | undefined;
+            textInverse?: string | undefined;
+            error?: string | undefined;
+            warning?: string | undefined;
+            success?: string | undefined;
+            info?: string | undefined;
+        } | undefined;
+        fonts?: {
+            heading?: string | undefined;
+            base?: string | undefined;
+        } | undefined;
+    }>;
+    getColor: (name: keyof ThemeTokens["colors"]) => string;
+    getFont: (name: keyof ThemeTokens["fonts"]) => string;
+    getToken: (name: string) => string;
+    getCSSToken: (name: string) => string;
+    getSpacing: (size: keyof ThemeTokens["spacing"]) => string;
+    getRadius: (size: keyof ThemeTokens["radius"]) => string;
+    applyTheme: (config: ThemeConfig) => void;
+    resetTheme: () => void;
+};