themelia-ui 3.0.0 → 3.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/.agents/skills/themelia-ui/SKILL.md +60 -33
- package/.agents/skills/themelia-ui/manifest.json +23 -0
- package/.agents/skills/themelia-ui/references/api-compatibility.md +5 -4
- package/.agents/skills/themelia-ui/references/blocks.md +123 -0
- package/.agents/skills/themelia-ui/references/composition-ladder.md +8 -8
- package/.agents/skills/themelia-ui/references/composition.md +100 -19
- package/.agents/skills/themelia-ui/references/forms.md +23 -3
- package/.agents/skills/themelia-ui/references/framework-wiring.md +41 -13
- package/.agents/skills/themelia-ui/references/i18n.md +4 -2
- package/.agents/skills/themelia-ui/references/imports.md +104 -104
- package/.agents/skills/themelia-ui/references/installation.md +60 -31
- package/.agents/skills/themelia-ui/references/migration.md +156 -5
- package/.agents/skills/themelia-ui/references/provider-and-scoping.md +37 -25
- package/.agents/skills/themelia-ui/references/reference-workflows.md +43 -0
- package/.agents/skills/themelia-ui/references/structure-and-spacing.md +147 -0
- package/.agents/skills/themelia-ui/references/theming.md +174 -131
- package/.agents/skills/themelia-ui/references/troubleshooting.md +88 -30
- package/.agents/skills/themelia-ui/references/verification.md +60 -5
- package/CHANGELOG.md +212 -0
- package/README.md +48 -60
- package/dist/accordion-CHuzMmWL.js +143 -0
- package/dist/{action-menu-BNLURfMK.js → action-menu-BwiL_F6I.js} +35 -33
- package/dist/{alert-dialog-BMVo6Z-8.js → alert-dialog-Cg2HhuBe.js} +1 -1
- package/dist/avatar-Dc_BNYfB.js +93 -0
- package/dist/badge-VlJVZjdm.js +45 -0
- package/dist/base/accordion.js +1 -1
- package/dist/base/action-menu.js +1 -1
- package/dist/base/alert-dialog.js +1 -1
- package/dist/base/aspect-ratio.js +3 -1
- package/dist/base/avatar.js +1 -1
- package/dist/base/badge.js +2 -2
- package/dist/base/batch-action-bar.js +1 -1
- package/dist/base/buttons.js +1 -1
- package/dist/base/cards.js +1 -1
- package/dist/base/carousel.js +6 -4
- package/dist/base/chart.js +1 -1
- package/dist/base/choice-inputs.js +1 -1
- package/dist/base/combobox.js +1 -1
- package/dist/base/command.js +1 -1
- package/dist/base/context-menu.js +22 -21
- package/dist/base/copyable.js +1 -1
- package/dist/base/date-pickers.js +1 -1
- package/dist/base/dialog.js +1 -1
- package/dist/base/display.js +1 -1
- package/dist/base/dropdown-menu.js +1 -1
- package/dist/base/feedback.js +1 -1
- package/dist/base/forms-numeric.js +1 -1
- package/dist/base/forms.js +1 -1
- package/dist/base/hover-card.js +26 -23
- package/dist/base/input-group.js +1 -1
- package/dist/base/item.js +1 -1
- package/dist/base/label.js +1 -1
- package/dist/base/menubar.js +20 -14
- package/dist/base/navigation-menu.js +47 -38
- package/dist/base/navigation.js +1 -1
- package/dist/base/otp-input.js +36 -30
- package/dist/base/overlay.js +1 -1
- package/dist/base/popover-menu.js +1 -1
- package/dist/base/popover.js +1 -1
- package/dist/base/qr-code.js +51 -47
- package/dist/base/repeaters.js +1 -1
- package/dist/base/resizable.js +2 -0
- package/dist/base/sheet.js +1 -1
- package/dist/base/sidebar.js +1 -1
- package/dist/base/skeleton.js +1 -1
- package/dist/base/spinner.js +1 -1
- package/dist/base/structure.js +1 -1
- package/dist/base/table.js +1 -1
- package/dist/base/text-inputs.js +1 -1
- package/dist/base/timeline.js +1 -1
- package/dist/base/toaster.js +1 -1
- package/dist/base/toggle.js +21 -15
- package/dist/base/toolbar.js +1 -1
- package/dist/base/tooltip.js +1 -1
- package/dist/base/typography.js +2 -2
- package/dist/base/upload.js +1 -1
- package/dist/base/value-inputs.js +1 -1
- package/dist/{batch-action-bar-BZYNKXdV.js → batch-action-bar-DZVMVW83.js} +11 -8
- package/dist/{admin/patterns → blocks/admin}/access.js +79 -76
- package/dist/blocks/admin/commerce.js +2493 -0
- package/dist/{patterns → blocks}/analytics.js +312 -303
- package/dist/{patterns → blocks}/onboarding.js +27 -23
- package/dist/{patterns → blocks}/timelines.js +1 -1
- package/dist/buttons-BX2JfL5X.js +173 -0
- package/dist/cards-Ddhz43Bz.js +279 -0
- package/dist/chart-BkK3Xm10.js +201 -0
- package/dist/choice-inputs-NwRxvmZN.js +694 -0
- package/dist/combobox-519ubijc.js +292 -0
- package/dist/command-JjApYFds.js +156 -0
- package/dist/comments-CCQ2QRaU.js +1443 -0
- package/dist/components/base/action-menu/action-menu.d.ts +1 -1
- package/dist/components/base/action-menu/action-menu.types.d.ts +2 -2
- package/dist/components/base/avatar/avatar.d.ts +5 -2
- package/dist/components/base/badge/badge.d.ts +10 -10
- package/dist/components/base/badge/badge.variants.d.ts +1 -2
- package/dist/components/base/badge/index.d.ts +1 -2
- package/dist/components/base/buttons/button.d.ts +9 -8
- package/dist/components/base/buttons/button.types.d.ts +2 -2
- package/dist/components/base/buttons/index.d.ts +1 -1
- package/dist/components/base/buttons/text-button.d.ts +1 -1
- package/dist/components/base/cards/card-actions.d.ts +1 -1
- package/dist/components/base/cards/card.d.ts +3 -1
- package/dist/components/base/cards/partials/card-header.d.ts +2 -1
- package/dist/components/base/choice-inputs/choice.types.d.ts +2 -2
- package/dist/components/base/choice-inputs/partials/choice-parts.d.ts +3 -3
- package/dist/components/base/command/command.d.ts +5 -2
- package/dist/components/base/display/icon-badge.d.ts +5 -3
- package/dist/components/base/display/index.d.ts +1 -1
- package/dist/components/base/display/metadata-list.d.ts +6 -6
- package/dist/components/base/display/metadata-value.d.ts +1 -1
- package/dist/components/base/display/separator.d.ts +2 -2
- package/dist/components/base/feedback/alert.d.ts +3 -2
- package/dist/components/base/feedback/empty.d.ts +5 -4
- package/dist/components/base/feedback/progress-circle.d.ts +2 -2
- package/dist/components/base/feedback/progress.d.ts +3 -1
- package/dist/components/base/forms/form-field.d.ts +2 -2
- package/dist/components/base/input-group/input-group.d.ts +8 -10
- package/dist/components/base/item/item.d.ts +2 -2
- package/dist/components/base/overlay/index.d.ts +1 -1
- package/dist/components/base/overlay/overlay.types.d.ts +7 -5
- package/dist/components/base/qr-code/qr-code.d.ts +4 -4
- package/dist/components/base/sheet/sheet.d.ts +1 -1
- package/dist/components/base/sidebar/sidebar.d.ts +9 -13
- package/dist/components/base/spinner/spinner.d.ts +2 -2
- package/dist/components/base/structure/adaptive-grid.d.ts +3 -3
- package/dist/components/base/structure/bleed.d.ts +4 -2
- package/dist/components/base/structure/grid.d.ts +10 -4
- package/dist/components/base/structure/index.d.ts +1 -1
- package/dist/components/base/structure/split.d.ts +4 -3
- package/dist/components/base/structure/stack.d.ts +5 -5
- package/dist/components/base/structure/structure.maps.d.ts +2 -1
- package/dist/components/base/structure/structure.types.d.ts +10 -4
- package/dist/components/base/toggle/toggle.d.ts +2 -2
- package/dist/components/base/toolbar/toolbar.d.ts +3 -3
- package/dist/components/base/typography/index.d.ts +2 -0
- package/dist/components/base/typography/rich-text/rich-text.variants.d.ts +9 -0
- package/dist/components/base/typography/text/index.d.ts +1 -0
- package/dist/components/base/typography/text/text.d.ts +15 -8
- package/dist/components/base/typography/text/text.variants.d.ts +41 -0
- package/dist/components/base/value-inputs/color-input.d.ts +1 -7
- package/dist/components/base/value-inputs/slider.d.ts +2 -7
- package/dist/components/{admin/patterns → blocks/admin}/commerce/vendor-profile.d.ts +2 -1
- package/dist/components/{patterns → blocks}/analytics/analytics.strings.d.ts +2 -5
- package/dist/components/features/actions/action-adapters.d.ts +3 -3
- package/dist/components/features/actions/actions.types.d.ts +3 -5
- package/dist/components/features/actions/index.d.ts +1 -1
- package/dist/components/features/activities/activities-feed.d.ts +1 -1
- package/dist/components/features/activities/activities.types.d.ts +4 -4
- package/dist/components/features/activities/activity-parts.d.ts +3 -3
- package/dist/components/features/activities/activity-row.d.ts +4 -4
- package/dist/components/features/activities/index.d.ts +1 -1
- package/dist/components/features/ai-chat/ai-chat.types.d.ts +10 -3
- package/dist/components/features/ai-chat/ai-message-surfaces.d.ts +1 -1
- package/dist/components/features/ai-chat/ai-work-surfaces.d.ts +1 -1
- package/dist/components/features/combobox/combobox.strings.d.ts +2 -2
- package/dist/components/features/combobox/fetching-combobox.d.ts +2 -1
- package/dist/components/features/combobox/resource-combobox.d.ts +3 -0
- package/dist/components/features/combobox/use-suggestions.d.ts +7 -0
- package/dist/components/features/event-calendar/event-calendar.types.d.ts +3 -0
- package/dist/components/features/media-library/index.d.ts +1 -1
- package/dist/components/features/media-library/media-library-parts.d.ts +4 -3
- package/dist/components/features/media-library/media-library-views.d.ts +4 -3
- package/dist/components/features/media-library/media-library.d.ts +1 -1
- package/dist/components/features/media-library/media-library.strings.d.ts +12 -13
- package/dist/components/features/media-library/media-library.types.d.ts +11 -9
- package/dist/components/features/media-library/media-resource-gallery.d.ts +1 -1
- package/dist/components/features/media-library/use-media-library.d.ts +1 -4
- package/dist/components/features/overlays/action-overlay-frame.d.ts +1 -1
- package/dist/components/features/overlays/index.d.ts +1 -1
- package/dist/components/features/overlays/overlay-parts.d.ts +3 -3
- package/dist/components/features/overlays/overlays.types.d.ts +8 -7
- package/dist/components/features/rich-text-editor/index.d.ts +0 -1
- package/dist/components/features/table/data-table-body.d.ts +1 -1
- package/dist/components/features/table/data-table-expanded-row.d.ts +27 -0
- package/dist/components/features/table/data-table-header.d.ts +1 -1
- package/dist/components/features/table/data-table-size.d.ts +1 -1
- package/dist/components/features/table/data-table.d.ts +1 -1
- package/dist/components/features/table/index.d.ts +1 -1
- package/dist/components/features/table/table-helpers.d.ts +9 -3
- package/dist/components/features/table/table.strings.d.ts +11 -0
- package/dist/components/features/table/table.types.d.ts +60 -2
- package/dist/components/features/theme-tweaker/index.d.ts +1 -1
- package/dist/components/features/theme-tweaker/theme-tweaker.strings.d.ts +1 -1
- package/dist/components/features/theme-tweaker/theme-tweaker.types.d.ts +6 -10
- package/dist/components/features/theme-tweaker/theme-tweaker.utils.d.ts +22 -6
- package/dist/components/layout/app-shell/topbar-sidebar-layout.d.ts +1 -1
- package/dist/components/layout/auth/auth.d.ts +1 -1
- package/dist/components/layout/auth/auth.types.d.ts +1 -1
- package/dist/components/primitives/value.d.ts +3 -1
- package/dist/containers-B8d8U9GS.js +2 -0
- package/dist/{copyable-H1TUEY-H.js → copyable-D9Okb1w6.js} +12 -11
- package/dist/core.css +2 -2
- package/dist/css/access.css +2 -1
- package/dist/css/accordion.css +2 -1
- package/dist/css/action-menu.css +2 -1
- package/dist/css/activities.css +2 -1
- package/dist/css/ai-chat.css +2 -1
- package/dist/css/analytics.css +2 -1
- package/dist/css/app-shell.css +2 -1
- package/dist/css/aspect-ratio.css +2 -1
- package/dist/css/async-preview.css +2 -1
- package/dist/css/auth.css +2 -1
- package/dist/css/avatar.css +2 -1
- package/dist/css/badge.css +2 -1
- package/dist/css/batch-action-bar.css +2 -1
- package/dist/css/buttons.css +2 -1
- package/dist/css/cards.css +2 -1
- package/dist/css/carousel.css +2 -1
- package/dist/css/chart.css +2 -1
- package/dist/css/choice-inputs.css +2 -1
- package/dist/css/combobox.css +2 -1
- package/dist/css/combobox2.css +2 -1
- package/dist/css/command.css +2 -1
- package/dist/css/comments.css +2 -1
- package/dist/css/commerce.css +2 -1
- package/dist/css/containers.css +2 -1
- package/dist/css/copyable.css +2 -1
- package/dist/css/data-view.css +2 -1
- package/dist/css/date-pickers.css +2 -1
- package/dist/css/display.css +2 -1
- package/dist/css/dropdown-menu.css +2 -1
- package/dist/css/event-calendar.css +2 -1
- package/dist/css/feedback.css +2 -1
- package/dist/css/filters.css +2 -1
- package/dist/css/forms-numeric.css +2 -1
- package/dist/css/forms.css +2 -1
- package/dist/css/global-search.css +2 -1
- package/dist/css/header.css +2 -1
- package/dist/css/hover-card.css +2 -1
- package/dist/css/input-group.css +2 -1
- package/dist/css/item.css +2 -1
- package/dist/css/kanban.css +2 -1
- package/dist/css/label.css +2 -1
- package/dist/css/map.css +2 -1
- package/dist/css/media-library.css +2 -1
- package/dist/css/mentions.css +2 -1
- package/dist/css/menubar.css +2 -1
- package/dist/css/navigation-menu.css +2 -1
- package/dist/css/navigation.css +2 -1
- package/dist/css/navigation2.css +2 -1
- package/dist/css/onboarding.css +2 -1
- package/dist/css/otp-input.css +2 -1
- package/dist/css/overlay.css +2 -1
- package/dist/css/overlays.css +2 -1
- package/dist/css/page.css +2 -1
- package/dist/css/popover-menu.css +2 -1
- package/dist/css/popover.css +2 -1
- package/dist/css/primitives.css +2 -1
- package/dist/css/products.css +2 -1
- package/dist/css/qr-code.css +2 -1
- package/dist/css/repeaters.css +2 -1
- package/dist/css/resizable.css +2 -1
- package/dist/css/resource-assignment.css +2 -1
- package/dist/css/resource.css +2 -1
- package/dist/css/rich-text-editor.css +2 -1
- package/dist/css/schema-form.css +2 -1
- package/dist/css/sidebar.css +2 -1
- package/dist/css/sidebar2.css +2 -1
- package/dist/css/skeleton.css +2 -1
- package/dist/css/spinner.css +2 -1
- package/dist/css/structure.css +2 -1
- package/dist/css/sync.css +2 -1
- package/dist/css/table.css +2 -1
- package/dist/css/table2.css +2 -1
- package/dist/css/text-inputs.css +2 -1
- package/dist/css/theme-tweaker.css +2 -1
- package/dist/css/timeline.css +2 -1
- package/dist/css/timelines.css +2 -1
- package/dist/css/toaster.css +2 -1
- package/dist/css/toggle.css +2 -1
- package/dist/css/toolbar.css +2 -1
- package/dist/css/tooltip.css +2 -1
- package/dist/css/typography.css +2 -1
- package/dist/css/upload.css +2 -1
- package/dist/css/value-inputs.css +2 -1
- package/dist/css/workspace.css +2 -1
- package/dist/css-graph.json +1027 -0
- package/dist/date-pickers-BwCwKIVM.js +685 -0
- package/dist/{dialog-CtFCuTUF.js → dialog-CAnwRNrm.js} +1 -1
- package/dist/display-a7AoX_u7.js +664 -0
- package/dist/dropdown-menu-Br8kvjrF.js +235 -0
- package/dist/empty.js +0 -0
- package/dist/features/actions.js +6 -6
- package/dist/features/activities.js +219 -216
- package/dist/features/ai-chat.js +593 -565
- package/dist/features/async-preview.js +105 -286
- package/dist/features/combobox.js +328 -314
- package/dist/features/comments.js +1 -1
- package/dist/features/data-view.js +56 -55
- package/dist/features/event-calendar.js +189 -185
- package/dist/features/filters.js +1 -1
- package/dist/features/global-search.js +259 -260
- package/dist/features/kanban.js +39 -37
- package/dist/features/map.js +357 -354
- package/dist/features/media-library.js +931 -931
- package/dist/features/mentions.js +1 -1
- package/dist/features/overlays.js +1 -1
- package/dist/features/products.js +950 -942
- package/dist/features/resource-assignment.js +39 -37
- package/dist/features/resource.js +70 -71
- package/dist/features/rich-text-editor.js +2 -2
- package/dist/features/schema-form.js +342 -338
- package/dist/features/sync.js +14 -12
- package/dist/features/table.js +1 -1
- package/dist/features/theme-tweaker.js +1002 -962
- package/dist/feedback-D4qVsKlD.js +430 -0
- package/dist/{filters-DOLKRSmb.js → filters-BhsTkWpZ.js} +386 -383
- package/dist/forms-C0WeNPFF.js +250 -0
- package/dist/forms-numeric-IwQ1ltNf.js +582 -0
- package/dist/hooks/use-native-dialog.d.ts +1 -1
- package/dist/index.js +2 -2
- package/dist/input-group-HS_Z0Ei_.js +119 -0
- package/dist/item-M2pmpWXh.js +150 -0
- package/dist/{label-DumoMDm6.js → label-HOBXAscw.js} +7 -5
- package/dist/layout/app-shell.js +4 -2
- package/dist/layout/auth.js +102 -100
- package/dist/layout/header.js +190 -180
- package/dist/layout/navigation.js +1 -1
- package/dist/layout/page.js +18 -16
- package/dist/layout/settings.js +2 -2
- package/dist/layout/sidebar.js +50 -46
- package/dist/layout/workspace.js +71 -69
- package/dist/lib/action-presentation.d.ts +3 -3
- package/dist/lib/component-vocabulary.d.ts +2 -2
- package/dist/lib/css-length.d.ts +2 -0
- package/dist/lib/responsive.d.ts +1 -1
- package/dist/lib/theming/index.d.ts +1 -0
- package/dist/lib/theming/recipes.d.ts +2 -2
- package/dist/lib/theming/themes/dense.d.ts +3 -0
- package/dist/lib/theming/themes/editorial.d.ts +3 -0
- package/dist/lib/theming/themes/index.d.ts +8 -0
- package/dist/lib/theming/themes/pair.d.ts +7 -0
- package/dist/lib/theming/themes/sharp.d.ts +3 -0
- package/dist/lib/theming/themes/soft.d.ts +3 -0
- package/dist/lib/theming/themes/types.d.ts +12 -0
- package/dist/lib/ui-provider/index.d.ts +1 -1
- package/dist/lib/ui-provider/scope.d.ts +5 -8
- package/dist/lib/ui-provider/tokens.d.ts +11 -3
- package/dist/lib/ui-provider/tokens.generated.d.ts +6 -4
- package/dist/lib/ui-provider/types.d.ts +17 -19
- package/dist/lib/ui-provider/ui-scope.d.ts +1 -1
- package/dist/{mentions-BbsEHlcH.js → mentions-BOxbigwp.js} +113 -111
- package/dist/navigation-Bgu7Vc0M.js +622 -0
- package/dist/navigation-DiYACqpE.js +216 -0
- package/dist/overlay-BuQOl8aP.js +356 -0
- package/dist/{overlays-DvVoS3td.js → overlays-1sULyytH.js} +77 -75
- package/dist/popover-CA7SP_iz.js +127 -0
- package/dist/popover-menu-QXgQeWeG.js +192 -0
- package/dist/{primitives-D0bdDozz.js → primitives-BskKlf35.js} +181 -178
- package/dist/primitives.js +1 -1
- package/dist/profiles/admin.json +6 -36
- package/dist/profiles/general.json +6 -96
- package/dist/repeaters-CeH20dvr.js +445 -0
- package/dist/rich-text-editor-D_Ppm8yh.js +491 -0
- package/dist/{sheet-CKcmRbJ9.js → sheet-CJ1-OAla.js} +3 -3
- package/dist/sidebar-D8uGqxio.js +421 -0
- package/dist/skeleton-BTKNKTdj.js +173 -0
- package/dist/spinner-Tc1QCnxM.js +30 -0
- package/dist/{structure-D0WGQAP3.js → structure-CynEZ-OY.js} +15 -23
- package/dist/style.css +1 -1
- package/dist/styles/TOKENS.md +116 -275
- package/dist/styles/animation.css +114 -0
- package/dist/styles/base.css +7 -6
- package/dist/styles/fields.css +45 -63
- package/dist/styles/focus.css +12 -0
- package/dist/styles/forced-colors.css +11 -10
- package/dist/styles/index.css +23 -30
- package/dist/styles/map.css +45 -34
- package/dist/styles/mentions.css +14 -52
- package/dist/styles/overlays.css +7 -7
- package/dist/styles/tailwind.css +76 -127
- package/dist/styles/targets.css +3 -3
- package/dist/styles/theme/colour.css +86 -0
- package/dist/styles/theme/density.css +31 -0
- package/dist/styles/theme/elevation.css +9 -0
- package/dist/styles/theme/layout.css +18 -0
- package/dist/styles/theme/motion.css +18 -0
- package/dist/styles/theme/shape.css +12 -0
- package/dist/styles/theme/size.css +10 -0
- package/dist/styles/theme/spacing.css +11 -0
- package/dist/styles/theme/typography.css +20 -0
- package/dist/styles/tone.css +61 -0
- package/dist/table-B7dtIFUx.js +1262 -0
- package/dist/table-Ds_eO9av.js +191 -0
- package/dist/tailwind.css +76 -127
- package/dist/text-inputs-BboE77nZ.js +395 -0
- package/dist/theming-C5ygF5uf.js +292 -0
- package/dist/theming.js +2 -2
- package/dist/{timeline-BdaGRyj-.js → timeline-BR_jNgvz.js} +57 -49
- package/dist/{timelines-BB7550mz.js → timelines-DXG1BfIN.js} +69 -67
- package/dist/{toaster-bBMgXm8z.js → toaster-CXL8L7Mm.js} +106 -99
- package/dist/tokens.json +1027 -636
- package/dist/toolbar-DBK-c4yy.js +74 -0
- package/dist/tooltip-BPYP-jUm.js +76 -0
- package/dist/{typography-BkxEiwQ1.js → typography-DmeR05Er.js} +87 -53
- package/dist/{ui-provider-Cmoq6i_D.js → ui-provider-DpzLUD12.js} +117 -69
- package/dist/ui-provider.js +1 -1
- package/dist/upload-CYuoJykZ.js +968 -0
- package/dist/use-async-preview-BFwf9ElY.js +188 -0
- package/dist/value-inputs-ng8aVJJZ.js +728 -0
- package/docs/README.md +13 -3
- package/docs/build/browser-composition-fixture.ts +28 -0
- package/docs/build/recipes.md +11484 -10723
- package/docs/generated/component-index.json +9809 -9169
- package/docs/generated/components/INDEX.md +5 -5
- package/docs/generated/components/base--accordion.md +51 -2
- package/docs/generated/components/base--action-menu.md +14 -15
- package/docs/generated/components/base--alert-dialog.md +3 -4
- package/docs/generated/components/base--aspect-ratio.md +3 -4
- package/docs/generated/components/base--avatar.md +7 -7
- package/docs/generated/components/base--badge.md +159 -27
- package/docs/generated/components/base--batch-action-bar.md +6 -7
- package/docs/generated/components/base--buttons.md +151 -47
- package/docs/generated/components/base--cards.md +107 -14
- package/docs/generated/components/base--carousel.md +1 -2
- package/docs/generated/components/base--chart.md +44 -8
- package/docs/generated/components/base--choice-inputs.md +10 -11
- package/docs/generated/components/base--combobox.md +3 -4
- package/docs/generated/components/base--command.md +6 -6
- package/docs/generated/components/base--context-menu.md +1 -2
- package/docs/generated/components/base--copyable.md +6 -7
- package/docs/generated/components/base--date-pickers.md +6 -7
- package/docs/generated/components/base--dialog.md +6 -7
- package/docs/generated/components/base--direction.md +1 -1
- package/docs/generated/components/base--display.md +234 -54
- package/docs/generated/components/base--dropdown-menu.md +6 -7
- package/docs/generated/components/base--feedback.md +71 -18
- package/docs/generated/components/base--forms-numeric.md +6 -7
- package/docs/generated/components/base--forms.md +84 -14
- package/docs/generated/components/base--hover-card.md +3 -4
- package/docs/generated/components/base--input-group.md +27 -30
- package/docs/generated/components/base--item.md +8 -9
- package/docs/generated/components/base--label.md +2 -3
- package/docs/generated/components/base--menubar.md +2 -4
- package/docs/generated/components/base--navigation-menu.md +2 -3
- package/docs/generated/components/base--navigation.md +2 -3
- package/docs/generated/components/base--otp-input.md +3 -4
- package/docs/generated/components/base--overlay.md +56 -47
- package/docs/generated/components/base--popover-menu.md +7 -8
- package/docs/generated/components/base--popover.md +9 -10
- package/docs/generated/components/base--qr-code.md +7 -8
- package/docs/generated/components/base--repeaters.md +6 -7
- package/docs/generated/components/base--resizable.md +2 -3
- package/docs/generated/components/base--sheet.md +12 -13
- package/docs/generated/components/base--sidebar.md +9 -11
- package/docs/generated/components/base--skeleton.md +6 -7
- package/docs/generated/components/base--slot.md +1 -1
- package/docs/generated/components/base--spinner.md +5 -7
- package/docs/generated/components/base--structure.md +320 -70
- package/docs/generated/components/base--table.md +61 -3
- package/docs/generated/components/base--text-inputs.md +17 -18
- package/docs/generated/components/base--timeline.md +45 -4
- package/docs/generated/components/base--toaster.md +43 -12
- package/docs/generated/components/base--toggle.md +11 -12
- package/docs/generated/components/base--toolbar.md +7 -8
- package/docs/generated/components/base--tooltip.md +5 -6
- package/docs/generated/components/base--typography.md +317 -32
- package/docs/generated/components/base--upload.md +8 -9
- package/docs/generated/components/base--value-inputs.md +9 -38
- package/docs/generated/components/{admin--patterns--access.md → blocks--admin--access.md} +15 -6
- package/docs/generated/components/{admin--patterns--commerce.md → blocks--admin--commerce.md} +40 -41
- package/docs/generated/components/{patterns--analytics.md → blocks--analytics.md} +57 -14
- package/docs/generated/components/{patterns--onboarding.md → blocks--onboarding.md} +6 -7
- package/docs/generated/components/{patterns--timelines.md → blocks--timelines.md} +6 -7
- package/docs/generated/components/features--actions.md +8 -18
- package/docs/generated/components/features--activities.md +31 -32
- package/docs/generated/components/features--ai-chat.md +15 -15
- package/docs/generated/components/features--async-preview.md +5 -6
- package/docs/generated/components/features--combobox.md +71 -5
- package/docs/generated/components/features--comments.md +0 -1
- package/docs/generated/components/features--data-view.md +63 -8
- package/docs/generated/components/features--event-calendar.md +1 -2
- package/docs/generated/components/features--filters.md +11 -2
- package/docs/generated/components/features--global-search.md +1 -2
- package/docs/generated/components/features--kanban.md +1 -2
- package/docs/generated/components/features--map.md +1 -2
- package/docs/generated/components/features--media-library.md +105 -38
- package/docs/generated/components/features--mentions.md +7 -7
- package/docs/generated/components/features--overlays.md +75 -22
- package/docs/generated/components/features--products.md +10 -11
- package/docs/generated/components/features--resource-assignment.md +2 -3
- package/docs/generated/components/features--resource.md +3 -4
- package/docs/generated/components/features--rich-text-editor.md +42 -13
- package/docs/generated/components/features--schema-form.md +1 -2
- package/docs/generated/components/features--sync.md +2 -3
- package/docs/generated/components/features--table.md +162 -12
- package/docs/generated/components/features--theme-tweaker.md +30 -15
- package/docs/generated/components/forms.md +2 -2
- package/docs/generated/components/layout--app-shell.md +41 -11
- package/docs/generated/components/layout--auth.md +8 -9
- package/docs/generated/components/layout--containers.md +40 -1
- package/docs/generated/components/layout--header.md +2 -3
- package/docs/generated/components/layout--navigation.md +0 -1
- package/docs/generated/components/layout--page.md +33 -5
- package/docs/generated/components/layout--settings.md +0 -1
- package/docs/generated/components/layout--sidebar.md +47 -7
- package/docs/generated/components/layout--workspace.md +3 -4
- package/docs/generated/components/primitives.md +128 -17
- package/docs/generated/components/theming.md +147 -4
- package/docs/generated/components/ui-provider.md +96 -78
- package/docs/generated/composition-ladder.md +8 -8
- package/docs/generated/consumer-contract.json +5736 -0
- package/docs/generated/imports.md +104 -104
- package/docs/generated/migration-broad-imports.json +267 -90
- package/docs/generated/migration-broad-imports.md +266 -101
- package/docs/generated/migration-codemod.json +365 -70
- package/docs/generated/migration.md +665 -95
- package/docs/generated/profiles.md +27 -27
- package/docs/generated/public-api.md +104 -102
- package/docs/generated/recipes.json +755 -810
- package/docs/generated/workflows/communications-overview/analytics/communications-reference.tsx +19 -0
- package/docs/generated/workflows/index.json +691 -0
- package/docs/generated/workflows/media-picking/media-library/media-picking-reference.tsx +63 -0
- package/docs/generated/workflows/media-picking/media-library/reference-data.ts +3 -0
- package/docs/generated/workflows/multi-section-form/form-workflow/multi-section-reference.tsx +46 -0
- package/docs/generated/workflows/nested-action-flow/action-overlays/nested-action-reference.tsx +39 -0
- package/docs/generated/workflows/record-detail/page-layout/record-detail-reference.tsx +24 -0
- package/docs/generated/workflows/resource-index/data-view/resource-index-reference.tsx +51 -0
- package/docs/generated/workflows/scoped-resource-selection/combobox/scoped-resource-reference.tsx +50 -0
- package/docs/generated/workflows/website-content-editor/media-library/reference-data.ts +3 -0
- package/docs/generated/workflows/website-content-editor/rich-text-editor/website-content-reference.tsx +33 -0
- package/docs/generated/workflows/workspace-navigation/app-shell/workspace-navigation-reference.tsx +26 -0
- package/docs/learn/api-compatibility.md +5 -4
- package/docs/learn/blocks.md +123 -0
- package/docs/learn/composition.md +100 -19
- package/docs/learn/forms.md +23 -3
- package/docs/learn/framework-wiring.md +41 -13
- package/docs/learn/i18n.md +4 -2
- package/docs/learn/installation.md +60 -31
- package/docs/learn/migration.md +156 -5
- package/docs/learn/provider-and-scoping.md +37 -25
- package/docs/learn/reference-workflows.md +43 -0
- package/docs/learn/structure-and-spacing.md +147 -0
- package/docs/learn/theming.md +174 -131
- package/docs/learn/troubleshooting.md +88 -30
- package/docs/learn/verification.md +60 -5
- package/package.json +42 -473
- package/scripts/consumer/codemod.mjs +50 -32
- package/scripts/consumer/contract-reader.mjs +42 -0
- package/scripts/consumer/css-scan.mjs +51 -0
- package/scripts/consumer/diagnose.mjs +136 -0
- package/scripts/consumer/find-component.mjs +30 -17
- package/scripts/consumer/install-skill.mjs +93 -11
- package/src/styles/TOKENS.md +116 -275
- package/dist/accordion-6YPJ9XRO.js +0 -135
- package/dist/admin/patterns/access.css +0 -15
- package/dist/admin/patterns/commerce.css +0 -29
- package/dist/admin/patterns/commerce.js +0 -2493
- package/dist/avatar-CS7zow2q.js +0 -85
- package/dist/badge-CxOuTfVr.js +0 -63
- package/dist/base/accordion.css +0 -3
- package/dist/base/action-menu.css +0 -6
- package/dist/base/alert-dialog.css +0 -4
- package/dist/base/aspect-ratio.css +0 -2
- package/dist/base/avatar.css +0 -4
- package/dist/base/badge.css +0 -2
- package/dist/base/batch-action-bar.css +0 -5
- package/dist/base/buttons.css +0 -4
- package/dist/base/cards.css +0 -13
- package/dist/base/carousel.css +0 -5
- package/dist/base/chart.css +0 -2
- package/dist/base/choice-inputs.css +0 -10
- package/dist/base/combobox.css +0 -3
- package/dist/base/command.css +0 -9
- package/dist/base/context-menu.css +0 -2
- package/dist/base/copyable.css +0 -6
- package/dist/base/date-pickers.css +0 -11
- package/dist/base/dialog.css +0 -4
- package/dist/base/display.css +0 -8
- package/dist/base/dropdown-menu.css +0 -2
- package/dist/base/feedback.css +0 -5
- package/dist/base/forms-numeric.css +0 -12
- package/dist/base/forms.css +0 -14
- package/dist/base/hover-card.css +0 -2
- package/dist/base/input-group.css +0 -6
- package/dist/base/item.css +0 -9
- package/dist/base/label.css +0 -3
- package/dist/base/menubar.css +0 -2
- package/dist/base/navigation-menu.css +0 -2
- package/dist/base/navigation.css +0 -12
- package/dist/base/otp-input.css +0 -9
- package/dist/base/overlay.css +0 -4
- package/dist/base/popover-menu.css +0 -11
- package/dist/base/popover.css +0 -3
- package/dist/base/qr-code.css +0 -2
- package/dist/base/repeaters.css +0 -18
- package/dist/base/resizable.css +0 -2
- package/dist/base/sheet.css +0 -4
- package/dist/base/sidebar.css +0 -12
- package/dist/base/skeleton.css +0 -9
- package/dist/base/spinner.css +0 -2
- package/dist/base/structure.css +0 -2
- package/dist/base/table.css +0 -3
- package/dist/base/text-inputs.css +0 -2
- package/dist/base/timeline.css +0 -9
- package/dist/base/toaster.css +0 -2
- package/dist/base/toggle.css +0 -2
- package/dist/base/toolbar.css +0 -5
- package/dist/base/tooltip.css +0 -2
- package/dist/base/typography.css +0 -2
- package/dist/base/upload.css +0 -10
- package/dist/base/value-inputs.css +0 -14
- package/dist/buttons-CqXKWty3.js +0 -179
- package/dist/cards-C6Ulbkw7.js +0 -271
- package/dist/chart-nomhJ87z.js +0 -193
- package/dist/choice-inputs-OUDn0kQw.js +0 -680
- package/dist/combobox-C8oP92bT.js +0 -266
- package/dist/command-Bp3B6pUu.js +0 -143
- package/dist/comments-CAnDlyXO.js +0 -1438
- package/dist/components/admin/patterns/index.d.ts +0 -2
- package/dist/components/features/rich-text-editor/exec-command-engine.d.ts +0 -2
- package/dist/components/patterns/index.d.ts +0 -3
- package/dist/css/styles.css +0 -1
- package/dist/date-pickers-DOwIT-Nk.js +0 -661
- package/dist/display-B3Q17h5z.js +0 -645
- package/dist/dropdown-menu-TyNLCLML.js +0 -223
- package/dist/features/actions.css +0 -11
- package/dist/features/activities.css +0 -25
- package/dist/features/ai-chat.css +0 -14
- package/dist/features/async-preview.css +0 -10
- package/dist/features/combobox.css +0 -12
- package/dist/features/comments.css +0 -24
- package/dist/features/data-view.css +0 -31
- package/dist/features/event-calendar.css +0 -17
- package/dist/features/filters.css +0 -24
- package/dist/features/global-search.css +0 -19
- package/dist/features/kanban.css +0 -7
- package/dist/features/map.css +0 -15
- package/dist/features/media-library.css +0 -27
- package/dist/features/mentions.css +0 -17
- package/dist/features/overlays.css +0 -11
- package/dist/features/products.css +0 -29
- package/dist/features/resource-assignment.css +0 -14
- package/dist/features/resource.css +0 -15
- package/dist/features/rich-text-editor.css +0 -8
- package/dist/features/schema-form.css +0 -22
- package/dist/features/sync.css +0 -11
- package/dist/features/table.css +0 -20
- package/dist/features/theme-tweaker.css +0 -27
- package/dist/feedback-DRerHGuV.js +0 -469
- package/dist/forms-CPrGGif_.js +0 -242
- package/dist/forms-numeric-CPVsL7Vf.js +0 -569
- package/dist/index.css +0 -3
- package/dist/input-group-BYe0rhoB.js +0 -126
- package/dist/item-B3yQ26as.js +0 -146
- package/dist/layout/app-shell.css +0 -13
- package/dist/layout/auth.css +0 -14
- package/dist/layout/containers.css +0 -2
- package/dist/layout/header.css +0 -20
- package/dist/layout/navigation.css +0 -11
- package/dist/layout/page.css +0 -15
- package/dist/layout/settings.css +0 -16
- package/dist/layout/sidebar.css +0 -16
- package/dist/layout/workspace.css +0 -15
- package/dist/navigation-CsqTA16F.js +0 -614
- package/dist/navigation-DzxzPuwg.js +0 -202
- package/dist/overlay-WQOsLd69.js +0 -345
- package/dist/patterns/analytics.css +0 -15
- package/dist/patterns/onboarding.css +0 -11
- package/dist/patterns/timelines.css +0 -11
- package/dist/popover-DriLnIFc.js +0 -123
- package/dist/popover-menu-C2UCMAe7.js +0 -189
- package/dist/primitives.css +0 -3
- package/dist/repeaters-DuP1N0nw.js +0 -438
- package/dist/rich-text-editor-BQXFe9oN.js +0 -595
- package/dist/sidebar-D0N6ckJL.js +0 -412
- package/dist/skeleton-DGR9df28.js +0 -172
- package/dist/spinner-CUAVFecI.js +0 -52
- package/dist/styles/FACTORS.md +0 -36
- package/dist/styles/SCOPES.md +0 -86
- package/dist/styles/themes/default.css +0 -164
- package/dist/styles/theming/animation.css +0 -143
- package/dist/styles/theming/colors.css +0 -97
- package/dist/styles/theming/feedback.css +0 -17
- package/dist/styles/theming/field.css +0 -21
- package/dist/styles/theming/focus.css +0 -88
- package/dist/styles/theming/layers.css +0 -13
- package/dist/styles/theming/layout.css +0 -21
- package/dist/styles/theming/motion.css +0 -42
- package/dist/styles/theming/overlay.css +0 -52
- package/dist/styles/theming/sizing.css +0 -118
- package/dist/styles/theming/text.css +0 -30
- package/dist/styles/theming/typography.css +0 -26
- package/dist/styles/tokens/components.css +0 -22
- package/dist/styles/tokens/foundation.css +0 -80
- package/dist/styles/tokens/layout.css +0 -19
- package/dist/styles/tokens/palette.css +0 -88
- package/dist/styles/tokens/primitives.css +0 -18
- package/dist/styles/tokens/states.css +0 -77
- package/dist/table-BC4qqsUb.js +0 -180
- package/dist/table-BHDpjajL.js +0 -982
- package/dist/text-inputs-DF_lD7pA.js +0 -385
- package/dist/theming-D6KRU7hO.js +0 -104
- package/dist/toolbar-DWRywF0R.js +0 -68
- package/dist/tooltip-t1VQQ2tZ.js +0 -73
- package/dist/upload-B38YZeFJ.js +0 -938
- package/dist/value-inputs-Q4ymjXlV.js +0 -716
- package/src/styles/FACTORS.md +0 -36
- package/src/styles/SCOPES.md +0 -86
- /package/dist/components/{admin/patterns → blocks/admin}/access/admin.strings.d.ts +0 -0
- /package/dist/components/{admin/patterns → blocks/admin}/access/credential-list.d.ts +0 -0
- /package/dist/components/{admin/patterns → blocks/admin}/access/index.d.ts +0 -0
- /package/dist/components/{admin/patterns → blocks/admin}/access/role-permissions.d.ts +0 -0
- /package/dist/components/{admin/patterns → blocks/admin}/access/sensitive-action.d.ts +0 -0
- /package/dist/components/{admin/patterns → blocks/admin}/commerce/account.d.ts +0 -0
- /package/dist/components/{admin/patterns → blocks/admin}/commerce/address-lines.d.ts +0 -0
- /package/dist/components/{admin/patterns → blocks/admin}/commerce/booking.d.ts +0 -0
- /package/dist/components/{admin/patterns → blocks/admin}/commerce/cart.d.ts +0 -0
- /package/dist/components/{admin/patterns → blocks/admin}/commerce/commerce.strings.d.ts +0 -0
- /package/dist/components/{admin/patterns → blocks/admin}/commerce/commerce.types.d.ts +0 -0
- /package/dist/components/{admin/patterns → blocks/admin}/commerce/format-amount.d.ts +0 -0
- /package/dist/components/{admin/patterns → blocks/admin}/commerce/index.d.ts +0 -0
- /package/dist/components/{admin/patterns → blocks/admin}/commerce/inventory-section.d.ts +0 -0
- /package/dist/components/{admin/patterns → blocks/admin}/commerce/invoice.d.ts +0 -0
- /package/dist/components/{admin/patterns → blocks/admin}/commerce/loyalty.d.ts +0 -0
- /package/dist/components/{admin/patterns → blocks/admin}/commerce/order-customer.d.ts +0 -0
- /package/dist/components/{admin/patterns → blocks/admin}/commerce/order-detail.d.ts +0 -0
- /package/dist/components/{admin/patterns → blocks/admin}/commerce/order-line-item.d.ts +0 -0
- /package/dist/components/{admin/patterns → blocks/admin}/commerce/order-transactions.d.ts +0 -0
- /package/dist/components/{admin/patterns → blocks/admin}/commerce/order.d.ts +0 -0
- /package/dist/components/{admin/patterns → blocks/admin}/commerce/seo-listing.d.ts +0 -0
- /package/dist/components/{admin/patterns → blocks/admin}/commerce/seo-score.d.ts +0 -0
- /package/dist/components/{admin/patterns → blocks/admin}/commerce/summary-panel.d.ts +0 -0
- /package/dist/components/{patterns → blocks}/analytics/activity-heatmap.d.ts +0 -0
- /package/dist/components/{patterns → blocks}/analytics/analytics.types.d.ts +0 -0
- /package/dist/components/{patterns → blocks}/analytics/chart-card.d.ts +0 -0
- /package/dist/components/{patterns → blocks}/analytics/format-metric-value.d.ts +0 -0
- /package/dist/components/{patterns → blocks}/analytics/index.d.ts +0 -0
- /package/dist/components/{patterns → blocks}/analytics/metric-bar.d.ts +0 -0
- /package/dist/components/{patterns → blocks}/analytics/metric-comparison.d.ts +0 -0
- /package/dist/components/{patterns → blocks}/analytics/metric-gradient.d.ts +0 -0
- /package/dist/components/{patterns → blocks}/analytics/metric-grid.d.ts +0 -0
- /package/dist/components/{patterns → blocks}/analytics/metric-micro-grid.d.ts +0 -0
- /package/dist/components/{patterns → blocks}/analytics/metric-skeleton.d.ts +0 -0
- /package/dist/components/{patterns → blocks}/analytics/metric-trend-chip.d.ts +0 -0
- /package/dist/components/{patterns → blocks}/analytics/metric.d.ts +0 -0
- /package/dist/components/{patterns → blocks}/analytics/time-ruler.d.ts +0 -0
- /package/dist/components/{patterns → blocks}/onboarding/checklist.d.ts +0 -0
- /package/dist/components/{patterns → blocks}/onboarding/index.d.ts +0 -0
- /package/dist/components/{patterns → blocks}/onboarding/onboarding.strings.d.ts +0 -0
- /package/dist/components/{patterns → blocks}/timelines/changelog-timeline.d.ts +0 -0
- /package/dist/components/{patterns → blocks}/timelines/index.d.ts +0 -0
- /package/dist/components/{patterns → blocks}/timelines/milestones-timeline.d.ts +0 -0
- /package/dist/components/{patterns → blocks}/timelines/steps.d.ts +0 -0
- /package/dist/components/{patterns → blocks}/timelines/timelines.strings.d.ts +0 -0
- /package/dist/styles/{theming/breakpoints.css → breakpoints.css} +0 -0
package/dist/css/structure.css
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
@layer components{.structure__stack___zDQDB{--stack-max-width-base:initial;--stack-max-width-sm:initial;--stack-max-width-md:initial;--stack-max-width-lg:initial;--stack-max-width-xl:initial;--stack-max-width-2xl:initial;--stack-direction-base:initial;--stack-direction-sm:initial;--stack-direction-md:initial;--stack-direction-lg:initial;--stack-direction-xl:initial;--stack-direction-2xl:initial;--stack-gap-base:initial;--stack-gap-sm:initial;--stack-gap-md:initial;--stack-gap-lg:initial;--stack-gap-xl:initial;--stack-gap-2xl:initial;--stack-align-base:initial;--stack-align-sm:initial;--stack-align-md:initial;--stack-align-lg:initial;--stack-align-xl:initial;--stack-align-2xl:initial;--stack-justify-base:initial;--stack-justify-sm:initial;--stack-justify-md:initial;--stack-justify-lg:initial;--stack-justify-xl:initial;--stack-justify-2xl:initial;--stack-wrap-base:initial;--stack-wrap-sm:initial;--stack-wrap-md:initial;--stack-wrap-lg:initial;--stack-wrap-xl:initial;--stack-wrap-2xl:initial;flex-direction:var(--stack-direction-base,column);gap:var(--stack-gap-base,var(--space-md));align-items:var(--stack-align-base,stretch);justify-content:var(--stack-justify-base,flex-start);flex-wrap:var(--stack-wrap-base,nowrap);max-width:var(--stack-max-width-base,none);min-width:0;display:flex}@media (width>=40rem){.structure__stack___zDQDB{flex-direction:var(--stack-direction-sm,var(--stack-direction-base,column));gap:var(--stack-gap-sm,var(--stack-gap-base,var(--space-md)));align-items:var(--stack-align-sm,var(--stack-align-base,stretch));justify-content:var(--stack-justify-sm,var(--stack-justify-base,flex-start));max-width:var(--stack-max-width-sm,var(--stack-max-width-base,none));flex-wrap:var(--stack-wrap-sm,var(--stack-wrap-base,nowrap))}}@media (width>=48rem){.structure__stack___zDQDB{flex-direction:var(--stack-direction-md,var(--stack-direction-sm,var(--stack-direction-base,column)));gap:var(--stack-gap-md,var(--stack-gap-sm,var(--stack-gap-base,var(--space-md))));align-items:var(--stack-align-md,var(--stack-align-sm,var(--stack-align-base,stretch)));justify-content:var(--stack-justify-md,var(--stack-justify-sm,var(--stack-justify-base,flex-start)));max-width:var(--stack-max-width-md,var(--stack-max-width-sm,var(--stack-max-width-base,none)));flex-wrap:var(--stack-wrap-md,var(--stack-wrap-sm,var(--stack-wrap-base,nowrap)))}}@media (width>=64rem){.structure__stack___zDQDB{flex-direction:var(--stack-direction-lg,var(--stack-direction-md,var(--stack-direction-sm,var(--stack-direction-base,column))));gap:var(--stack-gap-lg,var(--stack-gap-md,var(--stack-gap-sm,var(--stack-gap-base,var(--space-md)))));align-items:var(--stack-align-lg,var(--stack-align-md,var(--stack-align-sm,var(--stack-align-base,stretch))));justify-content:var(--stack-justify-lg,var(--stack-justify-md,var(--stack-justify-sm,var(--stack-justify-base,flex-start))));max-width:var(--stack-max-width-lg,var(--stack-max-width-md,var(--stack-max-width-sm,var(--stack-max-width-base,none))));flex-wrap:var(--stack-wrap-lg,var(--stack-wrap-md,var(--stack-wrap-sm,var(--stack-wrap-base,nowrap))))}}@media (width>=80rem){.structure__stack___zDQDB{flex-direction:var(--stack-direction-xl,var(--stack-direction-lg,var(--stack-direction-md,var(--stack-direction-sm,var(--stack-direction-base,column)))));gap:var(--stack-gap-xl,var(--stack-gap-lg,var(--stack-gap-md,var(--stack-gap-sm,var(--stack-gap-base,var(--space-md))))));align-items:var(--stack-align-xl,var(--stack-align-lg,var(--stack-align-md,var(--stack-align-sm,var(--stack-align-base,stretch)))));justify-content:var(--stack-justify-xl,var(--stack-justify-lg,var(--stack-justify-md,var(--stack-justify-sm,var(--stack-justify-base,flex-start)))));max-width:var(--stack-max-width-xl,var(--stack-max-width-lg,var(--stack-max-width-md,var(--stack-max-width-sm,var(--stack-max-width-base,none)))));flex-wrap:var(--stack-wrap-xl,var(--stack-wrap-lg,var(--stack-wrap-md,var(--stack-wrap-sm,var(--stack-wrap-base,nowrap)))))}}@media (width>=96rem){.structure__stack___zDQDB{flex-direction:var(--stack-direction-2xl,var(--stack-direction-xl,var(--stack-direction-lg,var(--stack-direction-md,var(--stack-direction-sm,var(--stack-direction-base,column))))));gap:var(--stack-gap-2xl,var(--stack-gap-xl,var(--stack-gap-lg,var(--stack-gap-md,var(--stack-gap-sm,var(--stack-gap-base,var(--space-md)))))));align-items:var(--stack-align-2xl,var(--stack-align-xl,var(--stack-align-lg,var(--stack-align-md,var(--stack-align-sm,var(--stack-align-base,stretch))))));justify-content:var(--stack-justify-2xl,var(--stack-justify-xl,var(--stack-justify-lg,var(--stack-justify-md,var(--stack-justify-sm,var(--stack-justify-base,flex-start))))));max-width:var(--stack-max-width-2xl,var(--stack-max-width-xl,var(--stack-max-width-lg,var(--stack-max-width-md,var(--stack-max-width-sm,var(--stack-max-width-base,none))))));flex-wrap:var(--stack-wrap-2xl,var(--stack-wrap-xl,var(--stack-wrap-lg,var(--stack-wrap-md,var(--stack-wrap-sm,var(--stack-wrap-base,nowrap))))))}}.structure__grid___vUgAr{--grid-max-width-base:initial;--grid-max-width-sm:initial;--grid-max-width-md:initial;--grid-max-width-lg:initial;--grid-max-width-xl:initial;--grid-max-width-2xl:initial;--grid-columns-base:initial;--grid-columns-sm:initial;--grid-columns-md:initial;--grid-columns-lg:initial;--grid-columns-xl:initial;--grid-columns-2xl:initial;--grid-gap-base:initial;--grid-gap-sm:initial;--grid-gap-md:initial;--grid-gap-lg:initial;--grid-gap-xl:initial;--grid-gap-2xl:initial;--grid-row-gap-base:initial;--grid-row-gap-sm:initial;--grid-row-gap-md:initial;--grid-row-gap-lg:initial;--grid-row-gap-xl:initial;--grid-row-gap-2xl:initial;--grid-column-gap-base:initial;--grid-column-gap-sm:initial;--grid-column-gap-md:initial;--grid-column-gap-lg:initial;--grid-column-gap-xl:initial;--grid-column-gap-2xl:initial;--grid-align-base:initial;--grid-align-sm:initial;--grid-align-md:initial;--grid-align-lg:initial;--grid-align-xl:initial;--grid-align-2xl:initial;grid-template-columns:repeat(var(--grid-columns-base,1), minmax(0, 1fr));gap:var(--grid-gap-base,var(--space-xl));row-gap:var(--grid-row-gap-base,var(--grid-gap-base,var(--space-xl)));column-gap:var(--grid-column-gap-base,var(--grid-gap-base,var(--space-xl)));align-items:var(--grid-align-base,stretch);max-width:var(--grid-max-width-base,none);min-width:0;display:grid}@media (width>=40rem){.structure__grid___vUgAr{grid-template-columns:repeat(var(--grid-columns-sm,var(--grid-columns-base,1)), minmax(0, 1fr));gap:var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)));row-gap:var(--grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))));column-gap:var(--grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))));max-width:var(--grid-max-width-sm,var(--grid-max-width-base,none));align-items:var(--grid-align-sm,var(--grid-align-base,stretch))}}@media (width>=48rem){.structure__grid___vUgAr{grid-template-columns:repeat(var(--grid-columns-md,var(--grid-columns-sm,var(--grid-columns-base,2))), minmax(0, 1fr));gap:var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl))));row-gap:var(--grid-row-gap-md,var(--grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))))));column-gap:var(--grid-column-gap-md,var(--grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))))));max-width:var(--grid-max-width-md,var(--grid-max-width-sm,var(--grid-max-width-base,none)));align-items:var(--grid-align-md,var(--grid-align-sm,var(--grid-align-base,stretch)))}}@media (width>=64rem){.structure__grid___vUgAr{grid-template-columns:repeat(var(--grid-columns-lg,var(--grid-columns-md,var(--grid-columns-sm,var(--grid-columns-base,2)))), minmax(0, 1fr));gap:var(--grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))));row-gap:var(--grid-row-gap-lg,var(--grid-row-gap-md,var(--grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))))))));column-gap:var(--grid-column-gap-lg,var(--grid-column-gap-md,var(--grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))))))));max-width:var(--grid-max-width-lg,var(--grid-max-width-md,var(--grid-max-width-sm,var(--grid-max-width-base,none))));align-items:var(--grid-align-lg,var(--grid-align-md,var(--grid-align-sm,var(--grid-align-base,stretch))))}}@media (width>=80rem){.structure__grid___vUgAr{grid-template-columns:repeat(var(--grid-columns-xl,var(--grid-columns-lg,var(--grid-columns-md,var(--grid-columns-sm,var(--grid-columns-base,2))))), minmax(0, 1fr));gap:var(--grid-gap-xl,var(--grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl))))));row-gap:var(--grid-row-gap-xl,var(--grid-row-gap-lg,var(--grid-row-gap-md,var(--grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-xl,var(--grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))))))))));column-gap:var(--grid-column-gap-xl,var(--grid-column-gap-lg,var(--grid-column-gap-md,var(--grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-xl,var(--grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))))))))));max-width:var(--grid-max-width-xl,var(--grid-max-width-lg,var(--grid-max-width-md,var(--grid-max-width-sm,var(--grid-max-width-base,none)))));align-items:var(--grid-align-xl,var(--grid-align-lg,var(--grid-align-md,var(--grid-align-sm,var(--grid-align-base,stretch)))))}}@media (width>=96rem){.structure__grid___vUgAr{grid-template-columns:repeat(var(--grid-columns-2xl,var(--grid-columns-xl,var(--grid-columns-lg,var(--grid-columns-md,var(--grid-columns-sm,var(--grid-columns-base,2)))))), minmax(0, 1fr));gap:var(--grid-gap-2xl,var(--grid-gap-xl,var(--grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))))));row-gap:var(--grid-row-gap-2xl,var(--grid-row-gap-xl,var(--grid-row-gap-lg,var(--grid-row-gap-md,var(--grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-2xl,var(--grid-gap-xl,var(--grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))))))))))));column-gap:var(--grid-column-gap-2xl,var(--grid-column-gap-xl,var(--grid-column-gap-lg,var(--grid-column-gap-md,var(--grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-2xl,var(--grid-gap-xl,var(--grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))))))))))));max-width:var(--grid-max-width-2xl,var(--grid-max-width-xl,var(--grid-max-width-lg,var(--grid-max-width-md,var(--grid-max-width-sm,var(--grid-max-width-base,none))))));align-items:var(--grid-align-2xl,var(--grid-align-xl,var(--grid-align-lg,var(--grid-align-md,var(--grid-align-sm,var(--grid-align-base,stretch))))))}}@container (width>=0){.structure__grid___vUgAr{grid-template-columns:repeat(var(--grid-columns-base,1), minmax(0, 1fr));gap:var(--grid-gap-base,var(--space-xl));row-gap:var(--grid-row-gap-base,var(--grid-gap-base,var(--space-xl)));column-gap:var(--grid-column-gap-base,var(--grid-gap-base,var(--space-xl)));align-items:var(--grid-align-base,stretch);max-width:var(--grid-max-width-base,none)}}@container (width>=24rem){.structure__grid___vUgAr{grid-template-columns:repeat(var(--grid-columns-sm,var(--grid-columns-base,1)), minmax(0, 1fr));gap:var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)));row-gap:var(--grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))));column-gap:var(--grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))));max-width:var(--grid-max-width-sm,var(--grid-max-width-base,none));align-items:var(--grid-align-sm,var(--grid-align-base,stretch))}}@container (width>=32rem){.structure__grid___vUgAr{grid-template-columns:repeat(var(--grid-columns-md,var(--grid-columns-sm,var(--grid-columns-base,2))), minmax(0, 1fr));gap:var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl))));row-gap:var(--grid-row-gap-md,var(--grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))))));column-gap:var(--grid-column-gap-md,var(--grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))))));max-width:var(--grid-max-width-md,var(--grid-max-width-sm,var(--grid-max-width-base,none)));align-items:var(--grid-align-md,var(--grid-align-sm,var(--grid-align-base,stretch)))}}@container (width>=40rem){.structure__grid___vUgAr{grid-template-columns:repeat(var(--grid-columns-lg,var(--grid-columns-md,var(--grid-columns-sm,var(--grid-columns-base,2)))), minmax(0, 1fr));gap:var(--grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))));row-gap:var(--grid-row-gap-lg,var(--grid-row-gap-md,var(--grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))))))));column-gap:var(--grid-column-gap-lg,var(--grid-column-gap-md,var(--grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))))))));max-width:var(--grid-max-width-lg,var(--grid-max-width-md,var(--grid-max-width-sm,var(--grid-max-width-base,none))));align-items:var(--grid-align-lg,var(--grid-align-md,var(--grid-align-sm,var(--grid-align-base,stretch))))}}@container (width>=52rem){.structure__grid___vUgAr{grid-template-columns:repeat(var(--grid-columns-xl,var(--grid-columns-lg,var(--grid-columns-md,var(--grid-columns-sm,var(--grid-columns-base,2))))), minmax(0, 1fr));gap:var(--grid-gap-xl,var(--grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl))))));row-gap:var(--grid-row-gap-xl,var(--grid-row-gap-lg,var(--grid-row-gap-md,var(--grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-xl,var(--grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))))))))));column-gap:var(--grid-column-gap-xl,var(--grid-column-gap-lg,var(--grid-column-gap-md,var(--grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-xl,var(--grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))))))))));max-width:var(--grid-max-width-xl,var(--grid-max-width-lg,var(--grid-max-width-md,var(--grid-max-width-sm,var(--grid-max-width-base,none)))));align-items:var(--grid-align-xl,var(--grid-align-lg,var(--grid-align-md,var(--grid-align-sm,var(--grid-align-base,stretch)))))}}@container (width>=64rem){.structure__grid___vUgAr{grid-template-columns:repeat(var(--grid-columns-2xl,var(--grid-columns-xl,var(--grid-columns-lg,var(--grid-columns-md,var(--grid-columns-sm,var(--grid-columns-base,2)))))), minmax(0, 1fr));gap:var(--grid-gap-2xl,var(--grid-gap-xl,var(--grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))))));row-gap:var(--grid-row-gap-2xl,var(--grid-row-gap-xl,var(--grid-row-gap-lg,var(--grid-row-gap-md,var(--grid-row-gap-sm,var(--grid-row-gap-base,var(--grid-gap-2xl,var(--grid-gap-xl,var(--grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))))))))))));column-gap:var(--grid-column-gap-2xl,var(--grid-column-gap-xl,var(--grid-column-gap-lg,var(--grid-column-gap-md,var(--grid-column-gap-sm,var(--grid-column-gap-base,var(--grid-gap-2xl,var(--grid-gap-xl,var(--grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))))))))))));max-width:var(--grid-max-width-2xl,var(--grid-max-width-xl,var(--grid-max-width-lg,var(--grid-max-width-md,var(--grid-max-width-sm,var(--grid-max-width-base,none))))));align-items:var(--grid-align-2xl,var(--grid-align-xl,var(--grid-align-lg,var(--grid-align-md,var(--grid-align-sm,var(--grid-align-base,stretch))))))}}.structure__cell___EW5Rg{--cell-span-base:initial;--cell-span-sm:initial;--cell-span-md:initial;--cell-span-lg:initial;--cell-span-xl:initial;--cell-span-2xl:initial;grid-column:span var(--cell-span-base,1) / span var(--cell-span-base,1);min-width:0}@media (width>=40rem){.structure__cell___EW5Rg{grid-column:span var(--cell-span-sm,var(--cell-span-base,1)) / span var(--cell-span-sm,var(--cell-span-base,1))}}@media (width>=48rem){.structure__cell___EW5Rg{grid-column:span var(--cell-span-md,var(--cell-span-sm,var(--cell-span-base,1))) / span var(--cell-span-md,var(--cell-span-sm,var(--cell-span-base,1)))}}@media (width>=64rem){.structure__cell___EW5Rg{grid-column:span var(--cell-span-lg,var(--cell-span-md,var(--cell-span-sm,var(--cell-span-base,1)))) / span var(--cell-span-lg,var(--cell-span-md,var(--cell-span-sm,var(--cell-span-base,1))))}}@media (width>=80rem){.structure__cell___EW5Rg{grid-column:span var(--cell-span-xl,var(--cell-span-lg,var(--cell-span-md,var(--cell-span-sm,var(--cell-span-base,1))))) / span var(--cell-span-xl,var(--cell-span-lg,var(--cell-span-md,var(--cell-span-sm,var(--cell-span-base,1)))))}}@media (width>=96rem){.structure__cell___EW5Rg{grid-column:span var(--cell-span-2xl,var(--cell-span-xl,var(--cell-span-lg,var(--cell-span-md,var(--cell-span-sm,var(--cell-span-base,1)))))) / span var(--cell-span-2xl,var(--cell-span-xl,var(--cell-span-lg,var(--cell-span-md,var(--cell-span-sm,var(--cell-span-base,1))))))}}.structure__adaptive___nCFmW{--grid-columns-base:initial;--grid-columns-sm:initial;--grid-columns-md:initial;--grid-columns-lg:initial;--grid-columns-xl:initial;--grid-columns-2xl:initial;--grid-gap-base:initial;--grid-gap-sm:initial;--grid-gap-md:initial;--grid-gap-lg:initial;--grid-gap-xl:initial;--grid-gap-2xl:initial;--grid-row-gap-base:initial;--grid-row-gap-sm:initial;--grid-row-gap-md:initial;--grid-row-gap-lg:initial;--grid-row-gap-xl:initial;--grid-row-gap-2xl:initial;--grid-column-gap-base:initial;--grid-column-gap-sm:initial;--grid-column-gap-md:initial;--grid-column-gap-lg:initial;--grid-column-gap-xl:initial;--grid-column-gap-2xl:initial;--grid-align-base:initial;--grid-align-sm:initial;--grid-align-md:initial;--grid-align-lg:initial;--grid-align-xl:initial;--grid-align-2xl:initial;grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--adaptive-min,var(--adaptive-grid-min-md))), 1fr));gap:var(--grid-gap-base,var(--space-xl));align-items:var(--grid-align-base,stretch);min-width:0;display:grid}.structure__split___yHhiF{--split-width-base:initial;--split-width-sm:initial;--split-width-md:initial;--split-width-lg:initial;--split-width-xl:initial;--split-width-2xl:initial;--split-gap-base:initial;--split-gap-sm:initial;--split-gap-md:initial;--split-gap-lg:initial;--split-gap-xl:initial;--split-gap-2xl:initial;gap:var(--split-gap-base,var(--space-md));--split-w:var(--split-width-base,18rem);--split-cols:minmax(0, 1fr) minmax(0, var(--split-w));grid-template-columns:minmax(0,1fr);display:grid}.structure__split___yHhiF[data-side=start]{--split-cols:minmax(0, var(--split-w)) minmax(0, 1fr)}.structure__split___yHhiF[data-collapse=never]{grid-template-columns:var(--split-cols)}.structure__split___yHhiF[data-collapse=never][data-side=start]>:first-child{grid-area:1/2}.structure__split___yHhiF[data-collapse=never][data-side=start]>:last-child{grid-area:1/1}@media (width>=40rem){.structure__split___yHhiF{gap:var(--split-gap-sm,var(--split-gap-base,var(--space-md)));--split-w:var(--split-width-sm,var(--split-width-base,18rem))}.structure__split___yHhiF[data-collapse=sm]{grid-template-columns:var(--split-cols)}.structure__split___yHhiF[data-collapse=sm][data-side=start]>:first-child{grid-area:1/2}.structure__split___yHhiF[data-collapse=sm][data-side=start]>:last-child{grid-area:1/1}}@media (width>=48rem){.structure__split___yHhiF{gap:var(--split-gap-md,var(--split-gap-sm,var(--split-gap-base,var(--space-md))));--split-w:var(--split-width-md,var(--split-width-sm,var(--split-width-base,18rem)))}.structure__split___yHhiF[data-collapse=sm],.structure__split___yHhiF[data-collapse=md]{grid-template-columns:var(--split-cols)}.structure__split___yHhiF[data-collapse=sm][data-side=start]>:first-child,.structure__split___yHhiF[data-collapse=md][data-side=start]>:first-child{grid-area:1/2}.structure__split___yHhiF[data-collapse=sm][data-side=start]>:last-child,.structure__split___yHhiF[data-collapse=md][data-side=start]>:last-child{grid-area:1/1}}@media (width>=64rem){.structure__split___yHhiF{gap:var(--split-gap-lg,var(--split-gap-md,var(--split-gap-sm,var(--split-gap-base,var(--space-md)))));--split-w:var(--split-width-lg,var(--split-width-md,var(--split-width-sm,var(--split-width-base,18rem))))}.structure__split___yHhiF[data-collapse=sm],.structure__split___yHhiF[data-collapse=md],.structure__split___yHhiF[data-collapse=lg]{grid-template-columns:var(--split-cols)}.structure__split___yHhiF[data-collapse=sm][data-side=start]>:first-child,.structure__split___yHhiF[data-collapse=md][data-side=start]>:first-child,.structure__split___yHhiF[data-collapse=lg][data-side=start]>:first-child{grid-area:1/2}.structure__split___yHhiF[data-collapse=sm][data-side=start]>:last-child,.structure__split___yHhiF[data-collapse=md][data-side=start]>:last-child,.structure__split___yHhiF[data-collapse=lg][data-side=start]>:last-child{grid-area:1/1}}@media (width>=80rem){.structure__split___yHhiF{gap:var(--split-gap-xl,var(--split-gap-lg,var(--split-gap-md,var(--split-gap-sm,var(--split-gap-base,var(--space-md))))));--split-w:var(--split-width-xl,var(--split-width-lg,var(--split-width-md,var(--split-width-sm,var(--split-width-base,18rem)))))}.structure__split___yHhiF[data-collapse=sm],.structure__split___yHhiF[data-collapse=md],.structure__split___yHhiF[data-collapse=lg],.structure__split___yHhiF[data-collapse=xl]{grid-template-columns:var(--split-cols)}.structure__split___yHhiF[data-collapse=sm][data-side=start]>:first-child,.structure__split___yHhiF[data-collapse=md][data-side=start]>:first-child,.structure__split___yHhiF[data-collapse=lg][data-side=start]>:first-child,.structure__split___yHhiF[data-collapse=xl][data-side=start]>:first-child{grid-area:1/2}.structure__split___yHhiF[data-collapse=sm][data-side=start]>:last-child,.structure__split___yHhiF[data-collapse=md][data-side=start]>:last-child,.structure__split___yHhiF[data-collapse=lg][data-side=start]>:last-child,.structure__split___yHhiF[data-collapse=xl][data-side=start]>:last-child{grid-area:1/1}}@media (width>=96rem){.structure__split___yHhiF{gap:var(--split-gap-2xl,var(--split-gap-xl,var(--split-gap-lg,var(--split-gap-md,var(--split-gap-sm,var(--split-gap-base,var(--space-md)))))));--split-w:var(--split-width-2xl,var(--split-width-xl,var(--split-width-lg,var(--split-width-md,var(--split-width-sm,var(--split-width-base,18rem))))))}.structure__split___yHhiF[data-collapse=sm],.structure__split___yHhiF[data-collapse=md],.structure__split___yHhiF[data-collapse=lg],.structure__split___yHhiF[data-collapse=xl]{grid-template-columns:var(--split-cols)}.structure__split___yHhiF[data-collapse=sm][data-side=start]>:first-child,.structure__split___yHhiF[data-collapse=md][data-side=start]>:first-child,.structure__split___yHhiF[data-collapse=lg][data-side=start]>:first-child,.structure__split___yHhiF[data-collapse=xl][data-side=start]>:first-child{grid-area:1/2}.structure__split___yHhiF[data-collapse=sm][data-side=start]>:last-child,.structure__split___yHhiF[data-collapse=md][data-side=start]>:last-child,.structure__split___yHhiF[data-collapse=lg][data-side=start]>:last-child,.structure__split___yHhiF[data-collapse=xl][data-side=start]>:last-child{grid-area:1/1}}.structure__bleed___MtNl6{--bleed-amount-base:initial;--bleed-amount-sm:initial;--bleed-amount-md:initial;--bleed-amount-lg:initial;--bleed-amount-xl:initial;--bleed-amount-2xl:initial;--bleed:var(--bleed-amount-base,0px)}.structure__bleed___MtNl6[data-axis=inline]{margin-inline:calc(-1 * var(--bleed))}.structure__bleed___MtNl6[data-axis=block]{margin-block:calc(-1 * var(--bleed))}.structure__bleed___MtNl6[data-axis=both]{margin:calc(-1 * var(--bleed))}@media (width>=40rem){.structure__bleed___MtNl6{--bleed:var(--bleed-amount-sm,var(--bleed-amount-base,0px))}}@media (width>=48rem){.structure__bleed___MtNl6{--bleed:var(--bleed-amount-md,var(--bleed-amount-sm,var(--bleed-amount-base,0px)))}}@media (width>=64rem){.structure__bleed___MtNl6{--bleed:var(--bleed-amount-lg,var(--bleed-amount-md,var(--bleed-amount-sm,var(--bleed-amount-base,0px))))}}@media (width>=80rem){.structure__bleed___MtNl6{--bleed:var(--bleed-amount-xl,var(--bleed-amount-lg,var(--bleed-amount-md,var(--bleed-amount-sm,var(--bleed-amount-base,0px)))))}}@media (width>=96rem){.structure__bleed___MtNl6{--bleed:var(--bleed-amount-2xl,var(--bleed-amount-xl,var(--bleed-amount-lg,var(--bleed-amount-md,var(--bleed-amount-sm,var(--bleed-amount-base,0px))))))}}@media (width>=40rem){.structure__adaptive___nCFmW{gap:var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)));align-items:var(--grid-align-sm,var(--grid-align-base,stretch))}}@media (width>=48rem){.structure__adaptive___nCFmW{gap:var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl))));align-items:var(--grid-align-md,var(--grid-align-sm,var(--grid-align-base,stretch)))}}@media (width>=64rem){.structure__adaptive___nCFmW{gap:var(--grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))));align-items:var(--grid-align-lg,var(--grid-align-md,var(--grid-align-sm,var(--grid-align-base,stretch))))}}@media (width>=80rem){.structure__adaptive___nCFmW{gap:var(--grid-gap-xl,var(--grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl))))));align-items:var(--grid-align-xl,var(--grid-align-lg,var(--grid-align-md,var(--grid-align-sm,var(--grid-align-base,stretch)))))}}@media (width>=96rem){.structure__adaptive___nCFmW{gap:var(--grid-gap-2xl,var(--grid-gap-xl,var(--grid-gap-lg,var(--grid-gap-md,var(--grid-gap-sm,var(--grid-gap-base,var(--space-xl)))))));align-items:var(--grid-align-2xl,var(--grid-align-xl,var(--grid-align-lg,var(--grid-align-md,var(--grid-align-sm,var(--grid-align-base,stretch))))))}}}
|
|
1
|
+
@layer tokens, base, components, utilities;
|
|
2
|
+
@layer components{.structure__stack___zDQDB{--_stack-max-width-base:initial;--_stack-max-width-sm:initial;--_stack-max-width-md:initial;--_stack-max-width-lg:initial;--_stack-max-width-xl:initial;--_stack-max-width-2xl:initial;--_stack-direction-base:initial;--_stack-direction-sm:initial;--_stack-direction-md:initial;--_stack-direction-lg:initial;--_stack-direction-xl:initial;--_stack-direction-2xl:initial;--_stack-gap-base:initial;--_stack-gap-sm:initial;--_stack-gap-md:initial;--_stack-gap-lg:initial;--_stack-gap-xl:initial;--_stack-gap-2xl:initial;--_stack-align-base:initial;--_stack-align-sm:initial;--_stack-align-md:initial;--_stack-align-lg:initial;--_stack-align-xl:initial;--_stack-align-2xl:initial;--_stack-justify-base:initial;--_stack-justify-sm:initial;--_stack-justify-md:initial;--_stack-justify-lg:initial;--_stack-justify-xl:initial;--_stack-justify-2xl:initial;--_stack-wrap-base:initial;--_stack-wrap-sm:initial;--_stack-wrap-md:initial;--_stack-wrap-lg:initial;--_stack-wrap-xl:initial;--_stack-wrap-2xl:initial;flex-direction:var(--_stack-direction-base,column);gap:var(--_stack-gap-base,var(--gap));align-items:var(--_stack-align-base,stretch);justify-content:var(--_stack-justify-base,flex-start);flex-wrap:var(--_stack-wrap-base,nowrap);max-width:var(--_stack-max-width-base,none);min-width:0;display:flex}@media (width>=40rem){.structure__stack___zDQDB{flex-direction:var(--_stack-direction-sm,var(--_stack-direction-base,column));gap:var(--_stack-gap-sm,var(--_stack-gap-base,var(--gap)));align-items:var(--_stack-align-sm,var(--_stack-align-base,stretch));justify-content:var(--_stack-justify-sm,var(--_stack-justify-base,flex-start));max-width:var(--_stack-max-width-sm,var(--_stack-max-width-base,none));flex-wrap:var(--_stack-wrap-sm,var(--_stack-wrap-base,nowrap))}}@media (width>=48rem){.structure__stack___zDQDB{flex-direction:var(--_stack-direction-md,var(--_stack-direction-sm,var(--_stack-direction-base,column)));gap:var(--_stack-gap-md,var(--_stack-gap-sm,var(--_stack-gap-base,var(--gap))));align-items:var(--_stack-align-md,var(--_stack-align-sm,var(--_stack-align-base,stretch)));justify-content:var(--_stack-justify-md,var(--_stack-justify-sm,var(--_stack-justify-base,flex-start)));max-width:var(--_stack-max-width-md,var(--_stack-max-width-sm,var(--_stack-max-width-base,none)));flex-wrap:var(--_stack-wrap-md,var(--_stack-wrap-sm,var(--_stack-wrap-base,nowrap)))}}@media (width>=64rem){.structure__stack___zDQDB{flex-direction:var(--_stack-direction-lg,var(--_stack-direction-md,var(--_stack-direction-sm,var(--_stack-direction-base,column))));gap:var(--_stack-gap-lg,var(--_stack-gap-md,var(--_stack-gap-sm,var(--_stack-gap-base,var(--gap)))));align-items:var(--_stack-align-lg,var(--_stack-align-md,var(--_stack-align-sm,var(--_stack-align-base,stretch))));justify-content:var(--_stack-justify-lg,var(--_stack-justify-md,var(--_stack-justify-sm,var(--_stack-justify-base,flex-start))));max-width:var(--_stack-max-width-lg,var(--_stack-max-width-md,var(--_stack-max-width-sm,var(--_stack-max-width-base,none))));flex-wrap:var(--_stack-wrap-lg,var(--_stack-wrap-md,var(--_stack-wrap-sm,var(--_stack-wrap-base,nowrap))))}}@media (width>=80rem){.structure__stack___zDQDB{flex-direction:var(--_stack-direction-xl,var(--_stack-direction-lg,var(--_stack-direction-md,var(--_stack-direction-sm,var(--_stack-direction-base,column)))));gap:var(--_stack-gap-xl,var(--_stack-gap-lg,var(--_stack-gap-md,var(--_stack-gap-sm,var(--_stack-gap-base,var(--gap))))));align-items:var(--_stack-align-xl,var(--_stack-align-lg,var(--_stack-align-md,var(--_stack-align-sm,var(--_stack-align-base,stretch)))));justify-content:var(--_stack-justify-xl,var(--_stack-justify-lg,var(--_stack-justify-md,var(--_stack-justify-sm,var(--_stack-justify-base,flex-start)))));max-width:var(--_stack-max-width-xl,var(--_stack-max-width-lg,var(--_stack-max-width-md,var(--_stack-max-width-sm,var(--_stack-max-width-base,none)))));flex-wrap:var(--_stack-wrap-xl,var(--_stack-wrap-lg,var(--_stack-wrap-md,var(--_stack-wrap-sm,var(--_stack-wrap-base,nowrap)))))}}@media (width>=96rem){.structure__stack___zDQDB{flex-direction:var(--_stack-direction-2xl,var(--_stack-direction-xl,var(--_stack-direction-lg,var(--_stack-direction-md,var(--_stack-direction-sm,var(--_stack-direction-base,column))))));gap:var(--_stack-gap-2xl,var(--_stack-gap-xl,var(--_stack-gap-lg,var(--_stack-gap-md,var(--_stack-gap-sm,var(--_stack-gap-base,var(--gap)))))));align-items:var(--_stack-align-2xl,var(--_stack-align-xl,var(--_stack-align-lg,var(--_stack-align-md,var(--_stack-align-sm,var(--_stack-align-base,stretch))))));justify-content:var(--_stack-justify-2xl,var(--_stack-justify-xl,var(--_stack-justify-lg,var(--_stack-justify-md,var(--_stack-justify-sm,var(--_stack-justify-base,flex-start))))));max-width:var(--_stack-max-width-2xl,var(--_stack-max-width-xl,var(--_stack-max-width-lg,var(--_stack-max-width-md,var(--_stack-max-width-sm,var(--_stack-max-width-base,none))))));flex-wrap:var(--_stack-wrap-2xl,var(--_stack-wrap-xl,var(--_stack-wrap-lg,var(--_stack-wrap-md,var(--_stack-wrap-sm,var(--_stack-wrap-base,nowrap))))))}}.structure__grid___vUgAr{--_grid-max-width-base:initial;--_grid-max-width-sm:initial;--_grid-max-width-md:initial;--_grid-max-width-lg:initial;--_grid-max-width-xl:initial;--_grid-max-width-2xl:initial;--_grid-columns-base:initial;--_grid-columns-sm:initial;--_grid-columns-md:initial;--_grid-columns-lg:initial;--_grid-columns-xl:initial;--_grid-columns-2xl:initial;--_grid-gap-base:initial;--_grid-gap-sm:initial;--_grid-gap-md:initial;--_grid-gap-lg:initial;--_grid-gap-xl:initial;--_grid-gap-2xl:initial;--_grid-row-gap-base:initial;--_grid-row-gap-sm:initial;--_grid-row-gap-md:initial;--_grid-row-gap-lg:initial;--_grid-row-gap-xl:initial;--_grid-row-gap-2xl:initial;--_grid-column-gap-base:initial;--_grid-column-gap-sm:initial;--_grid-column-gap-md:initial;--_grid-column-gap-lg:initial;--_grid-column-gap-xl:initial;--_grid-column-gap-2xl:initial;--_grid-align-base:initial;--_grid-align-sm:initial;--_grid-align-md:initial;--_grid-align-lg:initial;--_grid-align-xl:initial;--_grid-align-2xl:initial;grid-template-columns:repeat(var(--_grid-columns-base,1), minmax(0, 1fr));gap:var(--_grid-gap-base,var(--gap));row-gap:var(--_grid-row-gap-base,var(--_grid-gap-base,var(--gap)));column-gap:var(--_grid-column-gap-base,var(--_grid-gap-base,var(--gap)));align-items:var(--_grid-align-base,stretch);max-width:var(--_grid-max-width-base,none);min-width:0;display:grid}@media (width>=40rem){.structure__grid___vUgAr{grid-template-columns:repeat(var(--_grid-columns-sm,var(--_grid-columns-base,1)), minmax(0, 1fr));gap:var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)));row-gap:var(--_grid-row-gap-sm,var(--_grid-row-gap-base,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))));column-gap:var(--_grid-column-gap-sm,var(--_grid-column-gap-base,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))));max-width:var(--_grid-max-width-sm,var(--_grid-max-width-base,none));align-items:var(--_grid-align-sm,var(--_grid-align-base,stretch))}}@media (width>=48rem){.structure__grid___vUgAr{grid-template-columns:repeat(var(--_grid-columns-md,var(--_grid-columns-sm,var(--_grid-columns-base,2))), minmax(0, 1fr));gap:var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap))));row-gap:var(--_grid-row-gap-md,var(--_grid-row-gap-sm,var(--_grid-row-gap-base,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))))));column-gap:var(--_grid-column-gap-md,var(--_grid-column-gap-sm,var(--_grid-column-gap-base,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))))));max-width:var(--_grid-max-width-md,var(--_grid-max-width-sm,var(--_grid-max-width-base,none)));align-items:var(--_grid-align-md,var(--_grid-align-sm,var(--_grid-align-base,stretch)))}}@media (width>=64rem){.structure__grid___vUgAr{grid-template-columns:repeat(var(--_grid-columns-lg,var(--_grid-columns-md,var(--_grid-columns-sm,var(--_grid-columns-base,2)))), minmax(0, 1fr));gap:var(--_grid-gap-lg,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))));row-gap:var(--_grid-row-gap-lg,var(--_grid-row-gap-md,var(--_grid-row-gap-sm,var(--_grid-row-gap-base,var(--_grid-gap-lg,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))))))));column-gap:var(--_grid-column-gap-lg,var(--_grid-column-gap-md,var(--_grid-column-gap-sm,var(--_grid-column-gap-base,var(--_grid-gap-lg,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))))))));max-width:var(--_grid-max-width-lg,var(--_grid-max-width-md,var(--_grid-max-width-sm,var(--_grid-max-width-base,none))));align-items:var(--_grid-align-lg,var(--_grid-align-md,var(--_grid-align-sm,var(--_grid-align-base,stretch))))}}@media (width>=80rem){.structure__grid___vUgAr{grid-template-columns:repeat(var(--_grid-columns-xl,var(--_grid-columns-lg,var(--_grid-columns-md,var(--_grid-columns-sm,var(--_grid-columns-base,2))))), minmax(0, 1fr));gap:var(--_grid-gap-xl,var(--_grid-gap-lg,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap))))));row-gap:var(--_grid-row-gap-xl,var(--_grid-row-gap-lg,var(--_grid-row-gap-md,var(--_grid-row-gap-sm,var(--_grid-row-gap-base,var(--_grid-gap-xl,var(--_grid-gap-lg,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))))))))));column-gap:var(--_grid-column-gap-xl,var(--_grid-column-gap-lg,var(--_grid-column-gap-md,var(--_grid-column-gap-sm,var(--_grid-column-gap-base,var(--_grid-gap-xl,var(--_grid-gap-lg,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))))))))));max-width:var(--_grid-max-width-xl,var(--_grid-max-width-lg,var(--_grid-max-width-md,var(--_grid-max-width-sm,var(--_grid-max-width-base,none)))));align-items:var(--_grid-align-xl,var(--_grid-align-lg,var(--_grid-align-md,var(--_grid-align-sm,var(--_grid-align-base,stretch)))))}}@media (width>=96rem){.structure__grid___vUgAr{grid-template-columns:repeat(var(--_grid-columns-2xl,var(--_grid-columns-xl,var(--_grid-columns-lg,var(--_grid-columns-md,var(--_grid-columns-sm,var(--_grid-columns-base,2)))))), minmax(0, 1fr));gap:var(--_grid-gap-2xl,var(--_grid-gap-xl,var(--_grid-gap-lg,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))))));row-gap:var(--_grid-row-gap-2xl,var(--_grid-row-gap-xl,var(--_grid-row-gap-lg,var(--_grid-row-gap-md,var(--_grid-row-gap-sm,var(--_grid-row-gap-base,var(--_grid-gap-2xl,var(--_grid-gap-xl,var(--_grid-gap-lg,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))))))))))));column-gap:var(--_grid-column-gap-2xl,var(--_grid-column-gap-xl,var(--_grid-column-gap-lg,var(--_grid-column-gap-md,var(--_grid-column-gap-sm,var(--_grid-column-gap-base,var(--_grid-gap-2xl,var(--_grid-gap-xl,var(--_grid-gap-lg,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))))))))))));max-width:var(--_grid-max-width-2xl,var(--_grid-max-width-xl,var(--_grid-max-width-lg,var(--_grid-max-width-md,var(--_grid-max-width-sm,var(--_grid-max-width-base,none))))));align-items:var(--_grid-align-2xl,var(--_grid-align-xl,var(--_grid-align-lg,var(--_grid-align-md,var(--_grid-align-sm,var(--_grid-align-base,stretch))))))}}@container (width>=0){.structure__grid___vUgAr{grid-template-columns:repeat(var(--_grid-columns-base,1), minmax(0, 1fr));gap:var(--_grid-gap-base,var(--gap));row-gap:var(--_grid-row-gap-base,var(--_grid-gap-base,var(--gap)));column-gap:var(--_grid-column-gap-base,var(--_grid-gap-base,var(--gap)));align-items:var(--_grid-align-base,stretch);max-width:var(--_grid-max-width-base,none)}}@container (width>=24rem){.structure__grid___vUgAr{grid-template-columns:repeat(var(--_grid-columns-sm,var(--_grid-columns-base,1)), minmax(0, 1fr));gap:var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)));row-gap:var(--_grid-row-gap-sm,var(--_grid-row-gap-base,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))));column-gap:var(--_grid-column-gap-sm,var(--_grid-column-gap-base,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))));max-width:var(--_grid-max-width-sm,var(--_grid-max-width-base,none));align-items:var(--_grid-align-sm,var(--_grid-align-base,stretch))}}@container (width>=32rem){.structure__grid___vUgAr{grid-template-columns:repeat(var(--_grid-columns-md,var(--_grid-columns-sm,var(--_grid-columns-base,2))), minmax(0, 1fr));gap:var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap))));row-gap:var(--_grid-row-gap-md,var(--_grid-row-gap-sm,var(--_grid-row-gap-base,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))))));column-gap:var(--_grid-column-gap-md,var(--_grid-column-gap-sm,var(--_grid-column-gap-base,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))))));max-width:var(--_grid-max-width-md,var(--_grid-max-width-sm,var(--_grid-max-width-base,none)));align-items:var(--_grid-align-md,var(--_grid-align-sm,var(--_grid-align-base,stretch)))}}@container (width>=40rem){.structure__grid___vUgAr{grid-template-columns:repeat(var(--_grid-columns-lg,var(--_grid-columns-md,var(--_grid-columns-sm,var(--_grid-columns-base,2)))), minmax(0, 1fr));gap:var(--_grid-gap-lg,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))));row-gap:var(--_grid-row-gap-lg,var(--_grid-row-gap-md,var(--_grid-row-gap-sm,var(--_grid-row-gap-base,var(--_grid-gap-lg,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))))))));column-gap:var(--_grid-column-gap-lg,var(--_grid-column-gap-md,var(--_grid-column-gap-sm,var(--_grid-column-gap-base,var(--_grid-gap-lg,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))))))));max-width:var(--_grid-max-width-lg,var(--_grid-max-width-md,var(--_grid-max-width-sm,var(--_grid-max-width-base,none))));align-items:var(--_grid-align-lg,var(--_grid-align-md,var(--_grid-align-sm,var(--_grid-align-base,stretch))))}}@container (width>=52rem){.structure__grid___vUgAr{grid-template-columns:repeat(var(--_grid-columns-xl,var(--_grid-columns-lg,var(--_grid-columns-md,var(--_grid-columns-sm,var(--_grid-columns-base,2))))), minmax(0, 1fr));gap:var(--_grid-gap-xl,var(--_grid-gap-lg,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap))))));row-gap:var(--_grid-row-gap-xl,var(--_grid-row-gap-lg,var(--_grid-row-gap-md,var(--_grid-row-gap-sm,var(--_grid-row-gap-base,var(--_grid-gap-xl,var(--_grid-gap-lg,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))))))))));column-gap:var(--_grid-column-gap-xl,var(--_grid-column-gap-lg,var(--_grid-column-gap-md,var(--_grid-column-gap-sm,var(--_grid-column-gap-base,var(--_grid-gap-xl,var(--_grid-gap-lg,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))))))))));max-width:var(--_grid-max-width-xl,var(--_grid-max-width-lg,var(--_grid-max-width-md,var(--_grid-max-width-sm,var(--_grid-max-width-base,none)))));align-items:var(--_grid-align-xl,var(--_grid-align-lg,var(--_grid-align-md,var(--_grid-align-sm,var(--_grid-align-base,stretch)))))}}@container (width>=64rem){.structure__grid___vUgAr{grid-template-columns:repeat(var(--_grid-columns-2xl,var(--_grid-columns-xl,var(--_grid-columns-lg,var(--_grid-columns-md,var(--_grid-columns-sm,var(--_grid-columns-base,2)))))), minmax(0, 1fr));gap:var(--_grid-gap-2xl,var(--_grid-gap-xl,var(--_grid-gap-lg,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))))));row-gap:var(--_grid-row-gap-2xl,var(--_grid-row-gap-xl,var(--_grid-row-gap-lg,var(--_grid-row-gap-md,var(--_grid-row-gap-sm,var(--_grid-row-gap-base,var(--_grid-gap-2xl,var(--_grid-gap-xl,var(--_grid-gap-lg,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))))))))))));column-gap:var(--_grid-column-gap-2xl,var(--_grid-column-gap-xl,var(--_grid-column-gap-lg,var(--_grid-column-gap-md,var(--_grid-column-gap-sm,var(--_grid-column-gap-base,var(--_grid-gap-2xl,var(--_grid-gap-xl,var(--_grid-gap-lg,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))))))))))));max-width:var(--_grid-max-width-2xl,var(--_grid-max-width-xl,var(--_grid-max-width-lg,var(--_grid-max-width-md,var(--_grid-max-width-sm,var(--_grid-max-width-base,none))))));align-items:var(--_grid-align-2xl,var(--_grid-align-xl,var(--_grid-align-lg,var(--_grid-align-md,var(--_grid-align-sm,var(--_grid-align-base,stretch))))))}}.structure__cell___EW5Rg{--_cell-span-base:initial;--_cell-span-sm:initial;--_cell-span-md:initial;--_cell-span-lg:initial;--_cell-span-xl:initial;--_cell-span-2xl:initial;grid-column:var(--_cell-span-base,span 1 / span 1);min-width:0}@media (width>=40rem){.structure__cell___EW5Rg{grid-column:var(--_cell-span-sm,var(--_cell-span-base,span 1 / span 1))}}@media (width>=48rem){.structure__cell___EW5Rg{grid-column:var(--_cell-span-md,var(--_cell-span-sm,var(--_cell-span-base,span 1 / span 1)))}}@media (width>=64rem){.structure__cell___EW5Rg{grid-column:var(--_cell-span-lg,var(--_cell-span-md,var(--_cell-span-sm,var(--_cell-span-base,span 1 / span 1))))}}@media (width>=80rem){.structure__cell___EW5Rg{grid-column:var(--_cell-span-xl,var(--_cell-span-lg,var(--_cell-span-md,var(--_cell-span-sm,var(--_cell-span-base,span 1 / span 1)))))}}@media (width>=96rem){.structure__cell___EW5Rg{grid-column:var(--_cell-span-2xl,var(--_cell-span-xl,var(--_cell-span-lg,var(--_cell-span-md,var(--_cell-span-sm,var(--_cell-span-base,span 1 / span 1))))))}}.structure__adaptive___nCFmW{--_grid-columns-base:initial;--_grid-columns-sm:initial;--_grid-columns-md:initial;--_grid-columns-lg:initial;--_grid-columns-xl:initial;--_grid-columns-2xl:initial;--_grid-gap-base:initial;--_grid-gap-sm:initial;--_grid-gap-md:initial;--_grid-gap-lg:initial;--_grid-gap-xl:initial;--_grid-gap-2xl:initial;--_grid-row-gap-base:initial;--_grid-row-gap-sm:initial;--_grid-row-gap-md:initial;--_grid-row-gap-lg:initial;--_grid-row-gap-xl:initial;--_grid-row-gap-2xl:initial;--_grid-column-gap-base:initial;--_grid-column-gap-sm:initial;--_grid-column-gap-md:initial;--_grid-column-gap-lg:initial;--_grid-column-gap-xl:initial;--_grid-column-gap-2xl:initial;--_grid-align-base:initial;--_grid-align-sm:initial;--_grid-align-md:initial;--_grid-align-lg:initial;--_grid-align-xl:initial;--_grid-align-2xl:initial;grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--_adaptive-min,16rem)), 1fr));gap:var(--_grid-gap-base,var(--gap));align-items:var(--_grid-align-base,stretch);min-width:0;display:grid}.structure__split___yHhiF{--_split-width-base:initial;--_split-width-sm:initial;--_split-width-md:initial;--_split-width-lg:initial;--_split-width-xl:initial;--_split-width-2xl:initial;--_split-gap-base:initial;--_split-gap-sm:initial;--_split-gap-md:initial;--_split-gap-lg:initial;--_split-gap-xl:initial;--_split-gap-2xl:initial;gap:var(--_split-gap-base,var(--gap));--_split-w:var(--_split-width-base,18rem);--_split-cols:minmax(0, 1fr) minmax(0, var(--_split-w));grid-template-columns:minmax(0,1fr);display:grid}.structure__split___yHhiF[data-side=start]{--_split-cols:minmax(0, var(--_split-w)) minmax(0, 1fr)}.structure__split___yHhiF[data-collapse=never]{grid-template-columns:var(--_split-cols)}.structure__split___yHhiF[data-collapse=never][data-side=start]>:first-child{grid-area:1/2}.structure__split___yHhiF[data-collapse=never][data-side=start]>:last-child{grid-area:1/1}@media (width>=40rem){.structure__split___yHhiF{gap:var(--_split-gap-sm,var(--_split-gap-base,var(--gap)));--_split-w:var(--_split-width-sm,var(--_split-width-base,18rem))}.structure__split___yHhiF[data-collapse=sm]{grid-template-columns:var(--_split-cols)}.structure__split___yHhiF[data-collapse=sm][data-side=start]>:first-child{grid-area:1/2}.structure__split___yHhiF[data-collapse=sm][data-side=start]>:last-child{grid-area:1/1}}@media (width>=48rem){.structure__split___yHhiF{gap:var(--_split-gap-md,var(--_split-gap-sm,var(--_split-gap-base,var(--gap))));--_split-w:var(--_split-width-md,var(--_split-width-sm,var(--_split-width-base,18rem)))}.structure__split___yHhiF[data-collapse=sm],.structure__split___yHhiF[data-collapse=md]{grid-template-columns:var(--_split-cols)}.structure__split___yHhiF[data-collapse=sm][data-side=start]>:first-child,.structure__split___yHhiF[data-collapse=md][data-side=start]>:first-child{grid-area:1/2}.structure__split___yHhiF[data-collapse=sm][data-side=start]>:last-child,.structure__split___yHhiF[data-collapse=md][data-side=start]>:last-child{grid-area:1/1}}@media (width>=64rem){.structure__split___yHhiF{gap:var(--_split-gap-lg,var(--_split-gap-md,var(--_split-gap-sm,var(--_split-gap-base,var(--gap)))));--_split-w:var(--_split-width-lg,var(--_split-width-md,var(--_split-width-sm,var(--_split-width-base,18rem))))}.structure__split___yHhiF[data-collapse=sm],.structure__split___yHhiF[data-collapse=md],.structure__split___yHhiF[data-collapse=lg]{grid-template-columns:var(--_split-cols)}.structure__split___yHhiF[data-collapse=sm][data-side=start]>:first-child,.structure__split___yHhiF[data-collapse=md][data-side=start]>:first-child,.structure__split___yHhiF[data-collapse=lg][data-side=start]>:first-child{grid-area:1/2}.structure__split___yHhiF[data-collapse=sm][data-side=start]>:last-child,.structure__split___yHhiF[data-collapse=md][data-side=start]>:last-child,.structure__split___yHhiF[data-collapse=lg][data-side=start]>:last-child{grid-area:1/1}}@media (width>=80rem){.structure__split___yHhiF{gap:var(--_split-gap-xl,var(--_split-gap-lg,var(--_split-gap-md,var(--_split-gap-sm,var(--_split-gap-base,var(--gap))))));--_split-w:var(--_split-width-xl,var(--_split-width-lg,var(--_split-width-md,var(--_split-width-sm,var(--_split-width-base,18rem)))))}.structure__split___yHhiF[data-collapse=sm],.structure__split___yHhiF[data-collapse=md],.structure__split___yHhiF[data-collapse=lg],.structure__split___yHhiF[data-collapse=xl]{grid-template-columns:var(--_split-cols)}.structure__split___yHhiF[data-collapse=sm][data-side=start]>:first-child,.structure__split___yHhiF[data-collapse=md][data-side=start]>:first-child,.structure__split___yHhiF[data-collapse=lg][data-side=start]>:first-child,.structure__split___yHhiF[data-collapse=xl][data-side=start]>:first-child{grid-area:1/2}.structure__split___yHhiF[data-collapse=sm][data-side=start]>:last-child,.structure__split___yHhiF[data-collapse=md][data-side=start]>:last-child,.structure__split___yHhiF[data-collapse=lg][data-side=start]>:last-child,.structure__split___yHhiF[data-collapse=xl][data-side=start]>:last-child{grid-area:1/1}}@media (width>=96rem){.structure__split___yHhiF{gap:var(--_split-gap-2xl,var(--_split-gap-xl,var(--_split-gap-lg,var(--_split-gap-md,var(--_split-gap-sm,var(--_split-gap-base,var(--gap)))))));--_split-w:var(--_split-width-2xl,var(--_split-width-xl,var(--_split-width-lg,var(--_split-width-md,var(--_split-width-sm,var(--_split-width-base,18rem))))))}.structure__split___yHhiF[data-collapse=sm],.structure__split___yHhiF[data-collapse=md],.structure__split___yHhiF[data-collapse=lg],.structure__split___yHhiF[data-collapse=xl]{grid-template-columns:var(--_split-cols)}.structure__split___yHhiF[data-collapse=sm][data-side=start]>:first-child,.structure__split___yHhiF[data-collapse=md][data-side=start]>:first-child,.structure__split___yHhiF[data-collapse=lg][data-side=start]>:first-child,.structure__split___yHhiF[data-collapse=xl][data-side=start]>:first-child{grid-area:1/2}.structure__split___yHhiF[data-collapse=sm][data-side=start]>:last-child,.structure__split___yHhiF[data-collapse=md][data-side=start]>:last-child,.structure__split___yHhiF[data-collapse=lg][data-side=start]>:last-child,.structure__split___yHhiF[data-collapse=xl][data-side=start]>:last-child{grid-area:1/1}}.structure__bleed___MtNl6{--_bleed-amount-base:initial;--_bleed-amount-sm:initial;--_bleed-amount-md:initial;--_bleed-amount-lg:initial;--_bleed-amount-xl:initial;--_bleed-amount-2xl:initial;--_bleed:var(--_bleed-amount-base,0px)}.structure__bleed___MtNl6[data-axis=inline]{margin-inline:calc(-1 * var(--_bleed))}.structure__bleed___MtNl6[data-axis=block]{margin-block:calc(-1 * var(--_bleed))}.structure__bleed___MtNl6[data-axis=both]{margin:calc(-1 * var(--_bleed))}@media (width>=40rem){.structure__bleed___MtNl6{--_bleed:var(--_bleed-amount-sm,var(--_bleed-amount-base,0px))}}@media (width>=48rem){.structure__bleed___MtNl6{--_bleed:var(--_bleed-amount-md,var(--_bleed-amount-sm,var(--_bleed-amount-base,0px)))}}@media (width>=64rem){.structure__bleed___MtNl6{--_bleed:var(--_bleed-amount-lg,var(--_bleed-amount-md,var(--_bleed-amount-sm,var(--_bleed-amount-base,0px))))}}@media (width>=80rem){.structure__bleed___MtNl6{--_bleed:var(--_bleed-amount-xl,var(--_bleed-amount-lg,var(--_bleed-amount-md,var(--_bleed-amount-sm,var(--_bleed-amount-base,0px)))))}}@media (width>=96rem){.structure__bleed___MtNl6{--_bleed:var(--_bleed-amount-2xl,var(--_bleed-amount-xl,var(--_bleed-amount-lg,var(--_bleed-amount-md,var(--_bleed-amount-sm,var(--_bleed-amount-base,0px))))))}}@media (width>=40rem){.structure__adaptive___nCFmW{gap:var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)));align-items:var(--_grid-align-sm,var(--_grid-align-base,stretch))}}@media (width>=48rem){.structure__adaptive___nCFmW{gap:var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap))));align-items:var(--_grid-align-md,var(--_grid-align-sm,var(--_grid-align-base,stretch)))}}@media (width>=64rem){.structure__adaptive___nCFmW{gap:var(--_grid-gap-lg,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))));align-items:var(--_grid-align-lg,var(--_grid-align-md,var(--_grid-align-sm,var(--_grid-align-base,stretch))))}}@media (width>=80rem){.structure__adaptive___nCFmW{gap:var(--_grid-gap-xl,var(--_grid-gap-lg,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap))))));align-items:var(--_grid-align-xl,var(--_grid-align-lg,var(--_grid-align-md,var(--_grid-align-sm,var(--_grid-align-base,stretch)))))}}@media (width>=96rem){.structure__adaptive___nCFmW{gap:var(--_grid-gap-2xl,var(--_grid-gap-xl,var(--_grid-gap-lg,var(--_grid-gap-md,var(--_grid-gap-sm,var(--_grid-gap-base,var(--gap)))))));align-items:var(--_grid-align-2xl,var(--_grid-align-xl,var(--_grid-align-lg,var(--_grid-align-md,var(--_grid-align-sm,var(--_grid-align-base,stretch))))))}}}
|
package/dist/css/sync.css
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer tokens, base, components, utilities;
|
|
2
|
+
@layer components{.sync__form___Y8bS5{gap:var(--gap);flex-direction:column;min-width:0;display:flex}.sync__section___t_S7a{gap:var(--gap-sm);flex-direction:column;min-width:0;display:flex}.sync__optional___9Dy13{border:var(--border-width) solid var(--border);border-radius:var(--radius);padding:var(--padding);background-color:color-mix(in oklab, var(--muted) var(--tint-strong), transparent)}}
|
package/dist/css/table.css
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
@layer tokens, base, components, utilities;
|
|
2
|
+
@layer components{.table__container___PFcS5{width:100%;scroll-padding-inline:var(--_fade);border-radius:var(--radius-sm);--_fade:1.5rem;position:relative;overflow-x:auto}.table__container___PFcS5[data-fade-start]:not(:focus-visible):dir(ltr),.table__container___PFcS5[data-fade-end]:not(:focus-visible):dir(rtl){mask-image:linear-gradient(to right, transparent, black var(--_fade))}.table__container___PFcS5[data-fade-end]:not(:focus-visible):dir(ltr),.table__container___PFcS5[data-fade-start]:not(:focus-visible):dir(rtl){mask-image:linear-gradient(to left, transparent, black var(--_fade))}.table__container___PFcS5[data-fade-start][data-fade-end]:not(:focus-visible){mask-image:linear-gradient(to right, transparent, black var(--_fade), black calc(100% - var(--_fade)), transparent)}.table__container___PFcS5:focus-visible{outline-offset:calc(var(--border-width) * -2)}.table__table___xUW2y{caption-side:bottom;border-collapse:collapse;width:100%}:where(.table__row___iC9ve){border-bottom:var(--border-width) solid var(--border);transition:background-color var(--duration-fast) var(--ease)}.table__body___sX2OJ .table__row___iC9ve:not(:has(>.table__empty___VIa8g)):hover{background-color:var(--accent)}.table__row___iC9ve[data-state=selected],.table__body___sX2OJ .table__row___iC9ve[data-state=selected]:hover{background-color:color-mix(in oklab, var(--primary) var(--tint), transparent)}.table__header___9ER0m .table__row___iC9ve{border-bottom:var(--border-width) solid var(--border)}.table__body___sX2OJ .table__row___iC9ve:last-child{border-bottom:0}.table__head___kqMYr{height:calc(var(--control-height) + var(--padding-sm));padding:var(--padding-sm) var(--padding);text-align:start;vertical-align:middle;white-space:nowrap;color:var(--foreground)}:where(.table__cell___yQ95q){padding:var(--padding);vertical-align:middle;white-space:nowrap}.table__head___kqMYr:has([role=checkbox]),.table__cell___yQ95q:has([role=checkbox]){padding-inline-end:0}.table__footer___6GVuX{background-color:var(--muted);border-top:var(--border-width) solid var(--border)}.table__footer___6GVuX .table__row___iC9ve:last-child{border-bottom:0}.table__caption___VOknE{margin-top:var(--gap);color:var(--muted-foreground)}.table__alignStart___6mRdR{text-align:start}.table__alignCenter___UrpRS{text-align:center}.table__alignEnd___-ALxj{text-align:end}.table__wrap___jIIek{white-space:normal}.table__headSort___pOGiz{align-items:center;gap:var(--gap-sm);width:100%;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}:where(.table__head___kqMYr:has(>.table__headSort___pOGiz)){position:relative}.table__headSort___pOGiz:after{content:"";position:absolute;inset:0}.table__head___kqMYr:has(>.table__headSort___pOGiz:hover){background-image:linear-gradient(var(--accent), var(--accent))}.table__headSort___pOGiz:focus-visible{outline:none}.table__head___kqMYr:has(>.table__headSort___pOGiz:focus-visible){outline:calc(var(--border-width) * 2) solid var(--ring);outline-offset:calc(var(--border-width) * -2)}.table__alignEnd___-ALxj .table__headSort___pOGiz{flex-direction:row-reverse;justify-content:flex-start}.table__alignCenter___UrpRS .table__headSort___pOGiz{justify-content:center}.table__headSortIcon___hV30r{width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--muted-foreground);opacity:.45;transition:opacity var(--duration-fast) var(--ease);flex-shrink:0}@media (hover:hover){.table__headSort___pOGiz:not([data-active]) .table__headSortIcon___hV30r{opacity:0}}.table__headSort___pOGiz:hover .table__headSortIcon___hV30r,.table__headSort___pOGiz:focus-visible .table__headSortIcon___hV30r{opacity:.75}.table__headSort___pOGiz[data-active] .table__headSortIcon___hV30r{opacity:1;color:var(--foreground)}.table__empty___VIa8g{padding-block:calc(var(--padding) * 2);text-align:center}.table__container___PFcS5[data-sticky-header] .table__head___kqMYr{z-index:1;background-color:var(--surface-ground,var(--background));position:sticky;top:0}}
|
package/dist/css/table2.css
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer tokens, base, components, utilities;
|
|
2
|
+
@layer components{.table__root____Bw3-{isolation:isolate;--_selection-width:calc(var(--padding) * 2 + 1.125rem);--_expand-width:calc(var(--icon-size) + var(--padding-sm));--_gutter-width:var(--_selection-width);flex-direction:column;width:100%;min-width:0;max-width:100%;display:flex;position:relative;container:data-table/inline-size}.table__root____Bw3-[data-expandable]{--_gutter-width:calc(var(--padding) + var(--_expand-width))}.table__root____Bw3-[data-expandable][data-selectable]{--_gutter-width:calc(var(--_selection-width) + var(--_expand-width))}.table__root____Bw3-[data-surface=card]{border:var(--border-width) solid var(--border);border-radius:var(--radius);background-color:var(--card);--surface-ground:var(--card);overflow:hidden}.table__root____Bw3-[data-surface=glass]{border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.table__rootFill___e1xgp{height:100%;min-height:0}.table__root____Bw3-[data-fullscreen]{z-index:var(--z-popover);height:100%;min-height:0;padding:var(--padding);background-color:var(--background);--surface-ground:var(--background);border:0;border-radius:0;position:fixed;inset:0;overflow:hidden}.table__root____Bw3-:after{content:"";z-index:calc(var(--z-docked) + 2);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.table__root____Bw3-:has(>.table__tableArea___fzov9>.table--container:focus-visible):after{outline:calc(var(--border-width) * 2) solid var(--ring);outline-offset:calc(var(--border-width) * -2)}.table__tableArea___fzov9>.table--container:focus-visible{outline:none}.table__root____Bw3-[data-size=sm] .table__table___sxewU :is(td,th){padding-block:var(--padding-sm)}.table__root____Bw3-[data-size=sm] .table__table___sxewU th{height:calc(var(--control-height-sm) + var(--padding-sm))}.table__topbar___ob1BI{flex:none;position:relative}.table__topbarSticky___Z9Avx{z-index:var(--z-docked);background-color:var(--surface-ground,var(--background));position:sticky;top:0}.table__topbarGrid___SuPbS{gap:var(--gap);padding:var(--padding-sm) var(--padding);grid-template-columns:minmax(0,1fr);display:grid}.table__topbarStart___zLoO4{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;min-width:0;display:flex}.table__topbarEnd___KPp0B{justify-content:flex-end;align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.table__filterInput___AoxWd{max-width:20rem}@container data-table (width>=42rem){.table__topbarGrid___SuPbS{grid-template-columns:minmax(0,1fr) auto;align-items:end}}.table__toolbar___9TsI4{border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);background-color:var(--card);align-items:center;display:flex;overflow:hidden}.table__toolbar___9TsI4 :focus-visible{outline-offset:calc(var(--border-width) * -2)}.table__tableArea___fzov9{min-height:0}.table__tableAreaScrolls___rmUek{flex:1;overflow:hidden}.table__table___sxewU{position:relative}.table__tableContainerScrolls___Vy4nW{height:100%;min-height:0;position:relative;overflow:auto}.table__tableContainerBounded___HcnK2{max-height:var(--_data-table-body-max-height,none)}.table__header___vKUYJ{background-color:#0000}.table__header___vKUYJ>tr:not(.table__groupRow___DQRvH)>th{background-image:linear-gradient(color-mix(in oklab, var(--muted) var(--tint-strong), transparent), color-mix(in oklab, var(--muted) var(--tint-strong), transparent))}.table__header___vKUYJ.table__headerTransparent___HEgsE>tr>th{background-image:none}.table__groupRow___DQRvH{border-bottom:var(--border-width) solid var(--border)}.table__groupHead____kfTG{border-inline-end:var(--border-width) solid var(--border);background-color:color-mix(in oklab, var(--muted) var(--tint-strong), transparent);color:var(--muted-foreground)}.table__groupHead____kfTG:last-child{border-inline-end:0}.table__row___C-daw{transition:background-color var(--duration-fast) var(--ease)}.table__row___C-daw[data-clickable]{cursor:pointer}.table__row___C-daw:hover{background-color:var(--accent)}.table__row___C-daw[data-state=selected],.table__row___C-daw[data-state=selected]:hover{background-color:color-mix(in oklab, var(--primary) var(--tint), transparent)}tbody[data-striped] .table__row___C-daw:nth-child(2n of .table__row___C-daw):not([data-state=selected]):not(:hover){background-color:color-mix(in oklab, var(--muted) var(--tint-strong), transparent)}.table__stickyColumn___lKBKW{z-index:var(--z-sticky);background-color:var(--surface-ground,var(--background));position:sticky;inset-inline-start:0}.table__stickyColumnNext___34Nuq{z-index:var(--z-sticky);background-color:var(--surface-ground,var(--background));position:sticky;inset-inline-start:var(--_selection-width)}.table__row___C-daw:hover>:is(.table__stickyColumn___lKBKW,.table__stickyColumnNext___34Nuq,.table__stickyColumnAfterGutter___vjYhH){background-image:linear-gradient(var(--accent), var(--accent))}.table__row___C-daw[data-state=selected]>:is(.table__stickyColumn___lKBKW,.table__stickyColumnNext___34Nuq,.table__stickyColumnAfterGutter___vjYhH),.table__row___C-daw[data-state=selected]:hover>:is(.table__stickyColumn___lKBKW,.table__stickyColumnNext___34Nuq,.table__stickyColumnAfterGutter___vjYhH){background-image:linear-gradient(color-mix(in oklab, var(--primary) var(--tint), transparent), color-mix(in oklab, var(--primary) var(--tint), transparent))}tbody[data-striped] .table__row___C-daw:nth-child(2n of .table__row___C-daw):not([data-state=selected]):not(:hover)>:is(.table__stickyColumn___lKBKW,.table__stickyColumnNext___34Nuq,.table__stickyColumnAfterGutter___vjYhH){background-image:linear-gradient(color-mix(in oklab, var(--muted) var(--tint-strong), transparent), color-mix(in oklab, var(--muted) var(--tint-strong), transparent))}.table__stickyColumnAfterGutter___vjYhH{z-index:var(--z-sticky);background-color:var(--surface-ground,var(--background));position:sticky;inset-inline-start:var(--_gutter-width)}.table__stickyColumn___lKBKW:not(:has(~:is(.table__stickyColumnNext___34Nuq,.table__stickyColumnAfterGutter___vjYhH))),.table__stickyColumnNext___34Nuq:not(:has(~.table__stickyColumnAfterGutter___vjYhH)),.table__stickyColumnAfterGutter___vjYhH{box-shadow:var(--_sticky-edge)}.table__stickyColumnNext___34Nuq,.table__stickyColumn___lKBKW,.table__stickyColumnAfterGutter___vjYhH{--_sticky-edge:var(--border-width) 0 0 0 var(--border)}.table__stickyColumnNext___34Nuq:dir(rtl),.table__stickyColumn___lKBKW:dir(rtl),.table__stickyColumnAfterGutter___vjYhH:dir(rtl){--_sticky-edge:calc(var(--border-width) * -1) 0 0 0 var(--border)}.table__stickyCorner___ty0rC{z-index:calc(var(--z-docked) + 1)}.table__emptyRow___G0Xjk:hover{background-color:#0000}.table__emptyCell___wFxoN{text-align:center;padding:0}.table__rowActions___4LKuB{justify-content:flex-end;align-items:center;gap:calc(var(--gap-sm) / 2);display:inline-flex}:is(td,th).table__selectionCell___o5T5I{width:var(--_selection-width)}:is(td,th).table__expandCell___nvllw{width:var(--_expand-width);padding-inline:0}:is(td,th).table__expandCell___nvllw:first-child{width:calc(var(--padding) + var(--_expand-width));padding-inline-start:var(--padding)}.table__expandToggle___4X_7s{width:var(--_expand-width);height:var(--_expand-width);border-radius:var(--radius-sm);color:var(--muted-foreground);vertical-align:middle;cursor:pointer;transition:background-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.table__expandToggle___4X_7s:hover{background-color:var(--accent);color:var(--foreground)}.table__expandToggle___4X_7s[aria-expanded=true]{color:var(--foreground)}.table__expandToggle___4X_7s>svg{width:var(--icon-size);height:var(--icon-size);transition:rotate var(--duration-fast) var(--ease)}.table__expandToggle___4X_7s:dir(rtl)>svg{scale:-1 1}.table__expandToggle___4X_7s[aria-expanded=true]>svg{rotate:90deg}.table__expandToggle___4X_7s[aria-expanded=true]:dir(rtl)>svg{rotate:-90deg}.table__row___C-daw[data-expanded]{border-bottom-color:#0000}.table__expandedCell___x4UQP{background-color:var(--muted);white-space:normal;padding:0}.table__expandedPin___iiouK{max-inline-size:100cqi;position:sticky;inset-inline-start:0}.table__expandedMotion___qOHyp{transition:grid-template-rows var(--duration) var(--ease);grid-template-rows:1fr;display:grid}@starting-style{.table__expandedMotion___qOHyp{grid-template-rows:0fr}}.table__expandedRow___EOCNV[data-state=closing] .table__expandedMotion___qOHyp{grid-template-rows:0fr}.table__expandedClip___7O_nS{min-height:0;overflow:hidden}.table__expandedContent___hyQ1e{padding:var(--padding-sm) var(--padding) var(--padding);height:calc-size(auto, round(up, size, 1px));padding-inline-start:calc(var(--_gutter-width) + var(--padding))}.table__expandedMessage___y0bUd{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.table__footer___N5XRy{justify-content:space-between;align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding);flex-wrap:wrap;flex:none;display:flex}.table__nowrap___NhG8N{white-space:nowrap}.table__cellStack___0me4G{align-items:flex-start;gap:calc(var(--gap-sm) / 2);flex-direction:column;min-width:0;display:inline-flex}.table__cluster___mZHOQ{align-items:center;gap:calc(var(--gap-sm) / 2);flex-wrap:wrap;display:inline-flex}.table__iconCell___rITAE{align-items:center;gap:var(--gap-sm);min-width:0;display:inline-flex}.table__iconCellTop___2t7aI{align-items:flex-start}.table__cellIcon___vm0Kp{color:var(--muted-foreground);flex:none;display:inline-flex}.table__cellIcon___vm0Kp>svg{width:var(--icon-size);height:var(--icon-size)}.table__avatarCell___9Ljrl,.table__resourceCell___fj4Nj{align-items:flex-start;gap:var(--gap-sm);min-width:0;display:inline-flex}.table__resourceMedia___TG4rV{flex:none}.table__resourceBody___oVS8m{gap:calc(var(--gap-sm) / 2);flex-direction:column;min-width:0;display:inline-flex}.table__resourceTitleLine___WqIRI{align-items:center;gap:var(--gap-sm);flex-wrap:nowrap;min-width:0;display:inline-flex}.table__resourceTitleLine___WqIRI>:not(.table__resourceLink___gQLB-){flex-shrink:0}.table__resourceLink___gQLB-{color:inherit;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:color-mix(in oklab, currentColor 45%, transparent);text-decoration-color:color-mix(in oklab, currentColor 45%, transparent);text-underline-offset:3px;border-radius:var(--radius-sm)}.table__resourceLink___gQLB-:hover{-webkit-text-decoration-color:var(--link);text-decoration-color:var(--link)}.table__resourceFacts___O-UYi{flex-wrap:wrap;align-items:baseline;min-width:0;display:inline-flex}.table__resourceFact___xUn86{align-items:baseline;gap:calc(var(--gap-sm) / 2);margin-inline-end:calc(var(--gap-sm) / 2);display:inline-flex}}
|
package/dist/css/text-inputs.css
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer tokens, base, components, utilities;
|
|
2
|
+
@layer components{.text-inputs__textarea___bzqKy{field-sizing:content;height:auto;min-height:4rem;padding-block:var(--padding-sm);resize:vertical}.text-inputs__textareaFrame___4VXbv{width:100%;display:block;position:relative}.text-inputs__textareaFrame___4VXbv[data-trailing] .text-inputs__textarea___bzqKy{padding-bottom:calc(var(--padding-sm) + var(--icon-size) + var(--gap-sm) / 2)}.text-inputs__affordance___W4UeX.text-inputs__affordanceTextareaEnd___PciWh{top:auto;inset-inline-end:var(--padding-sm);bottom:var(--padding-sm);align-items:center;gap:var(--gap-sm);pointer-events:none;display:inline-flex;position:absolute;translate:none}.text-inputs__affordanceTextareaEnd___PciWh>*{pointer-events:auto}.text-inputs__addon___91UZA{color:var(--muted-foreground);flex-shrink:0;align-items:center;display:inline-flex}.text-inputs__addon___91UZA svg:not([data-sized]){width:var(--icon-size);height:var(--icon-size)}.text-inputs__revealButton___85A9f{color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.text-inputs__revealButton___85A9f svg{width:var(--icon-size);height:var(--icon-size)}.text-inputs__revealButton___85A9f:hover:not(:disabled){color:var(--foreground)}.text-inputs__selectFrame____HFj1{width:100%;min-width:0;display:block;position:relative}.text-inputs__select___r5Ors{appearance:none;cursor:pointer;padding-inline-end:calc(var(--icon-size) + var(--padding-sm) * 2)}.text-inputs__selectChevron___lhayj{top:50%;width:var(--icon-size);height:var(--icon-size);color:var(--muted-foreground);pointer-events:none;position:absolute;inset-inline-end:var(--padding-sm);translate:0 -50%}.text-inputs__selectFrame____HFj1:has(>[data-field-control]:disabled) .text-inputs__selectChevron___lhayj{opacity:var(--disabled-opacity)}.text-inputs__select___r5Ors:has(option[value=""]:checked){color:var(--muted-foreground)}.text-inputs__search___IKkd-::-webkit-search-decoration{appearance:none}.text-inputs__search___IKkd-::-webkit-search-cancel-button{appearance:none}.text-inputs__search___IKkd-::-webkit-search-results-button{appearance:none}.text-inputs__frame___T8iew{--_pad-start:var(--padding-sm);--_pad-end:var(--padding-sm);width:100%;min-width:0;display:flex;position:relative}[data-field-shell] .text-inputs__frame___T8iew{--_pad-start:0px;--_pad-end:0px}.text-inputs__frame___T8iew[data-start-icon]{--_pad-start:calc(var(--icon-size) + var(--padding-sm) * 2)}.text-inputs__frame___T8iew[data-start-addon]{--_pad-start:2.5rem}.text-inputs__frame___T8iew[data-end-icon]{--_pad-end:calc(var(--icon-size) + var(--padding-sm) * 2)}.text-inputs__frame___T8iew[data-end-addon]{--_pad-end:2.5rem}.text-inputs__frame___T8iew[data-count]{--_pad-end:3rem}.text-inputs__frame___T8iew>[data-field-control]{padding-inline:var(--_pad-start) var(--_pad-end)}.text-inputs__affordance___W4UeX{align-items:center;gap:var(--gap-sm);color:var(--muted-foreground);pointer-events:none;display:flex;position:absolute;top:50%;translate:0 -50%}.text-inputs__affordanceStart___vT_Ak{inset-inline-start:var(--padding-sm)}.text-inputs__affordanceEnd___-eqXP{inset-inline-end:var(--padding-sm)}.text-inputs__affordance___W4UeX>svg{width:var(--icon-size);height:var(--icon-size);flex-shrink:0}.text-inputs__affordanceText___eJ6Nv{white-space:nowrap;color:var(--muted-foreground)}.text-inputs__clear___uRgV6{border-radius:var(--radius-sm);color:var(--muted-foreground);cursor:pointer;pointer-events:auto;transition:background-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.text-inputs__clear___uRgV6 svg{width:var(--icon-size);height:var(--icon-size)}.text-inputs__clear___uRgV6:hover:not(:disabled){background-color:var(--accent);color:var(--foreground)}.text-inputs__clear___uRgV6:disabled,.text-inputs__revealButton___85A9f:disabled{cursor:not-allowed;opacity:var(--disabled-opacity)}.text-inputs__spinner___14Abc{animation:var(--keyframes-spin) 1s linear infinite}.text-inputs__count___al9Xc{white-space:nowrap}}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer tokens, base, components, utilities;
|
|
2
|
+
@layer components{.theme-tweaker__root___A8noi{min-width:0;container:theme-tweaker/inline-size}.theme-tweaker__rootScoped___8ySpW{background-color:var(--background);color:var(--foreground)}.theme-tweaker__layout___pgPlx{gap:var(--gap);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.theme-tweaker__controls___90Wh4{gap:var(--gap);flex-direction:column;min-width:0;display:flex}.theme-tweaker__preview___SqS9x{align-self:start;min-width:0}.theme-tweaker__minWidth___-W3ZU{min-width:0}@container theme-tweaker (width>=60rem){.theme-tweaker__layoutWithPreview___Zyn1X{grid-template-columns:repeat(2,minmax(0,1fr))}}.theme-tweaker__toolbar___7cKTw{justify-content:space-between;align-items:center;gap:var(--gap-sm);flex-wrap:wrap;min-width:0;display:flex}.theme-tweaker__fields___ga5mT{flex-direction:column;min-width:0;display:flex}.theme-tweaker__field___hxlL3{min-width:0;padding-block:var(--padding-sm);border-top:var(--border-width) solid var(--border)}.theme-tweaker__field___hxlL3:first-child{border-top:0}.theme-tweaker__fieldLabel___hjd9f{justify-content:space-between;align-items:baseline;gap:var(--gap-sm);flex:1;min-width:0;display:flex}.theme-tweaker__controlRow___9UrLA{align-items:center;gap:calc(var(--gap-sm) / 2);min-width:0;display:flex}.theme-tweaker__controlInput___TlI8N{flex:1;min-width:0}.theme-tweaker__numberInput___MBHRd{width:7rem}.theme-tweaker__providerSettings___4aCH6{min-width:0}.theme-tweaker__settingsGrid___h_Q0S{gap:var(--gap);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}@container theme-tweaker (width>=40rem){.theme-tweaker__settingsGrid___h_Q0S{grid-template-columns:repeat(2,minmax(0,1fr))}}.theme-tweaker__exportFooter___WpVsY{justify-content:space-between;align-items:center;gap:var(--gap-sm);width:100%;display:flex}.theme-tweaker__exportBlock___8xaZs{gap:var(--gap-sm);flex-direction:column;min-width:0;display:flex}.theme-tweaker__exportBlockHeader___Xpy0a{align-items:stretch;gap:var(--gap-sm);flex-direction:column;min-width:0;display:flex}@container theme-tweaker (width>=30rem){.theme-tweaker__exportBlockHeader___Xpy0a{flex-direction:row;justify-content:space-between;align-items:flex-start}}.theme-tweaker__exportCode___SXgrx{min-width:0;max-height:18rem;padding:var(--padding-sm);border:var(--border-width) solid var(--border);border-radius:var(--radius);background-color:var(--muted);color:var(--foreground);margin:0;position:relative;overflow:auto}.theme-tweaker__exportCode___SXgrx:focus-visible{outline-offset:calc(var(--border-width) * -2)}.theme-tweaker__previewCheck___5vqEH{width:var(--icon-size);height:var(--icon-size);color:var(--success);flex:none}}
|
package/dist/css/timeline.css
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
@layer components{.timeline__timeline___SFe0h{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.timeline__item___bjlJT{gap:var(--space-lg);--timeline-dot-drop:calc((1lh - var(--size-icon-sm)) / 2);min-width:0;display:flex}.timeline__item___bjlJT:has(.timeline__dot___uYatl svg){--timeline-dot-drop:calc((1lh - var(--size-icon-lg)) / 2)}.timeline__rail___ccVbZ{width:var(--size-icon-lg);flex-direction:column;flex-shrink:0;align-self:stretch;align-items:center;display:flex}.timeline__dot___uYatl{width:var(--size-icon-sm);height:var(--size-icon-sm);border-radius:var(--radius-pill);background-color:var(--surface-ground,var(--background));color:var(--foreground);box-shadow:0 0 0 var(--border-width-strong) var(--border);flex-shrink:0;justify-content:center;align-items:center;margin-block-start:var(--timeline-dot-drop);display:inline-flex}.timeline__dot___uYatl:has(svg){width:var(--size-icon-lg);height:var(--size-icon-lg)}.timeline__icon___Bc5va{width:var(--size-icon-sm);height:var(--size-icon-sm)}.timeline__line___48is1{width:var(--border-width);min-height:var(--space-md);background-color:var(--border);flex:1;margin-block-end:calc((var(--size-icon-sm) - 1lh) / 2)}.timeline__content___-1xOg{gap:var(--space-2xs);min-width:0;flex-direction:column;flex:1;padding-block-end:var(--space-xl);display:flex}.timeline__timeline___SFe0h:not(:has(.timeline__content___-1xOg>:not(.timeline__head___30Za0))) .timeline__content___-1xOg{padding-block-end:var(--space-md)}.timeline__item___bjlJT:last-child .timeline__content___-1xOg{padding-block-end:0}.timeline__head___30Za0{justify-content:space-between;align-items:baseline;gap:var(--space-md);min-width:0;display:flex}.timeline__timestamp___Lu9LR{flex-shrink:0}.timeline__body___FBsGD{margin-block-start:var(--space-sm)}.timeline__item___bjlJT[data-status=completed] .timeline__dot___uYatl,.timeline__item___bjlJT[data-status=success] .timeline__dot___uYatl{background-color:var(--success);color:var(--success-foreground);box-shadow:0 0 0 var(--border-width-strong) color-mix(in oklab, var(--success) 20%, var(--surface-ground,var(--background)))}.timeline__item___bjlJT[data-status=completed] .timeline__dot___uYatl:has(svg),.timeline__item___bjlJT[data-status=success] .timeline__dot___uYatl:has(svg){background-color:color-mix(in oklab, var(--success) 10%, var(--surface-ground,var(--background)));color:var(--success);box-shadow:0 0 0 var(--border-width) color-mix(in oklab, var(--success) 30%, var(--surface-ground,var(--background)))}.timeline__item___bjlJT[data-status=completed] .timeline__line___48is1,.timeline__item___bjlJT[data-status=success] .timeline__line___48is1{background-color:var(--success-30)}.timeline__item___bjlJT[data-status=progress] .timeline__dot___uYatl{background-color:var(--surface-ground,var(--background));color:var(--primary-accent);box-shadow:0 0 0 var(--border-width-strong) var(--primary)}.timeline__item___bjlJT[data-status=progress] .timeline__dot___uYatl:has(svg){background-color:color-mix(in oklab, var(--primary) 10%, var(--surface-ground,var(--background)));color:var(--primary-accent);box-shadow:0 0 0 var(--border-width) color-mix(in oklab, var(--primary) 30%, var(--surface-ground,var(--background)))}.timeline__item___bjlJT[data-status=progress] .timeline__line___48is1{background-color:var(--primary-30)}.timeline__item___bjlJT[data-status=current] .timeline__dot___uYatl{background-color:var(--primary);color:var(--primary-foreground);box-shadow:0 0 0 var(--space-xs) color-mix(in oklab, var(--primary) 20%, var(--surface-ground,var(--background)))}.timeline__item___bjlJT[data-status=current] .timeline__dot___uYatl:has(svg){background-color:color-mix(in oklab, var(--primary) 10%, var(--surface-ground,var(--background)));color:var(--primary-accent);box-shadow:0 0 0 var(--border-width) color-mix(in oklab, var(--primary) 30%, var(--surface-ground,var(--background)))}.timeline__item___bjlJT[data-status=current] .timeline__line___48is1{background-color:var(--primary-30)}.timeline__item___bjlJT[data-status=warning] .timeline__dot___uYatl{background-color:var(--warning);color:var(--warning-foreground);box-shadow:0 0 0 var(--border-width-strong) color-mix(in oklab, var(--warning) 20%, var(--surface-ground,var(--background)))}.timeline__item___bjlJT[data-status=warning] .timeline__dot___uYatl:has(svg){background-color:color-mix(in oklab, var(--warning) 10%, var(--surface-ground,var(--background)));color:var(--warning-accent);box-shadow:0 0 0 var(--border-width) color-mix(in oklab, var(--warning) 30%, var(--surface-ground,var(--background)))}.timeline__item___bjlJT[data-status=warning] .timeline__line___48is1{background-color:var(--warning-30)}.timeline__item___bjlJT[data-status=destructive] .timeline__dot___uYatl{background-color:var(--destructive);color:var(--destructive-foreground);box-shadow:0 0 0 var(--border-width-strong) color-mix(in oklab, var(--destructive) 20%, var(--surface-ground,var(--background)))}.timeline__item___bjlJT[data-status=destructive] .timeline__dot___uYatl:has(svg){background-color:color-mix(in oklab, var(--destructive) 10%, var(--surface-ground,var(--background)));color:var(--destructive-accent);box-shadow:0 0 0 var(--border-width) color-mix(in oklab, var(--destructive) 30%, var(--surface-ground,var(--background)))}.timeline__item___bjlJT[data-status=destructive] .timeline__line___48is1{background-color:var(--destructive-30)}.timeline__item___bjlJT[data-status=pending] .timeline__dot___uYatl{background-color:var(--muted);color:var(--muted-foreground);box-shadow:0 0 0 var(--border-width-strong) var(--border)}:root,[data-ui-scope],[data-density],[data-theme],.light,.dark{--stepper-item-min:calc(7rem * var(--scale))}.stepper__stepper___1w8il{min-width:0;margin:0;padding:0;list-style:none}.stepper__step___5GnnM{min-width:0;position:relative}.stepper__stepMarker___Rkigo{border-radius:var(--radius-pill);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.stepper__stepLine___Ck1wY{height:var(--border-width-strong);background-color:var(--border);flex:1}.stepper__stepButton___GVoiz{border-radius:var(--radius-sm);color:inherit;font:inherit;text-align:start;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:0;padding:0}.stepper__stepButton___GVoiz:hover:not(:disabled){background-color:var(--accent-50)}.stepper__stepButton___GVoiz:disabled{cursor:default}.stepper__stepButton___GVoiz:focus-visible{box-shadow:var(--focus-ring);outline:none}.stepper__stepper___1w8il[data-variant=bar]{grid-auto-flow:column;grid-auto-columns:minmax(var(--stepper-item-min), 1fr);grid-template-rows:auto auto auto;min-width:fit-content;display:grid}.stepper__stepper___1w8il[data-variant=bar] .stepper__step___5GnnM,.stepper__stepper___1w8il[data-variant=bar] .stepper__stepTarget___i8Bft{grid-row:1/-1;grid-template-rows:subgrid;justify-items:stretch;min-width:0;display:grid}.stepper__stepper___1w8il[data-variant=bar] .stepper__stepText___IvNDc{display:contents}.stepper__stepper___1w8il[data-variant=bar] .stepper__stepRail___6LxM1{align-items:center;width:100%;display:flex}.stepper__stepper___1w8il[data-variant=bar] .stepper__stepMarker___Rkigo{width:var(--size-icon-2xl);height:var(--size-icon-2xl);border:var(--border-width-strong) solid var(--border);background-color:var(--surface-ground,var(--background));color:var(--muted-foreground)}.stepper__stepper___1w8il[data-variant=bar] .stepper__stepCheck___Q6aAk{width:var(--size-icon);height:var(--size-icon)}.stepper__stepper___1w8il[data-variant=bar] .stepper__stepLine___Ck1wY[data-filled]{background-color:var(--primary)}.stepper__stepper___1w8il[data-variant=bar] .stepper__stepLine___Ck1wY[data-hidden]{background-color:#0000}.stepper__stepper___1w8il[data-variant=bar] .stepper__step___5GnnM[data-status=completed] .stepper__stepMarker___Rkigo{border-color:var(--primary);background-color:var(--primary-10);color:var(--primary-accent)}.stepper__stepper___1w8il[data-variant=bar] .stepper__step___5GnnM[data-status=current] .stepper__stepMarker___Rkigo{border-color:var(--primary);background-color:var(--primary);color:var(--primary-foreground)}.stepper__stepper___1w8il[data-variant=bar] .stepper__stepLabel___V39va,.stepper__stepper___1w8il[data-variant=bar] .stepper__stepHint___bdybM{-webkit-line-clamp:2;padding-inline:var(--space-sm);text-align:center;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.stepper__stepper___1w8il[data-variant=bar] .stepper__stepLabel___V39va{margin-block-start:var(--space-md)}.stepper__stepper___1w8il[data-variant=bar] .stepper__stepHint___bdybM{margin-block-start:var(--space-2xs)}.stepper__stepper___1w8il[data-variant=trail]{align-items:center;gap:var(--space-md);display:flex}.stepper__stepper___1w8il[data-variant=trail] .stepper__step___5GnnM{align-items:center;gap:var(--space-md);flex:1;display:flex}.stepper__stepper___1w8il[data-variant=trail] .stepper__stepTarget___i8Bft{align-items:center;gap:var(--space-md);min-width:0;padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-sm);display:flex}.stepper__stepper___1w8il[data-variant=trail] .stepper__stepRail___6LxM1{display:inline-flex}.stepper__stepper___1w8il[data-variant=trail] .stepper__stepMarker___Rkigo{width:var(--space-2xl);height:var(--space-2xl);background-color:var(--muted);color:var(--muted-foreground)}.stepper__stepper___1w8il[data-variant=trail] .stepper__stepCheck___Q6aAk{width:var(--size-icon-sm);height:var(--size-icon-sm)}.stepper__stepper___1w8il[data-variant=trail] .stepper__step___5GnnM[data-status=completed] .stepper__stepMarker___Rkigo{background-color:var(--success);color:var(--success-foreground)}.stepper__stepper___1w8il[data-variant=trail] .stepper__step___5GnnM[data-status=current] .stepper__stepMarker___Rkigo{background-color:var(--primary);box-shadow:0 0 0 var(--space-xs) var(--primary-20);color:var(--primary-foreground)}.stepper__stepper___1w8il[data-variant=trail] .stepper__stepText___IvNDc{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=64rem){.stepper__stepper___1w8il[data-variant=trail] .stepper__stepText___IvNDc{gap:var(--space-2xs);clip-path:none;white-space:normal;flex-direction:column;width:auto;min-width:0;height:auto;margin:0;display:flex;position:static;overflow:visible}}.stepper__stepper___1w8il[data-variant=trail] .stepper__stepLine___Ck1wY{height:var(--border-width)}.stepper__stepper___1w8il[data-variant=trail] .stepper__stepLine___Ck1wY[data-filled]{background-color:var(--success)}}
|
|
1
|
+
@layer tokens, base, components, utilities;
|
|
2
|
+
@layer components{.timeline__timeline___SFe0h{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.timeline__item___bjlJT{gap:var(--gap-sm);--_timeline-dot-drop:calc((1lh - var(--icon-size-sm)) / 2);--_timeline-disc:calc(var(--icon-size-sm) + var(--padding-sm));min-width:0;display:flex}.timeline__item___bjlJT:has(.timeline__dot___uYatl svg){--_timeline-dot-drop:calc((1lh - var(--_timeline-disc)) / 2)}.timeline__rail___ccVbZ{width:var(--_timeline-disc);flex-direction:column;flex-shrink:0;align-self:stretch;align-items:center;display:flex}.timeline__dot___uYatl{width:var(--icon-size-sm);height:var(--icon-size-sm);border-radius:var(--radius-pill);background-color:var(--surface-ground,var(--background));color:var(--foreground);box-shadow:0 0 0 calc(var(--border-width) * 2) var(--border);flex-shrink:0;justify-content:center;align-items:center;margin-block-start:var(--_timeline-dot-drop);display:inline-flex}.timeline__dot___uYatl:has(svg){width:var(--_timeline-disc);height:var(--_timeline-disc)}.timeline__icon___Bc5va{width:var(--icon-size-sm);height:var(--icon-size-sm)}.timeline__line___48is1{width:var(--border-width);min-height:var(--gap-sm);background-color:var(--border);flex:1;margin-block-end:calc((var(--icon-size-sm) - 1lh) / 2)}.timeline__content___-1xOg{gap:calc(var(--gap-sm) / 2);min-width:0;flex-direction:column;flex:1;padding-block-end:var(--gap);display:flex}.timeline__timeline___SFe0h:not(:has(.timeline__content___-1xOg>:not(.timeline__head___30Za0))) .timeline__content___-1xOg{padding-block-end:var(--gap-sm)}.timeline__item___bjlJT:last-child .timeline__content___-1xOg{padding-block-end:0}.timeline__head___30Za0{justify-content:space-between;align-items:baseline;gap:var(--gap-sm);min-width:0;display:flex}.timeline__timestamp___Lu9LR{flex-shrink:0}.timeline__body___FBsGD{margin-block-start:calc(var(--gap-sm) / 2)}.timeline__item___bjlJT[data-tone] .timeline__dot___uYatl{background-color:var(--tone);color:var(--tone-foreground);box-shadow:0 0 0 calc(var(--border-width) * 2) color-mix(in oklab, var(--tone) var(--tint), var(--surface-ground,var(--background)))}.timeline__item___bjlJT[data-tone] .timeline__dot___uYatl:has(svg){background-color:color-mix(in oklab, var(--tone) var(--tint), var(--surface-ground,var(--background)));color:var(--tone-ink);box-shadow:0 0 0 var(--border-width) color-mix(in oklab, var(--tone) var(--tint-strong), var(--surface-ground,var(--background)))}.timeline__item___bjlJT[data-tone] .timeline__line___48is1{background-color:color-mix(in oklab, var(--tone) var(--tint-strong), transparent)}.timeline__item___bjlJT[data-status=progress] .timeline__dot___uYatl{background-color:var(--surface-ground,var(--background));color:var(--tone-ink);box-shadow:0 0 0 calc(var(--border-width) * 2) var(--tone)}.timeline__item___bjlJT[data-status=current] .timeline__dot___uYatl{box-shadow:0 0 0 calc(var(--border-width) * 4) color-mix(in oklab, var(--tone) var(--tint), var(--surface-ground,var(--background)))}.timeline__item___bjlJT[data-status=pending] .timeline__dot___uYatl{background-color:var(--muted);color:var(--muted-foreground);box-shadow:0 0 0 calc(var(--border-width) * 2) var(--border)}.stepper__stepper___1w8il{min-width:0;margin:0;padding:0;list-style:none}.stepper__step___5GnnM{min-width:0;position:relative}.stepper__stepMarker___Rkigo{border-radius:var(--radius-pill);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.stepper__stepLine___Ck1wY{height:calc(var(--border-width) * 2);background-color:var(--border);flex:1}.stepper__stepButton___GVoiz{border-radius:var(--radius-sm);color:inherit;text-align:start;cursor:pointer;transition:background-color var(--duration-fast) var(--ease);background:0 0;border:0;padding:0}.stepper__stepButton___GVoiz:hover:not(:disabled){background-color:var(--accent)}.stepper__stepButton___GVoiz:disabled{cursor:default}.stepper__stepButton___GVoiz:focus-visible{outline-offset:calc(var(--border-width) * -2)}.stepper__stepper___1w8il[data-variant=bar]{grid-template-rows:auto auto auto;grid-auto-columns:minmax(7rem,1fr);grid-auto-flow:column;min-width:fit-content;display:grid}.stepper__stepper___1w8il[data-variant=bar] .stepper__step___5GnnM,.stepper__stepper___1w8il[data-variant=bar] .stepper__stepTarget___i8Bft{grid-row:1/-1;grid-template-rows:subgrid;justify-items:stretch;min-width:0;display:grid}.stepper__stepper___1w8il[data-variant=bar] .stepper__stepText___IvNDc{display:contents}.stepper__stepper___1w8il[data-variant=bar] .stepper__stepRail___6LxM1{align-items:center;width:100%;display:flex}.stepper__stepper___1w8il[data-variant=bar] .stepper__stepMarker___Rkigo{border:calc(var(--border-width) * 2) solid var(--border);background-color:var(--surface-ground,var(--background));width:2.5rem;height:2.5rem;color:var(--muted-foreground)}.stepper__stepper___1w8il[data-variant=bar] .stepper__stepCheck___Q6aAk{width:var(--icon-size);height:var(--icon-size)}.stepper__stepper___1w8il[data-variant=bar] .stepper__stepLine___Ck1wY[data-filled]{background-color:var(--primary)}.stepper__stepper___1w8il[data-variant=bar] .stepper__stepLine___Ck1wY[data-hidden]{background-color:#0000}.stepper__stepper___1w8il[data-variant=bar] .stepper__step___5GnnM[data-status=completed] .stepper__stepMarker___Rkigo{border-color:var(--primary);background-color:color-mix(in oklab, var(--primary) var(--tint), transparent);color:var(--primary)}.stepper__stepper___1w8il[data-variant=bar] .stepper__step___5GnnM[data-status=current] .stepper__stepMarker___Rkigo{border-color:var(--primary);background-color:var(--primary);color:var(--primary-foreground)}.stepper__stepper___1w8il[data-variant=bar] .stepper__stepLabel___V39va,.stepper__stepper___1w8il[data-variant=bar] .stepper__stepHint___bdybM{-webkit-line-clamp:2;padding-inline:var(--padding-sm);text-align:center;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.stepper__stepper___1w8il[data-variant=bar] .stepper__stepLabel___V39va{margin-block-start:var(--gap-sm)}.stepper__stepper___1w8il[data-variant=bar] .stepper__stepHint___bdybM{margin-block-start:calc(var(--gap-sm) / 2)}.stepper__stepper___1w8il[data-variant=trail]{align-items:center;gap:var(--gap-sm);display:flex}.stepper__stepper___1w8il[data-variant=trail] .stepper__step___5GnnM{align-items:center;gap:var(--gap-sm);flex:1;display:flex}.stepper__stepper___1w8il[data-variant=trail] .stepper__stepTarget___i8Bft{align-items:center;gap:var(--gap-sm);min-width:0;padding:calc(var(--padding-sm) / 2) var(--padding-sm);border-radius:var(--radius-sm);display:flex}.stepper__stepper___1w8il[data-variant=trail] .stepper__stepRail___6LxM1{display:inline-flex}.stepper__stepper___1w8il[data-variant=trail] .stepper__stepMarker___Rkigo{width:calc(var(--icon-size) + var(--padding-sm));height:calc(var(--icon-size) + var(--padding-sm));background-color:var(--muted);color:var(--muted-foreground)}.stepper__stepper___1w8il[data-variant=trail] .stepper__stepCheck___Q6aAk{width:var(--icon-size-sm);height:var(--icon-size-sm)}.stepper__stepper___1w8il[data-variant=trail] .stepper__step___5GnnM[data-status=completed] .stepper__stepMarker___Rkigo{background-color:var(--success);color:var(--success-foreground)}.stepper__stepper___1w8il[data-variant=trail] .stepper__step___5GnnM[data-status=current] .stepper__stepMarker___Rkigo{background-color:var(--primary);box-shadow:0 0 0 calc(var(--border-width) * 4) color-mix(in oklab, var(--primary) var(--tint), transparent);color:var(--primary-foreground)}.stepper__stepper___1w8il[data-variant=trail] .stepper__stepText___IvNDc{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=64rem){.stepper__stepper___1w8il[data-variant=trail] .stepper__stepText___IvNDc{gap:calc(var(--gap-sm) / 2);clip-path:none;white-space:normal;flex-direction:column;width:auto;min-width:0;height:auto;margin:0;display:flex;position:static;overflow:visible}}.stepper__stepper___1w8il[data-variant=trail] .stepper__stepLine___Ck1wY{height:var(--border-width)}.stepper__stepper___1w8il[data-variant=trail] .stepper__stepLine___Ck1wY[data-filled]{background-color:var(--success)}}
|
package/dist/css/timelines.css
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
@layer components
|
|
1
|
+
@layer tokens, base, components, utilities;
|
|
2
|
+
@layer components{.timelines__titleRow___gq1pH{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;min-width:0;display:inline-flex}.timelines__byline___g0McZ{margin-inline-start:var(--gap-sm)}.timelines__progressGroup____475P{align-items:center;gap:var(--gap-sm);max-width:18rem;display:flex}.timelines__progressGroup____475P>:first-child{flex:1;min-width:0}.timelines__stepsBar___R-RES{border-radius:var(--radius-sm);min-width:0;position:relative;overflow-x:auto}.timelines__stepsBar___R-RES:focus-visible{outline-offset:calc(var(--border-width) * -2)}}
|
package/dist/css/toaster.css
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer tokens, base, components, utilities;
|
|
2
|
+
@layer components{.toaster__viewport___9yHe7{z-index:var(--z-toast);gap:var(--gap-sm);width:min(92%,24rem);max-width:calc(100% - 2 * var(--gap));pointer-events:none;flex-direction:column;display:flex;position:fixed}.toaster__viewport___9yHe7>*{pointer-events:auto}.toaster__top___1zsV-{top:calc(var(--gap) + env(safe-area-inset-top,0px))}.toaster__bottom___v-TlO{bottom:calc(var(--gap) + env(safe-area-inset-bottom,0px));flex-direction:column-reverse}.toaster__start___Ybmp4{inset-inline-start:var(--gap)}.toaster__end___TK6H6{inset-inline-end:var(--gap)}.toaster__center___a9CGe{margin-inline:auto;inset-inline:0}.toaster__toast___bDiva{--_button:calc(var(--icon-size) + var(--padding-sm));color-scheme:dark;align-items:center;gap:var(--gap-sm);padding:var(--padding);border:var(--border-width) solid var(--border);border-radius:var(--radius);background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-lg);transition:opacity var(--duration-fast) var(--ease), translate var(--duration-fast) var(--ease);padding-inline-end:calc(var(--padding) + var(--_button) + var(--gap-sm));display:flex;position:relative}@starting-style{.toaster__toast___bDiva{opacity:0}.toaster__top___1zsV- .toaster__toast___bDiva{translate:0 calc(-1 * var(--gap))}.toaster__bottom___v-TlO .toaster__toast___bDiva{translate:0 var(--gap)}}.toaster__toast___bDiva[data-leaving]{opacity:0}.toaster__top___1zsV- .toaster__toast___bDiva[data-leaving]{translate:0 calc(-1 * var(--gap))}.toaster__bottom___v-TlO .toaster__toast___bDiva[data-leaving]{translate:0 var(--gap)}.toaster__icon___ArLMB{width:var(--icon-size);height:var(--icon-size);color:var(--muted-foreground);flex-shrink:0;justify-content:center;align-self:center;align-items:center;display:flex}.toaster__icon___ArLMB>svg{width:100%;height:100%}.toaster__toast___bDiva[data-tone] .toaster__icon___ArLMB{color:var(--tone-ink)}.toaster__spinner___xchQh{animation:var(--keyframes-spin) 1s linear infinite}.toaster__content___l7muo{gap:calc(var(--gap-sm) / 2);min-width:0;display:grid}.toaster__description___ZnbEl{text-wrap:pretty}.toaster__actions___0SpTv{align-items:center;gap:calc(var(--gap-sm) / 2);flex-shrink:0;margin-inline-start:auto;display:flex}.toaster__action___RDRws,.toaster__cancel___T9R0o{height:var(--_button);padding-inline:var(--padding-sm);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease);border:0;align-items:center;display:inline-flex}.toaster__action___RDRws{background-color:var(--foreground);color:var(--background)}.toaster__cancel___T9R0o{background-color:color-mix(in oklab, var(--foreground) var(--tint), transparent);color:var(--foreground)}.toaster__action___RDRws:is(:hover,:focus-visible){background-color:color-mix(in oklab, var(--foreground) 88%, var(--background))}.toaster__cancel___T9R0o:is(:hover,:focus-visible){background-color:color-mix(in oklab, var(--foreground) var(--tint-strong), transparent)}.toaster__close___MwjTJ{inset-inline-end:var(--padding);width:var(--_button);height:var(--_button);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);color:var(--muted-foreground);cursor:pointer;transition:background-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);background-color:#0000;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;translate:0 -50%}.toaster__close___MwjTJ:hover,.toaster__close___MwjTJ:focus-visible{background-color:var(--accent);color:var(--foreground)}.toaster__close___MwjTJ>svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}}
|
package/dist/css/toggle.css
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer tokens, base, components, utilities;
|
|
2
|
+
@layer components{.toggle__toggle___84Exh{justify-content:center;align-items:center;gap:var(--gap-sm);min-width:var(--control-height);height:var(--control-height);padding-inline:var(--padding-sm);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);color:var(--foreground);cursor:pointer;transition:background-color var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);background-color:#0000;display:inline-flex}.toggle__toggle___84Exh[data-appearance=outline]{border-color:var(--input)}.toggle__toggle___84Exh:hover:not(:disabled):not([data-pressed]){background-color:var(--accent)}.toggle__toggle___84Exh[data-pressed]{background-color:var(--accent);border-color:color-mix(in oklab, var(--input), var(--foreground) 35%);color:var(--foreground)}.toggle__toggle___84Exh:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.toggle__toggle___84Exh:focus-visible{z-index:1}.toggle__toggle___84Exh>svg{width:var(--icon-size);height:var(--icon-size)}.toggle__group___2Bb-U{align-items:center;gap:calc(var(--gap-sm) / 2);display:inline-flex}.toggle__group___2Bb-U[data-attached]{--_inset:calc(var(--padding-sm) / 2);gap:var(--_inset);border:var(--border-width) solid var(--input);border-radius:var(--radius-sm);padding:var(--_inset)}.toggle__group___2Bb-U[data-attached] .toggle__toggle___84Exh{height:calc(var(--control-height) - var(--_inset) * 2 - var(--border-width) * 2);min-width:calc(var(--control-height) - var(--_inset) * 2 - var(--border-width) * 2);border-radius:calc(var(--radius-sm) - var(--border-width) - var(--_inset));border-color:#0000}.toggle__group___2Bb-U[data-attached] .toggle__toggle___84Exh[data-pressed]{border-color:color-mix(in oklab, var(--input), var(--foreground) 35%)}}
|
package/dist/css/toolbar.css
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
@layer components
|
|
1
|
+
@layer tokens, base, components, utilities;
|
|
2
|
+
@layer components{:where(.toolbar__root___WfXZ-,.toolbar__group___XA-d4){align-items:center;gap:calc(var(--gap-sm) / 2);min-width:0;display:flex}.toolbar__root___WfXZ-[data-orientation=vertical],.toolbar__group___XA-d4[data-orientation=vertical]{flex-direction:column;align-items:stretch}.toolbar__button___Bnb_5{flex:none}.toolbar__link___-qbUF{justify-content:center;align-items:center;gap:var(--gap-sm);height:var(--control-height);padding-inline:var(--padding);border-radius:var(--radius-sm);color:var(--foreground);flex:none;text-decoration:none;display:inline-flex}.toolbar__link___-qbUF:hover{background-color:var(--accent)}.toolbar__input___mbE52{width:8rem;min-width:0}.toolbar__separator___XbvK5{background-color:var(--border);flex:none;align-self:center}.toolbar__separator___XbvK5[data-orientation=vertical]{width:var(--border-width);height:var(--icon-size)}.toolbar__separator___XbvK5[data-orientation=horizontal]{height:var(--border-width);width:var(--icon-size)}}
|
package/dist/css/tooltip.css
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer tokens, base, components, utilities;
|
|
2
|
+
@layer components{.tooltip__positioner___l9j7s{isolation:isolate;z-index:var(--z-tooltip)}.tooltip__content___3Ln0A{color-scheme:dark;z-index:var(--z-tooltip);width:fit-content;max-width:20rem;padding:calc(var(--padding-sm) / 2) var(--padding-sm);border-radius:var(--radius-sm);background-color:var(--popover);color:var(--popover-foreground);box-shadow:0 0 0 var(--border-width) var(--border);transform-origin:var(--transform-origin);--_enter-opacity:0;--_enter-scale:.95;--_exit-opacity:0;--_exit-scale:.95;animation:var(--keyframes-exit) var(--duration-fast) var(--ease)}.tooltip__content___3Ln0A[data-open]{animation:var(--keyframes-enter) var(--duration-fast) var(--ease)}.tooltip__content___3Ln0A[data-side=bottom]{--_enter-y:calc(var(--gap-sm) * -1)}.tooltip__content___3Ln0A[data-side=top]{--_enter-y:var(--gap-sm)}.tooltip__content___3Ln0A[data-side=left],.tooltip__content___3Ln0A[data-side=inline-start]{--_enter-x:var(--gap-sm)}.tooltip__content___3Ln0A[data-side=right],.tooltip__content___3Ln0A[data-side=inline-end]{--_enter-x:calc(var(--gap-sm) * -1)}.tooltip__arrow___aJN0q{--_size:.5rem;z-index:var(--z-tooltip);width:var(--_size);height:var(--_size);border-radius:calc(var(--radius-sm) / 4);background-color:inherit;transform:rotate(45deg)}.tooltip__arrow___aJN0q[data-side=top]{bottom:calc(var(--_size) / -2)}.tooltip__arrow___aJN0q[data-side=bottom]{top:calc(var(--_size) / -2)}.tooltip__arrow___aJN0q[data-side=left]{top:50%;right:calc(var(--_size) / -2);transform:translateY(-50%)rotate(45deg)}.tooltip__arrow___aJN0q[data-side=inline-start]{top:50%;inset-inline-end:calc(var(--_size) / -2);transform:translateY(-50%)rotate(45deg)}.tooltip__arrow___aJN0q[data-side=right]{top:50%;left:calc(var(--_size) / -2);transform:translateY(-50%)rotate(45deg)}.tooltip__arrow___aJN0q[data-side=inline-end]{top:50%;inset-inline-start:calc(var(--_size) / -2);transform:translateY(-50%)rotate(45deg)}}
|
package/dist/css/typography.css
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer tokens, base, components, utilities;
|
|
2
|
+
@layer components{:where(.text__root___WXSj0){margin:0}.text__typeMain___EMyyg{color:var(--foreground)}.text__typeInverse___rr-F0{color:var(--background)}.text__typeSecondary___lPDp1{color:var(--muted-foreground)}.text__typeError___MJD1v{color:color-mix(in oklab, var(--destructive) 85%, light-dark(var(--foreground),var(--destructive)))}.text__typeSuccess___RVroi{color:var(--success)}.text__typePrimary___T19nc{color:var(--primary)}.text__sizeDefault___01O1A{font-size:calc(var(--text-default,var(--text-sm)) * var(--text-scale));line-height:var(--text-default--line-height,calc(1.25 / .875))}.text__sizeXs___WXVbr{font-size:calc(var(--text-xs) * var(--text-scale));line-height:1.33333}.text__sizePxs___TT4nK{font-size:calc(var(--text-pxs) * var(--text-scale));line-height:1.38462}.text__sizeSm___IaquG{font-size:calc(var(--text-sm) * var(--text-scale));line-height:1.42857}.text__sizeBase___CuUMK{font-size:calc(var(--text-base) * var(--text-scale));line-height:1.5}.text__sizeLg___0VG-5{font-size:calc(var(--text-lg) * var(--text-scale));line-height:1.55556}.text__sizeXl___-zWCu{font-size:calc(var(--text-xl) * var(--text-scale));line-height:1.4}.text__truncate___S7lLS{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.text__alignLeft___JvUDU{text-align:left}.text__alignCenter___HrYTw{text-align:center;display:block}.text__alignRight___H6b60{text-align:right;display:block}.text__leadingNone___OtxGj{line-height:1}.text__leadingTight___PNiV7{line-height:1.25}.text__leadingSnug___sqQmC{line-height:1.375}.text__leadingNormal___ONkfy{line-height:1.5}.text__leadingRelaxed___yCCy2{line-height:1.625}.text__leadingLoose___LBj11{line-height:2}.text__weightNormal___EcUAi{font-weight:400}.text__weightMedium___NvDV9{font-weight:500}.text__weightSemibold___cBVe2{font-weight:600}.text__weightBold___cGJTO{font-weight:700}.text__numeric___1Fztf{font-variant-numeric:tabular-nums}.text__mono____1QnP{font-family:var(--font-mono)}.text__heading___DxWiA{font-family:var(--font-heading,var(--font-sans))}.text__caps___h9nRj{text-transform:uppercase;letter-spacing:.1em}.heading__root___dBhe6{color:var(--foreground);font-family:var(--font-heading,var(--font-sans));text-wrap:balance;margin:0;font-weight:600}.heading__size2xl___j2QyW{font-size:calc(var(--text-2xl) * var(--text-scale));line-height:1.33333}.heading__sizeXl___Qromg{font-size:calc(var(--text-xl) * var(--text-scale));line-height:1.4}.heading__sizeLg___7PL1b{font-size:calc(var(--text-lg) * var(--text-scale));line-height:1.55556}.heading__sizeBase___oEAbz{font-size:calc(var(--text-base) * var(--text-scale));line-height:1.5}.heading__sizeSm___bMaet{font-size:calc(var(--text-sm) * var(--text-scale));line-height:1.42857}.heading__size2xl___j2QyW,.heading__sizeXl___Qromg{letter-spacing:-.025em}.heading__group___Sjvwt{gap:var(--gap-sm);flex-direction:column;display:flex}.heading__sub___UOnbD{text-wrap:pretty;margin:0}.heading__truncate___tvfJj{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:where(.display-label__root___Pkkay){color:var(--foreground);font-size:calc(var(--text-sm) * var(--text-scale));margin:0;font-weight:500;line-height:1.42857}:where(.text-link__root___BwdQW){color:var(--link);text-underline-offset:3px;border-radius:var(--radius-sm);text-decoration-line:underline}.text-link__root___BwdQW:hover{text-decoration-thickness:2px}:where(.text-link__subtle___1pytK){color:inherit;text-decoration-line:none}.text-link__subtle___1pytK:hover{text-decoration-line:underline}.rich-text__root___Rqgeq>:first-child{margin-block-start:0}.rich-text__root___Rqgeq>:last-child{margin-block-end:0}.rich-text__root___Rqgeq p,.rich-text__root___Rqgeq ul,.rich-text__root___Rqgeq ol,.rich-text__root___Rqgeq blockquote,.rich-text__root___Rqgeq pre{margin-block:.75em}.rich-text__root___Rqgeq ul,.rich-text__root___Rqgeq ol{padding-inline-start:1.5em}.rich-text__root___Rqgeq li{margin-block:.25em}.rich-text__root___Rqgeq li>p:first-child{margin-block-start:0}.rich-text__root___Rqgeq li>p:last-child{margin-block-end:0}.rich-text__root___Rqgeq a{color:var(--link);text-underline-offset:3px;text-decoration:underline}.rich-text__root___Rqgeq code{border-radius:var(--radius-sm);background-color:var(--muted);font-family:var(--font-mono);padding:.1em .32em;font-size:.875em}.rich-text__root___Rqgeq pre{padding:var(--padding);border-radius:var(--radius-sm);background-color:var(--muted);position:relative;overflow-x:auto}.rich-text__root___Rqgeq pre code{background:0 0;padding:0}.rich-text__root___Rqgeq blockquote{border-inline-start:calc(var(--border-width) * 2) solid var(--border);color:var(--muted-foreground);padding-inline-start:1em}}
|
package/dist/css/upload.css
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
:root{--dropzone-bg:transparent}@layer components{:root,[data-ui-scope],[data-density],[data-theme],.light,.dark{--upload-avatar:round(calc(5rem * var(--density-scale,var(--scale))), 1px)}.upload__dropzone___18PHm{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-2xl);border:var(--border-width) dashed var(--control-border);border-radius:var(--radius);background-color:var(--dropzone-bg);text-align:center;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;position:relative}.upload__dropzoneCompact___lO1Y2{padding:var(--space-lg);text-align:start;flex-direction:row}.upload__dropzone___18PHm:hover{background-color:var(--accent-50)}.upload__dropzone___18PHm:has(>.upload__dropzoneInput___OSLjX:focus-visible){border-color:var(--focus-ring-color);box-shadow:var(--focus-ring)}.upload__dropzone___18PHm[data-dragging]{border-style:solid;border-color:var(--primary);background-color:var(--primary-5)}.upload__dropzone___18PHm[data-invalid]{border-color:var(--invalid-ring-border);box-shadow:var(--invalid-ring)}.upload__dropzone___18PHm[data-invalid]:has(>.upload__dropzoneInput___OSLjX:focus-visible){border-color:var(--invalid-ring-border)}.upload__dropzone___18PHm[data-disabled]{pointer-events:none;opacity:var(--disabled-opacity)}.upload__dropzoneInput___OSLjX{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload__dropzoneInput___OSLjX:disabled{cursor:not-allowed}.upload__dropzoneIcon___dEbuz{width:var(--size-icon-xl);height:var(--size-icon-xl);color:var(--muted-foreground);flex-shrink:0}.upload__dropzoneCopy___FGRl_{align-items:center;gap:var(--space-2xs);flex-direction:column;display:flex}.upload__dropzoneCompact___lO1Y2 .upload__dropzoneCopy___FGRl_{align-items:flex-start}.upload__dropzoneText___fG9Sv{font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.upload__dropzoneHint____aACx{font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--muted-foreground);text-wrap:pretty}.upload__list___54BTe{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.upload__row___6TE2T{align-items:center;gap:var(--space-lg);padding:var(--row-py) var(--row-px);border:var(--border-width) solid var(--border);border-radius:var(--radius);display:flex}[data-slot=card] .upload__row___6TE2T{border-radius:var(--radius-sm)}.upload__rowActions___fgMkU{gap:var(--space-2xs);flex-shrink:0;display:inline-flex}.upload__row___6TE2T>.upload__thumb___I7oD7,.upload__row___6TE2T>.upload__statusIcon___VRRk3{transform:translateY(var(--item-media-offset));align-self:flex-start}.upload__thumb___I7oD7{width:var(--size-medallion);height:var(--size-medallion);border-radius:var(--radius-sm);background-color:var(--muted);color:var(--muted-foreground);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.upload__thumb___I7oD7>img{object-fit:cover;width:100%;height:100%}.upload__rowBody___51jrN{flex-direction:column;flex:1;min-width:0;display:flex}.upload__rowName____3TMo{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.upload__rowMeta___NlE7h{font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--muted-foreground)}.upload__progress___sfhZY{width:100%;height:var(--space-xs);margin-top:var(--space-md);border-radius:var(--radius-pill);background-color:var(--foreground-20);overflow:hidden}.upload__progressFill___PXFlt{border-radius:inherit;background-color:var(--primary);height:100%;transition:width var(--duration-normal) var(--ease-out)}.upload__root___TLif3{gap:var(--space-lg);flex-direction:column;display:flex}.upload__rejections___VTeCm{gap:var(--space-2xs);flex-direction:column;display:flex}.upload__mediaRoot___yS2ko{align-items:flex-start;gap:var(--space-sm);flex-direction:column;display:flex}.upload__mediaPicker___eVcZk{isolation:isolate;border:var(--border-width) dashed var(--control-border);background-color:var(--dropzone-bg);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.upload__mediaPicker___eVcZk>.upload__dropzoneInput___OSLjX{z-index:var(--z-raised)}.upload__mediaPicker___eVcZk:has(>.upload__dropzoneInput___OSLjX:focus-visible){border-color:var(--focus-ring-color);box-shadow:var(--focus-ring)}.upload__mediaPicker___eVcZk[data-invalid]{border-color:var(--invalid-ring-border);box-shadow:var(--invalid-ring)}.upload__mediaPicker___eVcZk[data-invalid]:has(>.upload__dropzoneInput___OSLjX:focus-visible){border-color:var(--invalid-ring-border)}.upload__mediaPicker___eVcZk[data-dragging]{border-style:solid;border-color:var(--primary);background-color:var(--primary-5)}.upload__mediaPicker___eVcZk[data-disabled]{pointer-events:none;opacity:var(--disabled-opacity)}.upload__mediaPicker___eVcZk[data-filled]{border-style:solid}.upload__mediaPicker___eVcZk:hover:not([data-filled]):not([data-disabled]){background-color:var(--accent-50)}.upload__avatarPicker___rAikO{width:var(--upload-avatar);height:var(--upload-avatar);border-radius:50%}.upload__imagePicker___zDNWf{width:100%;height:calc(10rem * var(--scale));border-radius:var(--radius)}.upload__mediaPreview___BS0TO{object-fit:cover;width:100%;height:100%}.upload__mediaOverlay___diadO{justify-content:center;align-items:center;gap:var(--space-2xs);background-color:color-mix(in oklab, var(--shadow-ink) 62%, transparent);color:var(--inverse-foreground);font-size:var(--text-xs);line-height:var(--text-xs--line-height);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;position:absolute;inset:0}.upload__mediaPicker___eVcZk[data-filled]:hover .upload__mediaOverlay___diadO,.upload__mediaPicker___eVcZk[data-filled]:focus-within .upload__mediaOverlay___diadO,.upload__mediaPicker___eVcZk[data-filled][data-dragging] .upload__mediaOverlay___diadO{opacity:1}.upload__mediaOverlay___diadO>svg{width:var(--size-icon-xl);height:var(--size-icon-xl)}.upload__mediaEmpty___5M65A{align-items:center;gap:var(--space-2xs);padding:var(--space-md);text-align:center;color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--text-xs--line-height);pointer-events:none;flex-direction:column;display:flex}@media (hover:none){.upload__mediaPicker___eVcZk[data-filled]:not([data-disabled]) .upload__mediaOverlay___diadO{padding:var(--space-sm);opacity:1;flex-direction:row;inset-block-start:auto}.upload__mediaOverlay___diadO>svg{width:var(--size-icon);height:var(--size-icon)}}.upload__mediaEmpty___5M65A>svg{width:var(--size-icon-xl);height:var(--size-icon-xl)}.upload__tray___u741N{gap:var(--space-lg);flex-direction:column;display:flex}.upload__trayToolbar___NmrU5{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.upload__trayCounts___hrAmS{align-items:center;gap:var(--space-md);flex-wrap:wrap;flex:1;display:flex}.upload__statusIcon___VRRk3{width:var(--size-icon);height:var(--size-icon);flex-shrink:0;justify-content:center;align-items:center;display:flex}.upload__statusIcon___VRRk3>svg{width:100%;height:100%}.upload__statusQueued___CMIPL{color:var(--muted-foreground)}.upload__statusUploading___ec2M2{color:var(--primary-accent)}.upload__statusDone___MW_Za{color:var(--success)}.upload__statusError___kutx4{color:var(--destructive)}.upload__statusCancelled___JKMmC{color:var(--muted-foreground)}.upload__statusUploading___ec2M2>svg{animation:var(--animate-spin)}.upload__rowError___X8Aj2{font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--destructive)}.upload__gallery___1UoHk{grid-template-columns:repeat(auto-fill, minmax(calc(7rem * var(--scale)), 1fr));gap:var(--space-lg);display:grid}.upload__tile___8-XgU{aspect-ratio:1;border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);background-color:var(--muted);position:relative;overflow:hidden}.upload__tile___8-XgU[data-dragging]{opacity:var(--repeater-dragging-opacity)}.upload__tile___8-XgU[data-drop]{outline:var(--border-width-strong) solid var(--primary);outline-offset:calc(var(--border-width-strong) * -1)}.upload__tileImage___pT1Rk{object-fit:cover;width:100%;height:100%;display:block}.upload__tileFallback___h-Jsc{width:var(--size-icon);height:var(--size-icon);color:var(--muted-foreground);margin:auto}.upload__tileHandle___ulbFv{cursor:grab;border-radius:inherit;background:0 0;border:0;padding:0;position:absolute;inset:0}.upload__tileHandle___ulbFv:active{cursor:grabbing}.upload__tileHandle___ulbFv:focus-visible{box-shadow:var(--focus-ring-inset);outline:none}.upload__tileRemove___JQHnl{--button-radius:calc(var(--radius-sm) - var(--space-xs));top:var(--space-xs);z-index:var(--z-raised);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);position:absolute;inset-inline-end:var(--space-xs)}.upload__tile___8-XgU:hover .upload__tileRemove___JQHnl,.upload__tile___8-XgU:focus-within .upload__tileRemove___JQHnl{opacity:1}.upload__tileCover___0TJt3{bottom:var(--space-sm);z-index:var(--z-raised);pointer-events:none;background-color:var(--inverse-background);color:var(--inverse-foreground);border-color:#0000;position:absolute;inset-inline-start:var(--space-sm)}.upload__galleryAdd___CGqBt{aspect-ratio:1;justify-content:center;align-items:center;gap:var(--space-2xs);border:var(--border-width) dashed var(--control-border);border-radius:var(--radius-sm);background-color:var(--dropzone-bg);color:var(--muted-foreground);font-size:var(--text-xs);line-height:var(--text-xs--line-height);text-align:center;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;position:relative}.upload__galleryAdd___CGqBt:hover{background-color:var(--accent-50)}.upload__galleryAdd___CGqBt:has(input:focus-visible){border-color:var(--focus-ring-color);box-shadow:var(--focus-ring)}.upload__galleryAdd___CGqBt[data-dragging]{border-style:solid;border-color:var(--primary);background-color:var(--primary-5)}.upload__galleryAdd___CGqBt[data-disabled]{pointer-events:none;opacity:var(--disabled-opacity)}.upload__galleryAdd___CGqBt>svg{width:var(--size-icon-xl);height:var(--size-icon-xl)}.upload__pickerShell___25oaj{gap:var(--space-lg);cursor:pointer;position:relative}.upload__pickerIcon___v0eFJ{width:var(--size-icon);height:var(--size-icon);color:var(--muted-foreground);flex-shrink:0}.upload__pickerLabel___tY20Z{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.upload__pickerEmpty___Ql3p-{color:var(--muted-foreground)}.upload__pickerMeta___0fZCN{font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--muted-foreground);flex-shrink:0}.upload__pickerClear___Rf83M{z-index:var(--z-raised);flex-shrink:0;position:relative}.upload__dropzoneFooter___q6ETS{align-items:center;gap:var(--space-sm);margin-block-start:var(--space-sm);display:flex}}
|
|
1
|
+
@layer tokens, base, components, utilities;
|
|
2
|
+
@layer components{.upload__dropzone___18PHm{justify-content:center;align-items:center;gap:var(--gap-sm);padding:var(--padding);border:var(--border-width) dashed var(--input);border-radius:var(--radius);text-align:center;cursor:pointer;transition:border-color var(--duration-fast) var(--ease), background-color var(--duration-fast) var(--ease);flex-direction:column;display:flex;position:relative}.upload__dropzoneCompact___lO1Y2{text-align:start;flex-direction:row}.upload__dropzone___18PHm:hover:not([data-disabled]){background-color:var(--accent)}.upload__dropzone___18PHm:has(>.upload__dropzoneInput___OSLjX:focus-visible){border-color:var(--ring);outline:calc(var(--border-width) * 2) solid var(--ring);outline-offset:calc(var(--border-width) * -1)}.upload__dropzone___18PHm[data-dragging]{border-style:solid;border-color:var(--primary);background-color:color-mix(in oklab, var(--primary) var(--tint), transparent)}.upload__dropzone___18PHm[data-invalid]{border-color:var(--destructive)}.upload__dropzone___18PHm[data-invalid]:has(>.upload__dropzoneInput___OSLjX:focus-visible){border-color:var(--destructive);outline-color:var(--destructive)}.upload__dropzone___18PHm[data-disabled]{cursor:not-allowed;opacity:var(--disabled-opacity)}.upload__dropzoneInput___OSLjX{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload__dropzoneInput___OSLjX:disabled{cursor:not-allowed}.upload__dropzoneIcon___dEbuz{width:1.5rem;height:1.5rem;color:var(--muted-foreground);flex-shrink:0}.upload__dropzoneCopy___FGRl_{align-items:center;gap:calc(var(--gap-sm) / 2);flex-direction:column;display:flex}.upload__dropzoneCompact___lO1Y2 .upload__dropzoneCopy___FGRl_{align-items:flex-start}.upload__dropzoneHint____aACx{text-wrap:pretty}.upload__list___54BTe{gap:var(--gap-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.upload__row___6TE2T{align-items:center;gap:var(--gap);padding:var(--padding-sm);border:var(--border-width) solid var(--border);border-radius:var(--radius);display:flex}[data-slot=card] .upload__row___6TE2T{border-radius:var(--radius-sm)}.upload__rowActions___fgMkU{gap:calc(var(--gap-sm) / 2);flex-shrink:0;display:inline-flex}.upload__row___6TE2T>.upload__thumb___I7oD7,.upload__row___6TE2T>.upload__statusIcon___VRRk3{align-self:flex-start;transform:translateY(.125rem)}.upload__thumb___I7oD7{border-radius:var(--radius-sm);background-color:var(--muted);width:2.5rem;height:2.5rem;color:var(--muted-foreground);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.upload__thumb___I7oD7>img{object-fit:cover;width:100%;height:100%}.upload__rowBody___51jrN{gap:calc(var(--gap-sm) / 2);flex-direction:column;flex:1;min-width:0;display:flex}.upload__rowName____3TMo{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.upload__progress___sfhZY{width:100%;height:.25rem;margin-top:calc(var(--gap-sm) / 2);border-radius:var(--radius-pill);background-color:color-mix(in oklab, var(--foreground) var(--tint-strong), transparent);overflow:hidden}.upload__progressFill___PXFlt{border-radius:inherit;background-color:var(--primary);height:100%;transition:width var(--duration) var(--ease)}.upload__root___TLif3{gap:var(--gap);flex-direction:column;display:flex}.upload__rejections___VTeCm{gap:calc(var(--gap-sm) / 2);flex-direction:column;display:flex}.upload__mediaRoot___yS2ko{align-items:flex-start;gap:var(--gap-sm);flex-direction:column;display:flex}.upload__mediaPicker___eVcZk{isolation:isolate;border:var(--border-width) dashed var(--input);cursor:pointer;transition:border-color var(--duration-fast) var(--ease), background-color var(--duration-fast) var(--ease);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.upload__mediaPicker___eVcZk>.upload__dropzoneInput___OSLjX{z-index:1}.upload__mediaPicker___eVcZk:has(>.upload__dropzoneInput___OSLjX:focus-visible){border-color:var(--ring);outline:calc(var(--border-width) * 2) solid var(--ring);outline-offset:calc(var(--border-width) * -1)}.upload__mediaPicker___eVcZk[data-invalid]{border-color:var(--destructive)}.upload__mediaPicker___eVcZk[data-invalid]:has(>.upload__dropzoneInput___OSLjX:focus-visible){border-color:var(--destructive);outline-color:var(--destructive)}.upload__mediaPicker___eVcZk[data-dragging]{border-style:solid;border-color:var(--primary);background-color:color-mix(in oklab, var(--primary) var(--tint), transparent)}.upload__mediaPicker___eVcZk[data-disabled]{cursor:not-allowed;opacity:var(--disabled-opacity)}.upload__mediaPicker___eVcZk[data-filled]{border-style:solid}.upload__mediaPicker___eVcZk:hover:not([data-filled]):not([data-disabled]){background-color:var(--accent)}.upload__avatarPicker___rAikO{border-radius:50%;width:5rem;height:5rem}.upload__imagePicker___zDNWf{border-radius:var(--radius);width:100%;height:10rem}.upload__mediaPreview___BS0TO{object-fit:cover;width:100%;height:100%}.upload__mediaOverlay___diadO{justify-content:center;align-items:center;gap:calc(var(--gap-sm) / 2);color-scheme:dark;background-color:color-mix(in oklab, var(--background) 62%, transparent);color:var(--foreground);opacity:0;transition:opacity var(--duration-fast) var(--ease);flex-direction:column;display:flex;position:absolute;inset:0}.upload__mediaPicker___eVcZk[data-filled]:hover .upload__mediaOverlay___diadO,.upload__mediaPicker___eVcZk[data-filled]:focus-within .upload__mediaOverlay___diadO,.upload__mediaPicker___eVcZk[data-filled][data-dragging] .upload__mediaOverlay___diadO{opacity:1}.upload__mediaOverlay___diadO>svg{width:1.5rem;height:1.5rem}.upload__mediaEmpty___5M65A{align-items:center;gap:calc(var(--gap-sm) / 2);padding:var(--padding-sm);text-align:center;color:var(--muted-foreground);pointer-events:none;flex-direction:column;display:flex}@media (hover:none){.upload__mediaPicker___eVcZk[data-filled]:not([data-disabled]) .upload__mediaOverlay___diadO{padding:var(--padding-sm);opacity:1;flex-direction:row;inset-block-start:auto}.upload__mediaOverlay___diadO>svg{width:var(--icon-size);height:var(--icon-size)}}.upload__mediaEmpty___5M65A>svg{width:1.5rem;height:1.5rem}.upload__tray___u741N{gap:var(--gap);flex-direction:column;display:flex}.upload__trayToolbar___NmrU5{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.upload__trayCounts___hrAmS{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;flex:1;display:flex}.upload__statusIcon___VRRk3{width:var(--icon-size);height:var(--icon-size);flex-shrink:0;justify-content:center;align-items:center;display:flex}.upload__statusIcon___VRRk3>svg{width:100%;height:100%}.upload__statusQueued___CMIPL{color:var(--muted-foreground)}.upload__statusUploading___ec2M2{color:var(--primary)}.upload__statusDone___MW_Za{color:var(--success)}.upload__statusError___kutx4{color:var(--destructive)}.upload__statusCancelled___JKMmC{color:var(--muted-foreground)}.upload__statusUploading___ec2M2>svg{animation:var(--keyframes-spin) 1s linear infinite}.upload__gallery___1UoHk{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));display:grid}.upload__tile___8-XgU{aspect-ratio:1;border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);background-color:var(--muted);position:relative;overflow:hidden}.upload__tile___8-XgU[data-dragging]{opacity:.4}.upload__tile___8-XgU[data-drop]{outline:calc(var(--border-width) * 2) solid var(--primary);outline-offset:calc(var(--border-width) * -2)}.upload__tileImage___pT1Rk{object-fit:cover;width:100%;height:100%;display:block}.upload__tileFallback___h-Jsc{width:var(--icon-size);height:var(--icon-size);color:var(--muted-foreground);margin:auto}.upload__tileHandle___ulbFv{cursor:grab;border-radius:inherit;background:0 0;border:0;padding:0;position:absolute;inset:0}.upload__tileHandle___ulbFv:active{cursor:grabbing}.upload__tileHandle___ulbFv:focus-visible{outline-offset:calc(var(--border-width) * -2)}.upload__tileRemove___JQHnl{--_button-radius:calc(var(--radius-sm) - var(--padding-sm) / 2);top:calc(var(--padding-sm) / 2);z-index:1;opacity:0;transition:opacity var(--duration-fast) var(--ease);position:absolute;inset-inline-end:calc(var(--padding-sm) / 2)}.upload__tile___8-XgU:hover .upload__tileRemove___JQHnl,.upload__tile___8-XgU:focus-within .upload__tileRemove___JQHnl{opacity:1}.upload__tileCover___0TJt3{bottom:var(--padding-sm);z-index:1;pointer-events:none;color-scheme:dark;background-color:var(--background);color:var(--foreground);border-color:#0000;position:absolute;inset-inline-start:var(--padding-sm)}.upload__galleryAdd___CGqBt{aspect-ratio:1;justify-content:center;align-items:center;gap:calc(var(--gap-sm) / 2);border:var(--border-width) dashed var(--input);border-radius:var(--radius-sm);color:var(--muted-foreground);text-align:center;cursor:pointer;transition:border-color var(--duration-fast) var(--ease), background-color var(--duration-fast) var(--ease);flex-direction:column;display:flex;position:relative}.upload__galleryAdd___CGqBt:hover:not([data-disabled]){background-color:var(--accent)}.upload__galleryAdd___CGqBt:has(input:focus-visible){border-color:var(--ring);outline:calc(var(--border-width) * 2) solid var(--ring);outline-offset:calc(var(--border-width) * -1)}.upload__galleryAdd___CGqBt[data-dragging]{border-style:solid;border-color:var(--primary);background-color:color-mix(in oklab, var(--primary) var(--tint), transparent)}.upload__galleryAdd___CGqBt[data-disabled]{cursor:not-allowed;opacity:var(--disabled-opacity)}.upload__galleryAdd___CGqBt>svg{width:1.5rem;height:1.5rem}.upload__pickerShell___25oaj{cursor:pointer;position:relative}.upload__pickerIcon___v0eFJ{width:var(--icon-size);height:var(--icon-size);color:var(--muted-foreground);flex-shrink:0}.upload__pickerLabel___tY20Z{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.upload__pickerEmpty___Ql3p-{color:var(--muted-foreground)}.upload__pickerMeta___0fZCN{flex-shrink:0}.upload__pickerClear___Rf83M{z-index:1;flex-shrink:0;position:relative}.upload__dropzoneFooter___q6ETS{align-items:center;gap:var(--gap-sm);margin-block-start:var(--gap-sm);display:flex}}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer tokens, base, components, utilities;
|
|
2
|
+
@layer components{.value-inputs__sliderRoot___TVz5X{--_slider-track:.375rem;--_slider-thumb:var(--icon-size);align-items:center;gap:var(--gap);display:flex}.value-inputs__slider___Jn7Np{align-items:center;gap:var(--gap);flex:1;min-width:0;display:flex}.value-inputs__slider___Jn7Np[data-orientation=horizontal]{width:100%}.value-inputs__slider___Jn7Np[data-orientation=vertical]{height:100%}.value-inputs__slider___Jn7Np[data-orientation=vertical] .value-inputs__sliderControl___5mXkK{min-block-size:10rem;min-inline-size:1.5rem}.value-inputs__sliderControl___5mXkK{min-width:0;min-block-size:1.5rem;touch-action:none;-webkit-user-select:none;user-select:none;flex:1;align-items:center;width:100%;display:flex;position:relative}.value-inputs__sliderControl___5mXkK[data-disabled]{cursor:not-allowed;opacity:var(--disabled-opacity)}.value-inputs__sliderControl___5mXkK[data-disabled] .value-inputs__sliderThumb___PA1oN{cursor:not-allowed}.value-inputs__sliderControl___5mXkK[data-orientation=vertical]{flex-direction:column;width:auto;height:100%}.value-inputs__sliderTrack___OZ4qQ{border-radius:var(--radius-pill);background-color:color-mix(in oklab, var(--foreground) var(--tint-strong), transparent);-webkit-user-select:none;user-select:none;flex-grow:1;position:relative;overflow:hidden}.value-inputs__sliderTrack___OZ4qQ[data-orientation=horizontal]{height:var(--_slider-track);width:100%}.value-inputs__sliderTrack___OZ4qQ[data-orientation=vertical]{width:var(--_slider-track);height:100%}.value-inputs__sliderRange___qgdN0{background-color:var(--primary);-webkit-user-select:none;user-select:none;position:absolute}.value-inputs__sliderRange___qgdN0[data-orientation=horizontal]{height:100%}.value-inputs__sliderRange___qgdN0[data-orientation=vertical]{width:100%}.value-inputs__sliderThumb___PA1oN{width:var(--_slider-thumb);height:var(--_slider-thumb);border:calc(var(--border-width) * 2) solid var(--primary);border-radius:var(--radius-pill);background-color:var(--background);box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;cursor:grab;transition:box-shadow var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);flex-shrink:0;display:block}.value-inputs__sliderThumb___PA1oN:hover{box-shadow:var(--shadow), 0 0 0 calc(var(--padding-sm) / 2) color-mix(in oklab, var(--foreground) var(--tint), transparent)}.value-inputs__sliderThumb___PA1oN:has(:focus-visible){outline:calc(var(--border-width) * 2) solid var(--ring);outline-offset:calc(var(--border-width) * 2)}.value-inputs__sliderThumb___PA1oN:active{cursor:grabbing}@media (pointer:coarse){.value-inputs__sliderRoot___TVz5X{--_slider-track:.5rem;--_slider-thumb:1.25rem}}.value-inputs__slider___Jn7Np[aria-invalid=true] .value-inputs__sliderRange___qgdN0{background-color:var(--destructive)}.value-inputs__slider___Jn7Np[aria-invalid=true] .value-inputs__sliderThumb___PA1oN{border-color:var(--destructive);outline-color:var(--destructive)}.value-inputs__sliderValue___Jcfq4{text-align:end;flex-shrink:0;min-width:2rem}.value-inputs__tagsShell___R-B11{align-items:center;gap:var(--gap-sm);padding-block:calc(var(--padding-sm) / 2);cursor:text;flex-wrap:wrap}.value-inputs__tagsShell___R-B11 [data-field-control]{padding-block:0}.value-inputs__tag___6Ch0s{min-height:calc(var(--control-height-sm) - var(--padding-sm));align-items:center;gap:calc(var(--gap-sm) / 2);padding-inline:var(--padding-sm);border-radius:var(--radius-sm);background-color:color-mix(in oklab, var(--foreground) var(--tint), transparent);color:var(--foreground);display:inline-flex}.value-inputs__tagRemove___vPeFa{border-radius:var(--radius-sm);color:var(--muted-foreground);cursor:pointer;transition:background-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);background:0 0;border:0;align-items:center;display:inline-flex}.value-inputs__tagRemove___vPeFa:hover:not(:disabled){background-color:var(--accent);color:var(--foreground)}.value-inputs__tagRemove___vPeFa>svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.value-inputs__tagsInput___88_8P{min-width:5rem;color:inherit;background:0 0;border:0;flex:1}.value-inputs__tagsInput___88_8P::placeholder{color:var(--muted-foreground)}.value-inputs__tagsFooter___dEqPc{justify-content:space-between;align-items:center;gap:var(--gap-sm);margin-top:var(--gap-sm);display:flex}.value-inputs__tagsClear___DpqXx{color:inherit;text-underline-offset:3px;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;padding:0;text-decoration:underline}.value-inputs__colorRoot___4TlRL{align-items:center;gap:var(--gap-sm);min-width:0;display:flex}.value-inputs__colorPicker___oCBbz{width:var(--control-height);height:var(--control-height);border:var(--border-width) solid var(--input);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease);background-color:#0000;flex-shrink:0;position:relative;overflow:hidden}.value-inputs__colorPicker___oCBbz:has(.value-inputs__colorNative___M0EBv:focus-visible){border-color:var(--ring);outline:calc(var(--border-width) * 2) solid var(--ring);outline-offset:calc(var(--border-width) * -1)}.value-inputs__colorPicker___oCBbz:hover:not(:has(:focus-visible)):not(:has(:disabled)):not([data-invalid]){border-color:color-mix(in oklab, var(--input), var(--foreground) 35%)}.value-inputs__colorPicker___oCBbz[data-invalid],.value-inputs__colorPicker___oCBbz[data-invalid]:has(.value-inputs__colorNative___M0EBv:focus-visible){border-color:var(--destructive);outline-color:var(--destructive)}.value-inputs__colorPicker___oCBbz[data-disabled],.value-inputs__colorPicker___oCBbz[data-disabled] .value-inputs__colorNative___M0EBv{cursor:not-allowed}.value-inputs__colorPicker___oCBbz[data-disabled]{opacity:var(--disabled-opacity)}.value-inputs__colorSwatch___IKK_t{inset:calc(var(--padding-sm) / 2);border-radius:calc(var(--radius-sm) - var(--padding-sm) / 2);position:absolute}.value-inputs__colorSwatch___IKK_t[data-empty]{--_strike:var(--muted-foreground);box-shadow:inset 0 0 0 var(--border-width) var(--border);background:linear-gradient(to top right, transparent calc(50% - var(--border-width)), var(--_strike) calc(50% - var(--border-width)), var(--_strike) calc(50% + var(--border-width)), transparent calc(50% + var(--border-width)))}.value-inputs__colorSwatch___IKK_t[data-unreadable]{--_strike:var(--destructive)}.value-inputs__colorNative___M0EBv{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.value-inputs__colorText___t1CW9{flex:1;min-width:0}.value-inputs__phoneRoot___H2Jvj{align-items:center;gap:var(--gap-sm);min-width:0;display:flex}.value-inputs__phonePrefix___f5PTY{flex-shrink:0;width:7.5rem}.value-inputs__phoneNumber___vIwkj{flex:1;min-width:0}}
|
package/dist/css/workspace.css
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
@layer
|
|
1
|
+
@layer tokens, base, components, utilities;
|
|
2
|
+
@layer components{.workspace__recordHeader___KnprU{min-width:0}.workspace__titleSuffix___lhqCq{align-items:center;gap:var(--gap-sm);flex-shrink:0;display:inline-flex}.workspace__actions___uZG8Z{align-items:center;gap:var(--gap-sm);flex-shrink:0;margin-inline-start:auto;display:flex}.workspace__metadata___Cy_7S{gap:var(--gap-sm) var(--gap);flex-wrap:wrap;min-width:0;margin:0;display:flex}.workspace__secondary___VBIoR{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;min-width:0;display:flex}.workspace__nav___QG3Gd{gap:var(--gap);flex-direction:column;height:100%;display:flex}.workspace__navGroups___VZ-LA{gap:var(--gap);flex-direction:column;flex:1;min-height:0;display:flex}.workspace__navGroup___kgAYb{gap:var(--gap-sm);flex-direction:column;display:flex}.workspace__navGroupHead___6Iq9o{padding-inline:var(--padding-sm);flex-direction:column;display:flex}.workspace__navItems___IsDGS{gap:calc(var(--gap-sm) / 2)}.workspace__navItem___x5Zi9{border-radius:var(--radius-sm);text-align:start;transition:background-color var(--duration-fast) var(--ease)}.workspace__navItem___x5Zi9:is(button,a){cursor:pointer}.workspace__navItem___x5Zi9:is(button,a):hover:not([data-active]):not([aria-disabled]),.workspace__navItem___x5Zi9[data-active]{background-color:var(--accent)}.workspace__navItem___x5Zi9[aria-disabled]{opacity:var(--disabled-opacity);cursor:not-allowed}.workspace__navStatusIcon___7F-to{width:var(--icon-size);height:var(--icon-size)}.workspace__navItem___x5Zi9[data-status=complete] .workspace__navStatusIcon___7F-to{color:var(--success)}.workspace__navItem___x5Zi9[data-status=current] .workspace__navStatusIcon___7F-to{color:var(--primary)}.workspace__navItem___x5Zi9[data-status=attention] .workspace__navStatusIcon___7F-to{color:color-mix(in oklab, var(--warning) 45%, light-dark(var(--foreground),var(--warning)))}.workspace__navItem___x5Zi9[data-status=idle] .workspace__navStatusIcon___7F-to,.workspace__navItem___x5Zi9[data-status=disabled] .workspace__navStatusIcon___7F-to{color:var(--muted-foreground)}.workspace__navProgress___xl2jj{align-items:center;gap:var(--gap-sm);margin-block-start:calc(var(--gap-sm) / 2);display:flex}.workspace__navProgress___xl2jj>:first-child{flex:1}.workspace__navFooter___Eia1s{flex-shrink:0}.workspace__layout___uBXQN{--_workspace-rail-w:20rem;border:var(--border-width) solid var(--border);border-radius:var(--radius);background-color:var(--background);width:100%;height:100%;min-height:0;color:var(--foreground);flex-direction:column;display:flex;overflow:hidden}.workspace__layoutHeader___pRfh-{border-bottom:var(--border-width) solid var(--border);flex-shrink:0}.workspace__layoutBody___S2QoE{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}@media (width>=64rem){.workspace__layout___uBXQN[data-has-sidebar] .workspace__layoutBody___S2QoE{grid-template-columns:var(--sidebar-width) minmax(0, 1fr)}.workspace__layout___uBXQN[data-has-rail] .workspace__layoutBody___S2QoE{grid-template-columns:minmax(0, 1fr) var(--_workspace-rail-w)}.workspace__layout___uBXQN[data-has-sidebar][data-has-rail] .workspace__layoutBody___S2QoE{grid-template-columns:var(--sidebar-width) minmax(0, 1fr) var(--_workspace-rail-w)}}.workspace__layoutSidebar___U8fUs,.workspace__layoutContent___pxIXK,.workspace__layoutRail___sel8s{min-width:0;min-height:0;padding:var(--padding);overflow-y:auto}.workspace__layoutSidebar___U8fUs{border-inline-end:var(--border-width) solid var(--border)}.workspace__layoutRail___sel8s{border-inline-start:var(--border-width) solid var(--border)}@media (width<=63.999rem){.workspace__layoutSidebar___U8fUs,.workspace__layoutRail___sel8s{border-inline:0;border-block-end:var(--border-width) solid var(--border);overflow-y:visible}}.workspace__layoutMeasure___Gw4fp{width:100%;max-width:var(--_measure);margin-inline:auto}.workspace__layout___uBXQN[data-content-width=default]{--_measure:58rem}.workspace__layout___uBXQN[data-content-width=wide]{--_measure:86rem}.workspace__layout___uBXQN[data-content-width=full]{--_measure:none}.workspace__strip___Xkl-d{align-items:center;gap:var(--gap);min-width:0;display:flex}.workspace__stripList___anFX4{gap:var(--gap-sm);flex:1;min-width:0;display:flex;position:relative;overflow-x:auto}.workspace__stripItem___Rjmze{gap:calc(var(--gap-sm) / 2);min-width:11rem;padding:var(--padding-sm);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);background-color:var(--card);color:inherit;text-align:start;cursor:pointer;transition:background-color var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);flex-direction:column;flex-shrink:0;display:flex}.workspace__stripItem___Rjmze:hover:not(:disabled):not([data-active]){background-color:var(--accent)}.workspace__stripItem___Rjmze[data-active]{border-color:var(--primary);background-color:color-mix(in oklab, var(--primary) var(--tint), transparent)}.workspace__stripItem___Rjmze:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.workspace__stripItem___Rjmze:focus-visible{outline-offset:calc(var(--border-width) * -2)}.workspace__stripHead___qxv2y{align-items:center;gap:var(--gap-sm);min-width:0;display:flex}.workspace__stripActions___iaWOt{flex-shrink:0}}
|