@shibui-ui/ui 1.15.0 → 1.19.8

package/dist/index.d.ts

@@ -34,7 +34,7 @@ export * from './components/atoms/spinner/lib-spinner.component';
 export * from './components/atoms/bento-item/lib-bento-item.component';
 export * from './components/atoms/reading-progress/lib-reading-progress.component';
 export * from './components/atoms/liquid-button/lib-liquid-button.component';
-export * from './components/atoms/text-glich/lib-text-glitch.component';
+export * from './components/atoms/text-glitch/lib-text-glitch.component';
 export * from './components/atoms/background/lib-background.component';
 export * from './components/atoms/burger-button/lib-burger-button.component';
 export * from './components/atoms/eyebrow/lib-eyebrow.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,yDAAyD,CAAA;AACvE,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,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"}

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-glich/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/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;"}

package/dist/index264.js.map

@@ -1 +1 @@
-{"version":3,"file":"index264.js","sources":["../src/components/atoms/text-glich/lib-text-glitch.html.ts"],"sourcesContent":["import { html, TemplateResult } from 'lit';\nimport type { TextGlitchVariant } from './lib-text-glitch.component';\n\nexport interface TextGlitchTemplateProps {\n  text: string;\n  variant: TextGlitchVariant;\n}\n\n/**\n * Template de lib-text-glitch.\n *\n * Para `decode`: renderiza un <span class=\"char\"> por cada carácter Unicode\n * (usando spread de string — correcto para emoji y kanji multibyte).\n * El JS del componente manipula estos spans directamente sin pasar por Lit.\n *\n * Para el resto de variantes: texto plano dentro del wrapper con data-text,\n * que los ::before/::after leen con attr(data-text).\n */\nexport function textGlitchTemplate(props: TextGlitchTemplateProps): TemplateResult {\n  if (props.variant === 'decode') {\n    return html`\n      <span class=\"tg-inner\" data-text=\"${props.text}\">\n        ${[...props.text].map(\n          ch => html`<span class=\"char\" data-original=\"${ch}\">${ch}</span>`\n        )}\n      </span>\n    `;\n  }\n\n  return html`\n    <span class=\"tg-inner\" data-text=\"${props.text}\">${props.text}</span>\n  `;\n}"],"names":[],"mappings":";AAkBO,SAAS,mBAAmB,OAAgD;AACjF,MAAI,MAAM,YAAY,UAAU;AAC9B,WAAO;AAAA,0CAC+B,MAAM,IAAI;AAAA,UAC1C,CAAC,GAAG,MAAM,IAAI,EAAE;AAAA,MAChB,CAAA,OAAM,yCAAyC,EAAE,KAAK,EAAE;AAAA,IAAA,CACzD;AAAA;AAAA;AAAA,EAGP;AAEA,SAAO;AAAA,wCAC+B,MAAM,IAAI,KAAK,MAAM,IAAI;AAAA;AAEjE;"}
+{"version":3,"file":"index264.js","sources":["../src/components/atoms/text-glitch/lib-text-glitch.html.ts"],"sourcesContent":["import { html, TemplateResult } from 'lit';\nimport type { TextGlitchVariant } from './lib-text-glitch.component';\n\nexport interface TextGlitchTemplateProps {\n  text: string;\n  variant: TextGlitchVariant;\n}\n\n/**\n * Template de lib-text-glitch.\n *\n * Para `decode`: renderiza un <span class=\"char\"> por cada carácter Unicode\n * (usando spread de string — correcto para emoji y kanji multibyte).\n * El JS del componente manipula estos spans directamente sin pasar por Lit.\n *\n * Para el resto de variantes: texto plano dentro del wrapper con data-text,\n * que los ::before/::after leen con attr(data-text).\n */\nexport function textGlitchTemplate(props: TextGlitchTemplateProps): TemplateResult {\n  if (props.variant === 'decode') {\n    return html`\n      <span class=\"tg-inner\" data-text=\"${props.text}\">\n        ${[...props.text].map(\n          ch => html`<span class=\"char\" data-original=\"${ch}\">${ch}</span>`\n        )}\n      </span>\n    `;\n  }\n\n  return html`\n    <span class=\"tg-inner\" data-text=\"${props.text}\">${props.text}</span>\n  `;\n}"],"names":[],"mappings":";AAkBO,SAAS,mBAAmB,OAAgD;AACjF,MAAI,MAAM,YAAY,UAAU;AAC9B,WAAO;AAAA,0CAC+B,MAAM,IAAI;AAAA,UAC1C,CAAC,GAAG,MAAM,IAAI,EAAE;AAAA,MAChB,CAAA,OAAM,yCAAyC,EAAE,KAAK,EAAE;AAAA,IAAA,CACzD;AAAA;AAAA;AAAA,EAGP;AAEA,SAAO;AAAA,wCAC+B,MAAM,IAAI,KAAK,MAAM,IAAI;AAAA;AAEjE;"}

package/dist/index39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index39.js","sources":["../src/components/atoms/text-glich/lib-text-glitch.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport glitchCss from './lib-text-glitch.css?inline';\nimport { textGlitchTemplate } from './lib-text-glitch.html';\n\n/* ── Tipos públicos ─────────────────────────────────────────── */\n\n/** Variante visual del efecto de glitch. */\nexport type TextGlitchVariant = 'slice' | 'scan' | 'shift' | 'decode' | 'redact' | 'noise';\n\n/**\n * Modo de activación del efecto.\n * - `hover`  → se activa al pasar el cursor (default).\n * - `always` → se activa de forma continua al montar el componente.\n */\nexport type TextGlitchTrigger = 'hover' | 'always';\n\n/* ── Pool de caracteres para el decode ──────────────────────── */\n\nconst KANA =\n  'ア イ ウ エ オ カ キ ク ケ コ サ シ ス セ ソ タ チ ツ テ ト ナ ニ ヌ ネ ノ ' +\n  'ハ ヒ フ ヘ ホ マ ミ ム メ モ ヤ ユ ヨ ラ リ ル レ ロ ワ ヲ ン ガ ギ グ ゲ ゴ ' +\n  'ザ ジ ズ ゼ ゾ ダ ヂ ヅ デ ド バ ビ ブ ベ ボ 渋 液 美 乱 進 間 静 陰 影 黒 白 墨 和 侘'.split(' ');\n\n/**\n * @element lib-text-glitch\n *\n * @prop {string}              text    - Texto a renderizar y distorsionar.\n * @prop {TextGlitchVariant}   variant - Efecto visual: slice | scan | shift | decode | redact | noise.\n * @prop {TextGlitchTrigger}   trigger - Modo de activación: hover | always.\n * @prop {boolean}             active  - Activa el efecto programáticamente (reflectado en atributo).\n *\n * @method play()  - Reproduce el efecto una vez (scan / redact / decode).\n * @method stop()  - Detiene el bucle `trigger=\"always\"`.\n */\n@customElement('lib-text-glitch')\nexport class LibTextGlitch extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(glitchCss)}`,\n  ];\n\n  /* ── Props ──────────────────────────────────────────────── */\n\n  @property({ type: String })\n  text: string = '';\n\n  @property({ type: String, reflect: true })\n  variant: TextGlitchVariant = 'slice';\n\n  @property({ type: String, reflect: true })\n  trigger: TextGlitchTrigger = 'hover';\n\n  /** Activa el efecto desde el exterior (CSS reacciona a [active]). */\n  @property({ type: Boolean, reflect: true })\n  active: boolean = false;\n\n  /* ── Estado interno ─────────────────────────────────────── */\n\n  private _running = false;\n  private _alwaysTimer?: ReturnType<typeof setTimeout>;\n\n  /* Bound handler reutilizable para poder hacer removeEventListener */\n  private readonly _boundMouseEnter = (): void => { this._decodePlay(); };\n\n  /* ── Lifecycle ──────────────────────────────────────────── */\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._setupDecode();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('mouseenter', this._boundMouseEnter);\n    clearTimeout(this._alwaysTimer);\n  }\n\n  override updated(changed: PropertyValues): void {\n    const reInit =\n      changed.has('variant') ||\n      changed.has('trigger') ||\n      changed.has('text');\n\n    if (reInit) {\n      /* Limpieza del ciclo anterior */\n      this.removeEventListener('mouseenter', this._boundMouseEnter);\n      clearTimeout(this._alwaysTimer);\n      this._running = false;\n      this._setupDecode();\n    }\n  }\n\n  override render(): TemplateResult {\n    return textGlitchTemplate({ text: this.text, variant: this.variant });\n  }\n\n  /* ── API pública ────────────────────────────────────────── */\n\n  /**\n   * Reproduce el efecto manualmente una vez.\n   * - Para `decode`: lanza el scramble de kanji.\n   * - Para `scan` / `redact`: activa [active] y lo retira al terminar.\n   * - Para `slice` / `shift` / `noise`: activa [active] (CSS bucle).\n   */\n  play(): void {\n    if (this.variant === 'decode') {\n      this._decodePlay();\n      return;\n    }\n    this.active = true;\n    if (this.variant === 'scan' || this.variant === 'redact') {\n      const dur = this.variant === 'scan' ? 620 : 720;\n      setTimeout(() => { this.active = false; }, dur);\n    }\n  }\n\n  /** Detiene el bucle `trigger=\"always\"` y desactiva [active]. */\n  stop(): void {\n    clearTimeout(this._alwaysTimer);\n    this._running = false;\n    this.active = false;\n  }\n\n  /* ── Decode engine ──────────────────────────────────────── */\n\n  private _setupDecode(): void {\n    if (this.variant !== 'decode') return;\n\n    if (this.trigger === 'hover') {\n      this.addEventListener('mouseenter', this._boundMouseEnter);\n    } else {\n      /* always: esperamos el primer render completo para tener los .char */\n      this.updateComplete.then(() => { this._scheduleAlwaysDecode(); });\n    }\n  }\n\n  private _scheduleAlwaysDecode(): void {\n    this._decodePlay();\n    /* Pausa entre repeticiones: proporcional a la longitud del texto */\n    const pause = Math.max([...this.text].length * 55 * 1.5, 400) + 2000;\n    this._alwaysTimer = setTimeout(() => { this._scheduleAlwaysDecode(); }, pause);\n  }\n\n  /**\n   * Motor de decodificación kanji.\n   *\n   * Cada char span se sustituye por un katakana/kanji aleatorio\n   * durante un número variable de frames, y luego se resuelve al\n   * carácter original. El orden de resolución es estocástico.\n   */\n  private _decodePlay(): void {\n    if (this._running) return;\n    this._running = true;\n\n    const chars = Array.from(\n      this.renderRoot.querySelectorAll<HTMLElement>('.char')\n    );\n\n    if (chars.length === 0) {\n      this._running = false;\n      return;\n    }\n\n    const SCRAMBLE_CYCLES = 6;\n    const FRAME_MS        = 55;\n\n    /* Delay estocástico por carácter — no resuelven de izquierda a derecha */\n    const delays = chars.map(() =>\n      Math.floor(Math.random() * chars.length * SCRAMBLE_CYCLES * 0.6) + SCRAMBLE_CYCLES\n    );\n\n    let frame = 0;\n    const total = Math.max(...delays) + 2;\n\n    const tick = (): void => {\n      chars.forEach((span, i) => {\n        const orig = span.dataset['original'] ?? '';\n\n        if (frame < (delays[i] ?? 0)) {\n          /* Espacios y puntuación — no se scramblea */\n          if (orig.trim() === '' || orig === '·' || orig === '-') return;\n          span.textContent = KANA[Math.floor(Math.random() * KANA.length)] ?? orig;\n          span.classList.add('is-scrambling');\n        } else {\n          span.textContent = orig;\n          span.classList.remove('is-scrambling');\n        }\n      });\n\n      frame++;\n\n      if (frame < total) {\n        setTimeout(tick, FRAME_MS);\n      } else {\n        /* Garantía final — todos al original */\n        chars.forEach(span => {\n          span.textContent = span.dataset['original'] ?? '';\n          span.classList.remove('is-scrambling');\n        });\n        this._running = false;\n      }\n    };\n\n    tick();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-text-glitch': LibTextGlitch;\n  }\n}"],"names":[],"mappings":"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"}
+{"version":3,"file":"index39.js","sources":["../src/components/atoms/text-glitch/lib-text-glitch.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport glitchCss from './lib-text-glitch.css?inline';\nimport { textGlitchTemplate } from './lib-text-glitch.html';\n\n/* ── Tipos públicos ─────────────────────────────────────────── */\n\n/** Variante visual del efecto de glitch. */\nexport type TextGlitchVariant = 'slice' | 'scan' | 'shift' | 'decode' | 'redact' | 'noise';\n\n/**\n * Modo de activación del efecto.\n * - `hover`  → se activa al pasar el cursor (default).\n * - `always` → se activa de forma continua al montar el componente.\n */\nexport type TextGlitchTrigger = 'hover' | 'always';\n\n/* ── Pool de caracteres para el decode ──────────────────────── */\n\nconst KANA =\n  'ア イ ウ エ オ カ キ ク ケ コ サ シ ス セ ソ タ チ ツ テ ト ナ ニ ヌ ネ ノ ' +\n  'ハ ヒ フ ヘ ホ マ ミ ム メ モ ヤ ユ ヨ ラ リ ル レ ロ ワ ヲ ン ガ ギ グ ゲ ゴ ' +\n  'ザ ジ ズ ゼ ゾ ダ ヂ ヅ デ ド バ ビ ブ ベ ボ 渋 液 美 乱 進 間 静 陰 影 黒 白 墨 和 侘'.split(' ');\n\n/**\n * @element lib-text-glitch\n *\n * @prop {string}              text    - Texto a renderizar y distorsionar.\n * @prop {TextGlitchVariant}   variant - Efecto visual: slice | scan | shift | decode | redact | noise.\n * @prop {TextGlitchTrigger}   trigger - Modo de activación: hover | always.\n * @prop {boolean}             active  - Activa el efecto programáticamente (reflectado en atributo).\n *\n * @method play()  - Reproduce el efecto una vez (scan / redact / decode).\n * @method stop()  - Detiene el bucle `trigger=\"always\"`.\n */\n@customElement('lib-text-glitch')\nexport class LibTextGlitch extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(glitchCss)}`,\n  ];\n\n  /* ── Props ──────────────────────────────────────────────── */\n\n  @property({ type: String })\n  text: string = '';\n\n  @property({ type: String, reflect: true })\n  variant: TextGlitchVariant = 'slice';\n\n  @property({ type: String, reflect: true })\n  trigger: TextGlitchTrigger = 'hover';\n\n  /** Activa el efecto desde el exterior (CSS reacciona a [active]). */\n  @property({ type: Boolean, reflect: true })\n  active: boolean = false;\n\n  /* ── Estado interno ─────────────────────────────────────── */\n\n  private _running = false;\n  private _alwaysTimer?: ReturnType<typeof setTimeout>;\n\n  /* Bound handler reutilizable para poder hacer removeEventListener */\n  private readonly _boundMouseEnter = (): void => { this._decodePlay(); };\n\n  /* ── Lifecycle ──────────────────────────────────────────── */\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._setupDecode();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('mouseenter', this._boundMouseEnter);\n    clearTimeout(this._alwaysTimer);\n  }\n\n  override updated(changed: PropertyValues): void {\n    const reInit =\n      changed.has('variant') ||\n      changed.has('trigger') ||\n      changed.has('text');\n\n    if (reInit) {\n      /* Limpieza del ciclo anterior */\n      this.removeEventListener('mouseenter', this._boundMouseEnter);\n      clearTimeout(this._alwaysTimer);\n      this._running = false;\n      this._setupDecode();\n    }\n  }\n\n  override render(): TemplateResult {\n    return textGlitchTemplate({ text: this.text, variant: this.variant });\n  }\n\n  /* ── API pública ────────────────────────────────────────── */\n\n  /**\n   * Reproduce el efecto manualmente una vez.\n   * - Para `decode`: lanza el scramble de kanji.\n   * - Para `scan` / `redact`: activa [active] y lo retira al terminar.\n   * - Para `slice` / `shift` / `noise`: activa [active] (CSS bucle).\n   */\n  play(): void {\n    if (this.variant === 'decode') {\n      this._decodePlay();\n      return;\n    }\n    this.active = true;\n    if (this.variant === 'scan' || this.variant === 'redact') {\n      const dur = this.variant === 'scan' ? 620 : 720;\n      setTimeout(() => { this.active = false; }, dur);\n    }\n  }\n\n  /** Detiene el bucle `trigger=\"always\"` y desactiva [active]. */\n  stop(): void {\n    clearTimeout(this._alwaysTimer);\n    this._running = false;\n    this.active = false;\n  }\n\n  /* ── Decode engine ──────────────────────────────────────── */\n\n  private _setupDecode(): void {\n    if (this.variant !== 'decode') return;\n\n    if (this.trigger === 'hover') {\n      this.addEventListener('mouseenter', this._boundMouseEnter);\n    } else {\n      /* always: esperamos el primer render completo para tener los .char */\n      this.updateComplete.then(() => { this._scheduleAlwaysDecode(); });\n    }\n  }\n\n  private _scheduleAlwaysDecode(): void {\n    this._decodePlay();\n    /* Pausa entre repeticiones: proporcional a la longitud del texto */\n    const pause = Math.max([...this.text].length * 55 * 1.5, 400) + 2000;\n    this._alwaysTimer = setTimeout(() => { this._scheduleAlwaysDecode(); }, pause);\n  }\n\n  /**\n   * Motor de decodificación kanji.\n   *\n   * Cada char span se sustituye por un katakana/kanji aleatorio\n   * durante un número variable de frames, y luego se resuelve al\n   * carácter original. El orden de resolución es estocástico.\n   */\n  private _decodePlay(): void {\n    if (this._running) return;\n    this._running = true;\n\n    const chars = Array.from(\n      this.renderRoot.querySelectorAll<HTMLElement>('.char')\n    );\n\n    if (chars.length === 0) {\n      this._running = false;\n      return;\n    }\n\n    const SCRAMBLE_CYCLES = 6;\n    const FRAME_MS        = 55;\n\n    /* Delay estocástico por carácter — no resuelven de izquierda a derecha */\n    const delays = chars.map(() =>\n      Math.floor(Math.random() * chars.length * SCRAMBLE_CYCLES * 0.6) + SCRAMBLE_CYCLES\n    );\n\n    let frame = 0;\n    const total = Math.max(...delays) + 2;\n\n    const tick = (): void => {\n      chars.forEach((span, i) => {\n        const orig = span.dataset['original'] ?? '';\n\n        if (frame < (delays[i] ?? 0)) {\n          /* Espacios y puntuación — no se scramblea */\n          if (orig.trim() === '' || orig === '·' || orig === '-') return;\n          span.textContent = KANA[Math.floor(Math.random() * KANA.length)] ?? orig;\n          span.classList.add('is-scrambling');\n        } else {\n          span.textContent = orig;\n          span.classList.remove('is-scrambling');\n        }\n      });\n\n      frame++;\n\n      if (frame < total) {\n        setTimeout(tick, FRAME_MS);\n      } else {\n        /* Garantía final — todos al original */\n        chars.forEach(span => {\n          span.textContent = span.dataset['original'] ?? '';\n          span.classList.remove('is-scrambling');\n        });\n        this._running = false;\n      }\n    };\n\n    tick();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-text-glitch': LibTextGlitch;\n  }\n}"],"names":[],"mappings":"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"}

package/dist/index71.js

@@ -15,8 +15,9 @@ var __decorateClass = (decorators, target, key, kind) => {
 };
 let LibDrawer = class extends LitElement {
   constructor() {
+    var _a;
     super(...arguments);
-    this._uid = Math.random().toString(36).slice(2, 7);
+    this._uid = (((_a = globalThis.crypto) == null ? void 0 : _a.getRandomValues(new Uint32Array(1))[0]) ?? Math.random()).toString(36).slice(0, 5);
     this.open = false;
     this.placement = "right";
     this.size = "md";
@@ -26,7 +27,7 @@ let LibDrawer = class extends LitElement {
     this.subtitle = "";
     this.drawerLabel = "";
     this._onKeyDown = (e) => {
-      var _a;
+      var _a2;
       if (!this.open) return;
       if (e.key === "Escape") {
         e.preventDefault();
@@ -38,7 +39,7 @@ let LibDrawer = class extends LitElement {
         if (!focusable.length) return;
         const first = focusable[0];
         const last = focusable[focusable.length - 1];
-        const active = (_a = this.shadowRoot) == null ? void 0 : _a.activeElement;
+        const active = (_a2 = this.shadowRoot) == null ? void 0 : _a2.activeElement;
         if (e.shiftKey) {
           if (active === first) {
             e.preventDefault();

package/dist/index71.js.map

@@ -1 +1 @@
-{"version":3,"file":"index71.js","sources":["../src/components/organisms/drawer/lib-drawer.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { drawerTemplate } from './lib-drawer.html';\nimport drawerCss from './lib-drawer.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport type { DrawerPlacement, DrawerSize, DrawerVariant } from './lib-drawer.types';\n\n/**\n * lib-drawer — Shibui UI · SG-59\n *\n * @prop open         — Abre / cierra el drawer\n * @prop placement    — 'right'(default) | 'left' | 'top' | 'bottom'\n * @prop size         — 'sm' | 'md'(default) | 'lg' | 'xl' | 'full'\n * @prop variant      — 'default' | 'dark' | 'kintsugi' | 'kintsugi-dark' | 'glitch' | 'glitch-dark'\n * @prop label        — Texto del título (también rellenable via slot[name=\"title\"])\n * @prop eyebrow      — Texto del eyebrow (también via slot[name=\"eyebrow\"])\n * @prop subtitle     — Texto del subtítulo (también via slot[name=\"subtitle\"])\n * @prop drawer-label — Aria-label del dialog (default = label)\n *\n * @slot              — Contenido del body\n * @slot title        — Reemplaza el título\n * @slot eyebrow      — Reemplaza el eyebrow\n * @slot subtitle     — Reemplaza el subtítulo\n * @slot footer       — Botones de pie (oculto si vacío)\n *\n * @fires ui-lib-drawer-close — Cuando el drawer se cierra (backdrop, Escape, botón X)\n */\n@customElement('lib-drawer')\nexport class LibDrawer extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(drawerCss)}`,\n  ];\n\n  /* ── Identificador único para aria ── */\n  readonly _uid = Math.random().toString(36).slice(2, 7);\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: String, reflect: true })\n  placement: DrawerPlacement = 'right';\n\n  @property({ type: String, reflect: true })\n  size: DrawerSize = 'md';\n\n  @property({ type: String, reflect: true })\n  variant: DrawerVariant = 'default';\n\n  @property({ type: String })\n  label = '';\n\n  @property({ type: String })\n  eyebrow = '';\n\n  @property({ type: String })\n  subtitle = '';\n\n  @property({ type: String, attribute: 'drawer-label' })\n  drawerLabel = '';\n\n  /* ════════════════════════════════════════\n     Ciclo de vida\n     ════════════════════════════════════════ */\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('keydown', this._onKeyDown);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('keydown', this._onKeyDown);\n    // Restaurar scroll por si se destruye mientras está abierto\n    document.body.style.overflow = '';\n  }\n\n  override updated(changed: Map<PropertyKey, unknown>): void {\n    if (!changed.has('open')) return;\n\n    if (this.open) {\n      document.body.style.overflow = 'hidden';\n      // Dar foco al panel para que los eventos de teclado funcionen\n      requestAnimationFrame(() => {\n        const panel = this.shadowRoot?.querySelector<HTMLElement>('.dr');\n        panel?.focus();\n      });\n    } else {\n      document.body.style.overflow = '';\n    }\n\n    // Sync aria-label si no se pasó drawer-label explícito\n    if (!this.drawerLabel) {\n      this.drawerLabel = this.label || 'Panel';\n    }\n  }\n\n  /* ════════════════════════════════════════\n     API pública\n     ════════════════════════════════════════ */\n\n  /** Cierra el drawer y emite el evento */\n  _close(): void {\n    if (!this.open) return;\n    this.open = false;\n    this.dispatchEvent(new CustomEvent('ui-lib-drawer-close', {\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  /* ════════════════════════════════════════\n     Focus trap\n     ════════════════════════════════════════ */\n\n  private _getFocusable(): HTMLElement[] {\n    const selector = [\n      'a[href]', 'button:not([disabled])', 'input:not([disabled])',\n      'select:not([disabled])', 'textarea:not([disabled])',\n      '[tabindex]:not([tabindex=\"-1\"])',\n    ].join(',');\n\n    return Array.from(\n      this.shadowRoot?.querySelectorAll<HTMLElement>(selector) ?? []\n    );\n  }\n\n  private _onKeyDown = (e: KeyboardEvent): void => {\n    if (!this.open) return;\n\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      this._close();\n      return;\n    }\n\n    if (e.key === 'Tab') {\n      const focusable = this._getFocusable();\n      if (!focusable.length) return;\n\n      const first = focusable[0];\n      const last  = focusable[focusable.length - 1];\n      const active = this.shadowRoot?.activeElement as HTMLElement;\n\n      if (e.shiftKey) {\n        if (active === first) { e.preventDefault(); last?.focus(); }\n      } else {\n        if (active === last)  { e.preventDefault(); first?.focus(); }\n      }\n    }\n  };\n\n  /* ════════════════════════════════════════\n     Render\n     ════════════════════════════════════════ */\n  protected override render(): TemplateResult {\n    return drawerTemplate(this);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-drawer': LibDrawer;\n  }\n}"],"names":[],"mappings":"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"}
+{"version":3,"file":"index71.js","sources":["../src/components/organisms/drawer/lib-drawer.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { drawerTemplate } from './lib-drawer.html';\nimport drawerCss from './lib-drawer.css?inline';\nimport sharedTokens from '../../../styles/shared/tokens.css?inline';\nimport type { DrawerPlacement, DrawerSize, DrawerVariant } from './lib-drawer.types';\n\n/**\n * lib-drawer — Shibui UI · SG-59\n *\n * @prop open         — Abre / cierra el drawer\n * @prop placement    — 'right'(default) | 'left' | 'top' | 'bottom'\n * @prop size         — 'sm' | 'md'(default) | 'lg' | 'xl' | 'full'\n * @prop variant      — 'default' | 'dark' | 'kintsugi' | 'kintsugi-dark' | 'glitch' | 'glitch-dark'\n * @prop label        — Texto del título (también rellenable via slot[name=\"title\"])\n * @prop eyebrow      — Texto del eyebrow (también via slot[name=\"eyebrow\"])\n * @prop subtitle     — Texto del subtítulo (también via slot[name=\"subtitle\"])\n * @prop drawer-label — Aria-label del dialog (default = label)\n *\n * @slot              — Contenido del body\n * @slot title        — Reemplaza el título\n * @slot eyebrow      — Reemplaza el eyebrow\n * @slot subtitle     — Reemplaza el subtítulo\n * @slot footer       — Botones de pie (oculto si vacío)\n *\n * @fires ui-lib-drawer-close — Cuando el drawer se cierra (backdrop, Escape, botón X)\n */\n@customElement('lib-drawer')\nexport class LibDrawer extends LitElement {\n  static override styles = [\n    css`${unsafeCSS(sharedTokens)}`,\n    css`${unsafeCSS(drawerCss)}`,\n  ];\n\n  /* ── Identificador único para aria ── */\n  readonly _uid: string = (globalThis.crypto?.getRandomValues(new Uint32Array(1))[0] ?? Math.random())\n  .toString(36)\n  .slice(0, 5);\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: String, reflect: true })\n  placement: DrawerPlacement = 'right';\n\n  @property({ type: String, reflect: true })\n  size: DrawerSize = 'md';\n\n  @property({ type: String, reflect: true })\n  variant: DrawerVariant = 'default';\n\n  @property({ type: String })\n  label = '';\n\n  @property({ type: String })\n  eyebrow = '';\n\n  @property({ type: String })\n  subtitle = '';\n\n  @property({ type: String, attribute: 'drawer-label' })\n  drawerLabel = '';\n\n  /* ════════════════════════════════════════\n     Ciclo de vida\n     ════════════════════════════════════════ */\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('keydown', this._onKeyDown);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('keydown', this._onKeyDown);\n    // Restaurar scroll por si se destruye mientras está abierto\n    document.body.style.overflow = '';\n  }\n\n  override updated(changed: Map<PropertyKey, unknown>): void {\n    if (!changed.has('open')) return;\n\n    if (this.open) {\n      document.body.style.overflow = 'hidden';\n      // Dar foco al panel para que los eventos de teclado funcionen\n      requestAnimationFrame(() => {\n        const panel = this.shadowRoot?.querySelector<HTMLElement>('.dr');\n        panel?.focus();\n      });\n    } else {\n      document.body.style.overflow = '';\n    }\n\n    // Sync aria-label si no se pasó drawer-label explícito\n    if (!this.drawerLabel) {\n      this.drawerLabel = this.label || 'Panel';\n    }\n  }\n\n  /* ════════════════════════════════════════\n     API pública\n     ════════════════════════════════════════ */\n\n  /** Cierra el drawer y emite el evento */\n  _close(): void {\n    if (!this.open) return;\n    this.open = false;\n    this.dispatchEvent(new CustomEvent('ui-lib-drawer-close', {\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  /* ════════════════════════════════════════\n     Focus trap\n     ════════════════════════════════════════ */\n\n  private _getFocusable(): HTMLElement[] {\n    const selector = [\n      'a[href]', 'button:not([disabled])', 'input:not([disabled])',\n      'select:not([disabled])', 'textarea:not([disabled])',\n      '[tabindex]:not([tabindex=\"-1\"])',\n    ].join(',');\n\n    return Array.from(\n      this.shadowRoot?.querySelectorAll<HTMLElement>(selector) ?? []\n    );\n  }\n\n  private _onKeyDown = (e: KeyboardEvent): void => {\n    if (!this.open) return;\n\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      this._close();\n      return;\n    }\n\n    if (e.key === 'Tab') {\n      const focusable = this._getFocusable();\n      if (!focusable.length) return;\n\n      const first = focusable[0];\n      const last  = focusable[focusable.length - 1];\n      const active = this.shadowRoot?.activeElement as HTMLElement;\n\n      if (e.shiftKey) {\n        if (active === first) { e.preventDefault(); last?.focus(); }\n      } else {\n        if (active === last)  { e.preventDefault(); first?.focus(); }\n      }\n    }\n  };\n\n  /* ════════════════════════════════════════\n     Render\n     ════════════════════════════════════════ */\n  protected override render(): TemplateResult {\n    return drawerTemplate(this);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'lib-drawer': LibDrawer;\n  }\n}"],"names":["_a"],"mappings":"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"}

package/dist/react/index.ts

@@ -1,3 +1,4 @@
+export type { WebComponentBaseProps } from './types.js';
 export * from './lib-accordion-item';
 export * from './lib-aspect-ratio';
 export * from './lib-avatar';
@@ -69,9 +70,9 @@ export * from './lib-carousel';
 export * from './lib-cursor-follower';
 export * from './lib-data-table';
 export * from './lib-dialog';
+export * from './lib-drawer';
 export * from './lib-footer';
 export * from './lib-horizontal-scroll-section';
-export * from './lib-drawer';
 export * from './lib-parallax-container';
 export * from './lib-parallax-text-stack';
 export * from './lib-sidebar';

package/dist/react/lib-accordion-item.tsx

@@ -1,21 +1,27 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibAccordionItem as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-accordion-item>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-accordion-item>
+ * Auto-generated — do not edit manually.
  */
-export const _LibAccordionItem = createComponent({
+const _LibAccordionItem = createComponent({
   react: React,
   tagName: 'lib-accordion-item',
   elementClass: Element,
   events: {
-          'onAccordionToggle': 'accordion-toggle'
-        }
+  'onAccordionToggle': 'accordion-toggle'
+},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibAccordionItem = _LibAccordionItem as unknown as React.FC<any>;
-export type LibAccordionItemProps = React.ComponentProps<typeof LibAccordionItem>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibAccordionItemProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibAccordionItem = _LibAccordionItem as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibAccordionItemProps = React.ComponentPropsWithRef<typeof LibAccordionItem>;

package/dist/react/lib-accordion.tsx

@@ -1,19 +1,25 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibAccordion as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-accordion>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-accordion>
+ * Auto-generated — do not edit manually.
  */
-export const _LibAccordion = createComponent({
+const _LibAccordion = createComponent({
   react: React,
   tagName: 'lib-accordion',
   elementClass: Element,
-  events: {}
+  events: {},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibAccordion = _LibAccordion as unknown as React.FC<any>;
-export type LibAccordionProps = React.ComponentProps<typeof LibAccordion>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibAccordionProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibAccordion = _LibAccordion as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibAccordionProps = React.ComponentPropsWithRef<typeof LibAccordion>;

package/dist/react/lib-alert.tsx

@@ -1,21 +1,27 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibAlert as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-alert>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-alert>
+ * Auto-generated — do not edit manually.
  */
-export const _LibAlert = createComponent({
+const _LibAlert = createComponent({
   react: React,
   tagName: 'lib-alert',
   elementClass: Element,
   events: {
-          'onUiLibAlertClose': 'ui-lib-alert-close'
-        }
+  'onUiLibAlertClose': 'ui-lib-alert-close'
+},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibAlert = _LibAlert as unknown as React.FC<any>;
-export type LibAlertProps = React.ComponentProps<typeof LibAlert>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibAlertProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibAlert = _LibAlert as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibAlertProps = React.ComponentPropsWithRef<typeof LibAlert>;

package/dist/react/lib-aspect-ratio.tsx

@@ -1,19 +1,25 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibAspectRatio as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-aspect-ratio>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-aspect-ratio>
+ * Auto-generated — do not edit manually.
  */
-export const _LibAspectRatio = createComponent({
+const _LibAspectRatio = createComponent({
   react: React,
   tagName: 'lib-aspect-ratio',
   elementClass: Element,
-  events: {}
+  events: {},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibAspectRatio = _LibAspectRatio as unknown as React.FC<any>;
-export type LibAspectRatioProps = React.ComponentProps<typeof LibAspectRatio>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibAspectRatioProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibAspectRatio = _LibAspectRatio as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibAspectRatioProps = React.ComponentPropsWithRef<typeof LibAspectRatio>;

package/dist/react/lib-avatar.tsx

@@ -1,19 +1,25 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibAvatar as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-avatar>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-avatar>
+ * Auto-generated — do not edit manually.
  */
-export const _LibAvatar = createComponent({
+const _LibAvatar = createComponent({
   react: React,
   tagName: 'lib-avatar',
   elementClass: Element,
-  events: {}
+  events: {},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibAvatar = _LibAvatar as unknown as React.FC<any>;
-export type LibAvatarProps = React.ComponentProps<typeof LibAvatar>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibAvatarProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibAvatar = _LibAvatar as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibAvatarProps = React.ComponentPropsWithRef<typeof LibAvatar>;

package/dist/react/lib-background.tsx

@@ -1,19 +1,25 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibBackground as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-background>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-background>
+ * Auto-generated — do not edit manually.
  */
-export const _LibBackground = createComponent({
+const _LibBackground = createComponent({
   react: React,
   tagName: 'lib-background',
   elementClass: Element,
-  events: {}
+  events: {},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibBackground = _LibBackground as unknown as React.FC<any>;
-export type LibBackgroundProps = React.ComponentProps<typeof LibBackground>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibBackgroundProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibBackground = _LibBackground as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibBackgroundProps = React.ComponentPropsWithRef<typeof LibBackground>;

package/dist/react/lib-badge.tsx

@@ -1,19 +1,25 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibBadge as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-badge>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-badge>
+ * Auto-generated — do not edit manually.
  */
-export const _LibBadge = createComponent({
+const _LibBadge = createComponent({
   react: React,
   tagName: 'lib-badge',
   elementClass: Element,
-  events: {}
+  events: {},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibBadge = _LibBadge as unknown as React.FC<any>;
-export type LibBadgeProps = React.ComponentProps<typeof LibBadge>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibBadgeProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibBadge = _LibBadge as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibBadgeProps = React.ComponentPropsWithRef<typeof LibBadge>;

package/dist/react/lib-bento-grid.tsx

@@ -1,19 +1,25 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibBentoGrid as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-bento-grid>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-bento-grid>
+ * Auto-generated — do not edit manually.
  */
-export const _LibBentoGrid = createComponent({
+const _LibBentoGrid = createComponent({
   react: React,
   tagName: 'lib-bento-grid',
   elementClass: Element,
-  events: {}
+  events: {},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibBentoGrid = _LibBentoGrid as unknown as React.FC<any>;
-export type LibBentoGridProps = React.ComponentProps<typeof LibBentoGrid>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibBentoGridProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibBentoGrid = _LibBentoGrid as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibBentoGridProps = React.ComponentPropsWithRef<typeof LibBentoGrid>;

package/dist/react/lib-bento-item.tsx

@@ -1,19 +1,25 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibBentoItem as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-bento-item>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-bento-item>
+ * Auto-generated — do not edit manually.
  */
-export const _LibBentoItem = createComponent({
+const _LibBentoItem = createComponent({
   react: React,
   tagName: 'lib-bento-item',
   elementClass: Element,
-  events: {}
+  events: {},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibBentoItem = _LibBentoItem as unknown as React.FC<any>;
-export type LibBentoItemProps = React.ComponentProps<typeof LibBentoItem>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibBentoItemProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibBentoItem = _LibBentoItem as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibBentoItemProps = React.ComponentPropsWithRef<typeof LibBentoItem>;

package/dist/react/lib-breadcrumb.tsx

@@ -1,21 +1,27 @@
-// @ts-nocheck
-        import React from 'react';
-import { createComponent, type EventName } from '@lit/react';
+import React from 'react';
+import { createComponent } from '@lit/react';
 import { LibBreadcrumb as Element } from '../index.js';
+import type { WebComponentBaseProps } from './types.js';
 
 /**
- * Wrapper de React para <lib-breadcrumb>
- * Generado automáticamente - No editar manualmente.
+ * React wrapper for <lib-breadcrumb>
+ * Auto-generated — do not edit manually.
  */
-export const _LibBreadcrumb = createComponent({
+const _LibBreadcrumb = createComponent({
   react: React,
   tagName: 'lib-breadcrumb',
   elementClass: Element,
   events: {
-          'onUiLibNavigate': 'ui-lib-navigate'
-        }
+  'onUiLibNavigate': 'ui-lib-navigate'
+},
 });
 
-// Tipado para evitar el error "JSX element class does not support attributes"
-export const LibBreadcrumb = _LibBreadcrumb as unknown as React.FC<any>;
-export type LibBreadcrumbProps = React.ComponentProps<typeof LibBreadcrumb>;
+// Cast necesario para resolver la incompatibilidad entre el tipo de retorno
+// de createComponent y las restricciones de JSX. Evita @ts-nocheck manteniendo
+// type-safety en el consumidor mediante LibBreadcrumbProps.
+// WebComponentBaseProps omite React.HTMLAttributes intencionadamente — ver types.ts.
+export const LibBreadcrumb = _LibBreadcrumb as unknown as React.ComponentType<
+  WebComponentBaseProps & Record<string, unknown>
+>;
+
+export type LibBreadcrumbProps = React.ComponentPropsWithRef<typeof LibBreadcrumb>;