@casinogate/ui 1.11.14 → 2.0.1
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/assets/css/root.css +227 -1
- package/dist/atomic/icons/asterisk.svelte +12 -0
- package/dist/atomic/icons/asterisk.svelte.d.ts +3 -0
- package/dist/atomic/icons/caret-down.svelte +12 -0
- package/dist/atomic/icons/caret-down.svelte.d.ts +3 -0
- package/dist/atomic/icons/caret-up.svelte +12 -0
- package/dist/atomic/icons/caret-up.svelte.d.ts +3 -0
- package/dist/atomic/icons/check.svelte +12 -0
- package/dist/atomic/icons/check.svelte.d.ts +3 -0
- package/dist/atomic/icons/checkmark.svelte +12 -0
- package/dist/atomic/icons/checkmark.svelte.d.ts +3 -0
- package/dist/atomic/icons/chevron-down.svelte +12 -0
- package/dist/atomic/icons/chevron-down.svelte.d.ts +3 -0
- package/dist/atomic/icons/chevron-left.svelte +12 -0
- package/dist/atomic/icons/chevron-left.svelte.d.ts +3 -0
- package/dist/atomic/icons/chevron-right.svelte +12 -0
- package/dist/atomic/icons/chevron-right.svelte.d.ts +3 -0
- package/dist/atomic/icons/chevron-small-down.svelte +14 -0
- package/dist/atomic/icons/chevron-small-down.svelte.d.ts +3 -0
- package/dist/atomic/icons/chevron-small-left.svelte +14 -0
- package/dist/atomic/icons/chevron-small-left.svelte.d.ts +3 -0
- package/dist/atomic/icons/chevron-small-right.svelte +14 -0
- package/dist/atomic/icons/chevron-small-right.svelte.d.ts +3 -0
- package/dist/atomic/icons/chevron-small-up.svelte +14 -0
- package/dist/atomic/icons/chevron-small-up.svelte.d.ts +3 -0
- package/dist/atomic/icons/chevron-up.svelte +12 -0
- package/dist/atomic/icons/chevron-up.svelte.d.ts +3 -0
- package/dist/atomic/icons/cross.svelte +12 -0
- package/dist/atomic/icons/cross.svelte.d.ts +3 -0
- package/dist/atomic/icons/dots.svelte +20 -0
- package/dist/atomic/icons/dots.svelte.d.ts +3 -0
- package/dist/atomic/icons/error.svelte +12 -0
- package/dist/atomic/icons/error.svelte.d.ts +3 -0
- package/dist/atomic/icons/exports.d.ts +31 -0
- package/dist/atomic/icons/exports.js +31 -0
- package/dist/atomic/icons/eye-crossed.svelte +14 -0
- package/dist/atomic/icons/eye-crossed.svelte.d.ts +3 -0
- package/dist/atomic/icons/eye.svelte +17 -0
- package/dist/atomic/icons/eye.svelte.d.ts +3 -0
- package/dist/atomic/icons/file.svelte +8 -0
- package/dist/atomic/icons/file.svelte.d.ts +26 -0
- package/dist/atomic/icons/index.d.ts +2 -0
- package/dist/atomic/icons/index.js +1 -0
- package/dist/atomic/icons/info.svelte +12 -0
- package/dist/atomic/icons/info.svelte.d.ts +3 -0
- package/dist/atomic/icons/magnifier.svelte +12 -0
- package/dist/atomic/icons/magnifier.svelte.d.ts +3 -0
- package/dist/atomic/icons/minus.svelte +12 -0
- package/dist/atomic/icons/minus.svelte.d.ts +3 -0
- package/dist/atomic/icons/plus.svelte +9 -0
- package/dist/atomic/icons/plus.svelte.d.ts +3 -0
- package/dist/atomic/icons/sidebar-toggle.svelte +16 -0
- package/dist/atomic/icons/sidebar-toggle.svelte.d.ts +3 -0
- package/dist/atomic/icons/slash.svelte +9 -0
- package/dist/atomic/icons/slash.svelte.d.ts +3 -0
- package/dist/atomic/icons/sort-down.svelte +14 -0
- package/dist/atomic/icons/sort-down.svelte.d.ts +3 -0
- package/dist/atomic/icons/sort-up.svelte +14 -0
- package/dist/atomic/icons/sort-up.svelte.d.ts +3 -0
- package/dist/atomic/icons/sort.svelte +16 -0
- package/dist/atomic/icons/sort.svelte.d.ts +3 -0
- package/dist/atomic/icons/spinner.svelte +9 -0
- package/dist/atomic/icons/spinner.svelte.d.ts +3 -0
- package/dist/atomic/icons/success.svelte +12 -0
- package/dist/atomic/icons/success.svelte.d.ts +3 -0
- package/dist/atomic/icons/types.d.ts +2 -0
- package/dist/atomic/icons/warning.svelte +12 -0
- package/dist/atomic/icons/warning.svelte.d.ts +3 -0
- package/dist/atomic/index.d.ts +1 -0
- package/dist/atomic/index.js +1 -0
- package/dist/components/app-shell/index.d.ts +2 -2
- package/dist/components/app-shell/index.js +1 -1
- package/dist/components/badge/badge.svelte +2 -1
- package/dist/components/breadcrumb/index.d.ts +1 -1
- package/dist/components/breadcrumb/index.js +1 -1
- package/dist/components/breadcrumb/styles.d.ts +3 -3
- package/dist/components/combobox/api/create-collection.js +1 -1
- package/dist/components/combobox/index.d.ts +2 -3
- package/dist/components/combobox/index.js +1 -3
- package/dist/components/combobox/presets/async/combobox.async.svelte +3 -2
- package/dist/components/combobox/types.d.ts +1 -1
- package/dist/components/command/index.d.ts +2 -3
- package/dist/components/command/index.js +1 -3
- package/dist/components/data-table/index.d.ts +1 -6
- package/dist/components/data-table/index.js +1 -4
- package/dist/components/dialog/_ui/basic-dialog/basic-dialog.svelte +1 -2
- package/dist/components/dialog/_ui/nested-dialog/nested-dialog.svelte +1 -1
- package/dist/components/dialog/index.d.ts +3 -5
- package/dist/components/dialog/index.js +2 -4
- package/dist/components/dropdown/index.d.ts +3 -2
- package/dist/components/dropdown/index.js +1 -1
- package/dist/components/field/index.d.ts +1 -1
- package/dist/components/field/index.js +1 -1
- package/dist/components/file-upload/index.d.ts +3 -3
- package/dist/components/file-upload/index.js +2 -3
- package/dist/components/icons/check.svelte +1 -1
- package/dist/components/icons/exports.d.ts +1 -31
- package/dist/components/icons/exports.js +1 -31
- package/dist/components/icons/index.d.ts +1 -2
- package/dist/components/icons/index.js +1 -1
- package/dist/components/icons/types.d.ts +1 -2
- package/dist/components/navigation/index.d.ts +3 -3
- package/dist/components/navigation/index.js +1 -2
- package/dist/components/pagination/components/index.d.ts +1 -1
- package/dist/components/pagination/components/index.js +1 -1
- package/dist/components/pagination/components/pagination.page-size.svelte +3 -35
- package/dist/components/pagination/components/pagination.page-size.svelte.d.ts +1 -1
- package/dist/components/pagination/index.d.ts +1 -1
- package/dist/components/pagination/index.js +1 -1
- package/dist/components/pagination/types.d.ts +2 -9
- package/dist/components/popover/index.d.ts +2 -2
- package/dist/components/popover/index.js +1 -1
- package/dist/components/segment/index.d.ts +1 -1
- package/dist/components/segment/index.js +1 -1
- package/dist/components/select/index.d.ts +1 -1
- package/dist/components/select/index.js +1 -1
- package/dist/components/slider/index.d.ts +1 -1
- package/dist/components/slider/index.js +1 -1
- package/dist/components/switch/index.d.ts +1 -1
- package/dist/components/switch/index.js +1 -1
- package/dist/components/toast/index.d.ts +1 -1
- package/dist/components/toast/index.js +1 -1
- package/dist/composed/breadcrumb/index.d.ts +2 -0
- package/dist/composed/breadcrumb/index.js +1 -0
- package/dist/composed/breadcrumb/root/breadcrumb.root.svelte +50 -0
- package/dist/composed/breadcrumb/root/breadcrumb.root.svelte.d.ts +4 -0
- package/dist/composed/breadcrumb/root/index.d.ts +1 -0
- package/dist/composed/breadcrumb/root/index.js +1 -0
- package/dist/composed/breadcrumb/types.d.ts +10 -0
- package/dist/composed/breadcrumb/types.js +1 -0
- package/dist/composed/collapsible/index.d.ts +2 -0
- package/dist/composed/collapsible/index.js +1 -0
- package/dist/composed/collapsible/root/collapsible.root.svelte +37 -0
- package/dist/composed/collapsible/root/collapsible.root.svelte.d.ts +4 -0
- package/dist/composed/collapsible/root/index.d.ts +1 -0
- package/dist/composed/collapsible/root/index.js +1 -0
- package/dist/composed/collapsible/types.d.ts +14 -0
- package/dist/composed/collapsible/types.js +1 -0
- package/dist/composed/combobox/async/combobox.async.svelte +454 -0
- package/dist/composed/combobox/async/combobox.async.svelte.d.ts +25 -0
- package/dist/composed/combobox/async/index.d.ts +1 -0
- package/dist/composed/combobox/async/index.js +1 -0
- package/dist/composed/combobox/async/use-async-combobox-data.svelte.d.ts +36 -0
- package/dist/composed/combobox/async/use-async-combobox-data.svelte.js +113 -0
- package/dist/composed/combobox/creatable/combobox.creatable.svelte +212 -0
- package/dist/composed/combobox/creatable/combobox.creatable.svelte.d.ts +25 -0
- package/dist/composed/combobox/creatable/index.d.ts +1 -0
- package/dist/composed/combobox/creatable/index.js +1 -0
- package/dist/composed/combobox/index.d.ts +2 -0
- package/dist/composed/combobox/index.js +1 -0
- package/dist/composed/combobox/model/use-display-value.svelte.d.ts +11 -0
- package/dist/composed/combobox/model/use-display-value.svelte.js +24 -0
- package/dist/composed/combobox/model/use-grouped-items.svelte.d.ts +13 -0
- package/dist/composed/combobox/model/use-grouped-items.svelte.js +13 -0
- package/dist/composed/combobox/model/use-selected-items.svelte.d.ts +10 -0
- package/dist/composed/combobox/model/use-selected-items.svelte.js +19 -0
- package/dist/composed/combobox/root/combobox.root.svelte +139 -0
- package/dist/composed/combobox/root/combobox.root.svelte.d.ts +25 -0
- package/dist/composed/combobox/root/index.d.ts +3 -0
- package/dist/composed/combobox/root/index.js +3 -0
- package/dist/composed/combobox/styles.d.ts +2 -0
- package/dist/composed/combobox/styles.js +1 -0
- package/dist/composed/combobox/types.d.ts +129 -0
- package/dist/composed/combobox/types.js +1 -0
- package/dist/composed/command/index.d.ts +2 -0
- package/dist/composed/command/index.js +1 -0
- package/dist/composed/command/model/use-command-items.svelte.d.ts +13 -0
- package/dist/composed/command/model/use-command-items.svelte.js +45 -0
- package/dist/composed/command/root/command.root.svelte +97 -0
- package/dist/composed/command/root/command.root.svelte.d.ts +25 -0
- package/dist/composed/command/root/index.d.ts +1 -0
- package/dist/composed/command/root/index.js +1 -0
- package/dist/composed/command/types.d.ts +41 -0
- package/dist/composed/command/types.js +1 -0
- package/dist/composed/data-table/README.md +1285 -0
- package/dist/composed/data-table/components/data-table.body.svelte +28 -0
- package/dist/composed/data-table/components/data-table.body.svelte.d.ts +4 -0
- package/dist/composed/data-table/components/data-table.cell.svelte +41 -0
- package/dist/composed/data-table/components/data-table.cell.svelte.d.ts +4 -0
- package/dist/composed/data-table/components/data-table.expand-button.svelte +27 -0
- package/dist/composed/data-table/components/data-table.expand-button.svelte.d.ts +9 -0
- package/dist/composed/data-table/components/data-table.head.svelte +38 -0
- package/dist/composed/data-table/components/data-table.head.svelte.d.ts +4 -0
- package/dist/composed/data-table/components/data-table.header.svelte +33 -0
- package/dist/composed/data-table/components/data-table.header.svelte.d.ts +4 -0
- package/dist/composed/data-table/components/data-table.resize-handler.svelte +26 -0
- package/dist/composed/data-table/components/data-table.resize-handler.svelte.d.ts +4 -0
- package/dist/composed/data-table/components/data-table.root.svelte +45 -0
- package/dist/composed/data-table/components/data-table.root.svelte.d.ts +26 -0
- package/dist/composed/data-table/components/data-table.row.svelte +25 -0
- package/dist/composed/data-table/components/data-table.row.svelte.d.ts +4 -0
- package/dist/composed/data-table/components/data-table.sort-button.svelte +48 -0
- package/dist/composed/data-table/components/data-table.sort-button.svelte.d.ts +4 -0
- package/dist/composed/data-table/components/data-table.svelte.d.ts +143 -0
- package/dist/composed/data-table/components/data-table.svelte.js +270 -0
- package/dist/composed/data-table/components/data-table.table.svelte +23 -0
- package/dist/composed/data-table/components/data-table.table.svelte.d.ts +4 -0
- package/dist/composed/data-table/components/flex-render.svelte +32 -0
- package/dist/composed/data-table/components/flex-render.svelte.d.ts +30 -0
- package/dist/composed/data-table/data-table.svelte +124 -0
- package/dist/composed/data-table/data-table.svelte.d.ts +25 -0
- package/dist/composed/data-table/exports-primitive.d.ts +11 -0
- package/dist/composed/data-table/exports-primitive.js +11 -0
- package/dist/composed/data-table/exports.d.ts +1 -0
- package/dist/composed/data-table/exports.js +1 -0
- package/dist/composed/data-table/index.d.ts +6 -0
- package/dist/composed/data-table/index.js +4 -0
- package/dist/composed/data-table/models/create-table.svelte.d.ts +19 -0
- package/dist/composed/data-table/models/create-table.svelte.js +35 -0
- package/dist/composed/data-table/models/index.d.ts +1 -0
- package/dist/composed/data-table/models/index.js +1 -0
- package/dist/composed/data-table/styles.d.ts +136 -0
- package/dist/composed/data-table/styles.js +98 -0
- package/dist/composed/data-table/types.d.ts +40 -0
- package/dist/composed/data-table/types.js +1 -0
- package/dist/composed/data-table/utils/expanded-state.svelte.d.ts +10 -0
- package/dist/composed/data-table/utils/expanded-state.svelte.js +23 -0
- package/dist/composed/data-table/utils/index.d.ts +7 -0
- package/dist/composed/data-table/utils/index.js +7 -0
- package/dist/composed/data-table/utils/pagination-state.svelte.d.ts +10 -0
- package/dist/composed/data-table/utils/pagination-state.svelte.js +26 -0
- package/dist/composed/data-table/utils/resize-state.svelte.d.ts +10 -0
- package/dist/composed/data-table/utils/resize-state.svelte.js +23 -0
- package/dist/composed/data-table/utils/row-models.d.ts +9 -0
- package/dist/composed/data-table/utils/row-models.js +9 -0
- package/dist/composed/data-table/utils/row-selection-state.svelte.d.ts +10 -0
- package/dist/composed/data-table/utils/row-selection-state.svelte.js +23 -0
- package/dist/composed/data-table/utils/use-sort-state.svelte.d.ts +16 -0
- package/dist/composed/data-table/utils/use-sort-state.svelte.js +39 -0
- package/dist/composed/data-table/utils/use-visibility-state.svelte.d.ts +14 -0
- package/dist/composed/data-table/utils/use-visibility-state.svelte.js +29 -0
- package/dist/composed/dialog/_ui/basic-dialog/basic-dialog.svelte +88 -0
- package/dist/composed/dialog/_ui/basic-dialog/basic-dialog.svelte.d.ts +6 -0
- package/dist/composed/dialog/_ui/basic-dialog/index.d.ts +1 -0
- package/dist/composed/dialog/_ui/basic-dialog/index.js +1 -0
- package/dist/composed/dialog/_ui/nested-dialog/index.d.ts +1 -0
- package/dist/composed/dialog/_ui/nested-dialog/index.js +1 -0
- package/dist/composed/dialog/_ui/nested-dialog/nested-dialog.svelte +27 -0
- package/dist/composed/dialog/_ui/nested-dialog/nested-dialog.svelte.d.ts +18 -0
- package/dist/composed/dialog/dialog-host-item.svelte +99 -0
- package/dist/composed/dialog/dialog-host-item.svelte.d.ts +5 -0
- package/dist/composed/dialog/dialog-host.svelte +29 -0
- package/dist/composed/dialog/dialog-host.svelte.d.ts +5 -0
- package/dist/composed/dialog/index.d.ts +4 -0
- package/dist/composed/dialog/index.js +3 -0
- package/dist/composed/dialog/model/dialog-manager.svelte.d.ts +34 -0
- package/dist/composed/dialog/model/dialog-manager.svelte.js +170 -0
- package/dist/composed/dialog/model/index.d.ts +1 -0
- package/dist/composed/dialog/model/index.js +1 -0
- package/dist/composed/dialog/root/index.d.ts +2 -0
- package/dist/composed/dialog/root/index.js +2 -0
- package/dist/composed/dialog/types.d.ts +95 -0
- package/dist/composed/dialog/types.js +1 -0
- package/dist/composed/drawer/index.d.ts +2 -0
- package/dist/composed/drawer/index.js +1 -0
- package/dist/composed/drawer/root/drawer.root.svelte +68 -0
- package/dist/composed/drawer/root/drawer.root.svelte.d.ts +4 -0
- package/dist/composed/drawer/root/index.d.ts +1 -0
- package/dist/composed/drawer/root/index.js +1 -0
- package/dist/composed/drawer/types.d.ts +16 -0
- package/dist/composed/drawer/types.js +1 -0
- package/dist/composed/dropdown/index.d.ts +2 -0
- package/dist/composed/dropdown/index.js +1 -0
- package/dist/composed/dropdown/model/use-dropdown-items.svelte.d.ts +12 -0
- package/dist/composed/dropdown/model/use-dropdown-items.svelte.js +42 -0
- package/dist/composed/dropdown/root/dropdown.root.svelte +179 -0
- package/dist/composed/dropdown/root/dropdown.root.svelte.d.ts +26 -0
- package/dist/composed/dropdown/root/index.d.ts +1 -0
- package/dist/composed/dropdown/root/index.js +1 -0
- package/dist/composed/dropdown/types.d.ts +54 -0
- package/dist/composed/dropdown/types.js +1 -0
- package/dist/composed/field/basic/basic.svelte +40 -0
- package/dist/composed/field/basic/basic.svelte.d.ts +4 -0
- package/dist/composed/field/basic/index.d.ts +1 -0
- package/dist/composed/field/basic/index.js +1 -0
- package/dist/composed/field/index.d.ts +2 -0
- package/dist/composed/field/index.js +1 -0
- package/dist/composed/field/types.d.ts +11 -0
- package/dist/composed/field/types.js +1 -0
- package/dist/composed/file-upload/index.d.ts +2 -0
- package/dist/composed/file-upload/index.js +1 -0
- package/dist/composed/file-upload/root/file-upload.root.svelte +40 -0
- package/dist/composed/file-upload/root/file-upload.root.svelte.d.ts +4 -0
- package/dist/composed/file-upload/root/index.d.ts +1 -0
- package/dist/composed/file-upload/root/index.js +1 -0
- package/dist/composed/file-upload/types.d.ts +1 -0
- package/dist/composed/file-upload/types.js +1 -0
- package/dist/composed/index.d.ts +19 -0
- package/dist/composed/index.js +19 -0
- package/dist/composed/navigation/index.d.ts +2 -0
- package/dist/composed/navigation/index.js +1 -0
- package/dist/composed/navigation/root/index.d.ts +1 -0
- package/dist/composed/navigation/root/index.js +1 -0
- package/dist/composed/navigation/root/root.svelte +105 -0
- package/dist/composed/navigation/root/root.svelte.d.ts +26 -0
- package/dist/composed/navigation/types.d.ts +38 -0
- package/dist/composed/navigation/types.js +1 -0
- package/dist/composed/pagination/index.d.ts +2 -0
- package/dist/composed/pagination/index.js +1 -0
- package/dist/composed/pagination/root/index.d.ts +1 -0
- package/dist/composed/pagination/root/index.js +1 -0
- package/dist/composed/pagination/root/pagination.root.svelte +42 -0
- package/dist/composed/pagination/root/pagination.root.svelte.d.ts +4 -0
- package/dist/composed/pagination/types.d.ts +7 -0
- package/dist/composed/pagination/types.js +1 -0
- package/dist/composed/pill/index.d.ts +2 -0
- package/dist/composed/pill/index.js +1 -0
- package/dist/composed/pill/root/index.d.ts +1 -0
- package/dist/composed/pill/root/index.js +1 -0
- package/dist/composed/pill/root/pill.root.svelte +31 -0
- package/dist/composed/pill/root/pill.root.svelte.d.ts +4 -0
- package/dist/composed/pill/types.d.ts +12 -0
- package/dist/composed/pill/types.js +1 -0
- package/dist/composed/popover/index.d.ts +2 -0
- package/dist/composed/popover/index.js +1 -0
- package/dist/composed/popover/root/index.d.ts +1 -0
- package/dist/composed/popover/root/index.js +1 -0
- package/dist/composed/popover/root/popover.root.svelte +81 -0
- package/dist/composed/popover/root/popover.root.svelte.d.ts +25 -0
- package/dist/composed/popover/types.d.ts +22 -0
- package/dist/composed/popover/types.js +1 -0
- package/dist/composed/segment/exports.d.ts +1 -0
- package/dist/composed/segment/exports.js +1 -0
- package/dist/composed/segment/index.d.ts +2 -0
- package/dist/composed/segment/index.js +1 -0
- package/dist/composed/segment/root/index.d.ts +1 -0
- package/dist/composed/segment/root/index.js +1 -0
- package/dist/composed/segment/root/segment.root.svelte +28 -0
- package/dist/composed/segment/root/segment.root.svelte.d.ts +25 -0
- package/dist/composed/segment/types.d.ts +14 -0
- package/dist/composed/segment/types.js +1 -0
- package/dist/composed/select/async/index.d.ts +1 -0
- package/dist/composed/select/async/index.js +1 -0
- package/dist/composed/select/async/select.async.svelte +323 -0
- package/dist/composed/select/async/select.async.svelte.d.ts +25 -0
- package/dist/composed/select/exports.d.ts +2 -0
- package/dist/composed/select/exports.js +2 -0
- package/dist/composed/select/index.d.ts +2 -0
- package/dist/composed/select/index.js +1 -0
- package/dist/composed/select/model/use-select-items.svelte.d.ts +14 -0
- package/dist/composed/select/model/use-select-items.svelte.js +54 -0
- package/dist/composed/select/model/value.d.ts +4 -0
- package/dist/composed/select/model/value.js +32 -0
- package/dist/composed/select/root/index.d.ts +1 -0
- package/dist/composed/select/root/index.js +1 -0
- package/dist/composed/select/root/select.root.svelte +175 -0
- package/dist/composed/select/root/select.root.svelte.d.ts +25 -0
- package/dist/composed/select/types.d.ts +89 -0
- package/dist/composed/select/types.js +1 -0
- package/dist/composed/slider/index.d.ts +2 -0
- package/dist/composed/slider/index.js +1 -0
- package/dist/composed/slider/root/index.d.ts +1 -0
- package/dist/composed/slider/root/index.js +1 -0
- package/dist/composed/slider/root/slider.root.svelte +41 -0
- package/dist/composed/slider/root/slider.root.svelte.d.ts +4 -0
- package/dist/composed/slider/types.d.ts +5 -0
- package/dist/composed/slider/types.js +1 -0
- package/dist/composed/switch/index.d.ts +2 -0
- package/dist/composed/switch/index.js +1 -0
- package/dist/composed/switch/root/index.d.ts +1 -0
- package/dist/composed/switch/root/index.js +1 -0
- package/dist/composed/switch/root/switch.root.svelte +10 -0
- package/dist/composed/switch/root/switch.root.svelte.d.ts +3 -0
- package/dist/composed/switch/types.d.ts +2 -0
- package/dist/composed/switch/types.js +1 -0
- package/dist/composed/toast/index.d.ts +2 -0
- package/dist/composed/toast/index.js +1 -0
- package/dist/composed/toast/root/index.d.ts +1 -0
- package/dist/composed/toast/root/index.js +1 -0
- package/dist/composed/toast/root/toast.root.svelte +47 -0
- package/dist/composed/toast/root/toast.root.svelte.d.ts +4 -0
- package/dist/composed/toast/types.d.ts +14 -0
- package/dist/composed/toast/types.js +1 -0
- package/dist/internal/utils/common.d.ts +1 -2
- package/dist/internal/utils/common.js +1 -5
- package/dist/internal/utils/extract.d.ts +3 -0
- package/dist/internal/utils/extract.js +17 -0
- package/dist/internal/utils/is.d.ts +2 -0
- package/dist/internal/utils/is.js +6 -0
- package/dist/internal/utils/tailwindcss.d.ts +8 -3
- package/dist/internal/utils/tailwindcss.js +143 -49
- package/dist/{components → primitives}/app-shell/components/app-shell.content.svelte +6 -8
- package/dist/{components → primitives}/app-shell/components/app-shell.header.svelte +12 -7
- package/dist/{components → primitives}/app-shell/components/app-shell.nav-bar.svelte +6 -8
- package/dist/{components → primitives}/app-shell/components/app-shell.root.svelte +11 -11
- package/dist/{components → primitives}/app-shell/components/app-shell.sidebar-footer.svelte +6 -8
- package/dist/{components → primitives}/app-shell/components/app-shell.sidebar-head.svelte +6 -8
- package/dist/{components → primitives}/app-shell/components/app-shell.sidebar-toggle.svelte +7 -10
- package/dist/{components → primitives}/app-shell/components/app-shell.sidebar.svelte +12 -7
- package/dist/{components → primitives}/app-shell/components/app-shell.svelte.d.ts +3 -6
- package/dist/{components → primitives}/app-shell/components/app-shell.svelte.js +6 -13
- package/dist/{components → primitives}/app-shell/components/app-shell.viewport.svelte +6 -8
- package/dist/primitives/app-shell/components/index.d.ts +9 -0
- package/dist/primitives/app-shell/components/index.js +9 -0
- package/dist/primitives/app-shell/index.d.ts +2 -0
- package/dist/primitives/app-shell/index.js +1 -0
- package/dist/primitives/app-shell/styles.d.ts +67 -0
- package/dist/primitives/app-shell/styles.js +80 -0
- package/dist/{components → primitives}/app-shell/types.d.ts +2 -2
- package/dist/primitives/app-shell/types.js +1 -0
- package/dist/primitives/badge/components/badge.svelte +31 -0
- package/dist/primitives/badge/components/badge.svelte.d.ts +4 -0
- package/dist/primitives/badge/components/index.d.ts +1 -0
- package/dist/primitives/badge/components/index.js +1 -0
- package/dist/primitives/badge/index.d.ts +2 -0
- package/dist/primitives/badge/index.js +1 -0
- package/dist/primitives/badge/styles.d.ts +99 -0
- package/dist/primitives/badge/styles.js +126 -0
- package/dist/primitives/badge/types.d.ts +7 -0
- package/dist/primitives/badge/types.js +1 -0
- package/dist/primitives/breadcrumb/components/breadcrumb.item.svelte +11 -0
- package/dist/primitives/breadcrumb/components/breadcrumb.item.svelte.d.ts +4 -0
- package/dist/primitives/breadcrumb/components/breadcrumb.link.svelte +29 -0
- package/dist/primitives/breadcrumb/components/breadcrumb.link.svelte.d.ts +4 -0
- package/dist/primitives/breadcrumb/components/breadcrumb.list.svelte +11 -0
- package/dist/primitives/breadcrumb/components/breadcrumb.list.svelte.d.ts +4 -0
- package/dist/primitives/breadcrumb/components/breadcrumb.page.svelte +19 -0
- package/dist/primitives/breadcrumb/components/breadcrumb.page.svelte.d.ts +4 -0
- package/dist/primitives/breadcrumb/components/breadcrumb.root.svelte +17 -0
- package/dist/primitives/breadcrumb/components/breadcrumb.root.svelte.d.ts +4 -0
- package/dist/primitives/breadcrumb/components/breadcrumb.separator.svelte +24 -0
- package/dist/primitives/breadcrumb/components/breadcrumb.separator.svelte.d.ts +4 -0
- package/dist/primitives/breadcrumb/components/index.d.ts +6 -0
- package/dist/primitives/breadcrumb/components/index.js +6 -0
- package/dist/primitives/breadcrumb/index.d.ts +2 -0
- package/dist/primitives/breadcrumb/index.js +1 -0
- package/dist/primitives/breadcrumb/styles.d.ts +8 -0
- package/dist/primitives/breadcrumb/styles.js +23 -0
- package/dist/primitives/breadcrumb/types.d.ts +16 -0
- package/dist/primitives/breadcrumb/types.js +1 -0
- package/dist/primitives/button/components/button.root.svelte +58 -0
- package/dist/primitives/button/components/button.root.svelte.d.ts +4 -0
- package/dist/primitives/button/components/index.d.ts +1 -0
- package/dist/primitives/button/components/index.js +1 -0
- package/dist/primitives/button/index.d.ts +3 -0
- package/dist/primitives/button/index.js +2 -0
- package/dist/primitives/button/styles.d.ts +117 -0
- package/dist/primitives/button/styles.js +64 -0
- package/dist/primitives/button/types.d.ts +8 -0
- package/dist/primitives/button/types.js +1 -0
- package/dist/primitives/button-group/components/button-group.root.svelte +20 -0
- package/dist/primitives/button-group/components/button-group.root.svelte.d.ts +4 -0
- package/dist/primitives/button-group/components/button-group.separator.svelte +24 -0
- package/dist/primitives/button-group/components/button-group.separator.svelte.d.ts +3 -0
- package/dist/primitives/button-group/components/index.d.ts +2 -0
- package/dist/primitives/button-group/components/index.js +2 -0
- package/dist/primitives/button-group/index.d.ts +2 -0
- package/dist/primitives/button-group/index.js +1 -0
- package/dist/primitives/button-group/styles.d.ts +34 -0
- package/dist/primitives/button-group/styles.js +25 -0
- package/dist/primitives/button-group/types.d.ts +8 -0
- package/dist/primitives/button-group/types.js +1 -0
- package/dist/primitives/checkbox/components/checkbox.group.svelte +9 -0
- package/dist/primitives/checkbox/components/checkbox.group.svelte.d.ts +4 -0
- package/dist/primitives/checkbox/components/checkbox.root.svelte +61 -0
- package/dist/primitives/checkbox/components/checkbox.root.svelte.d.ts +5 -0
- package/dist/primitives/checkbox/components/index.d.ts +2 -0
- package/dist/primitives/checkbox/components/index.js +2 -0
- package/dist/primitives/checkbox/index.d.ts +3 -0
- package/dist/primitives/checkbox/index.js +2 -0
- package/dist/primitives/checkbox/model/index.d.ts +1 -0
- package/dist/primitives/checkbox/model/index.js +1 -0
- package/dist/primitives/checkbox/model/use-checkbox-state.svelte.d.ts +17 -0
- package/dist/primitives/checkbox/model/use-checkbox-state.svelte.js +29 -0
- package/dist/primitives/checkbox/styles.d.ts +149 -0
- package/dist/primitives/checkbox/styles.js +73 -0
- package/dist/primitives/checkbox/types.d.ts +5 -0
- package/dist/primitives/checkbox/types.js +2 -0
- package/dist/primitives/chip/components/chip.item.svelte +65 -0
- package/dist/primitives/chip/components/chip.item.svelte.d.ts +4 -0
- package/dist/primitives/chip/components/chip.root.svelte +62 -0
- package/dist/primitives/chip/components/chip.root.svelte.d.ts +4 -0
- package/dist/primitives/chip/components/index.d.ts +3 -0
- package/dist/primitives/chip/components/index.js +3 -0
- package/dist/primitives/chip/index.d.ts +2 -0
- package/dist/primitives/chip/index.js +1 -0
- package/dist/primitives/chip/styles.d.ts +81 -0
- package/dist/primitives/chip/styles.js +51 -0
- package/dist/primitives/chip/types.d.ts +22 -0
- package/dist/primitives/chip/types.js +1 -0
- package/dist/primitives/collapsible/components/collapsaible.content.svelte +39 -0
- package/dist/primitives/collapsible/components/collapsaible.content.svelte.d.ts +4 -0
- package/dist/primitives/collapsible/components/collapsaible.root.svelte +60 -0
- package/dist/primitives/collapsible/components/collapsaible.root.svelte.d.ts +4 -0
- package/dist/primitives/collapsible/components/collapsaible.svelte.d.ts +55 -0
- package/dist/primitives/collapsible/components/collapsaible.svelte.js +108 -0
- package/dist/primitives/collapsible/components/collapsaible.trigger.svelte +68 -0
- package/dist/primitives/collapsible/components/collapsaible.trigger.svelte.d.ts +4 -0
- package/dist/primitives/collapsible/components/index.d.ts +3 -0
- package/dist/primitives/collapsible/components/index.js +3 -0
- package/dist/primitives/collapsible/index.d.ts +2 -0
- package/dist/primitives/collapsible/index.js +1 -0
- package/dist/primitives/collapsible/styles.d.ts +70 -0
- package/dist/primitives/collapsible/styles.js +55 -0
- package/dist/primitives/collapsible/types.d.ts +12 -0
- package/dist/primitives/collapsible/types.js +1 -0
- package/dist/primitives/combobox/components/combobox.content.svelte +16 -0
- package/dist/primitives/combobox/components/combobox.content.svelte.d.ts +4 -0
- package/dist/primitives/combobox/components/combobox.empty.svelte +20 -0
- package/dist/primitives/combobox/components/combobox.empty.svelte.d.ts +4 -0
- package/dist/primitives/combobox/components/combobox.group-heading.svelte +10 -0
- package/dist/primitives/combobox/components/combobox.group-heading.svelte.d.ts +3 -0
- package/dist/primitives/combobox/components/combobox.group-items.svelte +10 -0
- package/dist/primitives/combobox/components/combobox.group-items.svelte.d.ts +3 -0
- package/dist/primitives/combobox/components/combobox.group.svelte +10 -0
- package/dist/primitives/combobox/components/combobox.group.svelte.d.ts +3 -0
- package/dist/primitives/combobox/components/combobox.input.svelte +11 -0
- package/dist/primitives/combobox/components/combobox.input.svelte.d.ts +4 -0
- package/dist/primitives/combobox/components/combobox.item.svelte +41 -0
- package/dist/primitives/combobox/components/combobox.item.svelte.d.ts +25 -0
- package/dist/primitives/combobox/components/combobox.list.svelte +10 -0
- package/dist/primitives/combobox/components/combobox.list.svelte.d.ts +4 -0
- package/dist/primitives/combobox/components/combobox.portal.svelte +10 -0
- package/dist/primitives/combobox/components/combobox.portal.svelte.d.ts +3 -0
- package/dist/primitives/combobox/components/combobox.root.svelte +81 -0
- package/dist/primitives/combobox/components/combobox.root.svelte.d.ts +25 -0
- package/dist/primitives/combobox/components/combobox.separator.svelte +8 -0
- package/dist/primitives/combobox/components/combobox.separator.svelte.d.ts +3 -0
- package/dist/primitives/combobox/components/combobox.svelte.d.ts +32 -0
- package/dist/primitives/combobox/components/combobox.svelte.js +103 -0
- package/dist/primitives/combobox/components/combobox.trigger.svelte +70 -0
- package/dist/primitives/combobox/components/combobox.trigger.svelte.d.ts +4 -0
- package/dist/primitives/combobox/components/combobox.viewport.svelte +10 -0
- package/dist/primitives/combobox/components/combobox.viewport.svelte.d.ts +3 -0
- package/dist/primitives/combobox/components/index.d.ts +13 -0
- package/dist/primitives/combobox/components/index.js +13 -0
- package/dist/primitives/combobox/index.d.ts +2 -0
- package/dist/primitives/combobox/index.js +1 -0
- package/dist/primitives/combobox/styles.d.ts +60 -0
- package/dist/primitives/combobox/styles.js +49 -0
- package/dist/primitives/combobox/types.d.ts +111 -0
- package/dist/primitives/combobox/types.js +1 -0
- package/dist/primitives/command/components/command.empty.svelte +15 -0
- package/dist/primitives/command/components/command.empty.svelte.d.ts +4 -0
- package/dist/primitives/command/components/command.group-heading.svelte +10 -0
- package/dist/primitives/command/components/command.group-heading.svelte.d.ts +4 -0
- package/dist/primitives/command/components/command.group-items.svelte +8 -0
- package/dist/primitives/command/components/command.group-items.svelte.d.ts +4 -0
- package/dist/primitives/command/components/command.group.svelte +23 -0
- package/dist/primitives/command/components/command.group.svelte.d.ts +4 -0
- package/dist/primitives/command/components/command.input.svelte +21 -0
- package/dist/primitives/command/components/command.input.svelte.d.ts +4 -0
- package/dist/primitives/command/components/command.item.svelte +10 -0
- package/dist/primitives/command/components/command.item.svelte.d.ts +4 -0
- package/dist/primitives/command/components/command.list.svelte +16 -0
- package/dist/primitives/command/components/command.list.svelte.d.ts +4 -0
- package/dist/primitives/command/components/command.loading.svelte +8 -0
- package/dist/primitives/command/components/command.loading.svelte.d.ts +4 -0
- package/dist/primitives/command/components/command.root.svelte +26 -0
- package/dist/primitives/command/components/command.root.svelte.d.ts +4 -0
- package/dist/primitives/command/components/command.viewport.svelte +8 -0
- package/dist/primitives/command/components/command.viewport.svelte.d.ts +4 -0
- package/dist/primitives/command/components/index.d.ts +12 -0
- package/dist/primitives/command/components/index.js +12 -0
- package/dist/primitives/command/index.d.ts +2 -0
- package/dist/primitives/command/index.js +1 -0
- package/dist/primitives/command/styles.d.ts +71 -0
- package/dist/primitives/command/styles.js +69 -0
- package/dist/primitives/command/types.d.ts +18 -0
- package/dist/primitives/command/types.js +1 -0
- package/dist/primitives/dialog/components/dialog.close.svelte +17 -0
- package/dist/primitives/dialog/components/dialog.close.svelte.d.ts +4 -0
- package/dist/primitives/dialog/components/dialog.content.svelte +36 -0
- package/dist/primitives/dialog/components/dialog.content.svelte.d.ts +4 -0
- package/dist/primitives/dialog/components/dialog.overlay.svelte +26 -0
- package/dist/primitives/dialog/components/dialog.overlay.svelte.d.ts +4 -0
- package/dist/primitives/dialog/components/dialog.portal.svelte +10 -0
- package/dist/primitives/dialog/components/dialog.portal.svelte.d.ts +3 -0
- package/dist/primitives/dialog/components/dialog.positioner.svelte +34 -0
- package/dist/primitives/dialog/components/dialog.positioner.svelte.d.ts +4 -0
- package/dist/primitives/dialog/components/dialog.root.svelte +21 -0
- package/dist/primitives/dialog/components/dialog.root.svelte.d.ts +3 -0
- package/dist/primitives/dialog/components/dialog.svelte.d.ts +46 -0
- package/dist/primitives/dialog/components/dialog.svelte.js +72 -0
- package/dist/primitives/dialog/components/index.d.ts +6 -0
- package/dist/primitives/dialog/components/index.js +6 -0
- package/dist/primitives/dialog/index.d.ts +2 -0
- package/dist/primitives/dialog/index.js +1 -0
- package/dist/primitives/dialog/styles.d.ts +60 -0
- package/dist/primitives/dialog/styles.js +54 -0
- package/dist/primitives/dialog/types.d.ts +12 -0
- package/dist/primitives/dialog/types.js +1 -0
- package/dist/primitives/drawer/components/drawer.close.svelte +23 -0
- package/dist/primitives/drawer/components/drawer.close.svelte.d.ts +4 -0
- package/dist/primitives/drawer/components/drawer.content.svelte +12 -0
- package/dist/primitives/drawer/components/drawer.content.svelte.d.ts +5 -0
- package/dist/primitives/drawer/components/drawer.description.svelte +11 -0
- package/dist/primitives/drawer/components/drawer.description.svelte.d.ts +4 -0
- package/dist/primitives/drawer/components/drawer.handle.svelte +10 -0
- package/dist/primitives/drawer/components/drawer.handle.svelte.d.ts +4 -0
- package/dist/primitives/drawer/components/drawer.overlay.svelte +10 -0
- package/dist/primitives/drawer/components/drawer.overlay.svelte.d.ts +5 -0
- package/dist/primitives/drawer/components/drawer.portal.svelte +10 -0
- package/dist/primitives/drawer/components/drawer.portal.svelte.d.ts +4 -0
- package/dist/primitives/drawer/components/drawer.root.svelte +15 -0
- package/dist/primitives/drawer/components/drawer.root.svelte.d.ts +4 -0
- package/dist/primitives/drawer/components/drawer.title.svelte +11 -0
- package/dist/primitives/drawer/components/drawer.title.svelte.d.ts +4 -0
- package/dist/primitives/drawer/components/drawer.trigger.svelte +27 -0
- package/dist/primitives/drawer/components/drawer.trigger.svelte.d.ts +5 -0
- package/dist/primitives/drawer/components/index.d.ts +9 -0
- package/dist/primitives/drawer/components/index.js +9 -0
- package/dist/primitives/drawer/components/state.svelte.d.ts +4 -0
- package/dist/primitives/drawer/components/state.svelte.js +8 -0
- package/dist/primitives/drawer/index.d.ts +2 -0
- package/dist/primitives/drawer/index.js +1 -0
- package/dist/primitives/drawer/styles.d.ts +214 -0
- package/dist/primitives/drawer/styles.js +38 -0
- package/dist/primitives/drawer/types.d.ts +11 -0
- package/dist/primitives/drawer/types.js +1 -0
- package/dist/primitives/dropdown/components/dropdown.content.svelte +39 -0
- package/dist/primitives/dropdown/components/dropdown.content.svelte.d.ts +4 -0
- package/dist/primitives/dropdown/components/dropdown.group-heading.svelte +16 -0
- package/dist/primitives/dropdown/components/dropdown.group-heading.svelte.d.ts +4 -0
- package/dist/primitives/dropdown/components/dropdown.group.svelte +16 -0
- package/dist/primitives/dropdown/components/dropdown.group.svelte.d.ts +4 -0
- package/dist/primitives/dropdown/components/dropdown.item.svelte +22 -0
- package/dist/primitives/dropdown/components/dropdown.item.svelte.d.ts +4 -0
- package/dist/primitives/dropdown/components/dropdown.portal.svelte +10 -0
- package/dist/primitives/dropdown/components/dropdown.portal.svelte.d.ts +3 -0
- package/dist/primitives/dropdown/components/dropdown.root.svelte +10 -0
- package/dist/primitives/dropdown/components/dropdown.root.svelte.d.ts +3 -0
- package/dist/primitives/dropdown/components/dropdown.separator.svelte +21 -0
- package/dist/primitives/dropdown/components/dropdown.separator.svelte.d.ts +4 -0
- package/dist/primitives/dropdown/components/dropdown.sub-content.svelte +16 -0
- package/dist/primitives/dropdown/components/dropdown.sub-content.svelte.d.ts +4 -0
- package/dist/primitives/dropdown/components/dropdown.sub-trigger.svelte +21 -0
- package/dist/primitives/dropdown/components/dropdown.sub-trigger.svelte.d.ts +4 -0
- package/dist/primitives/dropdown/components/dropdown.sub.svelte +8 -0
- package/dist/primitives/dropdown/components/dropdown.sub.svelte.d.ts +3 -0
- package/dist/primitives/dropdown/components/dropdown.trigger.svelte +16 -0
- package/dist/primitives/dropdown/components/dropdown.trigger.svelte.d.ts +4 -0
- package/dist/primitives/dropdown/components/index.d.ts +11 -0
- package/dist/primitives/dropdown/components/index.js +11 -0
- package/dist/primitives/dropdown/index.d.ts +2 -0
- package/dist/primitives/dropdown/index.js +1 -0
- package/dist/primitives/dropdown/styles.d.ts +496 -0
- package/dist/primitives/dropdown/styles.js +111 -0
- package/dist/primitives/dropdown/types.d.ts +13 -0
- package/dist/primitives/dropdown/types.js +1 -0
- package/dist/primitives/field/components/field.control.svelte +26 -0
- package/dist/primitives/field/components/field.control.svelte.d.ts +10 -0
- package/dist/primitives/field/components/field.description.svelte +39 -0
- package/dist/primitives/field/components/field.description.svelte.d.ts +4 -0
- package/dist/primitives/field/components/field.error.svelte +40 -0
- package/dist/primitives/field/components/field.error.svelte.d.ts +4 -0
- package/dist/primitives/field/components/field.label.svelte +49 -0
- package/dist/primitives/field/components/field.label.svelte.d.ts +4 -0
- package/dist/primitives/field/components/field.root.svelte +51 -0
- package/dist/primitives/field/components/field.root.svelte.d.ts +4 -0
- package/dist/primitives/field/components/field.svelte.d.ts +86 -0
- package/dist/primitives/field/components/field.svelte.js +129 -0
- package/dist/primitives/field/components/index.d.ts +5 -0
- package/dist/primitives/field/components/index.js +5 -0
- package/dist/primitives/field/index.d.ts +2 -0
- package/dist/primitives/field/index.js +1 -0
- package/dist/primitives/field/styles.d.ts +9 -0
- package/dist/primitives/field/styles.js +23 -0
- package/dist/primitives/field/types.d.ts +30 -0
- package/dist/primitives/field/types.js +1 -0
- package/dist/primitives/file-upload/components/file-upload.clear-trigger.svelte +31 -0
- package/dist/primitives/file-upload/components/file-upload.clear-trigger.svelte.d.ts +4 -0
- package/dist/primitives/file-upload/components/file-upload.context.svelte +18 -0
- package/dist/primitives/file-upload/components/file-upload.context.svelte.d.ts +4 -0
- package/dist/primitives/file-upload/components/file-upload.dropzone.svelte +44 -0
- package/dist/primitives/file-upload/components/file-upload.dropzone.svelte.d.ts +4 -0
- package/dist/primitives/file-upload/components/file-upload.hidden-input.svelte +39 -0
- package/dist/primitives/file-upload/components/file-upload.hidden-input.svelte.d.ts +4 -0
- package/dist/primitives/file-upload/components/file-upload.item-delete-trigger.svelte +36 -0
- package/dist/primitives/file-upload/components/file-upload.item-delete-trigger.svelte.d.ts +4 -0
- package/dist/primitives/file-upload/components/file-upload.item-group.svelte +16 -0
- package/dist/primitives/file-upload/components/file-upload.item-group.svelte.d.ts +4 -0
- package/dist/primitives/file-upload/components/file-upload.item-name.svelte +23 -0
- package/dist/primitives/file-upload/components/file-upload.item-name.svelte.d.ts +4 -0
- package/dist/primitives/file-upload/components/file-upload.item-preview-image.svelte +21 -0
- package/dist/primitives/file-upload/components/file-upload.item-preview-image.svelte.d.ts +4 -0
- package/dist/primitives/file-upload/components/file-upload.item-preview.svelte +34 -0
- package/dist/primitives/file-upload/components/file-upload.item-preview.svelte.d.ts +4 -0
- package/dist/primitives/file-upload/components/file-upload.item-size-text.svelte +23 -0
- package/dist/primitives/file-upload/components/file-upload.item-size-text.svelte.d.ts +4 -0
- package/dist/primitives/file-upload/components/file-upload.item.svelte +29 -0
- package/dist/primitives/file-upload/components/file-upload.item.svelte.d.ts +4 -0
- package/dist/primitives/file-upload/components/file-upload.root.svelte +59 -0
- package/dist/primitives/file-upload/components/file-upload.root.svelte.d.ts +4 -0
- package/dist/primitives/file-upload/components/file-upload.trigger.svelte +26 -0
- package/dist/primitives/file-upload/components/file-upload.trigger.svelte.d.ts +4 -0
- package/dist/primitives/file-upload/components/index.d.ts +13 -0
- package/dist/primitives/file-upload/components/index.js +13 -0
- package/dist/primitives/file-upload/index.d.ts +3 -0
- package/dist/primitives/file-upload/index.js +2 -0
- package/dist/primitives/file-upload/model/index.d.ts +1 -0
- package/dist/primitives/file-upload/model/index.js +1 -0
- package/dist/primitives/file-upload/model/use-file-upload-state.svelte.d.ts +112 -0
- package/dist/primitives/file-upload/model/use-file-upload-state.svelte.js +266 -0
- package/dist/primitives/file-upload/styles.d.ts +80 -0
- package/dist/primitives/file-upload/styles.js +69 -0
- package/dist/primitives/file-upload/types.d.ts +75 -0
- package/dist/primitives/file-upload/types.js +1 -0
- package/dist/primitives/index.d.ts +32 -0
- package/dist/primitives/index.js +32 -0
- package/dist/primitives/input/components/index.d.ts +1 -0
- package/dist/primitives/input/components/index.js +1 -0
- package/dist/primitives/input/components/input.svelte +57 -0
- package/dist/primitives/input/components/input.svelte.d.ts +4 -0
- package/dist/primitives/input/index.d.ts +2 -0
- package/dist/primitives/input/index.js +1 -0
- package/dist/primitives/input/styles.d.ts +80 -0
- package/dist/primitives/input/styles.js +50 -0
- package/dist/primitives/input/types.d.ts +10 -0
- package/dist/primitives/input/types.js +1 -0
- package/dist/primitives/input-password/components/index.d.ts +1 -0
- package/dist/primitives/input-password/components/index.js +1 -0
- package/dist/primitives/input-password/components/input-password.svelte +34 -0
- package/dist/primitives/input-password/components/input-password.svelte.d.ts +4 -0
- package/dist/primitives/input-password/index.d.ts +2 -0
- package/dist/primitives/input-password/index.js +1 -0
- package/dist/primitives/input-password/types.d.ts +4 -0
- package/dist/primitives/input-password/types.js +1 -0
- package/dist/primitives/kbd/components/index.d.ts +2 -0
- package/dist/primitives/kbd/components/index.js +2 -0
- package/dist/primitives/kbd/components/kbd.group.svelte +11 -0
- package/dist/primitives/kbd/components/kbd.group.svelte.d.ts +4 -0
- package/dist/primitives/kbd/components/kbd.root.svelte +11 -0
- package/dist/primitives/kbd/components/kbd.root.svelte.d.ts +4 -0
- package/dist/primitives/kbd/index.d.ts +2 -0
- package/dist/primitives/kbd/index.js +1 -0
- package/dist/primitives/kbd/styles.d.ts +5 -0
- package/dist/primitives/kbd/styles.js +12 -0
- package/dist/primitives/kbd/types.d.ts +8 -0
- package/dist/primitives/kbd/types.js +1 -0
- package/dist/primitives/navigation/components/index.d.ts +7 -0
- package/dist/primitives/navigation/components/index.js +7 -0
- package/dist/primitives/navigation/components/navigation.content.svelte +38 -0
- package/dist/primitives/navigation/components/navigation.content.svelte.d.ts +4 -0
- package/dist/primitives/navigation/components/navigation.item.svelte +52 -0
- package/dist/primitives/navigation/components/navigation.item.svelte.d.ts +4 -0
- package/dist/primitives/navigation/components/navigation.root.svelte +44 -0
- package/dist/primitives/navigation/components/navigation.root.svelte.d.ts +4 -0
- package/dist/primitives/navigation/components/navigation.sub-content.svelte +71 -0
- package/dist/primitives/navigation/components/navigation.sub-content.svelte.d.ts +4 -0
- package/dist/primitives/navigation/components/navigation.sub-trigger.svelte +109 -0
- package/dist/primitives/navigation/components/navigation.sub-trigger.svelte.d.ts +4 -0
- package/dist/primitives/navigation/components/navigation.sub.svelte +55 -0
- package/dist/primitives/navigation/components/navigation.sub.svelte.d.ts +4 -0
- package/dist/primitives/navigation/components/navigation.svelte.d.ts +122 -0
- package/dist/primitives/navigation/components/navigation.svelte.js +174 -0
- package/dist/primitives/navigation/components/navigation.trigger.svelte +88 -0
- package/dist/primitives/navigation/components/navigation.trigger.svelte.d.ts +4 -0
- package/dist/primitives/navigation/index.d.ts +2 -0
- package/dist/primitives/navigation/index.js +1 -0
- package/dist/primitives/navigation/styles.d.ts +29 -0
- package/dist/primitives/navigation/styles.js +58 -0
- package/dist/primitives/navigation/types.d.ts +53 -0
- package/dist/primitives/navigation/types.js +1 -0
- package/dist/primitives/number-input/components/index.d.ts +1 -0
- package/dist/primitives/number-input/components/index.js +1 -0
- package/dist/primitives/number-input/components/number-input.root.svelte +128 -0
- package/dist/primitives/number-input/components/number-input.root.svelte.d.ts +4 -0
- package/dist/primitives/number-input/index.d.ts +2 -0
- package/dist/primitives/number-input/index.js +1 -0
- package/dist/primitives/number-input/types.d.ts +10 -0
- package/dist/primitives/number-input/types.js +1 -0
- package/dist/primitives/pagination/components/index.d.ts +6 -0
- package/dist/primitives/pagination/components/index.js +6 -0
- package/dist/primitives/pagination/components/pagination.ellipsis.svelte +18 -0
- package/dist/primitives/pagination/components/pagination.ellipsis.svelte.d.ts +4 -0
- package/dist/primitives/pagination/components/pagination.item.svelte +17 -0
- package/dist/primitives/pagination/components/pagination.item.svelte.d.ts +4 -0
- package/dist/primitives/pagination/components/pagination.next-button.svelte +17 -0
- package/dist/primitives/pagination/components/pagination.next-button.svelte.d.ts +4 -0
- package/dist/primitives/pagination/components/pagination.page-size.svelte +45 -0
- package/dist/primitives/pagination/components/pagination.page-size.svelte.d.ts +4 -0
- package/dist/primitives/pagination/components/pagination.prev-button.svelte +19 -0
- package/dist/primitives/pagination/components/pagination.prev-button.svelte.d.ts +4 -0
- package/dist/primitives/pagination/components/pagination.root.svelte +31 -0
- package/dist/primitives/pagination/components/pagination.root.svelte.d.ts +4 -0
- package/dist/primitives/pagination/components/state.svelte.d.ts +15 -0
- package/dist/primitives/pagination/components/state.svelte.js +11 -0
- package/dist/primitives/pagination/index.d.ts +2 -0
- package/dist/primitives/pagination/index.js +1 -0
- package/dist/primitives/pagination/styles.d.ts +67 -0
- package/dist/primitives/pagination/styles.js +47 -0
- package/dist/primitives/pagination/types.d.ts +19 -0
- package/dist/primitives/pagination/types.js +1 -0
- package/dist/primitives/pill/components/index.d.ts +4 -0
- package/dist/primitives/pill/components/index.js +4 -0
- package/dist/primitives/pill/components/pill.group.svelte +24 -0
- package/dist/primitives/pill/components/pill.group.svelte.d.ts +4 -0
- package/dist/primitives/pill/components/pill.item.svelte +41 -0
- package/dist/primitives/pill/components/pill.item.svelte.d.ts +4 -0
- package/dist/primitives/pill/components/pill.label.svelte +27 -0
- package/dist/primitives/pill/components/pill.label.svelte.d.ts +4 -0
- package/dist/primitives/pill/components/pill.remove.svelte +38 -0
- package/dist/primitives/pill/components/pill.remove.svelte.d.ts +4 -0
- package/dist/primitives/pill/index.d.ts +2 -0
- package/dist/primitives/pill/index.js +1 -0
- package/dist/primitives/pill/styles.d.ts +170 -0
- package/dist/primitives/pill/styles.js +184 -0
- package/dist/primitives/pill/types.d.ts +16 -0
- package/dist/primitives/pill/types.js +1 -0
- package/dist/primitives/popover/components/index.d.ts +4 -0
- package/dist/primitives/popover/components/index.js +5 -0
- package/dist/primitives/popover/components/popover.content.svelte +43 -0
- package/dist/primitives/popover/components/popover.content.svelte.d.ts +4 -0
- package/dist/primitives/popover/components/popover.root.svelte +27 -0
- package/dist/primitives/popover/components/popover.root.svelte.d.ts +4 -0
- package/dist/primitives/popover/components/popover.svelte.d.ts +41 -0
- package/dist/primitives/popover/components/popover.svelte.js +59 -0
- package/dist/primitives/popover/components/popover.trigger.svelte +32 -0
- package/dist/primitives/popover/components/popover.trigger.svelte.d.ts +4 -0
- package/dist/primitives/popover/index.d.ts +2 -0
- package/dist/primitives/popover/index.js +1 -0
- package/dist/primitives/popover/styles.d.ts +64 -0
- package/dist/primitives/popover/styles.js +44 -0
- package/dist/primitives/popover/types.d.ts +8 -0
- package/dist/primitives/popover/types.js +1 -0
- package/dist/primitives/segment/components/index.d.ts +2 -0
- package/dist/primitives/segment/components/index.js +2 -0
- package/dist/primitives/segment/components/segment.item.svelte +53 -0
- package/dist/primitives/segment/components/segment.item.svelte.d.ts +4 -0
- package/dist/primitives/segment/components/segment.root.svelte +52 -0
- package/dist/primitives/segment/components/segment.root.svelte.d.ts +4 -0
- package/dist/primitives/segment/components/segmet.svelte.d.ts +42 -0
- package/dist/primitives/segment/components/segmet.svelte.js +73 -0
- package/dist/primitives/segment/index.d.ts +2 -0
- package/dist/primitives/segment/index.js +1 -0
- package/dist/primitives/segment/styles.d.ts +130 -0
- package/dist/primitives/segment/styles.js +70 -0
- package/dist/primitives/segment/types.d.ts +14 -0
- package/dist/primitives/segment/types.js +1 -0
- package/dist/primitives/select/components/index.d.ts +8 -0
- package/dist/primitives/select/components/index.js +8 -0
- package/dist/primitives/select/components/select.content.svelte +47 -0
- package/dist/primitives/select/components/select.content.svelte.d.ts +4 -0
- package/dist/primitives/select/components/select.group-heading.svelte +17 -0
- package/dist/primitives/select/components/select.group-heading.svelte.d.ts +4 -0
- package/dist/primitives/select/components/select.group.svelte +8 -0
- package/dist/primitives/select/components/select.group.svelte.d.ts +4 -0
- package/dist/primitives/select/components/select.item.svelte +30 -0
- package/dist/primitives/select/components/select.item.svelte.d.ts +4 -0
- package/dist/primitives/select/components/select.portal.svelte +10 -0
- package/dist/primitives/select/components/select.portal.svelte.d.ts +3 -0
- package/dist/primitives/select/components/select.root.svelte +8 -0
- package/dist/primitives/select/components/select.root.svelte.d.ts +3 -0
- package/dist/primitives/select/components/select.trigger.svelte +63 -0
- package/dist/primitives/select/components/select.trigger.svelte.d.ts +4 -0
- package/dist/primitives/select/components/select.viewport.svelte +22 -0
- package/dist/primitives/select/components/select.viewport.svelte.d.ts +4 -0
- package/dist/primitives/select/index.d.ts +2 -0
- package/dist/primitives/select/index.js +1 -0
- package/dist/primitives/select/styles.d.ts +79 -0
- package/dist/primitives/select/styles.js +99 -0
- package/dist/primitives/select/types.d.ts +18 -0
- package/dist/primitives/select/types.js +1 -0
- package/dist/primitives/separator/components/index.d.ts +1 -0
- package/dist/primitives/separator/components/index.js +1 -0
- package/dist/primitives/separator/components/separator.svelte +17 -0
- package/dist/primitives/separator/components/separator.svelte.d.ts +4 -0
- package/dist/primitives/separator/index.d.ts +2 -0
- package/dist/primitives/separator/index.js +1 -0
- package/dist/primitives/separator/styles.d.ts +18 -0
- package/dist/primitives/separator/styles.js +10 -0
- package/dist/primitives/separator/types.d.ts +3 -0
- package/dist/primitives/separator/types.js +1 -0
- package/dist/primitives/skeleton/components/index.d.ts +1 -0
- package/dist/primitives/skeleton/components/index.js +1 -0
- package/dist/primitives/skeleton/components/skeleton.svelte +24 -0
- package/dist/primitives/skeleton/components/skeleton.svelte.d.ts +4 -0
- package/dist/primitives/skeleton/index.d.ts +2 -0
- package/dist/primitives/skeleton/index.js +1 -0
- package/dist/primitives/skeleton/styles.d.ts +78 -0
- package/dist/primitives/skeleton/styles.js +30 -0
- package/dist/primitives/skeleton/types.d.ts +9 -0
- package/dist/primitives/skeleton/types.js +1 -0
- package/dist/primitives/slider/components/index.d.ts +5 -0
- package/dist/primitives/slider/components/index.js +5 -0
- package/dist/primitives/slider/components/slider.range.svelte +12 -0
- package/dist/primitives/slider/components/slider.range.svelte.d.ts +4 -0
- package/dist/primitives/slider/components/slider.root.svelte +35 -0
- package/dist/primitives/slider/components/slider.root.svelte.d.ts +4 -0
- package/dist/primitives/slider/components/slider.thumb.svelte +25 -0
- package/dist/primitives/slider/components/slider.thumb.svelte.d.ts +4 -0
- package/dist/primitives/slider/components/slider.tick.svelte +24 -0
- package/dist/primitives/slider/components/slider.tick.svelte.d.ts +4 -0
- package/dist/primitives/slider/components/slider.track.svelte +32 -0
- package/dist/primitives/slider/components/slider.track.svelte.d.ts +4 -0
- package/dist/primitives/slider/components/state.svelte.d.ts +15 -0
- package/dist/primitives/slider/components/state.svelte.js +11 -0
- package/dist/primitives/slider/index.d.ts +2 -0
- package/dist/primitives/slider/index.js +1 -0
- package/dist/primitives/slider/styles.d.ts +107 -0
- package/dist/primitives/slider/styles.js +101 -0
- package/dist/primitives/slider/types.d.ts +13 -0
- package/dist/primitives/slider/types.js +1 -0
- package/dist/primitives/spinner/components/index.d.ts +1 -0
- package/dist/primitives/spinner/components/index.js +1 -0
- package/dist/primitives/spinner/components/spinner.svelte +10 -0
- package/dist/primitives/spinner/components/spinner.svelte.d.ts +4 -0
- package/dist/primitives/spinner/index.d.ts +2 -0
- package/dist/primitives/spinner/index.js +1 -0
- package/dist/primitives/spinner/styles.d.ts +3 -0
- package/dist/primitives/spinner/styles.js +4 -0
- package/dist/primitives/spinner/types.d.ts +8 -0
- package/dist/primitives/spinner/types.js +1 -0
- package/dist/primitives/switch/components/index.d.ts +2 -0
- package/dist/primitives/switch/components/index.js +2 -0
- package/dist/primitives/switch/components/switch.root.svelte +27 -0
- package/dist/primitives/switch/components/switch.root.svelte.d.ts +4 -0
- package/dist/primitives/switch/components/switch.thumb.svelte +17 -0
- package/dist/primitives/switch/components/switch.thumb.svelte.d.ts +4 -0
- package/dist/primitives/switch/index.d.ts +3 -0
- package/dist/primitives/switch/index.js +2 -0
- package/dist/primitives/switch/model/index.d.ts +1 -0
- package/dist/primitives/switch/model/index.js +1 -0
- package/dist/primitives/switch/model/use-switch-state.svelte.d.ts +13 -0
- package/dist/primitives/switch/model/use-switch-state.svelte.js +20 -0
- package/dist/primitives/switch/styles.d.ts +53 -0
- package/dist/primitives/switch/styles.js +40 -0
- package/dist/primitives/switch/types.d.ts +4 -0
- package/dist/primitives/switch/types.js +1 -0
- package/dist/primitives/textarea/components/index.d.ts +1 -0
- package/dist/primitives/textarea/components/index.js +1 -0
- package/dist/primitives/textarea/components/textarea.svelte +24 -0
- package/dist/primitives/textarea/components/textarea.svelte.d.ts +4 -0
- package/dist/primitives/textarea/index.d.ts +2 -0
- package/dist/primitives/textarea/index.js +1 -0
- package/dist/primitives/textarea/styles.d.ts +54 -0
- package/dist/primitives/textarea/styles.js +39 -0
- package/dist/primitives/textarea/types.d.ts +6 -0
- package/dist/primitives/textarea/types.js +1 -0
- package/dist/primitives/toast/components/index.d.ts +6 -0
- package/dist/primitives/toast/components/index.js +6 -0
- package/dist/primitives/toast/components/toast.body.svelte +11 -0
- package/dist/primitives/toast/components/toast.body.svelte.d.ts +4 -0
- package/dist/primitives/toast/components/toast.close.svelte +18 -0
- package/dist/primitives/toast/components/toast.close.svelte.d.ts +4 -0
- package/dist/primitives/toast/components/toast.description.svelte +16 -0
- package/dist/primitives/toast/components/toast.description.svelte.d.ts +4 -0
- package/dist/primitives/toast/components/toast.icon.svelte +36 -0
- package/dist/primitives/toast/components/toast.icon.svelte.d.ts +4 -0
- package/dist/primitives/toast/components/toast.root.svelte +31 -0
- package/dist/primitives/toast/components/toast.root.svelte.d.ts +4 -0
- package/dist/primitives/toast/components/toast.svelte.d.ts +14 -0
- package/dist/primitives/toast/components/toast.svelte.js +12 -0
- package/dist/primitives/toast/components/toast.title.svelte +11 -0
- package/dist/primitives/toast/components/toast.title.svelte.d.ts +4 -0
- package/dist/primitives/toast/index.d.ts +2 -0
- package/dist/primitives/toast/index.js +1 -0
- package/dist/primitives/toast/styles.d.ts +90 -0
- package/dist/primitives/toast/styles.js +63 -0
- package/dist/primitives/toast/types.d.ts +22 -0
- package/dist/primitives/toast/types.js +1 -0
- package/package.json +276 -1
- package/dist/components/app-shell/exports-primitive.d.ts +0 -9
- package/dist/components/app-shell/exports-primitive.js +0 -9
- package/dist/components/app-shell/styles.d.ts +0 -83
- package/dist/components/app-shell/styles.js +0 -67
- /package/dist/{components/app-shell → atomic/icons}/types.js +0 -0
- /package/dist/{components → primitives}/app-shell/components/app-shell.content.svelte.d.ts +0 -0
- /package/dist/{components → primitives}/app-shell/components/app-shell.header.svelte.d.ts +0 -0
- /package/dist/{components → primitives}/app-shell/components/app-shell.nav-bar.svelte.d.ts +0 -0
- /package/dist/{components → primitives}/app-shell/components/app-shell.root.svelte.d.ts +0 -0
- /package/dist/{components → primitives}/app-shell/components/app-shell.sidebar-footer.svelte.d.ts +0 -0
- /package/dist/{components → primitives}/app-shell/components/app-shell.sidebar-head.svelte.d.ts +0 -0
- /package/dist/{components → primitives}/app-shell/components/app-shell.sidebar-toggle.svelte.d.ts +0 -0
- /package/dist/{components → primitives}/app-shell/components/app-shell.sidebar.svelte.d.ts +0 -0
- /package/dist/{components → primitives}/app-shell/components/app-shell.viewport.svelte.d.ts +0 -0
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import { useId } from '../../../internal/utils/common.js';
|
|
3
|
+
import { cn } from '../../../internal/utils/tailwindcss.js';
|
|
4
|
+
import { ToggleGroup } from 'bits-ui';
|
|
5
|
+
import { ChipStylesContext, chipVariants } from '../styles.js';
|
|
6
|
+
import type { ChipItemProps, ChipItemSnippetProps } from '../types.js';
|
|
7
|
+
|
|
8
|
+
type ChildSnippetProps = ChipItemSnippetProps & {
|
|
9
|
+
props: Record<string, unknown>;
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
const uid = $props.id();
|
|
13
|
+
|
|
14
|
+
let {
|
|
15
|
+
ref = $bindable(null),
|
|
16
|
+
id = useId(uid),
|
|
17
|
+
value,
|
|
18
|
+
disabled = false,
|
|
19
|
+
children: childrenSnippet,
|
|
20
|
+
child: childSnippet,
|
|
21
|
+
icon,
|
|
22
|
+
class: className,
|
|
23
|
+
variant,
|
|
24
|
+
rounded,
|
|
25
|
+
size,
|
|
26
|
+
...restProps
|
|
27
|
+
}: ChipItemProps = $props();
|
|
28
|
+
|
|
29
|
+
const styles = ChipStylesContext.getOr(undefined);
|
|
30
|
+
|
|
31
|
+
const trueDisabled = $derived(disabled ?? false);
|
|
32
|
+
|
|
33
|
+
const variants = $derived({
|
|
34
|
+
variant: variant ?? styles?.current.variant ?? 'fill',
|
|
35
|
+
rounded: rounded ?? styles?.current.rounded ?? 'full',
|
|
36
|
+
size: size ?? styles?.current.size ?? 'xs',
|
|
37
|
+
disabled: trueDisabled,
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
const classValue = $derived(cn(chipVariants(variants), className));
|
|
41
|
+
</script>
|
|
42
|
+
|
|
43
|
+
{#snippet customChild({ props, pressed }: ChildSnippetProps)}
|
|
44
|
+
{@render childSnippet?.({ props, pressed })}
|
|
45
|
+
{/snippet}
|
|
46
|
+
|
|
47
|
+
{#snippet defaultChild({ props, pressed }: ChildSnippetProps)}
|
|
48
|
+
<button {...props}>
|
|
49
|
+
{#if pressed && icon}
|
|
50
|
+
{@render icon({ pressed })}
|
|
51
|
+
{/if}
|
|
52
|
+
|
|
53
|
+
{@render childrenSnippet?.({ pressed })}
|
|
54
|
+
</button>
|
|
55
|
+
{/snippet}
|
|
56
|
+
|
|
57
|
+
<ToggleGroup.Item
|
|
58
|
+
bind:ref
|
|
59
|
+
{id}
|
|
60
|
+
{value}
|
|
61
|
+
{disabled}
|
|
62
|
+
class={classValue}
|
|
63
|
+
child={childSnippet ? customChild : defaultChild}
|
|
64
|
+
{...restProps as any}
|
|
65
|
+
/>
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import { cn } from '../../../internal/utils/tailwindcss.js';
|
|
3
|
+
import { ToggleGroup } from 'bits-ui';
|
|
4
|
+
import { box } from 'svelte-toolbelt';
|
|
5
|
+
import { ChipStylesContext, chipGroupVariants } from '../styles.js';
|
|
6
|
+
import type { ChipRootProps } from '../types.js';
|
|
7
|
+
|
|
8
|
+
type ChildSnippetProps = {
|
|
9
|
+
props: Record<string, unknown>;
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
let {
|
|
13
|
+
value = $bindable(),
|
|
14
|
+
ref = $bindable(null),
|
|
15
|
+
type = 'single',
|
|
16
|
+
disabled = false,
|
|
17
|
+
loop = true,
|
|
18
|
+
orientation = 'horizontal',
|
|
19
|
+
rovingFocus = true,
|
|
20
|
+
children: childrenSnippet,
|
|
21
|
+
child: childSnippet,
|
|
22
|
+
class: className,
|
|
23
|
+
variant = 'fill',
|
|
24
|
+
rounded = 'full',
|
|
25
|
+
size = 'xs',
|
|
26
|
+
onValueChange,
|
|
27
|
+
...restProps
|
|
28
|
+
}: ChipRootProps = $props();
|
|
29
|
+
|
|
30
|
+
const variants = $derived({
|
|
31
|
+
variant,
|
|
32
|
+
rounded,
|
|
33
|
+
size,
|
|
34
|
+
disabled,
|
|
35
|
+
});
|
|
36
|
+
|
|
37
|
+
ChipStylesContext.set(box.with(() => variants));
|
|
38
|
+
</script>
|
|
39
|
+
|
|
40
|
+
{#snippet customChild({ props }: ChildSnippetProps)}
|
|
41
|
+
{@render childSnippet?.({ props })}
|
|
42
|
+
{/snippet}
|
|
43
|
+
|
|
44
|
+
{#snippet defaultChild({ props }: ChildSnippetProps)}
|
|
45
|
+
<div {...props}>
|
|
46
|
+
{@render childrenSnippet?.()}
|
|
47
|
+
</div>
|
|
48
|
+
{/snippet}
|
|
49
|
+
|
|
50
|
+
<ToggleGroup.Root
|
|
51
|
+
bind:value
|
|
52
|
+
bind:ref
|
|
53
|
+
{type}
|
|
54
|
+
{disabled}
|
|
55
|
+
{loop}
|
|
56
|
+
{orientation}
|
|
57
|
+
{rovingFocus}
|
|
58
|
+
{onValueChange}
|
|
59
|
+
class={cn(chipGroupVariants(), className)}
|
|
60
|
+
child={childSnippet ? customChild : defaultChild}
|
|
61
|
+
{...restProps as any}
|
|
62
|
+
/>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * as Chip from './components/index.js';
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { Context } from 'runed';
|
|
2
|
+
import type { ReadableBox } from 'svelte-toolbelt';
|
|
3
|
+
import type { VariantProps } from 'tailwind-variants';
|
|
4
|
+
export declare const chipGroupVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
|
|
5
|
+
export declare const chipVariants: import("tailwind-variants").TVReturnType<{
|
|
6
|
+
variant: {
|
|
7
|
+
fill: string[];
|
|
8
|
+
outline: string[];
|
|
9
|
+
};
|
|
10
|
+
rounded: {
|
|
11
|
+
none: never[];
|
|
12
|
+
xs: string[];
|
|
13
|
+
sm: string[];
|
|
14
|
+
md: string[];
|
|
15
|
+
lg: string[];
|
|
16
|
+
xl: string[];
|
|
17
|
+
full: string[];
|
|
18
|
+
};
|
|
19
|
+
size: {
|
|
20
|
+
xs: string[];
|
|
21
|
+
sm: string[];
|
|
22
|
+
md: string[];
|
|
23
|
+
lg: string[];
|
|
24
|
+
xl: string[];
|
|
25
|
+
};
|
|
26
|
+
disabled: {
|
|
27
|
+
true: string[];
|
|
28
|
+
};
|
|
29
|
+
}, undefined, string[], {
|
|
30
|
+
variant: {
|
|
31
|
+
fill: string[];
|
|
32
|
+
outline: string[];
|
|
33
|
+
};
|
|
34
|
+
rounded: {
|
|
35
|
+
none: never[];
|
|
36
|
+
xs: string[];
|
|
37
|
+
sm: string[];
|
|
38
|
+
md: string[];
|
|
39
|
+
lg: string[];
|
|
40
|
+
xl: string[];
|
|
41
|
+
full: string[];
|
|
42
|
+
};
|
|
43
|
+
size: {
|
|
44
|
+
xs: string[];
|
|
45
|
+
sm: string[];
|
|
46
|
+
md: string[];
|
|
47
|
+
lg: string[];
|
|
48
|
+
xl: string[];
|
|
49
|
+
};
|
|
50
|
+
disabled: {
|
|
51
|
+
true: string[];
|
|
52
|
+
};
|
|
53
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
54
|
+
variant: {
|
|
55
|
+
fill: string[];
|
|
56
|
+
outline: string[];
|
|
57
|
+
};
|
|
58
|
+
rounded: {
|
|
59
|
+
none: never[];
|
|
60
|
+
xs: string[];
|
|
61
|
+
sm: string[];
|
|
62
|
+
md: string[];
|
|
63
|
+
lg: string[];
|
|
64
|
+
xl: string[];
|
|
65
|
+
full: string[];
|
|
66
|
+
};
|
|
67
|
+
size: {
|
|
68
|
+
xs: string[];
|
|
69
|
+
sm: string[];
|
|
70
|
+
md: string[];
|
|
71
|
+
lg: string[];
|
|
72
|
+
xl: string[];
|
|
73
|
+
};
|
|
74
|
+
disabled: {
|
|
75
|
+
true: string[];
|
|
76
|
+
};
|
|
77
|
+
}, undefined, string[], unknown, unknown, undefined>>;
|
|
78
|
+
export type ChipVariants = VariantProps<typeof chipVariants>;
|
|
79
|
+
type ChipStylesContextValue = ReadableBox<Required<ChipVariants>>;
|
|
80
|
+
export declare const ChipStylesContext: Context<ChipStylesContextValue>;
|
|
81
|
+
export {};
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { keyWithPrefix } from '../../internal/utils/common.js';
|
|
2
|
+
import { tv } from '../../internal/utils/tailwindcss.js';
|
|
3
|
+
import { Context } from 'runed';
|
|
4
|
+
export const chipGroupVariants = tv({
|
|
5
|
+
base: ['cgui:flex cgui:flex-wrap cgui:items-center cgui:gap-2'],
|
|
6
|
+
});
|
|
7
|
+
export const chipVariants = tv({
|
|
8
|
+
base: [
|
|
9
|
+
'cgui:inline-flex cgui:items-center cgui:justify-center cgui:gap-1 cgui:text-center cgui:overflow-hidden cgui:shrink-0 cgui:w-fit cgui:whitespace-nowrap',
|
|
10
|
+
'cgui:transition-all cgui:duration-250 cgui:ease-in-out',
|
|
11
|
+
'cgui:select-none cgui:font-normal cgui:text-caption-2',
|
|
12
|
+
'cgui:cursor-pointer cgui:outline-none',
|
|
13
|
+
'cgui:focus-visible:ring-2 cgui:focus-visible:ring-stroke-primary cgui:focus-visible:ring-offset-2',
|
|
14
|
+
'cgui:data-[disabled=""]:opacity-50 cgui:data-[disabled=""]:cursor-not-allowed',
|
|
15
|
+
'cgui:[&>svg]:pointer-events-none',
|
|
16
|
+
],
|
|
17
|
+
variants: {
|
|
18
|
+
variant: {
|
|
19
|
+
fill: ['cgui:bg-surface-semilight cgui:data-[state=on]:bg-surface-primary cgui:data-[state=on]:text-fg-white'],
|
|
20
|
+
outline: [
|
|
21
|
+
'cgui:border cgui:bg-transparent cgui:border-stroke-default cgui:data-[state=on]:border-stroke-primary cgui:data-[state=on]:bg-surface-primary/20 cgui:data-[state=on]:text-fg-primary',
|
|
22
|
+
],
|
|
23
|
+
},
|
|
24
|
+
rounded: {
|
|
25
|
+
none: [],
|
|
26
|
+
xs: ['cgui:rounded-xs'],
|
|
27
|
+
sm: ['cgui:rounded-sm'],
|
|
28
|
+
md: ['cgui:rounded-md'],
|
|
29
|
+
lg: ['cgui:rounded-lg'],
|
|
30
|
+
xl: ['cgui:rounded-xl'],
|
|
31
|
+
full: ['cgui:rounded-full'],
|
|
32
|
+
},
|
|
33
|
+
size: {
|
|
34
|
+
xs: ['cgui:text-caption-2', 'cgui:px-1.5 cgui:py-0.5', 'cgui:[&>svg]:size-3'],
|
|
35
|
+
sm: ['cgui:text-caption', 'cgui:px-2 cgui:py-0.5', 'cgui:[&>svg]:size-5.5'],
|
|
36
|
+
md: ['cgui:text-body-2', 'cgui:px-2.5 cgui:py-0.5', 'cgui:[&>svg]:size-6'],
|
|
37
|
+
lg: ['cgui:text-body', 'cgui:px-3 cgui:py-1', 'cgui:[&>svg]:size-6.5'],
|
|
38
|
+
xl: ['cgui:text-heading-2', 'cgui:px-3.5 cgui:py-1', 'cgui:[&>svg]:size-7'],
|
|
39
|
+
},
|
|
40
|
+
disabled: {
|
|
41
|
+
true: ['cgui:opacity-50 cgui:cursor-not-allowed'],
|
|
42
|
+
},
|
|
43
|
+
},
|
|
44
|
+
defaultVariants: {
|
|
45
|
+
variant: 'fill',
|
|
46
|
+
rounded: 'full',
|
|
47
|
+
size: 'xs',
|
|
48
|
+
disabled: false,
|
|
49
|
+
},
|
|
50
|
+
});
|
|
51
|
+
export const ChipStylesContext = new Context(keyWithPrefix('chip-styles'));
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { WithVariants } from '../../internal/types/composition.js';
|
|
2
|
+
import { ToggleGroup } from 'bits-ui';
|
|
3
|
+
import type { ToggleGroupItemSnippetProps as UIToggleGroupItemSnippetProps } from 'bits-ui';
|
|
4
|
+
import type { Snippet } from 'svelte';
|
|
5
|
+
import type { ChipVariants } from './styles.js';
|
|
6
|
+
export type ChipItemSnippetProps = UIToggleGroupItemSnippetProps;
|
|
7
|
+
type ChipItemOwnProps = {
|
|
8
|
+
icon?: Snippet<[ChipItemSnippetProps]> | null;
|
|
9
|
+
};
|
|
10
|
+
export type ChipItemProps = WithVariants<ToggleGroup.ItemProps, ChipVariants> & ChipItemOwnProps;
|
|
11
|
+
type ToggleGroupSingleRootProps = Extract<ToggleGroup.RootProps, {
|
|
12
|
+
type: 'single';
|
|
13
|
+
}>;
|
|
14
|
+
type ToggleGroupMultipleRootProps = Extract<ToggleGroup.RootProps, {
|
|
15
|
+
type: 'multiple';
|
|
16
|
+
}>;
|
|
17
|
+
type ChipSingleRootProps = Omit<ToggleGroupSingleRootProps, 'type'> & {
|
|
18
|
+
type?: 'single';
|
|
19
|
+
};
|
|
20
|
+
export type ChipRootProps = WithVariants<ChipSingleRootProps, ChipVariants> | WithVariants<ToggleGroupMultipleRootProps, ChipVariants>;
|
|
21
|
+
export type ChipGroupProps = ChipRootProps;
|
|
22
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import { ToggleGroup } from 'bits-ui';
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import { useId } from '../../../internal/utils/common.js';
|
|
3
|
+
import { cn } from '../../../internal/utils/tailwindcss.js';
|
|
4
|
+
|
|
5
|
+
import { Collapsible as CollapsiblePrimitive } from 'bits-ui';
|
|
6
|
+
import { fade } from 'svelte/transition';
|
|
7
|
+
import { collapsibleContentVariants } from '../styles.js';
|
|
8
|
+
import type { CollapsibleContentProps } from '../types.js';
|
|
9
|
+
|
|
10
|
+
const uid = $props.id();
|
|
11
|
+
|
|
12
|
+
let {
|
|
13
|
+
ref = $bindable(null),
|
|
14
|
+
id = useId(uid),
|
|
15
|
+
forceMount = true,
|
|
16
|
+
class: className,
|
|
17
|
+
child: childSnippet,
|
|
18
|
+
children,
|
|
19
|
+
...restProps
|
|
20
|
+
}: CollapsibleContentProps = $props();
|
|
21
|
+
</script>
|
|
22
|
+
|
|
23
|
+
<CollapsiblePrimitive.Content
|
|
24
|
+
bind:ref
|
|
25
|
+
{id}
|
|
26
|
+
class={cn(collapsibleContentVariants(), className)}
|
|
27
|
+
{forceMount}
|
|
28
|
+
{...restProps}
|
|
29
|
+
>
|
|
30
|
+
{#snippet child(childProps)}
|
|
31
|
+
{#if childSnippet}
|
|
32
|
+
{@render childSnippet?.(childProps)}
|
|
33
|
+
{:else if childProps.open}
|
|
34
|
+
<div {...childProps.props} transition:fade={{ duration: 250 }}>
|
|
35
|
+
{@render children?.()}
|
|
36
|
+
</div>
|
|
37
|
+
{/if}
|
|
38
|
+
{/snippet}
|
|
39
|
+
</CollapsiblePrimitive.Content>
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import { useId } from '../../../internal/utils/common.js';
|
|
3
|
+
import { cn } from '../../../internal/utils/tailwindcss.js';
|
|
4
|
+
import { Collapsible as CollapsiblePrimitive } from 'bits-ui';
|
|
5
|
+
import { box, mergeProps } from 'svelte-toolbelt';
|
|
6
|
+
import { CollapsibleStylesContext, collapsibleRootVariants } from '../styles.js';
|
|
7
|
+
import type { CollapsibleRootProps } from '../types.js';
|
|
8
|
+
import { CollapsibleGroupContext, CollapsibleRootState } from './collapsaible.svelte.js';
|
|
9
|
+
|
|
10
|
+
const uid = $props.id();
|
|
11
|
+
|
|
12
|
+
let {
|
|
13
|
+
open = $bindable(false),
|
|
14
|
+
ref = $bindable(null),
|
|
15
|
+
id = useId(uid),
|
|
16
|
+
disabled,
|
|
17
|
+
class: className,
|
|
18
|
+
variant = 'default',
|
|
19
|
+
iconPosition = 'start',
|
|
20
|
+
...restProps
|
|
21
|
+
}: CollapsibleRootProps = $props();
|
|
22
|
+
|
|
23
|
+
const group = CollapsibleGroupContext.getOr(null);
|
|
24
|
+
|
|
25
|
+
if (group) {
|
|
26
|
+
if (group.opts.value.current.includes(id)) {
|
|
27
|
+
open = true;
|
|
28
|
+
} else {
|
|
29
|
+
open = false;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
const rootState = CollapsibleRootState.create(
|
|
34
|
+
{
|
|
35
|
+
value: box.with(
|
|
36
|
+
() => open,
|
|
37
|
+
(v) => (open = v)
|
|
38
|
+
),
|
|
39
|
+
ref: box.with(
|
|
40
|
+
() => ref,
|
|
41
|
+
(v) => (ref = v)
|
|
42
|
+
),
|
|
43
|
+
disabled: box.with(() => disabled ?? false),
|
|
44
|
+
id: box.with(() => id),
|
|
45
|
+
},
|
|
46
|
+
group
|
|
47
|
+
);
|
|
48
|
+
|
|
49
|
+
const variants = $derived({ variant, iconPosition });
|
|
50
|
+
|
|
51
|
+
CollapsibleStylesContext.set(box.with(() => variants));
|
|
52
|
+
|
|
53
|
+
const mergedProps = $derived(mergeProps(restProps, rootState.props));
|
|
54
|
+
</script>
|
|
55
|
+
|
|
56
|
+
<CollapsiblePrimitive.Root
|
|
57
|
+
bind:open={rootState.opts.value.current}
|
|
58
|
+
class={cn(collapsibleRootVariants({ variant }), className)}
|
|
59
|
+
{...mergedProps}
|
|
60
|
+
/>
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import type { OnChangeFn, RefAttachment } from '../../../internal/types/common.js';
|
|
2
|
+
import { Context } from 'runed';
|
|
3
|
+
import { type ReadableBoxedValues, type WithRefProps, type WritableBoxedValues } from 'svelte-toolbelt';
|
|
4
|
+
import type { CollapsibleOpenVariant } from '../types.js';
|
|
5
|
+
export declare const CollapsibleGroupContext: Context<CollapsibleGroupState>;
|
|
6
|
+
type CollapsibleGroupStateOpts = WithRefProps<WritableBoxedValues<{
|
|
7
|
+
value: string[];
|
|
8
|
+
}> & ReadableBoxedValues<{
|
|
9
|
+
variant: CollapsibleOpenVariant;
|
|
10
|
+
disabled: boolean;
|
|
11
|
+
onValueChange: OnChangeFn<string[]>;
|
|
12
|
+
}>>;
|
|
13
|
+
export declare class CollapsibleGroupState {
|
|
14
|
+
static create(opts: CollapsibleGroupStateOpts): CollapsibleGroupState;
|
|
15
|
+
readonly opts: CollapsibleGroupStateOpts;
|
|
16
|
+
readonly attachment: RefAttachment;
|
|
17
|
+
constructor(opts: CollapsibleGroupStateOpts);
|
|
18
|
+
addValue(value: string | undefined): void;
|
|
19
|
+
removeValue(value: string | undefined): void;
|
|
20
|
+
readonly props: {
|
|
21
|
+
readonly id: string;
|
|
22
|
+
readonly 'data-disabled': "" | undefined;
|
|
23
|
+
readonly role: "group";
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
type CollapsibleRootStateOpts = WithRefProps<WritableBoxedValues<{
|
|
27
|
+
value: boolean;
|
|
28
|
+
}> & ReadableBoxedValues<{
|
|
29
|
+
disabled: boolean;
|
|
30
|
+
}>>;
|
|
31
|
+
export declare class CollapsibleRootState {
|
|
32
|
+
static create(opts: CollapsibleRootStateOpts, group: CollapsibleGroupState | null): CollapsibleRootState;
|
|
33
|
+
readonly opts: CollapsibleRootStateOpts;
|
|
34
|
+
readonly group: CollapsibleGroupState | null;
|
|
35
|
+
readonly attachment: RefAttachment;
|
|
36
|
+
readonly trueDisabled: boolean;
|
|
37
|
+
constructor(opts: CollapsibleRootStateOpts, group: CollapsibleGroupState | null);
|
|
38
|
+
readonly props: {
|
|
39
|
+
readonly id: string;
|
|
40
|
+
readonly disabled: boolean;
|
|
41
|
+
readonly 'data-disabled': "" | undefined;
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
export type CollapsibleTriggerStateOpts = WithRefProps<{}>;
|
|
45
|
+
export declare class CollapsibleTriggerState {
|
|
46
|
+
static create(opts: CollapsibleTriggerStateOpts): CollapsibleTriggerState;
|
|
47
|
+
readonly opts: CollapsibleTriggerStateOpts;
|
|
48
|
+
readonly attachment: RefAttachment;
|
|
49
|
+
readonly root: CollapsibleRootState;
|
|
50
|
+
constructor(opts: CollapsibleTriggerStateOpts, root: CollapsibleRootState);
|
|
51
|
+
readonly props: {
|
|
52
|
+
readonly [x: symbol]: (node: HTMLElement) => () => void;
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
export {};
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import { getDataDisabled } from '../../../internal/utils/attrs.js';
|
|
2
|
+
import { keyWithPrefix } from '../../../internal/utils/common.js';
|
|
3
|
+
import { isEqual } from '../../../internal/utils/equal.js';
|
|
4
|
+
import { Context, watch } from 'runed';
|
|
5
|
+
import { attachRef } from 'svelte-toolbelt';
|
|
6
|
+
const CollapsibleRootContext = new Context(keyWithPrefix('collapsible-root'));
|
|
7
|
+
export const CollapsibleGroupContext = new Context(keyWithPrefix('collapsible-group'));
|
|
8
|
+
export class CollapsibleGroupState {
|
|
9
|
+
static create(opts) {
|
|
10
|
+
return CollapsibleGroupContext.set(new CollapsibleGroupState(opts));
|
|
11
|
+
}
|
|
12
|
+
opts;
|
|
13
|
+
attachment;
|
|
14
|
+
constructor(opts) {
|
|
15
|
+
this.opts = opts;
|
|
16
|
+
this.attachment = attachRef(opts.ref);
|
|
17
|
+
}
|
|
18
|
+
addValue(value) {
|
|
19
|
+
if (!value)
|
|
20
|
+
return;
|
|
21
|
+
if (this.opts.value.current.includes(value))
|
|
22
|
+
return;
|
|
23
|
+
let newValue = [];
|
|
24
|
+
if (this.opts.variant.current === 'single') {
|
|
25
|
+
newValue = [value];
|
|
26
|
+
}
|
|
27
|
+
else {
|
|
28
|
+
newValue = [...$state.snapshot(this.opts.value.current), value];
|
|
29
|
+
}
|
|
30
|
+
this.opts.value.current = newValue;
|
|
31
|
+
if (isEqual(this.opts.value.current, newValue))
|
|
32
|
+
return;
|
|
33
|
+
this.opts.onValueChange.current(newValue);
|
|
34
|
+
}
|
|
35
|
+
removeValue(value) {
|
|
36
|
+
if (!value)
|
|
37
|
+
return;
|
|
38
|
+
const idx = this.opts.value.current.indexOf(value);
|
|
39
|
+
if (idx === -1)
|
|
40
|
+
return;
|
|
41
|
+
const newValue = this.opts.value.current.filter((v) => v !== value);
|
|
42
|
+
this.opts.value.current = newValue;
|
|
43
|
+
if (isEqual(this.opts.value.current, newValue))
|
|
44
|
+
return;
|
|
45
|
+
this.opts.onValueChange.current(newValue);
|
|
46
|
+
}
|
|
47
|
+
props = $derived.by(() => ({
|
|
48
|
+
id: this.opts.id.current,
|
|
49
|
+
'data-disabled': getDataDisabled(this.opts.disabled.current),
|
|
50
|
+
role: 'group',
|
|
51
|
+
...this.attachment,
|
|
52
|
+
}));
|
|
53
|
+
}
|
|
54
|
+
export class CollapsibleRootState {
|
|
55
|
+
static create(opts, group) {
|
|
56
|
+
return CollapsibleRootContext.set(new CollapsibleRootState(opts, group));
|
|
57
|
+
}
|
|
58
|
+
opts;
|
|
59
|
+
group;
|
|
60
|
+
attachment;
|
|
61
|
+
trueDisabled = $derived.by(() => {
|
|
62
|
+
if (this.group && this.group.opts.disabled.current)
|
|
63
|
+
return true;
|
|
64
|
+
return this.opts.disabled.current;
|
|
65
|
+
});
|
|
66
|
+
constructor(opts, group) {
|
|
67
|
+
this.opts = opts;
|
|
68
|
+
this.group = group;
|
|
69
|
+
this.attachment = attachRef(opts.ref);
|
|
70
|
+
watch.pre([() => $state.snapshot(this.group?.opts.value.current), () => this.opts.value.current], ([groupValue, value]) => {
|
|
71
|
+
if (!groupValue || !value)
|
|
72
|
+
return;
|
|
73
|
+
this.opts.value.current = groupValue.includes(this.opts.id.current);
|
|
74
|
+
});
|
|
75
|
+
watch.pre([() => this.opts.value.current], ([value]) => {
|
|
76
|
+
if (!value)
|
|
77
|
+
return;
|
|
78
|
+
if (value) {
|
|
79
|
+
this.group?.addValue(this.opts.id.current);
|
|
80
|
+
}
|
|
81
|
+
else {
|
|
82
|
+
this.group?.removeValue(this.opts.id.current);
|
|
83
|
+
}
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
props = $derived.by(() => ({
|
|
87
|
+
id: this.opts.id.current,
|
|
88
|
+
disabled: this.trueDisabled,
|
|
89
|
+
'data-disabled': getDataDisabled(this.trueDisabled),
|
|
90
|
+
...this.attachment,
|
|
91
|
+
}));
|
|
92
|
+
}
|
|
93
|
+
export class CollapsibleTriggerState {
|
|
94
|
+
static create(opts) {
|
|
95
|
+
return new CollapsibleTriggerState(opts, CollapsibleRootContext.get());
|
|
96
|
+
}
|
|
97
|
+
opts;
|
|
98
|
+
attachment;
|
|
99
|
+
root;
|
|
100
|
+
constructor(opts, root) {
|
|
101
|
+
this.opts = opts;
|
|
102
|
+
this.root = root;
|
|
103
|
+
this.attachment = attachRef(opts.ref);
|
|
104
|
+
}
|
|
105
|
+
props = $derived.by(() => ({
|
|
106
|
+
...this.attachment,
|
|
107
|
+
}));
|
|
108
|
+
}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import { Icon } from '../../../atomic/icons/index.js';
|
|
3
|
+
import { useId } from '../../../internal/utils/common.js';
|
|
4
|
+
import { cn } from '../../../internal/utils/tailwindcss.js';
|
|
5
|
+
|
|
6
|
+
import { Collapsible as CollapsiblePrimitive } from 'bits-ui';
|
|
7
|
+
import { boxWith, mergeProps } from 'svelte-toolbelt';
|
|
8
|
+
import { CollapsibleStylesContext, collapsibleIconVariants, collapsibleTriggerVariants } from '../styles.js';
|
|
9
|
+
import type { CollapsibleTriggerProps } from '../types.js';
|
|
10
|
+
import { CollapsibleTriggerState } from './collapsaible.svelte.js';
|
|
11
|
+
|
|
12
|
+
const uid = $props.id();
|
|
13
|
+
|
|
14
|
+
let {
|
|
15
|
+
ref = $bindable(null),
|
|
16
|
+
id = useId(uid),
|
|
17
|
+
class: className,
|
|
18
|
+
variant,
|
|
19
|
+
iconPosition,
|
|
20
|
+
child: childSnippet,
|
|
21
|
+
children: childrenSnippet,
|
|
22
|
+
icon: iconSnippet,
|
|
23
|
+
...restProps
|
|
24
|
+
}: CollapsibleTriggerProps = $props();
|
|
25
|
+
|
|
26
|
+
const triggerState = CollapsibleTriggerState.create({
|
|
27
|
+
ref: boxWith(
|
|
28
|
+
() => ref,
|
|
29
|
+
(v) => (ref = v)
|
|
30
|
+
),
|
|
31
|
+
id: boxWith(() => id),
|
|
32
|
+
});
|
|
33
|
+
|
|
34
|
+
const styles = CollapsibleStylesContext.get();
|
|
35
|
+
const variants = $derived({
|
|
36
|
+
variant: variant ?? styles.current.variant,
|
|
37
|
+
iconPosition: iconPosition ?? styles.current.iconPosition,
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
const mergedProps = $derived(mergeProps(restProps, triggerState.props));
|
|
41
|
+
</script>
|
|
42
|
+
|
|
43
|
+
<CollapsiblePrimitive.Trigger
|
|
44
|
+
bind:ref
|
|
45
|
+
{id}
|
|
46
|
+
class={cn(collapsibleTriggerVariants(variants), className)}
|
|
47
|
+
{...mergedProps}
|
|
48
|
+
>
|
|
49
|
+
{#snippet child({ props: childProps })}
|
|
50
|
+
{#if childSnippet}
|
|
51
|
+
{@render childSnippet?.({ props: childProps, open: triggerState.root.opts.value.current })}
|
|
52
|
+
{:else}
|
|
53
|
+
<button {...childProps}>
|
|
54
|
+
{#if iconSnippet !== null}
|
|
55
|
+
<span data-slot="icon" class={collapsibleIconVariants({ variant: variants.variant })}>
|
|
56
|
+
{#if iconSnippet}
|
|
57
|
+
{@render iconSnippet?.()}
|
|
58
|
+
{:else}
|
|
59
|
+
<Icon.ChevronSmallRight />
|
|
60
|
+
{/if}
|
|
61
|
+
</span>
|
|
62
|
+
{/if}
|
|
63
|
+
|
|
64
|
+
{@render childrenSnippet?.({ open: triggerState.root.opts.value.current })}
|
|
65
|
+
</button>
|
|
66
|
+
{/if}
|
|
67
|
+
{/snippet}
|
|
68
|
+
</CollapsiblePrimitive.Trigger>
|