ds-grupo-rkb 1.0.0

package/.prettierignore

@@ -0,0 +1,3 @@
+dist/
+storybook-static/
+node_modules/

package/.prettierrc.json

@@ -0,0 +1,6 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "printWidth": 100
+}

package/.storybook/main.ts

@@ -0,0 +1,13 @@
+import type { StorybookConfig } from '@storybook/vue3-vite'
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@chromatic-com/storybook',
+    '@storybook/addon-vitest',
+    '@storybook/addon-a11y',
+    '@storybook/addon-docs',
+  ],
+  framework: '@storybook/vue3-vite',
+}
+export default config

package/.storybook/preview.ts

@@ -0,0 +1,63 @@
+import type { Preview, Decorator } from '@storybook/vue3-vite'
+import '../src/style.css'
+
+export type ThemeMode = 'rkb' | 'camargo-gallo' | 'fibramfer'
+
+const withTheme: Decorator = (story, context) => {
+  const theme = (context.globals.theme as ThemeMode) ?? 'rkb'
+  document.body.setAttribute('data-theme', theme)
+  return story()
+}
+
+const withCardGlobal: Decorator = (story, context) => {
+  const original = story()
+  return original
+}
+
+const preview: Preview = {
+  storySort: {
+    group: [
+      {
+        name: 'Foundations',
+        items: [
+          'Foundations/Color Palette',
+          'Foundations/Tokens',
+          'Foundations/Typography',
+          'Foundations/Spacing',
+        ],
+      },
+      {
+        name: 'Components',
+      },
+    ],
+  },
+  decorators: [withTheme, withCardGlobal],
+  globalTypes: {
+    theme: {
+      description: 'Marca',
+      toolbar: {
+        title: 'Marca',
+        icon: 'paintbrush',
+        items: [
+          { value: 'rkb', title: 'RKB Engenharia' },
+          { value: 'camargo-gallo', title: 'Camargo Gallo' },
+          { value: 'fibramfer', title: 'Fibramfer' },
+        ],
+        dynamicTitle: true,
+      },
+    },
+  },
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+    a11y: {
+      test: 'todo',
+    },
+  },
+}
+
+export default preview

package/.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}

package/AGENTS.md

@@ -0,0 +1,52 @@
+# AGENTS.md
+
+> Instruções para agentes de IA (OpenCode) trabalharem neste repositório.
+
+## Antes de agir
+
+- Leia `docs/adr/001-ds-code-first-multi-marca.md` — é o CONTEXTO INICIAL do projeto.
+- Não construir fora do escopo definido no item 12 do ADR.
+
+## Regras técnicas
+
+- Componentes: Vue 3 puro (SFC + Vite + TypeScript), sem API de framework (NuxtLink, useHead, auto-imports).
+- Componentes consomem APENAS tokens semânticos (`--color-primary-500`, `--color-surface`, ...). Nunca primitivos.
+- Primitivos: paleta crua em CSS variables com nomenclatura Tailwind.
+- Theming: modos por `body[data-theme="rkb" | "camargo-gallo" | "fibramfer"]`.
+- Estilização: Tailwind v4 + tokens em CSS variables.
+
+## Motion & prefers-reduced-motion
+
+- O DS segue a preferência de **cada SO/navegador**: `no-preference` anima; `reduce`
+  entrega estados finais de forma instantânea (acessibilidade — ADR-004).
+- Isso é **por máquina**, não um bug global. Se uma animação não parece animar ao
+  desenvolver: verifique se o Windows está com **"Efeitos de animação"** desligado
+  (Configurações > Acessibilidade > Efeitos visuais) ou emule `no-preference` no
+  Chrome DevTools > Rendering.
+- **Não remova/atenue a regra de acessibilidade** (`@media (prefers-reduced-motion)`).
+
+## Convenções
+
+- Arquivos: kebab-case
+- Componentes: PascalCase
+- Modos/data-theme: kebab-case
+- ADRs: `docs/adr/NNN-titulo-curto.md`
+- Decisão estrutural nova → propor um ADR antes de executar.
+
+## Fluxo de trabalho
+
+- Ao concluir tarefas, atualizar `docs/roadmap.md`.
+- Rodar lint/typecheck antes de finalizar (ver package.json).
+
+## Fluxo DS → consumidor
+
+- Pedidos como "propaga o token pro front / release da lib / publica o dist / sync build" significam: rodar `npm run build:lib` no DS e depois `npm run dev -- --force` no consumidor. Ver `docs/COMMANDS.md`.
+
+## DS-first (reuso em LPs/sites)
+
+- Estratégia: **construir no DS, reaproveitar em LPs/sites** (1 DS → N consumidores).
+- O DS é a **fonte da verdade**. Procurar produzir no DS: componentes reutilizáveis
+  (`Section`, `Grid`, `Header`, `Footer`, `Card`...) e depois consumir.
+- Nunca duplicar componente no consumidor (CTRL+C/CTRL+V). O que for provado reutilizável
+  sobe ao DS, e o consumidor passa a importar de `file:` + remover a cópia local.
+- O que fica no consumidor: layout de página, copy e ativos da marca (logo/imagens).

package/README.md

@@ -0,0 +1,46 @@
+# DS Grupo RKB
+
+Design System multi-marca do Grupo RKB Engenharia (RKB Engenharia, Camargo Gallo e Fibramfer).
+
+- Componentes: Vue 3 puro (SFC + Vite + TypeScript), sem API de framework.
+- Estilização: Tailwind v4 + tokens em CSS variables (primitivos + semânticos).
+- Docs/galeria/testes: Storybook (1 hub, seletor de 3 marcas).
+- Ver contexto completo em `docs/adr/001-ds-code-first-multi-marca.md`.
+
+## Scripts
+
+| Comando             | Descrição                                                   |
+| ------------------- | ----------------------------------------------------------- |
+| `npm run dev`       | Dev playground (Vite)                                       |
+| `npm run storybook` | Storybook em `localhost:6006` (seletor de marca na toolbar) |
+| `npm run build:lib` | Build da lib em `dist/` (index.js + style.css + *.d.ts)     |
+| `npm run test`      | Testes unitários (Vitest + Vue Test Utils)                  |
+| `npm run lint`      | ESLint                                                      |
+| `npm run typecheck` | vue-tsc                                                     |
+
+## Consumo como lib
+
+```bash
+# no app consumidor (projeto irmão em C:\Users\maxeb\Projetos\)
+npm install ../ds-grupo-rkb
+```
+
+```ts
+// no app
+import { Button, Tag, Container } from 'ds-grupo-rkb'
+import 'ds-grupo-rkb/style.css'
+```
+
+### Aplicando a marca (theming)
+
+As 3 marcas são modos por escopo no `<body>`:
+`data-theme="rkb"` (padrão), `data-theme="camargo-gallo"`, `data-theme="fibramfer"`.
+
+```html
+<body data-theme="camargo-gallo"></body>
+```
+
+Os componentes leem apenas tokens semânticos (`--color-primary-500`, `--color-surface`, ...); cada marca remapeia esses tokens para a paleta própria em `src/tokens/themes.css`.
+
+> Dev: ao alterar componentes/tokens, rode `npm run build:lib` e, no consumidor, `npm run dev -- --force` (ou reinstale) para refletir as mudanças.
+> Veja `docs/COMMANDS.md` para o fluxo completo DS → consumidor e as frases de comando canônicas.

package/check_sb.bat

@@ -0,0 +1,8 @@
+@echo off
+cd C:\Users\maxeb\Projetos\ds-grupo-rkb
+npm run storybook > storybook_out.txt 2>&1
+echo EXIT_CODE=%errorlevel% > result.txt
+find "MDX" storybook_out.txt && echo "HAS_MDX_ERROR" >> result.txt || echo "NO_MDX_ERROR" >> result.txt
+find "Unable to index" storybook_out.txt && echo "HAS_INDEX_ERROR" >> result.txt || echo "NO_INDEX_ERROR" >> result.txt
+timeout /t 5 /nobreak > nul
+taskkill /f /im "storybook" 2>nul

package/check_storybook.bat

@@ -0,0 +1,8 @@
+@echo off
+cd C:\Users\maxeb\Projetos\ds-grupo-rkb
+npm run storybook 2>&1 > storybook_output.txt
+echo Exit code: %errorlevel%
+timeout /t 3 /nobreak > nul
+taskkill /f /im "storybook" 2>nul || exit /b 0
+find "Unable to index" storybook_output.txt && echo "MDX ERROR FOUND" || echo "No MDX error found"
+find "Error" storybook_output.txt &2>nul || echo "No Error found"

package/dist/components/AccordionGroup.vue.d.ts

@@ -0,0 +1,34 @@
+import { Ref } from 'vue';
+export interface AccordionContext {
+    activeId: Ref<string | null>;
+    toggle: (id: string) => void;
+    register: (id: string) => number;
+    setActive: (id: string) => void;
+}
+interface Props {
+    defaultIndex?: number | null;
+    collapsible?: boolean;
+}
+declare function toggle(id: string): void;
+declare function setActive(id: string): void;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {
+    activeId: Ref<string | null, string | null>;
+    order: Ref<string[], string[]>;
+    setActive: typeof setActive;
+    toggle: typeof toggle;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    defaultIndex: number | null;
+    collapsible: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/AccordionItem.vue.d.ts

@@ -0,0 +1,25 @@
+interface Props {
+    title: string;
+    itemId?: string;
+    defaultOpen?: boolean;
+}
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (id: string) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSelect?: ((id: string) => any) | undefined;
+}>, {
+    itemId: string;
+    defaultOpen: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/BackToTop.vue.d.ts

@@ -0,0 +1,20 @@
+export interface BackToTopProps {
+    visible?: boolean;
+    threshold?: number;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<BackToTopProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BackToTopProps> & Readonly<{}>, {
+    visible: boolean;
+    threshold: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,46 @@
+export type ButtonVariant = 'primary' | 'secondary' | 'ghost';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export interface ButtonLink {
+    as: 'a';
+    href: string;
+    target?: string;
+    rel?: string;
+}
+type __VLS_Props = {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    type?: 'button' | 'submit' | 'reset';
+    as?: 'button' | 'a';
+    href?: string;
+    target?: string;
+    rel?: string;
+};
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (ev: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((ev: MouseEvent) => any) | undefined;
+}>, {
+    variant: ButtonVariant;
+    size: ButtonSize;
+    fullWidth: boolean;
+    disabled: boolean;
+    type: "button" | "submit" | "reset";
+    as: "button" | "a";
+    href: string;
+    target: string;
+    rel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,24 @@
+export type CardTone = 'surface' | 'surface-alt';
+export type CardPadding = 'sm' | 'md' | 'lg';
+interface CardProps {
+    tone?: CardTone;
+    padding?: CardPadding;
+    interactive?: boolean;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<CardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CardProps> & Readonly<{}>, {
+    tone: CardTone;
+    padding: CardPadding;
+    interactive: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Container.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    as?: string;
+    size?: 'sm' | 'md' | 'lg';
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "sm" | "md" | "lg";
+    as: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Drawer.vue.d.ts

@@ -0,0 +1,29 @@
+type Placement = 'top' | 'right' | 'bottom' | 'left';
+interface Props {
+    open?: boolean;
+    title?: string;
+    placement?: Placement;
+}
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    title: string;
+    open: boolean;
+    placement: Placement;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/FeatureCard.vue.d.ts

@@ -0,0 +1,28 @@
+export type FeatureCardTone = 'surface-alt' | 'deep';
+export type FeatureCardDivider = 'full' | '3/4' | '1/2';
+type __VLS_Props = {
+    tone?: FeatureCardTone;
+    interactive?: boolean;
+    divider?: FeatureCardDivider;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_1) => any;
+} & {
+    description?: (props: typeof __VLS_3) => any;
+} & {
+    actions?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    tone: FeatureCardTone;
+    interactive: boolean;
+    divider: FeatureCardDivider;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Footer.vue.d.ts

@@ -0,0 +1,30 @@
+export interface FooterLink {
+    label: string;
+    href: string;
+}
+export interface FooterColumn {
+    title: string;
+    links: FooterLink[];
+}
+export interface FooterLegalLinks {
+    label: string;
+    href: string;
+}
+export interface FooterCompanyInfo {
+    companyName?: string;
+    cnpj?: string;
+    address?: string;
+    legalLinks?: FooterLegalLinks[];
+}
+type __VLS_Props = {
+    columns?: FooterColumn[];
+    copyright?: string;
+    companyInfo?: FooterCompanyInfo;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    columns: FooterColumn[];
+    copyright: string;
+    companyInfo: FooterCompanyInfo;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/FormField.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    id?: string;
+    label?: string;
+    hint?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string;
+    id: string;
+    hint: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Grid.vue.d.ts

@@ -0,0 +1,22 @@
+export type GridCols = 1 | 2 | 3 | 4;
+export type GridGap = 'sm' | 'md' | 'lg';
+type __VLS_Props = {
+    cols?: GridCols;
+    gap?: GridGap;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    cols: GridCols;
+    gap: GridGap;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Header.vue.d.ts

@@ -0,0 +1,25 @@
+export interface HeaderNavItem {
+    label: string;
+    href: string;
+    active?: boolean;
+}
+type __VLS_Props = {
+    nav?: HeaderNavItem[];
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    logo?: (props: typeof __VLS_1) => any;
+} & {
+    cta?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    nav: HeaderNavItem[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Heading.vue.d.ts

@@ -0,0 +1,22 @@
+export type HeadingLevel = '1' | '2' | '3' | '4' | '5' | '6';
+export type HeadingSize = 'display' | '3xl' | '2xl' | 'xl' | 'base';
+type __VLS_Props = {
+    as?: HeadingLevel;
+    size?: HeadingSize;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: HeadingSize;
+    as: HeadingLevel;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/IconSet.vue.d.ts

@@ -0,0 +1,24 @@
+export interface IconsProps {
+    name?: string;
+    size?: number;
+    strokeWidth?: number;
+    color?: string;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<IconsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IconsProps> & Readonly<{}>, {
+    size: number;
+    name: string;
+    color: string;
+    strokeWidth: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Input.vue.d.ts

@@ -0,0 +1,21 @@
+export type InputType = 'text' | 'email' | 'tel' | 'password' | 'number';
+type __VLS_Props = {
+    id?: string;
+    type?: InputType;
+    name?: string;
+    placeholder?: string;
+    value?: string;
+    required?: boolean;
+    disabled?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+    type: InputType;
+    id: string;
+    name: string;
+    placeholder: string;
+    value: string;
+    required: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Reveal.vue.d.ts

@@ -0,0 +1,25 @@
+export type RevealDirection = 'up' | 'down' | 'left' | 'right' | 'none';
+type __VLS_Props = {
+    delay?: number;
+    duration?: number;
+    direction?: RevealDirection;
+    once?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    delay: number;
+    duration: number;
+    direction: RevealDirection;
+    once: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};