@sekiui/elements 0.0.59 → 0.0.61
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/index.js +140 -4
- package/dist/cdn/p-BHbxurmj.js +33 -0
- package/dist/{components/p-BU1kuAZS.js → cdn/p-D31scOlb.js} +9 -386
- package/dist/{components/p-wQy1sEm6.js → cdn/p-DB0EE9zX.js} +3 -3
- package/dist/cdn/seki-badge.js +1 -1
- package/dist/cdn/seki-breadcrumb-ellipsis.d.ts +11 -0
- package/dist/cdn/seki-breadcrumb-ellipsis.js +36 -0
- package/dist/cdn/seki-breadcrumb-item.d.ts +11 -0
- package/dist/cdn/seki-breadcrumb-item.js +36 -0
- package/dist/cdn/seki-breadcrumb-link.d.ts +11 -0
- package/dist/cdn/seki-breadcrumb-link.js +39 -0
- package/dist/cdn/seki-breadcrumb-list.d.ts +11 -0
- package/dist/cdn/seki-breadcrumb-list.js +36 -0
- package/dist/cdn/seki-breadcrumb-page.d.ts +11 -0
- package/dist/cdn/seki-breadcrumb-page.js +36 -0
- package/dist/cdn/seki-breadcrumb-separator.d.ts +11 -0
- package/dist/cdn/seki-breadcrumb-separator.js +41 -0
- package/dist/cdn/seki-breadcrumb.d.ts +11 -0
- package/dist/cdn/seki-breadcrumb.js +43 -0
- package/dist/cdn/seki-button.js +3 -3
- package/dist/cdn/seki-card-action.js +3 -3
- package/dist/cdn/seki-card-content.js +3 -3
- package/dist/cdn/seki-card-description.js +3 -3
- package/dist/cdn/seki-card-footer.js +3 -3
- package/dist/cdn/seki-card-header.js +3 -3
- package/dist/cdn/seki-card-title.js +2 -2
- package/dist/cdn/seki-card.js +3 -3
- package/dist/cdn/seki-field-description.js +3 -3
- package/dist/cdn/seki-field-error.js +3 -3
- package/dist/cdn/seki-field-group.js +3 -3
- package/dist/cdn/seki-field-label.js +3 -3
- package/dist/cdn/seki-field-legend.js +3 -3
- package/dist/cdn/seki-field.js +3 -3
- package/dist/cdn/seki-fieldset.js +3 -3
- package/dist/cdn/seki-input.js +3 -3
- package/dist/cdn/seki-pagination-content.d.ts +11 -0
- package/dist/cdn/seki-pagination-content.js +36 -0
- package/dist/cdn/seki-pagination-ellipsis.d.ts +11 -0
- package/dist/cdn/seki-pagination-ellipsis.js +36 -0
- package/dist/cdn/seki-pagination-item.d.ts +11 -0
- package/dist/cdn/seki-pagination-item.js +36 -0
- package/dist/cdn/seki-pagination-link.d.ts +11 -0
- package/dist/cdn/seki-pagination-link.js +53 -0
- package/dist/cdn/seki-pagination-next.d.ts +11 -0
- package/dist/cdn/seki-pagination-next.js +48 -0
- package/dist/cdn/seki-pagination-previous.d.ts +11 -0
- package/dist/cdn/seki-pagination-previous.js +48 -0
- package/dist/cdn/seki-pagination.d.ts +11 -0
- package/dist/cdn/seki-pagination.js +36 -0
- package/dist/cdn/seki-select-content.js +2 -2
- package/dist/cdn/seki-select-group.js +3 -3
- package/dist/cdn/seki-select-option.js +3 -3
- package/dist/cdn/seki-select-trigger.js +2 -2
- package/dist/cdn/seki-select.js +3 -3
- package/dist/cdn/seki-separator.d.ts +11 -0
- package/dist/cdn/seki-separator.js +55 -0
- package/dist/cdn/seki-sheet-close.d.ts +11 -0
- package/dist/cdn/seki-sheet-close.js +40 -0
- package/dist/cdn/seki-sheet-content.d.ts +11 -0
- package/dist/cdn/seki-sheet-content.js +58 -0
- package/dist/cdn/seki-sheet-description.d.ts +11 -0
- package/dist/cdn/seki-sheet-description.js +36 -0
- package/dist/cdn/seki-sheet-footer.d.ts +11 -0
- package/dist/cdn/seki-sheet-footer.js +36 -0
- package/dist/cdn/seki-sheet-header.d.ts +11 -0
- package/dist/cdn/seki-sheet-header.js +36 -0
- package/dist/cdn/seki-sheet-title.d.ts +11 -0
- package/dist/cdn/seki-sheet-title.js +36 -0
- package/dist/cdn/seki-sheet-trigger.d.ts +11 -0
- package/dist/cdn/seki-sheet-trigger.js +40 -0
- package/dist/cdn/seki-sheet.d.ts +11 -0
- package/dist/cdn/seki-sheet.js +86 -0
- package/dist/cdn/seki-sidebar-content.js +5 -7
- package/dist/cdn/seki-sidebar-footer.js +21 -7
- package/dist/cdn/seki-sidebar-group-action.d.ts +11 -0
- package/dist/cdn/seki-sidebar-group-action.js +43 -0
- package/dist/cdn/seki-sidebar-group-content.d.ts +11 -0
- package/dist/cdn/seki-sidebar-group-content.js +36 -0
- package/dist/cdn/seki-sidebar-group-label.d.ts +11 -0
- package/dist/cdn/seki-sidebar-group-label.js +6 -0
- package/dist/cdn/seki-sidebar-group.js +13 -100
- package/dist/cdn/seki-sidebar-header.js +21 -7
- package/dist/cdn/seki-sidebar-inset.d.ts +11 -0
- package/dist/cdn/seki-sidebar-inset.js +36 -0
- package/dist/cdn/seki-sidebar-menu-action.d.ts +11 -0
- package/dist/cdn/seki-sidebar-menu-action.js +42 -0
- package/dist/cdn/seki-sidebar-menu-badge.d.ts +11 -0
- package/dist/cdn/seki-sidebar-menu-badge.js +36 -0
- package/dist/cdn/seki-sidebar-menu-button.d.ts +11 -0
- package/dist/cdn/seki-sidebar-menu-button.js +109 -0
- package/dist/cdn/seki-sidebar-menu-item.js +6 -170
- package/dist/cdn/seki-sidebar-menu-skeleton.d.ts +11 -0
- package/dist/cdn/seki-sidebar-menu-skeleton.js +42 -0
- package/dist/cdn/seki-sidebar-menu-sub-button.d.ts +11 -0
- package/dist/cdn/seki-sidebar-menu-sub-button.js +50 -0
- package/dist/cdn/seki-sidebar-menu-sub-item.d.ts +11 -0
- package/dist/cdn/seki-sidebar-menu-sub-item.js +36 -0
- package/dist/cdn/seki-sidebar-menu-sub.js +78 -82
- package/dist/cdn/seki-sidebar-menu.js +5 -7
- package/dist/cdn/seki-sidebar-provider.d.ts +11 -0
- package/dist/cdn/seki-sidebar-provider.js +189 -0
- package/dist/cdn/seki-sidebar-rail.d.ts +11 -0
- package/dist/cdn/seki-sidebar-rail.js +43 -0
- package/dist/cdn/seki-sidebar-separator.d.ts +11 -0
- package/dist/cdn/seki-sidebar-separator.js +36 -0
- package/dist/cdn/seki-sidebar-trigger.js +26 -67
- package/dist/cdn/seki-sidebar.js +40 -329
- package/dist/cdn/seki-skeleton.js +3 -3
- package/dist/cdn/seki-switch.js +1 -1
- package/dist/cdn/seki-tooltip.js +3 -3
- package/dist/cjs/{index-D4RM3EID.js → index-DzoHqiUq.js} +8 -385
- package/dist/cjs/index.cjs.js +141 -5
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/seki-badge.cjs.entry.js +1 -1
- package/dist/cjs/seki-breadcrumb-ellipsis.cjs.entry.js +17 -0
- package/dist/cjs/seki-breadcrumb-item.cjs.entry.js +17 -0
- package/dist/cjs/seki-breadcrumb-link.cjs.entry.js +17 -0
- package/dist/cjs/seki-breadcrumb-list.cjs.entry.js +17 -0
- package/dist/cjs/seki-breadcrumb-page.cjs.entry.js +17 -0
- package/dist/cjs/seki-breadcrumb-separator.cjs.entry.js +22 -0
- package/dist/cjs/seki-breadcrumb.cjs.entry.js +22 -0
- package/dist/cjs/seki-button.cjs.entry.js +3 -3
- package/dist/cjs/seki-card-action.cjs.entry.js +3 -3
- package/dist/cjs/seki-card-content.cjs.entry.js +3 -3
- package/dist/cjs/seki-card-description.cjs.entry.js +3 -3
- package/dist/cjs/seki-card-footer.cjs.entry.js +3 -3
- package/dist/cjs/seki-card-header.cjs.entry.js +3 -3
- package/dist/cjs/seki-card-title.cjs.entry.js +2 -2
- package/dist/cjs/seki-card.cjs.entry.js +3 -3
- package/dist/cjs/seki-field-description.cjs.entry.js +3 -3
- package/dist/cjs/seki-field-error.cjs.entry.js +3 -3
- package/dist/cjs/seki-field-group.cjs.entry.js +3 -3
- package/dist/cjs/seki-field-label.cjs.entry.js +3 -3
- package/dist/cjs/seki-field-legend.cjs.entry.js +3 -3
- package/dist/cjs/seki-field.cjs.entry.js +3 -3
- package/dist/cjs/seki-fieldset.cjs.entry.js +3 -3
- package/dist/cjs/seki-input.cjs.entry.js +3 -3
- package/dist/cjs/seki-pagination-content.cjs.entry.js +17 -0
- package/dist/cjs/seki-pagination-ellipsis.cjs.entry.js +17 -0
- package/dist/cjs/seki-pagination-item.cjs.entry.js +17 -0
- package/dist/cjs/seki-pagination-link.cjs.entry.js +30 -0
- package/dist/cjs/seki-pagination-next.cjs.entry.js +26 -0
- package/dist/cjs/seki-pagination-previous.cjs.entry.js +26 -0
- package/dist/cjs/seki-pagination.cjs.entry.js +17 -0
- package/dist/cjs/seki-select-content.cjs.entry.js +2 -2
- package/dist/cjs/seki-select-group.cjs.entry.js +3 -3
- package/dist/cjs/seki-select-option.cjs.entry.js +3 -3
- package/dist/cjs/seki-select-trigger.cjs.entry.js +2 -2
- package/dist/cjs/seki-select.cjs.entry.js +3 -3
- package/dist/cjs/seki-separator.cjs.entry.js +33 -0
- package/dist/cjs/seki-sheet-close.cjs.entry.js +21 -0
- package/dist/cjs/seki-sheet-content.cjs.entry.js +37 -0
- package/dist/cjs/seki-sheet-description.cjs.entry.js +17 -0
- package/dist/cjs/seki-sheet-footer.cjs.entry.js +17 -0
- package/dist/cjs/seki-sheet-header.cjs.entry.js +17 -0
- package/dist/cjs/seki-sheet-title.cjs.entry.js +17 -0
- package/dist/cjs/seki-sheet-trigger.cjs.entry.js +21 -0
- package/dist/cjs/seki-sheet.cjs.entry.js +62 -0
- package/dist/cjs/seki-sidebar-content.cjs.entry.js +3 -6
- package/dist/cjs/seki-sidebar-footer.cjs.entry.js +17 -6
- package/dist/cjs/seki-sidebar-group-action.cjs.entry.js +21 -0
- package/dist/cjs/seki-sidebar-group-content.cjs.entry.js +17 -0
- package/dist/cjs/seki-sidebar-group-label.cjs.entry.js +17 -0
- package/dist/cjs/seki-sidebar-group.cjs.entry.js +3 -91
- package/dist/cjs/seki-sidebar-header.cjs.entry.js +17 -6
- package/dist/cjs/seki-sidebar-inset.cjs.entry.js +17 -0
- package/dist/cjs/seki-sidebar-menu-action.cjs.entry.js +21 -0
- package/dist/cjs/seki-sidebar-menu-badge.cjs.entry.js +17 -0
- package/dist/cjs/seki-sidebar-menu-button.cjs.entry.js +81 -0
- package/dist/cjs/seki-sidebar-menu-item.cjs.entry.js +4 -161
- package/dist/cjs/seki-sidebar-menu-skeleton.cjs.entry.js +21 -0
- package/dist/cjs/seki-sidebar-menu-sub-button.cjs.entry.js +28 -0
- package/dist/cjs/seki-sidebar-menu-sub-item.cjs.entry.js +17 -0
- package/dist/cjs/seki-sidebar-menu-sub.cjs.entry.js +70 -76
- package/dist/cjs/seki-sidebar-menu.cjs.entry.js +3 -6
- package/dist/cjs/seki-sidebar-provider.cjs.entry.js +153 -0
- package/dist/cjs/seki-sidebar-rail.cjs.entry.js +24 -0
- package/dist/cjs/seki-sidebar-separator.cjs.entry.js +17 -0
- package/dist/cjs/seki-sidebar-trigger.cjs.entry.js +22 -63
- package/dist/cjs/seki-sidebar.cjs.entry.js +35 -312
- package/dist/cjs/seki-skeleton.cjs.entry.js +3 -3
- package/dist/cjs/seki-switch.cjs.entry.js +3 -3
- package/dist/cjs/seki-tooltip.cjs.entry.js +3 -3
- package/dist/cjs/sekiui.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +36 -0
- package/dist/collection/components/breadcrumb/seki-breadcrumb-ellipsis.js +23 -0
- package/dist/collection/components/breadcrumb/seki-breadcrumb-item.js +23 -0
- package/dist/collection/components/breadcrumb/seki-breadcrumb-link.js +65 -0
- package/dist/collection/components/breadcrumb/seki-breadcrumb-list.js +23 -0
- package/dist/collection/components/breadcrumb/seki-breadcrumb-page.js +23 -0
- package/dist/collection/components/breadcrumb/seki-breadcrumb-separator.js +28 -0
- package/dist/collection/components/breadcrumb/seki-breadcrumb.css +125 -0
- package/dist/collection/components/breadcrumb/seki-breadcrumb.js +69 -0
- package/dist/collection/components/button/seki-button.css +74 -0
- package/dist/collection/components/button/seki-button.js +1 -1
- package/dist/collection/components/card/seki-card-action.js +1 -1
- package/dist/collection/components/card/seki-card-content.js +1 -1
- package/dist/collection/components/card/seki-card-description.js +1 -1
- package/dist/collection/components/card/seki-card-footer.js +1 -1
- package/dist/collection/components/card/seki-card-header.js +1 -1
- package/dist/collection/components/card/seki-card.css +74 -0
- package/dist/collection/components/card/seki-card.js +1 -1
- package/dist/collection/components/field/seki-field.css +74 -0
- package/dist/collection/components/field/seki-field.js +1 -1
- package/dist/collection/components/field-description/seki-field-description.css +74 -0
- package/dist/collection/components/field-description/seki-field-description.js +1 -1
- package/dist/collection/components/field-error/seki-field-error.css +74 -0
- package/dist/collection/components/field-error/seki-field-error.js +1 -1
- package/dist/collection/components/field-group/seki-field-group.css +74 -0
- package/dist/collection/components/field-group/seki-field-group.js +1 -1
- package/dist/collection/components/field-label/seki-field-label.css +74 -0
- package/dist/collection/components/field-label/seki-field-label.js +1 -1
- package/dist/collection/components/field-legend/seki-field-legend.css +74 -0
- package/dist/collection/components/field-legend/seki-field-legend.js +1 -1
- package/dist/collection/components/fieldset/seki-fieldset.css +74 -0
- package/dist/collection/components/fieldset/seki-fieldset.js +1 -1
- package/dist/collection/components/input/seki-input.css +74 -0
- package/dist/collection/components/input/seki-input.js +1 -1
- package/dist/collection/components/pagination/seki-pagination-content.js +23 -0
- package/dist/collection/components/pagination/seki-pagination-ellipsis.js +23 -0
- package/dist/collection/components/pagination/seki-pagination-item.js +23 -0
- package/dist/collection/components/pagination/seki-pagination-link.js +101 -0
- package/dist/collection/components/pagination/seki-pagination-next.js +77 -0
- package/dist/collection/components/pagination/seki-pagination-previous.js +77 -0
- package/dist/collection/components/pagination/seki-pagination.css +151 -0
- package/dist/collection/components/pagination/seki-pagination.js +37 -0
- package/dist/collection/components/select/seki-select.css +74 -0
- package/dist/collection/components/select/seki-select.js +1 -1
- package/dist/collection/components/select-content/seki-select-content.css +74 -0
- package/dist/collection/components/select-group/seki-select-group.css +74 -0
- package/dist/collection/components/select-group/seki-select-group.js +1 -1
- package/dist/collection/components/select-option/seki-select-option.css +74 -0
- package/dist/collection/components/select-option/seki-select-option.js +1 -1
- package/dist/collection/components/select-trigger/seki-select-trigger.css +74 -0
- package/dist/collection/components/separator/seki-separator.css +48 -0
- package/dist/collection/components/separator/seki-separator.interface.js +1 -0
- package/dist/collection/components/separator/seki-separator.js +100 -0
- package/dist/collection/components/sheet/seki-sheet-close.js +46 -0
- package/dist/collection/components/sheet/seki-sheet-content.js +95 -0
- package/dist/collection/components/sheet/seki-sheet-description.js +23 -0
- package/dist/collection/components/sheet/seki-sheet-footer.js +23 -0
- package/dist/collection/components/sheet/seki-sheet-header.js +23 -0
- package/dist/collection/components/sheet/seki-sheet-title.js +23 -0
- package/dist/collection/components/sheet/seki-sheet-trigger.js +46 -0
- package/dist/collection/components/sheet/seki-sheet.css +244 -0
- package/dist/collection/components/sheet/seki-sheet.js +195 -0
- package/dist/collection/components/sidebar/seki-sidebar-content.css +470 -54
- package/dist/collection/components/sidebar/seki-sidebar-content.js +3 -18
- package/dist/collection/components/sidebar/seki-sidebar-footer.css +475 -30
- package/dist/collection/components/sidebar/seki-sidebar-footer.js +32 -15
- package/dist/collection/components/sidebar/seki-sidebar-group-action.css +509 -0
- package/dist/collection/components/sidebar/seki-sidebar-group-action.js +67 -0
- package/dist/collection/components/sidebar/seki-sidebar-group-content.js +18 -0
- package/dist/collection/components/sidebar/seki-sidebar-group-label.js +18 -0
- package/dist/collection/components/sidebar/seki-sidebar-group.css +455 -120
- package/dist/collection/components/sidebar/seki-sidebar-group.js +9 -268
- package/dist/collection/components/sidebar/seki-sidebar-header.css +474 -30
- package/dist/collection/components/sidebar/seki-sidebar-header.js +32 -16
- package/dist/collection/components/sidebar/seki-sidebar-inset.js +18 -0
- package/dist/collection/components/sidebar/seki-sidebar-menu-action.js +48 -0
- package/dist/collection/components/sidebar/seki-sidebar-menu-badge.js +18 -0
- package/dist/collection/components/sidebar/seki-sidebar-menu-button.js +240 -0
- package/dist/collection/components/sidebar/seki-sidebar-menu-item.js +5 -390
- package/dist/collection/components/sidebar/seki-sidebar-menu-skeleton.js +48 -0
- package/dist/collection/components/sidebar/seki-sidebar-menu-sub-button.js +75 -0
- package/dist/collection/components/sidebar/seki-sidebar-menu-sub-item.js +18 -0
- package/dist/collection/components/sidebar/seki-sidebar-menu-sub.css +520 -290
- package/dist/collection/components/sidebar/seki-sidebar-menu-sub.js +85 -194
- package/dist/collection/components/sidebar/seki-sidebar-menu.css +720 -9
- package/dist/collection/components/sidebar/seki-sidebar-menu.js +3 -17
- package/dist/collection/components/sidebar/seki-sidebar-provider.css +514 -0
- package/dist/collection/components/sidebar/seki-sidebar-provider.js +399 -0
- package/dist/collection/components/sidebar/seki-sidebar-rail.css +530 -0
- package/dist/collection/components/sidebar/seki-sidebar-rail.js +27 -0
- package/dist/collection/components/sidebar/seki-sidebar-separator.js +18 -0
- package/dist/collection/components/sidebar/seki-sidebar-trigger.css +492 -41
- package/dist/collection/components/sidebar/seki-sidebar-trigger.js +34 -122
- package/dist/collection/components/sidebar/seki-sidebar.css +554 -276
- package/dist/collection/components/sidebar/seki-sidebar.js +57 -721
- package/dist/collection/components/skeleton/seki-skeleton.css +74 -0
- package/dist/collection/components/skeleton/seki-skeleton.js +1 -1
- package/dist/collection/components/switch/seki-switch.css +74 -0
- package/dist/collection/components/switch/seki-switch.js +1 -1
- package/dist/collection/components/tooltip/seki-tooltip.css +74 -0
- package/dist/collection/components/tooltip/seki-tooltip.js +1 -1
- package/dist/components/index.js +140 -4
- package/dist/{cdn/p-Cpa2leXN.js → components/p-BwXR4cDh.js} +3 -3
- package/dist/components/p-COLDALVZ.js +33 -0
- package/dist/{cdn/p-DxUZSKfL.js → components/p-D2lrrniN.js} +9 -386
- package/dist/components/seki-badge.js +1 -1
- package/dist/components/seki-breadcrumb-ellipsis.d.ts +11 -0
- package/dist/components/seki-breadcrumb-ellipsis.js +36 -0
- package/dist/components/seki-breadcrumb-item.d.ts +11 -0
- package/dist/components/seki-breadcrumb-item.js +36 -0
- package/dist/components/seki-breadcrumb-link.d.ts +11 -0
- package/dist/components/seki-breadcrumb-link.js +39 -0
- package/dist/components/seki-breadcrumb-list.d.ts +11 -0
- package/dist/components/seki-breadcrumb-list.js +36 -0
- package/dist/components/seki-breadcrumb-page.d.ts +11 -0
- package/dist/components/seki-breadcrumb-page.js +36 -0
- package/dist/components/seki-breadcrumb-separator.d.ts +11 -0
- package/dist/components/seki-breadcrumb-separator.js +41 -0
- package/dist/components/seki-breadcrumb.d.ts +11 -0
- package/dist/components/seki-breadcrumb.js +43 -0
- package/dist/components/seki-button.js +3 -3
- package/dist/components/seki-card-action.js +3 -3
- package/dist/components/seki-card-content.js +3 -3
- package/dist/components/seki-card-description.js +3 -3
- package/dist/components/seki-card-footer.js +3 -3
- package/dist/components/seki-card-header.js +3 -3
- package/dist/components/seki-card-title.js +2 -2
- package/dist/components/seki-card.js +3 -3
- package/dist/components/seki-field-description.js +3 -3
- package/dist/components/seki-field-error.js +3 -3
- package/dist/components/seki-field-group.js +3 -3
- package/dist/components/seki-field-label.js +3 -3
- package/dist/components/seki-field-legend.js +3 -3
- package/dist/components/seki-field.js +3 -3
- package/dist/components/seki-fieldset.js +3 -3
- package/dist/components/seki-input.js +3 -3
- package/dist/components/seki-pagination-content.d.ts +11 -0
- package/dist/components/seki-pagination-content.js +36 -0
- package/dist/components/seki-pagination-ellipsis.d.ts +11 -0
- package/dist/components/seki-pagination-ellipsis.js +36 -0
- package/dist/components/seki-pagination-item.d.ts +11 -0
- package/dist/components/seki-pagination-item.js +36 -0
- package/dist/components/seki-pagination-link.d.ts +11 -0
- package/dist/components/seki-pagination-link.js +53 -0
- package/dist/components/seki-pagination-next.d.ts +11 -0
- package/dist/components/seki-pagination-next.js +48 -0
- package/dist/components/seki-pagination-previous.d.ts +11 -0
- package/dist/components/seki-pagination-previous.js +48 -0
- package/dist/components/seki-pagination.d.ts +11 -0
- package/dist/components/seki-pagination.js +36 -0
- package/dist/components/seki-select-content.js +2 -2
- package/dist/components/seki-select-group.js +3 -3
- package/dist/components/seki-select-option.js +3 -3
- package/dist/components/seki-select-trigger.js +2 -2
- package/dist/components/seki-select.js +3 -3
- package/dist/components/seki-separator.d.ts +11 -0
- package/dist/components/seki-separator.js +55 -0
- package/dist/components/seki-sheet-close.d.ts +11 -0
- package/dist/components/seki-sheet-close.js +40 -0
- package/dist/components/seki-sheet-content.d.ts +11 -0
- package/dist/components/seki-sheet-content.js +58 -0
- package/dist/components/seki-sheet-description.d.ts +11 -0
- package/dist/components/seki-sheet-description.js +36 -0
- package/dist/components/seki-sheet-footer.d.ts +11 -0
- package/dist/components/seki-sheet-footer.js +36 -0
- package/dist/components/seki-sheet-header.d.ts +11 -0
- package/dist/components/seki-sheet-header.js +36 -0
- package/dist/components/seki-sheet-title.d.ts +11 -0
- package/dist/components/seki-sheet-title.js +36 -0
- package/dist/components/seki-sheet-trigger.d.ts +11 -0
- package/dist/components/seki-sheet-trigger.js +40 -0
- package/dist/components/seki-sheet.d.ts +11 -0
- package/dist/components/seki-sheet.js +86 -0
- package/dist/components/seki-sidebar-content.js +5 -7
- package/dist/components/seki-sidebar-footer.js +21 -7
- package/dist/components/seki-sidebar-group-action.d.ts +11 -0
- package/dist/components/seki-sidebar-group-action.js +43 -0
- package/dist/components/seki-sidebar-group-content.d.ts +11 -0
- package/dist/components/seki-sidebar-group-content.js +36 -0
- package/dist/components/seki-sidebar-group-label.d.ts +11 -0
- package/dist/components/seki-sidebar-group-label.js +6 -0
- package/dist/components/seki-sidebar-group.js +13 -100
- package/dist/components/seki-sidebar-header.js +21 -7
- package/dist/components/seki-sidebar-inset.d.ts +11 -0
- package/dist/components/seki-sidebar-inset.js +36 -0
- package/dist/components/seki-sidebar-menu-action.d.ts +11 -0
- package/dist/components/seki-sidebar-menu-action.js +42 -0
- package/dist/components/seki-sidebar-menu-badge.d.ts +11 -0
- package/dist/components/seki-sidebar-menu-badge.js +36 -0
- package/dist/components/seki-sidebar-menu-button.d.ts +11 -0
- package/dist/components/seki-sidebar-menu-button.js +109 -0
- package/dist/components/seki-sidebar-menu-item.js +6 -170
- package/dist/components/seki-sidebar-menu-skeleton.d.ts +11 -0
- package/dist/components/seki-sidebar-menu-skeleton.js +42 -0
- package/dist/components/seki-sidebar-menu-sub-button.d.ts +11 -0
- package/dist/components/seki-sidebar-menu-sub-button.js +50 -0
- package/dist/components/seki-sidebar-menu-sub-item.d.ts +11 -0
- package/dist/components/seki-sidebar-menu-sub-item.js +36 -0
- package/dist/components/seki-sidebar-menu-sub.js +78 -82
- package/dist/components/seki-sidebar-menu.js +5 -7
- package/dist/components/seki-sidebar-provider.d.ts +11 -0
- package/dist/components/seki-sidebar-provider.js +189 -0
- package/dist/components/seki-sidebar-rail.d.ts +11 -0
- package/dist/components/seki-sidebar-rail.js +43 -0
- package/dist/components/seki-sidebar-separator.d.ts +11 -0
- package/dist/components/seki-sidebar-separator.js +36 -0
- package/dist/components/seki-sidebar-trigger.js +26 -67
- package/dist/components/seki-sidebar.js +40 -329
- package/dist/components/seki-skeleton.js +3 -3
- package/dist/components/seki-switch.js +1 -1
- package/dist/components/seki-tooltip.js +3 -3
- package/dist/esm/{index-DI_YjzRi.js → index-BGmDiTq4.js} +8 -385
- package/dist/esm/index.js +139 -3
- package/dist/esm/loader.js +3 -3
- package/dist/esm/seki-badge.entry.js +1 -1
- package/dist/esm/seki-breadcrumb-ellipsis.entry.js +15 -0
- package/dist/esm/seki-breadcrumb-item.entry.js +15 -0
- package/dist/esm/seki-breadcrumb-link.entry.js +15 -0
- package/dist/esm/seki-breadcrumb-list.entry.js +15 -0
- package/dist/esm/seki-breadcrumb-page.entry.js +15 -0
- package/dist/esm/seki-breadcrumb-separator.entry.js +20 -0
- package/dist/esm/seki-breadcrumb.entry.js +20 -0
- package/dist/esm/seki-button.entry.js +3 -3
- package/dist/esm/seki-card-action.entry.js +3 -3
- package/dist/esm/seki-card-content.entry.js +3 -3
- package/dist/esm/seki-card-description.entry.js +3 -3
- package/dist/esm/seki-card-footer.entry.js +3 -3
- package/dist/esm/seki-card-header.entry.js +3 -3
- package/dist/esm/seki-card-title.entry.js +2 -2
- package/dist/esm/seki-card.entry.js +3 -3
- package/dist/esm/seki-field-description.entry.js +3 -3
- package/dist/esm/seki-field-error.entry.js +3 -3
- package/dist/esm/seki-field-group.entry.js +3 -3
- package/dist/esm/seki-field-label.entry.js +3 -3
- package/dist/esm/seki-field-legend.entry.js +3 -3
- package/dist/esm/seki-field.entry.js +3 -3
- package/dist/esm/seki-fieldset.entry.js +3 -3
- package/dist/esm/seki-input.entry.js +3 -3
- package/dist/esm/seki-pagination-content.entry.js +15 -0
- package/dist/esm/seki-pagination-ellipsis.entry.js +15 -0
- package/dist/esm/seki-pagination-item.entry.js +15 -0
- package/dist/esm/seki-pagination-link.entry.js +28 -0
- package/dist/esm/seki-pagination-next.entry.js +24 -0
- package/dist/esm/seki-pagination-previous.entry.js +24 -0
- package/dist/esm/seki-pagination.entry.js +15 -0
- package/dist/esm/seki-select-content.entry.js +2 -2
- package/dist/esm/seki-select-group.entry.js +3 -3
- package/dist/esm/seki-select-option.entry.js +3 -3
- package/dist/esm/seki-select-trigger.entry.js +2 -2
- package/dist/esm/seki-select.entry.js +3 -3
- package/dist/esm/seki-separator.entry.js +31 -0
- package/dist/esm/seki-sheet-close.entry.js +19 -0
- package/dist/esm/seki-sheet-content.entry.js +35 -0
- package/dist/esm/seki-sheet-description.entry.js +15 -0
- package/dist/esm/seki-sheet-footer.entry.js +15 -0
- package/dist/esm/seki-sheet-header.entry.js +15 -0
- package/dist/esm/seki-sheet-title.entry.js +15 -0
- package/dist/esm/seki-sheet-trigger.entry.js +19 -0
- package/dist/esm/seki-sheet.entry.js +60 -0
- package/dist/esm/seki-sidebar-content.entry.js +3 -6
- package/dist/esm/seki-sidebar-footer.entry.js +17 -6
- package/dist/esm/seki-sidebar-group-action.entry.js +19 -0
- package/dist/esm/seki-sidebar-group-content.entry.js +15 -0
- package/dist/esm/seki-sidebar-group-label.entry.js +15 -0
- package/dist/esm/seki-sidebar-group.entry.js +3 -91
- package/dist/esm/seki-sidebar-header.entry.js +17 -6
- package/dist/esm/seki-sidebar-inset.entry.js +15 -0
- package/dist/esm/seki-sidebar-menu-action.entry.js +19 -0
- package/dist/esm/seki-sidebar-menu-badge.entry.js +15 -0
- package/dist/esm/seki-sidebar-menu-button.entry.js +79 -0
- package/dist/esm/seki-sidebar-menu-item.entry.js +4 -161
- package/dist/esm/seki-sidebar-menu-skeleton.entry.js +19 -0
- package/dist/esm/seki-sidebar-menu-sub-button.entry.js +26 -0
- package/dist/{sekiui/p-6f5bf5af.entry.js → esm/seki-sidebar-menu-sub-item.entry.js} +15 -1
- package/dist/esm/seki-sidebar-menu-sub.entry.js +70 -76
- package/dist/esm/seki-sidebar-menu.entry.js +3 -6
- package/dist/esm/seki-sidebar-provider.entry.js +151 -0
- package/dist/esm/seki-sidebar-rail.entry.js +22 -0
- package/dist/esm/seki-sidebar-separator.entry.js +15 -0
- package/dist/esm/seki-sidebar-trigger.entry.js +22 -63
- package/dist/esm/seki-sidebar.entry.js +35 -312
- package/dist/esm/seki-skeleton.entry.js +3 -3
- package/dist/esm/seki-switch.entry.js +3 -3
- package/dist/esm/seki-tooltip.entry.js +3 -3
- package/dist/esm/sekiui.js +3 -3
- package/dist/sekiui/index.esm.js +1 -1
- package/dist/sekiui/{p-b7f2b568.entry.js → p-04352a21.entry.js} +1 -1
- package/dist/sekiui/p-05d32c2b.entry.js +1 -0
- package/dist/sekiui/p-07c068ab.entry.js +1 -0
- package/dist/sekiui/p-0a2eeae8.entry.js +1 -0
- package/dist/sekiui/p-10964d26.entry.js +1 -0
- package/dist/sekiui/p-11986f7b.entry.js +1 -0
- package/dist/sekiui/{p-40ba3ad6.entry.js → p-11fb8623.entry.js} +1 -1
- package/dist/sekiui/{p-4867d02d.entry.js → p-18f4b5ac.entry.js} +1 -1
- package/dist/sekiui/p-1bab20f5.entry.js +1 -0
- package/dist/sekiui/p-1d130353.entry.js +1 -0
- package/dist/sekiui/{p-68b1fa1a.entry.js → p-243d94e7.entry.js} +1 -1
- package/dist/sekiui/p-246f7350.entry.js +1 -0
- package/dist/sekiui/p-24c190b3.entry.js +1 -0
- package/dist/sekiui/{p-6a922121.entry.js → p-25d33102.entry.js} +1 -1
- package/dist/sekiui/p-28d88915.entry.js +1 -0
- package/dist/sekiui/p-33d00106.entry.js +1 -0
- package/dist/sekiui/p-3faad89c.entry.js +1 -0
- package/dist/sekiui/p-443bc85e.entry.js +1 -0
- package/dist/sekiui/p-4e0d1d81.entry.js +1 -0
- package/dist/sekiui/p-50802600.entry.js +1 -0
- package/dist/sekiui/{p-f863f36b.entry.js → p-581ada61.entry.js} +1 -1
- package/dist/sekiui/p-5a06dd77.entry.js +1 -0
- package/dist/sekiui/p-610ee94a.entry.js +1 -0
- package/dist/sekiui/p-638802c3.entry.js +1 -0
- package/dist/sekiui/{p-b64e7007.entry.js → p-64586664.entry.js} +1 -1
- package/dist/sekiui/{p-c74bd925.entry.js → p-69abaa3d.entry.js} +1 -1
- package/dist/sekiui/p-6cbd155d.entry.js +1 -0
- package/dist/sekiui/{p-f1ffc3fa.entry.js → p-7605bbc2.entry.js} +1 -1
- package/dist/sekiui/p-791aa8d4.entry.js +1 -0
- package/dist/sekiui/p-7b1e1352.entry.js +1 -0
- package/dist/sekiui/p-83a7d43a.entry.js +1 -0
- package/dist/sekiui/{p-587fd313.entry.js → p-885cd0b6.entry.js} +1 -1
- package/dist/sekiui/p-89caba18.entry.js +1 -0
- package/dist/sekiui/{p-84d47cab.entry.js → p-8c7b00ef.entry.js} +1 -1
- package/dist/sekiui/p-8fb5d3ee.entry.js +1 -0
- package/dist/sekiui/{p-cf552ff9.entry.js → p-962db19e.entry.js} +1 -1
- package/dist/sekiui/{p-58ab95eb.entry.js → p-96b0b777.entry.js} +1 -1
- package/dist/sekiui/p-997def36.entry.js +1 -0
- package/dist/sekiui/p-BGmDiTq4.js +2 -0
- package/dist/sekiui/{p-d194caf1.entry.js → p-a72e57e7.entry.js} +1 -1
- package/dist/sekiui/p-a9c3a1eb.entry.js +1 -0
- package/dist/sekiui/{p-402a5db6.entry.js → p-ac1d1faa.entry.js} +1 -1
- package/dist/sekiui/p-ac32edd9.entry.js +1 -0
- package/dist/sekiui/{p-e6d5f56e.entry.js → p-b0fa7367.entry.js} +1 -1
- package/dist/sekiui/{p-dfa2f8cd.entry.js → p-b2886975.entry.js} +1 -1
- package/dist/sekiui/{p-1685e673.entry.js → p-b4aae4b5.entry.js} +1 -1
- package/dist/sekiui/{p-27deb555.entry.js → p-bdf13ed4.entry.js} +1 -1
- package/dist/sekiui/p-c42e6264.entry.js +1 -0
- package/dist/sekiui/p-c5cc3f3e.entry.js +1 -0
- package/dist/sekiui/{p-c642ab55.entry.js → p-c91f9078.entry.js} +1 -1
- package/dist/sekiui/{p-1480b41a.entry.js → p-cec52ed7.entry.js} +1 -1
- package/dist/sekiui/p-cf84e1fe.entry.js +1 -0
- package/dist/sekiui/p-d12b6412.entry.js +1 -0
- package/dist/sekiui/{p-ab9d1ba5.entry.js → p-d7a568dc.entry.js} +1 -1
- package/dist/sekiui/p-dd4eb7a1.entry.js +1 -0
- package/dist/sekiui/p-ddb1d6bb.entry.js +1 -0
- package/dist/sekiui/p-e14fd923.entry.js +1 -0
- package/dist/sekiui/p-e15ad7b9.entry.js +1 -0
- package/dist/sekiui/{p-ce1bbe04.entry.js → p-e3945122.entry.js} +1 -1
- package/dist/sekiui/p-e4d3d274.entry.js +1 -0
- package/dist/sekiui/p-e825d1ef.entry.js +1 -0
- package/dist/sekiui/{p-161be4d4.entry.js → p-e91724f5.entry.js} +1 -1
- package/dist/sekiui/p-edddd260.entry.js +1 -0
- package/dist/sekiui/p-ee507a57.entry.js +1 -0
- package/dist/sekiui/p-ee85d935.entry.js +1 -0
- package/dist/sekiui/p-f015db9f.entry.js +1 -0
- package/dist/sekiui/p-f10ca04d.entry.js +1 -0
- package/dist/sekiui/p-f5f61b67.entry.js +1 -0
- package/dist/sekiui/p-f78f3bd1.entry.js +1 -0
- package/dist/sekiui/p-fc221992.entry.js +1 -0
- package/dist/sekiui/p-fe18f971.entry.js +1 -0
- package/dist/sekiui/sekiui.css +1 -1
- package/dist/sekiui/sekiui.esm.js +1 -1
- package/dist/types/components/breadcrumb/seki-breadcrumb-ellipsis.d.ts +8 -0
- package/dist/types/components/breadcrumb/seki-breadcrumb-item.d.ts +8 -0
- package/dist/types/components/breadcrumb/seki-breadcrumb-link.d.ts +16 -0
- package/dist/types/components/breadcrumb/seki-breadcrumb-list.d.ts +8 -0
- package/dist/types/components/breadcrumb/seki-breadcrumb-page.d.ts +8 -0
- package/dist/types/components/breadcrumb/seki-breadcrumb-separator.d.ts +10 -0
- package/dist/types/components/breadcrumb/seki-breadcrumb.d.ts +25 -0
- package/dist/types/components/pagination/seki-pagination-content.d.ts +8 -0
- package/dist/types/components/pagination/seki-pagination-ellipsis.d.ts +8 -0
- package/dist/types/components/pagination/seki-pagination-item.d.ts +8 -0
- package/dist/types/components/pagination/seki-pagination-link.d.ts +20 -0
- package/dist/types/components/pagination/seki-pagination-next.d.ts +16 -0
- package/dist/types/components/pagination/seki-pagination-previous.d.ts +16 -0
- package/dist/types/components/pagination/seki-pagination.d.ts +22 -0
- package/dist/types/components/separator/seki-separator.d.ts +23 -0
- package/dist/types/components/separator/seki-separator.interface.d.ts +9 -0
- package/dist/types/components/sheet/seki-sheet-close.d.ts +14 -0
- package/dist/types/components/sheet/seki-sheet-content.d.ts +22 -0
- package/dist/types/components/sheet/seki-sheet-description.d.ts +8 -0
- package/dist/types/components/sheet/seki-sheet-footer.d.ts +8 -0
- package/dist/types/components/sheet/seki-sheet-header.d.ts +8 -0
- package/dist/types/components/sheet/seki-sheet-title.d.ts +8 -0
- package/dist/types/components/sheet/seki-sheet-trigger.d.ts +14 -0
- package/dist/types/components/sheet/seki-sheet.d.ts +49 -0
- package/dist/types/components/sidebar/seki-sidebar-content.d.ts +0 -15
- package/dist/types/components/sidebar/seki-sidebar-footer.d.ts +5 -13
- package/dist/types/components/sidebar/seki-sidebar-group-action.d.ts +11 -0
- package/dist/types/components/sidebar/seki-sidebar-group-content.d.ts +3 -0
- package/dist/types/components/sidebar/seki-sidebar-group-label.d.ts +3 -0
- package/dist/types/components/sidebar/seki-sidebar-group.d.ts +2 -76
- package/dist/types/components/sidebar/seki-sidebar-header.d.ts +5 -14
- package/dist/types/components/sidebar/seki-sidebar-inset.d.ts +3 -0
- package/dist/types/components/sidebar/seki-sidebar-menu-action.d.ts +7 -0
- package/dist/types/components/sidebar/seki-sidebar-menu-badge.d.ts +3 -0
- package/dist/types/components/sidebar/seki-sidebar-menu-button.d.ts +37 -0
- package/dist/types/components/sidebar/seki-sidebar-menu-item.d.ts +0 -101
- package/dist/types/components/sidebar/seki-sidebar-menu-skeleton.d.ts +7 -0
- package/dist/types/components/sidebar/seki-sidebar-menu-sub-button.d.ts +11 -0
- package/dist/types/components/sidebar/seki-sidebar-menu-sub-item.d.ts +3 -0
- package/dist/types/components/sidebar/seki-sidebar-menu-sub.d.ts +12 -71
- package/dist/types/components/sidebar/seki-sidebar-menu.d.ts +0 -14
- package/dist/types/components/sidebar/seki-sidebar-provider.d.ts +59 -0
- package/dist/types/components/sidebar/seki-sidebar-rail.d.ts +5 -0
- package/dist/types/components/sidebar/seki-sidebar-separator.d.ts +3 -0
- package/dist/types/components/sidebar/seki-sidebar-trigger.d.ts +9 -46
- package/dist/types/components/sidebar/seki-sidebar.d.ts +13 -174
- package/dist/types/components.d.ts +1353 -260
- package/package.json +1 -1
- package/dist/cdn/p-BJCq8m2o.js +0 -138
- package/dist/cjs/keyboard-Cjl5HYES.js +0 -142
- package/dist/collection/components/sidebar/seki-sidebar-menu-item.css +0 -196
- package/dist/collection/components/sidebar/types.js +0 -18
- package/dist/components/p-BJCq8m2o.js +0 -138
- package/dist/esm/keyboard-BJCq8m2o.js +0 -138
- package/dist/sekiui/p-0af1b81a.entry.js +0 -1
- package/dist/sekiui/p-0ca6b9f0.entry.js +0 -1
- package/dist/sekiui/p-26b629bc.entry.js +0 -1
- package/dist/sekiui/p-37fa684c.entry.js +0 -1
- package/dist/sekiui/p-4b29dbda.entry.js +0 -1
- package/dist/sekiui/p-60ff3543.entry.js +0 -1
- package/dist/sekiui/p-9dcd07b2.entry.js +0 -1
- package/dist/sekiui/p-BJCq8m2o.js +0 -1
- package/dist/sekiui/p-DI_YjzRi.js +0 -2
- package/dist/sekiui/p-b525d85a.entry.js +0 -1
- package/dist/sekiui/p-c83d94c4.entry.js +0 -1
- package/dist/types/components/sidebar/types.d.ts +0 -245
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index-BGmDiTq4.js';
|
|
2
|
+
|
|
3
|
+
const sekiPaginationCss = ":host{--seki-pagination-text-color:var(--color-text-primary, hsl(220 9% 20%));--seki-pagination-text-muted:var(--color-text-secondary, hsl(220 9% 46%));--seki-pagination-bg:transparent;--seki-pagination-bg-hover:var(--color-surface-secondary, hsl(220 13% 95%));--seki-pagination-bg-active:var(--color-primary, hsl(220 90% 56%));--seki-pagination-text-active:var(--color-white, #ffffff);--seki-pagination-border:var(--color-border, hsl(220 13% 91%));--seki-pagination-border-radius:var(--radius-md, 6px);--seki-pagination-font-size:var(--seki-font-size-sm, 14px);--seki-pagination-font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);--seki-pagination-gap:0.25rem;--seki-pagination-size:2.25rem;display:block}:host([data-theme='dark']){--seki-pagination-text-color:var(--color-text-primary-dark, hsl(215 20% 85%));--seki-pagination-text-muted:var(--color-text-secondary-dark, hsl(215 20% 65%));--seki-pagination-bg-hover:var(--color-surface-secondary-dark, hsl(215 20% 20%));--seki-pagination-bg-active:var(--color-primary-dark, hsl(220 90% 65%));--seki-pagination-border:var(--color-border-dark, hsl(215 20% 25%))}.seki-pagination{display:flex;justify-content:center;font-family:var(--seki-pagination-font-family);font-size:var(--seki-pagination-font-size)}.seki-pagination-content{display:flex;flex-wrap:wrap;align-items:center;gap:var(--seki-pagination-gap);list-style:none;margin:0;padding:0}.seki-pagination-item{display:inline-flex}.seki-pagination-link{display:inline-flex;align-items:center;justify-content:center;min-width:var(--seki-pagination-size);height:var(--seki-pagination-size);padding:0 0.5rem;border-radius:var(--seki-pagination-border-radius);border:1px solid var(--seki-pagination-border);background:var(--seki-pagination-bg);color:var(--seki-pagination-text-color);text-decoration:none;cursor:pointer;transition:background-color 0.15s ease, border-color 0.15s ease;gap:0.25rem}.seki-pagination-link:hover:not(.seki-pagination-link--disabled):not(.seki-pagination-link--active){background:var(--seki-pagination-bg-hover)}.seki-pagination-link:focus-visible{outline:2px solid var(--seki-pagination-bg-active);outline-offset:2px}.seki-pagination-link--active{background:var(--seki-pagination-bg-active);color:var(--seki-pagination-text-active);border-color:var(--seki-pagination-bg-active);pointer-events:none}.seki-pagination-link--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.seki-pagination-nav{gap:0.25rem;padding:0 0.75rem}.seki-pagination-nav svg{width:1rem;height:1rem;flex-shrink:0}.seki-pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:var(--seki-pagination-size);height:var(--seki-pagination-size);color:var(--seki-pagination-text-muted)}.seki-pagination-ellipsis svg{width:1rem;height:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}@media (prefers-contrast: more){.seki-pagination-link{border-width:2px}.seki-pagination-link:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.seki-pagination-link{transition:none}}";
|
|
4
|
+
|
|
5
|
+
const SekiPaginationPrevious = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
/**
|
|
9
|
+
* Disables the button
|
|
10
|
+
*/
|
|
11
|
+
this.disabled = false;
|
|
12
|
+
}
|
|
13
|
+
render() {
|
|
14
|
+
const Tag = this.href && !this.disabled ? 'a' : 'span';
|
|
15
|
+
return (h(Tag, { key: 'c991ad92f24d7d3e73a43ef61fceebf25b81fd47', href: this.href && !this.disabled ? this.href : undefined, "aria-label": "Go to previous page", "aria-disabled": this.disabled ? 'true' : undefined, class: {
|
|
16
|
+
'seki-pagination-link': true,
|
|
17
|
+
'seki-pagination-nav': true,
|
|
18
|
+
'seki-pagination-link--disabled': !!this.disabled,
|
|
19
|
+
}, part: "previous" }, h("svg", { key: 'b8e7a14dc509fa36d822d1b89e0b3d38236a0d3d', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: '409461f830158e4709ac035fd9e5cec7e1737977', d: "m15 18-6-6 6-6" })), h("span", { key: '8dd16240ef899ce6ef65b68dc0414560544c2133' }, "Previous")));
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
SekiPaginationPrevious.style = sekiPaginationCss;
|
|
23
|
+
|
|
24
|
+
export { SekiPaginationPrevious as seki_pagination_previous };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index-BGmDiTq4.js';
|
|
2
|
+
|
|
3
|
+
const sekiPaginationCss = ":host{--seki-pagination-text-color:var(--color-text-primary, hsl(220 9% 20%));--seki-pagination-text-muted:var(--color-text-secondary, hsl(220 9% 46%));--seki-pagination-bg:transparent;--seki-pagination-bg-hover:var(--color-surface-secondary, hsl(220 13% 95%));--seki-pagination-bg-active:var(--color-primary, hsl(220 90% 56%));--seki-pagination-text-active:var(--color-white, #ffffff);--seki-pagination-border:var(--color-border, hsl(220 13% 91%));--seki-pagination-border-radius:var(--radius-md, 6px);--seki-pagination-font-size:var(--seki-font-size-sm, 14px);--seki-pagination-font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);--seki-pagination-gap:0.25rem;--seki-pagination-size:2.25rem;display:block}:host([data-theme='dark']){--seki-pagination-text-color:var(--color-text-primary-dark, hsl(215 20% 85%));--seki-pagination-text-muted:var(--color-text-secondary-dark, hsl(215 20% 65%));--seki-pagination-bg-hover:var(--color-surface-secondary-dark, hsl(215 20% 20%));--seki-pagination-bg-active:var(--color-primary-dark, hsl(220 90% 65%));--seki-pagination-border:var(--color-border-dark, hsl(215 20% 25%))}.seki-pagination{display:flex;justify-content:center;font-family:var(--seki-pagination-font-family);font-size:var(--seki-pagination-font-size)}.seki-pagination-content{display:flex;flex-wrap:wrap;align-items:center;gap:var(--seki-pagination-gap);list-style:none;margin:0;padding:0}.seki-pagination-item{display:inline-flex}.seki-pagination-link{display:inline-flex;align-items:center;justify-content:center;min-width:var(--seki-pagination-size);height:var(--seki-pagination-size);padding:0 0.5rem;border-radius:var(--seki-pagination-border-radius);border:1px solid var(--seki-pagination-border);background:var(--seki-pagination-bg);color:var(--seki-pagination-text-color);text-decoration:none;cursor:pointer;transition:background-color 0.15s ease, border-color 0.15s ease;gap:0.25rem}.seki-pagination-link:hover:not(.seki-pagination-link--disabled):not(.seki-pagination-link--active){background:var(--seki-pagination-bg-hover)}.seki-pagination-link:focus-visible{outline:2px solid var(--seki-pagination-bg-active);outline-offset:2px}.seki-pagination-link--active{background:var(--seki-pagination-bg-active);color:var(--seki-pagination-text-active);border-color:var(--seki-pagination-bg-active);pointer-events:none}.seki-pagination-link--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.seki-pagination-nav{gap:0.25rem;padding:0 0.75rem}.seki-pagination-nav svg{width:1rem;height:1rem;flex-shrink:0}.seki-pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:var(--seki-pagination-size);height:var(--seki-pagination-size);color:var(--seki-pagination-text-muted)}.seki-pagination-ellipsis svg{width:1rem;height:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}@media (prefers-contrast: more){.seki-pagination-link{border-width:2px}.seki-pagination-link:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.seki-pagination-link{transition:none}}";
|
|
4
|
+
|
|
5
|
+
const SekiPagination = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
}
|
|
9
|
+
render() {
|
|
10
|
+
return (h("nav", { key: 'dca247b34f5eaeda5ef674f3816c62b7321de982', role: "navigation", "aria-label": "pagination", class: "seki-pagination", part: "pagination" }, h("slot", { key: '7d411145416f993b54e67124c5c17def58a257f3' })));
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
SekiPagination.style = sekiPaginationCss;
|
|
14
|
+
|
|
15
|
+
export { SekiPagination as seki_pagination };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, a as getElement } from './index-
|
|
1
|
+
import { r as registerInstance, h, H as Host, a as getElement } from './index-BGmDiTq4.js';
|
|
2
2
|
|
|
3
|
-
const sekiSelectContentCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.1%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:hsl(0, 0%, 9%, 0.9);--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:hsl(0, 0%, 96.1%, 0.8);--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{display:block;position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;min-width:100%}.content-container{background:var(--seki-select-content-bg);border:var(--seki-select-content-border);border-radius:var(--seki-select-content-radius);box-shadow:var(--seki-select-content-shadow);padding:var(--seki-select-content-padding, 0.5rem 0);width:100%}.content-scroll{overflow-y:auto;overflow-x:hidden}.content-scroll::-webkit-scrollbar{width:8px}.content-scroll::-webkit-scrollbar-track{background:transparent}.content-scroll::-webkit-scrollbar-thumb{background:var(--seki-color-border);border-radius:4px}.content-scroll::-webkit-scrollbar-thumb:hover{background:var(--seki-color-muted-foreground)}[data-theme=\"dark\"] .content-container{background:var(--seki-select-content-bg);border-color:var(--seki-color-border)}";
|
|
3
|
+
const sekiSelectContentCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.1%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:hsl(0, 0%, 9%, 0.9);--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:hsl(0, 0%, 96.1%, 0.8);--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:hsl(0, 0%, 98.5%);--seki-sidebar-foreground:hsl(0, 0%, 9%);--seki-sidebar-primary:hsl(0, 0%, 12%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 97%);--seki-sidebar-accent-foreground:hsl(0, 0%, 12%);--seki-sidebar-border:hsl(0, 0%, 90%);--seki-sidebar-ring:hsl(0, 0%, 64%);--seki-sidebar-menu-button-height:2rem;--seki-sidebar-menu-button-height-lg:3rem;--seki-sidebar-menu-button-padding:0.5rem;--seki-sidebar-menu-button-gap:0.5rem;--seki-sidebar-menu-button-radius:var(--seki-radius-md, 0.375rem);--seki-sidebar-menu-sub-padding-left:1.75rem;--seki-sidebar-menu-sub-border-width:1px;--seki-sidebar-group-padding:0.5rem;--seki-sidebar-group-label-height:2rem;--seki-sidebar-group-label-padding:0.5rem;--seki-sidebar-header-height:auto;--seki-sidebar-footer-height:auto;--seki-sidebar-header-padding:0.5rem;--seki-sidebar-footer-padding:0.5rem;--seki-sidebar-content-padding:0.5rem;--seki-sidebar-rail-width:1rem;--seki-sidebar-transition-duration:200ms;--seki-sidebar-transition-timing:ease-in-out;--seki-sidebar-mobile-breakpoint:768px;--seki-sidebar-overlay-bg:hsla(0, 0%, 0%, 0.8)}:host([data-theme='dark']){--seki-sidebar-background:hsl(0, 0%, 12%);--seki-sidebar-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-primary:hsl(264, 100%, 60%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 18%);--seki-sidebar-accent-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-border:hsla(0, 0%, 100%, 0.1);--seki-sidebar-ring:hsl(0, 0%, 40%)}:host{display:block;position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;min-width:100%}.content-container{background:var(--seki-select-content-bg);border:var(--seki-select-content-border);border-radius:var(--seki-select-content-radius);box-shadow:var(--seki-select-content-shadow);padding:var(--seki-select-content-padding, 0.5rem 0);width:100%}.content-scroll{overflow-y:auto;overflow-x:hidden}.content-scroll::-webkit-scrollbar{width:8px}.content-scroll::-webkit-scrollbar-track{background:transparent}.content-scroll::-webkit-scrollbar-thumb{background:var(--seki-color-border);border-radius:4px}.content-scroll::-webkit-scrollbar-thumb:hover{background:var(--seki-color-muted-foreground)}[data-theme=\"dark\"] .content-container{background:var(--seki-select-content-bg);border-color:var(--seki-color-border)}";
|
|
4
4
|
|
|
5
5
|
const SekiSelectContent = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-BGmDiTq4.js';
|
|
2
2
|
|
|
3
|
-
const sekiSelectGroupCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.1%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:hsl(0, 0%, 9%, 0.9);--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:hsl(0, 0%, 96.1%, 0.8);--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{display:block}.group{display:flex;flex-direction:column}.group-separator{height:0;border-top:var(--seki-select-group-separator);margin:var(--seki-spacing-2) 0}.group-label{padding:var(--seki-select-group-label-padding);font-family:var(--seki-font-sans);font-size:var(--seki-select-group-label-font-size, var(--seki-font-size-xs));font-weight:var(--seki-select-group-label-font-weight, var(--seki-font-semibold));line-height:var(--seki-leading-tight);color:var(--seki-select-group-label-color, var(--seki-muted-foreground));text-transform:uppercase;letter-spacing:0.05em;user-select:none;pointer-events:none}.group-options{display:flex;flex-direction:column}[data-theme=\"dark\"] .group-label{color:var(--seki-select-group-label-color)}[data-theme=\"dark\"] .group-separator{border-color:var(--seki-color-border)}";
|
|
3
|
+
const sekiSelectGroupCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.1%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:hsl(0, 0%, 9%, 0.9);--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:hsl(0, 0%, 96.1%, 0.8);--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:hsl(0, 0%, 98.5%);--seki-sidebar-foreground:hsl(0, 0%, 9%);--seki-sidebar-primary:hsl(0, 0%, 12%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 97%);--seki-sidebar-accent-foreground:hsl(0, 0%, 12%);--seki-sidebar-border:hsl(0, 0%, 90%);--seki-sidebar-ring:hsl(0, 0%, 64%);--seki-sidebar-menu-button-height:2rem;--seki-sidebar-menu-button-height-lg:3rem;--seki-sidebar-menu-button-padding:0.5rem;--seki-sidebar-menu-button-gap:0.5rem;--seki-sidebar-menu-button-radius:var(--seki-radius-md, 0.375rem);--seki-sidebar-menu-sub-padding-left:1.75rem;--seki-sidebar-menu-sub-border-width:1px;--seki-sidebar-group-padding:0.5rem;--seki-sidebar-group-label-height:2rem;--seki-sidebar-group-label-padding:0.5rem;--seki-sidebar-header-height:auto;--seki-sidebar-footer-height:auto;--seki-sidebar-header-padding:0.5rem;--seki-sidebar-footer-padding:0.5rem;--seki-sidebar-content-padding:0.5rem;--seki-sidebar-rail-width:1rem;--seki-sidebar-transition-duration:200ms;--seki-sidebar-transition-timing:ease-in-out;--seki-sidebar-mobile-breakpoint:768px;--seki-sidebar-overlay-bg:hsla(0, 0%, 0%, 0.8)}:host([data-theme='dark']){--seki-sidebar-background:hsl(0, 0%, 12%);--seki-sidebar-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-primary:hsl(264, 100%, 60%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 18%);--seki-sidebar-accent-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-border:hsla(0, 0%, 100%, 0.1);--seki-sidebar-ring:hsl(0, 0%, 40%)}:host{display:block}.group{display:flex;flex-direction:column}.group-separator{height:0;border-top:var(--seki-select-group-separator);margin:var(--seki-spacing-2) 0}.group-label{padding:var(--seki-select-group-label-padding);font-family:var(--seki-font-sans);font-size:var(--seki-select-group-label-font-size, var(--seki-font-size-xs));font-weight:var(--seki-select-group-label-font-weight, var(--seki-font-semibold));line-height:var(--seki-leading-tight);color:var(--seki-select-group-label-color, var(--seki-muted-foreground));text-transform:uppercase;letter-spacing:0.05em;user-select:none;pointer-events:none}.group-options{display:flex;flex-direction:column}[data-theme=\"dark\"] .group-label{color:var(--seki-select-group-label-color)}[data-theme=\"dark\"] .group-separator{border-color:var(--seki-color-border)}";
|
|
4
4
|
|
|
5
5
|
const SekiSelectGroup = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -11,7 +11,7 @@ const SekiSelectGroup = class {
|
|
|
11
11
|
// Render
|
|
12
12
|
// ===========================
|
|
13
13
|
render() {
|
|
14
|
-
return (h(Host, { key: '
|
|
14
|
+
return (h(Host, { key: 'a366e0cdcf720f0f1f4ee79daa0bed3ae4c12754' }, h("div", { key: '44f90562d6b6f4f620e4f9362bc8a917bbf13ac6', class: "group", role: "group", "aria-labelledby": this.groupLabelId }, h("div", { key: 'aad37ef4197ea7afb23a161ef3987a6ac19c4617', class: "group-separator", "aria-hidden": "true" }), h("div", { key: '49eecdfb4d951fbcbc7f97f59bc320a7ffb732c6', class: "group-label", id: this.groupLabelId, role: "presentation" }, h("slot", { key: '4c781dc892e57d4f78b5339d06cd26f654d6e058', name: "label" }, this.label)), h("div", { key: '06dd0c65eddbf3e53b9f2cad7189e58dd9c30b0c', class: "group-options" }, h("slot", { key: '2f249ea40e7fcbd35bb05ca8b7fec66cfc81f819' })))));
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
17
|
SekiSelectGroup.style = sekiSelectGroupCss;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BGmDiTq4.js';
|
|
2
2
|
|
|
3
|
-
const sekiSelectOptionCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.1%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:hsl(0, 0%, 9%, 0.9);--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:hsl(0, 0%, 96.1%, 0.8);--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{display:block}.option{display:flex;align-items:center;justify-content:space-between;gap:var(--seki-select-option-gap);padding:var(--seki-select-option-padding);border-radius:var(--seki-select-option-radius);cursor:pointer;transition:background-color 0.15s ease;user-select:none}.option:hover:not([data-disabled=\"true\"]){background:var(--seki-select-option-bg-hover)}.option[data-focused=\"true\"]:not([data-disabled=\"true\"]){background:var(--seki-select-option-bg-hover);outline:2px solid var(--seki-color-ring);outline-offset:-2px}.option[data-selected=\"true\"]{background:var(--seki-select-option-bg-selected)}.option[data-disabled=\"true\"]{cursor:not-allowed;opacity:0.5}.option-label{flex:1;color:var(--seki-color-foreground);font-family:var(--seki-font-sans);font-size:var(--seki-font-size-base);font-weight:var(--seki-font-normal);line-height:var(--seki-leading-normal)}.option-indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--seki-color-foreground)}[data-theme=\"dark\"] .option{color:var(--seki-color-foreground)}[data-theme=\"dark\"] .option:hover:not([data-disabled=\"true\"]){background:var(--seki-select-option-bg-hover)}[data-theme=\"dark\"] .option[data-selected=\"true\"]{background:var(--seki-select-option-bg-selected)}@media (prefers-reduced-motion: reduce){.option{transition:none}}";
|
|
3
|
+
const sekiSelectOptionCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.1%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:hsl(0, 0%, 9%, 0.9);--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:hsl(0, 0%, 96.1%, 0.8);--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:hsl(0, 0%, 98.5%);--seki-sidebar-foreground:hsl(0, 0%, 9%);--seki-sidebar-primary:hsl(0, 0%, 12%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 97%);--seki-sidebar-accent-foreground:hsl(0, 0%, 12%);--seki-sidebar-border:hsl(0, 0%, 90%);--seki-sidebar-ring:hsl(0, 0%, 64%);--seki-sidebar-menu-button-height:2rem;--seki-sidebar-menu-button-height-lg:3rem;--seki-sidebar-menu-button-padding:0.5rem;--seki-sidebar-menu-button-gap:0.5rem;--seki-sidebar-menu-button-radius:var(--seki-radius-md, 0.375rem);--seki-sidebar-menu-sub-padding-left:1.75rem;--seki-sidebar-menu-sub-border-width:1px;--seki-sidebar-group-padding:0.5rem;--seki-sidebar-group-label-height:2rem;--seki-sidebar-group-label-padding:0.5rem;--seki-sidebar-header-height:auto;--seki-sidebar-footer-height:auto;--seki-sidebar-header-padding:0.5rem;--seki-sidebar-footer-padding:0.5rem;--seki-sidebar-content-padding:0.5rem;--seki-sidebar-rail-width:1rem;--seki-sidebar-transition-duration:200ms;--seki-sidebar-transition-timing:ease-in-out;--seki-sidebar-mobile-breakpoint:768px;--seki-sidebar-overlay-bg:hsla(0, 0%, 0%, 0.8)}:host([data-theme='dark']){--seki-sidebar-background:hsl(0, 0%, 12%);--seki-sidebar-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-primary:hsl(264, 100%, 60%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 18%);--seki-sidebar-accent-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-border:hsla(0, 0%, 100%, 0.1);--seki-sidebar-ring:hsl(0, 0%, 40%)}:host{display:block}.option{display:flex;align-items:center;justify-content:space-between;gap:var(--seki-select-option-gap);padding:var(--seki-select-option-padding);border-radius:var(--seki-select-option-radius);cursor:pointer;transition:background-color 0.15s ease;user-select:none}.option:hover:not([data-disabled=\"true\"]){background:var(--seki-select-option-bg-hover)}.option[data-focused=\"true\"]:not([data-disabled=\"true\"]){background:var(--seki-select-option-bg-hover);outline:2px solid var(--seki-color-ring);outline-offset:-2px}.option[data-selected=\"true\"]{background:var(--seki-select-option-bg-selected)}.option[data-disabled=\"true\"]{cursor:not-allowed;opacity:0.5}.option-label{flex:1;color:var(--seki-color-foreground);font-family:var(--seki-font-sans);font-size:var(--seki-font-size-base);font-weight:var(--seki-font-normal);line-height:var(--seki-leading-normal)}.option-indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--seki-color-foreground)}[data-theme=\"dark\"] .option{color:var(--seki-color-foreground)}[data-theme=\"dark\"] .option:hover:not([data-disabled=\"true\"]){background:var(--seki-select-option-bg-hover)}[data-theme=\"dark\"] .option[data-selected=\"true\"]{background:var(--seki-select-option-bg-selected)}@media (prefers-reduced-motion: reduce){.option{transition:none}}";
|
|
4
4
|
|
|
5
5
|
const SekiSelectOption = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -77,7 +77,7 @@ const SekiSelectOption = class {
|
|
|
77
77
|
const selectContext = this.getSelectContext();
|
|
78
78
|
const isSelected = (selectContext === null || selectContext === void 0 ? void 0 : selectContext.isValueSelected(this.value)) || false;
|
|
79
79
|
const isFocused = (selectContext === null || selectContext === void 0 ? void 0 : selectContext.focusedOptionValue) === this.value;
|
|
80
|
-
return (h(Host, { key: '
|
|
80
|
+
return (h(Host, { key: '353cf2552f1b11fbb1dac56a52c1ec910e4dacb9' }, h("div", { key: 'bc36cd890f160965975b2210d0f0e5650c31a593', class: "option", role: "option", id: this.optionId, onClick: this.handleOptionClick, onFocus: this.handleOptionFocus, onKeyDown: this.handleOptionKeyDown, "aria-selected": isSelected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "data-selected": isSelected ? 'true' : undefined, "data-focused": isFocused ? 'true' : undefined, "data-disabled": this.disabled ? 'true' : undefined, tabindex: -1 }, h("span", { key: 'b22d553ac28276d1a7c62fbac329c63d1944a1a5', class: "option-label" }, h("slot", { key: '3db6becae65edac405f71f1b13e8687149868401' })), isSelected && (h("span", { key: '136a0a6e05eaea43335e6e9c2c87e4c6d9ac30ac', class: "option-indicator", "aria-hidden": "true" }, h("slot", { key: 'b3ae2593aec93153b53f701ae4014c62d2d211b4', name: "selected-indicator" }, h("svg", { key: '6b4a097f8d2d8910935d475c62a9264953180ac9', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b4740a35ddff78c005a15b02cfc380c462b4f332', d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
|
|
81
81
|
}
|
|
82
82
|
get el() { return getElement(this); }
|
|
83
83
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, a as getElement } from './index-
|
|
1
|
+
import { r as registerInstance, h, H as Host, a as getElement } from './index-BGmDiTq4.js';
|
|
2
2
|
|
|
3
|
-
const sekiSelectTriggerCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.1%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:hsl(0, 0%, 9%, 0.9);--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:hsl(0, 0%, 96.1%, 0.8);--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{display:block}.trigger-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--seki-select-trigger-min-height);padding:var(--seki-select-trigger-padding);gap:var(--seki-select-trigger-gap);font-family:var(--seki-font-sans);font-size:var(--seki-font-size-base);font-weight:var(--seki-font-normal);line-height:var(--seki-leading-normal);background:var(--seki-select-trigger-bg);border:var(--seki-select-trigger-border);border-radius:var(--seki-select-trigger-radius);cursor:pointer;transition:background-color 0.2s ease, border-color 0.2s ease}.trigger-button:hover:not(:disabled){background:var(--seki-select-trigger-bg-hover)}.trigger-button:focus-visible{outline:2px solid var(--seki-color-ring);outline-offset:2px;border-color:var(--seki-color-ring)}.trigger-button:disabled{cursor:not-allowed;opacity:0.5}.trigger-button[data-disabled=\"true\"]{cursor:not-allowed;opacity:0.5}.trigger-placeholder{color:var(--seki-color-muted-foreground)}.trigger-value{flex:1;text-align:left;color:var(--seki-color-foreground)}.trigger-pills{display:flex;flex-wrap:wrap;gap:0.375rem;flex:1}.trigger-pill{display:inline-flex;align-items:center;gap:0.25rem;padding:0.125rem 0.5rem;background:var(--seki-color-muted);border-radius:var(--seki-radius-sm);font-size:var(--seki-font-size-sm);font-weight:var(--seki-font-normal);line-height:var(--seki-leading-normal);color:var(--seki-color-foreground)}.pill-remove{all:unset;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:50%;cursor:pointer;color:var(--seki-color-muted-foreground);transition:background-color 0.15s ease, color 0.15s ease}.pill-remove:hover{background:var(--seki-color-muted-foreground);color:var(--seki-color-background)}.trigger-overflow{color:var(--seki-color-muted-foreground);font-size:var(--seki-font-size-sm);font-weight:var(--seki-font-normal);line-height:var(--seki-leading-normal)}.trigger-chevron{flex-shrink:0;color:var(--seki-color-muted-foreground);transition:transform 0.2s ease}.trigger-button[data-state=\"open\"] .trigger-chevron{transform:rotate(180deg)}[data-theme=\"dark\"] .trigger-button{background:var(--seki-select-trigger-bg);border-color:var(--seki-color-border)}@media (prefers-reduced-motion: reduce){.trigger-button,.trigger-chevron,.pill-remove{transition:none}}";
|
|
3
|
+
const sekiSelectTriggerCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.1%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:hsl(0, 0%, 9%, 0.9);--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:hsl(0, 0%, 96.1%, 0.8);--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:hsl(0, 0%, 98.5%);--seki-sidebar-foreground:hsl(0, 0%, 9%);--seki-sidebar-primary:hsl(0, 0%, 12%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 97%);--seki-sidebar-accent-foreground:hsl(0, 0%, 12%);--seki-sidebar-border:hsl(0, 0%, 90%);--seki-sidebar-ring:hsl(0, 0%, 64%);--seki-sidebar-menu-button-height:2rem;--seki-sidebar-menu-button-height-lg:3rem;--seki-sidebar-menu-button-padding:0.5rem;--seki-sidebar-menu-button-gap:0.5rem;--seki-sidebar-menu-button-radius:var(--seki-radius-md, 0.375rem);--seki-sidebar-menu-sub-padding-left:1.75rem;--seki-sidebar-menu-sub-border-width:1px;--seki-sidebar-group-padding:0.5rem;--seki-sidebar-group-label-height:2rem;--seki-sidebar-group-label-padding:0.5rem;--seki-sidebar-header-height:auto;--seki-sidebar-footer-height:auto;--seki-sidebar-header-padding:0.5rem;--seki-sidebar-footer-padding:0.5rem;--seki-sidebar-content-padding:0.5rem;--seki-sidebar-rail-width:1rem;--seki-sidebar-transition-duration:200ms;--seki-sidebar-transition-timing:ease-in-out;--seki-sidebar-mobile-breakpoint:768px;--seki-sidebar-overlay-bg:hsla(0, 0%, 0%, 0.8)}:host([data-theme='dark']){--seki-sidebar-background:hsl(0, 0%, 12%);--seki-sidebar-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-primary:hsl(264, 100%, 60%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 18%);--seki-sidebar-accent-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-border:hsla(0, 0%, 100%, 0.1);--seki-sidebar-ring:hsl(0, 0%, 40%)}:host{display:block}.trigger-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--seki-select-trigger-min-height);padding:var(--seki-select-trigger-padding);gap:var(--seki-select-trigger-gap);font-family:var(--seki-font-sans);font-size:var(--seki-font-size-base);font-weight:var(--seki-font-normal);line-height:var(--seki-leading-normal);background:var(--seki-select-trigger-bg);border:var(--seki-select-trigger-border);border-radius:var(--seki-select-trigger-radius);cursor:pointer;transition:background-color 0.2s ease, border-color 0.2s ease}.trigger-button:hover:not(:disabled){background:var(--seki-select-trigger-bg-hover)}.trigger-button:focus-visible{outline:2px solid var(--seki-color-ring);outline-offset:2px;border-color:var(--seki-color-ring)}.trigger-button:disabled{cursor:not-allowed;opacity:0.5}.trigger-button[data-disabled=\"true\"]{cursor:not-allowed;opacity:0.5}.trigger-placeholder{color:var(--seki-color-muted-foreground)}.trigger-value{flex:1;text-align:left;color:var(--seki-color-foreground)}.trigger-pills{display:flex;flex-wrap:wrap;gap:0.375rem;flex:1}.trigger-pill{display:inline-flex;align-items:center;gap:0.25rem;padding:0.125rem 0.5rem;background:var(--seki-color-muted);border-radius:var(--seki-radius-sm);font-size:var(--seki-font-size-sm);font-weight:var(--seki-font-normal);line-height:var(--seki-leading-normal);color:var(--seki-color-foreground)}.pill-remove{all:unset;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:50%;cursor:pointer;color:var(--seki-color-muted-foreground);transition:background-color 0.15s ease, color 0.15s ease}.pill-remove:hover{background:var(--seki-color-muted-foreground);color:var(--seki-color-background)}.trigger-overflow{color:var(--seki-color-muted-foreground);font-size:var(--seki-font-size-sm);font-weight:var(--seki-font-normal);line-height:var(--seki-leading-normal)}.trigger-chevron{flex-shrink:0;color:var(--seki-color-muted-foreground);transition:transform 0.2s ease}.trigger-button[data-state=\"open\"] .trigger-chevron{transform:rotate(180deg)}[data-theme=\"dark\"] .trigger-button{background:var(--seki-select-trigger-bg);border-color:var(--seki-color-border)}@media (prefers-reduced-motion: reduce){.trigger-button,.trigger-chevron,.pill-remove{transition:none}}";
|
|
4
4
|
|
|
5
5
|
const SekiSelectTrigger = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BGmDiTq4.js';
|
|
2
2
|
|
|
3
|
-
const sekiSelectCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.1%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:hsl(0, 0%, 9%, 0.9);--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:hsl(0, 0%, 96.1%, 0.8);--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{--seki-select-trigger-padding:var(--seki-spacing-2) var(--seki-spacing-3);--seki-select-trigger-gap:var(--seki-spacing-2);--seki-select-trigger-border:1px solid var(--seki-color-border);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-bg:var(--seki-color-background);--seki-select-trigger-bg-hover:var(--seki-color-muted);--seki-select-trigger-min-height:var(--seki-size-10);--seki-select-content-bg:var(--seki-color-background);--seki-select-content-border:1px solid var(--seki-color-border);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-shadow:var(--seki-shadow-lg);--seki-select-content-max-height:12.5rem;--seki-select-content-padding:var(--seki-spacing-1);--seki-select-option-padding:var(--seki-spacing-2) var(--seki-spacing-3);--seki-select-option-bg-hover:var(--seki-color-muted);--seki-select-option-bg-selected:var(--seki-color-accent);--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-gap:var(--seki-spacing-2);--seki-select-group-label-padding:var(--seki-spacing-2) var(--seki-spacing-3);--seki-select-group-label-font-size:var(--seki-font-size-sm);--seki-select-group-label-font-weight:var(--seki-font-weight-semibold);--seki-select-group-label-color:var(--seki-color-muted-foreground);--seki-select-group-separator:1px solid var(--seki-color-border);display:inline-block;position:relative;width:100%}.select-native{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}";
|
|
3
|
+
const sekiSelectCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.1%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:hsl(0, 0%, 9%, 0.9);--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:hsl(0, 0%, 96.1%, 0.8);--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:hsl(0, 0%, 98.5%);--seki-sidebar-foreground:hsl(0, 0%, 9%);--seki-sidebar-primary:hsl(0, 0%, 12%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 97%);--seki-sidebar-accent-foreground:hsl(0, 0%, 12%);--seki-sidebar-border:hsl(0, 0%, 90%);--seki-sidebar-ring:hsl(0, 0%, 64%);--seki-sidebar-menu-button-height:2rem;--seki-sidebar-menu-button-height-lg:3rem;--seki-sidebar-menu-button-padding:0.5rem;--seki-sidebar-menu-button-gap:0.5rem;--seki-sidebar-menu-button-radius:var(--seki-radius-md, 0.375rem);--seki-sidebar-menu-sub-padding-left:1.75rem;--seki-sidebar-menu-sub-border-width:1px;--seki-sidebar-group-padding:0.5rem;--seki-sidebar-group-label-height:2rem;--seki-sidebar-group-label-padding:0.5rem;--seki-sidebar-header-height:auto;--seki-sidebar-footer-height:auto;--seki-sidebar-header-padding:0.5rem;--seki-sidebar-footer-padding:0.5rem;--seki-sidebar-content-padding:0.5rem;--seki-sidebar-rail-width:1rem;--seki-sidebar-transition-duration:200ms;--seki-sidebar-transition-timing:ease-in-out;--seki-sidebar-mobile-breakpoint:768px;--seki-sidebar-overlay-bg:hsla(0, 0%, 0%, 0.8)}:host([data-theme='dark']){--seki-sidebar-background:hsl(0, 0%, 12%);--seki-sidebar-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-primary:hsl(264, 100%, 60%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 18%);--seki-sidebar-accent-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-border:hsla(0, 0%, 100%, 0.1);--seki-sidebar-ring:hsl(0, 0%, 40%)}:host{--seki-select-trigger-padding:var(--seki-spacing-2) var(--seki-spacing-3);--seki-select-trigger-gap:var(--seki-spacing-2);--seki-select-trigger-border:1px solid var(--seki-color-border);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-bg:var(--seki-color-background);--seki-select-trigger-bg-hover:var(--seki-color-muted);--seki-select-trigger-min-height:var(--seki-size-10);--seki-select-content-bg:var(--seki-color-background);--seki-select-content-border:1px solid var(--seki-color-border);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-shadow:var(--seki-shadow-lg);--seki-select-content-max-height:12.5rem;--seki-select-content-padding:var(--seki-spacing-1);--seki-select-option-padding:var(--seki-spacing-2) var(--seki-spacing-3);--seki-select-option-bg-hover:var(--seki-color-muted);--seki-select-option-bg-selected:var(--seki-color-accent);--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-gap:var(--seki-spacing-2);--seki-select-group-label-padding:var(--seki-spacing-2) var(--seki-spacing-3);--seki-select-group-label-font-size:var(--seki-font-size-sm);--seki-select-group-label-font-weight:var(--seki-font-weight-semibold);--seki-select-group-label-color:var(--seki-color-muted-foreground);--seki-select-group-separator:1px solid var(--seki-color-border);display:inline-block;position:relative;width:100%}.select-native{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}";
|
|
4
4
|
|
|
5
5
|
const SekiSelect = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -338,7 +338,7 @@ const SekiSelect = class {
|
|
|
338
338
|
// Render
|
|
339
339
|
// ===========================
|
|
340
340
|
render() {
|
|
341
|
-
return (h(Host, { key: '
|
|
341
|
+
return (h(Host, { key: 'e746f51ef991f2ca5806d8e35c2f3e5f7361af21' }, h("slot", { key: 'ef2a9d3988198cea2f1df16ff4986921a8a72d4c' }), this.name && this.renderHiddenNativeElement()));
|
|
342
342
|
}
|
|
343
343
|
renderHiddenNativeElement() {
|
|
344
344
|
if (this.multiple) {
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index-BGmDiTq4.js';
|
|
2
|
+
|
|
3
|
+
const sekiSeparatorCss = ":host{--seki-separator-color:var(--color-border, hsl(220 13% 91%));--seki-separator-thickness:1px;display:block}:host([orientation='vertical']){display:inline-block;height:100%}:host([data-theme='dark']){--seki-separator-color:var(--color-border-dark, hsl(215 20% 25%))}.seki-separator{background-color:var(--seki-separator-color);flex-shrink:0}.seki-separator--horizontal{width:100%;height:var(--seki-separator-thickness)}.seki-separator--vertical{width:var(--seki-separator-thickness);height:100%;min-height:1rem}@media (prefers-contrast: more){.seki-separator{--seki-separator-thickness:2px}}";
|
|
4
|
+
|
|
5
|
+
const SekiSeparator = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
/**
|
|
9
|
+
* Orientation of the separator
|
|
10
|
+
* @default 'horizontal'
|
|
11
|
+
*/
|
|
12
|
+
this.orientation = 'horizontal';
|
|
13
|
+
/**
|
|
14
|
+
* Whether the separator is purely decorative
|
|
15
|
+
* When true, removes the separator from accessibility tree
|
|
16
|
+
* @default false
|
|
17
|
+
*/
|
|
18
|
+
this.decorative = false;
|
|
19
|
+
}
|
|
20
|
+
render() {
|
|
21
|
+
const isVertical = this.orientation === 'vertical';
|
|
22
|
+
return (h("div", { key: 'bc2f267cb2c0598201eac86a9fe5db40833e2bfe', class: {
|
|
23
|
+
'seki-separator': true,
|
|
24
|
+
'seki-separator--horizontal': !isVertical,
|
|
25
|
+
'seki-separator--vertical': isVertical,
|
|
26
|
+
}, role: this.decorative ? 'none' : 'separator', "aria-orientation": this.decorative ? undefined : this.orientation, "data-orientation": this.orientation, part: "separator" }));
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
SekiSeparator.style = sekiSeparatorCss;
|
|
30
|
+
|
|
31
|
+
export { SekiSeparator as seki_separator };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { r as registerInstance, c as createEvent, h } from './index-BGmDiTq4.js';
|
|
2
|
+
|
|
3
|
+
const sekiSheetCss = ":host{--seki-sheet-bg:var(--color-background, #ffffff);--seki-sheet-border:var(--color-border, hsl(220 13% 91%));--seki-sheet-text:var(--color-text-primary, hsl(220 9% 20%));--seki-sheet-text-muted:var(--color-text-secondary, hsl(220 9% 46%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.5);--seki-sheet-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--seki-sheet-font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);--seki-sheet-width:24rem;--seki-sheet-height:24rem;--seki-sheet-z-index:50;--seki-sheet-animation-duration:0.3s;display:contents}:host([data-theme='dark']){--seki-sheet-bg:var(--color-background-dark, hsl(215 20% 10%));--seki-sheet-border:var(--color-border-dark, hsl(215 20% 25%));--seki-sheet-text:var(--color-text-primary-dark, hsl(215 20% 85%));--seki-sheet-text-muted:var(--color-text-secondary-dark, hsl(215 20% 65%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.7)}.seki-sheet{display:contents}.seki-sheet-overlay{position:fixed;inset:0;background:var(--seki-sheet-overlay-bg);z-index:var(--seki-sheet-z-index);animation:fadeIn var(--seki-sheet-animation-duration) ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.seki-sheet-trigger{display:inline-flex;cursor:pointer}.seki-sheet-content{position:fixed;z-index:calc(var(--seki-sheet-z-index) + 1);background:var(--seki-sheet-bg);box-shadow:var(--seki-sheet-shadow);font-family:var(--seki-sheet-font-family);display:flex;flex-direction:column;overflow:auto}.seki-sheet-content--right{top:0;right:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-left:1px solid var(--seki-sheet-border);animation:slideInRight var(--seki-sheet-animation-duration) ease}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}.seki-sheet-content--left{top:0;left:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-right:1px solid var(--seki-sheet-border);animation:slideInLeft var(--seki-sheet-animation-duration) ease}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}.seki-sheet-content--top{top:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-bottom:1px solid var(--seki-sheet-border);animation:slideInTop var(--seki-sheet-animation-duration) ease}@keyframes slideInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}.seki-sheet-content--bottom{bottom:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-top:1px solid var(--seki-sheet-border);animation:slideInBottom var(--seki-sheet-animation-duration) ease}@keyframes slideInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}.seki-sheet-close-button{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:4px;background:transparent;color:var(--seki-sheet-text-muted);cursor:pointer;opacity:0.7;transition:opacity 0.15s ease}.seki-sheet-close-button:hover{opacity:1}.seki-sheet-close-button:focus-visible{outline:2px solid var(--color-primary, hsl(220 90% 56%));outline-offset:2px}.seki-sheet-close-button svg{width:1rem;height:1rem}.seki-sheet-header{display:flex;flex-direction:column;gap:0.375rem;padding:1.5rem;padding-right:3rem;}.seki-sheet-title{margin:0;font-size:var(--seki-font-size-lg, 18px);font-weight:var(--seki-font-weight-semibold, 600);color:var(--seki-sheet-text);line-height:1.4}.seki-sheet-description{margin:0;font-size:var(--seki-font-size-sm, 14px);color:var(--seki-sheet-text-muted);line-height:1.5}.seki-sheet-footer{display:flex;flex-direction:column;gap:0.5rem;padding:1.5rem;margin-top:auto}@media (min-width: 640px){.seki-sheet-footer{flex-direction:row;justify-content:flex-end}}.seki-sheet-close{display:inline-flex;cursor:pointer}@media (prefers-reduced-motion: reduce){.seki-sheet-overlay,.seki-sheet-content--right,.seki-sheet-content--left,.seki-sheet-content--top,.seki-sheet-content--bottom,.seki-sheet-close-button{animation:none;transition:none}}";
|
|
4
|
+
|
|
5
|
+
const SekiSheetClose = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
this.closeSheet = createEvent(this, "closeSheet");
|
|
9
|
+
this.handleClick = () => {
|
|
10
|
+
this.closeSheet.emit();
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
render() {
|
|
14
|
+
return (h("div", { key: '311c0fb386bdfde2ea3b8185a0fdde3d9b2cde39', class: "seki-sheet-close", part: "close", onClick: this.handleClick }, h("slot", { key: 'd71178267459ab7c56ab7bb74a6a91caa24f5d7b' })));
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
SekiSheetClose.style = sekiSheetCss;
|
|
18
|
+
|
|
19
|
+
export { SekiSheetClose as seki_sheet_close };
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BGmDiTq4.js';
|
|
2
|
+
|
|
3
|
+
const sekiSheetCss = ":host{--seki-sheet-bg:var(--color-background, #ffffff);--seki-sheet-border:var(--color-border, hsl(220 13% 91%));--seki-sheet-text:var(--color-text-primary, hsl(220 9% 20%));--seki-sheet-text-muted:var(--color-text-secondary, hsl(220 9% 46%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.5);--seki-sheet-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--seki-sheet-font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);--seki-sheet-width:24rem;--seki-sheet-height:24rem;--seki-sheet-z-index:50;--seki-sheet-animation-duration:0.3s;display:contents}:host([data-theme='dark']){--seki-sheet-bg:var(--color-background-dark, hsl(215 20% 10%));--seki-sheet-border:var(--color-border-dark, hsl(215 20% 25%));--seki-sheet-text:var(--color-text-primary-dark, hsl(215 20% 85%));--seki-sheet-text-muted:var(--color-text-secondary-dark, hsl(215 20% 65%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.7)}.seki-sheet{display:contents}.seki-sheet-overlay{position:fixed;inset:0;background:var(--seki-sheet-overlay-bg);z-index:var(--seki-sheet-z-index);animation:fadeIn var(--seki-sheet-animation-duration) ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.seki-sheet-trigger{display:inline-flex;cursor:pointer}.seki-sheet-content{position:fixed;z-index:calc(var(--seki-sheet-z-index) + 1);background:var(--seki-sheet-bg);box-shadow:var(--seki-sheet-shadow);font-family:var(--seki-sheet-font-family);display:flex;flex-direction:column;overflow:auto}.seki-sheet-content--right{top:0;right:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-left:1px solid var(--seki-sheet-border);animation:slideInRight var(--seki-sheet-animation-duration) ease}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}.seki-sheet-content--left{top:0;left:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-right:1px solid var(--seki-sheet-border);animation:slideInLeft var(--seki-sheet-animation-duration) ease}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}.seki-sheet-content--top{top:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-bottom:1px solid var(--seki-sheet-border);animation:slideInTop var(--seki-sheet-animation-duration) ease}@keyframes slideInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}.seki-sheet-content--bottom{bottom:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-top:1px solid var(--seki-sheet-border);animation:slideInBottom var(--seki-sheet-animation-duration) ease}@keyframes slideInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}.seki-sheet-close-button{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:4px;background:transparent;color:var(--seki-sheet-text-muted);cursor:pointer;opacity:0.7;transition:opacity 0.15s ease}.seki-sheet-close-button:hover{opacity:1}.seki-sheet-close-button:focus-visible{outline:2px solid var(--color-primary, hsl(220 90% 56%));outline-offset:2px}.seki-sheet-close-button svg{width:1rem;height:1rem}.seki-sheet-header{display:flex;flex-direction:column;gap:0.375rem;padding:1.5rem;padding-right:3rem;}.seki-sheet-title{margin:0;font-size:var(--seki-font-size-lg, 18px);font-weight:var(--seki-font-weight-semibold, 600);color:var(--seki-sheet-text);line-height:1.4}.seki-sheet-description{margin:0;font-size:var(--seki-font-size-sm, 14px);color:var(--seki-sheet-text-muted);line-height:1.5}.seki-sheet-footer{display:flex;flex-direction:column;gap:0.5rem;padding:1.5rem;margin-top:auto}@media (min-width: 640px){.seki-sheet-footer{flex-direction:row;justify-content:flex-end}}.seki-sheet-close{display:inline-flex;cursor:pointer}@media (prefers-reduced-motion: reduce){.seki-sheet-overlay,.seki-sheet-content--right,.seki-sheet-content--left,.seki-sheet-content--top,.seki-sheet-content--bottom,.seki-sheet-close-button{animation:none;transition:none}}";
|
|
4
|
+
|
|
5
|
+
const SekiSheetContent = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
this.closeSheet = createEvent(this, "closeSheet");
|
|
9
|
+
/**
|
|
10
|
+
* Side of the screen the sheet slides in from
|
|
11
|
+
* @default 'right'
|
|
12
|
+
*/
|
|
13
|
+
this.side = 'right';
|
|
14
|
+
this.handleCloseClick = () => {
|
|
15
|
+
this.closeSheet.emit();
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
componentWillLoad() {
|
|
19
|
+
// Propagate side attribute to parent for CSS targeting
|
|
20
|
+
const parent = this.el.closest('seki-sheet');
|
|
21
|
+
if (parent) {
|
|
22
|
+
parent.setAttribute('data-side', this.side || 'right');
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
render() {
|
|
26
|
+
return (h(Host, { key: 'a7a3186c487b85174956265b8f96248d894f18ce', "data-side": this.side }, h("div", { key: 'f58649f7229bfa4db98bdd970a7c324c9210b0f7', role: "dialog", "aria-modal": "true", class: {
|
|
27
|
+
'seki-sheet-content': true,
|
|
28
|
+
[`seki-sheet-content--${this.side}`]: true,
|
|
29
|
+
}, part: "content" }, h("button", { key: '8f3c0fd77e7014f83ca06d10db20a4fff19430ec', type: "button", class: "seki-sheet-close-button", "aria-label": "Close", onClick: this.handleCloseClick }, h("svg", { key: '9ab19f10d29fdea43eacfbfd5cdc0454448c31d6', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true" }, h("path", { key: 'e110195ab15d38c431cf9dfcbef96abf08b89c58', d: "M18 6 6 18" }), h("path", { key: '1ed8568241d7d7c628131f23d751d12af50eec8b', d: "m6 6 12 12" }))), h("slot", { key: 'f18d2a5a87d5d2653ce92766bc34c4506b88d4f4' }))));
|
|
30
|
+
}
|
|
31
|
+
get el() { return getElement(this); }
|
|
32
|
+
};
|
|
33
|
+
SekiSheetContent.style = sekiSheetCss;
|
|
34
|
+
|
|
35
|
+
export { SekiSheetContent as seki_sheet_content };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index-BGmDiTq4.js';
|
|
2
|
+
|
|
3
|
+
const sekiSheetCss = ":host{--seki-sheet-bg:var(--color-background, #ffffff);--seki-sheet-border:var(--color-border, hsl(220 13% 91%));--seki-sheet-text:var(--color-text-primary, hsl(220 9% 20%));--seki-sheet-text-muted:var(--color-text-secondary, hsl(220 9% 46%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.5);--seki-sheet-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--seki-sheet-font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);--seki-sheet-width:24rem;--seki-sheet-height:24rem;--seki-sheet-z-index:50;--seki-sheet-animation-duration:0.3s;display:contents}:host([data-theme='dark']){--seki-sheet-bg:var(--color-background-dark, hsl(215 20% 10%));--seki-sheet-border:var(--color-border-dark, hsl(215 20% 25%));--seki-sheet-text:var(--color-text-primary-dark, hsl(215 20% 85%));--seki-sheet-text-muted:var(--color-text-secondary-dark, hsl(215 20% 65%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.7)}.seki-sheet{display:contents}.seki-sheet-overlay{position:fixed;inset:0;background:var(--seki-sheet-overlay-bg);z-index:var(--seki-sheet-z-index);animation:fadeIn var(--seki-sheet-animation-duration) ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.seki-sheet-trigger{display:inline-flex;cursor:pointer}.seki-sheet-content{position:fixed;z-index:calc(var(--seki-sheet-z-index) + 1);background:var(--seki-sheet-bg);box-shadow:var(--seki-sheet-shadow);font-family:var(--seki-sheet-font-family);display:flex;flex-direction:column;overflow:auto}.seki-sheet-content--right{top:0;right:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-left:1px solid var(--seki-sheet-border);animation:slideInRight var(--seki-sheet-animation-duration) ease}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}.seki-sheet-content--left{top:0;left:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-right:1px solid var(--seki-sheet-border);animation:slideInLeft var(--seki-sheet-animation-duration) ease}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}.seki-sheet-content--top{top:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-bottom:1px solid var(--seki-sheet-border);animation:slideInTop var(--seki-sheet-animation-duration) ease}@keyframes slideInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}.seki-sheet-content--bottom{bottom:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-top:1px solid var(--seki-sheet-border);animation:slideInBottom var(--seki-sheet-animation-duration) ease}@keyframes slideInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}.seki-sheet-close-button{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:4px;background:transparent;color:var(--seki-sheet-text-muted);cursor:pointer;opacity:0.7;transition:opacity 0.15s ease}.seki-sheet-close-button:hover{opacity:1}.seki-sheet-close-button:focus-visible{outline:2px solid var(--color-primary, hsl(220 90% 56%));outline-offset:2px}.seki-sheet-close-button svg{width:1rem;height:1rem}.seki-sheet-header{display:flex;flex-direction:column;gap:0.375rem;padding:1.5rem;padding-right:3rem;}.seki-sheet-title{margin:0;font-size:var(--seki-font-size-lg, 18px);font-weight:var(--seki-font-weight-semibold, 600);color:var(--seki-sheet-text);line-height:1.4}.seki-sheet-description{margin:0;font-size:var(--seki-font-size-sm, 14px);color:var(--seki-sheet-text-muted);line-height:1.5}.seki-sheet-footer{display:flex;flex-direction:column;gap:0.5rem;padding:1.5rem;margin-top:auto}@media (min-width: 640px){.seki-sheet-footer{flex-direction:row;justify-content:flex-end}}.seki-sheet-close{display:inline-flex;cursor:pointer}@media (prefers-reduced-motion: reduce){.seki-sheet-overlay,.seki-sheet-content--right,.seki-sheet-content--left,.seki-sheet-content--top,.seki-sheet-content--bottom,.seki-sheet-close-button{animation:none;transition:none}}";
|
|
4
|
+
|
|
5
|
+
const SekiSheetDescription = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
}
|
|
9
|
+
render() {
|
|
10
|
+
return (h("p", { key: '578cf7969904ced76a2e60eb760c1a8cb9287e04', class: "seki-sheet-description", part: "description" }, h("slot", { key: 'a7b0ffe385d21dcb4da9ee3a5173747f384399ef' })));
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
SekiSheetDescription.style = sekiSheetCss;
|
|
14
|
+
|
|
15
|
+
export { SekiSheetDescription as seki_sheet_description };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index-BGmDiTq4.js';
|
|
2
|
+
|
|
3
|
+
const sekiSheetCss = ":host{--seki-sheet-bg:var(--color-background, #ffffff);--seki-sheet-border:var(--color-border, hsl(220 13% 91%));--seki-sheet-text:var(--color-text-primary, hsl(220 9% 20%));--seki-sheet-text-muted:var(--color-text-secondary, hsl(220 9% 46%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.5);--seki-sheet-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--seki-sheet-font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);--seki-sheet-width:24rem;--seki-sheet-height:24rem;--seki-sheet-z-index:50;--seki-sheet-animation-duration:0.3s;display:contents}:host([data-theme='dark']){--seki-sheet-bg:var(--color-background-dark, hsl(215 20% 10%));--seki-sheet-border:var(--color-border-dark, hsl(215 20% 25%));--seki-sheet-text:var(--color-text-primary-dark, hsl(215 20% 85%));--seki-sheet-text-muted:var(--color-text-secondary-dark, hsl(215 20% 65%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.7)}.seki-sheet{display:contents}.seki-sheet-overlay{position:fixed;inset:0;background:var(--seki-sheet-overlay-bg);z-index:var(--seki-sheet-z-index);animation:fadeIn var(--seki-sheet-animation-duration) ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.seki-sheet-trigger{display:inline-flex;cursor:pointer}.seki-sheet-content{position:fixed;z-index:calc(var(--seki-sheet-z-index) + 1);background:var(--seki-sheet-bg);box-shadow:var(--seki-sheet-shadow);font-family:var(--seki-sheet-font-family);display:flex;flex-direction:column;overflow:auto}.seki-sheet-content--right{top:0;right:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-left:1px solid var(--seki-sheet-border);animation:slideInRight var(--seki-sheet-animation-duration) ease}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}.seki-sheet-content--left{top:0;left:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-right:1px solid var(--seki-sheet-border);animation:slideInLeft var(--seki-sheet-animation-duration) ease}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}.seki-sheet-content--top{top:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-bottom:1px solid var(--seki-sheet-border);animation:slideInTop var(--seki-sheet-animation-duration) ease}@keyframes slideInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}.seki-sheet-content--bottom{bottom:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-top:1px solid var(--seki-sheet-border);animation:slideInBottom var(--seki-sheet-animation-duration) ease}@keyframes slideInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}.seki-sheet-close-button{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:4px;background:transparent;color:var(--seki-sheet-text-muted);cursor:pointer;opacity:0.7;transition:opacity 0.15s ease}.seki-sheet-close-button:hover{opacity:1}.seki-sheet-close-button:focus-visible{outline:2px solid var(--color-primary, hsl(220 90% 56%));outline-offset:2px}.seki-sheet-close-button svg{width:1rem;height:1rem}.seki-sheet-header{display:flex;flex-direction:column;gap:0.375rem;padding:1.5rem;padding-right:3rem;}.seki-sheet-title{margin:0;font-size:var(--seki-font-size-lg, 18px);font-weight:var(--seki-font-weight-semibold, 600);color:var(--seki-sheet-text);line-height:1.4}.seki-sheet-description{margin:0;font-size:var(--seki-font-size-sm, 14px);color:var(--seki-sheet-text-muted);line-height:1.5}.seki-sheet-footer{display:flex;flex-direction:column;gap:0.5rem;padding:1.5rem;margin-top:auto}@media (min-width: 640px){.seki-sheet-footer{flex-direction:row;justify-content:flex-end}}.seki-sheet-close{display:inline-flex;cursor:pointer}@media (prefers-reduced-motion: reduce){.seki-sheet-overlay,.seki-sheet-content--right,.seki-sheet-content--left,.seki-sheet-content--top,.seki-sheet-content--bottom,.seki-sheet-close-button{animation:none;transition:none}}";
|
|
4
|
+
|
|
5
|
+
const SekiSheetFooter = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
}
|
|
9
|
+
render() {
|
|
10
|
+
return (h("div", { key: '94a068d8899bc7b4b0bbc6e8841a590f3018b773', class: "seki-sheet-footer", part: "footer" }, h("slot", { key: '984efb4ac8d84b0d455249dc3ae314eca2f0f0e2' })));
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
SekiSheetFooter.style = sekiSheetCss;
|
|
14
|
+
|
|
15
|
+
export { SekiSheetFooter as seki_sheet_footer };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index-BGmDiTq4.js';
|
|
2
|
+
|
|
3
|
+
const sekiSheetCss = ":host{--seki-sheet-bg:var(--color-background, #ffffff);--seki-sheet-border:var(--color-border, hsl(220 13% 91%));--seki-sheet-text:var(--color-text-primary, hsl(220 9% 20%));--seki-sheet-text-muted:var(--color-text-secondary, hsl(220 9% 46%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.5);--seki-sheet-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--seki-sheet-font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);--seki-sheet-width:24rem;--seki-sheet-height:24rem;--seki-sheet-z-index:50;--seki-sheet-animation-duration:0.3s;display:contents}:host([data-theme='dark']){--seki-sheet-bg:var(--color-background-dark, hsl(215 20% 10%));--seki-sheet-border:var(--color-border-dark, hsl(215 20% 25%));--seki-sheet-text:var(--color-text-primary-dark, hsl(215 20% 85%));--seki-sheet-text-muted:var(--color-text-secondary-dark, hsl(215 20% 65%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.7)}.seki-sheet{display:contents}.seki-sheet-overlay{position:fixed;inset:0;background:var(--seki-sheet-overlay-bg);z-index:var(--seki-sheet-z-index);animation:fadeIn var(--seki-sheet-animation-duration) ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.seki-sheet-trigger{display:inline-flex;cursor:pointer}.seki-sheet-content{position:fixed;z-index:calc(var(--seki-sheet-z-index) + 1);background:var(--seki-sheet-bg);box-shadow:var(--seki-sheet-shadow);font-family:var(--seki-sheet-font-family);display:flex;flex-direction:column;overflow:auto}.seki-sheet-content--right{top:0;right:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-left:1px solid var(--seki-sheet-border);animation:slideInRight var(--seki-sheet-animation-duration) ease}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}.seki-sheet-content--left{top:0;left:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-right:1px solid var(--seki-sheet-border);animation:slideInLeft var(--seki-sheet-animation-duration) ease}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}.seki-sheet-content--top{top:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-bottom:1px solid var(--seki-sheet-border);animation:slideInTop var(--seki-sheet-animation-duration) ease}@keyframes slideInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}.seki-sheet-content--bottom{bottom:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-top:1px solid var(--seki-sheet-border);animation:slideInBottom var(--seki-sheet-animation-duration) ease}@keyframes slideInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}.seki-sheet-close-button{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:4px;background:transparent;color:var(--seki-sheet-text-muted);cursor:pointer;opacity:0.7;transition:opacity 0.15s ease}.seki-sheet-close-button:hover{opacity:1}.seki-sheet-close-button:focus-visible{outline:2px solid var(--color-primary, hsl(220 90% 56%));outline-offset:2px}.seki-sheet-close-button svg{width:1rem;height:1rem}.seki-sheet-header{display:flex;flex-direction:column;gap:0.375rem;padding:1.5rem;padding-right:3rem;}.seki-sheet-title{margin:0;font-size:var(--seki-font-size-lg, 18px);font-weight:var(--seki-font-weight-semibold, 600);color:var(--seki-sheet-text);line-height:1.4}.seki-sheet-description{margin:0;font-size:var(--seki-font-size-sm, 14px);color:var(--seki-sheet-text-muted);line-height:1.5}.seki-sheet-footer{display:flex;flex-direction:column;gap:0.5rem;padding:1.5rem;margin-top:auto}@media (min-width: 640px){.seki-sheet-footer{flex-direction:row;justify-content:flex-end}}.seki-sheet-close{display:inline-flex;cursor:pointer}@media (prefers-reduced-motion: reduce){.seki-sheet-overlay,.seki-sheet-content--right,.seki-sheet-content--left,.seki-sheet-content--top,.seki-sheet-content--bottom,.seki-sheet-close-button{animation:none;transition:none}}";
|
|
4
|
+
|
|
5
|
+
const SekiSheetHeader = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
}
|
|
9
|
+
render() {
|
|
10
|
+
return (h("div", { key: 'c77e5e07910a2cecf7fc8bb45dca0561eb3ce56d', class: "seki-sheet-header", part: "header" }, h("slot", { key: 'fa82acc36ad1ba04ce9a11664fb3b36dbeb61f07' })));
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
SekiSheetHeader.style = sekiSheetCss;
|
|
14
|
+
|
|
15
|
+
export { SekiSheetHeader as seki_sheet_header };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index-BGmDiTq4.js';
|
|
2
|
+
|
|
3
|
+
const sekiSheetCss = ":host{--seki-sheet-bg:var(--color-background, #ffffff);--seki-sheet-border:var(--color-border, hsl(220 13% 91%));--seki-sheet-text:var(--color-text-primary, hsl(220 9% 20%));--seki-sheet-text-muted:var(--color-text-secondary, hsl(220 9% 46%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.5);--seki-sheet-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--seki-sheet-font-family:var(--seki-font-sans, system-ui, -apple-system, sans-serif);--seki-sheet-width:24rem;--seki-sheet-height:24rem;--seki-sheet-z-index:50;--seki-sheet-animation-duration:0.3s;display:contents}:host([data-theme='dark']){--seki-sheet-bg:var(--color-background-dark, hsl(215 20% 10%));--seki-sheet-border:var(--color-border-dark, hsl(215 20% 25%));--seki-sheet-text:var(--color-text-primary-dark, hsl(215 20% 85%));--seki-sheet-text-muted:var(--color-text-secondary-dark, hsl(215 20% 65%));--seki-sheet-overlay-bg:rgba(0, 0, 0, 0.7)}.seki-sheet{display:contents}.seki-sheet-overlay{position:fixed;inset:0;background:var(--seki-sheet-overlay-bg);z-index:var(--seki-sheet-z-index);animation:fadeIn var(--seki-sheet-animation-duration) ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.seki-sheet-trigger{display:inline-flex;cursor:pointer}.seki-sheet-content{position:fixed;z-index:calc(var(--seki-sheet-z-index) + 1);background:var(--seki-sheet-bg);box-shadow:var(--seki-sheet-shadow);font-family:var(--seki-sheet-font-family);display:flex;flex-direction:column;overflow:auto}.seki-sheet-content--right{top:0;right:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-left:1px solid var(--seki-sheet-border);animation:slideInRight var(--seki-sheet-animation-duration) ease}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}.seki-sheet-content--left{top:0;left:0;height:100%;width:var(--seki-sheet-width);max-width:100%;border-right:1px solid var(--seki-sheet-border);animation:slideInLeft var(--seki-sheet-animation-duration) ease}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}.seki-sheet-content--top{top:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-bottom:1px solid var(--seki-sheet-border);animation:slideInTop var(--seki-sheet-animation-duration) ease}@keyframes slideInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}.seki-sheet-content--bottom{bottom:0;left:0;right:0;width:100%;height:var(--seki-sheet-height);max-height:100%;border-top:1px solid var(--seki-sheet-border);animation:slideInBottom var(--seki-sheet-animation-duration) ease}@keyframes slideInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}.seki-sheet-close-button{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:4px;background:transparent;color:var(--seki-sheet-text-muted);cursor:pointer;opacity:0.7;transition:opacity 0.15s ease}.seki-sheet-close-button:hover{opacity:1}.seki-sheet-close-button:focus-visible{outline:2px solid var(--color-primary, hsl(220 90% 56%));outline-offset:2px}.seki-sheet-close-button svg{width:1rem;height:1rem}.seki-sheet-header{display:flex;flex-direction:column;gap:0.375rem;padding:1.5rem;padding-right:3rem;}.seki-sheet-title{margin:0;font-size:var(--seki-font-size-lg, 18px);font-weight:var(--seki-font-weight-semibold, 600);color:var(--seki-sheet-text);line-height:1.4}.seki-sheet-description{margin:0;font-size:var(--seki-font-size-sm, 14px);color:var(--seki-sheet-text-muted);line-height:1.5}.seki-sheet-footer{display:flex;flex-direction:column;gap:0.5rem;padding:1.5rem;margin-top:auto}@media (min-width: 640px){.seki-sheet-footer{flex-direction:row;justify-content:flex-end}}.seki-sheet-close{display:inline-flex;cursor:pointer}@media (prefers-reduced-motion: reduce){.seki-sheet-overlay,.seki-sheet-content--right,.seki-sheet-content--left,.seki-sheet-content--top,.seki-sheet-content--bottom,.seki-sheet-close-button{animation:none;transition:none}}";
|
|
4
|
+
|
|
5
|
+
const SekiSheetTitle = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
}
|
|
9
|
+
render() {
|
|
10
|
+
return (h("h2", { key: '9c3d557d95289dd84362bccabf780cc44c83c9a3', class: "seki-sheet-title", part: "title" }, h("slot", { key: '439a7f18092f9df5e2165a31e2ae9fffe0a34b81' })));
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
SekiSheetTitle.style = sekiSheetCss;
|
|
14
|
+
|
|
15
|
+
export { SekiSheetTitle as seki_sheet_title };
|