@sekiui/elements 0.0.59 → 0.0.60
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-D1HYavDL.js +33 -0
- package/dist/{components/p-BU1kuAZS.js → cdn/p-D31scOlb.js} +9 -386
- package/dist/{components/p-wQy1sEm6.js → cdn/p-E6SsIN_e.js} +3 -3
- package/dist/cdn/seki-badge.js +1 -1
- 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-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-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-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-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-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 +13 -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/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/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/components/p-CYoVX0Ya.js +33 -0
- package/dist/{cdn/p-Cpa2leXN.js → components/p-CkICsFKR.js} +3 -3
- package/dist/{cdn/p-DxUZSKfL.js → components/p-D2lrrniN.js} +9 -386
- package/dist/components/seki-badge.js +1 -1
- 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-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-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-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-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-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-06800a9a.entry.js +1 -0
- package/dist/sekiui/{p-c642ab55.entry.js → p-0724ad85.entry.js} +1 -1
- package/dist/sekiui/{p-1480b41a.entry.js → p-0eaf07d7.entry.js} +1 -1
- package/dist/sekiui/p-135ee708.entry.js +1 -0
- package/dist/sekiui/p-15fe2ae5.entry.js +1 -0
- package/dist/sekiui/p-16ad812c.entry.js +1 -0
- package/dist/sekiui/{p-f863f36b.entry.js → p-19648074.entry.js} +1 -1
- package/dist/sekiui/{p-d194caf1.entry.js → p-1991d025.entry.js} +1 -1
- package/dist/sekiui/p-1e3771b8.entry.js +1 -0
- package/dist/sekiui/{p-ce1bbe04.entry.js → p-2193ef70.entry.js} +1 -1
- package/dist/sekiui/{p-b64e7007.entry.js → p-2428e77d.entry.js} +1 -1
- package/dist/sekiui/p-244aa3bd.entry.js +1 -0
- package/dist/sekiui/p-2e25d58f.entry.js +1 -0
- package/dist/sekiui/{p-84d47cab.entry.js → p-2ecbec83.entry.js} +1 -1
- package/dist/sekiui/{p-e6d5f56e.entry.js → p-31687f4a.entry.js} +1 -1
- package/dist/sekiui/{p-f1ffc3fa.entry.js → p-418c6f7c.entry.js} +1 -1
- package/dist/sekiui/p-41f9342c.entry.js +1 -0
- package/dist/sekiui/p-4b36af55.entry.js +1 -0
- package/dist/sekiui/p-4e503004.entry.js +1 -0
- package/dist/sekiui/{p-587fd313.entry.js → p-5598b850.entry.js} +1 -1
- package/dist/sekiui/p-597f460b.entry.js +1 -0
- package/dist/sekiui/p-5d68c092.entry.js +1 -0
- package/dist/sekiui/{p-68b1fa1a.entry.js → p-6207e13a.entry.js} +1 -1
- package/dist/sekiui/{p-27deb555.entry.js → p-65b878ad.entry.js} +1 -1
- package/dist/sekiui/{p-c74bd925.entry.js → p-69abaa3d.entry.js} +1 -1
- package/dist/sekiui/{p-40ba3ad6.entry.js → p-6e75b7c3.entry.js} +1 -1
- package/dist/sekiui/p-74b375a3.entry.js +1 -0
- package/dist/sekiui/p-74da4590.entry.js +1 -0
- package/dist/sekiui/{p-58ab95eb.entry.js → p-79944f32.entry.js} +1 -1
- package/dist/sekiui/p-7a35a9dd.entry.js +1 -0
- package/dist/sekiui/p-87c05b57.entry.js +1 -0
- package/dist/sekiui/p-880ab4c3.entry.js +1 -0
- package/dist/sekiui/p-8912b3b5.entry.js +1 -0
- package/dist/sekiui/p-BGmDiTq4.js +2 -0
- package/dist/sekiui/{p-161be4d4.entry.js → p-a56b43ab.entry.js} +1 -1
- package/dist/sekiui/p-a9ea4381.entry.js +1 -0
- package/dist/sekiui/{p-dfa2f8cd.entry.js → p-abcd4ab8.entry.js} +1 -1
- package/dist/sekiui/p-ac0cee96.entry.js +1 -0
- package/dist/sekiui/{p-ab9d1ba5.entry.js → p-d7a568dc.entry.js} +1 -1
- package/dist/sekiui/p-df1f29f5.entry.js +1 -0
- package/dist/sekiui/{p-6a922121.entry.js → p-e0480d9d.entry.js} +1 -1
- package/dist/sekiui/{p-cf552ff9.entry.js → p-edd9902b.entry.js} +1 -1
- package/dist/sekiui/p-edddd260.entry.js +1 -0
- package/dist/sekiui/{p-4867d02d.entry.js → p-f5b2ec4f.entry.js} +1 -1
- package/dist/sekiui/{p-402a5db6.entry.js → p-f6d84839.entry.js} +1 -1
- package/dist/sekiui/p-f9755786.entry.js +1 -0
- package/dist/sekiui/{p-1685e673.entry.js → p-fb446062.entry.js} +1 -1
- package/dist/sekiui/sekiui.css +1 -1
- package/dist/sekiui/sekiui.esm.js +1 -1
- 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 +344 -287
- 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,15 +1,15 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DzoHqiUq.js');
|
|
4
4
|
|
|
5
|
-
const sekiFieldLegendCss = ":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:contents}legend{display:block;color:var(--seki-label-color, var(--seki-foreground));font-family:var(--seki-font-sans);font-size:var(--seki-label-font-size, var(--seki-font-size-sm));font-weight:var(--seki-label-font-weight, var(--seki-font-medium));line-height:var(--seki-label-line-height, var(--seki-leading-tight));margin-bottom:var(--seki-field-spacing, 0.5rem)}@media (prefers-reduced-motion: reduce){legend{transition:none}}";
|
|
5
|
+
const sekiFieldLegendCss = ":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:contents}legend{display:block;color:var(--seki-label-color, var(--seki-foreground));font-family:var(--seki-font-sans);font-size:var(--seki-label-font-size, var(--seki-font-size-sm));font-weight:var(--seki-label-font-weight, var(--seki-font-medium));line-height:var(--seki-label-line-height, var(--seki-leading-tight));margin-bottom:var(--seki-field-spacing, 0.5rem)}@media (prefers-reduced-motion: reduce){legend{transition:none}}";
|
|
6
6
|
|
|
7
7
|
const SekiFieldLegend = class {
|
|
8
8
|
constructor(hostRef) {
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (index.h("legend", { key: '
|
|
12
|
+
return (index.h("legend", { key: '1f3179326f79d2a892ffd995f92f52da0fb274bc' }, index.h("slot", { key: 'c1676d420920c365c3e14002de7e9ac73dc2f068' })));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
SekiFieldLegend.style = sekiFieldLegendCss;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DzoHqiUq.js');
|
|
4
4
|
|
|
5
|
-
const sekiFieldCss = "/**\n * SekiUI Design Tokens - Index\n * Aggregates all design token files into a single entry point\n *\n * Import this file to get access to all design tokens:\n * @import '../tokens/index.css';\n */\n\n/**\n * SekiUI Design Tokens - Colors\n * Based on shadcn/ui color system\n */\n\n/* =============================================================================\n PRIMITIVE COLOR TOKENS (Layer 1: Raw Values)\n ============================================================================= */\n\n:host {\n /* Neutral Scale (50-950) - shadcn/ui inspired */\n --seki-neutral-50: hsl(0, 0%, 98%);\n --seki-neutral-100: hsl(0, 0%, 96.1%);\n --seki-neutral-200: hsl(0, 0%, 89.8%);\n --seki-neutral-300: hsl(0, 0%, 83.1%);\n --seki-neutral-400: hsl(0, 0%, 63.9%);\n --seki-neutral-500: hsl(0, 0%, 45.1%);\n --seki-neutral-600: hsl(0, 0%, 32.2%);\n --seki-neutral-700: hsl(0, 0%, 25.1%);\n --seki-neutral-800: hsl(0, 0%, 14.9%);\n --seki-neutral-900: hsl(0, 0%, 9%);\n --seki-neutral-950: hsl(0, 0%, 3.9%);\n\n /* Primary/Accent Scale (50-950) */\n --seki-primary-50: hsl(210, 100%, 97%);\n --seki-primary-100: hsl(210, 95%, 93%);\n --seki-primary-200: hsl(210, 95%, 85%);\n --seki-primary-300: hsl(210, 90%, 73%);\n --seki-primary-400: hsl(210, 85%, 58%);\n --seki-primary-500: hsl(210, 80%, 48%);\n --seki-primary-600: hsl(210, 75%, 40%);\n --seki-primary-700: hsl(210, 70%, 32%);\n --seki-primary-800: hsl(210, 65%, 25%);\n --seki-primary-900: hsl(210, 60%, 18%);\n --seki-primary-950: hsl(210, 55%, 10%);\n\n /* Semantic Color Primitives */\n --seki-success-500: hsl(142, 71%, 45%);\n --seki-success-600: hsl(142, 71%, 35%);\n --seki-warning-500: hsl(38, 92%, 50%);\n --seki-warning-600: hsl(38, 92%, 40%);\n --seki-destructive-500: hsl(0, 84.2%, 60.2%);\n --seki-destructive-600: hsl(0, 72%, 41%);\n}\n\n/* =============================================================================\n SEMANTIC TOKENS (Layer 2: shadcn/ui Style)\n ============================================================================= */\n\n:host {\n /* Base */\n --seki-background: hsl(0, 0%, 100%);\n --seki-foreground: hsl(0, 0%, 3.9%);\n\n /* Muted */\n --seki-muted: hsl(0, 0%, 96.1%);\n --seki-muted-foreground: hsl(0, 0%, 45.1%);\n\n /* Card */\n --seki-card: hsl(0, 0%, 100%);\n --seki-card-foreground: hsl(0, 0%, 3.9%);\n\n /* Popover */\n --seki-popover: hsl(0, 0%, 100%);\n --seki-popover-foreground: hsl(0, 0%, 3.9%);\n\n /* Border */\n --seki-border: hsl(0, 0%, 89.8%);\n --seki-input: hsl(0, 0%, 89.8%);\n\n /* Primary */\n --seki-primary: hsl(0, 0%, 9%);\n --seki-primary-foreground: hsl(0, 0%, 98%);\n\n /* Secondary */\n --seki-secondary: hsl(0, 0%, 96.1%);\n --seki-secondary-foreground: hsl(0, 0%, 9%);\n\n /* Accent */\n --seki-accent: hsl(0, 0%, 96.1%);\n --seki-accent-foreground: hsl(0, 0%, 9%);\n\n /* Destructive */\n --seki-destructive: hsl(0, 84.2%, 60.2%);\n --seki-destructive-foreground: hsl(0, 0%, 98%);\n\n /* Ring */\n --seki-ring: hsl(0, 0%, 3.9%);\n\n /* Legacy aliases for backward compatibility */\n --seki-bg-primary: var(--seki-background);\n --seki-bg-secondary: var(--seki-muted);\n --seki-bg-tertiary: var(--seki-accent);\n --seki-text-primary: var(--seki-foreground);\n --seki-text-secondary: var(--seki-muted-foreground);\n --seki-text-tertiary: var(--seki-neutral-400);\n --seki-border-default: var(--seki-border);\n --seki-border-emphasis: var(--seki-neutral-300);\n}\n\n/* Dark Mode Semantic Tokens */\n:host([data-theme='dark']) {\n /* Base */\n --seki-background: hsl(0, 0%, 3.9%);\n --seki-foreground: hsl(0, 0%, 98%);\n\n /* Muted */\n --seki-muted: hsl(0, 0%, 14.9%);\n --seki-muted-foreground: hsl(0, 0%, 63.9%);\n\n /* Card */\n --seki-card: hsl(0, 0%, 3.9%);\n --seki-card-foreground: hsl(0, 0%, 98%);\n\n /* Popover */\n --seki-popover: hsl(0, 0%, 3.9%);\n --seki-popover-foreground: hsl(0, 0%, 98%);\n\n /* Border */\n --seki-border: hsl(0, 0%, 14.9%);\n --seki-input: hsl(0, 0%, 14.9%);\n\n /* Primary */\n --seki-primary: hsl(0, 0%, 98%);\n --seki-primary-foreground: hsl(0, 0%, 9%);\n\n /* Secondary */\n --seki-secondary: hsl(0, 0%, 14.9%);\n --seki-secondary-foreground: hsl(0, 0%, 98%);\n\n /* Accent */\n --seki-accent: hsl(0, 0%, 14.9%);\n --seki-accent-foreground: hsl(0, 0%, 98%);\n\n /* Destructive */\n --seki-destructive: hsl(0, 62.8%, 30.6%);\n --seki-destructive-foreground: hsl(0, 0%, 98%);\n\n /* Ring */\n --seki-ring: hsl(0, 0%, 83.1%);\n\n /* Legacy aliases for backward compatibility */\n --seki-bg-primary: var(--seki-background);\n --seki-bg-secondary: var(--seki-muted);\n --seki-bg-tertiary: var(--seki-accent);\n --seki-text-primary: var(--seki-foreground);\n --seki-text-secondary: var(--seki-muted-foreground);\n --seki-text-tertiary: var(--seki-neutral-600);\n --seki-border-default: var(--seki-border);\n --seki-border-emphasis: var(--seki-neutral-700);\n\n /* Button overrides for dark mode */\n --seki-button-primary-hover-bg: hsl(0, 0%, 98%, 0.9);\n --seki-button-secondary-hover-bg: hsl(0, 0%, 14.9%, 0.8);\n}\n\n/* =============================================================================\n COMPONENT TOKENS (Layer 3: Button-Specific - shadcn/ui Style)\n ============================================================================= */\n\n:host {\n /* Button Variant: Primary (default in shadcn/ui) */\n --seki-button-primary-bg: var(--seki-primary);\n --seki-button-primary-text: var(--seki-primary-foreground);\n --seki-button-primary-border: transparent;\n --seki-button-primary-hover-bg: hsl(0, 0%, 9%, 0.9);\n --seki-button-primary-hover-text: var(--seki-primary-foreground);\n --seki-button-primary-hover-border: transparent;\n\n /* Button Variant: Secondary */\n --seki-button-secondary-bg: var(--seki-secondary);\n --seki-button-secondary-text: var(--seki-secondary-foreground);\n --seki-button-secondary-border: transparent;\n --seki-button-secondary-hover-bg: hsl(0, 0%, 96.1%, 0.8);\n --seki-button-secondary-hover-text: var(--seki-secondary-foreground);\n --seki-button-secondary-hover-border: transparent;\n\n /* Button Variant: Outline */\n --seki-button-outline-bg: transparent;\n --seki-button-outline-text: var(--seki-foreground);\n --seki-button-outline-border: var(--seki-input);\n --seki-button-outline-hover-bg: var(--seki-accent);\n --seki-button-outline-hover-text: var(--seki-accent-foreground);\n --seki-button-outline-hover-border: var(--seki-input);\n\n /* Button Variant: Ghost */\n --seki-button-ghost-bg: transparent;\n --seki-button-ghost-text: var(--seki-foreground);\n --seki-button-ghost-border: transparent;\n --seki-button-ghost-hover-bg: var(--seki-accent);\n --seki-button-ghost-hover-text: var(--seki-accent-foreground);\n --seki-button-ghost-hover-border: transparent;\n\n /* Button Variant: Destructive */\n --seki-button-destructive-bg: var(--seki-destructive);\n --seki-button-destructive-text: var(--seki-destructive-foreground);\n --seki-button-destructive-border: transparent;\n --seki-button-destructive-hover-bg: hsl(0, 84.2%, 60.2%, 0.9);\n --seki-button-destructive-hover-border: transparent;\n\n /* Button Sizing: Small */\n --seki-button-sm-padding-x: var(--seki-spacing-3, 0.75rem);\n --seki-button-sm-padding-y: 0.375rem;\n --seki-button-sm-font-size: var(--seki-text-sm, 0.875rem);\n --seki-button-sm-height: 2.25rem; /* Updated from 2rem to match shadcn (36px) */\n\n /* Button Sizing: Medium (default) */\n --seki-button-md-padding-x: var(--seki-spacing-4, 1rem);\n --seki-button-md-padding-y: var(--seki-spacing-2, 0.5rem);\n --seki-button-md-font-size: var(--seki-text-base, 1rem);\n --seki-button-md-height: 2.5rem;\n\n /* Button Sizing: Large */\n --seki-button-lg-padding-x: 2rem; /* Updated from 1.25rem to match shadcn */\n --seki-button-lg-padding-y: 0.5rem;\n --seki-button-lg-font-size: 1rem; /* Updated from 1.125rem to match shadcn */\n --seki-button-lg-height: 2.75rem; /* Updated from 3rem to match shadcn (44px) */\n\n /* Button Sizing: Icon-only (NEW - shadcn compatibility) */\n --seki-button-icon-sm-size: 2rem; /* 32x32px square */\n --seki-button-icon-size: 2.5rem; /* 40x40px square */\n --seki-button-icon-lg-size: 3rem; /* 48x48px square */\n --seki-button-icon-gap: 0.5rem; /* 8px gap between icon and text */\n\n /* Button Variant: Link (NEW - shadcn compatibility) */\n --seki-button-link-bg: transparent;\n --seki-button-link-text: var(--seki-primary);\n --seki-button-link-border: transparent;\n --seki-button-link-hover-bg: transparent;\n --seki-button-link-hover-text: var(--seki-primary);\n --seki-button-link-hover-border: transparent;\n\n /* Button Common */\n --seki-button-radius: var(--seki-radius-md, 0.375rem);\n --seki-button-font-weight: var(--seki-font-medium, 500);\n --seki-button-transition-duration: 150ms;\n --seki-button-transition-timing: ease-in-out;\n --seki-button-shadow: var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));\n --seki-button-shadow-hover: var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));\n --seki-button-disabled-opacity: 0.5;\n\n /* Input Component Colors */\n --seki-input-bg: var(--seki-background);\n --seki-input-border: var(--seki-border);\n --seki-input-text: var(--seki-foreground);\n --seki-input-placeholder: var(--seki-muted-foreground);\n --seki-input-ring: var(--seki-ring);\n --seki-input-invalid-border: var(--seki-destructive);\n --seki-input-invalid-ring: var(--seki-destructive);\n --seki-input-disabled-opacity: 0.5;\n --seki-input-radius: var(--seki-radius-md);\n --seki-input-ring-offset: 2px;\n\n /* Select Component Colors */\n --seki-select-trigger-bg: var(--seki-background);\n --seki-select-trigger-border: 1px solid var(--seki-border);\n --seki-select-trigger-bg-hover: var(--seki-muted);\n --seki-select-trigger-radius: var(--seki-radius-md);\n --seki-select-trigger-min-height: 2.5rem;\n --seki-select-trigger-padding: 0.5rem 0.75rem;\n --seki-select-trigger-gap: 0.5rem;\n\n /* Select Content/Dropdown */\n --seki-select-content-bg: var(--seki-popover);\n --seki-select-content-border: 1px solid var(--seki-border);\n --seki-select-content-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);\n --seki-select-content-radius: var(--seki-radius-md);\n --seki-select-content-padding: 0.5rem 0;\n\n /* Select Option */\n --seki-select-option-padding: 0.5rem 0.75rem;\n --seki-select-option-gap: 0.5rem;\n --seki-select-option-radius: var(--seki-radius-sm);\n --seki-select-option-bg-hover: var(--seki-muted);\n --seki-select-option-bg-selected: var(--seki-muted);\n\n /* Select Group */\n --seki-select-group-label-padding: 0.5rem 0.75rem;\n --seki-select-group-label-font-size: var(--seki-font-size-xs);\n --seki-select-group-label-font-weight: var(--seki-font-semibold);\n --seki-select-group-label-color: var(--seki-muted-foreground);\n --seki-select-group-separator: 1px solid var(--seki-border);\n}\n\n/**\n * SekiUI Design Tokens - Spacing\n * 4px base unit, rem-based scale\n */\n\n:host {\n /* Spacing Scale (4px base unit) */\n --seki-spacing-0: 0;\n --seki-spacing-0-5: 0.125rem; /* 2px */\n --seki-spacing-1: 0.25rem; /* 4px */\n --seki-spacing-1-5: 0.375rem; /* 6px */\n --seki-spacing-2: 0.5rem; /* 8px */\n --seki-spacing-2-5: 0.625rem; /* 10px */\n --seki-spacing-3: 0.75rem; /* 12px */\n --seki-spacing-3-5: 0.875rem; /* 14px */\n --seki-spacing-4: 1rem; /* 16px */\n --seki-spacing-5: 1.25rem; /* 20px */\n --seki-spacing-6: 1.5rem; /* 24px */\n --seki-spacing-8: 2rem; /* 32px */\n --seki-spacing-10: 2.5rem; /* 40px */\n --seki-spacing-12: 3rem; /* 48px */\n --seki-spacing-16: 4rem; /* 64px */\n --seki-spacing-20: 5rem; /* 80px */\n --seki-spacing-24: 6rem; /* 96px */\n\n /* Input Component Tokens */\n --seki-input-height-sm: 2rem; /* 32px */\n --seki-input-height-md: 2.5rem; /* 40px - default */\n --seki-input-height-lg: 3rem; /* 48px */\n --seki-input-padding-x: 0.75rem; /* 12px */\n --seki-input-padding-y: 0.5rem; /* 8px */\n --seki-input-font-size: 0.875rem; /* 14px */\n --seki-input-ring-offset: 2px;\n}\n\n/**\n * SekiUI Design Tokens - Shadows\n * Subtle elevation system\n */\n\n:host {\n /* Shadow Levels */\n --seki-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --seki-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --seki-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n}\n\n/**\n * SekiUI Design Tokens - Typography\n * System font stacks, sizes, weights, line heights\n */\n\n:host {\n /* Font Families */\n --seki-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n Arial, sans-serif;\n --seki-font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;\n\n /* Font Sizes (rem-based) */\n --seki-text-xs: 0.75rem; /* 12px */\n --seki-text-sm: 0.875rem; /* 14px */\n --seki-text-base: 1rem; /* 16px */\n --seki-text-lg: 1.125rem; /* 18px */\n --seki-text-xl: 1.25rem; /* 20px */\n --seki-text-2xl: 1.5rem; /* 24px */\n --seki-text-3xl: 1.875rem; /* 30px */\n --seki-text-4xl: 2.25rem; /* 36px */\n\n /* Font Weights */\n --seki-font-normal: 400;\n --seki-font-medium: 500;\n --seki-font-semibold: 600;\n --seki-font-bold: 700;\n\n /* Line Heights */\n --seki-leading-tight: 1.25;\n --seki-leading-normal: 1.5;\n --seki-leading-relaxed: 1.75;\n}\n\n/**\n * SekiUI Design Tokens - Border Radius\n * Four-level radius system\n */\n\n:host {\n /* Border Radius Levels */\n --seki-radius-sm: 0.25rem; /* 4px */\n --seki-radius-md: 0.375rem; /* 6px */\n --seki-radius-lg: 0.5rem; /* 8px */\n --seki-radius-xl: 1rem; /* 16px */\n}\n\n\n\n:host {\n display: block;\n}\n\n.field {\n display: grid;\n gap: var(--seki-field-spacing, 0.5rem);\n}\n\n/* Vertical orientation (default) */\n:host([data-orientation=\"vertical\"]) .field {\n grid-template-columns: 1fr;\n grid-template-areas:\n \"label\"\n \"control\"\n \"description\"\n \"error\";\n}\n\n/* Horizontal orientation */\n:host([data-orientation=\"horizontal\"]) .field {\n grid-template-columns: auto 1fr;\n grid-template-areas:\n \"label control\"\n \"description description\"\n \"error error\";\n gap: var(--seki-field-gap-horizontal, 1rem) var(--seki-field-spacing, 0.5rem);\n align-items: start;\n}\n\n:host([data-orientation=\"horizontal\"]) .field-label {\n padding-top: 0.25rem; /* Align with input */\n}\n\n/* Responsive orientation - uses container queries */\n:host([data-orientation=\"responsive\"]) .field {\n container-type: inline-size;\n grid-template-columns: 1fr;\n grid-template-areas:\n \"label\"\n \"control\"\n \"description\"\n \"error\";\n}\n\n@container (min-width: 600px) {\n :host([data-orientation=\"responsive\"]) .field {\n grid-template-columns: auto 1fr;\n grid-template-areas:\n \"label control\"\n \"description description\"\n \"error error\";\n gap: var(--seki-field-gap-horizontal, 1rem) var(--seki-field-spacing, 0.5rem);\n }\n\n :host([data-orientation=\"responsive\"]) .field-label {\n padding-top: 0.25rem;\n }\n}\n\n/* Grid areas */\n.field-label {\n grid-area: label;\n}\n\n.field-control {\n grid-area: control;\n}\n\n.field-description {\n grid-area: description;\n}\n\n.field-error {\n grid-area: error;\n}\n\n/* Hide empty slots */\n.field-label:empty,\n.field-description:empty,\n.field-error:empty {\n display: none;\n}\n\n/* Invalid state styling */\n:host([data-invalid]) .field {\n /* Visual indicator for invalid state (handled by individual components) */\n}\n\n/* Reduced motion */\n@media (prefers-reduced-motion: reduce) {\n .field {\n transition: none;\n }\n}\n";
|
|
5
|
+
const sekiFieldCss = "/**\n * SekiUI Design Tokens - Index\n * Aggregates all design token files into a single entry point\n *\n * Import this file to get access to all design tokens:\n * @import '../tokens/index.css';\n */\n\n/**\n * SekiUI Design Tokens - Colors\n * Based on shadcn/ui color system\n */\n\n/* =============================================================================\n PRIMITIVE COLOR TOKENS (Layer 1: Raw Values)\n ============================================================================= */\n\n:host {\n /* Neutral Scale (50-950) - shadcn/ui inspired */\n --seki-neutral-50: hsl(0, 0%, 98%);\n --seki-neutral-100: hsl(0, 0%, 96.1%);\n --seki-neutral-200: hsl(0, 0%, 89.8%);\n --seki-neutral-300: hsl(0, 0%, 83.1%);\n --seki-neutral-400: hsl(0, 0%, 63.9%);\n --seki-neutral-500: hsl(0, 0%, 45.1%);\n --seki-neutral-600: hsl(0, 0%, 32.2%);\n --seki-neutral-700: hsl(0, 0%, 25.1%);\n --seki-neutral-800: hsl(0, 0%, 14.9%);\n --seki-neutral-900: hsl(0, 0%, 9%);\n --seki-neutral-950: hsl(0, 0%, 3.9%);\n\n /* Primary/Accent Scale (50-950) */\n --seki-primary-50: hsl(210, 100%, 97%);\n --seki-primary-100: hsl(210, 95%, 93%);\n --seki-primary-200: hsl(210, 95%, 85%);\n --seki-primary-300: hsl(210, 90%, 73%);\n --seki-primary-400: hsl(210, 85%, 58%);\n --seki-primary-500: hsl(210, 80%, 48%);\n --seki-primary-600: hsl(210, 75%, 40%);\n --seki-primary-700: hsl(210, 70%, 32%);\n --seki-primary-800: hsl(210, 65%, 25%);\n --seki-primary-900: hsl(210, 60%, 18%);\n --seki-primary-950: hsl(210, 55%, 10%);\n\n /* Semantic Color Primitives */\n --seki-success-500: hsl(142, 71%, 45%);\n --seki-success-600: hsl(142, 71%, 35%);\n --seki-warning-500: hsl(38, 92%, 50%);\n --seki-warning-600: hsl(38, 92%, 40%);\n --seki-destructive-500: hsl(0, 84.2%, 60.2%);\n --seki-destructive-600: hsl(0, 72%, 41%);\n}\n\n/* =============================================================================\n SEMANTIC TOKENS (Layer 2: shadcn/ui Style)\n ============================================================================= */\n\n:host {\n /* Base */\n --seki-background: hsl(0, 0%, 100%);\n --seki-foreground: hsl(0, 0%, 3.9%);\n\n /* Muted */\n --seki-muted: hsl(0, 0%, 96.1%);\n --seki-muted-foreground: hsl(0, 0%, 45.1%);\n\n /* Card */\n --seki-card: hsl(0, 0%, 100%);\n --seki-card-foreground: hsl(0, 0%, 3.9%);\n\n /* Popover */\n --seki-popover: hsl(0, 0%, 100%);\n --seki-popover-foreground: hsl(0, 0%, 3.9%);\n\n /* Border */\n --seki-border: hsl(0, 0%, 89.8%);\n --seki-input: hsl(0, 0%, 89.8%);\n\n /* Primary */\n --seki-primary: hsl(0, 0%, 9%);\n --seki-primary-foreground: hsl(0, 0%, 98%);\n\n /* Secondary */\n --seki-secondary: hsl(0, 0%, 96.1%);\n --seki-secondary-foreground: hsl(0, 0%, 9%);\n\n /* Accent */\n --seki-accent: hsl(0, 0%, 96.1%);\n --seki-accent-foreground: hsl(0, 0%, 9%);\n\n /* Destructive */\n --seki-destructive: hsl(0, 84.2%, 60.2%);\n --seki-destructive-foreground: hsl(0, 0%, 98%);\n\n /* Ring */\n --seki-ring: hsl(0, 0%, 3.9%);\n\n /* Legacy aliases for backward compatibility */\n --seki-bg-primary: var(--seki-background);\n --seki-bg-secondary: var(--seki-muted);\n --seki-bg-tertiary: var(--seki-accent);\n --seki-text-primary: var(--seki-foreground);\n --seki-text-secondary: var(--seki-muted-foreground);\n --seki-text-tertiary: var(--seki-neutral-400);\n --seki-border-default: var(--seki-border);\n --seki-border-emphasis: var(--seki-neutral-300);\n}\n\n/* Dark Mode Semantic Tokens */\n:host([data-theme='dark']) {\n /* Base */\n --seki-background: hsl(0, 0%, 3.9%);\n --seki-foreground: hsl(0, 0%, 98%);\n\n /* Muted */\n --seki-muted: hsl(0, 0%, 14.9%);\n --seki-muted-foreground: hsl(0, 0%, 63.9%);\n\n /* Card */\n --seki-card: hsl(0, 0%, 3.9%);\n --seki-card-foreground: hsl(0, 0%, 98%);\n\n /* Popover */\n --seki-popover: hsl(0, 0%, 3.9%);\n --seki-popover-foreground: hsl(0, 0%, 98%);\n\n /* Border */\n --seki-border: hsl(0, 0%, 14.9%);\n --seki-input: hsl(0, 0%, 14.9%);\n\n /* Primary */\n --seki-primary: hsl(0, 0%, 98%);\n --seki-primary-foreground: hsl(0, 0%, 9%);\n\n /* Secondary */\n --seki-secondary: hsl(0, 0%, 14.9%);\n --seki-secondary-foreground: hsl(0, 0%, 98%);\n\n /* Accent */\n --seki-accent: hsl(0, 0%, 14.9%);\n --seki-accent-foreground: hsl(0, 0%, 98%);\n\n /* Destructive */\n --seki-destructive: hsl(0, 62.8%, 30.6%);\n --seki-destructive-foreground: hsl(0, 0%, 98%);\n\n /* Ring */\n --seki-ring: hsl(0, 0%, 83.1%);\n\n /* Legacy aliases for backward compatibility */\n --seki-bg-primary: var(--seki-background);\n --seki-bg-secondary: var(--seki-muted);\n --seki-bg-tertiary: var(--seki-accent);\n --seki-text-primary: var(--seki-foreground);\n --seki-text-secondary: var(--seki-muted-foreground);\n --seki-text-tertiary: var(--seki-neutral-600);\n --seki-border-default: var(--seki-border);\n --seki-border-emphasis: var(--seki-neutral-700);\n\n /* Button overrides for dark mode */\n --seki-button-primary-hover-bg: hsl(0, 0%, 98%, 0.9);\n --seki-button-secondary-hover-bg: hsl(0, 0%, 14.9%, 0.8);\n}\n\n/* =============================================================================\n COMPONENT TOKENS (Layer 3: Button-Specific - shadcn/ui Style)\n ============================================================================= */\n\n:host {\n /* Button Variant: Primary (default in shadcn/ui) */\n --seki-button-primary-bg: var(--seki-primary);\n --seki-button-primary-text: var(--seki-primary-foreground);\n --seki-button-primary-border: transparent;\n --seki-button-primary-hover-bg: hsl(0, 0%, 9%, 0.9);\n --seki-button-primary-hover-text: var(--seki-primary-foreground);\n --seki-button-primary-hover-border: transparent;\n\n /* Button Variant: Secondary */\n --seki-button-secondary-bg: var(--seki-secondary);\n --seki-button-secondary-text: var(--seki-secondary-foreground);\n --seki-button-secondary-border: transparent;\n --seki-button-secondary-hover-bg: hsl(0, 0%, 96.1%, 0.8);\n --seki-button-secondary-hover-text: var(--seki-secondary-foreground);\n --seki-button-secondary-hover-border: transparent;\n\n /* Button Variant: Outline */\n --seki-button-outline-bg: transparent;\n --seki-button-outline-text: var(--seki-foreground);\n --seki-button-outline-border: var(--seki-input);\n --seki-button-outline-hover-bg: var(--seki-accent);\n --seki-button-outline-hover-text: var(--seki-accent-foreground);\n --seki-button-outline-hover-border: var(--seki-input);\n\n /* Button Variant: Ghost */\n --seki-button-ghost-bg: transparent;\n --seki-button-ghost-text: var(--seki-foreground);\n --seki-button-ghost-border: transparent;\n --seki-button-ghost-hover-bg: var(--seki-accent);\n --seki-button-ghost-hover-text: var(--seki-accent-foreground);\n --seki-button-ghost-hover-border: transparent;\n\n /* Button Variant: Destructive */\n --seki-button-destructive-bg: var(--seki-destructive);\n --seki-button-destructive-text: var(--seki-destructive-foreground);\n --seki-button-destructive-border: transparent;\n --seki-button-destructive-hover-bg: hsl(0, 84.2%, 60.2%, 0.9);\n --seki-button-destructive-hover-border: transparent;\n\n /* Button Sizing: Small */\n --seki-button-sm-padding-x: var(--seki-spacing-3, 0.75rem);\n --seki-button-sm-padding-y: 0.375rem;\n --seki-button-sm-font-size: var(--seki-text-sm, 0.875rem);\n --seki-button-sm-height: 2.25rem; /* Updated from 2rem to match shadcn (36px) */\n\n /* Button Sizing: Medium (default) */\n --seki-button-md-padding-x: var(--seki-spacing-4, 1rem);\n --seki-button-md-padding-y: var(--seki-spacing-2, 0.5rem);\n --seki-button-md-font-size: var(--seki-text-base, 1rem);\n --seki-button-md-height: 2.5rem;\n\n /* Button Sizing: Large */\n --seki-button-lg-padding-x: 2rem; /* Updated from 1.25rem to match shadcn */\n --seki-button-lg-padding-y: 0.5rem;\n --seki-button-lg-font-size: 1rem; /* Updated from 1.125rem to match shadcn */\n --seki-button-lg-height: 2.75rem; /* Updated from 3rem to match shadcn (44px) */\n\n /* Button Sizing: Icon-only (NEW - shadcn compatibility) */\n --seki-button-icon-sm-size: 2rem; /* 32x32px square */\n --seki-button-icon-size: 2.5rem; /* 40x40px square */\n --seki-button-icon-lg-size: 3rem; /* 48x48px square */\n --seki-button-icon-gap: 0.5rem; /* 8px gap between icon and text */\n\n /* Button Variant: Link (NEW - shadcn compatibility) */\n --seki-button-link-bg: transparent;\n --seki-button-link-text: var(--seki-primary);\n --seki-button-link-border: transparent;\n --seki-button-link-hover-bg: transparent;\n --seki-button-link-hover-text: var(--seki-primary);\n --seki-button-link-hover-border: transparent;\n\n /* Button Common */\n --seki-button-radius: var(--seki-radius-md, 0.375rem);\n --seki-button-font-weight: var(--seki-font-medium, 500);\n --seki-button-transition-duration: 150ms;\n --seki-button-transition-timing: ease-in-out;\n --seki-button-shadow: var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));\n --seki-button-shadow-hover: var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));\n --seki-button-disabled-opacity: 0.5;\n\n /* Input Component Colors */\n --seki-input-bg: var(--seki-background);\n --seki-input-border: var(--seki-border);\n --seki-input-text: var(--seki-foreground);\n --seki-input-placeholder: var(--seki-muted-foreground);\n --seki-input-ring: var(--seki-ring);\n --seki-input-invalid-border: var(--seki-destructive);\n --seki-input-invalid-ring: var(--seki-destructive);\n --seki-input-disabled-opacity: 0.5;\n --seki-input-radius: var(--seki-radius-md);\n --seki-input-ring-offset: 2px;\n\n /* Select Component Colors */\n --seki-select-trigger-bg: var(--seki-background);\n --seki-select-trigger-border: 1px solid var(--seki-border);\n --seki-select-trigger-bg-hover: var(--seki-muted);\n --seki-select-trigger-radius: var(--seki-radius-md);\n --seki-select-trigger-min-height: 2.5rem;\n --seki-select-trigger-padding: 0.5rem 0.75rem;\n --seki-select-trigger-gap: 0.5rem;\n\n /* Select Content/Dropdown */\n --seki-select-content-bg: var(--seki-popover);\n --seki-select-content-border: 1px solid var(--seki-border);\n --seki-select-content-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);\n --seki-select-content-radius: var(--seki-radius-md);\n --seki-select-content-padding: 0.5rem 0;\n\n /* Select Option */\n --seki-select-option-padding: 0.5rem 0.75rem;\n --seki-select-option-gap: 0.5rem;\n --seki-select-option-radius: var(--seki-radius-sm);\n --seki-select-option-bg-hover: var(--seki-muted);\n --seki-select-option-bg-selected: var(--seki-muted);\n\n /* Select Group */\n --seki-select-group-label-padding: 0.5rem 0.75rem;\n --seki-select-group-label-font-size: var(--seki-font-size-xs);\n --seki-select-group-label-font-weight: var(--seki-font-semibold);\n --seki-select-group-label-color: var(--seki-muted-foreground);\n --seki-select-group-separator: 1px solid var(--seki-border);\n}\n\n/**\n * SekiUI Design Tokens - Spacing\n * 4px base unit, rem-based scale\n */\n\n:host {\n /* Spacing Scale (4px base unit) */\n --seki-spacing-0: 0;\n --seki-spacing-0-5: 0.125rem; /* 2px */\n --seki-spacing-1: 0.25rem; /* 4px */\n --seki-spacing-1-5: 0.375rem; /* 6px */\n --seki-spacing-2: 0.5rem; /* 8px */\n --seki-spacing-2-5: 0.625rem; /* 10px */\n --seki-spacing-3: 0.75rem; /* 12px */\n --seki-spacing-3-5: 0.875rem; /* 14px */\n --seki-spacing-4: 1rem; /* 16px */\n --seki-spacing-5: 1.25rem; /* 20px */\n --seki-spacing-6: 1.5rem; /* 24px */\n --seki-spacing-8: 2rem; /* 32px */\n --seki-spacing-10: 2.5rem; /* 40px */\n --seki-spacing-12: 3rem; /* 48px */\n --seki-spacing-16: 4rem; /* 64px */\n --seki-spacing-20: 5rem; /* 80px */\n --seki-spacing-24: 6rem; /* 96px */\n\n /* Input Component Tokens */\n --seki-input-height-sm: 2rem; /* 32px */\n --seki-input-height-md: 2.5rem; /* 40px - default */\n --seki-input-height-lg: 3rem; /* 48px */\n --seki-input-padding-x: 0.75rem; /* 12px */\n --seki-input-padding-y: 0.5rem; /* 8px */\n --seki-input-font-size: 0.875rem; /* 14px */\n --seki-input-ring-offset: 2px;\n}\n\n/**\n * SekiUI Design Tokens - Shadows\n * Subtle elevation system\n */\n\n:host {\n /* Shadow Levels */\n --seki-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --seki-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --seki-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n}\n\n/**\n * SekiUI Design Tokens - Typography\n * System font stacks, sizes, weights, line heights\n */\n\n:host {\n /* Font Families */\n --seki-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n Arial, sans-serif;\n --seki-font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;\n\n /* Font Sizes (rem-based) */\n --seki-text-xs: 0.75rem; /* 12px */\n --seki-text-sm: 0.875rem; /* 14px */\n --seki-text-base: 1rem; /* 16px */\n --seki-text-lg: 1.125rem; /* 18px */\n --seki-text-xl: 1.25rem; /* 20px */\n --seki-text-2xl: 1.5rem; /* 24px */\n --seki-text-3xl: 1.875rem; /* 30px */\n --seki-text-4xl: 2.25rem; /* 36px */\n\n /* Font Weights */\n --seki-font-normal: 400;\n --seki-font-medium: 500;\n --seki-font-semibold: 600;\n --seki-font-bold: 700;\n\n /* Line Heights */\n --seki-leading-tight: 1.25;\n --seki-leading-normal: 1.5;\n --seki-leading-relaxed: 1.75;\n}\n\n/**\n * SekiUI Design Tokens - Border Radius\n * Four-level radius system\n */\n\n:host {\n /* Border Radius Levels */\n --seki-radius-sm: 0.25rem; /* 4px */\n --seki-radius-md: 0.375rem; /* 6px */\n --seki-radius-lg: 0.5rem; /* 8px */\n --seki-radius-xl: 1rem; /* 16px */\n}\n\n/**\n * SekiUI Design Tokens - Sidebar\n * Based on shadcn/ui sidebar component\n */\n\n/* =============================================================================\n SIDEBAR TOKENS (Layer 3: Component-Specific)\n ============================================================================= */\n\n:host {\n /* Sidebar Sizing */\n --seki-sidebar-width: 16rem;\n --seki-sidebar-width-icon: 3rem;\n --seki-sidebar-width-mobile: 18rem;\n\n /* Sidebar Colors - Light Mode */\n --seki-sidebar-background: hsl(0, 0%, 98.5%);\n --seki-sidebar-foreground: hsl(0, 0%, 9%);\n --seki-sidebar-primary: hsl(0, 0%, 12%);\n --seki-sidebar-primary-foreground: hsl(0, 0%, 98.5%);\n --seki-sidebar-accent: hsl(0, 0%, 97%);\n --seki-sidebar-accent-foreground: hsl(0, 0%, 12%);\n --seki-sidebar-border: hsl(0, 0%, 90%);\n --seki-sidebar-ring: hsl(0, 0%, 64%);\n\n /* Menu Button Sizing */\n --seki-sidebar-menu-button-height: 2rem;\n --seki-sidebar-menu-button-height-lg: 3rem;\n --seki-sidebar-menu-button-padding: 0.5rem;\n --seki-sidebar-menu-button-gap: 0.5rem;\n --seki-sidebar-menu-button-radius: var(--seki-radius-md, 0.375rem);\n\n /* Menu Sub */\n --seki-sidebar-menu-sub-padding-left: 1.75rem;\n --seki-sidebar-menu-sub-border-width: 1px;\n\n /* Group */\n --seki-sidebar-group-padding: 0.5rem;\n --seki-sidebar-group-label-height: 2rem;\n --seki-sidebar-group-label-padding: 0.5rem;\n\n /* Header/Footer */\n --seki-sidebar-header-height: auto;\n --seki-sidebar-footer-height: auto;\n --seki-sidebar-header-padding: 0.5rem;\n --seki-sidebar-footer-padding: 0.5rem;\n\n /* Content */\n --seki-sidebar-content-padding: 0.5rem;\n\n /* Rail */\n --seki-sidebar-rail-width: 1rem;\n\n /* Transitions */\n --seki-sidebar-transition-duration: 200ms;\n --seki-sidebar-transition-timing: ease-in-out;\n\n /* Mobile */\n --seki-sidebar-mobile-breakpoint: 768px;\n --seki-sidebar-overlay-bg: hsla(0, 0%, 0%, 0.8);\n}\n\n/* Dark Mode Sidebar Tokens */\n:host([data-theme='dark']) {\n --seki-sidebar-background: hsl(0, 0%, 12%);\n --seki-sidebar-foreground: hsl(0, 0%, 98.5%);\n --seki-sidebar-primary: hsl(264, 100%, 60%);\n --seki-sidebar-primary-foreground: hsl(0, 0%, 98.5%);\n --seki-sidebar-accent: hsl(0, 0%, 18%);\n --seki-sidebar-accent-foreground: hsl(0, 0%, 98.5%);\n --seki-sidebar-border: hsla(0, 0%, 100%, 0.1);\n --seki-sidebar-ring: hsl(0, 0%, 40%);\n}\n\n\n\n:host {\n display: block;\n}\n\n.field {\n display: grid;\n gap: var(--seki-field-spacing, 0.5rem);\n}\n\n/* Vertical orientation (default) */\n:host([data-orientation=\"vertical\"]) .field {\n grid-template-columns: 1fr;\n grid-template-areas:\n \"label\"\n \"control\"\n \"description\"\n \"error\";\n}\n\n/* Horizontal orientation */\n:host([data-orientation=\"horizontal\"]) .field {\n grid-template-columns: auto 1fr;\n grid-template-areas:\n \"label control\"\n \"description description\"\n \"error error\";\n gap: var(--seki-field-gap-horizontal, 1rem) var(--seki-field-spacing, 0.5rem);\n align-items: start;\n}\n\n:host([data-orientation=\"horizontal\"]) .field-label {\n padding-top: 0.25rem; /* Align with input */\n}\n\n/* Responsive orientation - uses container queries */\n:host([data-orientation=\"responsive\"]) .field {\n container-type: inline-size;\n grid-template-columns: 1fr;\n grid-template-areas:\n \"label\"\n \"control\"\n \"description\"\n \"error\";\n}\n\n@container (min-width: 600px) {\n :host([data-orientation=\"responsive\"]) .field {\n grid-template-columns: auto 1fr;\n grid-template-areas:\n \"label control\"\n \"description description\"\n \"error error\";\n gap: var(--seki-field-gap-horizontal, 1rem) var(--seki-field-spacing, 0.5rem);\n }\n\n :host([data-orientation=\"responsive\"]) .field-label {\n padding-top: 0.25rem;\n }\n}\n\n/* Grid areas */\n.field-label {\n grid-area: label;\n}\n\n.field-control {\n grid-area: control;\n}\n\n.field-description {\n grid-area: description;\n}\n\n.field-error {\n grid-area: error;\n}\n\n/* Hide empty slots */\n.field-label:empty,\n.field-description:empty,\n.field-error:empty {\n display: none;\n}\n\n/* Invalid state styling */\n:host([data-invalid]) .field {\n /* Visual indicator for invalid state (handled by individual components) */\n}\n\n/* Reduced motion */\n@media (prefers-reduced-motion: reduce) {\n .field {\n transition: none;\n }\n}\n";
|
|
6
6
|
|
|
7
7
|
const SekiField = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -38,7 +38,7 @@ const SekiField = class {
|
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
40
|
const hasMultiple = this.hasMultipleControls();
|
|
41
|
-
return (index.h(index.Host, { key: '
|
|
41
|
+
return (index.h(index.Host, { key: '368ce17a5c83bb70a72b1b4633f2c4354ce70662', "data-orientation": this.orientation, "data-invalid": this.invalid ? '' : undefined, role: hasMultiple ? 'group' : undefined }, index.h("div", { key: '02f59f52887c2e37042cb10b9cfc321e30cda93e', class: "field" }, index.h("div", { key: '7ffeab10176792fb2ade522fdf41adb386d027e7', class: "field-label" }, index.h("slot", { key: 'a472aa684cbe1e7e7841ff5ac224a2fc36d8d89e', name: "label" })), index.h("div", { key: '8c9b20d9382b0e9eaec53b769c98c73df01043b6', class: "field-control" }, index.h("slot", { key: 'c58c728cd6728217e77109ed1e7cbb333bd67bc5' })), index.h("div", { key: '77d1da52fbb55440652f3904962e3fa370b384dc', class: "field-description" }, index.h("slot", { key: 'f260220579faa7eaf25e889d417b10505f177b32', name: "description" })), index.h("div", { key: 'ccf6a599eff2684de07580c0b6fe954667cec138', class: "field-error" }, index.h("slot", { key: '74ed70df1ee6b688eb924cd7d6c2a66037d51067', name: "error" })))));
|
|
42
42
|
}
|
|
43
43
|
get el() { return index.getElement(this); }
|
|
44
44
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DzoHqiUq.js');
|
|
4
4
|
|
|
5
|
-
const sekiFieldsetCss = ":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}.fieldset{border:var(--seki-fieldset-border-width, 1px) solid var(--seki-fieldset-border-color, hsl(var(--seki-border)));border-radius:var(--seki-fieldset-border-radius, var(--seki-radius-md));padding:var(--seki-fieldset-padding, 1rem);margin:0}.fieldset:disabled{opacity:0.5;cursor:not-allowed}.fieldset-content{display:contents}@media (prefers-reduced-motion: reduce){.fieldset{transition:none}}";
|
|
5
|
+
const sekiFieldsetCss = ":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}.fieldset{border:var(--seki-fieldset-border-width, 1px) solid var(--seki-fieldset-border-color, hsl(var(--seki-border)));border-radius:var(--seki-fieldset-border-radius, var(--seki-radius-md));padding:var(--seki-fieldset-padding, 1rem);margin:0}.fieldset:disabled{opacity:0.5;cursor:not-allowed}.fieldset-content{display:contents}@media (prefers-reduced-motion: reduce){.fieldset{transition:none}}";
|
|
6
6
|
|
|
7
7
|
const SekiFieldset = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -14,7 +14,7 @@ const SekiFieldset = class {
|
|
|
14
14
|
this.disabled = false;
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
return (index.h("fieldset", { key: '
|
|
17
|
+
return (index.h("fieldset", { key: 'bea8b53e93bdeed59d987ba95e299d4adbe1dc00', disabled: this.disabled, class: "fieldset" }, index.h("slot", { key: 'e62dd293f164c79a55ff89ac2664e4bc5db59d12', name: "legend" }), index.h("div", { key: 'ff082d64f543988644c742fe39cd70bcec5bf061', class: "fieldset-content" }, index.h("slot", { key: '4a65b5b6421e0ba04d02f471ac758ba60b6eeda5' }))));
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
SekiFieldset.style = sekiFieldsetCss;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DzoHqiUq.js');
|
|
4
4
|
|
|
5
|
-
const sekiInputCss = ":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:inline-block;width:100%}.input{box-sizing:border-box;width:100%;font-family:var(--seki-font-sans);font-size:var(--seki-input-font-size, var(--seki-font-size-base));font-weight:var(--seki-font-normal);line-height:var(--seki-leading-normal);border-radius:var(--seki-input-radius);border:1px solid var(--seki-input-border);background:var(--seki-input-bg);color:var(--seki-input-text);padding:var(--seki-input-padding-y) var(--seki-input-padding-x);transition:border-color 0.2s ease, box-shadow 0.2s ease}.input::placeholder{color:var(--seki-input-placeholder)}.input:focus-visible{outline:2px solid var(--seki-input-ring);outline-offset:var(--seki-input-ring-offset);border-color:var(--seki-input-ring)}.input:disabled{cursor:not-allowed;opacity:var(--seki-input-disabled-opacity)}.input:read-only{background:var(--seki-muted)}.input--invalid{border-color:var(--seki-input-invalid-border)}.input--invalid:focus-visible{outline-color:var(--seki-input-invalid-ring);border-color:var(--seki-input-invalid-border)}.input--sm{height:var(--seki-input-height-sm);font-size:var(--seki-font-size-sm);padding:calc(var(--seki-input-padding-y) * 0.75) calc(var(--seki-input-padding-x) * 0.875)}.input--md{height:var(--seki-input-height-md);font-size:var(--seki-font-size-base)}.input--lg{height:var(--seki-input-height-lg);font-size:var(--seki-font-size-lg);padding:calc(var(--seki-input-padding-y) * 1.25) calc(var(--seki-input-padding-x) * 1.125)}.input[type=\"file\"]::file-selector-button{border:0;background:transparent;font-size:var(--seki-input-font-size);font-weight:500;margin-right:0.75rem;cursor:pointer;color:var(--seki-input-text)}.input[type=\"file\"]::file-selector-button:hover{text-decoration:underline}@media (prefers-reduced-motion: reduce){.input{transition:none}}";
|
|
5
|
+
const sekiInputCss = ":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:inline-block;width:100%}.input{box-sizing:border-box;width:100%;font-family:var(--seki-font-sans);font-size:var(--seki-input-font-size, var(--seki-font-size-base));font-weight:var(--seki-font-normal);line-height:var(--seki-leading-normal);border-radius:var(--seki-input-radius);border:1px solid var(--seki-input-border);background:var(--seki-input-bg);color:var(--seki-input-text);padding:var(--seki-input-padding-y) var(--seki-input-padding-x);transition:border-color 0.2s ease, box-shadow 0.2s ease}.input::placeholder{color:var(--seki-input-placeholder)}.input:focus-visible{outline:2px solid var(--seki-input-ring);outline-offset:var(--seki-input-ring-offset);border-color:var(--seki-input-ring)}.input:disabled{cursor:not-allowed;opacity:var(--seki-input-disabled-opacity)}.input:read-only{background:var(--seki-muted)}.input--invalid{border-color:var(--seki-input-invalid-border)}.input--invalid:focus-visible{outline-color:var(--seki-input-invalid-ring);border-color:var(--seki-input-invalid-border)}.input--sm{height:var(--seki-input-height-sm);font-size:var(--seki-font-size-sm);padding:calc(var(--seki-input-padding-y) * 0.75) calc(var(--seki-input-padding-x) * 0.875)}.input--md{height:var(--seki-input-height-md);font-size:var(--seki-font-size-base)}.input--lg{height:var(--seki-input-height-lg);font-size:var(--seki-font-size-lg);padding:calc(var(--seki-input-padding-y) * 1.25) calc(var(--seki-input-padding-x) * 1.125)}.input[type=\"file\"]::file-selector-button{border:0;background:transparent;font-size:var(--seki-input-font-size);font-weight:500;margin-right:0.75rem;cursor:pointer;color:var(--seki-input-text)}.input[type=\"file\"]::file-selector-button:hover{text-decoration:underline}@media (prefers-reduced-motion: reduce){.input{transition:none}}";
|
|
6
6
|
|
|
7
7
|
const SekiInput = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -92,7 +92,7 @@ const SekiInput = class {
|
|
|
92
92
|
}
|
|
93
93
|
}
|
|
94
94
|
render() {
|
|
95
|
-
return (index.h("input", { key: '
|
|
95
|
+
return (index.h("input", { key: 'c01552f831d8630ee52f84c54ed7aaffe65ea56e', type: this.type, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, name: this.name, autocomplete: this.autocomplete, min: this.min, max: this.max, step: this.step, pattern: this.pattern, minlength: this.minlength, maxlength: this.maxlength, class: `input input--${this.size}${this.invalid ? ' input--invalid' : ''}`, "aria-label": this.ariaLabel, "aria-describedby": this.ariaDescribedby, "aria-invalid": this.invalid ? 'true' : null, "aria-disabled": this.disabled ? 'true' : null, onInput: this.handleInput, onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur }));
|
|
96
96
|
}
|
|
97
97
|
static get formAssociated() { return true; }
|
|
98
98
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DzoHqiUq.js');
|
|
4
4
|
|
|
5
|
-
const sekiSelectContentCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.1%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:hsl(0, 0%, 9%, 0.9);--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:hsl(0, 0%, 96.1%, 0.8);--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{display:block;position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;min-width:100%}.content-container{background:var(--seki-select-content-bg);border:var(--seki-select-content-border);border-radius:var(--seki-select-content-radius);box-shadow:var(--seki-select-content-shadow);padding:var(--seki-select-content-padding, 0.5rem 0);width:100%}.content-scroll{overflow-y:auto;overflow-x:hidden}.content-scroll::-webkit-scrollbar{width:8px}.content-scroll::-webkit-scrollbar-track{background:transparent}.content-scroll::-webkit-scrollbar-thumb{background:var(--seki-color-border);border-radius:4px}.content-scroll::-webkit-scrollbar-thumb:hover{background:var(--seki-color-muted-foreground)}[data-theme=\"dark\"] .content-container{background:var(--seki-select-content-bg);border-color:var(--seki-color-border)}";
|
|
5
|
+
const sekiSelectContentCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.1%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:hsl(0, 0%, 9%, 0.9);--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:hsl(0, 0%, 96.1%, 0.8);--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:hsl(0, 0%, 98.5%);--seki-sidebar-foreground:hsl(0, 0%, 9%);--seki-sidebar-primary:hsl(0, 0%, 12%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 97%);--seki-sidebar-accent-foreground:hsl(0, 0%, 12%);--seki-sidebar-border:hsl(0, 0%, 90%);--seki-sidebar-ring:hsl(0, 0%, 64%);--seki-sidebar-menu-button-height:2rem;--seki-sidebar-menu-button-height-lg:3rem;--seki-sidebar-menu-button-padding:0.5rem;--seki-sidebar-menu-button-gap:0.5rem;--seki-sidebar-menu-button-radius:var(--seki-radius-md, 0.375rem);--seki-sidebar-menu-sub-padding-left:1.75rem;--seki-sidebar-menu-sub-border-width:1px;--seki-sidebar-group-padding:0.5rem;--seki-sidebar-group-label-height:2rem;--seki-sidebar-group-label-padding:0.5rem;--seki-sidebar-header-height:auto;--seki-sidebar-footer-height:auto;--seki-sidebar-header-padding:0.5rem;--seki-sidebar-footer-padding:0.5rem;--seki-sidebar-content-padding:0.5rem;--seki-sidebar-rail-width:1rem;--seki-sidebar-transition-duration:200ms;--seki-sidebar-transition-timing:ease-in-out;--seki-sidebar-mobile-breakpoint:768px;--seki-sidebar-overlay-bg:hsla(0, 0%, 0%, 0.8)}:host([data-theme='dark']){--seki-sidebar-background:hsl(0, 0%, 12%);--seki-sidebar-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-primary:hsl(264, 100%, 60%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 18%);--seki-sidebar-accent-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-border:hsla(0, 0%, 100%, 0.1);--seki-sidebar-ring:hsl(0, 0%, 40%)}:host{display:block;position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;min-width:100%}.content-container{background:var(--seki-select-content-bg);border:var(--seki-select-content-border);border-radius:var(--seki-select-content-radius);box-shadow:var(--seki-select-content-shadow);padding:var(--seki-select-content-padding, 0.5rem 0);width:100%}.content-scroll{overflow-y:auto;overflow-x:hidden}.content-scroll::-webkit-scrollbar{width:8px}.content-scroll::-webkit-scrollbar-track{background:transparent}.content-scroll::-webkit-scrollbar-thumb{background:var(--seki-color-border);border-radius:4px}.content-scroll::-webkit-scrollbar-thumb:hover{background:var(--seki-color-muted-foreground)}[data-theme=\"dark\"] .content-container{background:var(--seki-select-content-bg);border-color:var(--seki-color-border)}";
|
|
6
6
|
|
|
7
7
|
const SekiSelectContent = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DzoHqiUq.js');
|
|
4
4
|
|
|
5
|
-
const sekiSelectGroupCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.1%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:hsl(0, 0%, 9%, 0.9);--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:hsl(0, 0%, 96.1%, 0.8);--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{display:block}.group{display:flex;flex-direction:column}.group-separator{height:0;border-top:var(--seki-select-group-separator);margin:var(--seki-spacing-2) 0}.group-label{padding:var(--seki-select-group-label-padding);font-family:var(--seki-font-sans);font-size:var(--seki-select-group-label-font-size, var(--seki-font-size-xs));font-weight:var(--seki-select-group-label-font-weight, var(--seki-font-semibold));line-height:var(--seki-leading-tight);color:var(--seki-select-group-label-color, var(--seki-muted-foreground));text-transform:uppercase;letter-spacing:0.05em;user-select:none;pointer-events:none}.group-options{display:flex;flex-direction:column}[data-theme=\"dark\"] .group-label{color:var(--seki-select-group-label-color)}[data-theme=\"dark\"] .group-separator{border-color:var(--seki-color-border)}";
|
|
5
|
+
const sekiSelectGroupCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.1%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:hsl(0, 0%, 9%, 0.9);--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:hsl(0, 0%, 96.1%, 0.8);--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:hsl(0, 0%, 98.5%);--seki-sidebar-foreground:hsl(0, 0%, 9%);--seki-sidebar-primary:hsl(0, 0%, 12%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 97%);--seki-sidebar-accent-foreground:hsl(0, 0%, 12%);--seki-sidebar-border:hsl(0, 0%, 90%);--seki-sidebar-ring:hsl(0, 0%, 64%);--seki-sidebar-menu-button-height:2rem;--seki-sidebar-menu-button-height-lg:3rem;--seki-sidebar-menu-button-padding:0.5rem;--seki-sidebar-menu-button-gap:0.5rem;--seki-sidebar-menu-button-radius:var(--seki-radius-md, 0.375rem);--seki-sidebar-menu-sub-padding-left:1.75rem;--seki-sidebar-menu-sub-border-width:1px;--seki-sidebar-group-padding:0.5rem;--seki-sidebar-group-label-height:2rem;--seki-sidebar-group-label-padding:0.5rem;--seki-sidebar-header-height:auto;--seki-sidebar-footer-height:auto;--seki-sidebar-header-padding:0.5rem;--seki-sidebar-footer-padding:0.5rem;--seki-sidebar-content-padding:0.5rem;--seki-sidebar-rail-width:1rem;--seki-sidebar-transition-duration:200ms;--seki-sidebar-transition-timing:ease-in-out;--seki-sidebar-mobile-breakpoint:768px;--seki-sidebar-overlay-bg:hsla(0, 0%, 0%, 0.8)}:host([data-theme='dark']){--seki-sidebar-background:hsl(0, 0%, 12%);--seki-sidebar-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-primary:hsl(264, 100%, 60%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 18%);--seki-sidebar-accent-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-border:hsla(0, 0%, 100%, 0.1);--seki-sidebar-ring:hsl(0, 0%, 40%)}:host{display:block}.group{display:flex;flex-direction:column}.group-separator{height:0;border-top:var(--seki-select-group-separator);margin:var(--seki-spacing-2) 0}.group-label{padding:var(--seki-select-group-label-padding);font-family:var(--seki-font-sans);font-size:var(--seki-select-group-label-font-size, var(--seki-font-size-xs));font-weight:var(--seki-select-group-label-font-weight, var(--seki-font-semibold));line-height:var(--seki-leading-tight);color:var(--seki-select-group-label-color, var(--seki-muted-foreground));text-transform:uppercase;letter-spacing:0.05em;user-select:none;pointer-events:none}.group-options{display:flex;flex-direction:column}[data-theme=\"dark\"] .group-label{color:var(--seki-select-group-label-color)}[data-theme=\"dark\"] .group-separator{border-color:var(--seki-color-border)}";
|
|
6
6
|
|
|
7
7
|
const SekiSelectGroup = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -13,7 +13,7 @@ const SekiSelectGroup = class {
|
|
|
13
13
|
// Render
|
|
14
14
|
// ===========================
|
|
15
15
|
render() {
|
|
16
|
-
return (index.h(index.Host, { key: '
|
|
16
|
+
return (index.h(index.Host, { key: 'f8381b944d94b4aa33150ba207c1c11513a8ae3d' }, index.h("div", { key: '6e50621d0c40cb76a5b6f057bad1607b8b25117c', class: "group", role: "group", "aria-labelledby": this.groupLabelId }, index.h("div", { key: 'e15e64d2de996fbbe634eaea668151fb87e09ebc', class: "group-separator", "aria-hidden": "true" }), index.h("div", { key: '78edab9072b188a693cd15e754ea200c2ad49fa2', class: "group-label", id: this.groupLabelId, role: "presentation" }, index.h("slot", { key: '9ed43be42fe5d1565160568370efa7efdd897416', name: "label" }, this.label)), index.h("div", { key: '2d2fe8b2bcc6352fee3954ed9cface5c29a03415', class: "group-options" }, index.h("slot", { key: '6ffecca01f13e86b21eb0291e6938173a0c37dfa' })))));
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
19
|
SekiSelectGroup.style = sekiSelectGroupCss;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DzoHqiUq.js');
|
|
4
4
|
|
|
5
|
-
const sekiSelectOptionCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.1%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:hsl(0, 0%, 9%, 0.9);--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:hsl(0, 0%, 96.1%, 0.8);--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{display:block}.option{display:flex;align-items:center;justify-content:space-between;gap:var(--seki-select-option-gap);padding:var(--seki-select-option-padding);border-radius:var(--seki-select-option-radius);cursor:pointer;transition:background-color 0.15s ease;user-select:none}.option:hover:not([data-disabled=\"true\"]){background:var(--seki-select-option-bg-hover)}.option[data-focused=\"true\"]:not([data-disabled=\"true\"]){background:var(--seki-select-option-bg-hover);outline:2px solid var(--seki-color-ring);outline-offset:-2px}.option[data-selected=\"true\"]{background:var(--seki-select-option-bg-selected)}.option[data-disabled=\"true\"]{cursor:not-allowed;opacity:0.5}.option-label{flex:1;color:var(--seki-color-foreground);font-family:var(--seki-font-sans);font-size:var(--seki-font-size-base);font-weight:var(--seki-font-normal);line-height:var(--seki-leading-normal)}.option-indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--seki-color-foreground)}[data-theme=\"dark\"] .option{color:var(--seki-color-foreground)}[data-theme=\"dark\"] .option:hover:not([data-disabled=\"true\"]){background:var(--seki-select-option-bg-hover)}[data-theme=\"dark\"] .option[data-selected=\"true\"]{background:var(--seki-select-option-bg-selected)}@media (prefers-reduced-motion: reduce){.option{transition:none}}";
|
|
5
|
+
const sekiSelectOptionCss = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.1%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:hsl(0, 0%, 9%, 0.9);--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:hsl(0, 0%, 96.1%, 0.8);--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:hsl(0, 0%, 98.5%);--seki-sidebar-foreground:hsl(0, 0%, 9%);--seki-sidebar-primary:hsl(0, 0%, 12%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 97%);--seki-sidebar-accent-foreground:hsl(0, 0%, 12%);--seki-sidebar-border:hsl(0, 0%, 90%);--seki-sidebar-ring:hsl(0, 0%, 64%);--seki-sidebar-menu-button-height:2rem;--seki-sidebar-menu-button-height-lg:3rem;--seki-sidebar-menu-button-padding:0.5rem;--seki-sidebar-menu-button-gap:0.5rem;--seki-sidebar-menu-button-radius:var(--seki-radius-md, 0.375rem);--seki-sidebar-menu-sub-padding-left:1.75rem;--seki-sidebar-menu-sub-border-width:1px;--seki-sidebar-group-padding:0.5rem;--seki-sidebar-group-label-height:2rem;--seki-sidebar-group-label-padding:0.5rem;--seki-sidebar-header-height:auto;--seki-sidebar-footer-height:auto;--seki-sidebar-header-padding:0.5rem;--seki-sidebar-footer-padding:0.5rem;--seki-sidebar-content-padding:0.5rem;--seki-sidebar-rail-width:1rem;--seki-sidebar-transition-duration:200ms;--seki-sidebar-transition-timing:ease-in-out;--seki-sidebar-mobile-breakpoint:768px;--seki-sidebar-overlay-bg:hsla(0, 0%, 0%, 0.8)}:host([data-theme='dark']){--seki-sidebar-background:hsl(0, 0%, 12%);--seki-sidebar-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-primary:hsl(264, 100%, 60%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 18%);--seki-sidebar-accent-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-border:hsla(0, 0%, 100%, 0.1);--seki-sidebar-ring:hsl(0, 0%, 40%)}:host{display:block}.option{display:flex;align-items:center;justify-content:space-between;gap:var(--seki-select-option-gap);padding:var(--seki-select-option-padding);border-radius:var(--seki-select-option-radius);cursor:pointer;transition:background-color 0.15s ease;user-select:none}.option:hover:not([data-disabled=\"true\"]){background:var(--seki-select-option-bg-hover)}.option[data-focused=\"true\"]:not([data-disabled=\"true\"]){background:var(--seki-select-option-bg-hover);outline:2px solid var(--seki-color-ring);outline-offset:-2px}.option[data-selected=\"true\"]{background:var(--seki-select-option-bg-selected)}.option[data-disabled=\"true\"]{cursor:not-allowed;opacity:0.5}.option-label{flex:1;color:var(--seki-color-foreground);font-family:var(--seki-font-sans);font-size:var(--seki-font-size-base);font-weight:var(--seki-font-normal);line-height:var(--seki-leading-normal)}.option-indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--seki-color-foreground)}[data-theme=\"dark\"] .option{color:var(--seki-color-foreground)}[data-theme=\"dark\"] .option:hover:not([data-disabled=\"true\"]){background:var(--seki-select-option-bg-hover)}[data-theme=\"dark\"] .option[data-selected=\"true\"]{background:var(--seki-select-option-bg-selected)}@media (prefers-reduced-motion: reduce){.option{transition:none}}";
|
|
6
6
|
|
|
7
7
|
const SekiSelectOption = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -79,7 +79,7 @@ const SekiSelectOption = class {
|
|
|
79
79
|
const selectContext = this.getSelectContext();
|
|
80
80
|
const isSelected = (selectContext === null || selectContext === void 0 ? void 0 : selectContext.isValueSelected(this.value)) || false;
|
|
81
81
|
const isFocused = (selectContext === null || selectContext === void 0 ? void 0 : selectContext.focusedOptionValue) === this.value;
|
|
82
|
-
return (index.h(index.Host, { key: '
|
|
82
|
+
return (index.h(index.Host, { key: '4cdd85692cc503cafa31300f8744102223987337' }, index.h("div", { key: '4ddfc3f3362708ddfd177117d8cc41e691274c44', class: "option", role: "option", id: this.optionId, onClick: this.handleOptionClick, onFocus: this.handleOptionFocus, onKeyDown: this.handleOptionKeyDown, "aria-selected": isSelected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, "data-selected": isSelected ? 'true' : undefined, "data-focused": isFocused ? 'true' : undefined, "data-disabled": this.disabled ? 'true' : undefined, tabindex: -1 }, index.h("span", { key: '031afc27ec527d600c67b1eda6e90cd3c8cab96d', class: "option-label" }, index.h("slot", { key: '71d4b910f10114e5b6baa57673078172af331c2b' })), isSelected && (index.h("span", { key: '93c7e76e7ab8f589f070bd03b1d9ee110480f5f1', class: "option-indicator", "aria-hidden": "true" }, index.h("slot", { key: 'c035a4ebb4e4d0a94c07ae70423476d6ba09cf89', name: "selected-indicator" }, index.h("svg", { key: 'fa2a4b375cbbfe5e0e7b358d52ddb1ab4cd794a2', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '75c363fadeb56661aa18e390297d5f2cfcae78b9', d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
|
|
83
83
|
}
|
|
84
84
|
get el() { return index.getElement(this); }
|
|
85
85
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DzoHqiUq.js');
|
|
4
4
|
|
|
5
|
-
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}}";
|
|
5
|
+
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}}";
|
|
6
6
|
|
|
7
7
|
const SekiSelectTrigger = class {
|
|
8
8
|
constructor(hostRef) {
|