@proyecto-viviana/ui 0.3.5 → 0.4.1

package/src/vite.ts

@@ -0,0 +1,164 @@
+// The supported Vite macro preset for apps that author their own `style()` calls
+// against `@proyecto-viviana/ui/style`.
+//
+// Consuming the *pre-built* components needs no macro plugin — their style()
+// calls are already expanded in the published build. But an app that writes its
+// own macro calls must run the S2 style() macro at its own build. The bare
+// `unplugin-parcel-macros` plugin isn't enough under rolldown-vite: the macro
+// emits `import "macro-<hash>.css"` statements plus matching virtual CSS modules,
+// and rolldown doesn't honor the plugin's resolveId/load for those virtual ids
+// ("failed to resolve import macro-….css"). So we wrap it: cache each macro CSS
+// body as it's transformed, resolve/serve those ids ourselves (with a `.css`
+// extension so Vite's CSS pipeline bundles them), then strip the now-redundant JS
+// import. This is the single source of truth for that wrapper — apps import it
+// instead of copying it into their config.
+//
+// `unplugin-parcel-macros` is a peerDependency: every app that authors style()
+// already installs it, and it must be the app's instance (it runs at the app's
+// build), so we never bundle it.
+//
+// Usage (a dual-target app build, e.g. TanStack Start / solid-start):
+//
+//   import { defineConfig } from "vite";
+//   import solid from "vite-plugin-solid";
+//   import { vivianaMacros } from "@proyecto-viviana/ui/vite";
+//
+//   export default defineConfig({
+//     plugins: [vivianaMacros(), solid({ ssr: true })],
+//     // Keep our Solid packages out of the optimizer and bundle them into SSR:
+//     optimizeDeps: { exclude: ["@proyecto-viviana/ui", "@proyecto-viviana/solid-spectrum"] },
+//     ssr: { noExternal: ["@proyecto-viviana/ui", "@proyecto-viviana/solid-spectrum"] },
+//   });
+//
+// Plugin order: place `vivianaMacros()` before `vite-plugin-solid` (the macro
+// must expand style() before Solid compiles JSX), and before framework plugins
+// (TanStack Start / Cloudflare) that wrap the build. The macro plugin only
+// touches macro CSS resolution/loading and import stripping; the
+// `optimizeDeps.exclude` / `ssr.noExternal` of our Solid packages stays
+// app-owned (it depends on whether the app links sources or pre-built dists).
+import macros from "unplugin-parcel-macros";
+
+// A minimal structural view of the rolldown plugin that
+// `unplugin-parcel-macros` returns — only the hooks we wrap. Kept local (and
+// self-contained, with no rolldown/vite type imports) so the emitted
+// `dist/vite.d.ts` is portable: consumers don't need rolldown's types resolvable
+// to use the helper, and tsc can name the return type. `macros.rolldown()` is
+// typed `Plugin | Plugin[]`; we always get the single-plugin form.
+interface MacroPlugin {
+  name?: string;
+  transformInclude?: (id: string) => boolean | void;
+  transform?: (this: unknown, code: string, id: string) => unknown;
+  resolveId?: (this: unknown, id: string, importer?: string, options?: object) => unknown;
+  loadInclude?: (id: string) => boolean | void;
+  load?: (this: unknown, id: string) => unknown;
+  [key: string]: unknown;
+}
+
+const macroCssIdPattern = /^macro-[a-f0-9]+\.css$/;
+const macroCssImportPattern = /import\s+["']macro-[a-f0-9]+\.css["'];\n?/g;
+
+function getMacroSourceFilePath(id: string) {
+  const queryIndex = id.indexOf("?");
+  if (queryIndex === -1 || !/^\?tsr-split=[^&#]+(?:#.*)?$/.test(id.slice(queryIndex))) {
+    return id;
+  }
+  return id.slice(0, queryIndex);
+}
+
+function getMacroCssFileName(id: string) {
+  const fileName = id.split("/").pop();
+  return fileName && macroCssIdPattern.test(fileName) ? fileName : null;
+}
+
+function removeMacroCssImports(code: string) {
+  return code.replace(macroCssImportPattern, "");
+}
+
+function getMacroCssContent(content: unknown) {
+  if (typeof content === "string") {
+    return content;
+  }
+
+  if (content && typeof content === "object" && "code" in content) {
+    const code = (content as { code: unknown }).code;
+    return typeof code === "string" ? code : null;
+  }
+
+  return null;
+}
+
+/**
+ * Returns the S2 style() macro plugin wrapped so its emitted CSS resolves and
+ * loads correctly under rolldown-vite. Place it before `vite-plugin-solid`.
+ */
+export function vivianaMacros(): MacroPlugin {
+  const plugin = macros.rolldown() as unknown as MacroPlugin;
+  const macroCssCache = new Map<string, string>();
+
+  const cacheMacroCss = (id: string, content: unknown) => {
+    const fileName = getMacroCssFileName(id);
+    const css = getMacroCssContent(content);
+    if (fileName && css != null) {
+      macroCssCache.set(fileName, css);
+    }
+    return css;
+  };
+
+  return {
+    ...plugin,
+    transformInclude(id: string) {
+      return plugin.transformInclude?.(getMacroSourceFilePath(id)) ?? false;
+    },
+    async transform(this: unknown, code: string, id: string) {
+      const result = await plugin.transform?.call(this, code, getMacroSourceFilePath(id));
+      const transformedCode =
+        typeof result === "string"
+          ? result
+          : result && typeof result === "object" && "code" in result
+            ? String(result.code)
+            : "";
+
+      for (const match of transformedCode.matchAll(/import\s+["'](macro-[a-f0-9]+\.css)["'];/g)) {
+        const content = await plugin.load?.call(this, match[1]);
+        cacheMacroCss(match[1], content);
+      }
+
+      return result;
+    },
+    async resolveId(this: unknown, id: string, importer?: string, options?: object) {
+      const resolved = await plugin.resolveId?.call(this, id, importer, options);
+      if (resolved) {
+        return resolved;
+      }
+      const fileName = getMacroCssFileName(id);
+      if (fileName && macroCssCache.has(fileName)) {
+        return fileName;
+      }
+      return resolved;
+    },
+    loadInclude(id: string) {
+      const fileName = getMacroCssFileName(id);
+      return (
+        (fileName != null && macroCssCache.has(fileName)) || (plugin.loadInclude?.(id) ?? false)
+      );
+    },
+    async load(this: unknown, id: string) {
+      if (plugin.loadInclude?.(id)) {
+        const content = await plugin.load?.call(this, id);
+        const css = cacheMacroCss(id, content);
+        if (css != null) {
+          return css;
+        }
+        return content;
+      }
+      const fileName = getMacroCssFileName(id);
+      if (fileName) {
+        return macroCssCache.get(fileName);
+      }
+      return null;
+    },
+    renderChunk(code: string) {
+      return removeMacroCssImports(code);
+    },
+  };
+}

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"}