@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
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, h, c as Host } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, h, c as Host } from './p-D31scOlb.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelectTrigger extends H {
|
|
6
6
|
constructor(registerHost) {
|
package/dist/cdn/seki-select.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-D31scOlb.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelect extends H {
|
|
6
6
|
constructor(registerHost) {
|
|
@@ -342,7 +342,7 @@ const SekiSelect$1 = /*@__PURE__*/ proxyCustomElement(class SekiSelect extends H
|
|
|
342
342
|
// Render
|
|
343
343
|
// ===========================
|
|
344
344
|
render() {
|
|
345
|
-
return (h(Host, { key: '
|
|
345
|
+
return (h(Host, { key: 'e746f51ef991f2ca5806d8e35c2f3e5f7361af21' }, h("slot", { key: 'ef2a9d3988198cea2f1df16ff4986921a8a72d4c' }), this.name && this.renderHiddenNativeElement()));
|
|
346
346
|
}
|
|
347
347
|
renderHiddenNativeElement() {
|
|
348
348
|
if (this.multiple) {
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface SekiSeparator extends Components.SekiSeparator, HTMLElement {}
|
|
4
|
+
export const SekiSeparator: {
|
|
5
|
+
prototype: SekiSeparator;
|
|
6
|
+
new (): SekiSeparator;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { p as proxyCustomElement, H, h } from './p-D31scOlb.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiSeparator extends H {
|
|
6
|
+
constructor(registerHost) {
|
|
7
|
+
super();
|
|
8
|
+
if (registerHost !== false) {
|
|
9
|
+
this.__registerHost();
|
|
10
|
+
}
|
|
11
|
+
this.__attachShadow();
|
|
12
|
+
/**
|
|
13
|
+
* Orientation of the separator
|
|
14
|
+
* @default 'horizontal'
|
|
15
|
+
*/
|
|
16
|
+
this.orientation = 'horizontal';
|
|
17
|
+
/**
|
|
18
|
+
* Whether the separator is purely decorative
|
|
19
|
+
* When true, removes the separator from accessibility tree
|
|
20
|
+
* @default false
|
|
21
|
+
*/
|
|
22
|
+
this.decorative = false;
|
|
23
|
+
}
|
|
24
|
+
render() {
|
|
25
|
+
const isVertical = this.orientation === 'vertical';
|
|
26
|
+
return (h("div", { key: 'bc2f267cb2c0598201eac86a9fe5db40833e2bfe', class: {
|
|
27
|
+
'seki-separator': true,
|
|
28
|
+
'seki-separator--horizontal': !isVertical,
|
|
29
|
+
'seki-separator--vertical': isVertical,
|
|
30
|
+
}, role: this.decorative ? 'none' : 'separator', "aria-orientation": this.decorative ? undefined : this.orientation, "data-orientation": this.orientation, part: "separator" }));
|
|
31
|
+
}
|
|
32
|
+
static get style() { return sekiSeparatorCss; }
|
|
33
|
+
}, [257, "seki-separator", {
|
|
34
|
+
"orientation": [1],
|
|
35
|
+
"decorative": [4]
|
|
36
|
+
}]);
|
|
37
|
+
function defineCustomElement$1() {
|
|
38
|
+
if (typeof customElements === "undefined") {
|
|
39
|
+
return;
|
|
40
|
+
}
|
|
41
|
+
const components = ["seki-separator"];
|
|
42
|
+
components.forEach(tagName => { switch (tagName) {
|
|
43
|
+
case "seki-separator":
|
|
44
|
+
if (!customElements.get(tagName)) {
|
|
45
|
+
customElements.define(tagName, SekiSeparator$1);
|
|
46
|
+
}
|
|
47
|
+
break;
|
|
48
|
+
} });
|
|
49
|
+
}
|
|
50
|
+
defineCustomElement$1();
|
|
51
|
+
|
|
52
|
+
const SekiSeparator = SekiSeparator$1;
|
|
53
|
+
const defineCustomElement = defineCustomElement$1;
|
|
54
|
+
|
|
55
|
+
export { SekiSeparator, defineCustomElement };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface SekiSheetClose extends Components.SekiSheetClose, HTMLElement {}
|
|
4
|
+
export const SekiSheetClose: {
|
|
5
|
+
prototype: SekiSheetClose;
|
|
6
|
+
new (): SekiSheetClose;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { p as proxyCustomElement, H, d as createEvent, h } from './p-D31scOlb.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetClose extends H {
|
|
6
|
+
constructor(registerHost) {
|
|
7
|
+
super();
|
|
8
|
+
if (registerHost !== false) {
|
|
9
|
+
this.__registerHost();
|
|
10
|
+
}
|
|
11
|
+
this.__attachShadow();
|
|
12
|
+
this.closeSheet = createEvent(this, "closeSheet");
|
|
13
|
+
this.handleClick = () => {
|
|
14
|
+
this.closeSheet.emit();
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
render() {
|
|
18
|
+
return (h("div", { key: '311c0fb386bdfde2ea3b8185a0fdde3d9b2cde39', class: "seki-sheet-close", part: "close", onClick: this.handleClick }, h("slot", { key: 'd71178267459ab7c56ab7bb74a6a91caa24f5d7b' })));
|
|
19
|
+
}
|
|
20
|
+
static get style() { return sekiSheetCss; }
|
|
21
|
+
}, [257, "seki-sheet-close"]);
|
|
22
|
+
function defineCustomElement$1() {
|
|
23
|
+
if (typeof customElements === "undefined") {
|
|
24
|
+
return;
|
|
25
|
+
}
|
|
26
|
+
const components = ["seki-sheet-close"];
|
|
27
|
+
components.forEach(tagName => { switch (tagName) {
|
|
28
|
+
case "seki-sheet-close":
|
|
29
|
+
if (!customElements.get(tagName)) {
|
|
30
|
+
customElements.define(tagName, SekiSheetClose$1);
|
|
31
|
+
}
|
|
32
|
+
break;
|
|
33
|
+
} });
|
|
34
|
+
}
|
|
35
|
+
defineCustomElement$1();
|
|
36
|
+
|
|
37
|
+
const SekiSheetClose = SekiSheetClose$1;
|
|
38
|
+
const defineCustomElement = defineCustomElement$1;
|
|
39
|
+
|
|
40
|
+
export { SekiSheetClose, defineCustomElement };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface SekiSheetContent extends Components.SekiSheetContent, HTMLElement {}
|
|
4
|
+
export const SekiSheetContent: {
|
|
5
|
+
prototype: SekiSheetContent;
|
|
6
|
+
new (): SekiSheetContent;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-D31scOlb.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetContent extends H {
|
|
6
|
+
constructor(registerHost) {
|
|
7
|
+
super();
|
|
8
|
+
if (registerHost !== false) {
|
|
9
|
+
this.__registerHost();
|
|
10
|
+
}
|
|
11
|
+
this.__attachShadow();
|
|
12
|
+
this.closeSheet = createEvent(this, "closeSheet");
|
|
13
|
+
/**
|
|
14
|
+
* Side of the screen the sheet slides in from
|
|
15
|
+
* @default 'right'
|
|
16
|
+
*/
|
|
17
|
+
this.side = 'right';
|
|
18
|
+
this.handleCloseClick = () => {
|
|
19
|
+
this.closeSheet.emit();
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
componentWillLoad() {
|
|
23
|
+
// Propagate side attribute to parent for CSS targeting
|
|
24
|
+
const parent = this.el.closest('seki-sheet');
|
|
25
|
+
if (parent) {
|
|
26
|
+
parent.setAttribute('data-side', this.side || 'right');
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
render() {
|
|
30
|
+
return (h(Host, { key: 'a7a3186c487b85174956265b8f96248d894f18ce', "data-side": this.side }, h("div", { key: 'f58649f7229bfa4db98bdd970a7c324c9210b0f7', role: "dialog", "aria-modal": "true", class: {
|
|
31
|
+
'seki-sheet-content': true,
|
|
32
|
+
[`seki-sheet-content--${this.side}`]: true,
|
|
33
|
+
}, 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' }))));
|
|
34
|
+
}
|
|
35
|
+
get el() { return this; }
|
|
36
|
+
static get style() { return sekiSheetCss; }
|
|
37
|
+
}, [257, "seki-sheet-content", {
|
|
38
|
+
"side": [1]
|
|
39
|
+
}]);
|
|
40
|
+
function defineCustomElement$1() {
|
|
41
|
+
if (typeof customElements === "undefined") {
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
const components = ["seki-sheet-content"];
|
|
45
|
+
components.forEach(tagName => { switch (tagName) {
|
|
46
|
+
case "seki-sheet-content":
|
|
47
|
+
if (!customElements.get(tagName)) {
|
|
48
|
+
customElements.define(tagName, SekiSheetContent$1);
|
|
49
|
+
}
|
|
50
|
+
break;
|
|
51
|
+
} });
|
|
52
|
+
}
|
|
53
|
+
defineCustomElement$1();
|
|
54
|
+
|
|
55
|
+
const SekiSheetContent = SekiSheetContent$1;
|
|
56
|
+
const defineCustomElement = defineCustomElement$1;
|
|
57
|
+
|
|
58
|
+
export { SekiSheetContent, defineCustomElement };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface SekiSheetDescription extends Components.SekiSheetDescription, HTMLElement {}
|
|
4
|
+
export const SekiSheetDescription: {
|
|
5
|
+
prototype: SekiSheetDescription;
|
|
6
|
+
new (): SekiSheetDescription;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { p as proxyCustomElement, H, h } from './p-D31scOlb.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetDescription extends H {
|
|
6
|
+
constructor(registerHost) {
|
|
7
|
+
super();
|
|
8
|
+
if (registerHost !== false) {
|
|
9
|
+
this.__registerHost();
|
|
10
|
+
}
|
|
11
|
+
this.__attachShadow();
|
|
12
|
+
}
|
|
13
|
+
render() {
|
|
14
|
+
return (h("p", { key: '578cf7969904ced76a2e60eb760c1a8cb9287e04', class: "seki-sheet-description", part: "description" }, h("slot", { key: 'a7b0ffe385d21dcb4da9ee3a5173747f384399ef' })));
|
|
15
|
+
}
|
|
16
|
+
static get style() { return sekiSheetCss; }
|
|
17
|
+
}, [257, "seki-sheet-description"]);
|
|
18
|
+
function defineCustomElement$1() {
|
|
19
|
+
if (typeof customElements === "undefined") {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
const components = ["seki-sheet-description"];
|
|
23
|
+
components.forEach(tagName => { switch (tagName) {
|
|
24
|
+
case "seki-sheet-description":
|
|
25
|
+
if (!customElements.get(tagName)) {
|
|
26
|
+
customElements.define(tagName, SekiSheetDescription$1);
|
|
27
|
+
}
|
|
28
|
+
break;
|
|
29
|
+
} });
|
|
30
|
+
}
|
|
31
|
+
defineCustomElement$1();
|
|
32
|
+
|
|
33
|
+
const SekiSheetDescription = SekiSheetDescription$1;
|
|
34
|
+
const defineCustomElement = defineCustomElement$1;
|
|
35
|
+
|
|
36
|
+
export { SekiSheetDescription, defineCustomElement };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface SekiSheetFooter extends Components.SekiSheetFooter, HTMLElement {}
|
|
4
|
+
export const SekiSheetFooter: {
|
|
5
|
+
prototype: SekiSheetFooter;
|
|
6
|
+
new (): SekiSheetFooter;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { p as proxyCustomElement, H, h } from './p-D31scOlb.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetFooter extends H {
|
|
6
|
+
constructor(registerHost) {
|
|
7
|
+
super();
|
|
8
|
+
if (registerHost !== false) {
|
|
9
|
+
this.__registerHost();
|
|
10
|
+
}
|
|
11
|
+
this.__attachShadow();
|
|
12
|
+
}
|
|
13
|
+
render() {
|
|
14
|
+
return (h("div", { key: '94a068d8899bc7b4b0bbc6e8841a590f3018b773', class: "seki-sheet-footer", part: "footer" }, h("slot", { key: '984efb4ac8d84b0d455249dc3ae314eca2f0f0e2' })));
|
|
15
|
+
}
|
|
16
|
+
static get style() { return sekiSheetCss; }
|
|
17
|
+
}, [257, "seki-sheet-footer"]);
|
|
18
|
+
function defineCustomElement$1() {
|
|
19
|
+
if (typeof customElements === "undefined") {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
const components = ["seki-sheet-footer"];
|
|
23
|
+
components.forEach(tagName => { switch (tagName) {
|
|
24
|
+
case "seki-sheet-footer":
|
|
25
|
+
if (!customElements.get(tagName)) {
|
|
26
|
+
customElements.define(tagName, SekiSheetFooter$1);
|
|
27
|
+
}
|
|
28
|
+
break;
|
|
29
|
+
} });
|
|
30
|
+
}
|
|
31
|
+
defineCustomElement$1();
|
|
32
|
+
|
|
33
|
+
const SekiSheetFooter = SekiSheetFooter$1;
|
|
34
|
+
const defineCustomElement = defineCustomElement$1;
|
|
35
|
+
|
|
36
|
+
export { SekiSheetFooter, defineCustomElement };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface SekiSheetHeader extends Components.SekiSheetHeader, HTMLElement {}
|
|
4
|
+
export const SekiSheetHeader: {
|
|
5
|
+
prototype: SekiSheetHeader;
|
|
6
|
+
new (): SekiSheetHeader;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { p as proxyCustomElement, H, h } from './p-D31scOlb.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetHeader extends H {
|
|
6
|
+
constructor(registerHost) {
|
|
7
|
+
super();
|
|
8
|
+
if (registerHost !== false) {
|
|
9
|
+
this.__registerHost();
|
|
10
|
+
}
|
|
11
|
+
this.__attachShadow();
|
|
12
|
+
}
|
|
13
|
+
render() {
|
|
14
|
+
return (h("div", { key: 'c77e5e07910a2cecf7fc8bb45dca0561eb3ce56d', class: "seki-sheet-header", part: "header" }, h("slot", { key: 'fa82acc36ad1ba04ce9a11664fb3b36dbeb61f07' })));
|
|
15
|
+
}
|
|
16
|
+
static get style() { return sekiSheetCss; }
|
|
17
|
+
}, [257, "seki-sheet-header"]);
|
|
18
|
+
function defineCustomElement$1() {
|
|
19
|
+
if (typeof customElements === "undefined") {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
const components = ["seki-sheet-header"];
|
|
23
|
+
components.forEach(tagName => { switch (tagName) {
|
|
24
|
+
case "seki-sheet-header":
|
|
25
|
+
if (!customElements.get(tagName)) {
|
|
26
|
+
customElements.define(tagName, SekiSheetHeader$1);
|
|
27
|
+
}
|
|
28
|
+
break;
|
|
29
|
+
} });
|
|
30
|
+
}
|
|
31
|
+
defineCustomElement$1();
|
|
32
|
+
|
|
33
|
+
const SekiSheetHeader = SekiSheetHeader$1;
|
|
34
|
+
const defineCustomElement = defineCustomElement$1;
|
|
35
|
+
|
|
36
|
+
export { SekiSheetHeader, defineCustomElement };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface SekiSheetTitle extends Components.SekiSheetTitle, HTMLElement {}
|
|
4
|
+
export const SekiSheetTitle: {
|
|
5
|
+
prototype: SekiSheetTitle;
|
|
6
|
+
new (): SekiSheetTitle;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { p as proxyCustomElement, H, h } from './p-D31scOlb.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$1 = /*@__PURE__*/ proxyCustomElement(class SekiSheetTitle extends H {
|
|
6
|
+
constructor(registerHost) {
|
|
7
|
+
super();
|
|
8
|
+
if (registerHost !== false) {
|
|
9
|
+
this.__registerHost();
|
|
10
|
+
}
|
|
11
|
+
this.__attachShadow();
|
|
12
|
+
}
|
|
13
|
+
render() {
|
|
14
|
+
return (h("h2", { key: '9c3d557d95289dd84362bccabf780cc44c83c9a3', class: "seki-sheet-title", part: "title" }, h("slot", { key: '439a7f18092f9df5e2165a31e2ae9fffe0a34b81' })));
|
|
15
|
+
}
|
|
16
|
+
static get style() { return sekiSheetCss; }
|
|
17
|
+
}, [257, "seki-sheet-title"]);
|
|
18
|
+
function defineCustomElement$1() {
|
|
19
|
+
if (typeof customElements === "undefined") {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
const components = ["seki-sheet-title"];
|
|
23
|
+
components.forEach(tagName => { switch (tagName) {
|
|
24
|
+
case "seki-sheet-title":
|
|
25
|
+
if (!customElements.get(tagName)) {
|
|
26
|
+
customElements.define(tagName, SekiSheetTitle$1);
|
|
27
|
+
}
|
|
28
|
+
break;
|
|
29
|
+
} });
|
|
30
|
+
}
|
|
31
|
+
defineCustomElement$1();
|
|
32
|
+
|
|
33
|
+
const SekiSheetTitle = SekiSheetTitle$1;
|
|
34
|
+
const defineCustomElement = defineCustomElement$1;
|
|
35
|
+
|
|
36
|
+
export { SekiSheetTitle, defineCustomElement };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface SekiSheetTrigger extends Components.SekiSheetTrigger, HTMLElement {}
|
|
4
|
+
export const SekiSheetTrigger: {
|
|
5
|
+
prototype: SekiSheetTrigger;
|
|
6
|
+
new (): SekiSheetTrigger;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|