@k8ordo/ui 2.0.0 → 2.2.0
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/README.md +197 -187
- package/dist/components/_internal/focus-ring.css +37 -0
- package/dist/components/_internal/focus-ring.module.mjs +9 -0
- package/dist/components/_internal/form-value.d.mts +34 -0
- package/dist/components/_internal/form-value.mjs +91 -0
- package/dist/components/_internal/high-contrast.css +18 -0
- package/dist/components/_internal/high-contrast.module.mjs +5 -0
- package/dist/components/_internal/ignore-changes.d.mts +20 -0
- package/dist/components/_internal/ignore-changes.mjs +37 -0
- package/dist/components/_internal/nav-link.css +78 -0
- package/dist/components/_internal/nav-link.d.mts +5 -0
- package/dist/components/_internal/nav-link.mjs +8 -0
- package/dist/components/_internal/nav-link.module.mjs +14 -0
- package/dist/components/_internal/sr-only.css +17 -0
- package/dist/components/_internal/sr-only.module.mjs +5 -0
- package/dist/components/_internal/status-tone.css +37 -0
- package/dist/components/_internal/status-tone.d.mts +20 -0
- package/dist/components/_internal/status-tone.mjs +22 -0
- package/dist/components/_internal/status-tone.module.mjs +14 -0
- package/dist/components/ai/_internal/attachment-preview.css +75 -0
- package/dist/components/ai/_internal/attachment-preview.d.mts +15 -0
- package/dist/components/ai/_internal/attachment-preview.mjs +50 -0
- package/dist/components/ai/_internal/attachment-preview.module.mjs +14 -0
- package/dist/components/ai/_internal/collapsible.css +62 -0
- package/dist/components/ai/_internal/collapsible.d.mts +4 -2
- package/dist/components/ai/_internal/collapsible.mjs +42 -33
- package/dist/components/ai/_internal/collapsible.module.mjs +12 -0
- package/dist/components/ai/_internal/icons.d.mts +8 -0
- package/dist/components/ai/_internal/icons.mjs +14 -0
- package/dist/components/ai/_internal/streaming-cursor.css +28 -0
- package/dist/components/ai/_internal/streaming-cursor.d.mts +2 -3
- package/dist/components/ai/_internal/streaming-cursor.mjs +2 -1
- package/dist/components/ai/_internal/streaming-cursor.module.mjs +8 -0
- package/dist/components/ai/attachment/attachment.css +17 -0
- package/dist/components/ai/attachment/attachment.d.mts +15 -0
- package/dist/components/ai/attachment/attachment.mjs +25 -0
- package/dist/components/ai/attachment/attachment.module.mjs +8 -0
- package/dist/components/ai/attachment/index.d.mts +13 -0
- package/dist/components/ai/attachment/index.mjs +8 -0
- package/dist/components/ai/conversation/conversation.css +71 -0
- package/dist/components/ai/conversation/conversation.d.mts +4 -4
- package/dist/components/ai/conversation/conversation.mjs +38 -34
- package/dist/components/ai/conversation/conversation.module.mjs +11 -0
- package/dist/components/ai/conversation/index.d.mts +2 -3
- package/dist/components/ai/index.d.mts +4 -2
- package/dist/components/ai/index.mjs +3 -1
- package/dist/components/ai/message/index.d.mts +29 -3
- package/dist/components/ai/message/index.mjs +7 -2
- package/dist/components/ai/message/message.css +71 -0
- package/dist/components/ai/message/message.d.mts +34 -3
- package/dist/components/ai/message/message.mjs +99 -9
- package/dist/components/ai/message/message.module.mjs +18 -0
- package/dist/components/ai/prompt-input/index.d.mts +11 -4
- package/dist/components/ai/prompt-input/index.mjs +3 -1
- package/dist/components/ai/prompt-input/prompt-input.css +101 -0
- package/dist/components/ai/prompt-input/prompt-input.d.mts +15 -5
- package/dist/components/ai/prompt-input/prompt-input.mjs +152 -37
- package/dist/components/ai/prompt-input/prompt-input.module.mjs +15 -0
- package/dist/components/ai/reasoning/index.mjs +1 -2
- package/dist/components/ai/reasoning/reasoning.css +16 -0
- package/dist/components/ai/reasoning/reasoning.d.mts +2 -2
- package/dist/components/ai/reasoning/reasoning.mjs +5 -5
- package/dist/components/ai/reasoning/reasoning.module.mjs +8 -0
- package/dist/components/ai/response/index.mjs +1 -2
- package/dist/components/ai/response/response.css +453 -0
- package/dist/components/ai/response/response.d.mts +4 -5
- package/dist/components/ai/response/response.mjs +20 -15
- package/dist/components/ai/response/response.module.mjs +8 -0
- package/dist/components/ai/source/index.d.mts +12 -0
- package/dist/components/ai/source/index.mjs +8 -0
- package/dist/components/ai/source/source.css +54 -0
- package/dist/components/ai/source/source.d.mts +14 -0
- package/dist/components/ai/source/source.mjs +51 -0
- package/dist/components/ai/source/source.module.mjs +12 -0
- package/dist/components/ai/suggestion/index.d.mts +2 -3
- package/dist/components/ai/suggestion/suggestion.css +32 -0
- package/dist/components/ai/suggestion/suggestion.d.mts +3 -3
- package/dist/components/ai/suggestion/suggestion.mjs +7 -6
- package/dist/components/ai/suggestion/suggestion.module.mjs +8 -0
- package/dist/components/ai/tool-invocation/approval-bar.css +26 -0
- package/dist/components/ai/tool-invocation/approval-bar.d.mts +12 -0
- package/dist/components/ai/tool-invocation/approval-bar.mjs +59 -0
- package/dist/components/ai/tool-invocation/approval-bar.module.mjs +9 -0
- package/dist/components/ai/tool-invocation/index.mjs +1 -2
- package/dist/components/ai/tool-invocation/tool-invocation.css +55 -0
- package/dist/components/ai/tool-invocation/tool-invocation.d.mts +5 -4
- package/dist/components/ai/tool-invocation/tool-invocation.mjs +39 -18
- package/dist/components/ai/tool-invocation/tool-invocation.module.mjs +15 -0
- package/dist/components/ai/types.d.mts +21 -4
- package/dist/components/buttons/button/button.css +158 -0
- package/dist/components/buttons/button/button.d.mts +32 -8
- package/dist/components/buttons/button/button.mjs +46 -36
- package/dist/components/buttons/button/button.module.mjs +23 -0
- package/dist/components/buttons/button/index.d.mts +2 -2
- package/dist/components/buttons/button/index.mjs +1 -2
- package/dist/components/buttons/copy-button/copy-button.css +15 -0
- package/dist/components/buttons/copy-button/copy-button.d.mts +10 -0
- package/dist/components/buttons/copy-button/copy-button.mjs +70 -0
- package/dist/components/buttons/copy-button/copy-button.module.mjs +8 -0
- package/dist/components/buttons/copy-button/index.d.mts +2 -0
- package/dist/components/buttons/copy-button/index.mjs +1 -0
- package/dist/components/buttons/icon-button/icon-button.css +81 -0
- package/dist/components/buttons/icon-button/icon-button.d.mts +39 -11
- package/dist/components/buttons/icon-button/icon-button.mjs +70 -57
- package/dist/components/buttons/icon-button/icon-button.module.mjs +15 -0
- package/dist/components/buttons/icon-button/index.d.mts +2 -2
- package/dist/components/buttons/icon-button/index.mjs +1 -2
- package/dist/components/buttons/toolbar/index.d.mts +14 -0
- package/dist/components/buttons/toolbar/index.mjs +9 -0
- package/dist/components/buttons/toolbar/toolbar.css +30 -0
- package/dist/components/buttons/toolbar/toolbar.d.mts +19 -0
- package/dist/components/buttons/toolbar/toolbar.mjs +111 -0
- package/dist/components/buttons/toolbar/toolbar.module.mjs +9 -0
- package/dist/components/data-display/accordion/accordion-button.css +48 -0
- package/dist/components/data-display/accordion/accordion-button.d.mts +2 -3
- package/dist/components/data-display/accordion/accordion-button.mjs +5 -4
- package/dist/components/data-display/accordion/accordion-button.module.mjs +9 -0
- package/dist/components/data-display/accordion/accordion-item.css +11 -0
- package/dist/components/data-display/accordion/accordion-item.d.mts +2 -3
- package/dist/components/data-display/accordion/accordion-item.mjs +2 -1
- package/dist/components/data-display/accordion/accordion-item.module.mjs +5 -0
- package/dist/components/data-display/accordion/accordion-panel.css +9 -0
- package/dist/components/data-display/accordion/accordion-panel.d.mts +2 -3
- package/dist/components/data-display/accordion/accordion-panel.mjs +2 -2
- package/dist/components/data-display/accordion/accordion-panel.module.mjs +5 -0
- package/dist/components/data-display/accordion/accordion.css +19 -0
- package/dist/components/data-display/accordion/accordion.d.mts +2 -3
- package/dist/components/data-display/accordion/accordion.mjs +2 -1
- package/dist/components/data-display/accordion/accordion.module.mjs +5 -0
- package/dist/components/data-display/accordion/context.d.mts +3 -3
- package/dist/components/data-display/accordion/index.d.mts +2 -3
- package/dist/components/data-display/avatar/avatar.css +95 -0
- package/dist/components/data-display/avatar/avatar.d.mts +2 -2
- package/dist/components/data-display/avatar/avatar.mjs +22 -6
- package/dist/components/data-display/avatar/avatar.module.mjs +18 -0
- package/dist/components/data-display/avatar/index.mjs +1 -2
- package/dist/components/data-display/badge/badge.css +160 -0
- package/dist/components/data-display/badge/badge.d.mts +2 -2
- package/dist/components/data-display/badge/badge.mjs +30 -5
- package/dist/components/data-display/badge/badge.module.mjs +21 -0
- package/dist/components/data-display/badge/index.mjs +1 -2
- package/dist/components/data-display/card/card.css +44 -0
- package/dist/components/data-display/card/card.d.mts +2 -2
- package/dist/components/data-display/card/card.mjs +12 -2
- package/dist/components/data-display/card/card.module.mjs +12 -0
- package/dist/components/data-display/card/index.mjs +1 -2
- package/dist/components/data-display/carousel/carousel.css +83 -0
- package/dist/components/data-display/carousel/carousel.d.mts +12 -0
- package/dist/components/data-display/carousel/carousel.mjs +186 -0
- package/dist/components/data-display/carousel/carousel.module.mjs +18 -0
- package/dist/components/data-display/carousel/index.d.mts +11 -0
- package/dist/components/data-display/carousel/index.mjs +8 -0
- package/dist/components/data-display/code/code.css +37 -0
- package/dist/components/data-display/code/code.d.mts +2 -2
- package/dist/components/data-display/code/code.mjs +7 -6
- package/dist/components/data-display/code/code.module.mjs +9 -0
- package/dist/components/data-display/code/find-all-colors.d.mts +2 -2
- package/dist/components/data-display/code/find-all-colors.mjs +0 -161
- package/dist/components/data-display/code/index.mjs +1 -2
- package/dist/components/data-display/code-block/code-block.css +161 -0
- package/dist/components/data-display/code-block/code-block.d.mts +13 -0
- package/dist/components/data-display/code-block/code-block.mjs +44 -0
- package/dist/components/data-display/code-block/code-block.module.mjs +11 -0
- package/dist/components/data-display/code-block/highlight.d.mts +10 -0
- package/dist/components/data-display/code-block/highlight.mjs +54 -0
- package/dist/components/data-display/code-block/index.d.mts +2 -0
- package/dist/components/data-display/code-block/index.mjs +1 -0
- package/dist/components/data-display/data-table/data-table.css +74 -0
- package/dist/components/data-display/data-table/data-table.d.mts +32 -0
- package/dist/components/data-display/data-table/data-table.mjs +155 -0
- package/dist/components/data-display/data-table/data-table.module.mjs +14 -0
- package/dist/components/data-display/data-table/index.d.mts +2 -0
- package/dist/components/data-display/data-table/index.mjs +1 -0
- package/dist/components/data-display/heading/heading.css +99 -0
- package/dist/components/data-display/heading/heading.d.mts +2 -2
- package/dist/components/data-display/heading/heading.mjs +15 -14
- package/dist/components/data-display/heading/heading.module.mjs +20 -0
- package/dist/components/data-display/heading/index.mjs +1 -2
- package/dist/components/data-display/kbd/index.d.mts +2 -0
- package/dist/components/data-display/kbd/index.mjs +1 -0
- package/dist/components/data-display/kbd/kbd.css +21 -0
- package/dist/components/data-display/kbd/kbd.d.mts +9 -0
- package/dist/components/data-display/kbd/kbd.mjs +17 -0
- package/dist/components/data-display/kbd/kbd.module.mjs +5 -0
- package/dist/components/data-display/prose/index.d.mts +2 -0
- package/dist/components/data-display/prose/index.mjs +1 -0
- package/dist/components/data-display/prose/prose.css +253 -0
- package/dist/components/data-display/prose/prose.d.mts +6 -0
- package/dist/components/data-display/prose/prose.mjs +10 -0
- package/dist/components/data-display/prose/prose.module.mjs +5 -0
- package/dist/components/data-display/table/index.mjs +1 -2
- package/dist/components/data-display/table/table.css +107 -0
- package/dist/components/data-display/table/table.d.mts +10 -8
- package/dist/components/data-display/table/table.mjs +26 -15
- package/dist/components/data-display/table/table.module.mjs +22 -0
- package/dist/components/data-display/tree/index.d.mts +2 -0
- package/dist/components/data-display/tree/index.mjs +1 -0
- package/dist/components/data-display/tree/tree.css +70 -0
- package/dist/components/data-display/tree/tree.d.mts +21 -0
- package/dist/components/data-display/tree/tree.mjs +144 -0
- package/dist/components/data-display/tree/tree.module.mjs +14 -0
- package/dist/components/feedback/alert/alert.css +42 -0
- package/dist/components/feedback/alert/alert.d.mts +3 -3
- package/dist/components/feedback/alert/alert.mjs +20 -23
- package/dist/components/feedback/alert/alert.module.mjs +14 -0
- package/dist/components/feedback/alert/index.mjs +1 -2
- package/dist/components/feedback/callout/callout.css +38 -0
- package/dist/components/feedback/callout/callout.d.mts +11 -0
- package/dist/components/feedback/callout/callout.mjs +38 -0
- package/dist/components/feedback/callout/callout.module.mjs +11 -0
- package/dist/components/feedback/callout/index.d.mts +2 -0
- package/dist/components/feedback/callout/index.mjs +1 -0
- package/dist/components/feedback/empty-state/empty-state.css +36 -0
- package/dist/components/feedback/empty-state/empty-state.d.mts +11 -0
- package/dist/components/feedback/empty-state/empty-state.mjs +27 -0
- package/dist/components/feedback/empty-state/empty-state.module.mjs +11 -0
- package/dist/components/feedback/empty-state/index.d.mts +2 -0
- package/dist/components/feedback/empty-state/index.mjs +1 -0
- package/dist/components/feedback/progress/index.mjs +1 -2
- package/dist/components/feedback/progress/progress.css +78 -0
- package/dist/components/feedback/progress/progress.d.mts +5 -4
- package/dist/components/feedback/progress/progress.mjs +17 -3
- package/dist/components/feedback/progress/progress.module.mjs +12 -0
- package/dist/components/feedback/skeleton/index.mjs +1 -2
- package/dist/components/feedback/skeleton/skeleton.css +64 -0
- package/dist/components/feedback/skeleton/skeleton.d.mts +2 -2
- package/dist/components/feedback/skeleton/skeleton.mjs +19 -2
- package/dist/components/feedback/skeleton/skeleton.module.mjs +17 -0
- package/dist/components/feedback/spinner/index.mjs +1 -2
- package/dist/components/feedback/spinner/spinner.css +40 -0
- package/dist/components/feedback/spinner/spinner.d.mts +2 -2
- package/dist/components/feedback/spinner/spinner.mjs +13 -7
- package/dist/components/feedback/spinner/spinner.module.mjs +12 -0
- package/dist/components/feedback/toast/context.d.mts +8 -9
- package/dist/components/feedback/toast/provider.css +69 -0
- package/dist/components/feedback/toast/provider.d.mts +2 -3
- package/dist/components/feedback/toast/provider.mjs +17 -13
- package/dist/components/feedback/toast/provider.module.mjs +12 -0
- package/dist/components/feedback/toast/toast.d.mts +2 -2
- package/dist/components/form/autocomplete/autocomplete.css +154 -0
- package/dist/components/form/autocomplete/autocomplete.d.mts +2 -2
- package/dist/components/form/autocomplete/autocomplete.mjs +70 -46
- package/dist/components/form/autocomplete/autocomplete.module.mjs +21 -0
- package/dist/components/form/autocomplete/index.mjs +1 -2
- package/dist/components/form/calendar/calendar.css +98 -0
- package/dist/components/form/calendar/calendar.d.mts +15 -0
- package/dist/components/form/calendar/calendar.mjs +182 -0
- package/dist/components/form/calendar/calendar.module.mjs +18 -0
- package/dist/components/form/calendar/index.d.mts +2 -0
- package/dist/components/form/calendar/index.mjs +1 -0
- package/dist/components/form/checkbox/checkbox.css +90 -0
- package/dist/components/form/checkbox/checkbox.d.mts +4 -2
- package/dist/components/form/checkbox/checkbox.mjs +29 -27
- package/dist/components/form/checkbox/checkbox.module.mjs +13 -0
- package/dist/components/form/checkbox/index.mjs +1 -2
- package/dist/components/form/checkbox-card/checkbox-card.css +138 -0
- package/dist/components/form/checkbox-card/checkbox-card.d.mts +3 -3
- package/dist/components/form/checkbox-card/checkbox-card.mjs +17 -23
- package/dist/components/form/checkbox-card/checkbox-card.module.mjs +17 -0
- package/dist/components/form/checkbox-card/index.mjs +1 -2
- package/dist/components/form/checkbox-group/checkbox-group.css +15 -0
- package/dist/components/form/checkbox-group/checkbox-group.d.mts +7 -5
- package/dist/components/form/checkbox-group/checkbox-group.mjs +12 -16
- package/dist/components/form/checkbox-group/checkbox-group.module.mjs +8 -0
- package/dist/components/form/checkbox-group/index.d.mts +4 -3
- package/dist/components/form/color-picker/color-picker.css +172 -0
- package/dist/components/form/color-picker/color-picker.d.mts +29 -0
- package/dist/components/form/color-picker/color-picker.mjs +239 -0
- package/dist/components/form/color-picker/color-picker.module.mjs +20 -0
- package/dist/components/form/color-picker/index.d.mts +2 -0
- package/dist/components/form/color-picker/index.mjs +1 -0
- package/dist/components/form/combobox/combobox.css +143 -0
- package/dist/components/form/combobox/combobox.d.mts +33 -0
- package/dist/components/form/combobox/combobox.mjs +278 -0
- package/dist/components/form/combobox/combobox.module.mjs +19 -0
- package/dist/components/form/combobox/index.d.mts +2 -0
- package/dist/components/form/combobox/index.mjs +1 -0
- package/dist/components/form/date-field/date-field.css +31 -0
- package/dist/components/form/date-field/date-field.d.mts +9 -0
- package/dist/components/form/date-field/date-field.mjs +20 -0
- package/dist/components/form/date-field/date-field.module.mjs +5 -0
- package/dist/components/form/date-field/index.d.mts +2 -0
- package/dist/components/form/date-field/index.mjs +1 -0
- package/dist/components/form/date-picker/date-picker.css +90 -0
- package/dist/components/form/date-picker/date-picker.d.mts +13 -0
- package/dist/components/form/date-picker/date-picker.mjs +77 -0
- package/dist/components/form/date-picker/date-picker.module.mjs +14 -0
- package/dist/components/form/date-picker/index.d.mts +2 -0
- package/dist/components/form/date-picker/index.mjs +1 -0
- package/dist/components/form/file-field/file-field.css +88 -0
- package/dist/components/form/file-field/file-field.d.mts +9 -6
- package/dist/components/form/file-field/file-field.mjs +130 -37
- package/dist/components/form/file-field/file-field.module.mjs +17 -0
- package/dist/components/form/file-field/index.d.mts +5 -3
- package/dist/components/form/file-field/index.mjs +2 -1
- package/dist/components/form/form/form.css +11 -0
- package/dist/components/form/form/form.d.mts +4 -3
- package/dist/components/form/form/form.mjs +2 -1
- package/dist/components/form/form/form.module.mjs +5 -0
- package/dist/components/form/form/index.mjs +1 -2
- package/dist/components/form/form-control/form-control.css +43 -0
- package/dist/components/form/form-control/form-control.d.mts +2 -2
- package/dist/components/form/form-control/form-control.mjs +11 -10
- package/dist/components/form/form-control/form-control.module.mjs +12 -0
- package/dist/components/form/form-control/index.mjs +1 -2
- package/dist/components/form/number-field/cast.d.mts +2 -3
- package/dist/components/form/number-field/cast.mjs +3 -22
- package/dist/components/form/number-field/index.mjs +1 -2
- package/dist/components/form/number-field/number-field.css +122 -0
- package/dist/components/form/number-field/number-field.d.mts +10 -9
- package/dist/components/form/number-field/number-field.mjs +126 -54
- package/dist/components/form/number-field/number-field.module.mjs +10 -0
- package/dist/components/form/password-input/index.mjs +1 -2
- package/dist/components/form/password-input/password-input.css +88 -0
- package/dist/components/form/password-input/password-input.d.mts +2 -2
- package/dist/components/form/password-input/password-input.mjs +15 -12
- package/dist/components/form/password-input/password-input.module.mjs +12 -0
- package/dist/components/form/radio/index.mjs +1 -2
- package/dist/components/form/radio/radio.css +89 -0
- package/dist/components/form/radio/radio.d.mts +3 -2
- package/dist/components/form/radio/radio.mjs +15 -19
- package/dist/components/form/radio/radio.module.mjs +16 -0
- package/dist/components/form/radio-card/index.mjs +1 -2
- package/dist/components/form/radio-card/radio-card.css +147 -0
- package/dist/components/form/radio-card/radio-card.d.mts +4 -3
- package/dist/components/form/radio-card/radio-card.mjs +17 -23
- package/dist/components/form/radio-card/radio-card.module.mjs +19 -0
- package/dist/components/form/range-slider/index.d.mts +2 -0
- package/dist/components/form/range-slider/index.mjs +1 -0
- package/dist/components/form/range-slider/range-slider.css +67 -0
- package/dist/components/form/range-slider/range-slider.d.mts +31 -0
- package/dist/components/form/range-slider/range-slider.mjs +135 -0
- package/dist/components/form/range-slider/range-slider.module.mjs +14 -0
- package/dist/components/form/select/index.mjs +1 -2
- package/dist/components/form/select/select.css +74 -0
- package/dist/components/form/select/select.d.mts +2 -2
- package/dist/components/form/select/select.mjs +25 -8
- package/dist/components/form/select/select.module.mjs +12 -0
- package/dist/components/form/slider/index.mjs +1 -2
- package/dist/components/form/slider/range-input-class.css +97 -0
- package/dist/components/form/slider/range-input-class.d.mts +7 -0
- package/dist/components/form/slider/range-input-class.mjs +10 -0
- package/dist/components/form/slider/range-input-class.module.mjs +8 -0
- package/dist/components/form/slider/slider.css +55 -0
- package/dist/components/form/slider/slider.d.mts +6 -6
- package/dist/components/form/slider/slider.mjs +44 -11
- package/dist/components/form/slider/slider.module.mjs +12 -0
- package/dist/components/form/switch/index.mjs +1 -2
- package/dist/components/form/switch/switch.css +103 -0
- package/dist/components/form/switch/switch.d.mts +2 -2
- package/dist/components/form/switch/switch.mjs +14 -17
- package/dist/components/form/switch/switch.module.mjs +16 -0
- package/dist/components/form/text-field/index.mjs +1 -2
- package/dist/components/form/text-field/text-field.css +41 -0
- package/dist/components/form/text-field/text-field.d.mts +4 -4
- package/dist/components/form/text-field/text-field.mjs +2 -3
- package/dist/components/form/text-field/text-field.module.mjs +5 -0
- package/dist/components/form/textarea/index.mjs +1 -2
- package/dist/components/form/textarea/textarea.css +50 -0
- package/dist/components/form/textarea/textarea.d.mts +3 -2
- package/dist/components/form/textarea/textarea.mjs +6 -20
- package/dist/components/form/textarea/textarea.module.mjs +9 -0
- package/dist/components/icons/base.css +40 -0
- package/dist/components/icons/base.d.mts +4 -5
- package/dist/components/icons/base.mjs +10 -10
- package/dist/components/icons/base.module.mjs +13 -0
- package/dist/components/icons/browsers.d.mts +5 -6
- package/dist/components/icons/color-scale.d.mts +2 -3
- package/dist/components/icons/github-mark.d.mts +2 -3
- package/dist/components/icons/logo.css +17 -0
- package/dist/components/icons/logo.d.mts +3 -4
- package/dist/components/icons/logo.mjs +4 -3
- package/dist/components/icons/logo.module.mjs +9 -0
- package/dist/components/icons/lucide-deep.d.mts +3 -1
- package/dist/components/icons/lucide-imports.d.mts +3 -1
- package/dist/components/icons/lucide-imports.mjs +3 -1
- package/dist/components/icons/lucide.d.mts +60 -60
- package/dist/components/icons/qiita.d.mts +2 -3
- package/dist/components/icons/twitter.css +9 -0
- package/dist/components/icons/twitter.d.mts +2 -3
- package/dist/components/icons/twitter.mjs +2 -1
- package/dist/components/icons/twitter.module.mjs +5 -0
- package/dist/components/icons/vertical-writing.d.mts +2 -3
- package/dist/components/index.d.mts +48 -9
- package/dist/components/index.mjs +32 -10
- package/dist/components/layout/_shared/gap.css +25 -0
- package/dist/components/layout/_shared/gap.d.mts +8 -9
- package/dist/components/layout/_shared/gap.mjs +6 -5
- package/dist/components/layout/_shared/gap.module.mjs +11 -0
- package/dist/components/layout/_shared/padding.css +25 -0
- package/dist/components/layout/_shared/padding.d.mts +8 -9
- package/dist/components/layout/_shared/padding.mjs +6 -5
- package/dist/components/layout/_shared/padding.module.mjs +11 -0
- package/dist/components/layout/grid/grid.css +93 -0
- package/dist/components/layout/grid/grid.d.mts +5 -6
- package/dist/components/layout/grid/grid.mjs +21 -20
- package/dist/components/layout/grid/grid.module.mjs +25 -0
- package/dist/components/layout/grid/index.mjs +1 -2
- package/dist/components/layout/resizable-panels/index.d.mts +18 -0
- package/dist/components/layout/resizable-panels/index.mjs +9 -0
- package/dist/components/layout/resizable-panels/resizable-panels.css +77 -0
- package/dist/components/layout/resizable-panels/resizable-panels.d.mts +22 -0
- package/dist/components/layout/resizable-panels/resizable-panels.mjs +164 -0
- package/dist/components/layout/resizable-panels/resizable-panels.module.mjs +16 -0
- package/dist/components/layout/separator/index.mjs +1 -2
- package/dist/components/layout/separator/separator.css +37 -0
- package/dist/components/layout/separator/separator.d.mts +2 -2
- package/dist/components/layout/separator/separator.mjs +12 -9
- package/dist/components/layout/separator/separator.module.mjs +12 -0
- package/dist/components/layout/stack/index.mjs +1 -2
- package/dist/components/layout/stack/stack.css +49 -0
- package/dist/components/layout/stack/stack.d.mts +3 -4
- package/dist/components/layout/stack/stack.mjs +11 -10
- package/dist/components/layout/stack/stack.module.mjs +17 -0
- package/dist/components/navigation/anchor/anchor.css +29 -0
- package/dist/components/navigation/anchor/anchor.d.mts +2 -2
- package/dist/components/navigation/anchor/anchor.mjs +5 -2
- package/dist/components/navigation/anchor/anchor.module.mjs +8 -0
- package/dist/components/navigation/anchor/index.mjs +1 -2
- package/dist/components/navigation/breadcrumb/breadcrumb.css +72 -0
- package/dist/components/navigation/breadcrumb/breadcrumb.d.mts +5 -5
- package/dist/components/navigation/breadcrumb/breadcrumb.mjs +15 -9
- package/dist/components/navigation/breadcrumb/breadcrumb.module.mjs +14 -0
- package/dist/components/navigation/breadcrumb/index.d.mts +2 -3
- package/dist/components/navigation/pagination/index.mjs +1 -2
- package/dist/components/navigation/pagination/pagination.css +36 -0
- package/dist/components/navigation/pagination/pagination.d.mts +2 -2
- package/dist/components/navigation/pagination/pagination.mjs +9 -8
- package/dist/components/navigation/pagination/pagination.module.mjs +11 -0
- package/dist/components/navigation/side-nav/index.d.mts +16 -0
- package/dist/components/navigation/side-nav/index.mjs +10 -0
- package/dist/components/navigation/side-nav/side-nav.css +73 -0
- package/dist/components/navigation/side-nav/side-nav.d.mts +32 -0
- package/dist/components/navigation/side-nav/side-nav.mjs +62 -0
- package/dist/components/navigation/side-nav/side-nav.module.mjs +11 -0
- package/dist/components/navigation/stepper/index.d.mts +2 -0
- package/dist/components/navigation/stepper/index.mjs +1 -0
- package/dist/components/navigation/stepper/stepper.css +151 -0
- package/dist/components/navigation/stepper/stepper.d.mts +20 -0
- package/dist/components/navigation/stepper/stepper.mjs +87 -0
- package/dist/components/navigation/stepper/stepper.module.mjs +29 -0
- package/dist/components/navigation/table-of-contents/index.d.mts +2 -0
- package/dist/components/navigation/table-of-contents/index.mjs +1 -0
- package/dist/components/navigation/table-of-contents/table-of-contents.css +17 -0
- package/dist/components/navigation/table-of-contents/table-of-contents.d.mts +12 -0
- package/dist/components/navigation/table-of-contents/table-of-contents.mjs +94 -0
- package/dist/components/navigation/table-of-contents/table-of-contents.module.mjs +8 -0
- package/dist/components/navigation/tabs/index.d.mts +2 -3
- package/dist/components/navigation/tabs/tabs.css +70 -0
- package/dist/components/navigation/tabs/tabs.d.mts +5 -6
- package/dist/components/navigation/tabs/tabs.mjs +51 -42
- package/dist/components/navigation/tabs/tabs.module.mjs +12 -0
- package/dist/components/observers/fragment-instance.d.mts +1 -0
- package/dist/components/observers/in-view/in-view.d.mts +11 -0
- package/dist/components/observers/in-view/in-view.mjs +60 -0
- package/dist/components/observers/in-view/index.d.mts +2 -0
- package/dist/components/observers/in-view/index.mjs +1 -0
- package/dist/components/observers/resize/index.d.mts +2 -0
- package/dist/components/observers/resize/index.mjs +1 -0
- package/dist/components/observers/resize/resize.d.mts +7 -0
- package/dist/components/observers/resize/resize.mjs +25 -0
- package/dist/components/overlays/_internal/modal-dialog-context.d.mts +4 -5
- package/dist/components/overlays/_internal/use-can-hover.d.mts +2 -3
- package/dist/components/overlays/_internal/use-hover-intent.d.mts +3 -4
- package/dist/components/overlays/_internal/use-list-navigation.d.mts +17 -11
- package/dist/components/overlays/_internal/use-list-navigation.mjs +42 -26
- package/dist/components/overlays/command-palette/command-palette.css +91 -0
- package/dist/components/overlays/command-palette/command-palette.d.mts +25 -0
- package/dist/components/overlays/command-palette/command-palette.mjs +139 -0
- package/dist/components/overlays/command-palette/command-palette.module.mjs +14 -0
- package/dist/components/overlays/command-palette/index.d.mts +2 -0
- package/dist/components/overlays/command-palette/index.mjs +1 -0
- package/dist/components/overlays/context-menu/context-menu.d.mts +13 -0
- package/dist/components/overlays/context-menu/context-menu.mjs +79 -0
- package/dist/components/overlays/context-menu/index.d.mts +21 -0
- package/dist/components/overlays/context-menu/index.mjs +13 -0
- package/dist/components/overlays/dialog/dialog.css +31 -0
- package/dist/components/overlays/dialog/dialog.d.mts +4 -5
- package/dist/components/overlays/dialog/dialog.mjs +10 -7
- package/dist/components/overlays/dialog/dialog.module.mjs +10 -0
- package/dist/components/overlays/dialog/index.d.mts +2 -3
- package/dist/components/overlays/drawer/drawer.css +48 -0
- package/dist/components/overlays/drawer/drawer.d.mts +2 -3
- package/dist/components/overlays/drawer/drawer.mjs +11 -10
- package/dist/components/overlays/drawer/drawer.module.mjs +13 -0
- package/dist/components/overlays/drawer/index.mjs +1 -2
- package/dist/components/overlays/dropdown-menu/dropdown-menu.d.mts +7 -10
- package/dist/components/overlays/dropdown-menu/dropdown-menu.mjs +10 -9
- package/dist/components/overlays/dropdown-menu/hooks.d.mts +7 -6
- package/dist/components/overlays/dropdown-menu/hooks.mjs +3 -3
- package/dist/components/overlays/dropdown-menu/index.d.mts +8 -10
- package/dist/components/overlays/dropdown-menu/shared.css +51 -0
- package/dist/components/overlays/dropdown-menu/shared.d.mts +3 -6
- package/dist/components/overlays/dropdown-menu/shared.mjs +4 -6
- package/dist/components/overlays/dropdown-menu/shared.module.mjs +8 -0
- package/dist/components/overlays/dropdown-menu/sub-menu.css +28 -0
- package/dist/components/overlays/dropdown-menu/sub-menu.d.mts +3 -6
- package/dist/components/overlays/dropdown-menu/sub-menu.mjs +15 -15
- package/dist/components/overlays/dropdown-menu/sub-menu.module.mjs +9 -0
- package/dist/components/overlays/dropdown-menu/use-safe-triangle.d.mts +2 -3
- package/dist/components/overlays/list-box/hooks.d.mts +6 -5
- package/dist/components/overlays/list-box/hooks.mjs +5 -4
- package/dist/components/overlays/list-box/index.d.mts +2 -3
- package/dist/components/overlays/list-box/list-box.css +74 -0
- package/dist/components/overlays/list-box/list-box.d.mts +5 -6
- package/dist/components/overlays/list-box/list-box.mjs +15 -13
- package/dist/components/overlays/list-box/list-box.module.mjs +10 -0
- package/dist/components/overlays/modal/index.mjs +1 -2
- package/dist/components/overlays/modal/modal.css +119 -0
- package/dist/components/overlays/modal/modal.d.mts +2 -3
- package/dist/components/overlays/modal/modal.mjs +14 -11
- package/dist/components/overlays/modal/modal.module.mjs +11 -0
- package/dist/components/overlays/popover/anchor-positioning.d.mts +4 -4
- package/dist/components/overlays/popover/escape-stack.d.mts +2 -3
- package/dist/components/overlays/popover/hooks.d.mts +7 -7
- package/dist/components/overlays/popover/index.d.mts +2 -2
- package/dist/components/overlays/popover/popover.css +51 -0
- package/dist/components/overlays/popover/popover.d.mts +4 -4
- package/dist/components/overlays/popover/popover.mjs +11 -5
- package/dist/components/overlays/popover/popover.module.mjs +11 -0
- package/dist/components/overlays/tooltip/bridge.css +68 -0
- package/dist/components/overlays/tooltip/bridge.d.mts +2 -3
- package/dist/components/overlays/tooltip/bridge.mjs +7 -21
- package/dist/components/overlays/tooltip/bridge.module.mjs +11 -0
- package/dist/components/overlays/tooltip/index.d.mts +2 -2
- package/dist/components/overlays/tooltip/tooltip.css +15 -0
- package/dist/components/overlays/tooltip/tooltip.d.mts +5 -6
- package/dist/components/overlays/tooltip/tooltip.mjs +3 -2
- package/dist/components/overlays/tooltip/tooltip.module.mjs +5 -0
- package/dist/components/providers/index.d.mts +1 -2
- package/dist/components/providers/portal-root.d.mts +9 -7
- package/dist/components/providers/portal-root.mjs +7 -7
- package/dist/components/providers/ui-provider.d.mts +2 -6
- package/dist/components/providers/ui-provider.mjs +1 -5
- package/dist/helpers/chain.d.mts +2 -2
- package/dist/helpers/chain.mjs +0 -23
- package/dist/helpers/create-safe-context.d.mts +2 -2
- package/dist/helpers/create-safe-context.mjs +0 -17
- package/dist/helpers/index.d.mts +1 -2
- package/dist/helpers/index.mjs +2 -3
- package/dist/helpers/merge-props.d.mts +2 -2
- package/dist/helpers/merge-props.mjs +2 -37
- package/dist/helpers/merge-refs.d.mts +2 -3
- package/dist/helpers/merge-refs.mjs +0 -32
- package/dist/hooks/click-away/index.d.mts +2 -3
- package/dist/hooks/controllable-state/index.d.mts +2 -2
- package/dist/hooks/controllable-state/index.mjs +9 -11
- package/dist/hooks/index.d.mts +2 -20
- package/dist/hooks/index.mjs +2 -19
- package/dist/hooks/writing-mode/index.d.mts +15 -5
- package/dist/hooks/writing-mode/index.mjs +21 -14
- package/dist/i18n/current.d.mts +23 -0
- package/dist/i18n/current.mjs +43 -0
- package/dist/i18n/en.d.mts +2 -3
- package/dist/i18n/en.mjs +46 -0
- package/dist/i18n/index.d.mts +3 -2
- package/dist/i18n/index.mjs +4 -3
- package/dist/i18n/ja.d.mts +2 -3
- package/dist/i18n/ja.mjs +46 -0
- package/dist/i18n/messages.d.mts +81 -3
- package/dist/i18n/usage.d.mts +8 -0
- package/dist/i18n/usage.mjs +131 -0
- package/dist/index.d.mts +29 -34
- package/dist/index.mjs +32 -35
- package/dist/integrations/_shared/openui-defs.d.mts +3 -4
- package/dist/integrations/_shared/openui-defs.mjs +123 -54
- package/dist/integrations/_shared/renderers.css +50 -0
- package/dist/integrations/_shared/renderers.d.mts +71 -52
- package/dist/integrations/_shared/renderers.mjs +288 -30
- package/dist/integrations/_shared/renderers.module.mjs +14 -0
- package/dist/integrations/_shared/schemas.d.mts +384 -102
- package/dist/integrations/_shared/schemas.mjs +165 -27
- package/dist/integrations/ai-sdk/index.d.mts +2 -2
- package/dist/integrations/ai-sdk/index.mjs +1 -2
- package/dist/integrations/ai-sdk/map-parts.d.mts +25 -7
- package/dist/integrations/ai-sdk/map-parts.mjs +28 -3
- package/dist/integrations/json-render/catalog.d.mts +336 -17
- package/dist/integrations/json-render/catalog.mjs +120 -57
- package/dist/integrations/json-render/registry.d.mts +3 -4
- package/dist/integrations/json-render/registry.mjs +38 -4
- package/dist/integrations/openui/form-views.d.mts +23 -18
- package/dist/integrations/openui/form-views.mjs +27 -3
- package/dist/integrations/openui/library.d.mts +59 -6
- package/dist/integrations/openui/library.mjs +18 -3
- package/dist/integrations/openui/prompt.d.mts +2 -3
- package/dist/internal/accepts-file.d.mts +8 -0
- package/dist/internal/accepts-file.mjs +19 -0
- package/dist/internal/carries-files.d.mts +3 -0
- package/dist/internal/carries-files.mjs +4 -0
- package/dist/internal/clamp.d.mts +2 -3
- package/dist/internal/clamp.mjs +0 -11
- package/dist/internal/commit-input-value.d.mts +10 -0
- package/dist/internal/commit-input-value.mjs +15 -0
- package/dist/internal/dropped-files.d.mts +3 -0
- package/dist/internal/dropped-files.mjs +8 -0
- package/dist/internal/focus-trap.d.mts +5 -6
- package/dist/internal/focus-trap.mjs +4 -4
- package/dist/internal/hex-color.d.mts +22 -0
- package/dist/internal/hex-color.mjs +53 -0
- package/dist/internal/iso-date.d.mts +39 -0
- package/dist/internal/iso-date.mjs +98 -0
- package/dist/internal/to-precision.d.mts +2 -3
- package/dist/internal/to-precision.mjs +0 -8
- package/dist/styles/index.css +513 -2526
- package/dist/styles/tailwind.css +217 -17
- package/dist/styles/tokens.d.mts +1 -2
- package/dist/styles/tokens.mjs +1 -2
- package/dist/types/variables.d.mts +7 -9
- package/docs/GUIDE.md +239 -72
- package/docs/llms.txt +11 -7
- package/docs/props.generated.json +2156 -309
- package/docs/references/ai-chat.md +345 -62
- package/docs/references/color.md +222 -78
- package/docs/references/components.md +1667 -242
- package/docs/references/generative-ui.md +126 -17
- package/docs/references/interaction-design.md +65 -35
- package/docs/references/spatial-design.md +83 -63
- package/docs/references/types.md +101 -0
- package/docs/references/typography.md +159 -51
- package/package.json +65 -63
- package/dist/components/_internal/focus-ring.d.mts +0 -8
- package/dist/components/_internal/focus-ring.mjs +0 -8
- package/dist/components/layout/scroll-linked/index.d.mts +0 -2
- package/dist/components/layout/scroll-linked/index.mjs +0 -2
- package/dist/components/layout/scroll-linked/scroll-linked.d.mts +0 -14
- package/dist/components/layout/scroll-linked/scroll-linked.mjs +0 -59
- package/dist/helpers/cn.d.mts +0 -5
- package/dist/helpers/cn.mjs +0 -27
- package/dist/hooks/breakpoint/index.d.mts +0 -5
- package/dist/hooks/breakpoint/index.mjs +0 -24
- package/dist/hooks/client/index.d.mts +0 -4
- package/dist/hooks/client/index.mjs +0 -6
- package/dist/hooks/clipboard/index.d.mts +0 -7
- package/dist/hooks/clipboard/index.mjs +0 -15
- package/dist/hooks/debounced-transition/index.d.mts +0 -5
- package/dist/hooks/debounced-transition/index.mjs +0 -49
- package/dist/hooks/deferred-debounce/index.d.mts +0 -4
- package/dist/hooks/deferred-debounce/index.mjs +0 -9
- package/dist/hooks/disclosure/index.d.mts +0 -10
- package/dist/hooks/disclosure/index.mjs +0 -20
- package/dist/hooks/hover/index.d.mts +0 -12
- package/dist/hooks/hover/index.mjs +0 -19
- package/dist/hooks/intersection-observer/index.d.mts +0 -3
- package/dist/hooks/intersection-observer/index.mjs +0 -3
- package/dist/hooks/intersection-observer/use-in-view.d.mts +0 -11
- package/dist/hooks/intersection-observer/use-in-view.mjs +0 -18
- package/dist/hooks/intersection-observer/use-intersection-observer.d.mts +0 -11
- package/dist/hooks/intersection-observer/use-intersection-observer.mjs +0 -33
- package/dist/hooks/interval/index.d.mts +0 -4
- package/dist/hooks/interval/index.mjs +0 -19
- package/dist/hooks/resize/index.d.mts +0 -8
- package/dist/hooks/resize/index.mjs +0 -24
- package/dist/hooks/scroll-direction/index.d.mts +0 -13
- package/dist/hooks/scroll-direction/index.mjs +0 -67
- package/dist/hooks/scroll-lock/index.d.mts +0 -9
- package/dist/hooks/scroll-lock/index.mjs +0 -59
- package/dist/hooks/step/index.d.mts +0 -15
- package/dist/hooks/step/index.mjs +0 -39
- package/dist/hooks/timeout/index.d.mts +0 -4
- package/dist/hooks/timeout/index.mjs +0 -19
- package/dist/hooks/window-resize/index.d.mts +0 -11
- package/dist/hooks/window-resize/index.mjs +0 -21
- package/dist/hooks/window-size/index.d.mts +0 -8
- package/dist/hooks/window-size/index.mjs +0 -31
- package/dist/i18n/context.d.mts +0 -9
- package/dist/i18n/context.mjs +0 -19
- package/dist/styles/base.css +0 -315
- package/dist/styles/tokens.css +0 -380
- package/dist/styles/tokens.generated.d.mts +0 -840
- package/dist/styles/tokens.generated.mjs +0 -813
- package/dist/styles/utilities.css +0 -62
- package/docs/references/helpers.md +0 -223
- package/docs/references/hooks.md +0 -301
package/dist/styles/tailwind.css
CHANGED
|
@@ -1,22 +1,222 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* The bridge for a Tailwind CSS 4 project, published as
|
|
3
|
+
* `@k8ordo/ui/tailwind.css`. It is imported after the project's own Tailwind:
|
|
3
4
|
*
|
|
4
|
-
*
|
|
5
|
-
*
|
|
6
|
-
* - tokens.css デザイントークン(:root / .dark / @theme inline)
|
|
7
|
-
* - utilities.css カスタムユーティリティ
|
|
5
|
+
* @import 'tailwindcss';
|
|
6
|
+
* @import '@k8ordo/ui/tailwind.css';
|
|
8
7
|
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
11
|
-
* `
|
|
8
|
+
* It brings in the global stylesheet (`styles.css`) and a theme whose
|
|
9
|
+
* utilities read the tokens: `bg-bg-base` is `var(--color-bg-base)`, `text-md`
|
|
10
|
+
* is `var(--font-size-md)` with `var(--line-height-md)`. It does not import
|
|
11
|
+
* Tailwind itself, so this package does not depend on it.
|
|
12
|
+
*
|
|
13
|
+
* The theme is `reference`, so it declares no variables of its own: the
|
|
14
|
+
* tokens come from `styles.css`, and a utility reads them where it applies,
|
|
15
|
+
* under `.dark` included. Breakpoints are written out, since a media query
|
|
16
|
+
* cannot read a custom property.
|
|
12
17
|
*/
|
|
13
18
|
|
|
14
|
-
@import '
|
|
15
|
-
|
|
16
|
-
@
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
19
|
+
@import './index.css';
|
|
20
|
+
|
|
21
|
+
@theme inline reference {
|
|
22
|
+
--color-*: initial;
|
|
23
|
+
--color-fg-base: var(--color-fg-base);
|
|
24
|
+
--color-fg-subtle: var(--color-fg-subtle);
|
|
25
|
+
--color-fg-mute: var(--color-fg-mute);
|
|
26
|
+
--color-fg-inverse: var(--color-fg-inverse);
|
|
27
|
+
--color-fg-info: var(--color-fg-info);
|
|
28
|
+
--color-fg-success: var(--color-fg-success);
|
|
29
|
+
--color-fg-warning: var(--color-fg-warning);
|
|
30
|
+
--color-fg-error: var(--color-fg-error);
|
|
31
|
+
|
|
32
|
+
--color-bg-base: var(--color-bg-base);
|
|
33
|
+
--color-bg-raised: var(--color-bg-raised);
|
|
34
|
+
--color-bg-surface: var(--color-bg-surface);
|
|
35
|
+
--color-bg-subtle: var(--color-bg-subtle);
|
|
36
|
+
--color-bg-mute: var(--color-bg-mute);
|
|
37
|
+
--color-bg-emphasize: var(--color-bg-emphasize);
|
|
38
|
+
--color-bg-inverse: var(--color-bg-inverse);
|
|
39
|
+
--color-bg-info: var(--color-bg-info);
|
|
40
|
+
--color-bg-success: var(--color-bg-success);
|
|
41
|
+
--color-bg-warning: var(--color-bg-warning);
|
|
42
|
+
--color-bg-error: var(--color-bg-error);
|
|
43
|
+
|
|
44
|
+
--color-border-base: var(--color-border-base);
|
|
45
|
+
--color-border-subtle: var(--color-border-subtle);
|
|
46
|
+
--color-border-mute: var(--color-border-mute);
|
|
47
|
+
--color-border-emphasize: var(--color-border-emphasize);
|
|
48
|
+
--color-border-inverse: var(--color-border-inverse);
|
|
49
|
+
--color-border-info: var(--color-border-info);
|
|
50
|
+
--color-border-success: var(--color-border-success);
|
|
51
|
+
--color-border-warning: var(--color-border-warning);
|
|
52
|
+
--color-border-error: var(--color-border-error);
|
|
53
|
+
|
|
54
|
+
--color-primary-fg: var(--color-primary-fg);
|
|
55
|
+
--color-primary-bg: var(--color-primary-bg);
|
|
56
|
+
--color-primary-bg-subtle: var(--color-primary-bg-subtle);
|
|
57
|
+
--color-primary-bg-mute: var(--color-primary-bg-mute);
|
|
58
|
+
--color-primary-bg-emphasize: var(--color-primary-bg-emphasize);
|
|
59
|
+
--color-primary-border: var(--color-primary-border);
|
|
60
|
+
|
|
61
|
+
--color-secondary-fg: var(--color-secondary-fg);
|
|
62
|
+
--color-secondary-bg: var(--color-secondary-bg);
|
|
63
|
+
--color-secondary-bg-subtle: var(--color-secondary-bg-subtle);
|
|
64
|
+
--color-secondary-bg-mute: var(--color-secondary-bg-mute);
|
|
65
|
+
--color-secondary-bg-emphasize: var(--color-secondary-bg-emphasize);
|
|
66
|
+
--color-secondary-border: var(--color-secondary-border);
|
|
67
|
+
|
|
68
|
+
--color-back-drop: var(--color-back-drop);
|
|
69
|
+
|
|
70
|
+
--color-group-primary: var(--color-group-primary);
|
|
71
|
+
--color-group-secondary: var(--color-group-secondary);
|
|
72
|
+
--color-group-tertiary: var(--color-group-tertiary);
|
|
73
|
+
--color-group-quaternary: var(--color-group-quaternary);
|
|
74
|
+
|
|
75
|
+
--color-logo-primary: var(--color-logo-primary);
|
|
76
|
+
--color-logo-secondary: var(--color-logo-secondary);
|
|
77
|
+
|
|
78
|
+
--color-system-canvas-text: var(--color-system-canvas-text);
|
|
79
|
+
--color-system-gray-text: var(--color-system-gray-text);
|
|
80
|
+
--color-system-highlight: var(--color-system-highlight);
|
|
81
|
+
--color-system-highlight-text: var(--color-system-highlight-text);
|
|
82
|
+
--color-transparent: transparent;
|
|
83
|
+
|
|
84
|
+
--radius-*: initial;
|
|
85
|
+
--radius-xs: var(--radius-xs);
|
|
86
|
+
--radius-sm: var(--radius-sm);
|
|
87
|
+
--radius-md: var(--radius-md);
|
|
88
|
+
--radius-lg: var(--radius-lg);
|
|
89
|
+
--radius-xl: var(--radius-xl);
|
|
90
|
+
--radius-2xl: var(--radius-2xl);
|
|
91
|
+
|
|
92
|
+
--font-*: initial;
|
|
93
|
+
--font-noto-sans-jp: var(--font-family-noto-sans-jp);
|
|
94
|
+
--font-m-plus-2: var(--font-family-m-plus-2);
|
|
95
|
+
|
|
96
|
+
--text-*: initial;
|
|
97
|
+
--text-xs: var(--font-size-xs);
|
|
98
|
+
--text-xs--line-height: var(--line-height-xs);
|
|
99
|
+
--text-sm: var(--font-size-sm);
|
|
100
|
+
--text-sm--line-height: var(--line-height-sm);
|
|
101
|
+
--text-md: var(--font-size-md);
|
|
102
|
+
--text-md--line-height: var(--line-height-md);
|
|
103
|
+
--text-lg: var(--font-size-lg);
|
|
104
|
+
--text-lg--line-height: var(--line-height-lg);
|
|
105
|
+
--text-xl: var(--font-size-xl);
|
|
106
|
+
--text-xl--line-height: var(--line-height-xl);
|
|
107
|
+
--text-2xl: var(--font-size-2xl);
|
|
108
|
+
--text-2xl--line-height: var(--line-height-2xl);
|
|
109
|
+
--text-3xl: var(--font-size-3xl);
|
|
110
|
+
--text-3xl--line-height: var(--line-height-3xl);
|
|
111
|
+
--text-emphasize: var(--font-size-emphasize);
|
|
112
|
+
--text-emphasize--line-height: var(--line-height-emphasize);
|
|
113
|
+
--text-highlight: var(--font-size-highlight);
|
|
114
|
+
--text-highlight--line-height: var(--line-height-highlight);
|
|
115
|
+
|
|
116
|
+
--font-weight-*: initial;
|
|
117
|
+
--font-weight-medium: var(--font-weight-medium);
|
|
118
|
+
--font-weight-bold: var(--font-weight-bold);
|
|
119
|
+
|
|
120
|
+
--tracking-*: initial;
|
|
121
|
+
--tracking-none: var(--letter-spacing-none);
|
|
122
|
+
--tracking-normal: var(--letter-spacing-normal);
|
|
123
|
+
|
|
124
|
+
--leading-*: initial;
|
|
125
|
+
--leading-none: var(--line-height-none);
|
|
126
|
+
--leading-tight: var(--line-height-tight);
|
|
127
|
+
--leading-snug: var(--line-height-snug);
|
|
128
|
+
--leading-normal: var(--line-height-normal);
|
|
129
|
+
--leading-relaxed: var(--line-height-relaxed);
|
|
130
|
+
--leading-loose: var(--line-height-loose);
|
|
131
|
+
|
|
132
|
+
--shadow-*: initial;
|
|
133
|
+
--shadow-2xs: var(--shadow-2xs);
|
|
134
|
+
--shadow-xs: var(--shadow-xs);
|
|
135
|
+
--shadow-sm: var(--shadow-sm);
|
|
136
|
+
--shadow-md: var(--shadow-md);
|
|
137
|
+
--shadow-lg: var(--shadow-lg);
|
|
138
|
+
--shadow-xl: var(--shadow-xl);
|
|
139
|
+
--shadow-2xl: var(--shadow-2xl);
|
|
140
|
+
|
|
141
|
+
--inset-shadow-*: initial;
|
|
142
|
+
--inset-shadow-2xs: var(--shadow-inset-2xs);
|
|
143
|
+
--inset-shadow-xs: var(--shadow-inset-xs);
|
|
144
|
+
--inset-shadow-sm: var(--shadow-inset-sm);
|
|
145
|
+
|
|
146
|
+
--spacing: var(--spacing);
|
|
147
|
+
|
|
148
|
+
--breakpoint-*: initial;
|
|
149
|
+
--breakpoint-sm: 40rem;
|
|
150
|
+
--breakpoint-md: 48rem;
|
|
151
|
+
--breakpoint-lg: 64rem;
|
|
152
|
+
--breakpoint-xl: 80rem;
|
|
153
|
+
--breakpoint-2xl: 96rem;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
@custom-variant dark (&:where(.dark, .dark *));
|
|
157
|
+
@custom-variant light (&:where(:not(.dark, .dark *)));
|
|
158
|
+
|
|
159
|
+
/* 縦書き。`.writing-v` 配下に適用し、`.writing-h` 配下の島では無効化する */
|
|
160
|
+
@custom-variant vertical (
|
|
161
|
+
&:where(.writing-v, .writing-v *):not(.writing-h, .writing-h *)
|
|
162
|
+
);
|
|
163
|
+
|
|
164
|
+
@utility grid-cols-auto-fill-* {
|
|
165
|
+
grid-template-columns: repeat(
|
|
166
|
+
auto-fill,
|
|
167
|
+
minmax(min(calc(var(--spacing) * --value(integer)), 100%), 1fr)
|
|
168
|
+
);
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
@utility grid-cols-auto-fit-* {
|
|
172
|
+
grid-template-columns: repeat(
|
|
173
|
+
auto-fit,
|
|
174
|
+
minmax(min(calc(var(--spacing) * --value(integer)), 100%), 1fr)
|
|
175
|
+
);
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
@utility grid-rows-auto-fill-* {
|
|
179
|
+
grid-template-rows: repeat(
|
|
180
|
+
auto-fill,
|
|
181
|
+
minmax(min(calc(var(--spacing) * --value(integer)), 100%), 1fr)
|
|
182
|
+
);
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
@utility grid-rows-auto-fit-* {
|
|
186
|
+
grid-template-rows: repeat(
|
|
187
|
+
auto-fit,
|
|
188
|
+
minmax(min(calc(var(--spacing) * --value(integer)), 100%), 1fr)
|
|
189
|
+
);
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
/* styles.css の同名のクラスと同じもの。ユーティリティにもしておくと md:writing-v
|
|
193
|
+
のように変種と組める */
|
|
194
|
+
@utility writing-h {
|
|
195
|
+
--writing: horizontal;
|
|
196
|
+
writing-mode: horizontal-tb;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
@utility writing-v {
|
|
200
|
+
--writing: vertical;
|
|
201
|
+
writing-mode: vertical-rl;
|
|
202
|
+
text-orientation: mixed;
|
|
203
|
+
text-underline-position: under left;
|
|
204
|
+
line-break: strict;
|
|
205
|
+
word-break: normal;
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
@utility writing-sideways-rl {
|
|
209
|
+
writing-mode: sideways-rl;
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
@utility z-overlay {
|
|
213
|
+
z-index: var(--z-index-overlay);
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
@utility z-modal {
|
|
217
|
+
z-index: var(--z-index-modal);
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
@utility z-toast {
|
|
221
|
+
z-index: var(--z-index-toast);
|
|
222
|
+
}
|
package/dist/styles/tokens.d.mts
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import { AnimateToken, AspectToken, BlurToken, BreakpointToken, ColorToken, ContainerToken, DefaultToken, DropShadowToken, EaseToken, FontToken, FontWeightToken, InsetShadowToken, LeadingToken, MaxWidthToken, PerspectiveToken, RadiusToken, RefName, ShadowToken, TextShadowToken, TextToken, ThemeNamespace, TrackingToken, VarName, meta, tokens } from "./tokens.generated.mjs";
|
|
2
|
-
export { AnimateToken, AspectToken, BlurToken, BreakpointToken, ColorToken, ContainerToken, DefaultToken, DropShadowToken, EaseToken, FontToken, FontWeightToken, InsetShadowToken, LeadingToken, MaxWidthToken, PerspectiveToken, RadiusToken, RefName, ShadowToken, TextShadowToken, TextToken, ThemeNamespace, TrackingToken, VarName, meta, tokens };
|
|
1
|
+
export declare const tokens: {"version":"2025.10","resolutionOrder":[{"type":"set","name":":root","sources":[{"white":{"$type":"color","$value":{"colorSpace":"oklch","components":[1,0,0]}},"gray-50":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.975,0.001,235]}},"gray-100":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.955,0.0015,235]}},"gray-200":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.925,0.003,235]}},"gray-300":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.84,0.004,235]}},"gray-400":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.75,0.005,235]}},"gray-500":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.66,0.006,235]}},"gray-600":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.52,0.006,235]}},"gray-700":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.42,0.003,235]}},"gray-800":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.3,0.002,235]}},"gray-900":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.25,0.0015,235]}},"gray-950":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.18,0.001,235]}},"red-50":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.975,0.016,25]}},"red-100":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.945,0.042,25]}},"red-200":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.9,0.084,25]}},"red-300":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.84,0.15,25]}},"red-400":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.75,0.225,25]}},"red-500":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.66,0.27,25]}},"red-600":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.575,0.255,25]}},"red-700":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.49,0.22,25]}},"red-800":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.41,0.18,25]}},"red-900":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.37,0.14,25]}},"red-950":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.18,0.1,25]}},"pink-50":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.975,0.016,350]}},"pink-100":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.945,0.038,350]}},"pink-200":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.9,0.078,350]}},"pink-300":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.84,0.145,350]}},"pink-400":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.75,0.225,350]}},"pink-500":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.66,0.27,350]}},"pink-600":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.575,0.26,350]}},"pink-700":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.49,0.23,350]}},"pink-800":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.41,0.19,350]}},"pink-900":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.37,0.15,350]}},"pink-950":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.18,0.108,350]}},"purple-50":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.975,0.018,305]}},"purple-100":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.945,0.042,305]}},"purple-200":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.9,0.082,305]}},"purple-300":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.84,0.155,305]}},"purple-400":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.75,0.24,305]}},"purple-500":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.66,0.29,305]}},"purple-600":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.575,0.295,305]}},"purple-700":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.49,0.265,305]}},"purple-800":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.41,0.22,305]}},"purple-900":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.37,0.175,305]}},"purple-950":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.18,0.125,305]}},"cyan-50":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.975,0.022,210]}},"cyan-100":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.955,0.04,210]}},"cyan-200":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.9,0.098,210]}},"cyan-300":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.84,0.155,210]}},"cyan-400":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.75,0.18,210]}},"cyan-500":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.66,0.17,210]}},"cyan-600":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.575,0.15,210]}},"cyan-700":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.49,0.128,210]}},"cyan-800":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.41,0.105,210]}},"cyan-900":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.37,0.082,210]}},"cyan-950":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.18,0.058,210]}},"blue-50":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.975,0.016,260]}},"blue-100":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.945,0.04,260]}},"blue-200":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.9,0.078,260]}},"blue-300":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.84,0.145,260]}},"blue-400":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.75,0.21,260]}},"blue-500":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.66,0.255,260]}},"blue-600":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.575,0.275,260]}},"blue-700":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.49,0.26,260]}},"blue-800":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.41,0.215,260]}},"blue-900":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.37,0.165,260]}},"blue-950":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.18,0.118,260]}},"teal-50":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.975,0.02,180]}},"teal-100":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.955,0.042,180]}},"teal-200":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.9,0.11,180]}},"teal-300":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.84,0.16,180]}},"teal-400":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.75,0.175,180]}},"teal-500":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.66,0.165,180]}},"teal-600":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.575,0.145,180]}},"teal-700":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.49,0.12,180]}},"teal-800":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.41,0.098,180]}},"teal-900":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.37,0.078,180]}},"teal-950":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.18,0.055,180]}},"green-50":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.975,0.02,150]}},"green-100":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.945,0.052,150]}},"green-200":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.9,0.1,150]}},"green-300":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.84,0.175,150]}},"green-400":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.75,0.235,150]}},"green-500":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.66,0.245,150]}},"green-600":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.575,0.22,150]}},"green-700":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.49,0.18,150]}},"green-800":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.41,0.14,150]}},"green-900":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.37,0.108,150]}},"green-950":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.18,0.075,150]}},"yellow-50":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.975,0.03,90]}},"yellow-100":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.945,0.08,90]}},"yellow-200":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.9,0.148,90]}},"yellow-300":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.84,0.2,90]}},"yellow-400":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.75,0.2,90]}},"yellow-500":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.66,0.18,90]}},"yellow-600":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.575,0.158,90]}},"yellow-700":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.49,0.135,90]}},"yellow-800":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.41,0.11,90]}},"yellow-900":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.37,0.085,90]}},"yellow-950":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.18,0.06,90]}},"orange-50":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.975,0.02,55]}},"orange-100":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.945,0.05,55]}},"orange-200":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.9,0.098,55]}},"orange-300":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.84,0.165,55]}},"orange-400":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.75,0.22,55]}},"orange-500":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.66,0.24,55]}},"orange-600":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.575,0.235,55]}},"orange-700":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.49,0.2,55]}},"orange-800":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.41,0.165,55]}},"orange-900":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.37,0.128,55]}},"orange-950":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.18,0.09,55]}},"color-fg-base":{"$type":"color","$value":"{gray-900}"},"color-fg-subtle":{"$type":"color","$value":"{gray-600}"},"color-fg-mute":{"$type":"color","$value":"{gray-700}"},"color-fg-inverse":{"$type":"color","$value":"{gray-50}"},"color-fg-info":{"$type":"color","$value":"{blue-800}"},"color-fg-success":{"$type":"color","$value":"{green-800}"},"color-fg-warning":{"$type":"color","$value":"{yellow-800}"},"color-fg-error":{"$type":"color","$value":"{red-800}"},"color-bg-base":{"$type":"color","$value":"{white}"},"color-bg-raised":{"$type":"color","$value":"{white}"},"color-bg-surface":{"$type":"color","$value":"{gray-50}"},"color-bg-subtle":{"$type":"color","$value":"{gray-100}"},"color-bg-mute":{"$type":"color","$value":"{gray-200}"},"color-bg-emphasize":{"$type":"color","$value":"{gray-300}"},"color-bg-inverse":{"$type":"color","$value":"{gray-900}"},"color-bg-info":{"$type":"color","$value":"{blue-100}"},"color-bg-success":{"$type":"color","$value":"{green-100}"},"color-bg-warning":{"$type":"color","$value":"{yellow-100}"},"color-bg-error":{"$type":"color","$value":"{red-100}"},"color-border-base":{"$type":"color","$value":"{gray-400}"},"color-border-subtle":{"$type":"color","$value":"{gray-100}"},"color-border-mute":{"$type":"color","$value":"{gray-200}"},"color-border-emphasize":{"$type":"color","$value":"{gray-500}"},"color-border-inverse":{"$type":"color","$value":"{gray-700}"},"color-border-info":{"$type":"color","$value":"{blue-500}"},"color-border-success":{"$type":"color","$value":"{green-500}"},"color-border-warning":{"$type":"color","$value":"{yellow-500}"},"color-border-error":{"$type":"color","$value":"{red-500}"},"color-primary-fg":{"$type":"color","$value":"{teal-800}"},"color-primary-bg":{"$type":"color","$value":"{teal-200}"},"color-primary-bg-subtle":{"$type":"color","$value":"{teal-50}"},"color-primary-bg-mute":{"$type":"color","$value":"{teal-100}"},"color-primary-bg-emphasize":{"$type":"color","$value":"{teal-300}"},"color-primary-border":{"$type":"color","$value":"{teal-500}"},"color-secondary-fg":{"$type":"color","$value":"{cyan-800}"},"color-secondary-bg":{"$type":"color","$value":"{cyan-200}"},"color-secondary-bg-subtle":{"$type":"color","$value":"{cyan-50}"},"color-secondary-bg-mute":{"$type":"color","$value":"{cyan-100}"},"color-secondary-bg-emphasize":{"$type":"color","$value":"{cyan-300}"},"color-secondary-border":{"$type":"color","$value":"{cyan-500}"},"color-back-drop":{"$type":"color","$value":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.5}},"color-group-primary":{"$type":"color","$value":"{teal-800}"},"color-group-secondary":{"$type":"color","$value":"{cyan-800}"},"color-group-tertiary":{"$type":"color","$value":"{pink-800}"},"color-group-quaternary":{"$type":"color","$value":"{purple-800}"},"color-logo-primary":{"$type":"color","$value":"{teal-700}"},"color-logo-secondary":{"$type":"color","$value":"{teal-600}"},"color-system-canvas-text":{"$value":"CanvasText"},"color-system-gray-text":{"$value":"GrayText"},"color-system-highlight":{"$value":"Highlight"},"color-system-highlight-text":{"$value":"HighlightText"},"spacing":{"$type":"dimension","$value":{"value":0.25,"unit":"rem"}},"spacing-em":{"$value":"0.25em"},"radius-xs":{"$type":"dimension","$value":{"value":0.125,"unit":"rem"}},"radius-sm":{"$type":"dimension","$value":{"value":0.375,"unit":"rem"}},"radius-md":{"$type":"dimension","$value":{"value":0.5,"unit":"rem"}},"radius-lg":{"$type":"dimension","$value":{"value":0.75,"unit":"rem"}},"radius-xl":{"$type":"dimension","$value":{"value":1,"unit":"rem"}},"radius-2xl":{"$type":"dimension","$value":{"value":1.25,"unit":"rem"}},"radius-full":{"$value":"calc(infinity * 1px)"},"radius-em":{"$value":"0.5em"},"font-family-sans":{"$type":"fontFamily","$value":["-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica Neue","Noto Sans","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"]},"font-family-mono":{"$type":"fontFamily","$value":["ui-monospace","SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New","monospace"]},"font-size-xs":{"$type":"dimension","$value":{"value":0.75,"unit":"rem"}},"font-size-sm":{"$type":"dimension","$value":{"value":0.875,"unit":"rem"}},"font-size-md":{"$type":"dimension","$value":{"value":1,"unit":"rem"}},"font-size-lg":{"$type":"dimension","$value":{"value":1.125,"unit":"rem"}},"font-size-xl":{"$type":"dimension","$value":{"value":1.25,"unit":"rem"}},"font-size-2xl":{"$type":"dimension","$value":{"value":1.5,"unit":"rem"}},"font-size-3xl":{"$type":"dimension","$value":{"value":1.875,"unit":"rem"}},"font-size-emphasize":{"$type":"dimension","$value":{"value":3,"unit":"rem"}},"font-size-highlight":{"$type":"dimension","$value":{"value":6,"unit":"rem"}},"font-size-code":{"$value":"0.875em"},"font-size-kbd":{"$value":"0.8125em"},"font-size-callout":{"$value":"0.9em"},"font-weight-medium":{"$type":"fontWeight","$value":450},"font-weight-bold":{"$type":"fontWeight","$value":700},"line-height-xs":{"$value":"calc(1 / 0.75)"},"line-height-sm":{"$value":"calc(1.25 / 0.875)"},"line-height-md":{"$type":"number","$value":1.5},"line-height-lg":{"$value":"calc(1.75 / 1.125)"},"line-height-xl":{"$value":"calc(1.75 / 1.25)"},"line-height-2xl":{"$value":"calc(2 / 1.5)"},"line-height-3xl":{"$value":"calc(2.25 / 1.875)"},"line-height-emphasize":{"$type":"number","$value":1},"line-height-highlight":{"$type":"number","$value":1},"line-height-none":{"$type":"number","$value":1},"line-height-tight":{"$type":"number","$value":1.25},"line-height-snug":{"$type":"number","$value":1.375},"line-height-normal":{"$type":"number","$value":1.5},"line-height-relaxed":{"$type":"number","$value":1.625},"line-height-loose":{"$type":"number","$value":2},"line-height-callout":{"$type":"number","$value":1.4},"letter-spacing-none":{"$type":"dimension","$value":{"value":0,"unit":"px"}},"letter-spacing-normal":{"$value":"0.025em"},"shadow-2xs":{"$type":"shadow","$value":{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.05},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":1,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":0,"unit":"px"}}},"shadow-xs":{"$type":"shadow","$value":{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.05},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":1,"unit":"px"},"blur":{"value":2,"unit":"px"},"spread":{"value":0,"unit":"px"}}},"shadow-sm":{"$type":"shadow","$value":[{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.1},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":1,"unit":"px"},"blur":{"value":3,"unit":"px"},"spread":{"value":0,"unit":"px"}},{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.1},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":1,"unit":"px"},"blur":{"value":2,"unit":"px"},"spread":{"value":-1,"unit":"px"}}]},"shadow-md":{"$type":"shadow","$value":[{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.1},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":4,"unit":"px"},"blur":{"value":6,"unit":"px"},"spread":{"value":-1,"unit":"px"}},{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.1},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":2,"unit":"px"},"blur":{"value":4,"unit":"px"},"spread":{"value":-2,"unit":"px"}}]},"shadow-lg":{"$type":"shadow","$value":[{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.1},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":10,"unit":"px"},"blur":{"value":15,"unit":"px"},"spread":{"value":-3,"unit":"px"}},{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.1},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":4,"unit":"px"},"blur":{"value":6,"unit":"px"},"spread":{"value":-4,"unit":"px"}}]},"shadow-xl":{"$type":"shadow","$value":[{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.1},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":20,"unit":"px"},"blur":{"value":25,"unit":"px"},"spread":{"value":-5,"unit":"px"}},{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.1},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":8,"unit":"px"},"blur":{"value":10,"unit":"px"},"spread":{"value":-6,"unit":"px"}}]},"shadow-2xl":{"$type":"shadow","$value":{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.25},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":25,"unit":"px"},"blur":{"value":50,"unit":"px"},"spread":{"value":-12,"unit":"px"}}},"shadow-inset-2xs":{"$type":"shadow","$value":{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.05},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":1,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":0,"unit":"px"},"inset":true}},"shadow-inset-xs":{"$type":"shadow","$value":{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.05},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":1,"unit":"px"},"blur":{"value":1,"unit":"px"},"spread":{"value":0,"unit":"px"},"inset":true}},"shadow-inset-sm":{"$type":"shadow","$value":{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.05},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":2,"unit":"px"},"blur":{"value":4,"unit":"px"},"spread":{"value":0,"unit":"px"},"inset":true}},"shadow-ring-info":{"$type":"shadow","$value":{"color":"{color-border-info}","offsetX":{"value":0,"unit":"px"},"offsetY":{"value":0,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":2,"unit":"px"}}},"shadow-ring-error":{"$type":"shadow","$value":{"color":"{color-border-error}","offsetX":{"value":0,"unit":"px"},"offsetY":{"value":0,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":2,"unit":"px"}}},"shadow-ring-inset-info":{"$type":"shadow","$value":{"color":"{color-border-info}","offsetX":{"value":0,"unit":"px"},"offsetY":{"value":0,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":2,"unit":"px"},"inset":true}},"shadow-ring-offset-info":{"$type":"shadow","$value":[{"color":"{white}","offsetX":{"value":0,"unit":"px"},"offsetY":{"value":0,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":2,"unit":"px"}},{"color":"{color-border-info}","offsetX":{"value":0,"unit":"px"},"offsetY":{"value":0,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":4,"unit":"px"}}]},"z-index-raised":{"$type":"number","$value":10},"z-index-overlay":{"$type":"number","$value":1000},"z-index-modal":{"$type":"number","$value":1300},"z-index-toast":{"$type":"number","$value":1500},"duration-fast":{"$type":"duration","$value":{"value":150,"unit":"ms"}},"duration-moderate":{"$type":"duration","$value":{"value":200,"unit":"ms"}},"duration-slow":{"$type":"duration","$value":{"value":300,"unit":"ms"}},"duration-spin":{"$type":"duration","$value":{"value":1,"unit":"s"}},"duration-pulse":{"$type":"duration","$value":{"value":2,"unit":"s"}},"easing-out":{"$type":"cubicBezier","$value":[0,0,0.2,1]},"easing-in-out":{"$type":"cubicBezier","$value":[0.4,0,0.2,1]},"easing-pulse":{"$type":"cubicBezier","$value":[0.4,0,0.6,1]},"breakpoint-sm":{"$type":"dimension","$value":{"value":40,"unit":"rem"}},"breakpoint-md":{"$type":"dimension","$value":{"value":48,"unit":"rem"}},"breakpoint-lg":{"$type":"dimension","$value":{"value":64,"unit":"rem"}},"breakpoint-xl":{"$type":"dimension","$value":{"value":80,"unit":"rem"}},"breakpoint-2xl":{"$type":"dimension","$value":{"value":96,"unit":"rem"}},"writing":{"$value":"horizontal"}}]},{"type":"modifier","name":".dark","contexts":{"off":[],"on":[{"color-fg-base":{"$type":"color","$value":"{gray-50}"},"color-fg-subtle":{"$type":"color","$value":"{gray-400}"},"color-fg-mute":{"$type":"color","$value":"{gray-300}"},"color-fg-inverse":{"$type":"color","$value":"{gray-900}"},"color-fg-info":{"$type":"color","$value":"{blue-200}"},"color-fg-success":{"$type":"color","$value":"{green-200}"},"color-fg-warning":{"$type":"color","$value":"{yellow-200}"},"color-fg-error":{"$type":"color","$value":"{red-200}"},"color-bg-base":{"$type":"color","$value":"{gray-800}"},"color-bg-raised":{"$type":"color","$value":"{gray-800}"},"color-bg-surface":{"$type":"color","$value":"{gray-950}"},"color-bg-subtle":{"$type":"color","$value":"{gray-900}"},"color-bg-mute":{"$type":"color","$value":"{gray-700}"},"color-bg-emphasize":{"$type":"color","$value":"{gray-600}"},"color-bg-inverse":{"$type":"color","$value":"{white}"},"color-bg-info":{"$type":"color","$value":"{blue-900}"},"color-bg-success":{"$type":"color","$value":"{green-900}"},"color-bg-warning":{"$type":"color","$value":"{yellow-900}"},"color-bg-error":{"$type":"color","$value":"{red-900}"},"color-border-base":{"$type":"color","$value":"{gray-600}"},"color-border-subtle":{"$type":"color","$value":"{gray-700}"},"color-border-mute":{"$type":"color","$value":"{gray-600}"},"color-border-emphasize":{"$type":"color","$value":"{gray-500}"},"color-border-inverse":{"$type":"color","$value":"{gray-300}"},"color-border-info":{"$type":"color","$value":"{blue-400}"},"color-border-success":{"$type":"color","$value":"{green-400}"},"color-border-warning":{"$type":"color","$value":"{yellow-400}"},"color-border-error":{"$type":"color","$value":"{red-400}"},"color-primary-fg":{"$type":"color","$value":"{teal-300}"},"color-primary-bg":{"$type":"color","$value":"{teal-900}"},"color-primary-bg-subtle":{"$type":"color","$value":"{teal-950}"},"color-primary-bg-mute":{"$type":"color","$value":"{teal-900}"},"color-primary-bg-emphasize":{"$type":"color","$value":"{teal-800}"},"color-primary-border":{"$type":"color","$value":"{teal-500}"},"color-secondary-fg":{"$type":"color","$value":"{cyan-300}"},"color-secondary-bg":{"$type":"color","$value":"{cyan-900}"},"color-secondary-bg-subtle":{"$type":"color","$value":"{cyan-950}"},"color-secondary-bg-mute":{"$type":"color","$value":"{cyan-900}"},"color-secondary-bg-emphasize":{"$type":"color","$value":"{cyan-800}"},"color-secondary-border":{"$type":"color","$value":"{cyan-500}"},"color-group-primary":{"$type":"color","$value":"{teal-200}"},"color-group-secondary":{"$type":"color","$value":"{cyan-200}"},"color-group-tertiary":{"$type":"color","$value":"{pink-200}"},"color-group-quaternary":{"$type":"color","$value":"{purple-200}"},"color-logo-primary":{"$type":"color","$value":"{teal-400}"},"color-logo-secondary":{"$type":"color","$value":"{teal-500}"},"shadow-ring-info":{"$type":"shadow","$value":{"color":"{color-border-info}","offsetX":{"value":0,"unit":"px"},"offsetY":{"value":0,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":2,"unit":"px"}}},"shadow-ring-error":{"$type":"shadow","$value":{"color":"{color-border-error}","offsetX":{"value":0,"unit":"px"},"offsetY":{"value":0,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":2,"unit":"px"}}},"shadow-ring-inset-info":{"$type":"shadow","$value":{"color":"{color-border-info}","offsetX":{"value":0,"unit":"px"},"offsetY":{"value":0,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":2,"unit":"px"},"inset":true}},"shadow-ring-offset-info":{"$type":"shadow","$value":[{"color":"{white}","offsetX":{"value":0,"unit":"px"},"offsetY":{"value":0,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":2,"unit":"px"}},{"color":"{color-border-info}","offsetX":{"value":0,"unit":"px"},"offsetY":{"value":0,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":4,"unit":"px"}}]}}]},"default":"off"},{"type":"modifier","name":"@media (prefers-contrast: more) :root:where(:not(.dark))","contexts":{"off":[],"on":[{"color-fg-base":{"$type":"color","$value":"{gray-950}"},"color-fg-subtle":{"$type":"color","$value":"{gray-800}"},"color-fg-mute":{"$type":"color","$value":"{gray-900}"},"color-fg-info":{"$type":"color","$value":"{blue-900}"},"color-fg-success":{"$type":"color","$value":"{green-900}"},"color-fg-warning":{"$type":"color","$value":"{yellow-900}"},"color-fg-error":{"$type":"color","$value":"{red-900}"},"color-border-base":{"$type":"color","$value":"{gray-600}"},"color-border-subtle":{"$type":"color","$value":"{gray-500}"},"color-border-mute":{"$type":"color","$value":"{gray-500}"},"color-border-emphasize":{"$type":"color","$value":"{gray-800}"},"color-border-info":{"$type":"color","$value":"{blue-700}"},"color-border-success":{"$type":"color","$value":"{green-700}"},"color-border-warning":{"$type":"color","$value":"{yellow-700}"},"color-border-error":{"$type":"color","$value":"{red-700}"},"color-primary-fg":{"$type":"color","$value":"{teal-900}"},"color-primary-border":{"$type":"color","$value":"{teal-700}"},"color-secondary-fg":{"$type":"color","$value":"{cyan-900}"},"color-secondary-border":{"$type":"color","$value":"{cyan-700}"}}]},"default":"off"},{"type":"modifier","name":"@media (prefers-contrast: more) .dark","contexts":{"off":[],"on":[{"color-fg-base":{"$type":"color","$value":"{white}"},"color-fg-subtle":{"$type":"color","$value":"{gray-200}"},"color-fg-mute":{"$type":"color","$value":"{gray-100}"},"color-fg-info":{"$type":"color","$value":"{blue-100}"},"color-fg-success":{"$type":"color","$value":"{green-100}"},"color-fg-warning":{"$type":"color","$value":"{yellow-100}"},"color-fg-error":{"$type":"color","$value":"{red-100}"},"color-bg-emphasize":{"$type":"color","$value":"{gray-700}"},"color-border-base":{"$type":"color","$value":"{gray-400}"},"color-border-subtle":{"$type":"color","$value":"{gray-500}"},"color-border-mute":{"$type":"color","$value":"{gray-400}"},"color-border-emphasize":{"$type":"color","$value":"{gray-200}"},"color-border-info":{"$type":"color","$value":"{blue-300}"},"color-border-success":{"$type":"color","$value":"{green-300}"},"color-border-warning":{"$type":"color","$value":"{yellow-300}"},"color-border-error":{"$type":"color","$value":"{red-300}"},"color-primary-fg":{"$type":"color","$value":"{teal-100}"},"color-primary-border":{"$type":"color","$value":"{teal-300}"},"color-secondary-fg":{"$type":"color","$value":"{cyan-100}"},"color-secondary-border":{"$type":"color","$value":"{cyan-300}"}}]},"default":"off"},{"type":"modifier","name":".writing-h","contexts":{"off":[],"on":[{"writing":{"$value":"horizontal"}}]},"default":"off"},{"type":"modifier","name":".writing-v","contexts":{"off":[],"on":[{"writing":{"$value":"vertical"}}]},"default":"off"}]};
|
package/dist/styles/tokens.mjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import { meta, tokens } from "./tokens.generated.mjs";
|
|
2
|
-
export { meta, tokens };
|
|
1
|
+
export const tokens = {"version":"2025.10","resolutionOrder":[{"type":"set","name":":root","sources":[{"white":{"$type":"color","$value":{"colorSpace":"oklch","components":[1,0,0]}},"gray-50":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.975,0.001,235]}},"gray-100":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.955,0.0015,235]}},"gray-200":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.925,0.003,235]}},"gray-300":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.84,0.004,235]}},"gray-400":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.75,0.005,235]}},"gray-500":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.66,0.006,235]}},"gray-600":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.52,0.006,235]}},"gray-700":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.42,0.003,235]}},"gray-800":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.3,0.002,235]}},"gray-900":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.25,0.0015,235]}},"gray-950":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.18,0.001,235]}},"red-50":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.975,0.016,25]}},"red-100":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.945,0.042,25]}},"red-200":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.9,0.084,25]}},"red-300":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.84,0.15,25]}},"red-400":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.75,0.225,25]}},"red-500":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.66,0.27,25]}},"red-600":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.575,0.255,25]}},"red-700":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.49,0.22,25]}},"red-800":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.41,0.18,25]}},"red-900":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.37,0.14,25]}},"red-950":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.18,0.1,25]}},"pink-50":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.975,0.016,350]}},"pink-100":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.945,0.038,350]}},"pink-200":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.9,0.078,350]}},"pink-300":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.84,0.145,350]}},"pink-400":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.75,0.225,350]}},"pink-500":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.66,0.27,350]}},"pink-600":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.575,0.26,350]}},"pink-700":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.49,0.23,350]}},"pink-800":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.41,0.19,350]}},"pink-900":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.37,0.15,350]}},"pink-950":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.18,0.108,350]}},"purple-50":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.975,0.018,305]}},"purple-100":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.945,0.042,305]}},"purple-200":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.9,0.082,305]}},"purple-300":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.84,0.155,305]}},"purple-400":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.75,0.24,305]}},"purple-500":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.66,0.29,305]}},"purple-600":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.575,0.295,305]}},"purple-700":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.49,0.265,305]}},"purple-800":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.41,0.22,305]}},"purple-900":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.37,0.175,305]}},"purple-950":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.18,0.125,305]}},"cyan-50":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.975,0.022,210]}},"cyan-100":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.955,0.04,210]}},"cyan-200":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.9,0.098,210]}},"cyan-300":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.84,0.155,210]}},"cyan-400":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.75,0.18,210]}},"cyan-500":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.66,0.17,210]}},"cyan-600":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.575,0.15,210]}},"cyan-700":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.49,0.128,210]}},"cyan-800":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.41,0.105,210]}},"cyan-900":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.37,0.082,210]}},"cyan-950":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.18,0.058,210]}},"blue-50":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.975,0.016,260]}},"blue-100":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.945,0.04,260]}},"blue-200":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.9,0.078,260]}},"blue-300":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.84,0.145,260]}},"blue-400":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.75,0.21,260]}},"blue-500":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.66,0.255,260]}},"blue-600":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.575,0.275,260]}},"blue-700":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.49,0.26,260]}},"blue-800":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.41,0.215,260]}},"blue-900":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.37,0.165,260]}},"blue-950":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.18,0.118,260]}},"teal-50":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.975,0.02,180]}},"teal-100":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.955,0.042,180]}},"teal-200":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.9,0.11,180]}},"teal-300":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.84,0.16,180]}},"teal-400":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.75,0.175,180]}},"teal-500":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.66,0.165,180]}},"teal-600":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.575,0.145,180]}},"teal-700":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.49,0.12,180]}},"teal-800":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.41,0.098,180]}},"teal-900":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.37,0.078,180]}},"teal-950":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.18,0.055,180]}},"green-50":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.975,0.02,150]}},"green-100":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.945,0.052,150]}},"green-200":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.9,0.1,150]}},"green-300":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.84,0.175,150]}},"green-400":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.75,0.235,150]}},"green-500":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.66,0.245,150]}},"green-600":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.575,0.22,150]}},"green-700":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.49,0.18,150]}},"green-800":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.41,0.14,150]}},"green-900":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.37,0.108,150]}},"green-950":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.18,0.075,150]}},"yellow-50":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.975,0.03,90]}},"yellow-100":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.945,0.08,90]}},"yellow-200":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.9,0.148,90]}},"yellow-300":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.84,0.2,90]}},"yellow-400":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.75,0.2,90]}},"yellow-500":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.66,0.18,90]}},"yellow-600":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.575,0.158,90]}},"yellow-700":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.49,0.135,90]}},"yellow-800":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.41,0.11,90]}},"yellow-900":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.37,0.085,90]}},"yellow-950":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.18,0.06,90]}},"orange-50":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.975,0.02,55]}},"orange-100":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.945,0.05,55]}},"orange-200":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.9,0.098,55]}},"orange-300":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.84,0.165,55]}},"orange-400":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.75,0.22,55]}},"orange-500":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.66,0.24,55]}},"orange-600":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.575,0.235,55]}},"orange-700":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.49,0.2,55]}},"orange-800":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.41,0.165,55]}},"orange-900":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.37,0.128,55]}},"orange-950":{"$type":"color","$value":{"colorSpace":"oklch","components":[0.18,0.09,55]}},"color-fg-base":{"$type":"color","$value":"{gray-900}"},"color-fg-subtle":{"$type":"color","$value":"{gray-600}"},"color-fg-mute":{"$type":"color","$value":"{gray-700}"},"color-fg-inverse":{"$type":"color","$value":"{gray-50}"},"color-fg-info":{"$type":"color","$value":"{blue-800}"},"color-fg-success":{"$type":"color","$value":"{green-800}"},"color-fg-warning":{"$type":"color","$value":"{yellow-800}"},"color-fg-error":{"$type":"color","$value":"{red-800}"},"color-bg-base":{"$type":"color","$value":"{white}"},"color-bg-raised":{"$type":"color","$value":"{white}"},"color-bg-surface":{"$type":"color","$value":"{gray-50}"},"color-bg-subtle":{"$type":"color","$value":"{gray-100}"},"color-bg-mute":{"$type":"color","$value":"{gray-200}"},"color-bg-emphasize":{"$type":"color","$value":"{gray-300}"},"color-bg-inverse":{"$type":"color","$value":"{gray-900}"},"color-bg-info":{"$type":"color","$value":"{blue-100}"},"color-bg-success":{"$type":"color","$value":"{green-100}"},"color-bg-warning":{"$type":"color","$value":"{yellow-100}"},"color-bg-error":{"$type":"color","$value":"{red-100}"},"color-border-base":{"$type":"color","$value":"{gray-400}"},"color-border-subtle":{"$type":"color","$value":"{gray-100}"},"color-border-mute":{"$type":"color","$value":"{gray-200}"},"color-border-emphasize":{"$type":"color","$value":"{gray-500}"},"color-border-inverse":{"$type":"color","$value":"{gray-700}"},"color-border-info":{"$type":"color","$value":"{blue-500}"},"color-border-success":{"$type":"color","$value":"{green-500}"},"color-border-warning":{"$type":"color","$value":"{yellow-500}"},"color-border-error":{"$type":"color","$value":"{red-500}"},"color-primary-fg":{"$type":"color","$value":"{teal-800}"},"color-primary-bg":{"$type":"color","$value":"{teal-200}"},"color-primary-bg-subtle":{"$type":"color","$value":"{teal-50}"},"color-primary-bg-mute":{"$type":"color","$value":"{teal-100}"},"color-primary-bg-emphasize":{"$type":"color","$value":"{teal-300}"},"color-primary-border":{"$type":"color","$value":"{teal-500}"},"color-secondary-fg":{"$type":"color","$value":"{cyan-800}"},"color-secondary-bg":{"$type":"color","$value":"{cyan-200}"},"color-secondary-bg-subtle":{"$type":"color","$value":"{cyan-50}"},"color-secondary-bg-mute":{"$type":"color","$value":"{cyan-100}"},"color-secondary-bg-emphasize":{"$type":"color","$value":"{cyan-300}"},"color-secondary-border":{"$type":"color","$value":"{cyan-500}"},"color-back-drop":{"$type":"color","$value":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.5}},"color-group-primary":{"$type":"color","$value":"{teal-800}"},"color-group-secondary":{"$type":"color","$value":"{cyan-800}"},"color-group-tertiary":{"$type":"color","$value":"{pink-800}"},"color-group-quaternary":{"$type":"color","$value":"{purple-800}"},"color-logo-primary":{"$type":"color","$value":"{teal-700}"},"color-logo-secondary":{"$type":"color","$value":"{teal-600}"},"color-system-canvas-text":{"$value":"CanvasText"},"color-system-gray-text":{"$value":"GrayText"},"color-system-highlight":{"$value":"Highlight"},"color-system-highlight-text":{"$value":"HighlightText"},"spacing":{"$type":"dimension","$value":{"value":0.25,"unit":"rem"}},"spacing-em":{"$value":"0.25em"},"radius-xs":{"$type":"dimension","$value":{"value":0.125,"unit":"rem"}},"radius-sm":{"$type":"dimension","$value":{"value":0.375,"unit":"rem"}},"radius-md":{"$type":"dimension","$value":{"value":0.5,"unit":"rem"}},"radius-lg":{"$type":"dimension","$value":{"value":0.75,"unit":"rem"}},"radius-xl":{"$type":"dimension","$value":{"value":1,"unit":"rem"}},"radius-2xl":{"$type":"dimension","$value":{"value":1.25,"unit":"rem"}},"radius-full":{"$value":"calc(infinity * 1px)"},"radius-em":{"$value":"0.5em"},"font-family-sans":{"$type":"fontFamily","$value":["-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica Neue","Noto Sans","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"]},"font-family-mono":{"$type":"fontFamily","$value":["ui-monospace","SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New","monospace"]},"font-size-xs":{"$type":"dimension","$value":{"value":0.75,"unit":"rem"}},"font-size-sm":{"$type":"dimension","$value":{"value":0.875,"unit":"rem"}},"font-size-md":{"$type":"dimension","$value":{"value":1,"unit":"rem"}},"font-size-lg":{"$type":"dimension","$value":{"value":1.125,"unit":"rem"}},"font-size-xl":{"$type":"dimension","$value":{"value":1.25,"unit":"rem"}},"font-size-2xl":{"$type":"dimension","$value":{"value":1.5,"unit":"rem"}},"font-size-3xl":{"$type":"dimension","$value":{"value":1.875,"unit":"rem"}},"font-size-emphasize":{"$type":"dimension","$value":{"value":3,"unit":"rem"}},"font-size-highlight":{"$type":"dimension","$value":{"value":6,"unit":"rem"}},"font-size-code":{"$value":"0.875em"},"font-size-kbd":{"$value":"0.8125em"},"font-size-callout":{"$value":"0.9em"},"font-weight-medium":{"$type":"fontWeight","$value":450},"font-weight-bold":{"$type":"fontWeight","$value":700},"line-height-xs":{"$value":"calc(1 / 0.75)"},"line-height-sm":{"$value":"calc(1.25 / 0.875)"},"line-height-md":{"$type":"number","$value":1.5},"line-height-lg":{"$value":"calc(1.75 / 1.125)"},"line-height-xl":{"$value":"calc(1.75 / 1.25)"},"line-height-2xl":{"$value":"calc(2 / 1.5)"},"line-height-3xl":{"$value":"calc(2.25 / 1.875)"},"line-height-emphasize":{"$type":"number","$value":1},"line-height-highlight":{"$type":"number","$value":1},"line-height-none":{"$type":"number","$value":1},"line-height-tight":{"$type":"number","$value":1.25},"line-height-snug":{"$type":"number","$value":1.375},"line-height-normal":{"$type":"number","$value":1.5},"line-height-relaxed":{"$type":"number","$value":1.625},"line-height-loose":{"$type":"number","$value":2},"line-height-callout":{"$type":"number","$value":1.4},"letter-spacing-none":{"$type":"dimension","$value":{"value":0,"unit":"px"}},"letter-spacing-normal":{"$value":"0.025em"},"shadow-2xs":{"$type":"shadow","$value":{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.05},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":1,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":0,"unit":"px"}}},"shadow-xs":{"$type":"shadow","$value":{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.05},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":1,"unit":"px"},"blur":{"value":2,"unit":"px"},"spread":{"value":0,"unit":"px"}}},"shadow-sm":{"$type":"shadow","$value":[{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.1},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":1,"unit":"px"},"blur":{"value":3,"unit":"px"},"spread":{"value":0,"unit":"px"}},{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.1},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":1,"unit":"px"},"blur":{"value":2,"unit":"px"},"spread":{"value":-1,"unit":"px"}}]},"shadow-md":{"$type":"shadow","$value":[{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.1},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":4,"unit":"px"},"blur":{"value":6,"unit":"px"},"spread":{"value":-1,"unit":"px"}},{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.1},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":2,"unit":"px"},"blur":{"value":4,"unit":"px"},"spread":{"value":-2,"unit":"px"}}]},"shadow-lg":{"$type":"shadow","$value":[{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.1},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":10,"unit":"px"},"blur":{"value":15,"unit":"px"},"spread":{"value":-3,"unit":"px"}},{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.1},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":4,"unit":"px"},"blur":{"value":6,"unit":"px"},"spread":{"value":-4,"unit":"px"}}]},"shadow-xl":{"$type":"shadow","$value":[{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.1},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":20,"unit":"px"},"blur":{"value":25,"unit":"px"},"spread":{"value":-5,"unit":"px"}},{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.1},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":8,"unit":"px"},"blur":{"value":10,"unit":"px"},"spread":{"value":-6,"unit":"px"}}]},"shadow-2xl":{"$type":"shadow","$value":{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.25},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":25,"unit":"px"},"blur":{"value":50,"unit":"px"},"spread":{"value":-12,"unit":"px"}}},"shadow-inset-2xs":{"$type":"shadow","$value":{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.05},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":1,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":0,"unit":"px"},"inset":true}},"shadow-inset-xs":{"$type":"shadow","$value":{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.05},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":1,"unit":"px"},"blur":{"value":1,"unit":"px"},"spread":{"value":0,"unit":"px"},"inset":true}},"shadow-inset-sm":{"$type":"shadow","$value":{"color":{"colorSpace":"srgb","components":[0,0,0],"alpha":0.05},"offsetX":{"value":0,"unit":"px"},"offsetY":{"value":2,"unit":"px"},"blur":{"value":4,"unit":"px"},"spread":{"value":0,"unit":"px"},"inset":true}},"shadow-ring-info":{"$type":"shadow","$value":{"color":"{color-border-info}","offsetX":{"value":0,"unit":"px"},"offsetY":{"value":0,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":2,"unit":"px"}}},"shadow-ring-error":{"$type":"shadow","$value":{"color":"{color-border-error}","offsetX":{"value":0,"unit":"px"},"offsetY":{"value":0,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":2,"unit":"px"}}},"shadow-ring-inset-info":{"$type":"shadow","$value":{"color":"{color-border-info}","offsetX":{"value":0,"unit":"px"},"offsetY":{"value":0,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":2,"unit":"px"},"inset":true}},"shadow-ring-offset-info":{"$type":"shadow","$value":[{"color":"{white}","offsetX":{"value":0,"unit":"px"},"offsetY":{"value":0,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":2,"unit":"px"}},{"color":"{color-border-info}","offsetX":{"value":0,"unit":"px"},"offsetY":{"value":0,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":4,"unit":"px"}}]},"z-index-raised":{"$type":"number","$value":10},"z-index-overlay":{"$type":"number","$value":1000},"z-index-modal":{"$type":"number","$value":1300},"z-index-toast":{"$type":"number","$value":1500},"duration-fast":{"$type":"duration","$value":{"value":150,"unit":"ms"}},"duration-moderate":{"$type":"duration","$value":{"value":200,"unit":"ms"}},"duration-slow":{"$type":"duration","$value":{"value":300,"unit":"ms"}},"duration-spin":{"$type":"duration","$value":{"value":1,"unit":"s"}},"duration-pulse":{"$type":"duration","$value":{"value":2,"unit":"s"}},"easing-out":{"$type":"cubicBezier","$value":[0,0,0.2,1]},"easing-in-out":{"$type":"cubicBezier","$value":[0.4,0,0.2,1]},"easing-pulse":{"$type":"cubicBezier","$value":[0.4,0,0.6,1]},"breakpoint-sm":{"$type":"dimension","$value":{"value":40,"unit":"rem"}},"breakpoint-md":{"$type":"dimension","$value":{"value":48,"unit":"rem"}},"breakpoint-lg":{"$type":"dimension","$value":{"value":64,"unit":"rem"}},"breakpoint-xl":{"$type":"dimension","$value":{"value":80,"unit":"rem"}},"breakpoint-2xl":{"$type":"dimension","$value":{"value":96,"unit":"rem"}},"writing":{"$value":"horizontal"}}]},{"type":"modifier","name":".dark","contexts":{"off":[],"on":[{"color-fg-base":{"$type":"color","$value":"{gray-50}"},"color-fg-subtle":{"$type":"color","$value":"{gray-400}"},"color-fg-mute":{"$type":"color","$value":"{gray-300}"},"color-fg-inverse":{"$type":"color","$value":"{gray-900}"},"color-fg-info":{"$type":"color","$value":"{blue-200}"},"color-fg-success":{"$type":"color","$value":"{green-200}"},"color-fg-warning":{"$type":"color","$value":"{yellow-200}"},"color-fg-error":{"$type":"color","$value":"{red-200}"},"color-bg-base":{"$type":"color","$value":"{gray-800}"},"color-bg-raised":{"$type":"color","$value":"{gray-800}"},"color-bg-surface":{"$type":"color","$value":"{gray-950}"},"color-bg-subtle":{"$type":"color","$value":"{gray-900}"},"color-bg-mute":{"$type":"color","$value":"{gray-700}"},"color-bg-emphasize":{"$type":"color","$value":"{gray-600}"},"color-bg-inverse":{"$type":"color","$value":"{white}"},"color-bg-info":{"$type":"color","$value":"{blue-900}"},"color-bg-success":{"$type":"color","$value":"{green-900}"},"color-bg-warning":{"$type":"color","$value":"{yellow-900}"},"color-bg-error":{"$type":"color","$value":"{red-900}"},"color-border-base":{"$type":"color","$value":"{gray-600}"},"color-border-subtle":{"$type":"color","$value":"{gray-700}"},"color-border-mute":{"$type":"color","$value":"{gray-600}"},"color-border-emphasize":{"$type":"color","$value":"{gray-500}"},"color-border-inverse":{"$type":"color","$value":"{gray-300}"},"color-border-info":{"$type":"color","$value":"{blue-400}"},"color-border-success":{"$type":"color","$value":"{green-400}"},"color-border-warning":{"$type":"color","$value":"{yellow-400}"},"color-border-error":{"$type":"color","$value":"{red-400}"},"color-primary-fg":{"$type":"color","$value":"{teal-300}"},"color-primary-bg":{"$type":"color","$value":"{teal-900}"},"color-primary-bg-subtle":{"$type":"color","$value":"{teal-950}"},"color-primary-bg-mute":{"$type":"color","$value":"{teal-900}"},"color-primary-bg-emphasize":{"$type":"color","$value":"{teal-800}"},"color-primary-border":{"$type":"color","$value":"{teal-500}"},"color-secondary-fg":{"$type":"color","$value":"{cyan-300}"},"color-secondary-bg":{"$type":"color","$value":"{cyan-900}"},"color-secondary-bg-subtle":{"$type":"color","$value":"{cyan-950}"},"color-secondary-bg-mute":{"$type":"color","$value":"{cyan-900}"},"color-secondary-bg-emphasize":{"$type":"color","$value":"{cyan-800}"},"color-secondary-border":{"$type":"color","$value":"{cyan-500}"},"color-group-primary":{"$type":"color","$value":"{teal-200}"},"color-group-secondary":{"$type":"color","$value":"{cyan-200}"},"color-group-tertiary":{"$type":"color","$value":"{pink-200}"},"color-group-quaternary":{"$type":"color","$value":"{purple-200}"},"color-logo-primary":{"$type":"color","$value":"{teal-400}"},"color-logo-secondary":{"$type":"color","$value":"{teal-500}"},"shadow-ring-info":{"$type":"shadow","$value":{"color":"{color-border-info}","offsetX":{"value":0,"unit":"px"},"offsetY":{"value":0,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":2,"unit":"px"}}},"shadow-ring-error":{"$type":"shadow","$value":{"color":"{color-border-error}","offsetX":{"value":0,"unit":"px"},"offsetY":{"value":0,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":2,"unit":"px"}}},"shadow-ring-inset-info":{"$type":"shadow","$value":{"color":"{color-border-info}","offsetX":{"value":0,"unit":"px"},"offsetY":{"value":0,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":2,"unit":"px"},"inset":true}},"shadow-ring-offset-info":{"$type":"shadow","$value":[{"color":"{white}","offsetX":{"value":0,"unit":"px"},"offsetY":{"value":0,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":2,"unit":"px"}},{"color":"{color-border-info}","offsetX":{"value":0,"unit":"px"},"offsetY":{"value":0,"unit":"px"},"blur":{"value":0,"unit":"px"},"spread":{"value":4,"unit":"px"}}]}}]},"default":"off"},{"type":"modifier","name":"@media (prefers-contrast: more) :root:where(:not(.dark))","contexts":{"off":[],"on":[{"color-fg-base":{"$type":"color","$value":"{gray-950}"},"color-fg-subtle":{"$type":"color","$value":"{gray-800}"},"color-fg-mute":{"$type":"color","$value":"{gray-900}"},"color-fg-info":{"$type":"color","$value":"{blue-900}"},"color-fg-success":{"$type":"color","$value":"{green-900}"},"color-fg-warning":{"$type":"color","$value":"{yellow-900}"},"color-fg-error":{"$type":"color","$value":"{red-900}"},"color-border-base":{"$type":"color","$value":"{gray-600}"},"color-border-subtle":{"$type":"color","$value":"{gray-500}"},"color-border-mute":{"$type":"color","$value":"{gray-500}"},"color-border-emphasize":{"$type":"color","$value":"{gray-800}"},"color-border-info":{"$type":"color","$value":"{blue-700}"},"color-border-success":{"$type":"color","$value":"{green-700}"},"color-border-warning":{"$type":"color","$value":"{yellow-700}"},"color-border-error":{"$type":"color","$value":"{red-700}"},"color-primary-fg":{"$type":"color","$value":"{teal-900}"},"color-primary-border":{"$type":"color","$value":"{teal-700}"},"color-secondary-fg":{"$type":"color","$value":"{cyan-900}"},"color-secondary-border":{"$type":"color","$value":"{cyan-700}"}}]},"default":"off"},{"type":"modifier","name":"@media (prefers-contrast: more) .dark","contexts":{"off":[],"on":[{"color-fg-base":{"$type":"color","$value":"{white}"},"color-fg-subtle":{"$type":"color","$value":"{gray-200}"},"color-fg-mute":{"$type":"color","$value":"{gray-100}"},"color-fg-info":{"$type":"color","$value":"{blue-100}"},"color-fg-success":{"$type":"color","$value":"{green-100}"},"color-fg-warning":{"$type":"color","$value":"{yellow-100}"},"color-fg-error":{"$type":"color","$value":"{red-100}"},"color-bg-emphasize":{"$type":"color","$value":"{gray-700}"},"color-border-base":{"$type":"color","$value":"{gray-400}"},"color-border-subtle":{"$type":"color","$value":"{gray-500}"},"color-border-mute":{"$type":"color","$value":"{gray-400}"},"color-border-emphasize":{"$type":"color","$value":"{gray-200}"},"color-border-info":{"$type":"color","$value":"{blue-300}"},"color-border-success":{"$type":"color","$value":"{green-300}"},"color-border-warning":{"$type":"color","$value":"{yellow-300}"},"color-border-error":{"$type":"color","$value":"{red-300}"},"color-primary-fg":{"$type":"color","$value":"{teal-100}"},"color-primary-border":{"$type":"color","$value":"{teal-300}"},"color-secondary-fg":{"$type":"color","$value":"{cyan-100}"},"color-secondary-border":{"$type":"color","$value":"{cyan-300}"}}]},"default":"off"},{"type":"modifier","name":".writing-h","contexts":{"off":[],"on":[{"writing":{"$value":"horizontal"}}]},"default":"off"},{"type":"modifier","name":".writing-v","contexts":{"off":[],"on":[{"writing":{"$value":"vertical"}}]},"default":"off"}]};
|
|
@@ -1,23 +1,21 @@
|
|
|
1
1
|
//#region src/types/variables.d.ts
|
|
2
|
-
type Status = 'success' | 'info' | 'warning' | 'error';
|
|
3
|
-
type Direction = 'up' | 'down' | 'right' | 'left';
|
|
2
|
+
export type Status = 'success' | 'info' | 'warning' | 'error';
|
|
3
|
+
export type Direction = 'up' | 'down' | 'right' | 'left';
|
|
4
4
|
/**
|
|
5
5
|
* アンカー要素を基準にしたオーバーレイ(Popover / Tooltip / DropdownMenu /
|
|
6
6
|
* ListBox)の相対配置。物理方向と整列(alignment)の組み合わせ。
|
|
7
|
-
* 旧 `@floating-ui/react` の `Placement` 互換のローカル定義。
|
|
8
7
|
*/
|
|
9
|
-
type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
|
|
8
|
+
export type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
|
|
10
9
|
/**
|
|
11
10
|
* ビューポートのどこに貼り付くかで決まるオーバーレイ(Modal / Drawer)の配置。
|
|
12
11
|
* アンカー要素からの相対配置である `Placement` とは別概念なので、prop 名も
|
|
13
12
|
* `placement` ではなく `side` で分ける。
|
|
14
13
|
*/
|
|
15
|
-
type ModalSide = 'center' | 'bottom' | 'left' | 'right';
|
|
14
|
+
export type ModalSide = 'center' | 'bottom' | 'left' | 'right';
|
|
16
15
|
/** Drawer は必ず縁から出るため、`center` を除いた `ModalSide` の部分集合。 */
|
|
17
|
-
type DrawerSide = Extract<ModalSide, 'left' | 'right'>;
|
|
18
|
-
type Option = Readonly<{
|
|
16
|
+
export type DrawerSide = Extract<ModalSide, 'left' | 'right'>;
|
|
17
|
+
export type Option = Readonly<{
|
|
19
18
|
value: string;
|
|
20
19
|
label: string;
|
|
21
20
|
}>;
|
|
22
|
-
//#endregion
|
|
23
|
-
export { Direction, DrawerSide, ModalSide, Option, Placement, Status };
|
|
21
|
+
//#endregion
|