@shibui-ui/ui 1.6.0 → 1.7.0

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

@@ -0,0 +1,48 @@
+import { LitElement, TemplateResult } from 'lit';
+export type LibKbdSize = 'xs' | 'sm' | 'md' | 'lg';
+export type LibKbdVariant = 'default' | 'dark' | 'ghost' | 'kaki' | 'celadon';
+/**
+ * @element lib-kbd
+ *
+ * Representa una tecla de teclado física.
+ * El `border-bottom` de 3px simula la pared lateral de la tecla.
+ * El estado `pressed` produce un desplazamiento físico de 1-2px.
+ *
+ * @slot (default) — el símbolo o texto de la tecla (⌘, K, Ctrl…)
+ *
+ * @example — tecla individual
+ * <lib-kbd>⌘</lib-kbd>
+ *
+ * @example — combo (el consumer compone las teclas)
+ * <lib-kbd size="sm">⌘</lib-kbd>
+ * <span>+</span>
+ * <lib-kbd size="sm">K</lib-kbd>
+ *
+ * @example — pressed programático
+ * <lib-kbd pressed>Space</lib-kbd>
+ */
+export declare class LibKbd extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /** Tamaño de la tecla. */
+    size: LibKbdSize;
+    /** Variante visual de color. */
+    variant: LibKbdVariant;
+    /**
+     * Estado pressed programático.
+     * El componente también gestiona pressed internamente
+     * via mousedown/mouseup para la interacción del usuario.
+     */
+    pressed: boolean;
+    /** Estado interno de pulsación por ratón (no expuesto como atributo). */
+    private _pointerPressed;
+    render(): TemplateResult;
+    private _onPointerDown;
+    private _onPointerUp;
+    private _onPointerLeave;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lib-kbd': LibKbd;
+    }
+}
+//# sourceMappingURL=lib-kbd.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lib-kbd.component.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/kbd/lib-kbd.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,cAAc,EAAE,MAAM,KAAK,CAAC;AAMjE,MAAM,MAAM,UAAU,GAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAE9E;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC,OAAgB,MAAM,4BAGpB;IAEF,0BAA0B;IAE1B,IAAI,EAAE,UAAU,CAAQ;IAExB,gCAAgC;IAEhC,OAAO,EAAE,aAAa,CAAa;IAEnC;;;;OAIG;IAEH,OAAO,UAAS;IAEhB,yEAAyE;IAEzE,OAAO,CAAC,eAAe,CAAS;IAEvB,MAAM,IAAI,cAAc;IAWjC,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,eAAe;CAGxB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

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

@@ -0,0 +1,23 @@
+import { TemplateResult } from 'lit';
+import { LibKbdSize, LibKbdVariant } from './lib-kbd.component';
+export interface KbdTemplateProps {
+    size: LibKbdSize;
+    variant: LibKbdVariant;
+    pressed: boolean;
+    onDown: () => void;
+    onUp: () => void;
+    onLeave: () => void;
+}
+/**
+ * Template de lib-kbd.
+ *
+ * Estructura:
+ *   kbd.kbd.kbd-{size}[.kbd-{variant}][.is-pressed]
+ *     slot
+ *
+ * El `border-bottom` de 3px simula la pared lateral física.
+ * `.is-pressed` reduce ese borde a 1px y añade translateY(1px)
+ * — efecto pulsación real.
+ */
+export declare function kbdTemplate(props: KbdTemplateProps): TemplateResult;
+//# sourceMappingURL=lib-kbd.html.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lib-kbd.html.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/kbd/lib-kbd.html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAErE,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAM,UAAU,CAAC;IACrB,OAAO,EAAG,aAAa,CAAC;IACxB,OAAO,EAAG,OAAO,CAAC;IAClB,MAAM,EAAI,MAAM,IAAI,CAAC;IACrB,IAAI,EAAM,MAAM,IAAI,CAAC;IACrB,OAAO,EAAG,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,cAAc,CAkBnE"}

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

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+import { LibKbd } from './lib-kbd.component';
+type KbdArgs = Pick<LibKbd, 'size' | 'variant' | 'pressed'>;
+declare const meta: Meta<KbdArgs>;
+export default meta;
+type Story = StoryObj<KbdArgs>;
+export declare const Playground: Story;
+export declare const Sizes: Story;
+export declare const ModifierSymbols: Story;
+export declare const Variants: Story;
+export declare const DarkSurface: Story;
+export declare const Combos: Story;
+export declare const ShortcutTable: Story;
+export declare const InlineProse: Story;
+//# sourceMappingURL=lib-kbd.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lib-kbd.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/kbd/lib-kbd.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAElD,KAAK,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,CASvB,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;AAQ/B,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAiBnB,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAGF,eAAO,MAAM,MAAM,EAAE,KA8CpB,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAiC3B,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KA6BzB,CAAC"}

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

@@ -0,0 +1,10 @@
+import { LitElement, TemplateResult } from 'lit';
+export declare class LibLabel extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /** ID del input al que va asociado (para accesibilidad) */
+    htmlFor: string;
+    /** Muestra un indicador visual de campo obligatorio */
+    required: boolean;
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=lib-label.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lib-label.component.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/label/lib-label.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,cAAc,EAAE,MAAM,KAAK,CAAC;AAKvE,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,4BAOpB;IAEF,2DAA2D;IAC/B,OAAO,EAAE,MAAM,CAAM;IAEjD,uDAAuD;IAC1B,QAAQ,EAAE,OAAO,CAAS;cAEpC,MAAM,IAAI,cAAc;CAQ5C"}

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

@@ -0,0 +1,84 @@
+import { LitElement, TemplateResult, PropertyValues } from 'lit';
+import { LibCounterSize, LibCounterTone, LibCounterDeltaDir } from './lib-counter.html';
+export type { LibCounterSize, LibCounterTone, LibCounterDeltaDir };
+/**
+ * @element lib-counter
+ *
+ * Contador animado con digit-flip: cada dígito es una columna
+ * de 0 a 9 que se desplaza con translateY. Los dígitos de mayor
+ * peso animan antes que los de menor — efecto odómetro.
+ *
+ * @example — básico
+ * <lib-counter value="24819" label="Usuarios activos" play-on-visible></lib-counter>
+ *
+ * @example — moneda con delta
+ * <lib-counter value="18540" prefix="€" size="lg" tone="kaki"
+ *   label="Ingresos" delta="+14,7%" delta-dir="up" play-on-visible>
+ * </lib-counter>
+ *
+ * @example — porcentaje sin separador de miles
+ * <lib-counter value="87" suffix="%" thousands="" size="md" play-on-visible></lib-counter>
+ *
+ * @example — con decimales
+ * <lib-counter value="4" decimals="73" play-on-visible></lib-counter>
+ * → renderiza  4,73
+ */
+export declare class LibCounter extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /** Valor numérico a mostrar. */
+    value: number;
+    /** Carácter prefijo (€, $, …). */
+    prefix: string;
+    /** Carácter sufijo (%, k, …). */
+    suffix: string;
+    /** Separador de miles. Default: punto. Vacío = sin separador. */
+    thousands: string;
+    /**
+     * Dígitos decimales a mostrar después de coma.
+     * Ejemplo: decimals="73" → ",73"
+     */
+    decimals: number | null;
+    /** Tamaño del contador. */
+    size: LibCounterSize;
+    /** Tono de color. */
+    tone: LibCounterTone;
+    /** Etiqueta inferior en font-mono uppercase. */
+    label: string;
+    /** Texto del indicador de variación (e.g. "+14,7%"). */
+    delta: string;
+    /** Dirección del delta — controla color e icono. */
+    deltaDir: LibCounterDeltaDir;
+    /**
+     * Si está presente, el contador arranca desde 0 y anima
+     * hasta `value` cuando entra en el viewport (IntersectionObserver).
+     * Nombre: play-on-visible (evita colisión con HTMLElement.animate).
+     */
+    playOnVisible: boolean;
+    private _rowEl;
+    private _builtDigitCount;
+    private _builtThousands;
+    private _observer;
+    private _hasAnimated;
+    private _firstUpdate;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): TemplateResult;
+    updated(changed: PropertyValues): void;
+    private _needsRebuild;
+    private _buildRow;
+    private _buildCharArray;
+    private _makeDigitSlot;
+    private _setRowInstant;
+    private _animateTo;
+    private _extractTargetDigits;
+    /** Anima el contador a un nuevo valor manualmente. */
+    animateTo(value: number): void;
+    /** Reinicia la animación desde cero al valor actual. */
+    replay(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lib-counter': LibCounter;
+    }
+}
+//# sourceMappingURL=lib-counter.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lib-counter.component.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/lib-counter/lib-counter.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGjF,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAI7F,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC;AAEnE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,4BAGpB;IAIF,gCAAgC;IAEhC,KAAK,SAAK;IAEV,kCAAkC;IAEzB,MAAM,SAAM;IAErB,iCAAiC;IAEjC,MAAM,SAAM;IAEZ,iEAAiE;IAEjE,SAAS,SAAO;IAEhB;;;OAGG;IAEH,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE/B,2BAA2B;IAE3B,IAAI,EAAE,cAAc,CAAQ;IAE5B,qBAAqB;IAErB,IAAI,EAAE,cAAc,CAAa;IAEjC,gDAAgD;IAEhD,KAAK,SAAM;IAEX,wDAAwD;IAExD,KAAK,SAAM;IAEX,oDAAoD;IAEpD,QAAQ,EAAE,kBAAkB,CAAQ;IAEpC;;;;OAIG;IAEH,aAAa,UAAS;IAKtB,QACgB,MAAM,CAAc;IAEpC,OAAO,CAAC,gBAAgB,CAAM;IAC9B,OAAO,CAAC,eAAe,CAAO;IAE9B,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,YAAY,CAAQ;IAGnB,iBAAiB,IAAI,IAAI;IAgBzB,oBAAoB,IAAI,IAAI;IAK5B,MAAM,IAAI,cAAc;IAUxB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAsC/C,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,SAAS;IAiDjB,OAAO,CAAC,eAAe;IAgBvB,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,UAAU;IA2BlB,OAAO,CAAC,oBAAoB;IAc5B,sDAAsD;IAC/C,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIrC,wDAAwD;IACjD,MAAM,IAAI,IAAI;CAItB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

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

@@ -0,0 +1,25 @@
+import { TemplateResult } from 'lit';
+export type LibCounterSize = 'sm' | 'md' | 'lg' | 'xl';
+export type LibCounterTone = 'default' | 'kaki' | 'celadon' | 'error' | 'muted' | 'on-dark';
+export type LibCounterDeltaDir = 'up' | 'down' | 'flat';
+export interface CounterTemplateProps {
+    size: LibCounterSize;
+    tone: LibCounterTone;
+    label: string;
+    delta: string;
+    deltaDir: LibCounterDeltaDir;
+}
+/**
+ * Shell estático de lib-counter.
+ *
+ * El .cnt-row se construye y anima enteramente por el motor
+ * imperativo en LibCounter.updated(). El template solo provee
+ * el contenedor y la fila de metadatos.
+ *
+ * Estructura:
+ *   div.cnt.cnt-{size}[.cnt-{tone}]
+ *     div.cnt-row[part="row"]       ← dígitos, construidos vía DOM
+ *     div.cnt-meta                  ← label + delta (opcionales)
+ */
+export declare function counterTemplate(props: CounterTemplateProps): TemplateResult;
+//# sourceMappingURL=lib-counter.html.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lib-counter.html.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/lib-counter/lib-counter.html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,MAAM,MAAM,cAAc,GAAO,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3D,MAAM,MAAM,cAAc,GAAO,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AAChG,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AAExD,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAM,cAAc,CAAC;IACzB,IAAI,EAAM,cAAc,CAAC;IACzB,KAAK,EAAK,MAAM,CAAC;IACjB,KAAK,EAAK,MAAM,CAAC;IACjB,QAAQ,EAAE,kBAAkB,CAAC;CAC9B;AA0BD;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,cAAc,CAqB3E"}

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

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+import { LibCounter } from './lib-counter.component';
+type CounterArgs = Pick<LibCounter, 'value' | 'prefix' | 'suffix' | 'thousands' | 'decimals' | 'size' | 'tone' | 'label' | 'delta' | 'deltaDir' | 'playOnVisible'>;
+declare const meta: Meta<CounterArgs>;
+export default meta;
+type Story = StoryObj<CounterArgs>;
+export declare const Playground: Story;
+export declare const DigitFlip: Story;
+export declare const Sizes: Story;
+export declare const Formats: Story;
+export declare const WithDelta: Story;
+export declare const StatCards: Story;
+export declare const DarkSurface: Story;
+//# sourceMappingURL=lib-counter.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lib-counter.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/lib-counter/lib-counter.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,WAAW,GAAG,IAAI,CAAC,UAAU,EAChC,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,GACxD,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,eAAe,CACnE,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,WAAW,CAiB3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;AAOnC,eAAO,MAAM,UAAU,EAAE,KA6BxB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAyBvB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAcnB,CAAC;AAGF,eAAO,MAAM,OAAO,EAAE,KAsBrB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAkBvB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAwBvB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAqBzB,CAAC"}

package/dist/components/atoms/liquid-button/lib-liquid-button.component.d.ts

@@ -0,0 +1,43 @@
+import { LitElement, TemplateResult } from 'lit';
+import { LiquidVariant, LiquidSize } from './lib-liquid-button.types';
+/**
+ * Botón con física de agua en canvas.
+ *
+ * @prop variant  — 'ink' | 'washi' | 'kaki' | 'celadon' | 'ghost' | 'danger'
+ * @prop size     — 'sm' | 'md' | 'lg'
+ * @prop disabled — bloquea interacción y detiene el canvas
+ * @prop loading  — muestra spinner, bloquea interacción
+ * @prop dark     — ajusta colores en surface oscura
+ * @prop block    — ancho 100%
+ *
+ * Slots: default · prefix · suffix
+ * @fires ui-lib-click — {detail: { originalEvent: MouseEvent }}
+ */
+export declare class LibButtonLiquid extends LitElement {
+    static styles: import('lit').CSSResult[];
+    variant: LiquidVariant;
+    size: LiquidSize;
+    disabled: boolean;
+    loading: boolean;
+    dark: boolean;
+    block: boolean;
+    private _btn;
+    private _physics;
+    private _canvas;
+    private _ro;
+    firstUpdated(): void;
+    updated(changed: Map<string, unknown>): void;
+    disconnectedCallback(): void;
+    private _initCanvas;
+    private _destroyCanvas;
+    _onMouseEnter(e: MouseEvent): void;
+    _onMouseLeave(): void;
+    _onMouseDown(e: MouseEvent): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lib-button-liquid': LibButtonLiquid;
+    }
+}
+//# sourceMappingURL=lib-liquid-button.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lib-liquid-button.component.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/liquid-button/lib-liquid-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,cAAc,EAAE,MAAM,KAAK,CAAC;AAMjE,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAgO3E;;;;;;;;;;;;GAYG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,4BAGpB;IAGF,OAAO,EAAE,aAAa,CAAS;IAG/B,IAAI,EAAE,UAAU,CAAQ;IAGxB,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGhB,IAAI,UAAS;IAGb,KAAK,UAAS;IAEd,QACgB,IAAI,CAAoB;IAExC,OAAO,CAAC,QAAQ,CAA6B;IAC7C,OAAO,CAAC,OAAO,CAAqC;IACpD,OAAO,CAAC,GAAG,CAAyC;IAI3C,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAQ5C,oBAAoB,IAAI,IAAI;IAQrC,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,cAAc;IAWtB,aAAa,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAMlC,aAAa,IAAI,IAAI;IAIrB,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;cAad,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}

package/dist/components/atoms/liquid-button/lib-liquid-button.html.d.ts

@@ -0,0 +1,4 @@
+import { TemplateResult } from 'lit';
+import { LibButtonLiquid } from './lib-liquid-button.component';
+export declare function buttonLiquidTemplate(ctx: LibButtonLiquid): TemplateResult;
+//# sourceMappingURL=lib-liquid-button.html.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lib-liquid-button.html.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/liquid-button/lib-liquid-button.html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAWrE,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,eAAe,GAAG,cAAc,CAwBzE"}

package/dist/components/atoms/liquid-button/lib-liquid-button.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Playground: Story;
+export declare const Variants: Story;
+export declare const Sizes: Story;
+export declare const WithIcons: Story;
+export declare const States: Story;
+export declare const Dark: Story;
+export declare const Block: Story;
+//# sourceMappingURL=lib-liquid-button.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lib-liquid-button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/liquid-button/lib-liquid-button.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,+BAA+B,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAYX,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAGtB,eAAO,MAAM,UAAU,EAAE,KAsBxB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAqCtB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAgCnB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAuCvB,CAAC;AAGF,eAAO,MAAM,MAAM,EAAE,KAgCpB,CAAC;AAGF,eAAO,MAAM,IAAI,EAAE,KA4BlB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAenB,CAAC"}

package/dist/components/atoms/liquid-button/lib-liquid-button.types.d.ts

@@ -0,0 +1,11 @@
+export type LiquidVariant = 'ink' | 'washi' | 'kaki' | 'celadon' | 'ghost' | 'danger';
+export type LiquidSize = 'sm' | 'md' | 'lg';
+/** Parámetros RGB de la física del agua — uno por variante */
+export interface LiquidPalette {
+    /** Color del cuerpo de agua (fill) */
+    water: [number, number, number];
+    /** Color de los anillos de impacto (ripple) */
+    ripple: [number, number, number];
+}
+export declare const LIQUID_PALETTES: Record<LiquidVariant, LiquidPalette>;
+//# sourceMappingURL=lib-liquid-button.types.d.ts.map

package/dist/components/atoms/liquid-button/lib-liquid-button.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-liquid-button.types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/liquid-button/lib-liquid-button.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AACtF,MAAM,MAAM,UAAU,GAAM,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,8DAA8D;AAC9D,MAAM,WAAW,aAAa;IAC5B,sCAAsC;IACtC,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,+CAA+C;IAC/C,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC;AAED,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,aAAa,EAAE,aAAa,CAOhE,CAAC"}

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

@@ -0,0 +1,19 @@
+import { LitElement, TemplateResult } from 'lit';
+export declare class LibMagnetic extends LitElement {
+    static styles: import('lit').CSSResult;
+    /**
+     * Intensidad del efecto (0.1 a 1).
+     * Valores más altos hacen que el elemento siga más de cerca al ratón.
+     */
+    shift: number;
+    _wrapper: HTMLElement;
+    render(): TemplateResult;
+    private _handleMouseMove;
+    private _handleMouseLeave;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lib-magnetic': LibMagnetic;
+    }
+}
+//# sourceMappingURL=lib-magnetic.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lib-magnetic.component.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/magnetic/lib-magnetic.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAmB,MAAM,KAAK,CAAC;AAIlE,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAqB;IAE3C;;;OAGG;IACyB,KAAK,SAAO;IAEZ,QAAQ,EAAG,WAAW,CAAC;IAE1C,MAAM,IAAG,cAAc;IAYhC,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,iBAAiB;CAI1B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

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

@@ -0,0 +1,5 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+export declare const Default: StoryObj;
+//# sourceMappingURL=lib-magnetic.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lib-magnetic.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/magnetic/lib-magnetic.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,0BAA0B,CAAC;AAClC,OAAO,gCAAgC,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAOX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAQrB,CAAC"}

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

@@ -0,0 +1,48 @@
+import { LitElement, TemplateResult } from 'lit';
+import { ProgressSize, ProgressTone } from './lib-progress.types';
+/**
+ * @element lib-progress
+ *
+ * Barra de progreso lineal del sistema Shibui.
+ *
+ * Modos:
+ *  - Simple bar          → valor 0-100 con prop `value`
+ *  - Con meta            → añade `label` y/o `value-label`
+ *  - Multi-segmento      → prop `segments` (JSON)
+ *
+ * @attr value          — Valor actual (0–max). Default 0.
+ * @attr max            — Valor máximo. Default 100.
+ * @attr size           — xs · sm · md · lg · xl. Default md.
+ * @attr tone           — default · kaki · celadon · error. Default default.
+ * @attr indeterminate  — Duración desconocida; animación continua.
+ * @attr striped        — Relleno con diagonales sutiles.
+ * @attr square         — Bordes rectos (radius-sm) en lugar de full.
+ * @attr label          — Etiqueta sobre la barra.
+ * @attr value-label    — Texto libre junto al label (ej: "3.4 MB / 7 MB").
+ * @attr show-value     — Muestra el % calculado junto al label (ignorado si value-label está presente).
+ * @attr sub            — Texto secundario bajo la barra (DM Mono, 10px).
+ * @attr segments       — JSON: ProgressSegment[]. Activa modo multi-segmento.
+ */
+export declare class LibProgress extends LitElement {
+    static styles: import('lit').CSSResult[];
+    value: number;
+    max: number;
+    size: ProgressSize;
+    tone: ProgressTone;
+    indeterminate: boolean;
+    striped: boolean;
+    square: boolean;
+    label: string;
+    valueLabel: string;
+    sub: string;
+    showValue: boolean;
+    segments: string;
+    ariaLabel: string | null;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lib-progress': LibProgress;
+    }
+}
+//# sourceMappingURL=lib-progress.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lib-progress.component.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/progress/lib-progress.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,cAAc,EAAE,MAAM,KAAK,CAAC;AAKjE,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAmB,MAAM,sBAAsB,CAAC;AAExF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,4BAGpB;IAG0B,KAAK,SAAK;IACV,GAAG,SAAS;IAEG,IAAI,EAAE,YAAY,CAAQ;IAC1B,IAAI,EAAE,YAAY,CAAa;IAE9B,aAAa,UAAS;IACtB,OAAO,UAAe;IACtB,MAAM,UAAgB;IAGtC,KAAK,SAAY;IACS,UAAU,SAAM;IAC1C,GAAG,SAAc;IACS,SAAS,UAAU;IAG7C,QAAQ,SAAM;IAGoB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAErF,MAAM,IAAI,cAAc;CAkClC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

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

@@ -0,0 +1,9 @@
+import { TemplateResult } from 'lit';
+import { ProgressTemplateProps } from './lib-progress.types';
+/**
+ * Template para lib-progress.
+ * Renderiza la barra con o sin meta (label/value/sub).
+ * Si segments.length > 0 → modo multi-segmento.
+ */
+export declare function progressTemplate(props: ProgressTemplateProps): TemplateResult;
+//# sourceMappingURL=lib-progress.html.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lib-progress.html.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/progress/lib-progress.html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,qBAAqB,EAAwC,MAAM,sBAAsB,CAAC;AAqFxG;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,cAAc,CA+B7E"}

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

@@ -0,0 +1,25 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+interface ProgressArgs {
+    value: number;
+    max: number;
+    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    tone: 'default' | 'kaki' | 'celadon' | 'error';
+    indeterminate: boolean;
+    striped: boolean;
+    square: boolean;
+    label: string;
+    valueLabel: string;
+    sub: string;
+    showValue: boolean;
+    segments: string;
+}
+declare const meta: Meta<ProgressArgs>;
+export default meta;
+type Story = StoryObj<ProgressArgs>;
+export declare const Playground: Story;
+export declare const Sizes: Story;
+export declare const Tones: Story;
+export declare const Variants: Story;
+export declare const WithMeta: Story;
+export declare const MultiSegment: Story;
+//# sourceMappingURL=lib-progress.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lib-progress.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/progress/lib-progress.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,0BAA0B,CAAC;AAGlC,UAAU,YAAY;IACpB,KAAK,EAAU,MAAM,CAAC;IACtB,GAAG,EAAY,MAAM,CAAC;IACtB,IAAI,EAAW,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAChD,IAAI,EAAW,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACxD,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAQ,OAAO,CAAC;IACvB,MAAM,EAAS,OAAO,CAAC;IACvB,KAAK,EAAU,MAAM,CAAC;IACtB,UAAU,EAAK,MAAM,CAAC;IACtB,GAAG,EAAY,MAAM,CAAC;IACtB,SAAS,EAAM,OAAO,CAAC;IACvB,QAAQ,EAAO,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,YAAY,CAuB5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;AAKpC,eAAO,MAAM,UAAU,EAAE,KAiCxB,CAAC;AAKF,eAAO,MAAM,KAAK,EAAE,KAqCnB,CAAC;AAKF,eAAO,MAAM,KAAK,EAAE,KA+BnB,CAAC;AAKF,eAAO,MAAM,QAAQ,EAAE,KAiCtB,CAAC;AAKF,eAAO,MAAM,QAAQ,EAAE,KAsCtB,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,KAqC1B,CAAC"}

package/dist/components/atoms/progress/lib-progress.types.d.ts

@@ -0,0 +1,30 @@
+export type ProgressSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type ProgressTone = 'default' | 'kaki' | 'celadon' | 'error';
+export type ProgressSegmentTone = ProgressTone | 'muted';
+/**
+ * Un segmento del modo multi-segmento.
+ * `percent` es el ancho relativo del segmento (0-100, suma recomendada ≤ 100).
+ */
+export interface ProgressSegment {
+    percent: number;
+    tone?: ProgressSegmentTone;
+    color?: string;
+    label?: string;
+}
+export interface ProgressTemplateProps {
+    percent: number;
+    size: ProgressSize;
+    tone: ProgressTone;
+    indeterminate: boolean;
+    striped: boolean;
+    square: boolean;
+    label: string;
+    valueLabel: string;
+    sub: string;
+    showValue: boolean;
+    segments: ProgressSegment[];
+    ariaLabel: string;
+    rawValue: number;
+    max: number;
+}
+//# sourceMappingURL=lib-progress.types.d.ts.map

package/dist/components/atoms/progress/lib-progress.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-progress.types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/progress/lib-progress.types.ts"],"names":[],"mappings":"AAIG,MAAM,MAAM,YAAY,GAAW,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpE,MAAM,MAAM,YAAY,GAAW,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAC5E,MAAM,MAAM,mBAAmB,GAAI,YAAY,GAAG,OAAO,CAAC;AAE1D;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAG,MAAM,CAAC;IACjB,IAAI,CAAC,EAAK,mBAAmB,CAAC;IAC9B,KAAK,CAAC,EAAI,MAAM,CAAC;IACjB,KAAK,CAAC,EAAI,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,qBAAqB;IAEpC,OAAO,EAAQ,MAAM,CAAC;IACtB,IAAI,EAAW,YAAY,CAAC;IAC5B,IAAI,EAAW,YAAY,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAQ,OAAO,CAAC;IACvB,MAAM,EAAS,OAAO,CAAC;IAGvB,KAAK,EAAU,MAAM,CAAC;IACtB,UAAU,EAAK,MAAM,CAAC;IACtB,GAAG,EAAY,MAAM,CAAC;IACtB,SAAS,EAAM,OAAO,CAAC;IAGvB,QAAQ,EAAO,eAAe,EAAE,CAAC;IAGjC,SAAS,EAAM,MAAM,CAAC;IACtB,QAAQ,EAAO,MAAM,CAAC;IACtB,GAAG,EAAY,MAAM,CAAC;CACvB"}

package/dist/components/atoms/progress-circle/lib-progress-circle.component.d.ts

@@ -0,0 +1,77 @@
+import { LitElement, TemplateResult } from 'lit';
+import { LibProgressCircleSize, LibProgressCircleVariant } from './lib-progress-circle.component.html';
+/**
+ * @element lib-progress-circle
+ *
+ * Indicador de progreso circular basado en SVG stroke-dashoffset.
+ * Cinco tamaños semánticos, cuatro colores, variante indeterminate.
+ *
+ * @example — uso básico
+ * <lib-progress-circle value="72"></lib-progress-circle>
+ *
+ * @example — kaki con subtítulo
+ * <lib-progress-circle value="61" variant="kaki" sub="61 GB"></lib-progress-circle>
+ *
+ * @example — celadon completado con icono
+ * <lib-progress-circle value="100" variant="celadon" icon="check" size="lg"></lib-progress-circle>
+ *
+ * @example — indeterminate
+ * <lib-progress-circle indeterminate variant="kaki"></lib-progress-circle>
+ *
+ * @example — sin label (bare)
+ * <lib-progress-circle value="38" size="xs" bare></lib-progress-circle>
+ */
+export declare class LibProgressCircle extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /** Valor actual */
+    value: number;
+    /** Valor máximo */
+    max: number;
+    /**
+     * Tamaño semántico del círculo.
+     * Mapea a dimensiones fijas con strokeWidth proporcional:
+     * - xs : 40px  · stroke 3  (sin label)
+     * - sm : 64px  · stroke 4
+     * - md : 96px  · stroke 6  (default)
+     * - lg : 128px · stroke 7
+     * - xl : 176px · stroke 6
+     */
+    size: LibProgressCircleSize;
+    /**
+     * Sobreescribe el strokeWidth por defecto del tamaño.
+     * null → usa el valor canónico del tamaño seleccionado.
+     */
+    strokeWidth: number | null;
+    /**
+     * Paleta de color del arco.
+     * El track toma automáticamente el tono -100 de cada variante.
+     * - default : washi-900 (tinta)
+     * - kaki    : persimmon orgánico
+     * - celadon : jade sereno
+     * - error   : estado crítico
+     */
+    variant: LibProgressCircleVariant;
+    /**
+     * Modo de carga de duración desconocida.
+     * El arco es un segmento corto que rota continuamente.
+     * Ignora `value`, `bare`, `sub` e `icon`.
+     */
+    indeterminate: boolean;
+    /** Oculta el label central (solo muestra el arco) */
+    bare: boolean;
+    /** Subtítulo bajo el valor numérico. Oculto en xs. */
+    sub: string;
+    /**
+     * Icono SVG en el centro en lugar del texto numérico.
+     * - 'check' : polyline checkmark en color de la variante
+     * - null    : muestra el valor (default)
+     */
+    icon: 'check' | null;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lib-progress-circle': LibProgressCircle;
+    }
+}
+//# sourceMappingURL=lib-progress-circle.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lib-progress-circle.component.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/progress-circle/lib-progress-circle.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAK5G;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,4BAGpB;IAEF,mBAAmB;IAEnB,KAAK,SAAK;IAEV,mBAAmB;IAEnB,GAAG,SAAO;IAEV;;;;;;;;OAQG;IAEH,IAAI,EAAE,qBAAqB,CAAQ;IAEnC;;;OAGG;IAEH,WAAW,EAAE,MAAM,GAAG,IAAI,CAAQ;IAElC;;;;;;;OAOG;IAEH,OAAO,EAAE,wBAAwB,CAAa;IAE9C;;;;OAIG;IAEH,aAAa,UAAS;IAEtB,qDAAqD;IAErD,IAAI,UAAS;IAEb,sDAAsD;IAEtD,GAAG,SAAM;IAET;;;;OAIG;IAEH,IAAI,EAAE,OAAO,GAAG,IAAI,CAAQ;IAEnB,MAAM,IAAI,cAAc;CAalC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}

package/dist/components/atoms/progress-circle/lib-progress-circle.component.html.d.ts

@@ -0,0 +1,30 @@
+import { TemplateResult } from 'lit';
+export type LibProgressCircleSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type LibProgressCircleVariant = 'default' | 'kaki' | 'celadon' | 'error';
+export interface ProgressCircleTemplateProps {
+    value: number;
+    max: number;
+    size: LibProgressCircleSize;
+    /** Sobreescribe el strokeWidth por defecto del tamaño */
+    strokeWidth: number | null;
+    variant: LibProgressCircleVariant;
+    indeterminate: boolean;
+    /** Oculta el label central */
+    bare: boolean;
+    /** Subtítulo bajo el valor numérico */
+    sub: string;
+    /** Icono SVG en el centro en lugar del texto */
+    icon: 'check' | null;
+}
+/**
+ * Renderiza el SVG circular y el label central.
+ *
+ * Fórmula del arco:
+ *   r           = (size - strokeWidth) / 2
+ *   circumference = 2π × r
+ *   offset      = circumference × (1 − value/max)
+ *
+ * El SVG se rota -90° en CSS para que el arco empiece arriba.
+ */
+export declare function progressCircleTemplate(props: ProgressCircleTemplateProps): TemplateResult;
+//# sourceMappingURL=lib-progress-circle.component.html.d.ts.map

package/dist/components/atoms/progress-circle/lib-progress-circle.component.html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-progress-circle.component.html.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/progress-circle/lib-progress-circle.component.html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,MAAM,MAAM,qBAAqB,GAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACxE,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAWhF,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAU,MAAM,CAAC;IACtB,GAAG,EAAY,MAAM,CAAC;IACtB,IAAI,EAAW,qBAAqB,CAAC;IACrC,yDAAyD;IACzD,WAAW,EAAI,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAQ,wBAAwB,CAAC;IACxC,aAAa,EAAE,OAAO,CAAC;IACvB,8BAA8B;IAC9B,IAAI,EAAW,OAAO,CAAC;IACvB,uCAAuC;IACvC,GAAG,EAAY,MAAM,CAAC;IACtB,gDAAgD;IAChD,IAAI,EAAW,OAAO,GAAG,IAAI,CAAC;CAC/B;AAED;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,GAAG,cAAc,CAsEzF"}