@snksergio/design-system 0.4.0 → 0.5.1

package/dist-lib/src/preview/pages/ClientesShowcase/clientes-showcase.styles.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Layout em grid de 2 colunas usado dentro do drawer pra pares de campos
+ * (Email + WhatsApp, Cidade + Valor).
+ */
+export declare const drawerFormStyles: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            statusDot?: import('tailwind-merge').ClassNameValue;
+            twoCols?: import('tailwind-merge').ClassNameValue;
+            fieldLabel?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            statusDot?: import('tailwind-merge').ClassNameValue;
+            twoCols?: import('tailwind-merge').ClassNameValue;
+            fieldLabel?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    twoCols: string;
+    fieldLabel: string;
+    statusDot: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            statusDot?: import('tailwind-merge').ClassNameValue;
+            twoCols?: import('tailwind-merge').ClassNameValue;
+            fieldLabel?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    twoCols: string;
+    fieldLabel: string;
+    statusDot: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    twoCols: string;
+    fieldLabel: string;
+    statusDot: string;
+}, undefined, unknown, unknown, undefined>>;
+//# sourceMappingURL=clientes-showcase.styles.d.ts.map

package/dist-lib/src/preview/pages/ClientesShowcase/clientes-showcase.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clientes-showcase.styles.d.ts","sourceRoot":"","sources":["../../../../../src/preview/pages/ClientesShowcase/clientes-showcase.styles.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAO3B,CAAC"}

package/dist-lib/src/preview/pages/ClientesShowcase/clientes-showcase.types.d.ts

@@ -0,0 +1,16 @@
+import { STATUSES, CATEGORIES } from '../TableDoc';
+/**
+ * Payload do formulário do drawer "Novo cliente".
+ * Consumido por <NovoClienteDrawer onSubmit={...}> no main page.
+ */
+export type NovoClienteFormData = {
+    name: string;
+    email: string;
+    whatsapp: string;
+    statusId: keyof typeof STATUSES;
+    categoryId: keyof typeof CATEGORIES;
+    city: string;
+    value: number;
+    notes: string;
+};
+//# sourceMappingURL=clientes-showcase.types.d.ts.map

package/dist-lib/src/preview/pages/ClientesShowcase/clientes-showcase.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clientes-showcase.types.d.ts","sourceRoot":"","sources":["../../../../../src/preview/pages/ClientesShowcase/clientes-showcase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,OAAO,QAAQ,CAAC;IAChC,UAAU,EAAE,MAAM,OAAO,UAAU,CAAC;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}

package/dist-lib/src/preview/pages/ClientesShowcase/components/DetailDrawer/detail-drawer.d.ts

@@ -0,0 +1,8 @@
+import { DetailDrawerProps } from './detail-drawer.types';
+/**
+ * Drawer "Detalhes do cliente" — usa `<FloatingPanel>` do DS (non-modal,
+ * resizable, maximizable, responsive). Replica visual do `TblDetailsPanel`
+ * do sandbox /design-and-table-v2.
+ */
+export declare function DetailDrawer({ row, onClose, onEdit, onDelete, onSave, }: DetailDrawerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=detail-drawer.d.ts.map

package/dist-lib/src/preview/pages/ClientesShowcase/components/DetailDrawer/detail-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ClientesShowcase/components/DetailDrawer/detail-drawer.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAwE/D;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,GAAG,EACH,OAAO,EACP,MAAM,EACN,QAAQ,EACR,MAAM,GACP,EAAE,iBAAiB,kDA2MnB"}

package/dist-lib/src/preview/pages/ClientesShowcase/components/DetailDrawer/detail-drawer.styles.d.ts

@@ -0,0 +1,73 @@
+/**
+ * Styles do DetailDrawer — apenas as partes internas (sections collapsibles
+ * + DetailField). O shell flutuante (aside, header com avatar+meta, footer
+ * com botões) é delegado ao `<FloatingPanel>` do DS.
+ */
+export declare const detailDrawerStyles: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            section?: import('tailwind-merge').ClassNameValue;
+            field?: import('tailwind-merge').ClassNameValue;
+            fieldLabel?: import('tailwind-merge').ClassNameValue;
+            sectionChev?: import('tailwind-merge').ClassNameValue;
+            sectionChevOpen?: import('tailwind-merge').ClassNameValue;
+            sectionBody?: import('tailwind-merge').ClassNameValue;
+            fieldValue?: import('tailwind-merge').ClassNameValue;
+            sectionHead?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            section?: import('tailwind-merge').ClassNameValue;
+            field?: import('tailwind-merge').ClassNameValue;
+            fieldLabel?: import('tailwind-merge').ClassNameValue;
+            sectionChev?: import('tailwind-merge').ClassNameValue;
+            sectionChevOpen?: import('tailwind-merge').ClassNameValue;
+            sectionBody?: import('tailwind-merge').ClassNameValue;
+            fieldValue?: import('tailwind-merge').ClassNameValue;
+            sectionHead?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    section: string;
+    sectionHead: string[];
+    sectionChev: string;
+    sectionChevOpen: string;
+    sectionBody: string;
+    field: string;
+    fieldLabel: string;
+    fieldValue: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            section?: import('tailwind-merge').ClassNameValue;
+            field?: import('tailwind-merge').ClassNameValue;
+            fieldLabel?: import('tailwind-merge').ClassNameValue;
+            sectionChev?: import('tailwind-merge').ClassNameValue;
+            sectionChevOpen?: import('tailwind-merge').ClassNameValue;
+            sectionBody?: import('tailwind-merge').ClassNameValue;
+            fieldValue?: import('tailwind-merge').ClassNameValue;
+            sectionHead?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    section: string;
+    sectionHead: string[];
+    sectionChev: string;
+    sectionChevOpen: string;
+    sectionBody: string;
+    field: string;
+    fieldLabel: string;
+    fieldValue: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    section: string;
+    sectionHead: string[];
+    sectionChev: string;
+    sectionChevOpen: string;
+    sectionBody: string;
+    field: string;
+    fieldLabel: string;
+    fieldValue: string;
+}, undefined, unknown, unknown, undefined>>;
+//# sourceMappingURL=detail-drawer.styles.d.ts.map

package/dist-lib/src/preview/pages/ClientesShowcase/components/DetailDrawer/detail-drawer.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-drawer.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ClientesShowcase/components/DetailDrawer/detail-drawer.styles.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAoB7B,CAAC"}

package/dist-lib/src/preview/pages/ClientesShowcase/components/DetailDrawer/detail-drawer.types.d.ts

@@ -0,0 +1,14 @@
+import { ClientRow } from '../../../TableDoc';
+export type DetailDrawerProps = {
+    /** Cliente em exibição. Quando `null` o drawer fica desmontado. */
+    row: ClientRow | null;
+    /** Fecha o drawer (chamado por ESC, X do header e Cancelar). */
+    onClose: () => void;
+    /** Disparado pelo botão Editar (ícone Pencil no header). Opcional. */
+    onEdit?: (row: ClientRow) => void;
+    /** Disparado pelo botão Excluir (ícone Trash no header). Opcional. */
+    onDelete?: (row: ClientRow) => void;
+    /** Disparado pelo CTA "Salvar alterações" do footer. Opcional. */
+    onSave?: (row: ClientRow) => void;
+};
+//# sourceMappingURL=detail-drawer.types.d.ts.map

package/dist-lib/src/preview/pages/ClientesShowcase/components/DetailDrawer/detail-drawer.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-drawer.types.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ClientesShowcase/components/DetailDrawer/detail-drawer.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,mEAAmE;IACnE,GAAG,EAAE,SAAS,GAAG,IAAI,CAAC;IACtB,gEAAgE;IAChE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sEAAsE;IACtE,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;IAClC,sEAAsE;IACtE,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,kEAAkE;IAClE,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;CACnC,CAAC"}

package/dist-lib/src/preview/pages/ClientesShowcase/components/DetailDrawer/index.d.ts

@@ -0,0 +1,3 @@
+export { DetailDrawer } from './detail-drawer';
+export type { DetailDrawerProps } from './detail-drawer.types';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/preview/pages/ClientesShowcase/components/DetailDrawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ClientesShowcase/components/DetailDrawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist-lib/src/preview/pages/ClientesShowcase/components/NovoClienteDrawer/index.d.ts

@@ -0,0 +1,3 @@
+export { NovoClienteDrawer } from './novo-cliente-drawer';
+export type { NovoClienteDrawerProps } from './novo-cliente-drawer';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/preview/pages/ClientesShowcase/components/NovoClienteDrawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ClientesShowcase/components/NovoClienteDrawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist-lib/src/preview/pages/ClientesShowcase/components/NovoClienteDrawer/novo-cliente-drawer.d.ts

@@ -0,0 +1,22 @@
+import { NovoClienteFormData } from '../../clientes-showcase.types';
+export type NovoClienteDrawerProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Disparado ao confirmar — drawer fecha automaticamente após o submit. */
+    onSubmit?: (data: NovoClienteFormData) => void;
+};
+/**
+ * Drawer "Novo cliente" — replica visual do TblClientFormDrawer
+ * (sandbox /design-and-table-v2), recompilado em cima dos componentes do DS:
+ *   Panel + FormField (Input / Select / Textarea) + ChipGroup + Button.
+ *
+ * Layout (top → bottom):
+ *   1. Nome*           — full width
+ *   2. Email + WhatsApp — 2 cols
+ *   3. Status           — ChipGroup com dot colorido
+ *   4. Categoria        — ChipGroup
+ *   5. Cidade + Valor R$ — 2 cols
+ *   6. Notas            — textarea full width
+ */
+export declare function NovoClienteDrawer({ open, onOpenChange, onSubmit, }: NovoClienteDrawerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=novo-cliente-drawer.d.ts.map

package/dist-lib/src/preview/pages/ClientesShowcase/components/NovoClienteDrawer/novo-cliente-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"novo-cliente-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/preview/pages/ClientesShowcase/components/NovoClienteDrawer/novo-cliente-drawer.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAazE,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,QAAQ,GACT,EAAE,sBAAsB,2CA4JxB"}

package/dist-lib/src/preview/pages/ClientesShowcase/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Barrel da showcase ClientesShowcase (CRUD).
+ *
+ * Uso pelo consumer:
+ *   import ClientesShowcase from "@snksergio/design-system/preview/clientes";
+ *   // ou nominado:
+ *   import { ClientesShowcase } from "@snksergio/design-system/preview/clientes";
+ */
+export { default, default as ClientesShowcase } from './ClientesShowcase';
+export type * from './clientes-showcase.types';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/preview/pages/ClientesShowcase/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/preview/pages/ClientesShowcase/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,mBAAmB,2BAA2B,CAAC"}

package/dist-lib/src/preview/pages/DashboardShowcase.d.ts

@@ -0,0 +1,2 @@
+export default function DashboardShowcase(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DashboardShowcase.d.ts.map

package/dist-lib/src/preview/pages/DashboardShowcase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardShowcase.d.ts","sourceRoot":"","sources":["../../../../src/preview/pages/DashboardShowcase.tsx"],"names":[],"mappings":"AA+uBA,MAAM,CAAC,OAAO,UAAU,iBAAiB,4CA4IxC"}

package/dist-lib/src/utils/tv.d.ts

@@ -0,0 +1,4 @@
+import { tv as tvBase } from 'tailwind-variants';
+export declare const tv: typeof tvBase;
+export type { VariantProps } from 'tailwind-variants';
+//# sourceMappingURL=tv.d.ts.map

package/dist-lib/src/utils/tv.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tv.d.ts","sourceRoot":"","sources":["../../../src/utils/tv.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,IAAI,MAAM,EAAiB,MAAM,mBAAmB,CAAC;AA6BhE,eAAO,MAAM,EAAE,EAAE,OAAO,MAIR,CAAC;AAEjB,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist-lib/tokens/brands/default/components/sizing.d.ts

@@ -0,0 +1,137 @@
+/**
+ * components/sizing.ts — Tokens de dimensão orientados a componente
+ *
+ * Tokens específicos para tipos de componente:
+ *   form      → heights de controles interativos (button, input, select)
+ *   layout    → heights de seções fixas (navbar, toolbar, header)
+ *   icon      → tamanhos de ícone (square)
+ *   container → larguras de containers e componentes overlay
+ */
+export declare const form: {
+    readonly base: string;
+    readonly "3xs": string;
+    readonly "2xs": string;
+    readonly xs: string;
+    readonly sm: string;
+    readonly md: string;
+    readonly lg: string;
+    readonly xl: string;
+};
+export declare const layout: {
+    readonly navbar: string;
+    readonly toolbar: string;
+    readonly "tab-bar": string;
+    readonly "header-sm": string;
+    readonly "header-md": string;
+    readonly "header-lg": string;
+};
+export declare const icon: {
+    readonly base: string;
+    readonly "2xs": string;
+    readonly xs: string;
+    readonly sm: string;
+    readonly md: string;
+    readonly lg: string;
+    readonly xl: string;
+    readonly "2xl": string;
+    readonly "3xl": string;
+};
+export declare const container: {
+    readonly xs: "480px";
+    readonly sm: "640px";
+    readonly md: "768px";
+    readonly lg: "1024px";
+    readonly xl: "1280px";
+    readonly "2xl": "1440px";
+    readonly "3xl": "1920px";
+    readonly full: "100%";
+    readonly prose: "65ch";
+    readonly "main-content-max": "1368px";
+    readonly "tooltip-sm": "160px";
+    readonly "tooltip-md": "240px";
+    readonly "tooltip-lg": "320px";
+    readonly "dropdown-sm": "160px";
+    readonly "dropdown-md": "240px";
+    readonly "dropdown-lg": "320px";
+    readonly "sidebar-sm": "240px";
+    readonly "sidebar-md": "280px";
+    readonly "sidebar-lg": "320px";
+    readonly "drawer-sm": "320px";
+    readonly "drawer-md": "480px";
+    readonly "drawer-lg": "640px";
+    readonly "modal-sm": "480px";
+    readonly "modal-md": "640px";
+    readonly "modal-lg": "800px";
+};
+export declare const scrollbar: {
+    readonly width: {
+        readonly thin: "6px";
+        readonly default: "8px";
+    };
+};
+export declare const componentSizing: {
+    readonly form: {
+        readonly base: string;
+        readonly "3xs": string;
+        readonly "2xs": string;
+        readonly xs: string;
+        readonly sm: string;
+        readonly md: string;
+        readonly lg: string;
+        readonly xl: string;
+    };
+    readonly layout: {
+        readonly navbar: string;
+        readonly toolbar: string;
+        readonly "tab-bar": string;
+        readonly "header-sm": string;
+        readonly "header-md": string;
+        readonly "header-lg": string;
+    };
+    readonly icon: {
+        readonly base: string;
+        readonly "2xs": string;
+        readonly xs: string;
+        readonly sm: string;
+        readonly md: string;
+        readonly lg: string;
+        readonly xl: string;
+        readonly "2xl": string;
+        readonly "3xl": string;
+    };
+    readonly container: {
+        readonly xs: "480px";
+        readonly sm: "640px";
+        readonly md: "768px";
+        readonly lg: "1024px";
+        readonly xl: "1280px";
+        readonly "2xl": "1440px";
+        readonly "3xl": "1920px";
+        readonly full: "100%";
+        readonly prose: "65ch";
+        readonly "main-content-max": "1368px";
+        readonly "tooltip-sm": "160px";
+        readonly "tooltip-md": "240px";
+        readonly "tooltip-lg": "320px";
+        readonly "dropdown-sm": "160px";
+        readonly "dropdown-md": "240px";
+        readonly "dropdown-lg": "320px";
+        readonly "sidebar-sm": "240px";
+        readonly "sidebar-md": "280px";
+        readonly "sidebar-lg": "320px";
+        readonly "drawer-sm": "320px";
+        readonly "drawer-md": "480px";
+        readonly "drawer-lg": "640px";
+        readonly "modal-sm": "480px";
+        readonly "modal-md": "640px";
+        readonly "modal-lg": "800px";
+    };
+    readonly scrollbar: {
+        readonly width: {
+            readonly thin: "6px";
+            readonly default: "8px";
+        };
+    };
+};
+export type ComponentSizingToken = typeof componentSizing;
+//# sourceMappingURL=sizing.d.ts.map

package/dist-lib/tokens/brands/default/components/sizing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizing.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/default/components/sizing.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAOH,eAAO,MAAM,IAAI;;;;;;;;;CASP,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;;CAOT,CAAC;AAGX,eAAO,MAAM,IAAI;;;;;;;;;;CAUP,CAAC;AAGX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BZ,CAAC;AAGX,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwD,CAAC;AACrF,MAAM,MAAM,oBAAoB,GAAG,OAAO,eAAe,CAAC"}

package/dist-lib/tokens/brands/default/components/spacing.d.ts

@@ -0,0 +1,28 @@
+/**
+ * components/spacing.ts — Tokens de espaçamento orientados a componente
+ *
+ * Paddings recorrentes que múltiplos componentes compartilham.
+ * Componente usa: p-pad-card, px-pad-page, etc.
+ */
+export declare const padCard: {
+    readonly base: string;
+    readonly sm: string;
+};
+export declare const padPage: {
+    readonly base: string;
+    readonly sm: string;
+    readonly lg: string;
+};
+export declare const componentSpacing: {
+    readonly padCard: {
+        readonly base: string;
+        readonly sm: string;
+    };
+    readonly padPage: {
+        readonly base: string;
+        readonly sm: string;
+        readonly lg: string;
+    };
+};
+export type ComponentSpacingToken = typeof componentSpacing;
+//# sourceMappingURL=spacing.d.ts.map

package/dist-lib/tokens/brands/default/components/spacing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/default/components/spacing.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAGX,eAAO,MAAM,OAAO;;;;CAIV,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;;;;;;;CAAgC,CAAC;AAC9D,MAAM,MAAM,qBAAqB,GAAG,OAAO,gBAAgB,CAAC"}