@shibui-ui/ui 1.6.0 → 1.7.0

package/dist/components/atoms/skeleton/lib-skeleton.html.d.ts

@@ -0,0 +1,19 @@
+import { TemplateResult } from 'lit';
+export type LibSkeletonShape = 'line' | 'title' | 'h1' | 'avatar' | 'icon' | 'btn' | 'badge' | 'pill' | 'img' | 'rect';
+export type LibSkeletonAnimation = 'shimmer' | 'wave' | 'pulse';
+export type LibSkeletonSurface = 'light' | 'dark' | 'kaki';
+export interface SkeletonTemplateProps {
+    shape: LibSkeletonShape;
+    animation: LibSkeletonAnimation;
+    surface: LibSkeletonSurface;
+    width: string;
+    height: string;
+}
+/**
+ * Renderiza un único bloque skeleton.
+ * La forma, animación y superficie se controlan vía clases CSS
+ * que mapean a :host([shape]) / :host([animation]) / :host([surface]).
+ * Width y height opcionales se aplican como inline style.
+ */
+export declare function skeletonTemplate(props: SkeletonTemplateProps): TemplateResult;
+//# sourceMappingURL=lib-skeleton.html.d.ts.map

package/dist/components/atoms/skeleton/lib-skeleton.html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-skeleton.html.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/skeleton/lib-skeleton.html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAG3C,MAAM,MAAM,gBAAgB,GACxB,MAAM,GACN,OAAO,GACP,IAAI,GACJ,QAAQ,GACR,MAAM,GACN,KAAK,GACL,OAAO,GACP,MAAM,GACN,KAAK,GACL,MAAM,CAAC;AAEX,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAChE,MAAM,MAAM,kBAAkB,GAAK,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE7D,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAM,gBAAgB,CAAC;IAC5B,SAAS,EAAE,oBAAoB,CAAC;IAChC,OAAO,EAAI,kBAAkB,CAAC;IAC9B,KAAK,EAAM,MAAM,CAAC;IAClB,MAAM,EAAK,MAAM,CAAC;CACnB;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,cAAc,CAa7E"}

package/dist/components/atoms/skeleton/lib-skeleton.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+import { LibSkeleton } from './lib-skeleton.component';
+type LibSkeletonStoryArgs = Pick<LibSkeleton, 'shape' | 'animation' | 'surface' | 'width' | 'height'>;
+declare const meta: Meta<LibSkeletonStoryArgs>;
+export default meta;
+type Story = StoryObj<LibSkeletonStoryArgs>;
+export declare const Playground: Story;
+export declare const Primitives: Story;
+export declare const Animations: Story;
+export declare const Surfaces: Story;
+export declare const PatternArticle: Story;
+export declare const PatternProductGrid: Story;
+export declare const PatternDashboard: Story;
+export declare const PatternAppLayout: Story;
+//# sourceMappingURL=lib-skeleton.stories.d.ts.map

package/dist/components/atoms/skeleton/lib-skeleton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-skeleton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/skeleton/lib-skeleton.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,KAAK,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC,CAAC;AAQtG,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,oBAAoB,CA+BpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC;AAG5C,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KA2CxB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAgCtB,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAuB5B,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAmBhC,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAiD9B,CAAC"}

package/dist/components/atoms/spacer/lib-spacer.component.d.ts

@@ -0,0 +1,8 @@
+import { LitElement, TemplateResult } from 'lit';
+export declare class LibSpacer extends LitElement {
+    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    horizontal: boolean;
+    static styles: import('lit').CSSResult;
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=lib-spacer.component.d.ts.map

package/dist/components/atoms/spacer/lib-spacer.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-spacer.component.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/spacer/lib-spacer.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAI5D,qBACa,SAAU,SAAQ,UAAU;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAC9B,UAAU,UAAS;IAE/D,OAAgB,MAAM,0BASpB;cAEiB,MAAM,IAAG,cAAc;CAU3C"}

package/dist/components/atoms/spacer/lib-spacer.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const _default: Meta;
+export default _default;
+export declare const VerticalStack: StoryObj;
+export declare const HorizontalRow: StoryObj;
+//# sourceMappingURL=lib-spacer.stories.d.ts.map

package/dist/components/atoms/spacer/lib-spacer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-spacer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/spacer/lib-spacer.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,wBAAwB,CAAC;wBAU3B,IAAI;AART,wBAQU;AASV,eAAO,MAAM,aAAa,EAAE,QAU3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,QAW3B,CAAC"}

package/dist/components/atoms/spinner/lib-spinner.component.d.ts

@@ -0,0 +1,44 @@
+import { LitElement, TemplateResult } from 'lit';
+/**
+ * Variante visual.
+ * - `enso`     — trazo de pincel zen (SVG doble capa).
+ * - `sumi`     — tinta disolviéndose en agua (conic-gradient).
+ * - `kintsugi` — anillo dorado con halo de polvo de oro.
+ * - `shizuku`  — gotas en órbita decreciente.
+ */
+export type SpinnerVariant = 'enso' | 'sumi' | 'kintsugi' | 'shizuku';
+/** Tamaño del spinner. */
+export type SpinnerSize = 'sm' | 'md' | 'lg';
+/**
+ * Tono de color.
+ * Afecta a `enso` (stroke) y `sumi` (gradiente).
+ * En `shizuku`, `tone="kaki"` equivale a `dark`.
+ * No tiene efecto sobre `kintsugi` (siempre oro).
+ */
+export type SpinnerTone = 'ink' | 'kaki' | 'celadon';
+/**
+ * @element lib-spinner
+ *
+ * @prop {SpinnerVariant} variant  - Variante visual (default: enso).
+ * @prop {SpinnerSize}    size     - Tamaño sm | md | lg (default: md).
+ * @prop {SpinnerTone}    tone     - Tono de color (default: ink).
+ * @prop {boolean}        dark     - Optimiza colores para fondos oscuros.
+ * @prop {string}         label    - Texto accesible (default: 'Cargando').
+ *
+ * @csspart status - El div[role=status] raíz.
+ */
+export declare class LibSpinner extends LitElement {
+    static styles: import('lit').CSSResult[];
+    variant: SpinnerVariant;
+    size: SpinnerSize;
+    tone: SpinnerTone;
+    dark: boolean;
+    label: string;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lib-spinner': LibSpinner;
+    }
+}
+//# sourceMappingURL=lib-spinner.component.d.ts.map

package/dist/components/atoms/spinner/lib-spinner.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-spinner.component.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/spinner/lib-spinner.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,cAAc,EAAE,MAAM,KAAK,CAAC;AAQjE;;;;;;GAMG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;AAEtE,0BAA0B;AAC1B,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;AAErD;;;;;;;;;;GAUG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,4BAGpB;IAGF,OAAO,EAAE,cAAc,CAAU;IAGjC,IAAI,EAAE,WAAW,CAAQ;IAGzB,IAAI,EAAE,WAAW,CAAS;IAG1B,IAAI,EAAE,OAAO,CAAS;IAGtB,KAAK,EAAE,MAAM,CAAc;IAElB,MAAM,IAAI,cAAc;CASlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/dist/components/atoms/spinner/lib-spinner.html.d.ts

@@ -0,0 +1,11 @@
+import { TemplateResult } from 'lit';
+import { SpinnerVariant, SpinnerSize, SpinnerTone } from './lib-spinner.component';
+export interface SpinnerTemplateProps {
+    variant: SpinnerVariant;
+    size: SpinnerSize;
+    tone: SpinnerTone;
+    dark: boolean;
+    label: string;
+}
+export declare function spinnerTemplate(props: SpinnerTemplateProps): TemplateResult;
+//# sourceMappingURL=lib-spinner.html.d.ts.map

package/dist/components/atoms/spinner/lib-spinner.html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-spinner.html.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/spinner/lib-spinner.html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAExF,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAK,WAAW,CAAC;IACrB,IAAI,EAAK,WAAW,CAAC;IACrB,IAAI,EAAK,OAAO,CAAC;IACjB,KAAK,EAAI,MAAM,CAAC;CACjB;AAiGD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,cAAc,CAkB3E"}

package/dist/components/atoms/spinner/lib-spinner.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+import { LibSpinner } from './lib-spinner.component';
+type LibSpinnerArgs = Pick<LibSpinner, 'variant' | 'size' | 'tone' | 'dark' | 'label'>;
+declare const meta: Meta<LibSpinnerArgs>;
+export default meta;
+type Story = StoryObj<LibSpinnerArgs>;
+export declare const Playground: Story;
+export declare const Enso: Story;
+export declare const Sumi: Story;
+export declare const Kintsugi: Story;
+export declare const Shizuku: Story;
+export declare const AllVariants: Story;
+export declare const Context: Story;
+//# sourceMappingURL=lib-spinner.stories.d.ts.map

package/dist/components/atoms/spinner/lib-spinner.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-spinner.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/spinner/lib-spinner.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1D,KAAK,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;AAEvF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,cAAc,CAwC9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;AAMtC,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAMF,eAAO,MAAM,IAAI,EAAE,KAuClB,CAAC;AAMF,eAAO,MAAM,IAAI,EAAE,KAmClB,CAAC;AAMF,eAAO,MAAM,QAAQ,EAAE,KAyBtB,CAAC;AAMF,eAAO,MAAM,OAAO,EAAE,KAyBrB,CAAC;AAMF,eAAO,MAAM,WAAW,EAAE,KAyBzB,CAAC;AAMF,eAAO,MAAM,OAAO,EAAE,KAqErB,CAAC"}

package/dist/components/atoms/spotlight-card/lib-spotlight-card.component.d.ts

@@ -0,0 +1,49 @@
+import { LitElement, TemplateResult } from 'lit';
+import { LibSpotlightVariant } from './lib-spotlight-card.component.html';
+/**
+ * @element lib-spotlight-card
+ *
+ * Contenedor con foco de luz reactivo al cursor (Kintsugi Digital).
+ * El gradiente radial sigue al puntero actualizando
+ * `--lib-spotlight-x` y `--lib-spotlight-y` en :host.
+ *
+ * Con `kintsugi` activo añade el hilo de oro en el borde
+ * y cambia el fondo a un tono cálido oscuro.
+ *
+ * @slot - Contenido de la card.
+ *
+ * @example — spotlight kaki
+ * <lib-spotlight-card>...</lib-spotlight-card>
+ *
+ * @example — spotlight water
+ * <lib-spotlight-card spotlight="water">...</lib-spotlight-card>
+ *
+ * @example — kintsugi border + spotlight kaki
+ * <lib-spotlight-card kintsugi>...</lib-spotlight-card>
+ */
+export declare class LibSpotlightCard extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /**
+     * Color del foco de luz.
+     * - kaki  : orgánico cálido — oklch(45% 0.05 45)  [default]
+     * - water : azul sereno    — oklch(55% 0.06 210)
+     * - white : neutro         — oklch(100% 0 0)
+     *
+     * Nota: cuando `kintsugi` está activo el spotlight es siempre kaki.
+     */
+    spotlight: LibSpotlightVariant;
+    /**
+     * Activa el hilo de oro en el borde (--lib-kintsugi-border)
+     * y cambia el fondo del contenedor a un tono cálido oscuro.
+     */
+    kintsugi: boolean;
+    render(): TemplateResult;
+    private _handleMouseMove;
+    private _handleMouseLeave;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lib-spotlight-card': LibSpotlightCard;
+    }
+}
+//# sourceMappingURL=lib-spotlight-card.component.d.ts.map

package/dist/components/atoms/spotlight-card/lib-spotlight-card.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-spotlight-card.component.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/spotlight-card/lib-spotlight-card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAK/E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,4BAGpB;IAEF;;;;;;;OAOG;IAEH,SAAS,EAAE,mBAAmB,CAAU;IAExC;;;OAGG;IAEH,QAAQ,UAAS;IAER,MAAM,IAAI,cAAc;IASjC,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,iBAAiB;CAK1B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}

package/dist/components/atoms/spotlight-card/lib-spotlight-card.component.html.d.ts

@@ -0,0 +1,21 @@
+import { TemplateResult } from 'lit';
+export type LibSpotlightVariant = 'kaki' | 'water' | 'white';
+export interface SpotlightCardTemplateProps {
+    spotlight: LibSpotlightVariant;
+    kintsugi: boolean;
+    onMouseMove: (e: MouseEvent) => void;
+    onMouseLeave: () => void;
+}
+/**
+ * Template del spotlight card.
+ *
+ * Arquitectura de capas (de abajo a arriba):
+ *   1. .spotlight__layer  — gradiente radial reactivo al cursor (z-index 1)
+ *   2. ::after (CSS)      — hilo kintsugi en el borde, solo si [kintsugi] (z-index 2)
+ *   3. .spotlight__slot   — contenido slotado (z-index 3)
+ *
+ * El gradiente del spotlight se actualiza vía CSS custom properties
+ * --lib-spotlight-x / --lib-spotlight-y actualizadas en el mousemove handler.
+ */
+export declare function spotlightCardTemplate(props: SpotlightCardTemplateProps): TemplateResult;
+//# sourceMappingURL=lib-spotlight-card.component.html.d.ts.map

package/dist/components/atoms/spotlight-card/lib-spotlight-card.component.html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-spotlight-card.component.html.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/spotlight-card/lib-spotlight-card.component.html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAE3C,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAE7D,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAO,mBAAmB,CAAC;IACpC,QAAQ,EAAQ,OAAO,CAAC;IACxB,WAAW,EAAK,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,YAAY,EAAI,MAAM,IAAI,CAAC;CAC5B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,GAAG,cAAc,CAavF"}

package/dist/components/atoms/spotlight-card/lib-spotlight-card.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+import { LibSpotlightCard } from './lib-spotlight-card.component';
+type LibSpotlightCardStoryArgs = Pick<LibSpotlightCard, 'spotlight' | 'kintsugi'>;
+declare const meta: Meta<LibSpotlightCardStoryArgs>;
+export default meta;
+type Story = StoryObj<LibSpotlightCardStoryArgs>;
+export declare const Playground: Story;
+export declare const SpotlightVariants: Story;
+export declare const KintsugiVariant: Story;
+export declare const Comparison: Story;
+export declare const ContextFeatureGrid: Story;
+//# sourceMappingURL=lib-spotlight-card.stories.d.ts.map

package/dist/components/atoms/spotlight-card/lib-spotlight-card.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-spotlight-card.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/spotlight-card/lib-spotlight-card.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,KAAK,yBAAyB,GAAG,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;AA2BlF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,yBAAyB,CAiCzC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,yBAAyB,CAAC,CAAC;AAGjD,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KA8B/B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KA4B7B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KA2BhC,CAAC"}

package/dist/components/atoms/status-dot/lib-status-dot.component.d.ts

@@ -0,0 +1,59 @@
+import { LitElement, TemplateResult } from 'lit';
+import { LibStatusDotStatus, LibStatusDotSize } from './lib-status-dot.html';
+/**
+ * @element lib-status-dot
+ *
+ * Indicador de presencia con animación semántica por estado.
+ * Cada estado tiene su propio ritmo extraído de conceptos japoneses:
+ *   - 水 mizu   : online  — doble onda concéntrica (2.6s)
+ *   - 息 iki    : away    — respiración scale+opacity (3s)
+ *   - 速い hayai : busy    — parpadeo asimétrico (1.1s)
+ *   - 間 ma     : offline — quietud total, sin movimiento
+ *
+ * @example — uso básico
+ * <lib-status-dot status="online"></lib-status-dot>
+ *
+ * @example — con label inline
+ * <lib-status-dot status="away" label></lib-status-dot>
+ *
+ * @example — sobre avatar (borde blanco)
+ * <lib-status-dot status="busy" size="md" bordered></lib-status-dot>
+ *
+ * @example — tamaño grande en dashboard
+ * <lib-status-dot status="online" size="lg"></lib-status-dot>
+ */
+export declare class LibStatusDot extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /**
+     * Estado de presencia.
+     * - online  : celadón · onda mizu
+     * - away    : kaki · respiración iki
+     * - busy    : error · parpadeo hayai
+     * - offline : washi-400 · quietud ma
+     */
+    status: LibStatusDotStatus;
+    /**
+     * Tamaño del punto.
+     * - sm : 6px  — tablas y listas densas
+     * - md : 10px — uso general (default)
+     * - lg : 14px — alta visibilidad
+     */
+    size: LibStatusDotSize;
+    /**
+     * Añade un halo blanco (`box-shadow: 0 0 0 2px --bg-elevated`)
+     * para separar el punto visualmente cuando se posiciona sobre un avatar.
+     */
+    bordered: boolean;
+    /**
+     * Muestra el texto del estado (Online / Away / Busy / Offline)
+     * en línea con el punto. El color hereda el estado activo.
+     */
+    label: boolean;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lib-status-dot': LibStatusDot;
+    }
+}
+//# sourceMappingURL=lib-status-dot.component.d.ts.map

package/dist/components/atoms/status-dot/lib-status-dot.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-status-dot.component.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/status-dot/lib-status-dot.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAKlF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,4BAGpB;IAEF;;;;;;OAMG;IAEH,MAAM,EAAE,kBAAkB,CAAa;IAEvC;;;;;OAKG;IAEH,IAAI,EAAE,gBAAgB,CAAQ;IAE9B;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,KAAK,UAAS;IAEL,MAAM,IAAI,cAAc;CAQlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/components/atoms/status-dot/lib-status-dot.html.d.ts

@@ -0,0 +1,19 @@
+import { TemplateResult } from 'lit';
+export type LibStatusDotStatus = 'online' | 'away' | 'busy' | 'offline';
+export type LibStatusDotSize = 'sm' | 'md' | 'lg';
+export interface StatusDotTemplateProps {
+    status: LibStatusDotStatus;
+    size: LibStatusDotSize;
+    bordered: boolean;
+    label: boolean;
+}
+/**
+ * Renderiza el wrapper con el punto central y, opcionalmente, el label inline.
+ *
+ * Estructura:
+ *   .sd-wrap   — posiciona los anillos (::before / ::after) para online·mizu
+ *     .sd      — el punto coloreado y animado
+ *   .sd-label  — (opcional) texto inline con color del estado
+ */
+export declare function statusDotTemplate(props: StatusDotTemplateProps): TemplateResult;
+//# sourceMappingURL=lib-status-dot.html.d.ts.map

package/dist/components/atoms/status-dot/lib-status-dot.html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-status-dot.html.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/status-dot/lib-status-dot.html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AACxE,MAAM,MAAM,gBAAgB,GAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AASpD,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAI,kBAAkB,CAAC;IAC7B,IAAI,EAAM,gBAAgB,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAK,OAAO,CAAC;CACnB;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,cAAc,CAe/E"}

package/dist/components/atoms/status-dot/lib-status-dot.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+import { LibStatusDot } from './lib-status-dot.component';
+type LibStatusDotStoryArgs = Pick<LibStatusDot, 'status' | 'size' | 'bordered' | 'label'>;
+declare const meta: Meta<LibStatusDotStoryArgs>;
+export default meta;
+type Story = StoryObj<LibStatusDotStoryArgs>;
+export declare const Playground: Story;
+export declare const States: Story;
+export declare const Animations: Story;
+export declare const Sizes: Story;
+export declare const WithLabel: Story;
+export declare const Bordered: Story;
+export declare const ContextUserList: Story;
+//# sourceMappingURL=lib-status-dot.stories.d.ts.map

package/dist/components/atoms/status-dot/lib-status-dot.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-status-dot.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/status-dot/lib-status-dot.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE/D,KAAK,qBAAqB,GAAG,IAAI,CAAC,YAAY,EAAE,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC,CAAC;AAkB1F,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,qBAAqB,CAmBrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC;AAG7C,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAGF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAwBxB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAgBnB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KA4B7B,CAAC"}

package/dist/components/atoms/step/lib-step.component.d.ts

@@ -0,0 +1,76 @@
+import { LitElement, TemplateResult } from 'lit';
+import { LibStepStatus, LibStepOrientation, LibStepVariant, LibStepSize } from './lib-step.html';
+/**
+ * @element lib-step
+ *
+ * Paso individual del stepper. Diseñado para usarse dentro de `<lib-stepper>`,
+ * que inyecta automáticamente `index`, `status`, `last`, `orientation`,
+ * `variant` y `size`. El usuario solo necesita declarar `label` y, opcionalmente, `sub`.
+ *
+ * En modo vertical acepta contenido descriptivo en el slot por defecto.
+ *
+ * @example — dentro de lib-stepper (uso recomendado)
+ * <lib-stepper current="2">
+ *   <lib-step label="Información" sub="Datos personales"></lib-step>
+ *   <lib-step label="Pago" sub="Método de pago"></lib-step>
+ *   <lib-step label="Confirmación"></lib-step>
+ * </lib-stepper>
+ *
+ * @example — vertical con contenido en slot
+ * <lib-stepper orientation="vertical">
+ *   <lib-step label="Crea tu cuenta">
+ *     Registro completado. Tu correo ha sido verificado.
+ *   </lib-step>
+ * </lib-stepper>
+ */
+export declare class LibStep extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /** Texto principal del paso (requerido por el usuario). */
+    label: string;
+    /** Texto secundario corto (opcional). */
+    sub: string;
+    /**
+     * Número ordinal del paso.
+     * Inyectado automáticamente por lib-stepper.
+     */
+    index: number;
+    /**
+     * Estado visual del nodo.
+     * Inyectado automáticamente por lib-stepper.
+     * - pending   : por defecto — nodo vacío
+     * - active    : paso en curso — fondo oscuro + halo
+     * - completed : paso superado — checkmark
+     * - error     : fallo — icono de exclamación
+     */
+    status: LibStepStatus;
+    /**
+     * Marca el último paso del stepper (no renderiza conector).
+     * Inyectado automáticamente por lib-stepper.
+     */
+    last: boolean;
+    /**
+     * Dirección del flujo. Inyectado por lib-stepper.
+     */
+    orientation: LibStepOrientation;
+    /**
+     * Variante visual. Inyectada por lib-stepper.
+     * - default  : nodo circular washi
+     * - minimal  : nodo cuadrado kaki
+     * - kintsugi : venas doradas sobre superficie oscura
+     */
+    variant: LibStepVariant;
+    /**
+     * Tamaño del nodo. Inyectado por lib-stepper.
+     * - sm : 24px
+     * - md : 32px (default)
+     * - lg : 40px
+     */
+    size: LibStepSize;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lib-step': LibStep;
+    }
+}
+//# sourceMappingURL=lib-step.component.d.ts.map

package/dist/components/atoms/step/lib-step.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-step.component.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/step/lib-step.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEjE,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EAClB,cAAc,EACd,WAAW,EACZ,MAAM,iBAAiB,CAAC;AAKzB;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,4BAGpB;IAEF,2DAA2D;IAE3D,KAAK,SAAM;IAEX,yCAAyC;IAEzC,GAAG,SAAM;IAET;;;OAGG;IAEH,KAAK,SAAK;IAEV;;;;;;;OAOG;IAEH,MAAM,EAAE,aAAa,CAAa;IAElC;;;OAGG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,WAAW,EAAE,kBAAkB,CAAgB;IAE/C;;;;;OAKG;IAEH,OAAO,EAAE,cAAc,CAAa;IAEpC;;;;;OAKG;IAEH,IAAI,EAAE,WAAW,CAAQ;IAEhB,MAAM,IAAI,cAAc;CAUlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/components/atoms/step/lib-step.html.d.ts

@@ -0,0 +1,30 @@
+import { TemplateResult } from 'lit';
+export type LibStepStatus = 'pending' | 'active' | 'completed' | 'error';
+export type LibStepOrientation = 'horizontal' | 'vertical';
+export type LibStepVariant = 'default' | 'minimal' | 'kintsugi';
+export type LibStepSize = 'sm' | 'md' | 'lg';
+export interface StepTemplateProps {
+    index: number;
+    status: LibStepStatus;
+    label: string;
+    sub: string;
+    last: boolean;
+    orientation: LibStepOrientation;
+}
+/**
+ * Template para lib-step.
+ *
+ * Estructura (orientación horizontal):
+ *   .step-node     — círculo/cuadrado con número o icono
+ *   .step-connector— línea que conecta con el siguiente paso (oculta en [last])
+ *   .step-text     — label + sub
+ *
+ * Estructura (orientación vertical):
+ *   .step-node
+ *   .step-connector (vertical)
+ *   .step-body
+ *     .step-title
+ *     .step-content  ← <slot> para contenido descriptivo
+ */
+export declare function stepTemplate(props: StepTemplateProps): TemplateResult;
+//# sourceMappingURL=lib-step.html.d.ts.map

package/dist/components/atoms/step/lib-step.html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-step.html.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/step/lib-step.html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,MAAM,MAAM,aAAa,GAAQ,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAC;AAC9E,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,cAAc,GAAO,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACpE,MAAM,MAAM,WAAW,GAAU,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAQ,MAAM,CAAC;IACpB,MAAM,EAAO,aAAa,CAAC;IAC3B,KAAK,EAAQ,MAAM,CAAC;IACpB,GAAG,EAAU,MAAM,CAAC;IACpB,IAAI,EAAS,OAAO,CAAC;IACrB,WAAW,EAAE,kBAAkB,CAAC;CACjC;AAwBD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,cAAc,CAgCrE"}

package/dist/components/atoms/step/lib-step.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+interface StepArgs {
+    label: string;
+    sub: string;
+    index: number;
+    status: 'pending' | 'active' | 'completed' | 'error';
+    orientation: 'horizontal' | 'vertical';
+    variant: 'default' | 'minimal' | 'kintsugi';
+    size: 'sm' | 'md' | 'lg';
+}
+declare const meta: Meta<StepArgs>;
+export default meta;
+type Story = StoryObj<StepArgs>;
+export declare const Playground: Story;
+export declare const States: Story;
+//# sourceMappingURL=lib-step.stories.d.ts.map

package/dist/components/atoms/step/lib-step.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-step.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/step/lib-step.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,sBAAsB,CAAC;AAE9B,UAAU,QAAQ;IAChB,KAAK,EAAQ,MAAM,CAAC;IACpB,GAAG,EAAU,MAAM,CAAC;IACpB,KAAK,EAAQ,MAAM,CAAC;IACpB,MAAM,EAAO,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAC;IAC1D,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,OAAO,EAAM,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAChD,IAAI,EAAS,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACjC;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,QAAQ,CA2BxB,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAGhC,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAGF,eAAO,MAAM,MAAM,EAAE,KAwBpB,CAAC"}

package/dist/components/atoms/switch/lib-switch.component.d.ts

@@ -0,0 +1,55 @@
+import { LitElement, TemplateResult } from 'lit';
+import { LibSwitchVariant, LibSwitchSize } from './lib-switch.html';
+export type { LibSwitchVariant, LibSwitchSize };
+/**
+ * @element lib-switch
+ *
+ * Toggle switch con variante kintsugi de acabado premium.
+ *
+ * @fires ui-lib-change — Emitido al cambiar estado con `{ checked: boolean }`
+ *
+ * @example — default
+ * <lib-switch label="Notificaciones"></lib-switch>
+ *
+ * @example — con subtítulo
+ * <lib-switch label="Acceso premium" sub="Funciones exclusivas" checked></lib-switch>
+ *
+ * @example — kintsugi (superficie oscura)
+ * <lib-switch variant="kintsugi" label="Modo ceremonial" sub="Activa el tema kintsugi"></lib-switch>
+ *
+ * @example — tamaños
+ * <lib-switch size="sm"></lib-switch>
+ * <lib-switch size="lg" label="Sincronización"></lib-switch>
+ */
+export declare class LibSwitch extends LitElement {
+    static styles: import('lit').CSSResult[];
+    private _switchId;
+    constructor();
+    /** Estado activo del switch. */
+    checked: boolean;
+    /** Deshabilita la interacción. */
+    disabled: boolean;
+    /**
+     * Variante visual.
+     * - default   : track washi, thumb blanco
+     * - kintsugi  : cerámica oscura, venas doradas, thumb de oro al activar
+     */
+    variant: LibSwitchVariant;
+    /**
+     * Tamaño del switch.
+     * - sm : 30×18px · md : 40×24px (default) · lg : 52×30px
+     */
+    size: LibSwitchSize;
+    /** Texto principal de la etiqueta. */
+    label: string;
+    /** Texto secundario debajo del label. */
+    sub: string;
+    render(): TemplateResult;
+    private _handleChange;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lib-switch': LibSwitch;
+    }
+}
+//# sourceMappingURL=lib-switch.component.d.ts.map

package/dist/components/atoms/switch/lib-switch.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-switch.component.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/switch/lib-switch.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,cAAc,EAAE,MAAM,KAAK,CAAC;AAGjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAKzE,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC,OAAgB,MAAM,4BAGpB;IAEF,OAAO,CAAC,SAAS,CAAS;;IAO1B,gCAAgC;IAEhC,OAAO,UAAS;IAEhB,kCAAkC;IAElC,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,OAAO,EAAE,gBAAgB,CAAa;IAEtC;;;OAGG;IAEH,IAAI,EAAE,aAAa,CAAQ;IAE3B,sCAAsC;IAEtC,KAAK,SAAM;IAEX,yCAAyC;IAEzC,GAAG,SAAM;IAEA,MAAM,IAAI,cAAc;IAWjC,OAAO,CAAC,aAAa;CAYtB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/components/atoms/switch/lib-switch.html.d.ts

@@ -0,0 +1,28 @@
+import { TemplateResult } from 'lit';
+export type LibSwitchVariant = 'default' | 'kintsugi';
+export type LibSwitchSize = 'sm' | 'md' | 'lg';
+export interface SwitchTemplateProps {
+    switchId: string;
+    checked: boolean;
+    disabled: boolean;
+    label: string;
+    sub: string;
+    handleChange: (e: Event) => void;
+}
+/**
+ * Template para lib-switch.
+ *
+ * Estructura:
+ *   label.sw
+ *     input[type=checkbox]  — oculto, accesible
+ *     span.sw-track
+ *       span.sw-thumb
+ *     span.sw-label          — (opcional) si hay label
+ *       span.sw-label-text
+ *       span.sw-label-sub    — (opcional) si hay sub
+ *
+ * El estado visual (checked, disabled, variant, size) se controla
+ * íntegramente desde :host([attr]) en el CSS — el template es estático.
+ */
+export declare function switchTemplate(props: SwitchTemplateProps): TemplateResult;
+//# sourceMappingURL=lib-switch.html.d.ts.map

package/dist/components/atoms/switch/lib-switch.html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-switch.html.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/switch/lib-switch.html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEpD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,UAAU,CAAC;AACtD,MAAM,MAAM,aAAa,GAAM,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAG,MAAM,CAAC;IAClB,OAAO,EAAI,OAAO,CAAC;IACnB,QAAQ,EAAG,OAAO,CAAC;IACnB,KAAK,EAAM,MAAM,CAAC;IAClB,GAAG,EAAQ,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,cAAc,CAuBzE"}

package/dist/components/atoms/switch/lib-switch.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+import { LibSwitch } from './lib-switch.component';
+type SwitchArgs = Pick<LibSwitch, 'checked' | 'disabled' | 'variant' | 'size' | 'label' | 'sub'>;
+declare const meta: Meta<SwitchArgs>;
+export default meta;
+type Story = StoryObj<SwitchArgs>;
+export declare const Playground: Story;
+export declare const DefaultStates: Story;
+export declare const DefaultSizes: Story;
+export declare const KintsugiStates: Story;
+export declare const KintsugiSizes: Story;
+export declare const KintsugiLabel: Story;
+//# sourceMappingURL=lib-switch.stories.d.ts.map

package/dist/components/atoms/switch/lib-switch.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-switch.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/switch/lib-switch.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,KAAK,UAAU,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC,CAAC;AAEjG,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAyB1B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;AAGlC,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAU5B,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC"}