@x-green/components 0.1.0 → 0.3.0

package/README.md

@@ -1,18 +1,25 @@
 # XGreen UI
 
-Tipografia, cores e componentes do Design System em TypeScript. A entrada pública é `src/index.ts`. React e Vite servem a amostra (`/tipografia`, `/cores`, `/componentes/botao`).
+Tipografia, cores e componentes do Design System em TypeScript. O pacote npm exporta só os componentes (`Button`). React e Vite servem a amostra (`/tipografia`, `/cores`, `/componentes/botao`).
 
 No app que instalar o pacote:
 
 ```tsx
 import { Button } from '@x-green/components'
 
-<Button>
+<Button className="w-full">
     Continuar
 </Button>
 ```
 
-O CSS do `Button` entra junto com o import. Não precisa importar um arquivo de estilo.
+O CSS do `Button` entra junto com o import. Classes extras no `className` (`w-full`, `bg-primary`, `body-md`) só existem se o app tiver Tailwind. No CSS de entrada do app:
+
+```css
+@import "tailwindcss";
+@import "@x-green/components/theme.css";
+```
+
+No Vite, o plugin `@tailwindcss/vite` precisa estar ativo. Instale a extensão **Tailwind CSS IntelliSense** e recarregue a janela. Sugestões dentro de `className=""` pedem `"editor.quickSuggestions": { "strings": "on" }` nas settings do editor.
 
 ## Executar e validar
 
@@ -26,7 +33,7 @@ npm run preview
 npm run build:lib
 ```
 
-`typecheck` executa `tsc -b`. `build` gera a amostra em `site/`. `build:lib` gera o pacote em `dist/` (JS, CSS e tipos). `tailwindcss`, `@tailwindcss/vite` e `@tanstack/router-plugin` são de desenvolvimento; `tailwind-variants` é dependência da lib; `react` e `react-dom` são peer dependencies.
+`typecheck` executa `tsc -b`. `build` gera a amostra em `site/`. `build:lib` gera o pacote em `dist/` (JS, CSS compilado, `theme.css` e tipos). `tailwindcss` e `@tailwindcss/vite` são de desenvolvimento neste repo e peer opcional no app consumidor; `tailwind-variants` é dependência da lib; `react` e `react-dom` são peer dependencies.
 
 ## Publicar no npm
 
@@ -46,7 +53,7 @@ src/
 │   ├── primitives/colors.ts
 │   ├── semantic/typography.ts
 │   ├── semantic/colors.ts   # Primary e estados do botão
-│   ├── index.ts             # Tokens e tipos públicos
+│   ├── index.ts             # Tokens da amostra (não saem no pacote)
 │   └── tailwind.ts          # Adaptador para o Tailwind
 ├── components/
 │   └── button.tsx           # Button com tailwind-variants
@@ -56,14 +63,15 @@ src/
 │   ├── cores/
 │   └── componentes/
 ├── routes/                  # Páginas da demonstração (TanStack Router)
-├── index.ts                 # Reexporta tokens e componentes (entrada do npm)
+├── index.ts                 # Reexporta só os componentes (entrada do npm)
 ├── index.lib.ts             # Entrada do build da lib (importa o CSS)
 ├── lib.css                  # Tailwind compilado para o pacote
+├── theme.css                # @theme e @utility exportados no npm
 ├── index.css                # Tailwind e estilos da amostra
 └── main.tsx                 # RouterProvider
 ```
 
-Os primitivos são a origem dos valores. Os tokens semânticos de tipografia reutilizam `fontFamily`, `fontWeight`, `fontSize` e `lineHeight`. Tokens semânticos de cor ainda não existem: o Figma definiu só as famílias primitivas. Todos usam `as const`; os tipos são derivados dos valores e exportados por `src/tokens/index.ts` e pela entrada `src/index.ts`.
+Os primitivos são a origem dos valores. Os tokens semânticos de tipografia reutilizam `fontFamily`, `fontWeight`, `fontSize` e `lineHeight`. Tokens semânticos de cor ainda não existem: o Figma definiu só as famílias primitivas. Todos usam `as const`; os tipos são derivados dos valores. Tokens ficam em `src/tokens/` para a amostra e para o CSS do `Button`; o pacote não os exporta.
 
 ## Primitivos de tipografia
 
@@ -159,45 +167,25 @@ import { Button } from '@x-green/components'
 </Button>
 ```
 
-As exportações públicas incluem `colors`, `colorShadeOpacity`, `colorCssVariables`, `colorCssVars` e os tipos `Colors`, `ColorFamilyName`, `ColorFamily`, `ColorShade` e `ColorCssVars`. Os tokens de cores são constantes TypeScript e podem ser consumidos sem Tailwind; somente o adaptador opcional `src/tokens/tailwind.ts` depende dele.
+As paletas primitivas e os papéis semânticos ficam em `src/tokens/` para a amostra e para o CSS do `Button`. Não são exportados pelo pacote nesta versão.
 
 ## Consumir em React
 
-Exemplo no app que instalou o pacote:
-
-```tsx
-import { colors, typography } from '@x-green/components'
-
-<h1
-  style={{
-    ...typography['heading-h1'],
-    color: colors.neutral[900],
-    backgroundColor: colors.neutral[25],
-  }}
->
-  Design System
-</h1>
-```
-
-Também estão disponíveis `fontFamily`, `fontWeight`, `fontSize`, `lineHeight` e os tipos `FontFamily`, `FontWeight`, `FontSize`, `LineHeight`, `TypographyToken` e `TypographyTokenName`.
-
-## Consumir com Tailwind
-
-O pacote já entrega o CSS do `Button`. Para usar tokens no layout do seu app (`heading-h1`, `bg-primary`), configure o Tailwind 4 com o plugin do DS. Sem isso, só os componentes importados de `@x-green/components` vêm estilizados.
-
 ```tsx
 import { Button } from '@x-green/components'
 
-<section className="border border-neutral-200 bg-neutral-25 text-neutral-900">
-  <h1 className="heading-h1">Design System</h1>
-  <p className="body-md">Texto usando os tokens de tipografia e a paleta primitiva.</p>
-</section>
-<a className="body-md-link text-green-800 underline" href="#typography">Ver tipografia</a>
-<Button>
-    Botão de exemplo
+<Button className="w-full">
+    Continuar
 </Button>
 ```
 
+O pacote exporta `Button` e o tipo `ButtonProps`. Tokens de cor e tipografia ficam no repositório da amostra, não no pacote JS. O IntelliSense e as classes extras no `className` vêm do CSS de tema:
+
+```css
+@import "tailwindcss";
+@import "@x-green/components/theme.css";
+```
+
 ## Fonte padrão
 
 Por enquanto, o projeto usa a fonte padrão do Tailwind, sem arquivos de fontes personalizados, imports adicionais ou downloads de fontes. Importar `@x-green/components` injeta o CSS dos componentes. A variável `--default-font-family` segue a fonte padrão do Tailwind.

package/dist/components/button.d.ts

@@ -1,6 +1,7 @@
 import type { ComponentProps } from 'react';
 import type { VariantProps } from 'tailwind-variants';
 import { buttonVariants } from './button-variants';
-export interface ButtonProps extends ComponentProps<'button'>, VariantProps<typeof buttonVariants> {
+export interface ButtonProps extends Omit<ComponentProps<'button'>, 'className'>, VariantProps<typeof buttonVariants> {
+    className?: string;
 }
 export declare function Button({ variant, className, type, children, ...props }: ButtonProps): import("react").JSX.Element;

package/dist/components/index.d.ts

@@ -1,3 +1,2 @@
 export { Button } from './button';
 export type { ButtonProps } from './button';
-export { buttonVariants } from './button-variants';

package/dist/index.css

@@ -1,3 +1,3 @@
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--color-neutral-25:#ebf0f6;--color-neutral-25-opacity:5%;--color-neutral-50:#e5eaf1;--color-neutral-50-opacity:10%;--color-neutral-100:#dae0e7;--color-neutral-100-opacity:20%;--color-neutral-200:#c5cad3;--color-neutral-200-opacity:40%;--color-neutral-300:#afb5c0;--color-neutral-300-opacity:60%;--color-neutral-400:#9a9fac;--color-neutral-400-opacity:80%;--color-neutral-500:#848a98;--color-neutral-500-opacity:100%;--color-neutral-600:#6a6e7a;--color-neutral-600-opacity:80%;--color-neutral-700:#4f535b;--color-neutral-700-opacity:60%;--color-neutral-800:#35373d;--color-neutral-800-opacity:40%;--color-neutral-900:#1a1c1e;--color-neutral-900-opacity:20%;--color-neutral-950:#0d0e0f;--color-neutral-950-opacity:10%;--color-green-50:#e6f6ef;--color-green-50-opacity:10%;--color-green-100:#cceccc;--color-green-100-opacity:20%;--color-green-200:#99d999;--color-green-200-opacity:40%;--color-green-300:#66c766;--color-green-300-opacity:60%;--color-green-400:#33b433;--color-green-400-opacity:80%;--color-green-500:#00a000;--color-green-500-opacity:100%;--color-green-600:#008100;--color-green-600-opacity:80%;--color-green-700:#006100;--color-green-700-opacity:60%;--color-green-800:#004000;--color-green-800-opacity:40%;--color-green-900:#002000;--color-green-900-opacity:20%;--color-green-950:#001000;--color-green-950-opacity:10%;--color-blue-50:#e6ecf6;--color-blue-50-opacity:10%;--color-blue-100:#ccd9ec;--color-blue-100-opacity:20%;--color-blue-200:#99b3d9;--color-blue-200-opacity:40%;--color-blue-300:#668cc6;--color-blue-300-opacity:60%;--color-blue-400:#3366b3;--color-blue-400-opacity:80%;--color-blue-500:#0040a0;--color-blue-500-opacity:100%;--color-blue-600:#003380;--color-blue-600-opacity:80%;--color-blue-700:#002660;--color-blue-700-opacity:60%;--color-blue-800:#001a40;--color-blue-800-opacity:40%;--color-blue-900:#000d20;--color-blue-900-opacity:20%;--color-blue-950:#000610;--color-blue-950-opacity:10%;--color-purple-50:#ede6f6;--color-purple-50-opacity:10%;--color-purple-100:#dbccec;--color-purple-100-opacity:20%;--color-purple-200:#b899d9;--color-purple-200-opacity:40%;--color-purple-300:#9466c6;--color-purple-300-opacity:60%;--color-purple-400:#7133b3;--color-purple-400-opacity:80%;--color-purple-500:#4d00a0;--color-purple-500-opacity:100%;--color-purple-600:#3e0080;--color-purple-600-opacity:80%;--color-purple-700:#2e0060;--color-purple-700-opacity:60%;--color-purple-800:#1f0040;--color-purple-800-opacity:40%;--color-purple-900:#0f0020;--color-purple-900-opacity:20%;--color-purple-950:#080010;--color-purple-950-opacity:10%;--color-red-50:#fdecec;--color-red-50-opacity:10%;--color-red-100:#fbd8d8;--color-red-100-opacity:20%;--color-red-200:#f7b1b1;--color-red-200-opacity:40%;--color-red-300:#f28a8a;--color-red-300-opacity:60%;--color-red-400:#ee6363;--color-red-400-opacity:80%;--color-red-500:#ea3c3c;--color-red-500-opacity:100%;--color-red-600:#bb3030;--color-red-600-opacity:80%;--color-red-700:#8c2424;--color-red-700-opacity:60%;--color-red-800:#5e1818;--color-red-800-opacity:40%;--color-red-900:#2f0c0c;--color-red-900-opacity:20%;--color-red-950:#170606;--color-red-950-opacity:10%;--color-orange-50:#fff1e8;--color-orange-50-opacity:10%;--color-orange-100:#ffe4d0;--color-orange-100-opacity:20%;--color-orange-200:#ffc8a1;--color-orange-200-opacity:40%;--color-orange-300:#ffad73;--color-orange-300-opacity:60%;--color-orange-400:#ff9144;--color-orange-400-opacity:80%;--color-orange-500:#ff7615;--color-orange-500-opacity:100%;--color-orange-600:#cc5e11;--color-orange-600-opacity:80%;--color-orange-700:#99470d;--color-orange-700-opacity:60%;--color-orange-800:#662f08;--color-orange-800-opacity:40%;--color-orange-900:#331804;--color-orange-900-opacity:20%;--color-orange-950:#190c02;--color-orange-950-opacity:10%;--color-yellow-50:#fff8e8;--color-yellow-50-opacity:10%;--color-yellow-100:#fff2d0;--color-yellow-100-opacity:20%;--color-yellow-200:#ffe5a1;--color-yellow-200-opacity:40%;--color-yellow-300:#ffd773;--color-yellow-300-opacity:60%;--color-yellow-400:#ffca44;--color-yellow-400-opacity:80%;--color-yellow-500:#ffbd15;--color-yellow-500-opacity:100%;--color-yellow-600:#cc9711;--color-yellow-600-opacity:80%;--color-yellow-700:#99710d;--color-yellow-700-opacity:60%;--color-yellow-800:#664c08;--color-yellow-800-opacity:40%;--color-yellow-900:#332604;--color-yellow-900-opacity:20%;--color-yellow-950:#191302;--color-yellow-950-opacity:10%;--color-cyan-50:#e8fffc;--color-cyan-50-opacity:10%;--color-cyan-100:#d0fffa;--color-cyan-100-opacity:20%;--color-cyan-200:#a1fff4;--color-cyan-200-opacity:40%;--color-cyan-300:#73ffef;--color-cyan-300-opacity:60%;--color-cyan-400:#44ffe9;--color-cyan-400-opacity:80%;--color-cyan-500:#15ffe4;--color-cyan-500-opacity:100%;--color-cyan-600:#11ccb6;--color-cyan-600-opacity:80%;--color-cyan-700:#0d9989;--color-cyan-700-opacity:60%;--color-cyan-800:#08665b;--color-cyan-800-opacity:40%;--color-cyan-900:#04332e;--color-cyan-900-opacity:20%;--color-cyan-950:#021917;--color-cyan-950-opacity:10%;--color-primary:#008149;--color-primary-hover:#006137;--color-outline:#f0f5fb;--color-error:#bb3030;--color-error-hover:#8c2424}}@layer components;@layer utilities{.box-border{box-sizing:border-box}.inline-flex{display:inline-flex}.h-\[44px\]{height:44px}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-error{border-color:#bb3030}.border-neutral-200{border-color:#c5cad3}.border-primary{border-color:#008149}.border-transparent{border-color:#0000}.bg-error{background-color:#bb3030}.bg-outline{background-color:#f0f5fb}.bg-primary{background-color:#008149}.bg-transparent{background-color:#0000}.px-3{padding-inline:calc(var(--spacing) * 3)}.body-lg,.body-lg-link{font-family:var(--default-font-family);font-size:20px;font-weight:400;line-height:24px}.body-lg-semibold{font-family:var(--default-font-family);font-size:20px;font-weight:600;line-height:24px}.body-md,.body-md-link{font-family:var(--default-font-family);font-size:16px;font-weight:400;line-height:20px}.body-md-semibold{font-family:var(--default-font-family);font-size:16px;font-weight:600;line-height:20px}.body-sm,.body-sm-link{font-family:var(--default-font-family);font-size:14px;font-weight:400;line-height:16px}.body-sm-semibold{font-family:var(--default-font-family);font-size:14px;font-weight:600;line-height:16px}.caption{font-family:var(--default-font-family);font-size:12px;font-weight:400;line-height:16px}.heading-h1{font-family:var(--default-font-family);font-size:60px;font-weight:600;line-height:72px}.heading-h2{font-family:var(--default-font-family);font-size:48px;font-weight:600;line-height:56px}.heading-h3{font-family:var(--default-font-family);font-size:40px;font-weight:600;line-height:48px}.heading-h4{font-family:var(--default-font-family);font-size:32px;font-weight:600;line-height:40px}.heading-h5{font-family:var(--default-font-family);font-size:24px;font-weight:600;line-height:28px}.heading-h6{font-family:var(--default-font-family);font-size:20px;font-weight:600;line-height:24px}.text-error{color:#bb3030}.text-neutral-800{color:#35373d}.text-primary{color:#008149}.text-white{color:var(--color-white)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-error{outline-color:#bb3030}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:border-error-hover:hover{border-color:#8c2424}.hover\:border-neutral-300:hover{border-color:#afb5c0}.hover\:border-primary-hover:hover{border-color:#006137}.hover\:border-transparent:hover{border-color:#0000}.hover\:bg-error-hover:hover{background-color:#8c2424}.hover\:bg-neutral-50:hover{background-color:#e5eaf1}.hover\:bg-outline:hover{background-color:#f0f5fb}.hover\:bg-primary-hover:hover{background-color:#006137}.hover\:bg-transparent:hover{background-color:#0000}.hover\:text-error-hover:hover{color:#8c2424}.hover\:text-neutral-800:hover{color:#35373d}.hover\:text-neutral-900:hover{color:#1a1c1e}.hover\:text-primary-hover:hover{color:#006137}}.focus-visible\:isolate:focus-visible{isolation:isolate}.focus-visible\:border-error:focus-visible{border-color:#bb3030}.focus-visible\:border-neutral-200:focus-visible{border-color:#c5cad3}.focus-visible\:border-primary:focus-visible{border-color:#008149}.focus-visible\:border-transparent:focus-visible{border-color:#0000}.focus-visible\:bg-error:focus-visible{background-color:#bb3030}.focus-visible\:bg-outline:focus-visible{background-color:#f0f5fb}.focus-visible\:bg-primary:focus-visible{background-color:#008149}.focus-visible\:bg-transparent:focus-visible{background-color:#0000}.focus-visible\:text-error:focus-visible{color:#bb3030}.focus-visible\:text-neutral-800:focus-visible{color:#35373d}.focus-visible\:text-primary:focus-visible{color:#008149}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-error:focus-visible{outline-color:#bb3030}.focus-visible\:outline-primary:focus-visible{outline-color:#008149}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-neutral-500:disabled{border-color:#848a98}.disabled\:border-transparent:disabled{border-color:#0000}.disabled\:bg-neutral-50:disabled{background-color:#e5eaf1}.disabled\:bg-transparent:disabled{background-color:#0000}.disabled\:text-neutral-500:disabled{color:#848a98}.data-\[status\=focus\]\:isolate[data-status=focus]{isolation:isolate}.data-\[status\=focus\]\:border-error[data-status=focus]{border-color:#bb3030}.data-\[status\=focus\]\:border-neutral-200[data-status=focus]{border-color:#c5cad3}.data-\[status\=focus\]\:border-primary[data-status=focus]{border-color:#008149}.data-\[status\=focus\]\:border-transparent[data-status=focus]{border-color:#0000}.data-\[status\=focus\]\:bg-error[data-status=focus]{background-color:#bb3030}.data-\[status\=focus\]\:bg-outline[data-status=focus]{background-color:#f0f5fb}.data-\[status\=focus\]\:bg-primary[data-status=focus]{background-color:#008149}.data-\[status\=focus\]\:bg-transparent[data-status=focus]{background-color:#0000}.data-\[status\=focus\]\:text-error[data-status=focus]{color:#bb3030}.data-\[status\=focus\]\:text-neutral-800[data-status=focus]{color:#35373d}.data-\[status\=focus\]\:text-primary[data-status=focus]{color:#008149}.data-\[status\=focus\]\:outline-2[data-status=focus]{outline-style:var(--tw-outline-style);outline-width:2px}.data-\[status\=focus\]\:outline-offset-2[data-status=focus]{outline-offset:2px}.data-\[status\=focus\]\:outline-error[data-status=focus]{outline-color:#bb3030}.data-\[status\=focus\]\:outline-primary[data-status=focus]{outline-color:#008149}.data-\[status\=hover\]\:border-error-hover[data-status=hover]{border-color:#8c2424}.data-\[status\=hover\]\:border-neutral-300[data-status=hover]{border-color:#afb5c0}.data-\[status\=hover\]\:border-primary-hover[data-status=hover]{border-color:#006137}.data-\[status\=hover\]\:border-transparent[data-status=hover]{border-color:#0000}.data-\[status\=hover\]\:bg-error-hover[data-status=hover]{background-color:#8c2424}.data-\[status\=hover\]\:bg-neutral-50[data-status=hover]{background-color:#e5eaf1}.data-\[status\=hover\]\:bg-outline[data-status=hover]{background-color:#f0f5fb}.data-\[status\=hover\]\:bg-primary-hover[data-status=hover]{background-color:#006137}.data-\[status\=hover\]\:bg-transparent[data-status=hover]{background-color:#0000}.data-\[status\=hover\]\:text-error-hover[data-status=hover]{color:#8c2424}.data-\[status\=hover\]\:text-neutral-800[data-status=hover]{color:#35373d}.data-\[status\=hover\]\:text-neutral-900[data-status=hover]{color:#1a1c1e}.data-\[status\=hover\]\:text-primary-hover[data-status=hover]{color:#006137}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-neutral-50:#e5eaf1;--color-neutral-200:#c5cad3;--color-neutral-300:#afb5c0;--color-neutral-500:#848a98;--color-neutral-800:#35373d;--color-neutral-900:#1a1c1e;--color-white:#fff;--spacing:.25rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:#008149;--color-primary-hover:#006137;--color-outline:#f0f5fb;--color-error:#bb3030;--color-error-hover:#8c2424}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--color-neutral-25:#ebf0f6;--color-neutral-25-opacity:5%;--color-neutral-50:#e5eaf1;--color-neutral-50-opacity:10%;--color-neutral-100:#dae0e7;--color-neutral-100-opacity:20%;--color-neutral-200:#c5cad3;--color-neutral-200-opacity:40%;--color-neutral-300:#afb5c0;--color-neutral-300-opacity:60%;--color-neutral-400:#9a9fac;--color-neutral-400-opacity:80%;--color-neutral-500:#848a98;--color-neutral-500-opacity:100%;--color-neutral-600:#6a6e7a;--color-neutral-600-opacity:80%;--color-neutral-700:#4f535b;--color-neutral-700-opacity:60%;--color-neutral-800:#35373d;--color-neutral-800-opacity:40%;--color-neutral-900:#1a1c1e;--color-neutral-900-opacity:20%;--color-neutral-950:#0d0e0f;--color-neutral-950-opacity:10%;--color-green-50:#e6f6ef;--color-green-50-opacity:10%;--color-green-100:#cceccc;--color-green-100-opacity:20%;--color-green-200:#99d999;--color-green-200-opacity:40%;--color-green-300:#66c766;--color-green-300-opacity:60%;--color-green-400:#33b433;--color-green-400-opacity:80%;--color-green-500:#00a000;--color-green-500-opacity:100%;--color-green-600:#008100;--color-green-600-opacity:80%;--color-green-700:#006100;--color-green-700-opacity:60%;--color-green-800:#004000;--color-green-800-opacity:40%;--color-green-900:#002000;--color-green-900-opacity:20%;--color-green-950:#001000;--color-green-950-opacity:10%;--color-blue-50:#e6ecf6;--color-blue-50-opacity:10%;--color-blue-100:#ccd9ec;--color-blue-100-opacity:20%;--color-blue-200:#99b3d9;--color-blue-200-opacity:40%;--color-blue-300:#668cc6;--color-blue-300-opacity:60%;--color-blue-400:#3366b3;--color-blue-400-opacity:80%;--color-blue-500:#0040a0;--color-blue-500-opacity:100%;--color-blue-600:#003380;--color-blue-600-opacity:80%;--color-blue-700:#002660;--color-blue-700-opacity:60%;--color-blue-800:#001a40;--color-blue-800-opacity:40%;--color-blue-900:#000d20;--color-blue-900-opacity:20%;--color-blue-950:#000610;--color-blue-950-opacity:10%;--color-purple-50:#ede6f6;--color-purple-50-opacity:10%;--color-purple-100:#dbccec;--color-purple-100-opacity:20%;--color-purple-200:#b899d9;--color-purple-200-opacity:40%;--color-purple-300:#9466c6;--color-purple-300-opacity:60%;--color-purple-400:#7133b3;--color-purple-400-opacity:80%;--color-purple-500:#4d00a0;--color-purple-500-opacity:100%;--color-purple-600:#3e0080;--color-purple-600-opacity:80%;--color-purple-700:#2e0060;--color-purple-700-opacity:60%;--color-purple-800:#1f0040;--color-purple-800-opacity:40%;--color-purple-900:#0f0020;--color-purple-900-opacity:20%;--color-purple-950:#080010;--color-purple-950-opacity:10%;--color-red-50:#fdecec;--color-red-50-opacity:10%;--color-red-100:#fbd8d8;--color-red-100-opacity:20%;--color-red-200:#f7b1b1;--color-red-200-opacity:40%;--color-red-300:#f28a8a;--color-red-300-opacity:60%;--color-red-400:#ee6363;--color-red-400-opacity:80%;--color-red-500:#ea3c3c;--color-red-500-opacity:100%;--color-red-600:#bb3030;--color-red-600-opacity:80%;--color-red-700:#8c2424;--color-red-700-opacity:60%;--color-red-800:#5e1818;--color-red-800-opacity:40%;--color-red-900:#2f0c0c;--color-red-900-opacity:20%;--color-red-950:#170606;--color-red-950-opacity:10%;--color-orange-50:#fff1e8;--color-orange-50-opacity:10%;--color-orange-100:#ffe4d0;--color-orange-100-opacity:20%;--color-orange-200:#ffc8a1;--color-orange-200-opacity:40%;--color-orange-300:#ffad73;--color-orange-300-opacity:60%;--color-orange-400:#ff9144;--color-orange-400-opacity:80%;--color-orange-500:#ff7615;--color-orange-500-opacity:100%;--color-orange-600:#cc5e11;--color-orange-600-opacity:80%;--color-orange-700:#99470d;--color-orange-700-opacity:60%;--color-orange-800:#662f08;--color-orange-800-opacity:40%;--color-orange-900:#331804;--color-orange-900-opacity:20%;--color-orange-950:#190c02;--color-orange-950-opacity:10%;--color-yellow-50:#fff8e8;--color-yellow-50-opacity:10%;--color-yellow-100:#fff2d0;--color-yellow-100-opacity:20%;--color-yellow-200:#ffe5a1;--color-yellow-200-opacity:40%;--color-yellow-300:#ffd773;--color-yellow-300-opacity:60%;--color-yellow-400:#ffca44;--color-yellow-400-opacity:80%;--color-yellow-500:#ffbd15;--color-yellow-500-opacity:100%;--color-yellow-600:#cc9711;--color-yellow-600-opacity:80%;--color-yellow-700:#99710d;--color-yellow-700-opacity:60%;--color-yellow-800:#664c08;--color-yellow-800-opacity:40%;--color-yellow-900:#332604;--color-yellow-900-opacity:20%;--color-yellow-950:#191302;--color-yellow-950-opacity:10%;--color-cyan-50:#e8fffc;--color-cyan-50-opacity:10%;--color-cyan-100:#d0fffa;--color-cyan-100-opacity:20%;--color-cyan-200:#a1fff4;--color-cyan-200-opacity:40%;--color-cyan-300:#73ffef;--color-cyan-300-opacity:60%;--color-cyan-400:#44ffe9;--color-cyan-400-opacity:80%;--color-cyan-500:#15ffe4;--color-cyan-500-opacity:100%;--color-cyan-600:#11ccb6;--color-cyan-600-opacity:80%;--color-cyan-700:#0d9989;--color-cyan-700-opacity:60%;--color-cyan-800:#08665b;--color-cyan-800-opacity:40%;--color-cyan-900:#04332e;--color-cyan-900-opacity:20%;--color-cyan-950:#021917;--color-cyan-950-opacity:10%;--color-primary:#008149;--color-primary-hover:#006137;--color-outline:#f0f5fb;--color-error:#bb3030;--color-error-hover:#8c2424}}@layer components;@layer utilities{.box-border{box-sizing:border-box}.inline-flex{display:inline-flex}.h-\[44px\]{height:44px}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-error{border-color:var(--color-error)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-primary{border-color:var(--color-primary)}.border-transparent{border-color:#0000}.bg-error{background-color:var(--color-error)}.bg-outline{background-color:var(--color-outline)}.bg-primary{background-color:var(--color-primary)}.bg-transparent{background-color:#0000}.px-3{padding-inline:calc(var(--spacing) * 3)}.body-lg,.body-lg-link{font-family:var(--default-font-family);font-size:20px;font-weight:400;line-height:24px}.body-lg-semibold{font-family:var(--default-font-family);font-size:20px;font-weight:600;line-height:24px}.body-md,.body-md-link{font-family:var(--default-font-family);font-size:16px;font-weight:400;line-height:20px}.body-md-semibold{font-family:var(--default-font-family);font-size:16px;font-weight:600;line-height:20px}.body-sm,.body-sm-link{font-family:var(--default-font-family);font-size:14px;font-weight:400;line-height:16px}.body-sm-semibold{font-family:var(--default-font-family);font-size:14px;font-weight:600;line-height:16px}.caption{font-family:var(--default-font-family);font-size:12px;font-weight:400;line-height:16px}.heading-h1{font-family:var(--default-font-family);font-size:60px;font-weight:600;line-height:72px}.heading-h2{font-family:var(--default-font-family);font-size:48px;font-weight:600;line-height:56px}.heading-h3{font-family:var(--default-font-family);font-size:40px;font-weight:600;line-height:48px}.heading-h4{font-family:var(--default-font-family);font-size:32px;font-weight:600;line-height:40px}.heading-h5{font-family:var(--default-font-family);font-size:24px;font-weight:600;line-height:28px}.heading-h6{font-family:var(--default-font-family);font-size:20px;font-weight:600;line-height:24px}.text-error{color:var(--color-error)}.text-neutral-800{color:var(--color-neutral-800)}.text-primary{color:var(--color-primary)}.text-white{color:var(--color-white)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-error{outline-color:var(--color-error)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:border-error-hover:hover{border-color:var(--color-error-hover)}.hover\:border-neutral-300:hover{border-color:var(--color-neutral-300)}.hover\:border-primary-hover:hover{border-color:var(--color-primary-hover)}.hover\:border-transparent:hover{border-color:#0000}.hover\:bg-error-hover:hover{background-color:var(--color-error-hover)}.hover\:bg-neutral-50:hover{background-color:var(--color-neutral-50)}.hover\:bg-outline:hover{background-color:var(--color-outline)}.hover\:bg-primary-hover:hover{background-color:var(--color-primary-hover)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:text-error-hover:hover{color:var(--color-error-hover)}.hover\:text-neutral-800:hover{color:var(--color-neutral-800)}.hover\:text-neutral-900:hover{color:var(--color-neutral-900)}.hover\:text-primary-hover:hover{color:var(--color-primary-hover)}}.focus-visible\:isolate:focus-visible{isolation:isolate}.focus-visible\:border-error:focus-visible{border-color:var(--color-error)}.focus-visible\:border-neutral-200:focus-visible{border-color:var(--color-neutral-200)}.focus-visible\:border-primary:focus-visible{border-color:var(--color-primary)}.focus-visible\:border-transparent:focus-visible{border-color:#0000}.focus-visible\:bg-error:focus-visible{background-color:var(--color-error)}.focus-visible\:bg-outline:focus-visible{background-color:var(--color-outline)}.focus-visible\:bg-primary:focus-visible{background-color:var(--color-primary)}.focus-visible\:bg-transparent:focus-visible{background-color:#0000}.focus-visible\:text-error:focus-visible{color:var(--color-error)}.focus-visible\:text-neutral-800:focus-visible{color:var(--color-neutral-800)}.focus-visible\:text-primary:focus-visible{color:var(--color-primary)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-error:focus-visible{outline-color:var(--color-error)}.focus-visible\:outline-primary:focus-visible{outline-color:var(--color-primary)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-neutral-500:disabled{border-color:var(--color-neutral-500)}.disabled\:border-transparent:disabled{border-color:#0000}.disabled\:bg-neutral-50:disabled{background-color:var(--color-neutral-50)}.disabled\:bg-transparent:disabled{background-color:#0000}.disabled\:text-neutral-500:disabled{color:var(--color-neutral-500)}.data-\[status\=focus\]\:isolate[data-status=focus]{isolation:isolate}.data-\[status\=focus\]\:border-error[data-status=focus]{border-color:var(--color-error)}.data-\[status\=focus\]\:border-neutral-200[data-status=focus]{border-color:var(--color-neutral-200)}.data-\[status\=focus\]\:border-primary[data-status=focus]{border-color:var(--color-primary)}.data-\[status\=focus\]\:border-transparent[data-status=focus]{border-color:#0000}.data-\[status\=focus\]\:bg-error[data-status=focus]{background-color:var(--color-error)}.data-\[status\=focus\]\:bg-outline[data-status=focus]{background-color:var(--color-outline)}.data-\[status\=focus\]\:bg-primary[data-status=focus]{background-color:var(--color-primary)}.data-\[status\=focus\]\:bg-transparent[data-status=focus]{background-color:#0000}.data-\[status\=focus\]\:text-error[data-status=focus]{color:var(--color-error)}.data-\[status\=focus\]\:text-neutral-800[data-status=focus]{color:var(--color-neutral-800)}.data-\[status\=focus\]\:text-primary[data-status=focus]{color:var(--color-primary)}.data-\[status\=focus\]\:outline-2[data-status=focus]{outline-style:var(--tw-outline-style);outline-width:2px}.data-\[status\=focus\]\:outline-offset-2[data-status=focus]{outline-offset:2px}.data-\[status\=focus\]\:outline-error[data-status=focus]{outline-color:var(--color-error)}.data-\[status\=focus\]\:outline-primary[data-status=focus]{outline-color:var(--color-primary)}.data-\[status\=hover\]\:border-error-hover[data-status=hover]{border-color:var(--color-error-hover)}.data-\[status\=hover\]\:border-neutral-300[data-status=hover]{border-color:var(--color-neutral-300)}.data-\[status\=hover\]\:border-primary-hover[data-status=hover]{border-color:var(--color-primary-hover)}.data-\[status\=hover\]\:border-transparent[data-status=hover]{border-color:#0000}.data-\[status\=hover\]\:bg-error-hover[data-status=hover]{background-color:var(--color-error-hover)}.data-\[status\=hover\]\:bg-neutral-50[data-status=hover]{background-color:var(--color-neutral-50)}.data-\[status\=hover\]\:bg-outline[data-status=hover]{background-color:var(--color-outline)}.data-\[status\=hover\]\:bg-primary-hover[data-status=hover]{background-color:var(--color-primary-hover)}.data-\[status\=hover\]\:bg-transparent[data-status=hover]{background-color:#0000}.data-\[status\=hover\]\:text-error-hover[data-status=hover]{color:var(--color-error-hover)}.data-\[status\=hover\]\:text-neutral-800[data-status=hover]{color:var(--color-neutral-800)}.data-\[status\=hover\]\:text-neutral-900[data-status=hover]{color:var(--color-neutral-900)}.data-\[status\=hover\]\:text-primary-hover[data-status=hover]{color:var(--color-primary-hover)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
 /*$vite$:1*/

package/dist/index.d.ts

@@ -1,2 +1 @@
 export * from './components';
-export * from './tokens';

package/dist/index.js

@@ -105,419 +105,4 @@ function o({ variant: e, className: n, type: r = "button", children: i, ...o })
 	});
 }
 //#endregion
-//#region src/tokens/primitives/colors.ts
-var s = {
-	25: "5%",
-	50: "10%",
-	100: "20%",
-	200: "40%",
-	300: "60%",
-	400: "80%",
-	500: "100%",
-	600: "80%",
-	700: "60%",
-	800: "40%",
-	900: "20%",
-	950: "10%"
-}, c = {
-	neutral: {
-		25: "#EBF0F6",
-		50: "#E5EAF1",
-		100: "#DAE0E7",
-		200: "#C5CAD3",
-		300: "#AFB5C0",
-		400: "#9A9FAC",
-		500: "#848A98",
-		600: "#6A6E7A",
-		700: "#4F535B",
-		800: "#35373D",
-		900: "#1A1C1E",
-		950: "#0D0E0F"
-	},
-	green: {
-		50: "#E6F6EF",
-		100: "#CCECCC",
-		200: "#99D999",
-		300: "#66C766",
-		400: "#33B433",
-		500: "#00A000",
-		600: "#008100",
-		700: "#006100",
-		800: "#004000",
-		900: "#002000",
-		950: "#001000"
-	},
-	blue: {
-		50: "#E6ECF6",
-		100: "#CCD9EC",
-		200: "#99B3D9",
-		300: "#668CC6",
-		400: "#3366B3",
-		500: "#0040A0",
-		600: "#003380",
-		700: "#002660",
-		800: "#001A40",
-		900: "#000D20",
-		950: "#000610"
-	},
-	purple: {
-		50: "#EDE6F6",
-		100: "#DBCCEC",
-		200: "#B899D9",
-		300: "#9466C6",
-		400: "#7133B3",
-		500: "#4D00A0",
-		600: "#3E0080",
-		700: "#2E0060",
-		800: "#1F0040",
-		900: "#0F0020",
-		950: "#080010"
-	},
-	red: {
-		50: "#FDECEC",
-		100: "#FBD8D8",
-		200: "#F7B1B1",
-		300: "#F28A8A",
-		400: "#EE6363",
-		500: "#EA3C3C",
-		600: "#BB3030",
-		700: "#8C2424",
-		800: "#5E1818",
-		900: "#2F0C0C",
-		950: "#170606"
-	},
-	orange: {
-		50: "#FFF1E8",
-		100: "#FFE4D0",
-		200: "#FFC8A1",
-		300: "#FFAD73",
-		400: "#FF9144",
-		500: "#FF7615",
-		600: "#CC5E11",
-		700: "#99470D",
-		800: "#662F08",
-		900: "#331804",
-		950: "#190C02"
-	},
-	yellow: {
-		50: "#FFF8E8",
-		100: "#FFF2D0",
-		200: "#FFE5A1",
-		300: "#FFD773",
-		400: "#FFCA44",
-		500: "#FFBD15",
-		600: "#CC9711",
-		700: "#99710D",
-		800: "#664C08",
-		900: "#332604",
-		950: "#191302"
-	},
-	cyan: {
-		50: "#E8FFFC",
-		100: "#D0FFFA",
-		200: "#A1FFF4",
-		300: "#73FFEF",
-		400: "#44FFE9",
-		500: "#15FFE4",
-		600: "#11CCB6",
-		700: "#0D9989",
-		800: "#08665B",
-		900: "#04332E",
-		950: "#021917"
-	}
-};
-function l(e) {
-	return s[Number(e)];
-}
-function u(e) {
-	let t = c[e];
-	return Object.fromEntries(Object.keys(t).map((t) => [t, `var(--color-${e}-${t})`]));
-}
-var d = Object.fromEntries(Object.entries(c).flatMap(([e, t]) => Object.entries(t).flatMap(([t, n]) => [[`--color-${e}-${t}`, n], [`--color-${e}-${t}-opacity`, l(t)]]))), f = {
-	neutral: u("neutral"),
-	green: u("green"),
-	blue: u("blue"),
-	purple: u("purple"),
-	red: u("red"),
-	orange: u("orange"),
-	yellow: u("yellow"),
-	cyan: u("cyan")
-}, p = { sans: "var(--default-font-family)" }, m = {
-	regular: 400,
-	semibold: 600
-}, h = {
-	xs: "12px",
-	sm: "14px",
-	md: "16px",
-	lg: "20px",
-	xl: "24px",
-	"2xl": "32px",
-	"3xl": "40px",
-	"4xl": "48px",
-	"5xl": "60px"
-}, g = {
-	16: h.md,
-	20: h.lg,
-	24: h.xl,
-	28: "28px",
-	40: h["3xl"],
-	48: h["4xl"],
-	56: "56px",
-	72: "72px"
-}, _ = {
-	primary: "#008149",
-	"primary-hover": "#006137",
-	outline: "#F0F5FB",
-	error: "#BB3030",
-	"error-hover": "#8C2424"
-}, v = {
-	"--color-primary": _.primary,
-	"--color-primary-hover": _["primary-hover"],
-	"--color-outline": _.outline,
-	"--color-error": _.error,
-	"--color-error-hover": _["error-hover"]
-}, y = {
-	background: c.neutral[50],
-	border: c.neutral[500],
-	text: c.neutral[500]
-}, b = {
-	primary: {
-		default: {
-			background: _.primary,
-			border: _.primary
-		},
-		hover: {
-			background: _["primary-hover"],
-			border: _["primary-hover"]
-		},
-		focus: {
-			background: _.primary,
-			border: _.primary
-		},
-		disabled: y
-	},
-	outline: {
-		default: {
-			background: _.outline,
-			border: _.primary
-		},
-		hover: {
-			background: _.outline,
-			border: _["primary-hover"]
-		},
-		focus: {
-			background: _.outline,
-			border: _.primary
-		},
-		disabled: y
-	},
-	transparent: {
-		default: {
-			background: "transparent",
-			border: "transparent",
-			text: _.primary
-		},
-		hover: {
-			background: "transparent",
-			border: "transparent",
-			text: _["primary-hover"]
-		},
-		focus: {
-			background: "transparent",
-			border: "transparent",
-			text: _.primary
-		},
-		disabled: {
-			background: "transparent",
-			border: "transparent",
-			text: c.neutral[500]
-		}
-	},
-	error: {
-		default: {
-			background: _.error,
-			border: _.error
-		},
-		hover: {
-			background: _["error-hover"],
-			border: _["error-hover"]
-		},
-		focus: {
-			background: _.error,
-			border: _.error
-		},
-		disabled: y
-	},
-	"outline-error": {
-		default: {
-			background: _.outline,
-			border: _.error,
-			text: _.error
-		},
-		hover: {
-			background: _.outline,
-			border: _["error-hover"],
-			text: _["error-hover"]
-		},
-		focus: {
-			background: _.outline,
-			border: _.error,
-			text: _.error
-		},
-		disabled: y
-	},
-	"transparent-error": {
-		default: {
-			background: "transparent",
-			border: "transparent",
-			text: _.error
-		},
-		hover: {
-			background: "transparent",
-			border: "transparent",
-			text: _["error-hover"]
-		},
-		focus: {
-			background: "transparent",
-			border: "transparent",
-			text: _.error
-		},
-		disabled: {
-			background: "transparent",
-			border: "transparent",
-			text: c.neutral[500]
-		}
-	},
-	neutral: {
-		default: {
-			background: _.outline,
-			border: c.neutral[200],
-			text: c.neutral[800]
-		},
-		hover: {
-			background: c.neutral[50],
-			border: c.neutral[300],
-			text: c.neutral[800]
-		},
-		focus: {
-			background: _.outline,
-			border: c.neutral[200],
-			text: c.neutral[800]
-		},
-		disabled: y
-	},
-	"outline-neutral": {
-		default: {
-			background: _.outline,
-			border: c.neutral[200],
-			text: c.neutral[800]
-		},
-		hover: {
-			background: _.outline,
-			border: c.neutral[300],
-			text: c.neutral[800]
-		},
-		focus: {
-			background: _.outline,
-			border: c.neutral[200],
-			text: c.neutral[800]
-		},
-		disabled: y
-	},
-	"transparent-neutral": {
-		default: {
-			background: "transparent",
-			border: "transparent",
-			text: c.neutral[800]
-		},
-		hover: {
-			background: "transparent",
-			border: "transparent",
-			text: c.neutral[900]
-		},
-		focus: {
-			background: "transparent",
-			border: "transparent",
-			text: c.neutral[800]
-		},
-		disabled: {
-			background: "transparent",
-			border: "transparent",
-			text: c.neutral[500]
-		}
-	}
-}, x = {
-	fontFamily: p.sans,
-	fontWeight: m.regular
-}, S = {
-	...x,
-	fontWeight: m.semibold
-}, C = {
-	...x,
-	fontSize: h.sm,
-	lineHeight: g[16]
-}, w = {
-	...x,
-	fontSize: h.md,
-	lineHeight: g[20]
-}, T = {
-	...x,
-	fontSize: h.lg,
-	lineHeight: g[24]
-}, E = {
-	"heading-h1": {
-		...S,
-		fontSize: h["5xl"],
-		lineHeight: g[72]
-	},
-	"heading-h2": {
-		...S,
-		fontSize: h["4xl"],
-		lineHeight: g[56]
-	},
-	"heading-h3": {
-		...S,
-		fontSize: h["3xl"],
-		lineHeight: g[48]
-	},
-	"heading-h4": {
-		...S,
-		fontSize: h["2xl"],
-		lineHeight: g[40]
-	},
-	"heading-h5": {
-		...S,
-		fontSize: h.xl,
-		lineHeight: g[28]
-	},
-	"heading-h6": {
-		...S,
-		fontSize: h.lg,
-		lineHeight: g[24]
-	},
-	"body-sm": C,
-	"body-sm-semibold": {
-		...C,
-		fontWeight: m.semibold
-	},
-	"body-sm-link": C,
-	"body-md": w,
-	"body-md-link": w,
-	"body-md-semibold": {
-		...w,
-		fontWeight: m.semibold
-	},
-	"body-lg": T,
-	"body-lg-link": T,
-	"body-lg-semibold": {
-		...T,
-		fontWeight: m.semibold
-	},
-	caption: {
-		...x,
-		fontSize: h.xs,
-		lineHeight: g[16]
-	}
-};
-//#endregion
-export { o as Button, b as button, a as buttonVariants, d as colorCssVariables, f as colorCssVars, s as colorShadeOpacity, c as colors, p as fontFamily, h as fontSize, m as fontWeight, g as lineHeight, v as semanticColorCssVariables, _ as semanticColors, E as typography };
+export { o as Button };