@rojaostudio/ds 1.0.2 → 2.0.0-next.1

package/styles/rds/foundation.css

@@ -0,0 +1,74 @@
+/* GENERATED by scripts/build-rds-tokens.ts from ds-core/figma/foundation.txt. Do not edit. */
+@layer rds.tokens {
+:root, .ds-scope, .dark, .ds-plate {
+  --radius-large: 12px;
+  --radius-small: 8px;
+  --radius-full: 9999px;
+  --radius-card: 12px;
+  --radius-control: 8px;
+  --radius-field: 8px;
+  --radius-container: 12px;
+  --radius-focus: 12px;
+  --radius-xs: 4px;
+  --border-width: 1px;
+  --border-width-strong: 2px;
+  --focus-ring-width: 2px;
+  --type-font-family: "Inter";
+  --type-font-stack: Inter, Arial, Helvetica, sans-serif;
+  --type-heading-size: 24px;
+  --type-heading-line: 30px;
+  --type-heading-weight: 700;
+  --type-lead-size: 18px;
+  --type-lead-line: 30px;
+  --type-body-size: 16px;
+  --type-body-line: 24px;
+  --type-label-size: 16px;
+  --type-label-line: 24px;
+  --type-button-size: 14px;
+  --type-button-line: 20px;
+  --type-small-size: 14px;
+  --type-small-line: 20px;
+  --type-caption-size: 12px;
+  --type-caption-line: 16px;
+  --type-caption-weight: 500;
+  --type-footer-size: 12px;
+  --type-footer-line: 20px;
+  --type-value-size: 20px;
+  --type-value-line: 30px;
+  --type-band-size: 36px;
+  --type-band-line: 48px;
+  --space-4: 4px;
+  --space-8: 8px;
+  --space-12: 12px;
+  --space-16: 16px;
+  --space-24: 24px;
+  --space-32: 32px;
+  --space-40: 40px;
+  --space-48: 48px;
+  --space-56: 56px;
+  --space-64: 64px;
+  --size-16: 16px;
+  --size-20: 20px;
+  --size-24: 24px;
+  --size-32: 32px;
+  --size-40: 40px;
+  --size-48: 48px;
+  --size-56: 56px;
+  --blur-backdrop: 16px;
+  --motion-duration-fast: 100ms;
+  --motion-duration-base: 200ms;
+  --motion-duration-slow: 300ms;
+  --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
+  --motion-easing-enter: cubic-bezier(0, 0, 0, 1);
+  --motion-easing-exit: cubic-bezier(0.3, 0, 1, 1);
+  --z-dropdown: 1000;
+  --z-sticky: 1100;
+  --z-overlay: 1200;
+  --z-modal: 1300;
+  --z-toast: 1400;
+  --z-tooltip: 1500;
+  --elevation-raised: 0px 2px 4px -2px var(--shadow-ambient), 0px 4px 8px -2px var(--shadow-key);
+  --elevation-overlay: 0px 4px 8px -4px var(--shadow-ambient), 0px 8px 16px -4px var(--shadow-key);
+  --elevation-modal: 0px 24px 48px -12px var(--shadow-strong);
+}
+}

package/styles/rds/theme.css

@@ -0,0 +1,261 @@
+/* GENERATED by scripts/build-rds-tokens.ts from ds-core/figma/theme.txt. Do not edit. */
+@layer rds.theme {
+:root, .ds-scope {
+  --colors-primary-light: #6b7488;
+  --colors-primary-default: #1b2a4a;
+  --colors-primary-dark: #1b2a4a;
+  --colors-secondary-light: #6b7488;
+  --colors-secondary-default: #1b2a4a;
+  --colors-secondary-active: #26344f;
+  --colors-accent-highlight: #ffca96;
+  --colors-accent-default: #ff6a00;
+  --colors-accent-hover: #ff9640;
+  --colors-accent-invert: #ffffff;
+  --text-heading: #ff6a00;
+  --text-body: #27272a;
+  --text-link: #006bb5;
+  --surface-page: #f4f4f5;
+  --surface-card: #ffffff;
+  --surface-panel: #fafafa;
+  --border-default: #e4e4e7;
+  --surface-tint-default: #ffca96;
+  --text-on-action-tonal: #3a465f;
+  --text-on-primary: #ffffff;
+  --text-on-secondary: #ffffff;
+  --text-on-accent: #000000;
+  --text-on-tint: #000000;
+  --colors-state-error: #c50003;
+  --colors-state-error-strong: #6f0000;
+  --surface-tint-strong: #ffb066;
+  --text-on-error: #ffffff;
+  --surface-action-default: #e2f0ff;
+  --surface-action-strong: #bddeff;
+  --focus-ring: #27272a;
+  --focus-ring-inset: #ffffff;
+  --surface-disabled: #0000001a;
+  --text-disabled: #00000066;
+  --text-muted: #3f3f46;
+  --text-disabled-invert: #ffffff66;
+  --text-action: #00518d;
+  --surface-lift-action: #f4f6f9;
+  --text-on-lift-action: #000000;
+  --surface-lift-action-strong: #e2f0ff;
+  --surface-band-action: #e2f0ff;
+  --surface-band-base: #e2f0ff;
+  --text-on-band-action: #000000;
+  --text-on-band-base: #000000;
+  --text-on-primary-strong: #ffffff;
+  --colors-accent-logo: #ffb066;
+  --surface-band-mark-action: #2196f3;
+  --surface-band-mark-base: #2196f3;
+  --colors-secondary-hover: #3a465f;
+  --colors-state-success: #4caf50;
+  --text-on-success: #000000;
+  --colors-state-success-strong: #0a7e1c;
+  --surface-cover: #ff6a00;
+  --text-on-cover: #000000;
+  --text-subtle: #52525b;
+  --surface-muted: #f4f4f5;
+  --surface-error: #ffe8e5;
+  --colors-primary-active: #5a6478;
+  --surface-muted-strong: #e4e4e7;
+  --colors-state-error-active: #4b0000;
+  --text-error: #6f0000;
+  --surface-error-strong: #ffccc4;
+  --border-strong: #71717a;
+  --border-strong-hover: #52525b;
+  --colors-state-info: #2196f3;
+  --text-on-info: #000000;
+  --colors-state-warning: #ff9800;
+  --colors-state-warning-strong: #dc7f00;
+  --text-on-warning: #000000;
+  --colors-state-neutral: #52525b;
+  --text-on-neutral: #ffffff;
+  --surface-success: #caffc8;
+  --text-success: #004507;
+  --surface-info: #e2f0ff;
+  --text-info: #00518d;
+  --surface-warning: #ffeddd;
+  --text-warning: #a15700;
+  --surface-neutral: #f4f4f5;
+  --text-neutral: #27272a;
+  --chart-series-1: #5a6478;
+  --chart-series-2: #dc7f00;
+  --chart-series-3: #009688;
+  --chart-series-4: #bc4ad0;
+  --chart-series-5: #379c3d;
+  --colors-accent-mark: #ff9640;
+  --text-on-accent-mark: #000000;
+  --type-font-mono: "Roboto Mono", monospace;
+  --surface-scrim: #00000080;
+  --shadow-ambient: #0000000d;
+  --shadow-key: #0000001a;
+  --shadow-strong: #00000033;
+  --logo-primary: #1b2a4a;
+  --logo-accent: #ffb066;
+  --logo-signature: #1b2a4a;
+  --logo-accent-2: #1b2a4a;
+  --logo-accent-3: #ff6a00;
+  --logo-mono: #000000;
+  --logo-inverse: #ffffff;
+  --logo-inverse-signature: #ffffff;
+  --social-ink: #000000;
+  --colors-state-info-strong: #2196f3;
+  --colors-state-neutral-strong: #52525b;
+  --text-on-primary-subtle: #ffffff4d;
+  --surface-tint-subtle: #ffe2c6;
+}
+
+:root.dark, .dark, .ds-scope.dark, .dark .ds-scope {
+  --colors-primary-light: #8a91a1;
+  --colors-primary-default: #c9cdd8;
+  --colors-primary-dark: #e4e6ec;
+  --colors-secondary-default: #8a91a1;
+  --colors-secondary-active: #c9cdd8;
+  --colors-accent-highlight: #d95a00;
+  --colors-accent-default: #ffb066;
+  --colors-accent-hover: #ffca96;
+  --text-heading: #fafafa;
+  --text-body: #f4f4f5;
+  --text-link: #8cc6ff;
+  --surface-page: #18181b;
+  --surface-card: #18181b;
+  --surface-panel: #18181b;
+  --border-default: #27272a;
+  --surface-tint-default: #b34b00;
+  --text-on-action-tonal: #c9cdd8;
+  --text-on-primary: #000000;
+  --text-on-secondary: #000000;
+  --text-on-tint: #ffffff;
+  --colors-state-error-strong: #ff6c5c;
+  --surface-tint-strong: #d95a00;
+  --surface-action-default: #002445;
+  --surface-action-strong: #003966;
+  --focus-ring: #f4f4f5;
+  --focus-ring-inset: #18181b;
+  --surface-disabled: #ffffff1a;
+  --text-disabled: #ffffff66;
+  --text-muted: #d4d4d8;
+  --text-disabled-invert: #00000066;
+  --text-action: #8cc6ff;
+  --surface-lift-action: #26344f;
+  --text-on-lift-action: #ffffff;
+  --surface-lift-action-strong: #3a465f;
+  --text-on-primary-strong: #000000;
+  --colors-secondary-hover: #aeb6c4;
+  --colors-state-success-strong: #82d982;
+  --text-subtle: #a1a1aa;
+  --surface-muted: #27272a;
+  --surface-error: #4b0000;
+  --colors-primary-active: #aeb6c4;
+  --surface-muted-strong: #3f3f46;
+  --text-error: #ffa598;
+  --surface-error-strong: #4b0000;
+  --border-strong-hover: #a1a1aa;
+  --colors-state-warning-strong: #ff9800;
+  --surface-success: #002d01;
+  --text-success: #82d982;
+  --surface-info: #002445;
+  --text-info: #8cc6ff;
+  --surface-warning: #6c3500;
+  --text-warning: #ffbb7a;
+  --surface-neutral: #27272a;
+  --text-neutral: #e4e4e7;
+  --chart-series-1: #8a91a1;
+  --chart-series-2: #ff9800;
+  --chart-series-3: #45b7a8;
+  --chart-series-4: #db6def;
+  --chart-series-5: #4caf50;
+  --colors-accent-mark: #ffb066;
+  --surface-scrim: #000000b3;
+  --shadow-ambient: #00000033;
+  --shadow-key: #00000066;
+  --shadow-strong: #00000099;
+  --logo-primary: #ffffff;
+  --logo-accent: #ffffff;
+  --logo-signature: #ffffff;
+  --logo-mono: #ffffff;
+  --social-ink: #ffffff;
+  --colors-state-info-strong: #8cc6ff;
+  --colors-state-neutral-strong: #a1a1aa;
+  --text-on-primary-subtle: #0000004d;
+  --surface-tint-subtle: #b34b00;
+}
+
+.ds-plate {
+  --colors-primary-light: #aeb6c4;
+  --colors-primary-default: #ffffff;
+  --colors-primary-dark: #e4e6ec;
+  --colors-secondary-light: #aeb6c4;
+  --colors-secondary-default: #ffffff;
+  --colors-secondary-active: #c9cdd8;
+  --colors-accent-highlight: #d95a00;
+  --colors-accent-default: #ffb066;
+  --colors-accent-hover: #ffca96;
+  --text-heading: #ffffff;
+  --text-body: #ffffff;
+  --text-link: #ffffff;
+  --surface-page: #1b2a4a;
+  --surface-card: #6b7488;
+  --surface-panel: #1b2a4a;
+  --border-default: #ffffff33;
+  --surface-tint-default: #ffffff1a;
+  --text-on-action-tonal: #ffffff;
+  --text-on-primary: #1b2a4a;
+  --text-on-secondary: #1b2a4a;
+  --text-on-tint: #ffffff;
+  --colors-state-error-strong: #ff6c5c;
+  --surface-tint-strong: #ffffff33;
+  --surface-action-default: #ffffff1a;
+  --surface-action-strong: #ffffff33;
+  --focus-ring: #ffffff;
+  --focus-ring-inset: #1b2a4a;
+  --surface-disabled: #ffffff1a;
+  --text-disabled: #ffffff66;
+  --text-muted: #ffffffb3;
+  --text-disabled-invert: #00000066;
+  --text-action: #ffffff;
+  --surface-lift-action: #ffffff1a;
+  --text-on-lift-action: #ffffff;
+  --surface-lift-action-strong: #ffffff33;
+  --text-on-primary-strong: #1b2a4a;
+  --colors-secondary-hover: #e4e6ec;
+  --colors-state-success-strong: #82d982;
+  --text-subtle: #ffffff99;
+  --surface-muted: #ffffff1a;
+  --surface-error: #4b0000;
+  --colors-primary-active: #c9cdd8;
+  --surface-muted-strong: #ffffff33;
+  --text-error: #ffa598;
+  --surface-error-strong: #4b0000;
+  --border-strong: #ffffff99;
+  --border-strong-hover: #ffffffcc;
+  --colors-state-warning-strong: #ff9800;
+  --surface-success: #002d01;
+  --text-success: #82d982;
+  --surface-info: #002445;
+  --text-info: #8cc6ff;
+  --surface-warning: #6c3500;
+  --text-warning: #ffbb7a;
+  --surface-neutral: #27272a;
+  --text-neutral: #e4e4e7;
+  --chart-series-1: #8a91a1;
+  --chart-series-2: #ff9800;
+  --chart-series-3: #45b7a8;
+  --chart-series-4: #db6def;
+  --chart-series-5: #4caf50;
+  --colors-accent-mark: #ffb066;
+  --surface-scrim: #000000b3;
+  --shadow-ambient: #00000033;
+  --shadow-key: #00000066;
+  --shadow-strong: #00000099;
+  --logo-primary: #ffffff;
+  --logo-accent: #ffffff;
+  --logo-signature: #ffffff;
+  --logo-mono: #ffffff;
+  --social-ink: #ffffff;
+  --colors-state-info-strong: #8cc6ff;
+  --colors-state-neutral-strong: #a1a1aa;
+  --surface-tint-subtle: #ffffff0d;
+}
+}

package/styles/rds.css

@@ -0,0 +1,6 @@
+/* GENERATED by scripts/build-rds-tokens.ts. Import once: @import "@rojaostudio/ds/styles/rds.css". */
+@layer rds.theme, rds.tokens, rds.components;
+@import "./rds/theme.css";
+@import "./rds/foundation.css";
+@import "./rds/components.css";
+@import "./rds/components-styles.css";

package/styles/themes/rojao.css

@@ -1,6 +1,6 @@
 /* ─────────────────────────────────────────────────────────────
    ROJAO DS — Rojao theme  ·  GERADO (não editar à mão)
-   Brand Rojão (loja). Neutro preto + accent green, Inter.
+   Brand Rojão. Navy + flare accent on zinc, Inter (Figma [RDS], brand rojao).
 
    Fonte: recipes/index.ts (rojao) → generate/emitCss.ts
    Regerar: pnpm build:themes
@@ -18,90 +18,83 @@
   --font-family-display         : var(--font-inter), system-ui, sans-serif;
 
   /* ── Brand ── */
-  --brand-primary-50            : var(--color-neutral-50);
-  --brand-primary-100           : var(--color-neutral-100);
-  --brand-primary-200           : var(--color-neutral-200);
-  --brand-primary-300           : var(--color-neutral-300);
-  --brand-primary-400           : var(--color-neutral-400);
-  --brand-primary-500           : var(--color-neutral-500);
-  --brand-primary-600           : var(--color-neutral-600);
-  --brand-primary-700           : var(--color-neutral-700);
-  --brand-primary-800           : var(--color-neutral-800);
-  --brand-primary-900           : var(--color-neutral-900);
-  --brand-primary               : var(--color-neutral-900);
-  --brand-hover                 : var(--color-neutral-700);
+  --brand-primary-50            : var(--color-navy-50);
+  --brand-primary-100           : var(--color-navy-100);
+  --brand-primary-200           : var(--color-navy-200);
+  --brand-primary-300           : var(--color-navy-300);
+  --brand-primary-400           : var(--color-navy-400);
+  --brand-primary-500           : var(--color-navy-500);
+  --brand-primary-600           : var(--color-navy-600);
+  --brand-primary-700           : var(--color-navy-700);
+  --brand-primary-800           : var(--color-navy-800);
+  --brand-primary-900           : var(--color-navy-900);
+  --brand-primary               : var(--color-navy-900);
+  --brand-hover                 : var(--color-navy-800);
   --brand-on-primary            : var(--color-white);
-  --brand-secondary             : var(--color-white);
-  --brand-on-secondary          : var(--color-neutral-900);
+  --brand-secondary             : var(--color-navy-900);
+  --brand-on-secondary          : var(--color-white);
   --brand-secondary-surface     : var(--brand-secondary);
   --brand-secondary-band        : var(--brand-secondary);
   --brand-secondary-texture     : none;
   --brand-secondary-texture-size: 18px 18px;
-  --brand-accent                : var(--color-green-500);
-  --brand-accent-light          : var(--color-green-50);
-  --brand-on-accent             : var(--color-white);
-  --brand-text                  : var(--color-neutral-900);
+  --brand-accent                : var(--color-flare-700);
+  --brand-on-accent             : var(--color-black);
+  --brand-text                  : var(--color-navy-900);
 
   /* ── Surface ── */
-  --surface-page                : var(--color-neutral-50);
+  --surface-page                : var(--color-zinc-50);
   --surface-default             : var(--color-white);
-  --surface-raised              : var(--color-neutral-100);
-  --surface-overlay             : var(--color-neutral-900);
-  --surface-invert              : var(--color-neutral-900);
+  --surface-raised              : var(--color-zinc-100);
+  --surface-overlay             : var(--color-zinc-900);
+  --surface-invert              : var(--color-zinc-900);
 
   /* ── Border ── */
-  --border-subtle               : var(--color-neutral-100);
-  --border-default              : var(--color-neutral-200);
-  --border-strong               : var(--color-neutral-300);
-  --border-control              : var(--color-neutral-500);
-  --border-focus                : var(--color-neutral-900);
+  --border-subtle               : var(--color-zinc-100);
+  --border-default              : var(--color-zinc-200);
+  --border-strong               : var(--color-zinc-300);
+  --border-control              : var(--color-zinc-500);
+  --border-focus                : var(--color-navy-900);
 
   /* ── Text ── */
-  --text-primary                : var(--color-neutral-900);
-  --text-secondary              : var(--color-neutral-700);
-  --text-muted                  : var(--color-neutral-600);
-  --text-disabled               : var(--color-neutral-400);
+  --text-primary                : var(--color-zinc-900);
+  --text-secondary              : var(--color-zinc-700);
+  --text-muted                  : var(--color-zinc-600);
+  --text-disabled               : var(--color-zinc-400);
   --text-inverse                : var(--color-white);
-  --text-placeholder            : var(--color-neutral-600);
+  --text-placeholder            : var(--color-zinc-600);
 
   /* ── Icon ── */
-  --icon-default                : var(--color-neutral-800);
+  --icon-default                : var(--color-zinc-800);
 }
 
 .theme-rojao.dark,
 :is(.dark).theme-rojao {
   /* ── Brand ── */
-  --brand-primary          : var(--color-white);
-  --brand-hover            : var(--color-neutral-100);
-  --brand-on-primary       : var(--color-neutral-900);
-  --brand-secondary        : var(--color-neutral-900);
-  --brand-on-secondary     : var(--color-white);
-  --brand-text             : var(--color-neutral-50);
+  --brand-text             : var(--color-zinc-50);
   --brand-secondary-surface: var(--surface-page);
   --brand-secondary-band   : transparent;
 
   /* ── Surface ── */
-  --surface-page           : var(--color-neutral-900);
-  --surface-default        : var(--color-neutral-800);
-  --surface-raised         : var(--color-neutral-700);
-  --surface-overlay        : var(--color-neutral-200);
-  --surface-invert         : var(--color-neutral-50);
+  --surface-page           : var(--color-zinc-900);
+  --surface-default        : var(--color-zinc-800);
+  --surface-raised         : var(--color-zinc-700);
+  --surface-overlay        : var(--color-zinc-200);
+  --surface-invert         : var(--color-zinc-50);
 
   /* ── Border ── */
   --border-subtle          : color-mix(in srgb, var(--color-white) 8%, transparent);
   --border-default         : color-mix(in srgb, var(--color-white) 14%, transparent);
   --border-strong          : color-mix(in srgb, var(--color-white) 22%, transparent);
   --border-control         : color-mix(in srgb, var(--color-white) 40%, transparent);
-  --border-focus           : var(--color-neutral-400);
 
   /* ── Text ── */
-  --text-primary           : var(--color-neutral-50);
-  --text-secondary         : var(--color-neutral-200);
-  --text-muted             : var(--color-neutral-300);
-  --text-disabled          : var(--color-neutral-600);
-  --text-inverse           : var(--color-neutral-900);
-  --text-placeholder       : var(--color-neutral-300);
+  --text-primary           : var(--color-zinc-50);
+  --text-secondary         : var(--color-zinc-200);
+  --text-muted             : var(--color-zinc-300);
+  --text-disabled          : var(--color-zinc-600);
+  --text-inverse           : var(--color-zinc-900);
+  --text-placeholder       : var(--color-zinc-300);
 
   /* ── Icon ── */
-  --icon-default           : var(--color-neutral-400);
+  --icon-default           : var(--color-zinc-400);
 }

package/dist/components/blocker-card.d.ts

@@ -1,42 +0,0 @@
-import * as react from 'react';
-import { ReactNode, ComponentType } from 'react';
-
-/**
- * BlockerCard — destaque bloqueante. Mostra que algo precisa de atenção pra
- * o usuário poder seguir (limite atingido, plano expirado, feature gateada).
- *
- * Uso:
- *   <BlockerCard
- *     title="Limite de produtos atingido"
- *     description="Você usou 50/50. Faça upgrade pra cadastrar mais."
- *     action="Ver planos"
- *     actionHref="/billing"
- *   />
- *
- * Pra Next.js, passa `linkAs={Link}` pra usar next/link em vez de `<a>`.
- */
-type BlockerCardTone = 'danger' | 'warning' | 'info';
-interface BlockerCardProps {
-    title: string;
-    description: ReactNode;
-    /** Label do botão de ação (opcional). */
-    action?: string;
-    /** URL/link da ação. Se ausente e `onAction` definido, vira botão. */
-    actionHref?: string;
-    /** Handler de ação (se preferir click handler em vez de href). */
-    onAction?: () => void;
-    /** Tom semântico. default = "danger". */
-    tone?: BlockerCardTone;
-    /** Eyebrow text antes do título (ex: "Bloqueio", "Limite"). */
-    eyebrow?: string;
-    /** Component de link customizado (ex: next/link). default = `<a>`. */
-    linkAs?: ComponentType<{
-        href: string;
-        className?: string;
-        children: ReactNode;
-    }>;
-    className?: string;
-}
-declare function BlockerCard({ title, description, action, actionHref, onAction, tone, eyebrow, linkAs: LinkAs, className, }: BlockerCardProps): react.JSX.Element;
-
-export { BlockerCard, type BlockerCardProps, type BlockerCardTone };

package/dist/components/blocker-card.js

@@ -1,54 +0,0 @@
-import "../chunk-ORMEWXMH.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-const TONE = {
-  danger: {
-    container: "border-danger-border bg-danger-soft",
-    eyebrow: "text-danger-text",
-    action: "border-danger-border bg-surface-default text-danger-text hover:bg-danger-soft"
-  },
-  warning: {
-    container: "border-warning-border bg-warning-soft",
-    eyebrow: "text-warning-text",
-    action: "border-warning-border bg-surface-default text-warning-text hover:bg-warning-soft"
-  },
-  info: {
-    container: "border-info-border bg-info-soft",
-    eyebrow: "text-info-text",
-    action: "border-info-border bg-surface-default text-info-text hover:bg-info-soft"
-  }
-};
-const DEFAULT_EYEBROW = {
-  danger: "Bloqueio",
-  warning: "Aten\xE7\xE3o",
-  info: "Aviso"
-};
-function DefaultLink({ href, className, children }) {
-  return /* @__PURE__ */ jsx("a", { href, className, children });
-}
-function BlockerCard({
-  title,
-  description,
-  action,
-  actionHref,
-  onAction,
-  tone = "danger",
-  eyebrow,
-  linkAs: LinkAs = DefaultLink,
-  className = ""
-}) {
-  const palette = TONE[tone];
-  const eyebrowText = eyebrow != null ? eyebrow : DEFAULT_EYEBROW[tone];
-  const actionClass = ["shrink-0 rounded-(--radius-card) border px-3 py-1.5 text-caption font-medium transition-colors whitespace-nowrap", palette.action].join(" ");
-  return /* @__PURE__ */ jsx("div", { className: ["rounded-(--radius-card) border p-4", palette.container, className].join(" "), children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-      /* @__PURE__ */ jsx("span", { className: ["text-caption font-semibold uppercase tracking-wide", palette.eyebrow].join(" "), children: eyebrowText }),
-      /* @__PURE__ */ jsx("p", { className: "mt-0.5 font-semibold text-fg-primary text-label", children: title }),
-      /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-label text-fg-secondary", children: description })
-    ] }),
-    action && actionHref && /* @__PURE__ */ jsx(LinkAs, { href: actionHref, className: actionClass, children: action }),
-    action && !actionHref && onAction && /* @__PURE__ */ jsx("button", { type: "button", onClick: onAction, className: actionClass, children: action })
-  ] }) });
-}
-export {
-  BlockerCard
-};

package/dist/components/bottom-sheet.d.ts

@@ -1,31 +0,0 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-
-/**
- * BottomSheet — drawer ancorado na borda inferior. Padrão mobile-first;
- * em desktop renderiza centralizado mais estreito (responde ao viewport).
- *
- * Uso:
- *   <BottomSheet open={open} onClose={() => setOpen(false)} title="Filtros">
- *     <p>Conteúdo</p>
- *   </BottomSheet>
- *
- * Recursos: backdrop com fade, swipe-to-dismiss (em mobile), trap focus básico,
- * ESC fecha, snap points opcionais (full / half / auto).
- */
-interface BottomSheetProps {
-    open: boolean;
-    onClose: () => void;
-    title?: string;
-    children: ReactNode;
-    /** Altura do sheet. default = "auto" (cresce até max-h). */
-    snap?: 'auto' | 'half' | 'full';
-    /** Esconde header + close button. default = false. */
-    hideHeader?: boolean;
-    /** Fecha ao clicar no backdrop. default = true. */
-    closeOnBackdrop?: boolean;
-    className?: string;
-}
-declare const BottomSheet: react.ForwardRefExoticComponent<BottomSheetProps & react.RefAttributes<HTMLDivElement>>;
-
-export { BottomSheet, type BottomSheetProps };