@shibui-ui/ui 1.6.0 → 1.7.0

package/dist/angular/directives.ts

@@ -0,0 +1,648 @@
+import { Directive, EventEmitter, Output, Input } from '@angular/core';
+
+@Directive({
+  selector: 'lib-accordion-item',
+  standalone: true
+})
+export class LibAccordionItemDirective {
+  @Output() accordion_toggle = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-aspect-ratio',
+  standalone: true
+})
+export class LibAspectRatioDirective {
+}
+
+@Directive({
+  selector: 'lib-avatar',
+  standalone: true
+})
+export class LibAvatarDirective {
+}
+
+@Directive({
+  selector: 'lib-background',
+  standalone: true
+})
+export class LibBackgroundDirective {
+}
+
+@Directive({
+  selector: 'lib-badge',
+  standalone: true
+})
+export class LibBadgeDirective {
+}
+
+@Directive({
+  selector: 'lib-bento-item',
+  standalone: true
+})
+export class LibBentoItemDirective {
+}
+
+@Directive({
+  selector: 'lib-burger',
+  standalone: true
+})
+export class LibBurgerDirective {
+  @Output() ui_lib_burger_change = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-button',
+  standalone: true
+})
+export class LibButtonDirective {
+  @Output() ui_lib_click = new EventEmitter<CustomEvent>();
+  @Output() lib_click = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-card',
+  standalone: true
+})
+export class LibCardDirective {
+  @Output() ui_lib_card_click = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-checkbox',
+  standalone: true
+})
+export class LibCheckboxDirective {
+  @Output() change = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-close-button',
+  standalone: true
+})
+export class LibCloseButtonDirective {
+  @Output() lib_close = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-code-block',
+  standalone: true
+})
+export class LibCodeBlockDirective {
+}
+
+@Directive({
+  selector: 'lib-color-scale',
+  standalone: true
+})
+export class LibColorScaleDirective {
+}
+
+@Directive({
+  selector: 'lib-content-pillar',
+  standalone: true
+})
+export class LibContentPillarDirective {
+}
+
+@Directive({
+  selector: 'lib-copy-button',
+  standalone: true
+})
+export class LibCopyButtonDirective {
+  @Output() lib_copy = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-display-heading',
+  standalone: true
+})
+export class LibDisplayHeadingDirective {
+}
+
+@Directive({
+  selector: 'lib-divider',
+  standalone: true
+})
+export class LibDividerDirective {
+}
+
+@Directive({
+  selector: 'lib-eyebrow',
+  standalone: true
+})
+export class LibEyebrowDirective {
+}
+
+@Directive({
+  selector: 'lib-glass-card',
+  standalone: true
+})
+export class LibGlassCardDirective {
+}
+
+@Directive({
+  selector: 'lib-icon',
+  standalone: true
+})
+export class LibIconDirective {
+}
+
+@Directive({
+  selector: 'lib-kbd',
+  standalone: true
+})
+export class LibKbdDirective {
+}
+
+@Directive({
+  selector: 'lib-label',
+  standalone: true
+})
+export class LibLabelDirective {
+}
+
+@Directive({
+  selector: 'lib-counter',
+  standalone: true
+})
+export class LibCounterDirective {
+}
+
+@Directive({
+  selector: 'lib-button-liquid',
+  standalone: true
+})
+export class LibButtonLiquidDirective {
+  @Output() ui_lib_click = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-magnetic',
+  standalone: true
+})
+export class LibMagneticDirective {
+}
+
+@Directive({
+  selector: 'lib-progress',
+  standalone: true
+})
+export class LibProgressDirective {
+}
+
+@Directive({
+  selector: 'lib-progress-circle',
+  standalone: true
+})
+export class LibProgressCircleDirective {
+}
+
+@Directive({
+  selector: 'lib-quote',
+  standalone: true
+})
+export class LibQuoteDirective {
+}
+
+@Directive({
+  selector: 'lib-radio',
+  standalone: true
+})
+export class LibRadioDirective {
+  @Output() change = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-rating',
+  standalone: true
+})
+export class LibRatingDirective {
+  @Output() ui_lib_rating_change = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-reading-progress',
+  standalone: true
+})
+export class LibReadingProgressDirective {
+}
+
+@Directive({
+  selector: 'lib-ripple',
+  standalone: true
+})
+export class LibRippleDirective {
+}
+
+@Directive({
+  selector: 'lib-select-option',
+  standalone: true
+})
+export class LibSelectOptionDirective {
+  @Output() option_selected = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-skeleton',
+  standalone: true
+})
+export class LibSkeletonDirective {
+}
+
+@Directive({
+  selector: 'lib-spacer',
+  standalone: true
+})
+export class LibSpacerDirective {
+}
+
+@Directive({
+  selector: 'lib-spinner',
+  standalone: true
+})
+export class LibSpinnerDirective {
+}
+
+@Directive({
+  selector: 'lib-spotlight-card',
+  standalone: true
+})
+export class LibSpotlightCardDirective {
+}
+
+@Directive({
+  selector: 'lib-status-dot',
+  standalone: true
+})
+export class LibStatusDotDirective {
+}
+
+@Directive({
+  selector: 'lib-step',
+  standalone: true
+})
+export class LibStepDirective {
+}
+
+@Directive({
+  selector: 'lib-switch',
+  standalone: true
+})
+export class LibSwitchDirective {
+  @Output() ui_lib_change = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-text-glitch',
+  standalone: true
+})
+export class LibTextGlitchDirective {
+}
+
+@Directive({
+  selector: 'lib-text-list',
+  standalone: true
+})
+export class LibTextListDirective {
+  @Output() ui_lib_row_click = new EventEmitter<CustomEvent>();
+  @Output() ui_lib_toggle = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-tooltip',
+  standalone: true
+})
+export class LibTooltipDirective {
+}
+
+@Directive({
+  selector: 'lib-visually-hidden',
+  standalone: true
+})
+export class LibVisuallyHiddenDirective {
+}
+
+@Directive({
+  selector: 'lib-breadcrumb',
+  standalone: true
+})
+export class LibBreadcrumbDirective {
+  @Output() ui_lib_navigate = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-button-group',
+  standalone: true
+})
+export class LibButtonGroupDirective {
+  @Output() ui_lib_group_change = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-button-sep',
+  standalone: true
+})
+export class LibButtonSepDirective {
+}
+
+@Directive({
+  selector: 'lib-button-split',
+  standalone: true
+})
+export class LibButtonSplitDirective {
+  @Output() ui_lib_split_action = new EventEmitter<CustomEvent>();
+  @Output() ui_lib_split_select = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-checkbox-card',
+  standalone: true
+})
+export class LibCheckboxCardDirective {
+  @Output() ui_lib_checkbox_card_change = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-chip',
+  standalone: true
+})
+export class LibChipDirective {
+  @Output() ui_lib_chip_toggle = new EventEmitter<CustomEvent>();
+  @Output() ui_lib_chip_remove = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-color-picker',
+  standalone: true
+})
+export class LibColorPickerDirective {
+  @Output() ui_lib_apply = new EventEmitter<CustomEvent>();
+  @Output() ui_lib_change = new EventEmitter<CustomEvent>();
+  @Output() ui_lib_swatch_click = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-color-swatches',
+  standalone: true
+})
+export class LibColorSwatchesDirective {
+  @Output() ui_lib_swatch_click = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-dropdown',
+  standalone: true
+})
+export class LibDropdownDirective {
+  @Output() ui_lib_dropdown_toggle = new EventEmitter<CustomEvent>();
+  @Output() ui_lib_dropdown_item = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-empty-state',
+  standalone: true
+})
+export class LibEmptyStateDirective {
+}
+
+@Directive({
+  selector: 'lib-file-uploader',
+  standalone: true
+})
+export class LibFileUploaderDirective {
+  @Input() files: any;
+  @Output() ui_lib_upload_start = new EventEmitter<CustomEvent>();
+  @Output() ui_lib_upload_error = new EventEmitter<CustomEvent>();
+  @Output() ui_lib_upload_done = new EventEmitter<CustomEvent>();
+  @Output() ui_lib_file_remove = new EventEmitter<CustomEvent>();
+  @Output() ui_lib_files_change = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-header',
+  standalone: true
+})
+export class LibHeaderDirective {
+  @Output() ui_lib_header_link = new EventEmitter<CustomEvent>();
+  @Output() ui_lib_header_action = new EventEmitter<CustomEvent>();
+  @Output() ui_lib_header_search = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-input',
+  standalone: true
+})
+export class LibInputDirective {
+  @Output() ui_lib_input = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-alert',
+  standalone: true
+})
+export class LibAlertDirective {
+  @Output() ui_lib_alert_close = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-modal',
+  standalone: true
+})
+export class LibModalDirective {
+  @Output() ui_lib_modal_close = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-pagination',
+  standalone: true
+})
+export class LibPaginationDirective {
+  @Output() ui_lib_page_change = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-range-slider',
+  standalone: true
+})
+export class LibRangeSliderDirective {
+  @Output() ui_lib_change = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-segmented-control',
+  standalone: true
+})
+export class LibSegmentedControlDirective {
+  @Output() ui_lib_change = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-select',
+  standalone: true
+})
+export class LibSelectDirective {
+  @Output() ui_lib_select_open = new EventEmitter<CustomEvent>();
+  @Output() ui_lib_select_close = new EventEmitter<CustomEvent>();
+  @Output() ui_lib_select_change = new EventEmitter<CustomEvent>();
+  @Output() ui_lib_select_multi_change = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-tabs',
+  standalone: true
+})
+export class LibTabsDirective {
+  @Output() ui_lib_tab_change = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-tree-select',
+  standalone: true
+})
+export class LibTreeSelectDirective {
+  @Output() ui_lib_tree_confirm = new EventEmitter<CustomEvent>();
+  @Output() ui_lib_tree_change = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-accordion',
+  standalone: true
+})
+export class LibAccordionDirective {
+}
+
+@Directive({
+  selector: 'lib-bento-grid',
+  standalone: true
+})
+export class LibBentoGridDirective {
+}
+
+@Directive({
+  selector: 'lib-carousel',
+  standalone: true
+})
+export class LibCarouselDirective {
+  @Output() ui_lib_slide_change = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-cursor-follower',
+  standalone: true
+})
+export class LibCursorFollowerDirective {
+}
+
+@Directive({
+  selector: 'lib-data-table',
+  standalone: true
+})
+export class LibDataTableDirective {
+  @Output() ui_lib_table_sort = new EventEmitter<CustomEvent>();
+  @Output() ui_lib_table_filter = new EventEmitter<CustomEvent>();
+  @Output() ui_lib_table_row_action = new EventEmitter<CustomEvent>();
+  @Output() ui_lib_table_select = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-dialog',
+  standalone: true
+})
+export class LibDialogDirective {
+  @Output() ui_lib_dialog_close = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-drawer',
+  standalone: true
+})
+export class LibDrawerDirective {
+  @Output() ui_lib_drawer_close = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-footer',
+  standalone: true
+})
+export class LibFooterDirective {
+  @Output() ui_lib_footer_link_click = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-horizontal-scroll-section',
+  standalone: true
+})
+export class LibHorizontalScrollSectionDirective {
+  @Output() ui_lib_scroll_progress = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-parallax-container',
+  standalone: true
+})
+export class LibParallaxContainerDirective {
+}
+
+@Directive({
+  selector: 'lib-parallax-text-stack',
+  standalone: true
+})
+export class LibParallaxTextStackDirective {
+}
+
+@Directive({
+  selector: 'lib-sidebar',
+  standalone: true
+})
+export class LibSidebarDirective {
+  @Output() ui_lib_navigate = new EventEmitter<CustomEvent>();
+  @Output() ui_lib_user_action = new EventEmitter<CustomEvent>();
+  @Output() ui_lib_search = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-stagger-container',
+  standalone: true
+})
+export class LibStaggerContainerDirective {
+  @Output() ui_lib_stagger_visible = new EventEmitter<CustomEvent>();
+  @Output() ui_lib_stagger_hidden = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-stepper',
+  standalone: true
+})
+export class LibStepperDirective {
+  @Output() ui_lib_step_change = new EventEmitter<CustomEvent>();
+}
+
+@Directive({
+  selector: 'lib-timeline-item',
+  standalone: true
+})
+export class LibTimelineItemDirective {
+}
+
+@Directive({
+  selector: 'lib-timeline',
+  standalone: true
+})
+export class LibTimelineDirective {
+}
+
+@Directive({
+  selector: 'lib-toast-manager',
+  standalone: true
+})
+export class LibToastManagerDirective {
+}
+
+@Directive({
+  selector: 'lib-component-grid',
+  standalone: true
+})
+export class LibComponentGridDirective {
+}
+

package/dist/architecture/base-components/lib-list.model.d.ts

@@ -0,0 +1,31 @@
+import { LitElement, TemplateResult, nothing } from 'lit';
+/**
+ * Modelo base para componentes de lista.
+ * Usamos la configuración estática para evitar errores de decoradores en clases abstractas.
+ */
+export declare abstract class LibListModel<T> extends LitElement {
+    static properties: {
+        items: {
+            type: ArrayConstructor;
+        };
+        loading: {
+            type: BooleanConstructor;
+        };
+        skeletonCount: {
+            type: NumberConstructor;
+        };
+    };
+    items: T[];
+    loading: boolean;
+    skeletonCount: number;
+    /**
+     * Método obligatorio: define cómo se renderiza cada ítem.
+     */
+    protected abstract renderItem(item: T, index: number): TemplateResult | typeof nothing;
+    /**
+     * Método opcional: define el aspecto del estado de carga.
+     */
+    protected renderSkeleton(): TemplateResult;
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=lib-list.model.d.ts.map

package/dist/architecture/base-components/lib-list.model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib-list.model.d.ts","sourceRoot":"","sources":["../../../architecture/base-components/lib-list.model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAEhE;;;GAGG;AACH,8BAAsB,YAAY,CAAC,CAAC,CAAE,SAAQ,UAAU;IAGtD,OAAgB,UAAU;;;;;;;;;;MAIxB;IAEF,KAAK,EAAE,CAAC,EAAE,CAAM;IAChB,OAAO,UAAS;IAChB,aAAa,SAAK;IAElB;;OAEG;IACH,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,cAAc,GAAG,OAAO,OAAO;IACtF;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,cAAc;cAIvB,MAAM,IAAI,cAAc;CAY5C"}

package/dist/components/atoms/accordion-item/lib-accordion-item.component.d.ts

@@ -0,0 +1,33 @@
+import { LitElement, TemplateResult } from 'lit';
+/**
+ * @element lib-accordion-item
+ *
+ * Item colapsable individual. Puede usarse standalone o dentro de lib-accordion.
+ * El padre lib-accordion orquesta el comportamiento mutually-exclusive y
+ * aplica variantes (flush, separated, accent) via CSS custom properties.
+ *
+ * @slot - Contenido colapsable
+ *
+ * @fires accordion-toggle - Emitido al hacer clic en el trigger.
+ *   detail: { open: boolean }
+ *
+ * @example
+ * <lib-accordion-item label="Pregunta" open>
+ *   Respuesta detallada aqui.
+ * </lib-accordion-item>
+ */
+export declare class LibAccordionItem extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /** Texto del trigger (cabecera del item) */
+    label: string;
+    /** Estado abierto/cerrado */
+    open: boolean;
+    private _handleToggle;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lib-accordion-item': LibAccordionItem;
+    }
+}
+//# sourceMappingURL=lib-accordion-item.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lib-accordion-item.component.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/accordion-item/lib-accordion-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,cAAc,EAAE,MAAM,KAAK,CAAC;AAMjE;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,4BAGpB;IAEF,4CAA4C;IAE5C,KAAK,SAAM;IAEX,6BAA6B;IAE7B,IAAI,UAAS;IAEb,OAAO,CAAC,aAAa;IAYZ,MAAM,IAAI,cAAc;CAOlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}