@proyecto-viviana/ui 0.3.4 → 0.4.0

package/src/viviana-tokens.css

@@ -0,0 +1,318 @@
+/*
+ * Viviana ("Silapse") design tokens.
+ *
+ * The brand's color palette + typography, owned by the design system itself so
+ * the product components are self-contained. The S2 style() macro carries the
+ * *shape* (spacing, radius, sizing, type ramp) via its named tokens; these vars
+ * supply the *colors*, referenced from components as arbitrary `[var(--color-*)]`
+ * values. Dark is the default (`:root`); light overrides bind to the same
+ * `data-color-scheme` attribute solid-spectrum's theme uses, so a single scheme
+ * switch flips both layers together.
+ *
+ * Values mirror apps/web's palette verbatim — keep them in sync until apps/web
+ * consumes this file directly.
+ */
+
+:root {
+  /* Grey scale */
+  --color-grey-50: #ffffff;
+  --color-grey-100: #e0e0e0;
+  --color-grey-200: #c0c0c0;
+  --color-grey-300: #a0a0a0;
+  --color-grey-400: #606060;
+  --color-grey-500: #404040;
+  --color-grey-600: #1a1a1a;
+  --color-grey-700: #111111;
+  --color-grey-800: #0a0a0a;
+  --color-grey-900: #000000;
+
+  /* Blue scale */
+  --color-blue-50: #f0f7ff;
+  --color-blue-100: #ddf4ff;
+  --color-blue-200: #b6e3ff;
+  --color-blue-300: #80ccff;
+  --color-blue-400: #54aeff;
+  --color-blue-500: #388bfd;
+  --color-blue-600: #1f6feb;
+  --color-blue-700: #1158c7;
+  --color-blue-800: #0d419d;
+  --color-blue-900: #050a12;
+
+  /* Pink scale */
+  --color-pink-50: #fff5f9;
+  --color-pink-100: #ffe4f3;
+  --color-pink-200: #ffc9e9;
+  --color-pink-300: #ffa0d5;
+  --color-pink-400: #f778ba;
+  --color-pink-500: #d84a8f;
+  --color-pink-600: #b13570;
+  --color-pink-700: #912b5a;
+  --color-pink-800: #702244;
+  --color-pink-900: #0f0508;
+
+  /* Background — pure void */
+  --color-bg-100: #404040;
+  --color-bg-200: #252525;
+  --color-bg-300: #1a1a1a;
+  --color-bg-400: #111111;
+  --color-bg-light: #515151;
+
+  /* Primary — blue scale */
+  --color-primary: #75abc7;
+  --color-primary-50: #081018;
+  --color-primary-100: #ddf4ff;
+  --color-primary-200: #b6e3ff;
+  --color-primary-300: #80ccff;
+  --color-primary-400: #54aeff;
+  --color-primary-500: #4da0ff;
+  --color-primary-600: #3080f4;
+  --color-primary-700: #1158c7;
+  --color-primary-800: #0d419d;
+  --color-primary-900: #050a12;
+
+  /* Accent — pink */
+  --color-accent: #df5c9a;
+  --color-accent-50: #100810;
+  --color-accent-100: #0f0508;
+  --color-accent-200: #150a12;
+  --color-accent-300: #ffa0d5;
+  --color-accent-400: #f778ba;
+  --color-accent-500: #d84a8f;
+  --color-accent-600: #f778ba;
+  --color-accent-700: #ffa0d5;
+  --color-accent-800: #ffc9e9;
+  --color-accent-900: #0f0508;
+  --color-accent-highlight: #e2a2be;
+
+  /* Semantic colors */
+  --color-success-100: #e5fff3;
+  --color-success-200: #102a18;
+  --color-success-300: #1a3a25;
+  --color-success-400: #c2ffc8;
+  --color-success-500: #5bc96e;
+  --color-success-600: #238636;
+  --color-success-700: #9fefaa;
+  --color-success-800: #c2ffc8;
+  --color-success-900: #e5fff3;
+  --color-warning-100: #fffbe5;
+  --color-warning-200: #2a2010;
+  --color-warning-300: #3a2c18;
+  --color-warning-400: #ffdd87;
+  --color-warning-500: #e5c462;
+  --color-warning-600: #966a13;
+  --color-warning-700: #ffea9f;
+  --color-warning-800: #fff3c2;
+  --color-warning-900: #fffbe5;
+  --color-danger-100: #ffe5e5;
+  --color-danger-200: #2a1010;
+  --color-danger-300: #401818;
+  --color-danger-400: #ff8787;
+  --color-danger-500: #e56767;
+  --color-danger-600: #da3633;
+  --color-danger-700: #ffa8a8;
+  --color-danger-800: #ffc7c7;
+  --color-danger-900: #ffe5e5;
+
+  /* Cards */
+  --color-cards-bg: #373737;
+  --color-cards-bg-load: #484848;
+  --color-correct: #83f1a7;
+  --color-incorrect: #e74c3c;
+
+  /* Canvas */
+  --color-canvas-bg: #000000;
+
+  /* Surfaces */
+  --color-background: #000000;
+  --color-surface: #0a0a0a;
+  --color-surface-elevated: #111111;
+
+  /* Blue depth backgrounds */
+  --color-bg-blue-deep: #050a12;
+  --color-bg-blue-dark: #081020;
+  --color-bg-blue-mid: #0a1830;
+  --color-bg-blue-light: #102040;
+
+  /* Text */
+  --color-text: #ffffff;
+  --color-text-secondary: #a0a0a0;
+  --color-text-muted: #606060;
+  --color-text-dim: #4f6d85;
+  --color-text-disabled: #404040;
+
+  /* Borders */
+  --color-border: #1a1a1a;
+  --color-border-muted: #141414;
+  --color-divider: #141414;
+
+  /* Semantic base + dim */
+  --color-success: #3fb950;
+  --color-success-dim: #238636;
+  --color-warning: #d29922;
+  --color-warning-dim: #966a13;
+  --color-danger: #f85149;
+  --color-danger-dim: #da3633;
+
+  /* Dim versions (wire base / inactive elements) */
+  --color-primary-dim: #1a3040;
+  --color-accent-dim: #301520;
+
+  /* Header background */
+  --color-header-bg: #181818;
+
+  /* Glow effects (for drop-shadow filters) */
+  --color-primary-glow: rgba(128, 204, 255, 0.6);
+  --color-accent-glow: rgba(255, 160, 213, 0.6);
+  --color-fusion-glow: rgba(180, 140, 230, 0.7);
+
+  /* Semantic background tints */
+  --color-success-bg: rgba(63, 185, 80, 0.1);
+  --color-warning-bg: rgba(210, 153, 34, 0.1);
+  --color-danger-bg: rgba(248, 81, 73, 0.1);
+
+  /* Typography */
+  --font-sen: "Sen", sans-serif;
+  --font-jost: "Jost", sans-serif;
+  --font-sans: "Sen", sans-serif;
+  --font-mono: "JetBrains Mono", monospace;
+  --font-title: "Jost", system-ui, sans-serif;
+  --font-body: "Sen", system-ui, sans-serif;
+}
+
+[data-color-scheme="light"] {
+  /* Grey scale */
+  --color-grey-100: #f5f5f5;
+  --color-grey-200: #e5e5e5;
+  --color-grey-300: #d4d4d4;
+  --color-grey-400: #a3a3a3;
+  --color-grey-500: #737373;
+  --color-grey-600: #525252;
+  --color-grey-700: #404040;
+  --color-grey-800: #262626;
+  --color-grey-900: #171717;
+
+  --color-blue-100: #e0f0f7;
+  --color-blue-200: #b6d9eb;
+  --color-blue-300: #8bc4db;
+  --color-blue-400: #75abc7;
+  --color-blue-500: #5a94b3;
+  --color-blue-600: #3d7a9c;
+  --color-blue-700: #2b6080;
+  --color-blue-800: #1a4560;
+  --color-blue-900: #0d2a3d;
+
+  --color-pink-100: #fef2f7;
+  --color-pink-200: #fcc7e0;
+  --color-pink-300: #f78fb9;
+  --color-pink-400: #df5c9a;
+  --color-pink-500: #cf2c74;
+  --color-pink-600: #a31f58;
+  --color-pink-700: #8a1a4a;
+  --color-pink-800: #6b143a;
+  --color-pink-900: #4d0f2a;
+
+  /* Backgrounds — AA-verified against primary text */
+  --color-bg-100: #7096a8;
+  --color-bg-200: #a8c5d4;
+  --color-bg-300: #c8dce6;
+  --color-bg-400: #dbe8ef;
+  --color-bg-light: #ffffff;
+
+  /* Primary — blue */
+  --color-primary: #75abc7;
+  --color-primary-50: #f0f7ff;
+  --color-primary-100: #06131d;
+  --color-primary-200: #0c2436;
+  --color-primary-300: #133a54;
+  --color-primary-400: #195073;
+  --color-primary-500: #1e6090;
+  --color-primary-600: #2470a5;
+  --color-primary-700: #5ea8d0;
+  --color-primary-800: #9dcce4;
+  --color-primary-900: #0d2a3d;
+
+  /* Accent — pink */
+  --color-accent: #df5c9a;
+  --color-accent-100: #fef2f7;
+  --color-accent-200: #7d1c48;
+  --color-accent-300: #f78fb9;
+  --color-accent-400: #df5c9a;
+  --color-accent-500: #8a1e4a;
+  --color-accent-highlight: #d4508a;
+
+  /* Semantic — darker for readability on light bgs */
+  --color-success-100: #e5fff3;
+  --color-success-200: #c2ffc8;
+  --color-success-300: #9fefaa;
+  --color-success-400: #1a7f37;
+  --color-success-500: #5bc96e;
+  --color-success-600: #116329;
+  --color-success-700: #3d7a5f;
+  --color-success-800: #2a5741;
+  --color-success-900: #1a3529;
+  --color-warning-100: #fffbe5;
+  --color-warning-200: #fff3c2;
+  --color-warning-300: #ffea9f;
+  --color-warning-400: #7d5200;
+  --color-warning-500: #e5c462;
+  --color-warning-600: #654200;
+  --color-warning-700: #7a6d42;
+  --color-warning-800: #574d2f;
+  --color-warning-900: #352f1c;
+  --color-danger-100: #ffe5e5;
+  --color-danger-200: #ffc7c7;
+  --color-danger-300: #ffa8a8;
+  --color-danger-400: #cf222e;
+  --color-danger-500: #e56767;
+  --color-danger-600: #a40e26;
+  --color-danger-700: #7a4242;
+  --color-danger-800: #572f2f;
+  --color-danger-900: #351c1c;
+
+  --color-cards-bg: #ecf2f5;
+  --color-cards-bg-load: #dfeaef;
+  --color-correct: #1a7f37;
+  --color-incorrect: #cf222e;
+
+  --color-canvas-bg: #404040;
+
+  /* Surfaces */
+  --color-background: #f2f7fa;
+  --color-surface: #ffffff;
+  --color-surface-elevated: #e6f0f5;
+
+  --color-bg-blue-deep: #e0f0f7;
+  --color-bg-blue-dark: #b6d9eb;
+  --color-bg-blue-mid: #8bc4db;
+  --color-bg-blue-light: #75abc7;
+
+  /* Text */
+  --color-text: #1a3040;
+  --color-text-secondary: #405d70;
+  --color-text-muted: #7096a8;
+  --color-text-disabled: #a8c5d4;
+
+  /* Borders */
+  --color-border: #c8dce6;
+  --color-border-muted: #dbe8ef;
+  --color-divider: #dbe8ef;
+
+  /* Semantic base + dim */
+  --color-success: #5bc96e;
+  --color-success-dim: #559d87;
+  --color-warning: #e5c462;
+  --color-warning-dim: #9d8d55;
+  --color-danger: #e56767;
+  --color-danger-dim: #9d5555;
+
+  /* Dim, glow, bg tints */
+  --color-primary-dim: #b6d9eb;
+  --color-accent-dim: #fcc7e0;
+  --color-header-bg: #d0e4ed;
+  --color-primary-glow: rgba(117, 171, 199, 0.4);
+  --color-accent-glow: rgba(223, 92, 154, 0.4);
+  --color-fusion-glow: rgba(170, 130, 180, 0.5);
+  --color-success-bg: rgba(63, 185, 80, 0.1);
+  --color-warning-bg: rgba(210, 153, 34, 0.15);
+  --color-danger-bg: rgba(248, 81, 73, 0.1);
+}

package/dist/alert/index.d.ts

@@ -1,12 +0,0 @@
-import type { JSX } from 'solid-js';
-export type AlertVariant = 'info' | 'success' | 'warning' | 'error';
-export interface AlertProps {
-    children: JSX.Element;
-    variant?: AlertVariant;
-    title?: string;
-    dismissible?: boolean;
-    onDismiss?: () => void;
-    class?: string;
-}
-export declare function Alert(props: AlertProps): JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/alert/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAGnC,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAEnE,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AASD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,eA0BtC"}

package/dist/autocomplete/index.d.ts

@@ -1,89 +0,0 @@
-/**
- * SearchAutocomplete component for proyecto-viviana-ui
- *
- * A styled autocomplete component combining a search input with a
- * filterable dropdown list of options.
- */
-import { type JSX } from 'solid-js';
-export type SearchAutocompleteSize = 'sm' | 'md' | 'lg';
-export interface SearchAutocompleteItem {
-    id: string;
-    name: string;
-    [key: string]: unknown;
-}
-export interface SearchAutocompleteProps<T extends SearchAutocompleteItem = SearchAutocompleteItem> {
-    /** The items to display in the dropdown. */
-    items: T[];
-    /** The size of the autocomplete. @default 'md' */
-    size?: SearchAutocompleteSize;
-    /** Placeholder text for the input. */
-    placeholder?: string;
-    /** Accessible label for the input. */
-    'aria-label'?: string;
-    /** Label text shown above the input. */
-    label?: string;
-    /** Description text shown below the input. */
-    description?: string;
-    /** The current input value (controlled). */
-    inputValue?: string;
-    /** The default input value (uncontrolled). */
-    defaultInputValue?: string;
-    /** Handler called when the input value changes. */
-    onInputChange?: (value: string) => void;
-    /** Handler called when an item is selected. */
-    onSelect?: (item: T) => void;
-    /** Additional CSS class name. */
-    class?: string;
-    /** Whether the input is disabled. */
-    isDisabled?: boolean;
-    /**
-     * Custom filter function. By default, filters by case-insensitive name match.
-     */
-    filter?: (textValue: string, inputValue: string) => boolean;
-    /**
-     * Custom render function for items.
-     */
-    renderItem?: (item: T) => JSX.Element;
-    /**
-     * Key to use for the display text. @default 'name'
-     */
-    textKey?: keyof T;
-}
-/**
- * A styled autocomplete component for searching and selecting from a list.
- *
- * @example
- * ```tsx
- * const items = [
- *   { id: '1', name: 'Apple' },
- *   { id: '2', name: 'Banana' },
- *   { id: '3', name: 'Cherry' },
- * ];
- *
- * <SearchAutocomplete
- *   items={items}
- *   placeholder="Search fruits..."
- *   aria-label="Fruit search"
- *   onSelect={(item) => console.log('Selected:', item)}
- * />
- *
- * // With custom filter
- * <SearchAutocomplete
- *   items={items}
- *   filter={(textValue, inputValue) =>
- *     textValue.toLowerCase().startsWith(inputValue.toLowerCase())
- *   }
- *   onSelect={(item) => console.log('Selected:', item)}
- * />
- *
- * // With label and description
- * <SearchAutocomplete
- *   items={items}
- *   label="Search"
- *   description="Type to filter the list"
- *   placeholder="Start typing..."
- * />
- * ```
- */
-export declare function SearchAutocomplete<T extends SearchAutocompleteItem = SearchAutocompleteItem>(props: SearchAutocompleteProps<T>): JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/autocomplete/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAmD,MAAM,UAAU,CAAA;AAYpF,MAAM,MAAM,sBAAsB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEvD,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,uBAAuB,CAAC,CAAC,SAAS,sBAAsB,GAAG,sBAAsB;IAChG,4CAA4C;IAC5C,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,kDAAkD;IAClD,IAAI,CAAC,EAAE,sBAAsB,CAAA;IAC7B,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,mDAAmD;IACnD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;IAC5B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAA;IAC3D;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAAA;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,CAAA;CAClB;AAyJD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,sBAAsB,GAAG,sBAAsB,EAC1F,KAAK,EAAE,uBAAuB,CAAC,CAAC,CAAC,GAChC,GAAG,CAAC,OAAO,CAyDb"}

package/dist/avatar/index.d.ts

@@ -1,17 +0,0 @@
-export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export interface AvatarProps {
-    src?: string;
-    alt?: string;
-    size?: AvatarSize;
-    fallback?: string;
-    online?: boolean;
-    class?: string;
-}
-export declare function Avatar(props: AvatarProps): import("solid-js").JSX.Element;
-export interface AvatarGroupProps {
-    children: any;
-    max?: number;
-    size?: AvatarSize;
-}
-export declare function AvatarGroup(props: AvatarGroupProps): import("solid-js").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/avatar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/avatar/index.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEzD,MAAM,WAAW,WAAW;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAUD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,kCAuCxC;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,GAAG,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kCAMlD"}

package/dist/badge/index.d.ts

@@ -1,12 +0,0 @@
-import type { JSX } from 'solid-js';
-export type BadgeVariant = 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'danger';
-export type BadgeSize = 'sm' | 'md' | 'lg';
-export interface BadgeProps {
-    children?: JSX.Element;
-    count?: number;
-    variant?: BadgeVariant;
-    size?: BadgeSize;
-    class?: string;
-}
-export declare function Badge(props: BadgeProps): JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/badge/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAGnC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAChG,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE1C,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAiBD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,eAatC"}

package/dist/breadcrumbs/index.d.ts

@@ -1,38 +0,0 @@
-/**
- * Breadcrumbs component for proyecto-viviana-ui
- *
- * Styled breadcrumbs component built on top of solidaria-components.
- * Inspired by Spectrum 2's Breadcrumbs component patterns.
- */
-import { type JSX } from 'solid-js';
-import { type BreadcrumbsProps as HeadlessBreadcrumbsProps, type BreadcrumbItemProps as HeadlessBreadcrumbItemProps } from '@proyecto-viviana/solidaria-components';
-export type BreadcrumbsSize = 'sm' | 'md' | 'lg';
-export type BreadcrumbsVariant = 'default' | 'subtle';
-export interface BreadcrumbsProps<T> extends Omit<HeadlessBreadcrumbsProps<T>, 'class' | 'style'> {
-    /** The size of the breadcrumbs. */
-    size?: BreadcrumbsSize;
-    /** The visual variant. */
-    variant?: BreadcrumbsVariant;
-    /** Whether to show separators between items. */
-    showSeparator?: boolean;
-    /** Additional CSS class name. */
-    class?: string;
-}
-export interface BreadcrumbItemProps extends Omit<HeadlessBreadcrumbItemProps, 'class' | 'style'> {
-    /** Additional CSS class name. */
-    class?: string;
-}
-/**
- * Breadcrumbs show hierarchy and navigational context for a user's location within an application.
- *
- * Built on solidaria-components Breadcrumbs for full accessibility support.
- */
-export declare function Breadcrumbs<T>(props: BreadcrumbsProps<T>): JSX.Element;
-export declare namespace Breadcrumbs {
-    var Item: typeof BreadcrumbItem;
-}
-/**
- * A BreadcrumbItem represents an individual breadcrumb in the navigation trail.
- */
-export declare function BreadcrumbItem(props: BreadcrumbItemProps): JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/breadcrumbs/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/breadcrumbs/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAyC,MAAM,UAAU,CAAA;AAC1E,OAAO,EAGL,KAAK,gBAAgB,IAAI,wBAAwB,EACjD,KAAK,mBAAmB,IAAI,2BAA2B,EAGxD,MAAM,wCAAwC,CAAA;AAM/C,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAChD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,QAAQ,CAAA;AAkBrD,MAAM,WAAW,gBAAgB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC/F,mCAAmC;IACnC,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,gDAAgD;IAChD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,2BAA2B,EAAE,OAAO,GAAG,OAAO,CAAC;IAC/F,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAyCD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA6BtE;yBA7Be,WAAW;;;AAmC3B;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CA+CtE"}

package/dist/button/Button.d.ts

@@ -1,19 +0,0 @@
-/**
- * Button component for proyecto-viviana-ui
- *
- * A styled button component built on top of solidaria-components.
- * This component only handles styling - all behavior and accessibility
- * is provided by the headless Button from solidaria-components.
- */
-import { type JSX } from 'solid-js';
-import type { ButtonProps } from './types';
-/**
- * Buttons allow users to perform an action or to navigate to another page.
- * They have multiple styles for various needs, and are ideal for calling attention to
- * where a user needs to do something in order to move forward in a flow.
- *
- * Built on solidaria-components Button for full accessibility support.
- * Styles are defined in components.css using the vui-button class system.
- */
-export declare function Button(props: ButtonProps): JSX.Element;
-//# sourceMappingURL=Button.d.ts.map

package/dist/button/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA6C,MAAM,UAAU,CAAC;AAE/E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAqDtD"}

package/dist/button/index.d.ts

@@ -1,3 +0,0 @@
-export { Button } from './Button';
-export type { ButtonProps, ButtonVariant, ButtonStyle, ButtonSize, StaticColor } from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/button/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/dist/button/types.d.ts

@@ -1,23 +0,0 @@
-import type { JSX } from 'solid-js';
-import type { ButtonProps as HeadlessButtonProps } from '@proyecto-viviana/solidaria-components';
-export type ButtonVariant = 'primary' | 'secondary' | 'accent' | 'positive' | 'negative' | 'ghost' | 'link';
-export type ButtonStyle = 'fill' | 'outline';
-export type ButtonSize = 'sm' | 'md' | 'lg';
-export type StaticColor = 'white' | 'black';
-export interface ButtonProps extends Omit<HeadlessButtonProps, 'class' | 'children' | 'style'> {
-    /** The content to display in the button. */
-    children?: JSX.Element;
-    /** The visual style of the button. */
-    variant?: ButtonVariant;
-    /** The background style of the button. */
-    buttonStyle?: ButtonStyle;
-    /** The size of the button. */
-    size?: ButtonSize;
-    /** Whether the button should take up the full width of its container. */
-    fullWidth?: boolean;
-    /** The static color style to apply. Useful when the button appears over a color background. */
-    staticColor?: StaticColor;
-    /** Additional CSS class name. */
-    class?: string;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/button/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,KAAK,EAAE,WAAW,IAAI,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAEjG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;AAC5G,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,CAAC;AAC7C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;IAC5F,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,sCAAsC;IACtC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,8BAA8B;IAC9B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,yEAAyE;IACzE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+FAA+F;IAC/F,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/calendar/DateField.d.ts

@@ -1,47 +0,0 @@
-/**
- * DateField component for proyecto-viviana-ui
- *
- * Styled date field component with segment-based editing.
- */
-import { type JSX } from 'solid-js';
-import { type DateFieldProps as HeadlessDateFieldProps, type CalendarDate, type DateValue } from '@proyecto-viviana/solidaria-components';
-export type DateFieldSize = 'sm' | 'md' | 'lg';
-export interface DateFieldProps<T extends DateValue = DateValue> extends Omit<HeadlessDateFieldProps<T>, 'class' | 'style' | 'children'> {
-    /** The size of the field. @default 'md' */
-    size?: DateFieldSize;
-    /** Additional CSS class name. */
-    class?: string;
-    /** Label for the field. */
-    label?: string;
-    /** Description text. */
-    description?: string;
-    /** Error message. */
-    errorMessage?: string;
-}
-/**
- * A date field allows users to enter and edit date values using a keyboard.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <DateField label="Birth date" />
- *
- * // Controlled
- * const [date, setDate] = createSignal<CalendarDate | null>(null);
- * <DateField
- *   label="Event date"
- *   value={date()}
- *   onChange={setDate}
- * />
- *
- * // With validation
- * <DateField
- *   label="Future date"
- *   minValue={today(getLocalTimeZone())}
- *   errorMessage="Date must be in the future"
- * />
- * ```
- */
-export declare function DateField<T extends DateValue = CalendarDate>(props: DateFieldProps<T>): JSX.Element;
-export type { CalendarDate, DateValue };
-//# sourceMappingURL=DateField.d.ts.map

package/dist/calendar/DateField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../src/calendar/DateField.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAIL,KAAK,cAAc,IAAI,sBAAsB,EAC7C,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,wCAAwC,CAAC;AAMhD,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAC7D,SAAQ,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IACvE,2CAA2C;IAC3C,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA+BD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,SAAS,GAAG,YAAY,EAC1D,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GACvB,GAAG,CAAC,OAAO,CAyGb;AAGD,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/calendar/DatePicker.d.ts

@@ -1,48 +0,0 @@
-/**
- * DatePicker component for proyecto-viviana-ui
- *
- * Styled date picker component that combines a date field with a calendar popup.
- */
-import { type JSX } from 'solid-js';
-import { type DatePickerProps as HeadlessDatePickerProps, type CalendarDate, type DateValue } from '@proyecto-viviana/solidaria-components';
-export type DatePickerSize = 'sm' | 'md' | 'lg';
-export interface DatePickerProps<T extends DateValue = DateValue> extends Omit<HeadlessDatePickerProps<T>, 'class' | 'style' | 'children'> {
-    /** The size of the picker. @default 'md' */
-    size?: DatePickerSize;
-    /** Additional CSS class name. */
-    class?: string;
-    /** Label for the field. */
-    label?: string;
-    /** Description text. */
-    description?: string;
-    /** Error message. */
-    errorMessage?: string;
-    /** Placeholder text. */
-    placeholder?: string;
-}
-/**
- * A date picker combines a date field and a calendar popup.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <DatePicker label="Event date" />
- *
- * // Controlled
- * const [date, setDate] = createSignal<CalendarDate | null>(null);
- * <DatePicker
- *   label="Appointment"
- *   value={date()}
- *   onChange={setDate}
- * />
- *
- * // With constraints
- * <DatePicker
- *   label="Future booking"
- *   minValue={today(getLocalTimeZone())}
- * />
- * ```
- */
-export declare function DatePicker<T extends DateValue = CalendarDate>(props: DatePickerProps<T>): JSX.Element;
-export type { CalendarDate, DateValue };
-//# sourceMappingURL=DatePicker.d.ts.map