@shibui-ui/ui 1.21.0 → 1.22.0

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export * from './components/atoms/avatar/lib-avatar.component';
 export * from './components/atoms/skeleton/lib-skeleton.component';
 export * from './components/atoms/text-list/lib-text-list.component';
 export * from './components/atoms/close-button/lib-close-button.component';
-export * from './components/atoms/glass-card/lib-glass-card.component';
+export * from './components/atoms/card/glass-card/lib-glass-card.component';
 export * from './components/atoms/progress/lib-progress.component';
 export * from './components/atoms/accordion-item/lib-accordion-item.component';
 export * from './components/atoms/tooltip/lib-tooltip.component';
@@ -20,7 +20,7 @@ export * from './components/atoms/label/lib-label.component';
 export * from './components/atoms/icon/lib-icon.component';
 export * from './components/atoms/button/lib-button.component';
 export * from './components/atoms/magnetic/lib-magnetic.component';
-export * from './components/atoms/spotlight-card/lib-spotlight-card.component';
+export * from './components/atoms/card/spotlight-card/lib-spotlight-card.component';
 export * from './components/atoms/lib-counter/lib-counter.component';
 export * from './components/atoms/divider/lib-divider.component';
 export * from './components/atoms/spacer/lib-spacer.component';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAE7C,cAAc,0DAA0D,CAAC;AACzE,cAAc,wDAAwD,CAAC;AACvE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,wDAAwD,CAAC;AACvE,cAAc,oDAAoD,CAAC;AACnE,cAAc,gEAAgE,CAAC;AAC/E,cAAc,kDAAkD,CAAC;AACjE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kEAAkE,CAAC;AACjF,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,8DAA8D,CAAC;AAC7E,cAAc,4CAA4C,CAAC;AAC3D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,gEAAgE,CAAC;AAC/E,cAAc,sDAAsD,CAAA;AACpE,cAAc,kDAAkD,CAAA;AAChE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4DAA4D,CAAC;AAC3E,cAAc,kEAAkE,CAAC;AACjF,cAAc,oDAAoD,CAAC;AACnE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,0CAA0C,CAAC;AACzD,cAAc,kDAAkD,CAAC;AACjE,cAAc,wDAAwD,CAAC;AACvE,cAAc,oEAAoE,CAAC;AACnF,cAAc,8DAA8D,CAAA;AAC5E,cAAc,0DAA0D,CAAA;AACxE,cAAc,wDAAwD,CAAA;AACtE,cAAc,8DAA8D,CAAA;AAC5E,cAAc,kDAAkD,CAAC;AACjE,cAAc,kEAAkE,CAAC;AACjF,cAAc,2DAA2D,CAAC;AAC1E,cAAc,4DAA4D,CAAC;AAC3E,cAAc,8CAA8C,CAAC;AAC7D,cAAc,0DAA0D,CAAC;AAGzE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,wDAAwD,CAAC;AACvE,cAAc,8DAA8D,CAAC;AAC7E,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kEAAkE,CAAC;AACjF,cAAc,0EAA0E,CAAC;AACzF,cAAc,kDAAkD,CAAC;AACjE,cAAc,gEAAgE,CAAC;AAC/E,cAAc,mEAAmE,CAAC;AAClF,cAAc,gEAAgE,CAAC;AAC/E,cAAc,4DAA4D,CAAC;AAC3E,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kDAAkD,CAAC;AACjE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,gEAAgE,CAAC;AAC/E,cAAc,kEAAkE,CAAC;AACjF,cAAc,oDAAoD,CAAC;AAEnE,cAAc,wDAAwD,CAAC;AAGvE,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,sDAAsD,CAAC;AACrE,cAAc,oDAAoD,CAAC;AACnE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,0DAA0D,CAAC;AACzE,cAAc,kEAAkE,CAAC;AACjF,cAAc,kEAAkE,CAAC;AACjF,cAAc,wEAAwE,CAAC;AACvF,cAAc,6DAA6D,CAAC;AAC5E,cAAc,wDAAwD,CAAC;AAEvE,cAAc,0FAA0F,CAAC;AACzG,cAAc,wDAAwD,CAAC;AACvE,cAAc,4DAA4D,CAAA;AAC1E,cAAc,oDAAoD,CAAC;AAGnE,cAAc,sEAAsE,CAAC;AACrF,cAAc,gEAAgE,CAAC;AAE/E,cAAc,kDAAkD,CAAC;AAEjE,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAE7C,cAAc,0DAA0D,CAAC;AACzE,cAAc,wDAAwD,CAAC;AACvE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,6DAA6D,CAAC;AAC5E,cAAc,oDAAoD,CAAC;AACnE,cAAc,gEAAgE,CAAC;AAC/E,cAAc,kDAAkD,CAAC;AACjE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kEAAkE,CAAC;AACjF,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,8DAA8D,CAAC;AAC7E,cAAc,4CAA4C,CAAC;AAC3D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,qEAAqE,CAAC;AACpF,cAAc,sDAAsD,CAAA;AACpE,cAAc,kDAAkD,CAAA;AAChE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4DAA4D,CAAC;AAC3E,cAAc,kEAAkE,CAAC;AACjF,cAAc,oDAAoD,CAAC;AACnE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,0CAA0C,CAAC;AACzD,cAAc,kDAAkD,CAAC;AACjE,cAAc,wDAAwD,CAAC;AACvE,cAAc,oEAAoE,CAAC;AACnF,cAAc,8DAA8D,CAAA;AAC5E,cAAc,0DAA0D,CAAA;AACxE,cAAc,wDAAwD,CAAA;AACtE,cAAc,8DAA8D,CAAA;AAC5E,cAAc,kDAAkD,CAAC;AACjE,cAAc,kEAAkE,CAAC;AACjF,cAAc,2DAA2D,CAAC;AAC1E,cAAc,4DAA4D,CAAC;AAC3E,cAAc,8CAA8C,CAAC;AAC7D,cAAc,0DAA0D,CAAC;AAGzE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,wDAAwD,CAAC;AACvE,cAAc,8DAA8D,CAAC;AAC7E,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kEAAkE,CAAC;AACjF,cAAc,0EAA0E,CAAC;AACzF,cAAc,kDAAkD,CAAC;AACjE,cAAc,gEAAgE,CAAC;AAC/E,cAAc,mEAAmE,CAAC;AAClF,cAAc,gEAAgE,CAAC;AAC/E,cAAc,4DAA4D,CAAC;AAC3E,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kDAAkD,CAAC;AACjE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,gEAAgE,CAAC;AAC/E,cAAc,kEAAkE,CAAC;AACjF,cAAc,oDAAoD,CAAC;AAEnE,cAAc,wDAAwD,CAAC;AAGvE,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,sDAAsD,CAAC;AACrE,cAAc,oDAAoD,CAAC;AACnE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,0DAA0D,CAAC;AACzE,cAAc,kEAAkE,CAAC;AACjF,cAAc,kEAAkE,CAAC;AACjF,cAAc,wEAAwE,CAAC;AACvF,cAAc,6DAA6D,CAAC;AAC5E,cAAc,wDAAwD,CAAC;AAEvE,cAAc,0FAA0F,CAAC;AACzG,cAAc,wDAAwD,CAAC;AACvE,cAAc,4DAA4D,CAAA;AAC1E,cAAc,oDAAoD,CAAC;AAGnE,cAAc,sEAAsE,CAAC;AACrF,cAAc,gEAAgE,CAAC;AAE/E,cAAc,kDAAkD,CAAC;AAEjE,cAAc,gBAAgB,CAAC"}

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import './styles/shared/tokens.css';\nexport * from './shared/icons/icon-registry';\n\nexport * from './components/atoms/copy-button/lib-copy-button.component';\nexport * from './components/atoms/status-dot/lib-status-dot.component';\nexport * from './components/atoms/avatar/lib-avatar.component';\nexport * from './components/atoms/skeleton/lib-skeleton.component';\nexport * from './components/atoms/text-list/lib-text-list.component';\nexport * from './components/atoms/close-button/lib-close-button.component';\nexport * from './components/atoms/glass-card/lib-glass-card.component';\nexport * from './components/atoms/progress/lib-progress.component';\nexport * from './components/atoms/accordion-item/lib-accordion-item.component';\nexport * from './components/atoms/tooltip/lib-tooltip.component';\nexport * from './components/atoms/step/lib-step.component';\nexport * from './components/atoms/rating/lib-rating.component';\nexport * from './components/atoms/progress-circle/lib-progress-circle.component';\nexport * from './components/atoms/badge/lib-badge.component';\nexport * from './components/atoms/switch/lib-switch.component';\nexport * from './components/atoms/select-option/lib-select-option.component';\nexport * from './components/atoms/card/lib-card.component';\nexport * from './components/atoms/label/lib-label.component';\nexport * from './components/atoms/icon/lib-icon.component';\nexport * from './components/atoms/button/lib-button.component';\nexport * from './components/atoms/magnetic/lib-magnetic.component';\nexport * from './components/atoms/spotlight-card/lib-spotlight-card.component';\nexport * from './components/atoms/lib-counter/lib-counter.component'\nexport * from './components/atoms/divider/lib-divider.component'\nexport * from './components/atoms/spacer/lib-spacer.component';\nexport * from './components/atoms/ripple/lib-ripple.component';\nexport * from './components/atoms/aspect-ratio/lib-aspect-ratio.component';\nexport * from './components/atoms/visually-hidden/lib-visually-hidden.component';\nexport * from './components/atoms/checkbox/lib-checkbox.component';\nexport * from './components/atoms/radio/lib-radio.component';\nexport * from './components/atoms/kbd/lib-kbd.component';\nexport * from './components/atoms/spinner/lib-spinner.component';\nexport * from './components/atoms/bento-item/lib-bento-item.component';\nexport * from './components/atoms/reading-progress/lib-reading-progress.component';\nexport * from './components/atoms/liquid-button/lib-liquid-button.component'\nexport * from './components/atoms/text-glitch/lib-text-glitch.component'\nexport * from './components/atoms/background/lib-background.component'\nexport * from './components/atoms/burger-button/lib-burger-button.component'\nexport * from './components/atoms/eyebrow/lib-eyebrow.component';\nexport * from './components/atoms/display-heading/lib-display-heading.component';\nexport * from './components/atoms/card/card-grid/lib-card-grid.component';\nexport * from './components/atoms/content-pillar/content-pillar.component';\nexport * from './components/atoms/quote/lib-quote.component';\nexport * from './components/atoms/color-scale/lib-color-scale.component';\n\n\nexport * from './components/molecules/breadcrumb/lib-breadcrumb.component';\nexport * from './components/molecules/select/lib-select.component';\nexport * from './components/molecules/lib-alert/lib-alert.component';\nexport * from './components/molecules/dropdown/lib-dropdown.component';\nexport * from './components/molecules/empty-state/lib-empty-state.component';\nexport * from './components/molecules/chip/lib-chip.component';\nexport * from './components/molecules/file-uploader/lib-file-uploader.component';\nexport * from './components/molecules/segmented-control/lib-segmented-control.component';\nexport * from './components/molecules/input/lib-input.component';\nexport * from './components/molecules/range-slider/lib-range-slider.component';\nexport * from './components/molecules/tree-select/lib-tree-select.component.html';\nexport * from './components/molecules/color-picker/lib-color-picker.component';\nexport * from './components/molecules/pagination/lib-pagination.component';\nexport * from './components/molecules/tabs/lib-tabs.component';\nexport * from './components/molecules/modal/lib-modal.component';\nexport * from './components/molecules/tree-select/lib-tree-node.component';\nexport * from './components/molecules/button-group/lib-button-group.component';\nexport * from './components/molecules/checkbox-card/lib-checkbox-card.component';\nexport * from './components/molecules/header/lib-header.component';\n\nexport * from './components/atoms/code-block/lib-code-block.component';\n\n\nexport * from './components/organisms/dialog/lib-dialog.component';\nexport * from './components/organisms/sidebar/lib-sidebar.component';\nexport * from './components/organisms/stepper/lib-stepper.component';\nexport * from './components/organisms/drawer/lib-drawer.component';\nexport * from './components/organisms/data-table/lib-data-table.component';\nexport * from './components/organisms/accordion/lib-accordion.component';\nexport * from './components/organisms/toast-manager/lib-toast-manager.component';\nexport * from './components/organisms/parallax-container/lib-parallax.component';\nexport * from './components/organisms/parallax-text/lib-parallax-text-stack.component';\nexport * from './components/organisms/timeline/lib-timeline-item.component';\nexport * from './components/organisms/timeline/lib-timeline.component';\n\nexport * from './components/organisms/horizontal-scroll-section/lib-horizontal-scroll-section.component';\nexport * from './components/organisms/carousel/lib-carousel.component';\nexport * from './components/organisms/bento-grid/lib-bento-grid.component'\nexport * from './components/organisms/footer/lib-footer.component';\n\n\nexport * from './components/organisms/cursor-follower/lib-cursor-follower.component';\nexport * from './components/organisms/stagger/lib-stagger-container.component';\n\nexport * from './components/molecules/lib-alert/lib-alert.types';\n\nexport * from './types/public';\n\nconsole.log('Library initialized');"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGA,QAAQ,IAAI,qBAAqB;"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import './styles/shared/tokens.css';\nexport * from './shared/icons/icon-registry';\n\nexport * from './components/atoms/copy-button/lib-copy-button.component';\nexport * from './components/atoms/status-dot/lib-status-dot.component';\nexport * from './components/atoms/avatar/lib-avatar.component';\nexport * from './components/atoms/skeleton/lib-skeleton.component';\nexport * from './components/atoms/text-list/lib-text-list.component';\nexport * from './components/atoms/close-button/lib-close-button.component';\nexport * from './components/atoms/card/glass-card/lib-glass-card.component';\nexport * from './components/atoms/progress/lib-progress.component';\nexport * from './components/atoms/accordion-item/lib-accordion-item.component';\nexport * from './components/atoms/tooltip/lib-tooltip.component';\nexport * from './components/atoms/step/lib-step.component';\nexport * from './components/atoms/rating/lib-rating.component';\nexport * from './components/atoms/progress-circle/lib-progress-circle.component';\nexport * from './components/atoms/badge/lib-badge.component';\nexport * from './components/atoms/switch/lib-switch.component';\nexport * from './components/atoms/select-option/lib-select-option.component';\nexport * from './components/atoms/card/lib-card.component';\nexport * from './components/atoms/label/lib-label.component';\nexport * from './components/atoms/icon/lib-icon.component';\nexport * from './components/atoms/button/lib-button.component';\nexport * from './components/atoms/magnetic/lib-magnetic.component';\nexport * from './components/atoms/card/spotlight-card/lib-spotlight-card.component';\nexport * from './components/atoms/lib-counter/lib-counter.component'\nexport * from './components/atoms/divider/lib-divider.component'\nexport * from './components/atoms/spacer/lib-spacer.component';\nexport * from './components/atoms/ripple/lib-ripple.component';\nexport * from './components/atoms/aspect-ratio/lib-aspect-ratio.component';\nexport * from './components/atoms/visually-hidden/lib-visually-hidden.component';\nexport * from './components/atoms/checkbox/lib-checkbox.component';\nexport * from './components/atoms/radio/lib-radio.component';\nexport * from './components/atoms/kbd/lib-kbd.component';\nexport * from './components/atoms/spinner/lib-spinner.component';\nexport * from './components/atoms/bento-item/lib-bento-item.component';\nexport * from './components/atoms/reading-progress/lib-reading-progress.component';\nexport * from './components/atoms/liquid-button/lib-liquid-button.component'\nexport * from './components/atoms/text-glitch/lib-text-glitch.component'\nexport * from './components/atoms/background/lib-background.component'\nexport * from './components/atoms/burger-button/lib-burger-button.component'\nexport * from './components/atoms/eyebrow/lib-eyebrow.component';\nexport * from './components/atoms/display-heading/lib-display-heading.component';\nexport * from './components/atoms/card/card-grid/lib-card-grid.component';\nexport * from './components/atoms/content-pillar/content-pillar.component';\nexport * from './components/atoms/quote/lib-quote.component';\nexport * from './components/atoms/color-scale/lib-color-scale.component';\n\n\nexport * from './components/molecules/breadcrumb/lib-breadcrumb.component';\nexport * from './components/molecules/select/lib-select.component';\nexport * from './components/molecules/lib-alert/lib-alert.component';\nexport * from './components/molecules/dropdown/lib-dropdown.component';\nexport * from './components/molecules/empty-state/lib-empty-state.component';\nexport * from './components/molecules/chip/lib-chip.component';\nexport * from './components/molecules/file-uploader/lib-file-uploader.component';\nexport * from './components/molecules/segmented-control/lib-segmented-control.component';\nexport * from './components/molecules/input/lib-input.component';\nexport * from './components/molecules/range-slider/lib-range-slider.component';\nexport * from './components/molecules/tree-select/lib-tree-select.component.html';\nexport * from './components/molecules/color-picker/lib-color-picker.component';\nexport * from './components/molecules/pagination/lib-pagination.component';\nexport * from './components/molecules/tabs/lib-tabs.component';\nexport * from './components/molecules/modal/lib-modal.component';\nexport * from './components/molecules/tree-select/lib-tree-node.component';\nexport * from './components/molecules/button-group/lib-button-group.component';\nexport * from './components/molecules/checkbox-card/lib-checkbox-card.component';\nexport * from './components/molecules/header/lib-header.component';\n\nexport * from './components/atoms/code-block/lib-code-block.component';\n\n\nexport * from './components/organisms/dialog/lib-dialog.component';\nexport * from './components/organisms/sidebar/lib-sidebar.component';\nexport * from './components/organisms/stepper/lib-stepper.component';\nexport * from './components/organisms/drawer/lib-drawer.component';\nexport * from './components/organisms/data-table/lib-data-table.component';\nexport * from './components/organisms/accordion/lib-accordion.component';\nexport * from './components/organisms/toast-manager/lib-toast-manager.component';\nexport * from './components/organisms/parallax-container/lib-parallax.component';\nexport * from './components/organisms/parallax-text/lib-parallax-text-stack.component';\nexport * from './components/organisms/timeline/lib-timeline-item.component';\nexport * from './components/organisms/timeline/lib-timeline.component';\n\nexport * from './components/organisms/horizontal-scroll-section/lib-horizontal-scroll-section.component';\nexport * from './components/organisms/carousel/lib-carousel.component';\nexport * from './components/organisms/bento-grid/lib-bento-grid.component'\nexport * from './components/organisms/footer/lib-footer.component';\n\n\nexport * from './components/organisms/cursor-follower/lib-cursor-follower.component';\nexport * from './components/organisms/stagger/lib-stagger-container.component';\n\nexport * from './components/molecules/lib-alert/lib-alert.types';\n\nexport * from './types/public';\n\nconsole.log('Library initialized');"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGA,QAAQ,IAAI,qBAAqB;"}

package/dist/index10.js.map

@@ -1 +1 @@
-{"version":3,"file":"index10.js","sources":["../src/components/atoms/glass-card/lib-glass-card.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport type { LibGlassVariant, LibGlassIntensity } from './lib-glass-card.html';\nimport { glassCardTemplate } from './lib-glass-card.html';\nimport glassCss from './lib-glass-card.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\n\n/**\n * @element lib-glass-card\n *\n * Contenedor con efecto glassmorphism (Efecto Agua).\n * Requiere un fondo oscuro en el elemento padre para que\n * el backdrop-filter sea visible.\n *\n * @slot - Contenido de la card (eyebrow, título, body, footer...).\n *\n * @example — uso básico\n * <lib-glass-card>\n *   <h3>Paper Glass</h3>\n *   <p>Variante neutra sobre fondo oscuro.</p>\n * </lib-glass-card>\n *\n * @example — variante water con intensidad alta\n * <lib-glass-card variant=\"water\" intensity=\"high\">...</lib-glass-card>\n *\n * @example — variante kaki\n * <lib-glass-card variant=\"kaki\">...</lib-glass-card>\n */\n@customElement('lib-glass-card')\nexport class LibGlassCard extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(glassCss)}`,\n  ];\n\n  /**\n   * Tinte de color del cristal.\n   * - paper : neutro paper al 15% (default)\n   * - water : azul sereno oklch(55% 0.06 210)\n   * - kaki  : orgánico cálido oklch(45% 0.05 45)\n   */\n  @property({ type: String, reflect: true })\n  variant: LibGlassVariant = 'paper';\n\n  /**\n   * Intensidad del efecto (blur + opacidad).\n   * - low  : blur 4px  · opacity 0.10 — sutil\n   * - md   : blur 12px · opacity 0.15 — default\n   * - high : blur 25px · opacity 0.25 — máximo\n   */\n  @property({ type: String, reflect: true })\n  intensity: LibGlassIntensity = 'md';\n\n  override render(): TemplateResult {\n    return glassCardTemplate({\n      variant:   this.variant,\n      intensity: this.intensity,\n    });\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-glass-card': LibGlassCard;\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;AA6BO,IAAM,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AAaL,SAAA,UAA2B;AAS3B,SAAA,YAA+B;AAAA,EAAA;AAAA,EAEtB,SAAyB;AAChC,WAAO,kBAAkB;AAAA,MACvB,SAAW,KAAK;AAAA,MAChB,WAAW,KAAK;AAAA,IAAA,CACjB;AAAA,EACH;AACF;AA9Ba,aACK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,QAAQ,CAAC;AAC3B;AASA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAZ9B,aAaX,WAAA,WAAA,CAAA;AASA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GArB9B,aAsBX,WAAA,aAAA,CAAA;AAtBW,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;"}
+{"version":3,"file":"index10.js","sources":["../src/components/atoms/card/glass-card/lib-glass-card.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport type { LibGlassVariant, LibGlassIntensity } from './lib-glass-card.types';\nimport { glassCardTemplate } from './lib-glass-card.html';\nimport glassCss from './lib-glass-card.css?inline';\nimport sharedTokens from '../../../../styles/shared/tokens.css?inline';\n\n/**\n * @element lib-glass-card\n *\n * Contenedor con efecto glassmorphism (Efecto Agua).\n * Requiere un fondo oscuro en el elemento padre para que\n * el backdrop-filter sea visible.\n *\n * @slot - Contenido de la card (eyebrow, título, body, footer...).\n *\n * @example — uso básico\n * <lib-glass-card>\n *   <h3>Paper Glass</h3>\n *   <p>Variante neutra sobre fondo oscuro.</p>\n * </lib-glass-card>\n *\n * @example — variante water con intensidad alta\n * <lib-glass-card variant=\"water\" intensity=\"high\">...</lib-glass-card>\n *\n * @example — variante kaki\n * <lib-glass-card variant=\"kaki\">...</lib-glass-card>\n */\n@customElement('lib-glass-card')\nexport class LibGlassCard extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(glassCss)}`,\n  ];\n\n  /**\n   * Tinte de color del cristal.\n   * - paper : neutro paper al 15% (default)\n   * - water : azul sereno oklch(55% 0.06 210)\n   * - kaki  : orgánico cálido oklch(45% 0.05 45)\n   */\n  @property({ type: String, reflect: true })\n  variant: LibGlassVariant = 'paper';\n\n  /**\n   * Intensidad del efecto (blur + opacidad).\n   * - low  : blur 4px  · opacity 0.10 — sutil\n   * - md   : blur 12px · opacity 0.15 — default\n   * - high : blur 25px · opacity 0.25 — máximo\n   */\n  @property({ type: String, reflect: true })\n  intensity: LibGlassIntensity = 'md';\n\n  override render(): TemplateResult {\n    return glassCardTemplate({\n      variant:   this.variant,\n      intensity: this.intensity,\n    });\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-glass-card': LibGlassCard;\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;AA6BO,IAAM,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AAaL,SAAA,UAA2B;AAS3B,SAAA,YAA+B;AAAA,EAAA;AAAA,EAEtB,SAAyB;AAChC,WAAO,kBAAkB;AAAA,MACvB,SAAW,KAAK;AAAA,MAChB,WAAW,KAAK;AAAA,IAAA,CACjB;AAAA,EACH;AACF;AA9Ba,aACK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,QAAQ,CAAC;AAC3B;AASA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAZ9B,aAaX,WAAA,WAAA,CAAA;AASA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GArB9B,aAsBX,WAAA,aAAA,CAAA;AAtBW,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;"}

package/dist/index20.js.map

@@ -1 +1 @@
-{"version":3,"file":"index20.js","sources":["../src/components/atoms/card/lib-card.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport sharedTokens from \"../../../styles/shared/tokens.css?inline\";\nimport cardStyles from \"./lib-card.css?inline\";\nimport { cardTemplate } from \"./lib-card.html\";\n\nexport type LibCardVariant =\n  | \"default\"\n  | \"inverse\"\n  | \"accent\"\n  | \"featured\"\n  | \"kintsugi\"\n  | \"glitch\"\n  | \"celadon\"\n  | \"washi\";\n\n/**\n * @element lib-card\n *\n * @attr {'default'|'inverse'|'accent'|'featured'|'kintsugi'|'glitch'|'celadon'|'washi'} variant\n *   - default   → superficie elevada neutra\n *   - inverse   → fondo washi-900 oscuro\n *   - accent    → borde izquierdo de color (`accent-color`)\n *   - featured  → fondo kaki degradado, título grande — pensado para 2 columnas en grid\n *   - kintsugi  → seam de oro animado en borde superior + shimmer en título\n *   - glitch    → estética terminal CRT, scanlines, fuente mono\n *   - celadon   → acento verde-gris japonés para estados de éxito / énfasis secundario\n *   - washi     → paleta neutra cálida, superficie washi-50/100\n *\n * @attr {string}  accent-color - Color del borde (solo variante `accent`).\n * @attr {string}  kanji        - Carácter kanji decorativo de fondo (ej: \"渋\", \"金\", \"間\").\n *\n * @attr {boolean} clickable    - Si está presente, la card emite `ui-lib-card-click` al hacer clic\n * @slot tag    - Etiqueta o metadata en el header.\n * @slot title  - Título principal de la card.\n * @slot        - Cuerpo de la card (default slot).\n * @slot footer - Acciones o información en el footer.\n * @fires ui-lib-card-click - { variant, kanji, originalEvent } — solo cuando `clickable` es true.\n */\n@customElement(\"lib-card\")\nexport class LibCard extends LitElement {\n  static override styles = [\n    css`\n      ${unsafeCSS(sharedTokens)}\n    `,\n    css`\n      ${unsafeCSS(cardStyles)}\n    `,\n  ];\n\n  @property({ type: String, reflect: true })\n  variant: LibCardVariant = \"default\";\n\n  @property({ type: String, attribute: \"accent-color\" })\n  accentColor: string | undefined = undefined;\n\n  /** Carácter kanji decorativo mostrado como marca de agua en la esquina superior derecha */\n  @property({ type: String })\n  kanji = \"\";\n\n  @property({ type: Boolean, reflect: true })\n  clickable = false;\n\n  override render(): TemplateResult {\n    return cardTemplate({\n      variant: this.variant,\n      accentColor: this.accentColor,\n      kanji: this.kanji,\n      clickable: this.clickable,\n      onClick: (e: MouseEvent) => this._onClick(e),\n    });\n  }\n\n  _onClick(e: MouseEvent): void {\n    if (!this.clickable) return;\n    this.dispatchEvent(\n      new CustomEvent(\"ui-lib-card-click\", {\n        detail: { variant: this.variant, kanji: this.kanji, originalEvent: e },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"lib-card\": LibCard;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAwCO,IAAM,UAAN,cAAsB,WAAW;AAAA,EAAjC,cAAA;AAAA,UAAA,GAAA,SAAA;AAWL,SAAA,UAA0B;AAG1B,SAAA,cAAkC;AAIlC,SAAA,QAAQ;AAGR,SAAA,YAAY;AAAA,EAAA;AAAA,EAEH,SAAyB;AAChC,WAAO,aAAa;AAAA,MAClB,SAAS,KAAK;AAAA,MACd,aAAa,KAAK;AAAA,MAClB,OAAO,KAAK;AAAA,MACZ,WAAW,KAAK;AAAA,MAChB,SAAS,CAAC,MAAkB,KAAK,SAAS,CAAC;AAAA,IAAA,CAC5C;AAAA,EACH;AAAA,EAEA,SAAS,GAAqB;AAC5B,QAAI,CAAC,KAAK,UAAW;AACrB,SAAK;AAAA,MACH,IAAI,YAAY,qBAAqB;AAAA,QACnC,QAAQ,EAAE,SAAS,KAAK,SAAS,OAAO,KAAK,OAAO,eAAe,EAAA;AAAA,QACnE,SAAS;AAAA,QACT,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAAA,EAEL;AACF;AA3Ca,QACK,SAAS;AAAA,EACvB;AAAA,QACI,UAAU,YAAY,CAAC;AAAA;AAAA,EAE3B;AAAA,QACI,UAAU,UAAU,CAAC;AAAA;AAE3B;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAV9B,QAWX,WAAA,WAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,gBAAgB;AAAA,GAb1C,QAcX,WAAA,eAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAjBf,QAkBX,WAAA,SAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GApB/B,QAqBX,WAAA,aAAA,CAAA;AArBW,UAAN,gBAAA;AAAA,EADN,cAAc,UAAU;AAAA,GACZ,OAAA;"}
+{"version":3,"file":"index20.js","sources":["../src/components/atoms/card/lib-card.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport sharedTokens from \"../../../styles/shared/tokens.css?inline\";\nimport cardStyles from \"./lib-card.css?inline\";\nimport { cardTemplate } from \"./lib-card.html\";\nimport type { LibCardVariant } from \"./lib-card.types\";\n\nexport type { LibCardVariant } from \"./lib-card.types\";\n\n/**\n * @element lib-card\n *\n * @attr {'default'|'inverse'|'accent'|'featured'|'kintsugi'|'glitch'|'celadon'|'washi'|'brutal'} variant\n *   - default   → superficie elevada neutra\n *   - inverse   → fondo washi-900 oscuro\n *   - accent    → borde izquierdo de color (`accent-color`)\n *   - featured  → fondo kaki degradado, título grande — pensado para 2 columnas en grid\n *   - kintsugi  → seam de oro animado en borde superior + hilo kintsugi-border en borde\n *   - glitch    → estética terminal CRT, scanlines, fuente mono\n *   - celadon   → acento verde-gris japonés para estados de éxito / énfasis secundario\n *   - washi     → paleta neutra cálida, superficie washi-50/100\n *   - brutal    → superficie clara, borde sólido ink, --lib-shadow-brutal; hover hunde el elemento en su sombra\n *\n * @attr {string}  accent-color - Color del borde (solo variante `accent`).\n * @attr {string}  kanji        - Carácter kanji decorativo de fondo (ej: \"渋\", \"金\", \"間\").\n *\n * @attr {boolean} clickable    - Si está presente, la card emite `ui-lib-card-click` al hacer clic\n * @slot tag    - Etiqueta o metadata en el header.\n * @slot title  - Título principal de la card.\n * @slot        - Cuerpo de la card (default slot).\n * @slot footer - Acciones o información en el footer.\n * @fires ui-lib-card-click - { variant, kanji, originalEvent } — solo cuando `clickable` es true.\n */\n@customElement(\"lib-card\")\nexport class LibCard extends LitElement {\n  static override styles = [\n    css`\n      ${unsafeCSS(sharedTokens)}\n    `,\n    css`\n      ${unsafeCSS(cardStyles)}\n    `,\n  ];\n\n  @property({ type: String, reflect: true })\n  variant: LibCardVariant = \"default\";\n\n  @property({ type: String, attribute: \"accent-color\" })\n  accentColor: string | undefined = undefined;\n\n  /** Carácter kanji decorativo mostrado como marca de agua en la esquina superior derecha */\n  @property({ type: String })\n  kanji = \"\";\n\n  @property({ type: Boolean, reflect: true })\n  clickable = false;\n\n  override render(): TemplateResult {\n    return cardTemplate({\n      variant: this.variant,\n      accentColor: this.accentColor,\n      kanji: this.kanji,\n      clickable: this.clickable,\n      onClick: (e: MouseEvent) => this._onClick(e),\n    });\n  }\n\n  _onClick(e: MouseEvent): void {\n    if (!this.clickable) return;\n    this.dispatchEvent(\n      new CustomEvent(\"ui-lib-card-click\", {\n        detail: { variant: this.variant, kanji: this.kanji, originalEvent: e },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"lib-card\": LibCard;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAkCO,IAAM,UAAN,cAAsB,WAAW;AAAA,EAAjC,cAAA;AAAA,UAAA,GAAA,SAAA;AAWL,SAAA,UAA0B;AAG1B,SAAA,cAAkC;AAIlC,SAAA,QAAQ;AAGR,SAAA,YAAY;AAAA,EAAA;AAAA,EAEH,SAAyB;AAChC,WAAO,aAAa;AAAA,MAClB,SAAS,KAAK;AAAA,MACd,aAAa,KAAK;AAAA,MAClB,OAAO,KAAK;AAAA,MACZ,WAAW,KAAK;AAAA,MAChB,SAAS,CAAC,MAAkB,KAAK,SAAS,CAAC;AAAA,IAAA,CAC5C;AAAA,EACH;AAAA,EAEA,SAAS,GAAqB;AAC5B,QAAI,CAAC,KAAK,UAAW;AACrB,SAAK;AAAA,MACH,IAAI,YAAY,qBAAqB;AAAA,QACnC,QAAQ,EAAE,SAAS,KAAK,SAAS,OAAO,KAAK,OAAO,eAAe,EAAA;AAAA,QACnE,SAAS;AAAA,QACT,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAAA,EAEL;AACF;AA3Ca,QACK,SAAS;AAAA,EACvB;AAAA,QACI,UAAU,YAAY,CAAC;AAAA;AAAA,EAE3B;AAAA,QACI,UAAU,UAAU,CAAC;AAAA;AAE3B;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAV9B,QAWX,WAAA,WAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,gBAAgB;AAAA,GAb1C,QAcX,WAAA,eAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAjBf,QAkBX,WAAA,SAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GApB/B,QAqBX,WAAA,aAAA,CAAA;AArBW,UAAN,gBAAA;AAAA,EADN,cAAc,UAAU;AAAA,GACZ,OAAA;"}

package/dist/index207.js.map

@@ -1 +1 @@
-{"version":3,"file":"index207.js","sources":["../src/components/atoms/glass-card/lib-glass-card.html.ts"],"sourcesContent":["import { html, TemplateResult } from 'lit';\n\nexport type LibGlassVariant   = 'paper' | 'water' | 'kaki';\nexport type LibGlassIntensity = 'low' | 'md' | 'high';\n\nexport interface GlassCardTemplateProps {\n  variant:   LibGlassVariant;\n  intensity: LibGlassIntensity;\n}\n\n/**\n * Template del glass card.\n *\n * Estructura de capas (de abajo a arriba):\n *   1. .glass-card       — backdrop-filter + background tintado\n *   2. ::before (CSS)    — reflexión de luz (--lib-glass-shine)\n *   3. .glass-card__slot — slot del contenido, z-index: 1\n */\nexport function glassCardTemplate(_props: GlassCardTemplateProps): TemplateResult {\n  return html`\n    <div class=\"glass-card\">\n      <div class=\"glass-card__slot\">\n        <slot></slot>\n      </div>\n    </div>\n  `;\n}"],"names":[],"mappings":";AAkBO,SAAS,kBAAkB,QAAgD;AAChF,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOT;"}
+{"version":3,"file":"index207.js","sources":["../src/components/atoms/card/glass-card/lib-glass-card.html.ts"],"sourcesContent":["import { html, TemplateResult } from 'lit';\nimport type { GlassCardTemplateProps } from './lib-glass-card.types';\n\n/**\n * Template del glass card.\n *\n * Estructura de capas (de abajo a arriba):\n *   1. .glass-card       — backdrop-filter + background tintado\n *   2. ::before (CSS)    — reflexión de luz (--lib-glass-shine)\n *   3. .glass-card__slot — slot del contenido, z-index: 1\n */\nexport function glassCardTemplate(_props: GlassCardTemplateProps): TemplateResult {\n  return html`\n    <div class=\"glass-card\">\n      <div class=\"glass-card__slot\">\n        <slot></slot>\n      </div>\n    </div>\n  `;\n}"],"names":[],"mappings":";AAWO,SAAS,kBAAkB,QAAgD;AAChF,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOT;"}

package/dist/index228.js

@@ -1,4 +1,4 @@
-const cardStyles = '@layer tokens,reset,components;@layer reset{:host{display:block;container-type:inline-size}*,*:before,*:after{box-sizing:border-box}}@layer components{.card{display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border-subtle);padding:var(--lib-space-lg);height:100%;position:relative;overflow:hidden;transition:box-shadow var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out),border-color var(--duration-slow) var(--ease-out)}@media(hover:hover){.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-default)}}.card-kanji{position:absolute;top:.75rem;right:.75rem;font-family:var(--lib-font-display, "Cormorant Garamond", serif);font-size:5rem;font-weight:300;line-height:1;color:#0000000a;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0}:host([variant="inverse"]) .card-kanji,:host([variant="featured"]) .card-kanji,:host([variant="kintsugi"]) .card-kanji,:host([variant="glitch"]) .card-kanji,:host([variant="celadon"]) .card-kanji{color:#ffffff0a}:host([variant="kintsugi"]) .card-kanji{color:#b85a1e14}.card-header,.card-content,.card-footer{position:relative;z-index:1}.card-header{margin-bottom:var(--lib-space-md);display:flex;align-items:center;gap:var(--lib-space-sm);min-height:var(--lib-space-md)}::slotted([slot="tag"]){font-family:var(--lib-font-mono);font-size:10px;text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-muted)}.card-content{flex-grow:1;display:flex;flex-direction:column;gap:var(--lib-space-sm)}::slotted([slot="title"]){margin:0;font-family:var(--lib-font-display);font-size:var(--text-2xl);font-weight:var(--weight-light);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--text-secondary)}.card-body{font-family:var(--lib-font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-washi-500)}.card-footer{margin-top:var(--lib-space-lg);padding-top:var(--lib-space-md);border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;font-family:var(--lib-font-mono);font-size:10px;letter-spacing:var(--tracking-wider);color:var(--text-muted);min-height:var(--lib-space-lg)}::slotted([slot="footer"]){display:contents}:host([variant="inverse"]) .card{background:var(--color-washi-900);border-color:var(--color-washi-800)}:host([variant="inverse"]) ::slotted([slot="title"]){color:var(--color-washi-50)}:host([variant="inverse"]) .card-body{color:var(--color-washi-400)}:host([variant="inverse"]) .card-footer{border-top-color:var(--color-washi-800);color:var(--color-washi-600)}:host([variant="inverse"]) ::slotted([slot="tag"]){color:var(--color-washi-500)}:host([variant="accent"]) .card{border-left:3px solid var(--card-accent-color, var(--color-kaki-400));padding-left:calc(var(--lib-space-lg) - 3px)}:host([variant="featured"]) .card{background:linear-gradient(135deg,#b85a1e14,#b85a1e05);border-color:transparent;border-left:2px solid var(--color-kaki-500, #B85A1E)}:host([variant="featured"]) .card:before{display:none}:host([variant="featured"]) ::slotted([slot="tag"]){color:#b85a1e4d}:host([variant="featured"]) ::slotted([slot="title"]){font-size:var(--text-3xl);color:var(--color-kaki-400, #D97234);line-height:1.1}:host([variant="featured"]) .card-body{color:#faf7f44d;font-size:var(--text-base)}:host([variant="featured"]) .card-footer{border-top-color:#ffffff0f;color:#faf7f433;margin-top:var(--lib-space-xl)}@keyframes kintsugi-seam{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes kintsugi-gold{0%{background-position:-200% 0}to{background-position:200% 0}}:host([variant="kintsugi"]) .card{background:var(--color-washi-950, #120E0A);border-color:#b85a1e26}:host([variant="kintsugi"]) .card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgb(184,90,30,.4) 15%,var(--color-kaki-400, #D97234) 35%,#F5D08A 50%,var(--color-kaki-400, #D97234) 65%,rgb(184,90,30,.4) 85%,transparent);background-size:200% 100%;animation:kintsugi-seam 5s linear infinite;pointer-events:none}:host([variant="kintsugi"]) ::slotted([slot="title"]){background:linear-gradient(90deg,var(--color-kaki-600, #8C4115),#F5D08A,var(--color-kaki-400, #D97234),#F5D08A,var(--color-kaki-600, #8C4115));background-size:200% 100%;animation:kintsugi-gold 4s linear infinite;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:transparent}:host([variant="kintsugi"]) ::slotted([slot="tag"]){color:#b85a1e59}:host([variant="kintsugi"]) .card-body{color:#faf7f440}:host([variant="kintsugi"]) .card-footer{border-top-color:#ffffff0f;color:#faf7f42e}@media(hover:hover){:host([variant="kintsugi"]) .card:hover{transform:none;box-shadow:0 0 32px #b85a1e1f;border-color:#b85a1e40}}@keyframes glitch-drift{0%,88%,to{transform:none;opacity:1}89%{transform:translate(-2px);opacity:.8}90%{transform:translate(2px);opacity:.9}91%{transform:none;opacity:1}}:host([variant="glitch"]) .card{background:var(--color-washi-950, #120E0A);border-color:#ffffff0f;animation:glitch-drift 7s steps(1) infinite}:host([variant="glitch"]) .card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-celadon-400, #4E9482);pointer-events:none}:host([variant="glitch"]) .card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgb(250,247,244,.012) 3px,rgb(250,247,244,.012) 4px);pointer-events:none;z-index:0}:host([variant="glitch"]) ::slotted([slot="tag"]){font-family:var(--lib-font-mono);color:var(--color-celadon-400, #4E9482);letter-spacing:.18em}:host([variant="glitch"]) ::slotted([slot="title"]){font-family:var(--lib-font-mono);font-size:var(--text-base);letter-spacing:.15em;text-transform:uppercase;color:var(--color-kaki-400, #D97234)}:host([variant="glitch"]) .card-body{font-family:var(--lib-font-mono);font-size:.65rem;letter-spacing:.08em;color:#faf7f433;line-height:1.9}:host([variant="glitch"]) .card-footer{border-top-color:#ffffff0f;color:#faf7f426}:host([variant="glitch"]) .card-kanji{color:#4e94820f}@media(hover:hover){:host([variant="glitch"]) .card:hover{transform:none;box-shadow:-2px 0 #d9723433,2px 0 #4e948226}}:host([variant="celadon"]) .card{background:var(--color-washi-950, #120E0A);border-color:#4e948226}:host([variant="celadon"]) .card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-celadon-400, #4E9482);pointer-events:none}:host([variant="celadon"]) ::slotted([slot="tag"]){color:#4e948280}:host([variant="celadon"]) ::slotted([slot="title"]){color:var(--color-celadon-400, #4E9482)}:host([variant="celadon"]) .card-body{color:#faf7f440}:host([variant="celadon"]) .card-footer{border-top-color:#ffffff0f;color:#faf7f42e}:host([variant="celadon"]) .card-kanji{color:#4e94820f}@media(hover:hover){:host([variant="celadon"]) .card:hover{transform:none;box-shadow:0 0 28px #4e94821a;border-color:#4e94824d}}:host([variant="washi"]) .card{background:var(--color-washi-50, #FAF7F4);border-color:var(--color-washi-200, #E5DDD3)}:host([variant="washi"]) .card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-washi-400, #B8A99A);pointer-events:none}:host([variant="washi"]) ::slotted([slot="tag"]){color:var(--color-washi-500, #9A8878)}:host([variant="washi"]) ::slotted([slot="title"]){color:var(--color-washi-800, #3D332A)}:host([variant="washi"]) .card-body{color:var(--color-washi-600, #7A6A5C)}:host([variant="washi"]) .card-footer{border-top-color:var(--color-washi-200, #E5DDD3);color:var(--color-washi-400, #B8A99A)}:host([variant="washi"]) .card-kanji{color:#0000000d}@media(hover:hover){:host([variant="washi"]) .card:hover{border-color:var(--color-washi-300, #D3C8BC);box-shadow:var(--shadow-md)}}}';
+const cardStyles = '@layer tokens,reset,components;@layer reset{:host{display:block;container-type:inline-size}*,*:before,*:after{box-sizing:border-box}}@layer components{.card{display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border-subtle);padding:var(--lib-space-lg);height:100%;position:relative;overflow:hidden;transition:box-shadow var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out),border-color var(--duration-slow) var(--ease-out)}@media(hover:hover){.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-default)}}.card-kanji{position:absolute;top:.75rem;right:.75rem;font-family:var(--lib-font-display, "Cormorant Garamond", serif);font-size:5rem;font-weight:300;line-height:1;color:#0000000a;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0}:host([variant="inverse"]) .card-kanji,:host([variant="featured"]) .card-kanji,:host([variant="kintsugi"]) .card-kanji,:host([variant="glitch"]) .card-kanji,:host([variant="celadon"]) .card-kanji{color:#ffffff0a}:host([variant="kintsugi"]) .card-kanji{color:#b85a1e14}.card-header,.card-content,.card-footer{position:relative;z-index:1}.card-header{margin-bottom:var(--lib-space-md);display:flex;align-items:center;gap:var(--lib-space-sm);min-height:var(--lib-space-md)}::slotted([slot="tag"]){font-family:var(--lib-font-mono);font-size:10px;text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-muted)}.card-content{flex-grow:1;display:flex;flex-direction:column;gap:var(--lib-space-sm)}::slotted([slot="title"]){margin:0;font-family:var(--lib-font-display);font-size:var(--text-2xl);font-weight:var(--weight-light);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--text-secondary)}.card-body{font-family:var(--lib-font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-washi-500)}.card-footer{margin-top:var(--lib-space-lg);padding-top:var(--lib-space-md);border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;font-family:var(--lib-font-mono);font-size:10px;letter-spacing:var(--tracking-wider);color:var(--text-muted);min-height:var(--lib-space-lg)}::slotted([slot="footer"]){display:contents}:host([variant="inverse"]) .card{background:var(--color-washi-900);border-color:var(--color-washi-800)}:host([variant="inverse"]) ::slotted([slot="title"]){color:var(--color-washi-50)}:host([variant="inverse"]) .card-body{color:var(--color-washi-400)}:host([variant="inverse"]) .card-footer{border-top-color:var(--color-washi-800);color:var(--color-washi-600)}:host([variant="inverse"]) ::slotted([slot="tag"]){color:var(--color-washi-500)}:host([variant="accent"]) .card{border-left:3px solid var(--card-accent-color, var(--color-kaki-400));padding-left:calc(var(--lib-space-lg) - 3px)}:host([variant="featured"]) .card{background:linear-gradient(135deg,#b85a1e14,#b85a1e05);border-color:transparent;border-left:2px solid var(--color-kaki-500, #B85A1E)}:host([variant="featured"]) .card:before{display:none}:host([variant="featured"]) ::slotted([slot="tag"]){color:#b85a1e4d}:host([variant="featured"]) ::slotted([slot="title"]){font-size:var(--text-3xl);color:var(--color-kaki-400, #D97234);line-height:1.1}:host([variant="featured"]) .card-body{color:#faf7f44d;font-size:var(--text-base)}:host([variant="featured"]) .card-footer{border-top-color:#ffffff0f;color:#faf7f433;margin-top:var(--lib-space-xl)}@keyframes kintsugi-seam{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes kintsugi-gold{0%{background-position:-200% 0}to{background-position:200% 0}}:host([variant="kintsugi"]) .card{background:var(--color-washi-950, #120E0A);border-color:transparent}:host([variant="kintsugi"]) .card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;background:var(--lib-kintsugi-border);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:0}:host([variant="kintsugi"]) .card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgb(184,90,30,.4) 15%,var(--color-kaki-400, #D97234) 35%,#F5D08A 50%,var(--color-kaki-400, #D97234) 65%,rgb(184,90,30,.4) 85%,transparent);background-size:200% 100%;animation:kintsugi-seam 5s linear infinite;pointer-events:none}:host([variant="kintsugi"]) ::slotted([slot="title"]){background:linear-gradient(90deg,var(--color-kaki-600, #8C4115),#F5D08A,var(--color-kaki-400, #D97234),#F5D08A,var(--color-kaki-600, #8C4115));background-size:200% 100%;animation:kintsugi-gold 4s linear infinite;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:transparent}:host([variant="kintsugi"]) ::slotted([slot="tag"]){color:#b85a1e59}:host([variant="kintsugi"]) .card-body{color:#faf7f440}:host([variant="kintsugi"]) .card-footer{border-top-color:#ffffff0f;color:#faf7f42e}@media(hover:hover){:host([variant="kintsugi"]) .card:hover{transform:none;box-shadow:0 0 32px #b85a1e1f;border-color:#b85a1e40}}@keyframes glitch-drift{0%,88%,to{transform:none;opacity:1}89%{transform:translate(-2px);opacity:.8}90%{transform:translate(2px);opacity:.9}91%{transform:none;opacity:1}}:host([variant="glitch"]) .card{background:var(--color-washi-950, #120E0A);border-color:#ffffff0f;animation:glitch-drift 7s steps(1) infinite}:host([variant="glitch"]) .card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-celadon-400, #4E9482);pointer-events:none}:host([variant="glitch"]) .card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgb(250,247,244,.012) 3px,rgb(250,247,244,.012) 4px);pointer-events:none;z-index:0}:host([variant="glitch"]) ::slotted([slot="tag"]){font-family:var(--lib-font-mono);color:var(--color-celadon-400, #4E9482);letter-spacing:.18em}:host([variant="glitch"]) ::slotted([slot="title"]){font-family:var(--lib-font-mono);font-size:var(--text-base);letter-spacing:.15em;text-transform:uppercase;color:var(--color-kaki-400, #D97234)}:host([variant="glitch"]) .card-body{font-family:var(--lib-font-mono);font-size:.65rem;letter-spacing:.08em;color:#faf7f433;line-height:1.9}:host([variant="glitch"]) .card-footer{border-top-color:#ffffff0f;color:#faf7f426}:host([variant="glitch"]) .card-kanji{color:#4e94820f}@media(hover:hover){:host([variant="glitch"]) .card:hover{transform:none;box-shadow:-2px 0 #d9723433,2px 0 #4e948226}}:host([variant="celadon"]) .card{background:var(--color-washi-950, #120E0A);border-color:#4e948226}:host([variant="celadon"]) .card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-celadon-400, #4E9482);pointer-events:none}:host([variant="celadon"]) ::slotted([slot="tag"]){color:#4e948280}:host([variant="celadon"]) ::slotted([slot="title"]){color:var(--color-celadon-400, #4E9482)}:host([variant="celadon"]) .card-body{color:#faf7f440}:host([variant="celadon"]) .card-footer{border-top-color:#ffffff0f;color:#faf7f42e}:host([variant="celadon"]) .card-kanji{color:#4e94820f}@media(hover:hover){:host([variant="celadon"]) .card:hover{transform:none;box-shadow:0 0 28px #4e94821a;border-color:#4e94824d}}:host([variant="washi"]) .card{background:var(--color-washi-50, #FAF7F4);border-color:var(--color-washi-200, #E5DDD3)}:host([variant="washi"]) .card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-washi-400, #B8A99A);pointer-events:none}:host([variant="washi"]) ::slotted([slot="tag"]){color:var(--color-washi-500, #9A8878)}:host([variant="washi"]) ::slotted([slot="title"]){color:var(--color-washi-800, #3D332A)}:host([variant="washi"]) .card-body{color:var(--color-washi-600, #7A6A5C)}:host([variant="washi"]) .card-footer{border-top-color:var(--color-washi-200, #E5DDD3);color:var(--color-washi-400, #B8A99A)}:host([variant="washi"]) .card-kanji{color:#0000000d}@media(hover:hover){:host([variant="washi"]) .card:hover{border-color:var(--color-washi-300, #D3C8BC);box-shadow:var(--shadow-md)}}:host([variant="brutal"]) .card{background:var(--color-washi-50);border:2px solid var(--color-ink-100);box-shadow:var(--lib-shadow-brutal);transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}:host([variant="brutal"]) .card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-celadon-400);pointer-events:none}:host([variant="brutal"]) ::slotted([slot="tag"]){font-family:var(--lib-font-mono);color:var(--color-washi-500);letter-spacing:var(--tracking-widest)}:host([variant="brutal"]) ::slotted([slot="title"]){font-family:var(--lib-font-mono);font-size:var(--text-xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);color:var(--color-ink-100);text-transform:uppercase}:host([variant="brutal"]) .card-body{font-family:var(--lib-font-mono);font-size:var(--text-xs);letter-spacing:.04em;line-height:var(--leading-relaxed);color:var(--color-washi-600)}:host([variant="brutal"]) .card-footer{border-top-color:var(--color-washi-300);color:var(--color-washi-500)}@media(hover:hover){:host([variant="brutal"]) .card:hover{transform:translate(4px,4px);box-shadow:none}}}';
 export {
   cardStyles as default
 };

package/dist/index235.js.map

@@ -1 +1 @@
-{"version":3,"file":"index235.js","sources":["../src/components/atoms/spotlight-card/lib-spotlight-card.component.html.ts"],"sourcesContent":["import { html, TemplateResult } from 'lit';\n\nexport type LibSpotlightVariant = 'kaki' | 'water' | 'white';\n\nexport interface SpotlightCardTemplateProps {\n  spotlight:      LibSpotlightVariant;\n  kintsugi:       boolean;\n  onMouseMove:    (e: MouseEvent) => void;\n  onMouseLeave:   () => void;\n}\n\n/**\n * Template del spotlight card.\n *\n * Arquitectura de capas (de abajo a arriba):\n *   1. .spotlight__layer  — gradiente radial reactivo al cursor (z-index 1)\n *   2. ::after (CSS)      — hilo kintsugi en el borde, solo si [kintsugi] (z-index 2)\n *   3. .spotlight__slot   — contenido slotado (z-index 3)\n *\n * El gradiente del spotlight se actualiza vía CSS custom properties\n * --lib-spotlight-x / --lib-spotlight-y actualizadas en el mousemove handler.\n */\nexport function spotlightCardTemplate(props: SpotlightCardTemplateProps): TemplateResult {\n  return html`\n    <div\n      class=\"spotlight\"\n      @mousemove=${props.onMouseMove}\n      @mouseleave=${props.onMouseLeave}\n    >\n      <div class=\"spotlight__layer\"></div>\n      <div class=\"spotlight__slot\">\n        <slot></slot>\n      </div>\n    </div>\n  `;\n}"],"names":[],"mappings":";AAsBO,SAAS,sBAAsB,OAAmD;AACvF,SAAO;AAAA;AAAA;AAAA,mBAGU,MAAM,WAAW;AAAA,oBAChB,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQtC;"}
+{"version":3,"file":"index235.js","sources":["../src/components/atoms/card/spotlight-card/lib-spotlight-card.html.ts"],"sourcesContent":["import { html, TemplateResult } from 'lit';\nimport type { SpotlightCardTemplateProps } from './lib-spotlight-card.types';\n\n/**\n * Template del spotlight card.\n *\n * Arquitectura de capas (de abajo a arriba):\n *   1. .spotlight__layer  — gradiente radial reactivo al cursor (z-index 1)\n *   2. ::after (CSS)      — hilo kintsugi en el borde, solo si [kintsugi] (z-index 2)\n *   3. .spotlight__slot   — contenido slotado (z-index 3)\n *\n * El gradiente del spotlight se actualiza vía CSS custom properties\n * --lib-spotlight-x / --lib-spotlight-y actualizadas en el mousemove handler.\n */\nexport function spotlightCardTemplate(props: SpotlightCardTemplateProps): TemplateResult {\n  return html`\n    <div\n      class=\"spotlight\"\n      @mousemove=${props.onMouseMove}\n      @mouseleave=${props.onMouseLeave}\n    >\n      <div class=\"spotlight__layer\"></div>\n      <div class=\"spotlight__slot\">\n        <slot></slot>\n      </div>\n    </div>\n  `;\n}"],"names":[],"mappings":";AAcO,SAAS,sBAAsB,OAAmD;AACvF,SAAO;AAAA;AAAA;AAAA,mBAGU,MAAM,WAAW;AAAA,oBAChB,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQtC;"}

package/dist/index25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index25.js","sources":["../src/components/atoms/spotlight-card/lib-spotlight-card.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport type { LibSpotlightVariant } from './lib-spotlight-card.component.html';\nimport { spotlightCardTemplate } from './lib-spotlight-card.component.html';\nimport spotlightCss from './lib-spotlight-card.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\n\n/**\n * @element lib-spotlight-card\n *\n * Contenedor con foco de luz reactivo al cursor (Kintsugi Digital).\n * El gradiente radial sigue al puntero actualizando\n * `--lib-spotlight-x` y `--lib-spotlight-y` en :host.\n *\n * Con `kintsugi` activo añade el hilo de oro en el borde\n * y cambia el fondo a un tono cálido oscuro.\n *\n * @slot - Contenido de la card.\n *\n * @example — spotlight kaki\n * <lib-spotlight-card>...</lib-spotlight-card>\n *\n * @example — spotlight water\n * <lib-spotlight-card spotlight=\"water\">...</lib-spotlight-card>\n *\n * @example — kintsugi border + spotlight kaki\n * <lib-spotlight-card kintsugi>...</lib-spotlight-card>\n */\n@customElement('lib-spotlight-card')\nexport class LibSpotlightCard extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(spotlightCss)}`,\n  ];\n\n  /**\n   * Color del foco de luz.\n   * - kaki  : orgánico cálido — oklch(45% 0.05 45)  [default]\n   * - water : azul sereno    — oklch(55% 0.06 210)\n   * - white : neutro         — oklch(100% 0 0)\n   *\n   * Nota: cuando `kintsugi` está activo el spotlight es siempre kaki.\n   */\n  @property({ type: String, reflect: true })\n  spotlight: LibSpotlightVariant = 'kaki';\n\n  /**\n   * Activa el hilo de oro en el borde (--lib-kintsugi-border)\n   * y cambia el fondo del contenedor a un tono cálido oscuro.\n   */\n  @property({ type: Boolean, reflect: true })\n  kintsugi = false;\n\n  override render(): TemplateResult {\n    return spotlightCardTemplate({\n      spotlight:    this.spotlight,\n      kintsugi:     this.kintsugi,\n      onMouseMove:  this._handleMouseMove.bind(this),\n      onMouseLeave: this._handleMouseLeave.bind(this),\n    });\n  }\n\n  private _handleMouseMove(e: MouseEvent): void {\n    const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n    const x = ((e.clientX - rect.left) / rect.width)  * 100;\n    const y = ((e.clientY - rect.top)  / rect.height) * 100;\n\n    // Actualiza las custom properties en :host\n    // El radial-gradient del CSS las consume automáticamente\n    this.style.setProperty('--lib-spotlight-x', `${x}%`);\n    this.style.setProperty('--lib-spotlight-y', `${y}%`);\n  }\n\n  private _handleMouseLeave(): void {\n    // Resetea al centro — la layer se oculta vía CSS opacity: 0\n    this.style.setProperty('--lib-spotlight-x', '50%');\n    this.style.setProperty('--lib-spotlight-y', '50%');\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-spotlight-card': LibSpotlightCard;\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;AA6BO,IAAM,mBAAN,cAA+B,WAAW;AAAA,EAA1C,cAAA;AAAA,UAAA,GAAA,SAAA;AAeL,SAAA,YAAiC;AAOjC,SAAA,WAAW;AAAA,EAAA;AAAA,EAEF,SAAyB;AAChC,WAAO,sBAAsB;AAAA,MAC3B,WAAc,KAAK;AAAA,MACnB,UAAc,KAAK;AAAA,MACnB,aAAc,KAAK,iBAAiB,KAAK,IAAI;AAAA,MAC7C,cAAc,KAAK,kBAAkB,KAAK,IAAI;AAAA,IAAA,CAC/C;AAAA,EACH;AAAA,EAEQ,iBAAiB,GAAqB;AAC5C,UAAM,OAAQ,EAAE,cAA8B,sBAAA;AAC9C,UAAM,KAAM,EAAE,UAAU,KAAK,QAAQ,KAAK,QAAU;AACpD,UAAM,KAAM,EAAE,UAAU,KAAK,OAAQ,KAAK,SAAU;AAIpD,SAAK,MAAM,YAAY,qBAAqB,GAAG,CAAC,GAAG;AACnD,SAAK,MAAM,YAAY,qBAAqB,GAAG,CAAC,GAAG;AAAA,EACrD;AAAA,EAEQ,oBAA0B;AAEhC,SAAK,MAAM,YAAY,qBAAqB,KAAK;AACjD,SAAK,MAAM,YAAY,qBAAqB,KAAK;AAAA,EACnD;AACF;AAjDa,iBACK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,YAAY,CAAC;AAC/B;AAWA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAd9B,iBAeX,WAAA,aAAA,CAAA;AAOA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GArB/B,iBAsBX,WAAA,YAAA,CAAA;AAtBW,mBAAN,gBAAA;AAAA,EADN,cAAc,oBAAoB;AAAA,GACtB,gBAAA;"}
+{"version":3,"file":"index25.js","sources":["../src/components/atoms/card/spotlight-card/lib-spotlight-card.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport type { LibSpotlightVariant } from './lib-spotlight-card.types';\nimport { spotlightCardTemplate } from './lib-spotlight-card.html';\nimport spotlightCss from './lib-spotlight-card.css?inline';\nimport sharedTokens from '../../../../styles/shared/tokens.css?inline';\n\n/**\n * @element lib-spotlight-card\n *\n * Contenedor con foco de luz reactivo al cursor (Kintsugi Digital).\n * El gradiente radial sigue al puntero actualizando\n * `--lib-spotlight-x` y `--lib-spotlight-y` en :host.\n *\n * Con `kintsugi` activo añade el hilo de oro en el borde\n * y cambia el fondo a un tono cálido oscuro.\n *\n * @slot - Contenido de la card.\n *\n * @example — spotlight kaki\n * <lib-spotlight-card>...</lib-spotlight-card>\n *\n * @example — spotlight water\n * <lib-spotlight-card spotlight=\"water\">...</lib-spotlight-card>\n *\n * @example — kintsugi border + spotlight kaki\n * <lib-spotlight-card kintsugi>...</lib-spotlight-card>\n */\n@customElement('lib-spotlight-card')\nexport class LibSpotlightCard extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(spotlightCss)}`,\n  ];\n\n  /**\n   * Color del foco de luz.\n   * - kaki  : orgánico cálido — oklch(45% 0.05 45)  [default]\n   * - water : azul sereno    — oklch(55% 0.06 210)\n   * - white : neutro         — oklch(100% 0 0)\n   *\n   * Nota: cuando `kintsugi` está activo el spotlight es siempre kaki.\n   */\n  @property({ type: String, reflect: true })\n  spotlight: LibSpotlightVariant = 'kaki';\n\n  /**\n   * Activa el hilo de oro en el borde (--lib-kintsugi-border)\n   * y cambia el fondo del contenedor a un tono cálido oscuro.\n   */\n  @property({ type: Boolean, reflect: true })\n  kintsugi = false;\n\n  override render(): TemplateResult {\n    return spotlightCardTemplate({\n      spotlight:    this.spotlight,\n      kintsugi:     this.kintsugi,\n      onMouseMove:  this._handleMouseMove.bind(this),\n      onMouseLeave: this._handleMouseLeave.bind(this),\n    });\n  }\n\n  private _handleMouseMove(e: MouseEvent): void {\n    const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n    const x = ((e.clientX - rect.left) / rect.width)  * 100;\n    const y = ((e.clientY - rect.top)  / rect.height) * 100;\n\n    // Actualiza las custom properties en :host\n    // El radial-gradient del CSS las consume automáticamente\n    this.style.setProperty('--lib-spotlight-x', `${x}%`);\n    this.style.setProperty('--lib-spotlight-y', `${y}%`);\n  }\n\n  private _handleMouseLeave(): void {\n    // Resetea al centro — la layer se oculta vía CSS opacity: 0\n    this.style.setProperty('--lib-spotlight-x', '50%');\n    this.style.setProperty('--lib-spotlight-y', '50%');\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-spotlight-card': LibSpotlightCard;\n  }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;AA6BO,IAAM,mBAAN,cAA+B,WAAW;AAAA,EAA1C,cAAA;AAAA,UAAA,GAAA,SAAA;AAeL,SAAA,YAAiC;AAOjC,SAAA,WAAW;AAAA,EAAA;AAAA,EAEF,SAAyB;AAChC,WAAO,sBAAsB;AAAA,MAC3B,WAAc,KAAK;AAAA,MACnB,UAAc,KAAK;AAAA,MACnB,aAAc,KAAK,iBAAiB,KAAK,IAAI;AAAA,MAC7C,cAAc,KAAK,kBAAkB,KAAK,IAAI;AAAA,IAAA,CAC/C;AAAA,EACH;AAAA,EAEQ,iBAAiB,GAAqB;AAC5C,UAAM,OAAQ,EAAE,cAA8B,sBAAA;AAC9C,UAAM,KAAM,EAAE,UAAU,KAAK,QAAQ,KAAK,QAAU;AACpD,UAAM,KAAM,EAAE,UAAU,KAAK,OAAQ,KAAK,SAAU;AAIpD,SAAK,MAAM,YAAY,qBAAqB,GAAG,CAAC,GAAG;AACnD,SAAK,MAAM,YAAY,qBAAqB,GAAG,CAAC,GAAG;AAAA,EACrD;AAAA,EAEQ,oBAA0B;AAEhC,SAAK,MAAM,YAAY,qBAAqB,KAAK;AACjD,SAAK,MAAM,YAAY,qBAAqB,KAAK;AAAA,EACnD;AACF;AAjDa,iBACK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,YAAY,CAAC;AAC/B;AAWA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAd9B,iBAeX,WAAA,aAAA,CAAA;AAOA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GArB/B,iBAsBX,WAAA,YAAA,CAAA;AAtBW,mBAAN,gBAAA;AAAA,EADN,cAAc,oBAAoB;AAAA,GACtB,gBAAA;"}

package/dist/index307.js

@@ -1,5 +1,5 @@
 import { nothing, html } from "lit";
-import { unsafeHTML as o } from "./index353.js";
+import { unsafeHTML as o } from "./index357.js";
 function renderBadge(item) {
   return item.badge != null ? html`<span class="tb-badge">${item.badge}</span>` : nothing;
 }

package/dist/index316.js

@@ -1,7 +1,7 @@
-import { renderClassic } from "./index354.js";
-import { renderCentered } from "./index355.js";
-import { renderMega } from "./index356.js";
-import { renderAppBar } from "./index357.js";
+import { renderClassic } from "./index353.js";
+import { renderCentered } from "./index354.js";
+import { renderMega } from "./index355.js";
+import { renderAppBar } from "./index356.js";
 function headerTemplate(ctx) {
   switch (ctx.variant) {
     case "centered":

package/dist/index353.js

@@ -1,28 +1,17 @@
-import { nothing as A, noChange as E } from "./index358.js";
-import { Directive as i, PartType as t, directive as e$1 } from "./index359.js";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class e extends i {
-  constructor(i2) {
-    if (super(i2), this.it = A, i2.type !== t.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
-  }
-  render(r) {
-    if (r === A || null == r) return this._t = void 0, this.it = r;
-    if (r === E) return r;
-    if ("string" != typeof r) throw Error(this.constructor.directiveName + "() called with a non-string value");
-    if (r === this.it) return this._t;
-    this.it = r;
-    const s = [r];
-    return s.raw = s, this._t = { _$litType$: this.constructor.resultType, strings: s, values: [] };
-  }
+import { html } from "lit";
+import { renderLogo, renderLinks, renderActions } from "./index361.js";
+import { renderHamburger, renderMobileDrawer } from "./index362.js";
+function renderClassic(ctx) {
+  return html`
+    <div class="hdr">
+      ${renderLogo(ctx)}
+      <nav class="hdr-nav">${renderLinks(ctx, ctx.links)}</nav>
+      ${renderActions(ctx)}
+      ${renderHamburger(ctx)}
+    </div>
+    ${renderMobileDrawer(ctx)}`;
 }
-e.directiveName = "unsafeHTML", e.resultType = 1;
-const o = e$1(e);
 export {
-  e as UnsafeHTMLDirective,
-  o as unsafeHTML
+  renderClassic
 };
 //# sourceMappingURL=index353.js.map

package/dist/index353.js.map

@@ -1 +1 @@
-{"version":3,"file":"index353.js","sources":["../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/unsafe-html.js"],"sourcesContent":["import{nothing as t,noChange as i}from\"../lit-html.js\";import{directive as r,Directive as s,PartType as n}from\"../directive.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */class e extends s{constructor(i){if(super(i),this.it=t,i.type!==n.CHILD)throw Error(this.constructor.directiveName+\"() can only be used in child bindings\")}render(r){if(r===t||null==r)return this._t=void 0,this.it=r;if(r===i)return r;if(\"string\"!=typeof r)throw Error(this.constructor.directiveName+\"() called with a non-string value\");if(r===this.it)return this._t;this.it=r;const s=[r];return s.raw=s,this._t={_$litType$:this.constructor.resultType,strings:s,values:[]}}}e.directiveName=\"unsafeHTML\",e.resultType=1;const o=r(e);export{e as UnsafeHTMLDirective,o as unsafeHTML};\n//# sourceMappingURL=unsafe-html.js.map\n"],"names":["s","i","t","n","r"],"mappings":";;AACA;AAAA;AAAA;AAAA;AAAA;AAIG,MAAM,UAAUA,EAAC;AAAA,EAAC,YAAYC,IAAE;AAAC,QAAG,MAAMA,EAAC,GAAE,KAAK,KAAGC,GAAED,GAAE,SAAOE,EAAE,MAAM,OAAM,MAAM,KAAK,YAAY,gBAAc,uCAAuC;AAAA,EAAC;AAAA,EAAC,OAAO,GAAE;AAAC,QAAG,MAAID,KAAG,QAAM,EAAE,QAAO,KAAK,KAAG,QAAO,KAAK,KAAG;AAAE,QAAG,MAAID,EAAE,QAAO;AAAE,QAAG,YAAU,OAAO,EAAE,OAAM,MAAM,KAAK,YAAY,gBAAc,mCAAmC;AAAE,QAAG,MAAI,KAAK,GAAG,QAAO,KAAK;AAAG,SAAK,KAAG;AAAE,UAAM,IAAE,CAAC,CAAC;AAAE,WAAO,EAAE,MAAI,GAAE,KAAK,KAAG,EAAC,YAAW,KAAK,YAAY,YAAW,SAAQ,GAAE,QAAO,CAAA,EAAE;AAAA,EAAC;AAAC;AAAC,EAAE,gBAAc,cAAa,EAAE,aAAW;AAAO,MAAC,IAAEG,IAAE,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index353.js","sources":["../src/components/molecules/header/templates/header-classic.html.ts"],"sourcesContent":["import { html, TemplateResult } from 'lit';\nimport type { LibHeader } from '../lib-header.component';\nimport { renderLogo, renderLinks, renderActions } from './header-shared.html';\nimport { renderHamburger, renderMobileDrawer }    from './header-mobile.html';\n\n/**\n * Template compartido por las variantes de layout simple:\n * classic · dark · transparent · kintsugi · glitch · minimal · shrink\n *\n * Estructura: logo | nav | actions | hamburger (móvil)\n */\nexport function renderClassic(ctx: LibHeader): TemplateResult {\n  return html`\n    <div class=\"hdr\">\n      ${renderLogo(ctx)}\n      <nav class=\"hdr-nav\">${renderLinks(ctx, ctx.links)}</nav>\n      ${renderActions(ctx)}\n      ${renderHamburger(ctx)}\n    </div>\n    ${renderMobileDrawer(ctx)}`;\n}"],"names":[],"mappings":";;;AAWO,SAAS,cAAc,KAAgC;AAC5D,SAAO;AAAA;AAAA,QAED,WAAW,GAAG,CAAC;AAAA,6BACM,YAAY,KAAK,IAAI,KAAK,CAAC;AAAA,QAChD,cAAc,GAAG,CAAC;AAAA,QAClB,gBAAgB,GAAG,CAAC;AAAA;AAAA,MAEtB,mBAAmB,GAAG,CAAC;AAC7B;"}

package/dist/index354.js

@@ -1,17 +1,31 @@
-import { html } from "lit";
-import { renderLogo, renderLinks, renderActions } from "./index361.js";
+import { nothing, html } from "lit";
+import { renderLinks, renderLogo, renderActions } from "./index361.js";
 import { renderHamburger, renderMobileDrawer } from "./index362.js";
-function renderClassic(ctx) {
+function renderCentered(ctx) {
+  const mid = Math.floor(ctx.links.length / 2);
+  const leftLinks = ctx.links.slice(0, mid);
+  const rightLinks = ctx.links.slice(mid);
   return html`
+    ${ctx.announcement ? html`
+      <div class="hdr-announcement">
+        <span>${ctx.announcement}</span>
+        ${ctx.announcementHref ? html`<a href="${ctx.announcementHref}">Ver →</a>` : nothing}
+      </div>` : nothing}
+
     <div class="hdr">
+      <nav class="hdr-nav hdr-nav--centered-left">
+        ${renderLinks(ctx, leftLinks)}
+      </nav>
       ${renderLogo(ctx)}
-      <nav class="hdr-nav">${renderLinks(ctx, ctx.links)}</nav>
-      ${renderActions(ctx)}
+      <nav class="hdr-nav hdr-nav--right">
+        ${renderLinks(ctx, rightLinks)}
+        ${renderActions(ctx)}
+      </nav>
       ${renderHamburger(ctx)}
     </div>
     ${renderMobileDrawer(ctx)}`;
 }
 export {
-  renderClassic
+  renderCentered
 };
 //# sourceMappingURL=index354.js.map

package/dist/index354.js.map

@@ -1 +1 @@
-{"version":3,"file":"index354.js","sources":["../src/components/molecules/header/templates/header-classic.html.ts"],"sourcesContent":["import { html, TemplateResult } from 'lit';\nimport type { LibHeader } from '../lib-header.component';\nimport { renderLogo, renderLinks, renderActions } from './header-shared.html';\nimport { renderHamburger, renderMobileDrawer }    from './header-mobile.html';\n\n/**\n * Template compartido por las variantes de layout simple:\n * classic · dark · transparent · kintsugi · glitch · minimal · shrink\n *\n * Estructura: logo | nav | actions | hamburger (móvil)\n */\nexport function renderClassic(ctx: LibHeader): TemplateResult {\n  return html`\n    <div class=\"hdr\">\n      ${renderLogo(ctx)}\n      <nav class=\"hdr-nav\">${renderLinks(ctx, ctx.links)}</nav>\n      ${renderActions(ctx)}\n      ${renderHamburger(ctx)}\n    </div>\n    ${renderMobileDrawer(ctx)}`;\n}"],"names":[],"mappings":";;;AAWO,SAAS,cAAc,KAAgC;AAC5D,SAAO;AAAA;AAAA,QAED,WAAW,GAAG,CAAC;AAAA,6BACM,YAAY,KAAK,IAAI,KAAK,CAAC;AAAA,QAChD,cAAc,GAAG,CAAC;AAAA,QAClB,gBAAgB,GAAG,CAAC;AAAA;AAAA,MAEtB,mBAAmB,GAAG,CAAC;AAC7B;"}
+{"version":3,"file":"index354.js","sources":["../src/components/molecules/header/templates/header-centered.html.ts"],"sourcesContent":["import { html, nothing, TemplateResult } from 'lit';\nimport type { LibHeader } from '../lib-header.component';\nimport { renderLogo, renderLinks, renderActions } from './header-shared.html';\nimport { renderHamburger, renderMobileDrawer }    from './header-mobile.html';\n\n/**\n * Template variante centered:\n * [nav-izquierda] | [logo-central] | [nav-derecha + actions]\n * En móvil colapsa a: [logo] | [hamburger]\n */\nexport function renderCentered(ctx: LibHeader): TemplateResult {\n  const mid        = Math.floor(ctx.links.length / 2);\n  const leftLinks  = ctx.links.slice(0, mid);\n  const rightLinks = ctx.links.slice(mid);\n\n  return html`\n    ${ctx.announcement ? html`\n      <div class=\"hdr-announcement\">\n        <span>${ctx.announcement}</span>\n        ${ctx.announcementHref\n          ? html`<a href=\"${ctx.announcementHref}\">Ver →</a>`\n          : nothing}\n      </div>` : nothing}\n\n    <div class=\"hdr\">\n      <nav class=\"hdr-nav hdr-nav--centered-left\">\n        ${renderLinks(ctx, leftLinks)}\n      </nav>\n      ${renderLogo(ctx)}\n      <nav class=\"hdr-nav hdr-nav--right\">\n        ${renderLinks(ctx, rightLinks)}\n        ${renderActions(ctx)}\n      </nav>\n      ${renderHamburger(ctx)}\n    </div>\n    ${renderMobileDrawer(ctx)}`;\n}"],"names":[],"mappings":";;;AAUO,SAAS,eAAe,KAAgC;AAC7D,QAAM,MAAa,KAAK,MAAM,IAAI,MAAM,SAAS,CAAC;AAClD,QAAM,YAAa,IAAI,MAAM,MAAM,GAAG,GAAG;AACzC,QAAM,aAAa,IAAI,MAAM,MAAM,GAAG;AAEtC,SAAO;AAAA,MACH,IAAI,eAAe;AAAA;AAAA,gBAET,IAAI,YAAY;AAAA,UACtB,IAAI,mBACF,gBAAgB,IAAI,gBAAgB,gBACpC,OAAO;AAAA,gBACH,OAAO;AAAA;AAAA;AAAA;AAAA,UAIb,YAAY,KAAK,SAAS,CAAC;AAAA;AAAA,QAE7B,WAAW,GAAG,CAAC;AAAA;AAAA,UAEb,YAAY,KAAK,UAAU,CAAC;AAAA,UAC5B,cAAc,GAAG,CAAC;AAAA;AAAA,QAEpB,gBAAgB,GAAG,CAAC;AAAA;AAAA,MAEtB,mBAAmB,GAAG,CAAC;AAC7B;"}

package/dist/index355.js

@@ -1,31 +1,69 @@
 import { nothing, html } from "lit";
-import { renderLinks, renderLogo, renderActions } from "./index361.js";
+import { renderLogo, svgChevron, renderActions } from "./index361.js";
 import { renderHamburger, renderMobileDrawer } from "./index362.js";
-function renderCentered(ctx) {
-  const mid = Math.floor(ctx.links.length / 2);
-  const leftLinks = ctx.links.slice(0, mid);
-  const rightLinks = ctx.links.slice(mid);
+function renderMega(ctx) {
   return html`
-    ${ctx.announcement ? html`
-      <div class="hdr-announcement">
-        <span>${ctx.announcement}</span>
-        ${ctx.announcementHref ? html`<a href="${ctx.announcementHref}">Ver →</a>` : nothing}
-      </div>` : nothing}
-
     <div class="hdr">
-      <nav class="hdr-nav hdr-nav--centered-left">
-        ${renderLinks(ctx, leftLinks)}
-      </nav>
       ${renderLogo(ctx)}
-      <nav class="hdr-nav hdr-nav--right">
-        ${renderLinks(ctx, rightLinks)}
-        ${renderActions(ctx)}
+      <nav class="hdr-nav">
+        ${ctx.links.map(
+    (link) => {
+      var _a;
+      return ((_a = link.dropdown) == null ? void 0 : _a.length) ? html`
+                <div
+                  class="hdr-dd"
+                  @mouseenter="${() => ctx._openMega()}"
+                  @mouseleave="${() => ctx._closeMega()}"
+                >
+                  <span class="hdr-link">
+                    ${link.label} ${svgChevron}
+                  </span>
+                </div>` : html`<a href="${link.href || "#"}" class="hdr-link">${link.label}</a>`;
+    }
+  )}
       </nav>
+      ${renderActions(ctx)}
       ${renderHamburger(ctx)}
     </div>
+
+    <!-- Overlay detrás del panel -->
+    <div
+      class="hdr-mega-overlay ${ctx._megaOpen ? "is-open" : ""}"
+      @mouseenter="${() => ctx._closeMega()}"
+    ></div>
+
+    <!-- Panel full-width -->
+    <div
+      class="hdr-mega-panel ${ctx._megaOpen ? "is-open" : ""}"
+      @mouseenter="${() => ctx._openMega()}"
+      @mouseleave="${() => ctx._closeMega()}"
+    >
+      <div class="hdr-mega-inner">
+        ${ctx.megaColumns.map((col) => html`
+          <div>
+            <div class="hdr-mega-group-title">${col.title}</div>
+            ${col.items.map((item) => html`
+              <a href="${item.href || "#"}" class="hdr-mega-link">${item.label}</a>
+            `)}
+          </div>
+        `)}
+        ${ctx.megaCta ? html`
+          <div class="hdr-mega-cta">
+            <div class="hdr-mega-cta-label">${ctx.megaCta.label}</div>
+            <div class="hdr-mega-cta-title">${ctx.megaCta.title}</div>
+            <div class="hdr-mega-cta-desc">${ctx.megaCta.desc}</div>
+            <a href="${ctx.megaCta.href || "#"}"
+              class="hdr-action hdr-action--kaki"
+              style="height:32px;font-size:8px;"
+            >${ctx.megaCta.cta}</a>
+          </div>
+        ` : nothing}
+      </div>
+    </div>
+
     ${renderMobileDrawer(ctx)}`;
 }
 export {
-  renderCentered
+  renderMega
 };
 //# sourceMappingURL=index355.js.map

package/dist/index355.js.map

@@ -1 +1 @@
-{"version":3,"file":"index355.js","sources":["../src/components/molecules/header/templates/header-centered.html.ts"],"sourcesContent":["import { html, nothing, TemplateResult } from 'lit';\nimport type { LibHeader } from '../lib-header.component';\nimport { renderLogo, renderLinks, renderActions } from './header-shared.html';\nimport { renderHamburger, renderMobileDrawer }    from './header-mobile.html';\n\n/**\n * Template variante centered:\n * [nav-izquierda] | [logo-central] | [nav-derecha + actions]\n * En móvil colapsa a: [logo] | [hamburger]\n */\nexport function renderCentered(ctx: LibHeader): TemplateResult {\n  const mid        = Math.floor(ctx.links.length / 2);\n  const leftLinks  = ctx.links.slice(0, mid);\n  const rightLinks = ctx.links.slice(mid);\n\n  return html`\n    ${ctx.announcement ? html`\n      <div class=\"hdr-announcement\">\n        <span>${ctx.announcement}</span>\n        ${ctx.announcementHref\n          ? html`<a href=\"${ctx.announcementHref}\">Ver →</a>`\n          : nothing}\n      </div>` : nothing}\n\n    <div class=\"hdr\">\n      <nav class=\"hdr-nav hdr-nav--centered-left\">\n        ${renderLinks(ctx, leftLinks)}\n      </nav>\n      ${renderLogo(ctx)}\n      <nav class=\"hdr-nav hdr-nav--right\">\n        ${renderLinks(ctx, rightLinks)}\n        ${renderActions(ctx)}\n      </nav>\n      ${renderHamburger(ctx)}\n    </div>\n    ${renderMobileDrawer(ctx)}`;\n}"],"names":[],"mappings":";;;AAUO,SAAS,eAAe,KAAgC;AAC7D,QAAM,MAAa,KAAK,MAAM,IAAI,MAAM,SAAS,CAAC;AAClD,QAAM,YAAa,IAAI,MAAM,MAAM,GAAG,GAAG;AACzC,QAAM,aAAa,IAAI,MAAM,MAAM,GAAG;AAEtC,SAAO;AAAA,MACH,IAAI,eAAe;AAAA;AAAA,gBAET,IAAI,YAAY;AAAA,UACtB,IAAI,mBACF,gBAAgB,IAAI,gBAAgB,gBACpC,OAAO;AAAA,gBACH,OAAO;AAAA;AAAA;AAAA;AAAA,UAIb,YAAY,KAAK,SAAS,CAAC;AAAA;AAAA,QAE7B,WAAW,GAAG,CAAC;AAAA;AAAA,UAEb,YAAY,KAAK,UAAU,CAAC;AAAA,UAC5B,cAAc,GAAG,CAAC;AAAA;AAAA,QAEpB,gBAAgB,GAAG,CAAC;AAAA;AAAA,MAEtB,mBAAmB,GAAG,CAAC;AAC7B;"}
+{"version":3,"file":"index355.js","sources":["../src/components/molecules/header/templates/header-mega.html.ts"],"sourcesContent":["import { html, nothing, TemplateResult } from 'lit';\nimport type { LibHeader } from '../lib-header.component';\nimport { renderLogo, renderActions, svgChevron } from './header-shared.html';\nimport { renderHamburger, renderMobileDrawer }                from './header-mobile.html';\n\n/**\n * Template variante mega:\n * Panel full-width al hover sobre el link con dropdown.\n * En móvil el panel se oculta y el drawer cubre los mega-columns.\n */\nexport function renderMega(ctx: LibHeader): TemplateResult {\n  return html`\n    <div class=\"hdr\">\n      ${renderLogo(ctx)}\n      <nav class=\"hdr-nav\">\n        ${ctx.links.map(link =>\n          link.dropdown?.length\n            ? html`\n                <div\n                  class=\"hdr-dd\"\n                  @mouseenter=\"${(): void => ctx._openMega()}\"\n                  @mouseleave=\"${(): void => ctx._closeMega()}\"\n                >\n                  <span class=\"hdr-link\">\n                    ${link.label} ${svgChevron}\n                  </span>\n                </div>`\n            : html`<a href=\"${link.href || '#'}\" class=\"hdr-link\">${link.label}</a>`\n        )}\n      </nav>\n      ${renderActions(ctx)}\n      ${renderHamburger(ctx)}\n    </div>\n\n    <!-- Overlay detrás del panel -->\n    <div\n      class=\"hdr-mega-overlay ${ctx._megaOpen ? 'is-open' : ''}\"\n      @mouseenter=\"${(): void => ctx._closeMega()}\"\n    ></div>\n\n    <!-- Panel full-width -->\n    <div\n      class=\"hdr-mega-panel ${ctx._megaOpen ? 'is-open' : ''}\"\n      @mouseenter=\"${(): void => ctx._openMega()}\"\n      @mouseleave=\"${(): void => ctx._closeMega()}\"\n    >\n      <div class=\"hdr-mega-inner\">\n        ${ctx.megaColumns.map(col => html`\n          <div>\n            <div class=\"hdr-mega-group-title\">${col.title}</div>\n            ${col.items.map(item => html`\n              <a href=\"${item.href || '#'}\" class=\"hdr-mega-link\">${item.label}</a>\n            `)}\n          </div>\n        `)}\n        ${ctx.megaCta ? html`\n          <div class=\"hdr-mega-cta\">\n            <div class=\"hdr-mega-cta-label\">${ctx.megaCta.label}</div>\n            <div class=\"hdr-mega-cta-title\">${ctx.megaCta.title}</div>\n            <div class=\"hdr-mega-cta-desc\">${ctx.megaCta.desc}</div>\n            <a href=\"${ctx.megaCta.href || '#'}\"\n              class=\"hdr-action hdr-action--kaki\"\n              style=\"height:32px;font-size:8px;\"\n            >${ctx.megaCta.cta}</a>\n          </div>\n        ` : nothing}\n      </div>\n    </div>\n\n    ${renderMobileDrawer(ctx)}`;\n}"],"names":[],"mappings":";;;AAUO,SAAS,WAAW,KAAgC;AACzD,SAAO;AAAA;AAAA,QAED,WAAW,GAAG,CAAC;AAAA;AAAA,UAEb,IAAI,MAAM;AAAA,IAAI,CAAA,SAAA;;AACd,yBAAK,aAAL,mBAAe,UACX;AAAA;AAAA;AAAA,iCAGmB,MAAY,IAAI,WAAW;AAAA,iCAC3B,MAAY,IAAI,YAAY;AAAA;AAAA;AAAA,sBAGvC,KAAK,KAAK,IAAI,UAAU;AAAA;AAAA,0BAGhC,gBAAgB,KAAK,QAAQ,GAAG,sBAAsB,KAAK,KAAK;AAAA;AAAA,EAAA,CACrE;AAAA;AAAA,QAED,cAAc,GAAG,CAAC;AAAA,QAClB,gBAAgB,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,gCAKI,IAAI,YAAY,YAAY,EAAE;AAAA,qBACzC,MAAY,IAAI,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,8BAKnB,IAAI,YAAY,YAAY,EAAE;AAAA,qBACvC,MAAY,IAAI,WAAW;AAAA,qBAC3B,MAAY,IAAI,YAAY;AAAA;AAAA;AAAA,UAGvC,IAAI,YAAY,IAAI,CAAA,QAAO;AAAA;AAAA,gDAEW,IAAI,KAAK;AAAA,cAC3C,IAAI,MAAM,IAAI,CAAA,SAAQ;AAAA,yBACX,KAAK,QAAQ,GAAG,2BAA2B,KAAK,KAAK;AAAA,aACjE,CAAC;AAAA;AAAA,SAEL,CAAC;AAAA,UACA,IAAI,UAAU;AAAA;AAAA,8CAEsB,IAAI,QAAQ,KAAK;AAAA,8CACjB,IAAI,QAAQ,KAAK;AAAA,6CAClB,IAAI,QAAQ,IAAI;AAAA,uBACtC,IAAI,QAAQ,QAAQ,GAAG;AAAA;AAAA;AAAA,eAG/B,IAAI,QAAQ,GAAG;AAAA;AAAA,YAElB,OAAO;AAAA;AAAA;AAAA;AAAA,MAIb,mBAAmB,GAAG,CAAC;AAC7B;"}

package/dist/index356.js

@@ -1,69 +1,67 @@
 import { nothing, html } from "lit";
-import { renderLogo, svgChevron, renderActions } from "./index361.js";
-import { renderHamburger, renderMobileDrawer } from "./index362.js";
-function renderMega(ctx) {
+import { svgBell, renderBreadcrumbs, svgSearch } from "./index361.js";
+function renderAppBar(ctx) {
   return html`
     <div class="hdr">
-      ${renderLogo(ctx)}
-      <nav class="hdr-nav">
-        ${ctx.links.map(
-    (link) => {
-      var _a;
-      return ((_a = link.dropdown) == null ? void 0 : _a.length) ? html`
-                <div
-                  class="hdr-dd"
-                  @mouseenter="${() => ctx._openMega()}"
-                  @mouseleave="${() => ctx._closeMega()}"
-                >
-                  <span class="hdr-link">
-                    ${link.label} ${svgChevron}
-                  </span>
-                </div>` : html`<a href="${link.href || "#"}" class="hdr-link">${link.label}</a>`;
-    }
-  )}
-      </nav>
-      ${renderActions(ctx)}
-      ${renderHamburger(ctx)}
-    </div>
 
-    <!-- Overlay detrás del panel -->
-    <div
-      class="hdr-mega-overlay ${ctx._megaOpen ? "is-open" : ""}"
-      @mouseenter="${() => ctx._closeMega()}"
-    ></div>
+      <!-- Logo mark (sin texto) -->
+      <div class="hdr-logo-mark" style="flex-shrink:0;"></div>
 
-    <!-- Panel full-width -->
-    <div
-      class="hdr-mega-panel ${ctx._megaOpen ? "is-open" : ""}"
-      @mouseenter="${() => ctx._openMega()}"
-      @mouseleave="${() => ctx._closeMega()}"
-    >
-      <div class="hdr-mega-inner">
-        ${ctx.megaColumns.map((col) => html`
-          <div>
-            <div class="hdr-mega-group-title">${col.title}</div>
-            ${col.items.map((item) => html`
-              <a href="${item.href || "#"}" class="hdr-mega-link">${item.label}</a>
-            `)}
-          </div>
-        `)}
-        ${ctx.megaCta ? html`
-          <div class="hdr-mega-cta">
-            <div class="hdr-mega-cta-label">${ctx.megaCta.label}</div>
-            <div class="hdr-mega-cta-title">${ctx.megaCta.title}</div>
-            <div class="hdr-mega-cta-desc">${ctx.megaCta.desc}</div>
-            <a href="${ctx.megaCta.href || "#"}"
-              class="hdr-action hdr-action--kaki"
+      <!-- Breadcrumbs -->
+      ${ctx.breadcrumbs.length ? renderBreadcrumbs(ctx.breadcrumbs) : nothing}
+
+      <!-- Divider — oculto en móvil -->
+      <div class="hdr-divider hdr-divider--desktop"></div>
+
+      <!-- Search — full en desktop, icono en móvil -->
+      ${ctx.showSearch ? html`
+        <div class="hdr-search">
+          ${svgSearch}
+          <input
+            type="search"
+            placeholder="${ctx.searchPlaceholder}"
+            @input="${(e) => ctx._onSearch(e.target.value)}"
+          />
+          <span class="hdr-search-kbd">⌘K</span>
+        </div>
+      ` : nothing}
+
+      <div class="hdr-spacer"></div>
+
+      <!-- Context actions — ocultos en móvil -->
+      ${ctx.actions.length ? html`
+        <div class="hdr-actions hdr-actions--desktop">
+          ${ctx.actions.map((action) => html`
+            <a href="${action.href || "#"}"
+              class="hdr-action ${action.variant === "outline" ? "hdr-action--outline" : "hdr-action--kaki"}"
               style="height:32px;font-size:8px;"
-            >${ctx.megaCta.cta}</a>
-          </div>
-        ` : nothing}
+            >${action.label}</a>
+          `)}
+        </div>
+      ` : nothing}
+
+      <!-- Status (compact mode) — oculto en móvil -->
+      ${ctx.compact ? html`
+        <div class="hdr-status hdr-status--desktop">
+          <div class="hdr-status-dot"></div>
+          <span class="hdr-status-text">Online · 42ms</span>
+        </div>
+      ` : nothing}
+
+      <div class="hdr-divider"></div>
+
+      <!-- Notificaciones -->
+      <div class="hdr-notif">
+        ${svgBell}
+        ${ctx.notifications ? html`<span class="hdr-notif-dot"></span>` : nothing}
       </div>
-    </div>
 
-    ${renderMobileDrawer(ctx)}`;
+      <!-- Avatar -->
+      <div class="hdr-avatar">${ctx.userInitials || ctx.userName.slice(0, 1)}</div>
+
+    </div>`;
 }
 export {
-  renderMega
+  renderAppBar
 };
 //# sourceMappingURL=index356.js.map