themelia-ui 2.0.0 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.agents/skills/themelia-ui/references/components/INDEX.json +1 -2
- package/.agents/skills/themelia-ui/references/components/base--qr-code.md +2 -2
- package/.agents/skills/themelia-ui/references/components/base--typography.md +1 -1
- package/.agents/skills/themelia-ui/references/components/features--schema-form.md +1 -1
- package/.agents/skills/themelia-ui/references/components/features--theme-tweaker.md +3 -2
- package/.agents/skills/themelia-ui/references/components/theming.md +3 -2
- package/.agents/skills/themelia-ui/references/components/ui-provider.md +1 -0
- package/.agents/skills/themelia-ui/references/migration.md +16 -1
- package/.agents/skills/themelia-ui/references/theming.md +1 -1
- package/CHANGELOG.md +52 -0
- package/README.md +1 -1
- package/dist/{accordion-DLW9FGTP.js → accordion-B4zNzH7s.js} +3 -4
- package/dist/accordion-VazE3cHZ.cjs +1 -0
- package/dist/{action-menu-DqQX1_H8.js → action-menu-BrMchcyt.js} +4 -4
- package/dist/{action-menu-BFDQbOMx.cjs → action-menu-CO6DZ2xa.cjs} +1 -1
- package/dist/admin/patterns/access.cjs +1 -1
- package/dist/admin/patterns/access.js +9 -9
- package/dist/admin/patterns/commerce.cjs +1 -1
- package/dist/admin/patterns/commerce.js +20 -19
- package/dist/{alert-dialog-BPePUOHx.cjs → alert-dialog-ByJw3YGj.cjs} +1 -1
- package/dist/{alert-dialog-DzqaOiE5.js → alert-dialog-ZHkE0QEz.js} +1 -1
- package/dist/{avatar-2v-o_zEv.js → avatar-C30TNJoy.js} +1 -1
- package/dist/{avatar-Cdw0zuGn.cjs → avatar-b2IaEzda.cjs} +1 -1
- package/dist/base/accordion.cjs +1 -1
- package/dist/base/accordion.js +1 -1
- package/dist/base/action-menu.cjs +1 -1
- package/dist/base/action-menu.js +1 -1
- package/dist/base/alert-dialog.cjs +1 -1
- package/dist/base/alert-dialog.js +1 -1
- package/dist/base/avatar.cjs +1 -1
- package/dist/base/avatar.js +1 -1
- package/dist/base/batch-action-bar.cjs +1 -1
- package/dist/base/batch-action-bar.js +1 -1
- package/dist/base/buttons.cjs +1 -1
- package/dist/base/buttons.js +1 -1
- package/dist/base/cards.cjs +1 -1
- package/dist/base/cards.js +1 -1
- package/dist/base/carousel.cjs +1 -1
- package/dist/base/carousel.js +1 -1
- package/dist/base/choice-inputs.cjs +1 -1
- package/dist/base/choice-inputs.js +1 -1
- package/dist/base/combobox.cjs +1 -1
- package/dist/base/combobox.js +1 -1
- package/dist/base/command.cjs +1 -1
- package/dist/base/command.js +1 -1
- package/dist/base/context-menu.cjs +1 -1
- package/dist/base/context-menu.js +2 -2
- package/dist/base/copyable.cjs +1 -1
- package/dist/base/copyable.js +1 -1
- package/dist/base/date-pickers.cjs +1 -1
- package/dist/base/date-pickers.js +1 -1
- package/dist/base/dialog.cjs +1 -1
- package/dist/base/dialog.js +1 -1
- package/dist/base/display.cjs +1 -1
- package/dist/base/display.js +1 -1
- package/dist/base/dropdown-menu.cjs +1 -1
- package/dist/base/dropdown-menu.js +1 -1
- package/dist/base/feedback.cjs +1 -1
- package/dist/base/feedback.js +1 -1
- package/dist/base/forms-numeric.cjs +1 -1
- package/dist/base/forms-numeric.js +1 -1
- package/dist/base/forms.cjs +1 -1
- package/dist/base/forms.js +1 -1
- package/dist/base/hover-card.cjs +1 -1
- package/dist/base/hover-card.js +1 -1
- package/dist/base/input-group.cjs +1 -1
- package/dist/base/input-group.js +1 -1
- package/dist/base/item.cjs +1 -1
- package/dist/base/item.js +1 -1
- package/dist/base/label.cjs +1 -1
- package/dist/base/label.js +1 -1
- package/dist/base/navigation-menu.cjs +1 -1
- package/dist/base/navigation-menu.js +1 -1
- package/dist/base/navigation.cjs +1 -1
- package/dist/base/navigation.js +1 -1
- package/dist/base/otp-input.cjs +1 -1
- package/dist/base/otp-input.js +1 -1
- package/dist/base/overlay.cjs +1 -1
- package/dist/base/overlay.js +1 -1
- package/dist/base/popover-menu.cjs +1 -1
- package/dist/base/popover-menu.js +1 -1
- package/dist/base/popover.cjs +1 -1
- package/dist/base/popover.js +1 -1
- package/dist/base/qr-code.cjs +1 -1
- package/dist/base/qr-code.js +47 -43
- package/dist/base/repeaters.cjs +1 -1
- package/dist/base/repeaters.js +1 -1
- package/dist/base/sheet.cjs +1 -1
- package/dist/base/sheet.js +1 -1
- package/dist/base/sidebar.cjs +1 -1
- package/dist/base/sidebar.js +1 -1
- package/dist/base/skeleton.cjs +1 -1
- package/dist/base/skeleton.js +1 -1
- package/dist/base/table.cjs +1 -1
- package/dist/base/table.js +1 -1
- package/dist/base/timeline.cjs +1 -1
- package/dist/base/timeline.js +1 -1
- package/dist/base/toaster.cjs +1 -1
- package/dist/base/toaster.js +1 -1
- package/dist/base/toolbar.cjs +1 -1
- package/dist/base/toolbar.js +1 -1
- package/dist/base/tooltip.cjs +1 -1
- package/dist/base/tooltip.js +1 -1
- package/dist/base/typography.cjs +1 -1
- package/dist/base/typography.js +1 -1
- package/dist/base/upload.cjs +1 -1
- package/dist/base/upload.js +1 -1
- package/dist/base/value-inputs.cjs +1 -1
- package/dist/base/value-inputs.js +1 -1
- package/dist/{batch-action-bar-Cvnz248b.cjs → batch-action-bar-BMIiHBU8.cjs} +1 -1
- package/dist/{batch-action-bar-BRCopWlT.js → batch-action-bar-CAIjntVw.js} +2 -2
- package/dist/{buttons-CMsvnL6-.cjs → buttons-Dwl42fIr.cjs} +1 -1
- package/dist/{buttons-Corm-KHK.js → buttons-riLAPVQV.js} +4 -3
- package/dist/{cards-CEtNjl6A.js → cards-CcwLsQQS.js} +8 -9
- package/dist/cards-DQPevRTY.cjs +1 -0
- package/dist/{choice-inputs-Ca9PoQwa.js → choice-inputs-BjZYCdzk.js} +7 -7
- package/dist/{choice-inputs-CySnLjfA.cjs → choice-inputs-C8LMAkh8.cjs} +1 -1
- package/dist/combobox-bDQg27j0.cjs +1 -0
- package/dist/{combobox-Dl1xWnR7.js → combobox-exdUS4qj.js} +8 -9
- package/dist/{command-DWZf3CPI.js → command-Dv84KSRv.js} +3 -3
- package/dist/{command-BSvB58XI.cjs → command-Geb5eIzu.cjs} +1 -1
- package/dist/{comments-CVD4jB9V.cjs → comments-CV9tvSAi.cjs} +1 -1
- package/dist/{comments-CIZ1L-DR.js → comments-CqdhAH1O.js} +485 -491
- package/dist/components/base/buttons/button.d.cts +1 -1
- package/dist/components/base/buttons/button.d.ts +1 -1
- package/dist/components/base/qr-code/qr-code.d.cts +2 -2
- package/dist/components/base/qr-code/qr-code.d.ts +2 -2
- package/dist/components/base/typography/rich-text/rich-text.d.cts +1 -0
- package/dist/components/base/typography/rich-text/rich-text.d.ts +1 -0
- package/dist/{copyable-Bbd_Tsxc.cjs → copyable-CMhsv_91.cjs} +1 -1
- package/dist/{copyable-CRdTLtmK.js → copyable-uzkCHMzl.js} +3 -3
- package/dist/core.css +1 -1
- package/dist/css/access.css +1 -1
- package/dist/css/accordion.css +1 -1
- package/dist/css/action-menu.css +1 -1
- package/dist/css/activities.css +1 -1
- package/dist/css/ai-chat.css +1 -1
- package/dist/css/analytics.css +1 -1
- package/dist/css/app-shell.css +1 -1
- package/dist/css/async-preview.css +1 -1
- package/dist/css/auth.css +1 -1
- package/dist/css/avatar.css +1 -1
- package/dist/css/badge.css +1 -1
- package/dist/css/batch-action-bar.css +1 -1
- package/dist/css/buttons.css +1 -1
- package/dist/css/cards.css +1 -1
- package/dist/css/carousel.css +1 -1
- package/dist/css/chart.css +1 -1
- package/dist/css/choice-inputs.css +1 -1
- package/dist/css/combobox.css +1 -1
- package/dist/css/combobox2.css +1 -1
- package/dist/css/command.css +1 -1
- package/dist/css/comments.css +1 -1
- package/dist/css/commerce.css +1 -1
- package/dist/css/copyable.css +1 -1
- package/dist/css/data-view.css +1 -1
- package/dist/css/date-pickers.css +1 -1
- package/dist/css/display.css +1 -1
- package/dist/css/dropdown-menu.css +1 -1
- package/dist/css/event-calendar.css +1 -1
- package/dist/css/feedback.css +1 -1
- package/dist/css/filters.css +1 -1
- package/dist/css/forms.css +1 -1
- package/dist/css/global-search.css +1 -1
- package/dist/css/header.css +1 -1
- package/dist/css/hover-card.css +1 -1
- package/dist/css/input-group.css +1 -1
- package/dist/css/item.css +1 -1
- package/dist/css/kanban.css +1 -1
- package/dist/css/label.css +1 -1
- package/dist/css/map.css +1 -1
- package/dist/css/media-library.css +1 -1
- package/dist/css/mentions.css +1 -1
- package/dist/css/navigation-menu.css +1 -1
- package/dist/css/navigation.css +1 -1
- package/dist/css/navigation2.css +1 -1
- package/dist/css/overlay.css +1 -1
- package/dist/css/popover-menu.css +1 -1
- package/dist/css/popover.css +1 -1
- package/dist/css/products.css +1 -1
- package/dist/css/qr-code.css +1 -1
- package/dist/css/repeaters.css +1 -1
- package/dist/css/resource-assignment.css +1 -1
- package/dist/css/resource.css +1 -1
- package/dist/css/rich-text-editor.css +1 -1
- package/dist/css/schema-form.css +1 -1
- package/dist/css/sidebar2.css +1 -1
- package/dist/css/skeleton.css +1 -1
- package/dist/css/styles.css +1 -1
- package/dist/css/sync.css +1 -1
- package/dist/css/table.css +1 -1
- package/dist/css/table2.css +1 -1
- package/dist/css/text-inputs.css +1 -1
- package/dist/css/theme-tweaker.css +1 -1
- package/dist/css/timeline.css +1 -1
- package/dist/css/toaster.css +1 -1
- package/dist/css/toggle.css +1 -1
- package/dist/css/toolbar.css +1 -1
- package/dist/css/tooltip.css +1 -1
- package/dist/css/typography.css +1 -1
- package/dist/css/upload.css +1 -1
- package/dist/css/value-inputs.css +1 -1
- package/dist/css/workspace.css +1 -1
- package/dist/{date-pickers-Dy9BVNnb.js → date-pickers-1_Ah7qWO.js} +5 -5
- package/dist/{date-pickers-C6rE7fLo.cjs → date-pickers-DejXe5oe.cjs} +1 -1
- package/dist/{dialog-CLwUz8Gb.js → dialog-CXugTX8t.js} +1 -1
- package/dist/{dialog-Bf7tBRkZ.cjs → dialog-DZ9_m_qc.cjs} +1 -1
- package/dist/display-CFj87iEn.cjs +1 -0
- package/dist/{display-DVhYS75K.js → display-Dehpw83R.js} +6 -5
- package/dist/{dropdown-menu-CIXxWTpw.js → dropdown-menu-BdgB__AC.js} +1 -1
- package/dist/{dropdown-menu-0OW7zJto.cjs → dropdown-menu-DCf_EqVG.cjs} +1 -1
- package/dist/features/actions.cjs +1 -1
- package/dist/features/actions.js +1 -1
- package/dist/features/activities.cjs +1 -1
- package/dist/features/activities.js +361 -363
- package/dist/features/ai-chat.cjs +2 -2
- package/dist/features/ai-chat.js +11 -10
- package/dist/features/async-preview.cjs +1 -1
- package/dist/features/async-preview.js +4 -4
- package/dist/features/combobox.cjs +1 -1
- package/dist/features/combobox.js +5 -5
- package/dist/features/comments.cjs +1 -1
- package/dist/features/comments.js +1 -1
- package/dist/features/data-view.cjs +1 -1
- package/dist/features/data-view.js +6 -6
- package/dist/features/event-calendar.cjs +1 -1
- package/dist/features/event-calendar.js +10 -10
- package/dist/features/filters.cjs +1 -1
- package/dist/features/filters.js +1 -1
- package/dist/features/global-search.cjs +1 -1
- package/dist/features/global-search.js +8 -8
- package/dist/features/kanban.cjs +1 -1
- package/dist/features/kanban.js +4 -5
- package/dist/features/map.cjs +1 -1
- package/dist/features/map.js +318 -317
- package/dist/features/media-library.cjs +1 -1
- package/dist/features/media-library.js +751 -771
- package/dist/features/mentions.cjs +1 -1
- package/dist/features/mentions.js +1 -1
- package/dist/features/overlays.cjs +1 -1
- package/dist/features/overlays.js +1 -1
- package/dist/features/products.cjs +1 -1
- package/dist/features/products.js +15 -15
- package/dist/features/resource-assignment.cjs +1 -1
- package/dist/features/resource-assignment.js +6 -6
- package/dist/features/resource.cjs +1 -1
- package/dist/features/resource.js +6 -6
- package/dist/features/rich-text-editor.cjs +1 -1
- package/dist/features/rich-text-editor.js +1 -1
- package/dist/features/schema-form.cjs +1 -1
- package/dist/features/schema-form.css +1 -1
- package/dist/features/schema-form.js +207 -223
- package/dist/features/sync.cjs +1 -1
- package/dist/features/sync.js +3 -3
- package/dist/features/table.cjs +1 -1
- package/dist/features/table.js +1 -1
- package/dist/features/theme-tweaker.cjs +2 -2
- package/dist/features/theme-tweaker.js +105 -124
- package/dist/{feedback-BmquisO3.js → feedback-C8QtkdHc.js} +3 -3
- package/dist/feedback-IpUFKqgv.cjs +1 -0
- package/dist/{filters-BD0zRwCE.js → filters-BMKZHnBA.js} +22 -17
- package/dist/filters-Ct07D74Q.cjs +1 -0
- package/dist/{forms-zF9SP3Ai.js → forms-C-d0-GML.js} +5 -7
- package/dist/forms-mJ0fjWEl.cjs +1 -0
- package/dist/{forms-numeric-B1cqc9Vn.cjs → forms-numeric-B7TRpwvH.cjs} +1 -1
- package/dist/{forms-numeric-DzxBaEg1.js → forms-numeric-MKOgf5BF.js} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +2 -2
- package/dist/{input-group-Bnc24cRI.cjs → input-group-HplgNyti.cjs} +1 -1
- package/dist/{input-group-CTSiVEGd.js → input-group-xFaO6qrB.js} +2 -2
- package/dist/{item-Cye3hJmr.cjs → item-BxPJsxh2.cjs} +1 -1
- package/dist/{item-OVu-oGxQ.js → item-C7Wfarcx.js} +2 -2
- package/dist/{label-Cr4NpRvn.cjs → label-B8WTGCTZ.cjs} +1 -1
- package/dist/{label-DYJT1uER.js → label-DumoMDm6.js} +1 -1
- package/dist/layout/app-shell.cjs +1 -1
- package/dist/layout/app-shell.js +1 -1
- package/dist/layout/auth.cjs +1 -1
- package/dist/layout/auth.js +4 -2
- package/dist/layout/header.cjs +1 -1
- package/dist/layout/header.js +10 -10
- package/dist/layout/navigation.cjs +1 -1
- package/dist/layout/navigation.js +1 -1
- package/dist/layout/page.cjs +1 -1
- package/dist/layout/page.js +4 -4
- package/dist/layout/settings.cjs +1 -1
- package/dist/layout/settings.js +2 -2
- package/dist/layout/sidebar.cjs +1 -1
- package/dist/layout/sidebar.js +7 -7
- package/dist/layout/workspace.cjs +1 -1
- package/dist/layout/workspace.js +6 -7
- package/dist/lib/theming/recipes.d.cts +5 -2
- package/dist/lib/theming/recipes.d.ts +5 -2
- package/dist/lib/ui-provider/types.d.cts +4 -1
- package/dist/lib/ui-provider/types.d.ts +4 -1
- package/dist/{mentions-DbQAE-Ug.cjs → mentions-Ckm9Ct-r.cjs} +1 -1
- package/dist/{mentions-BU1sDupC.js → mentions-D_b-yVXN.js} +5 -5
- package/dist/{navigation-D00jGH59.js → navigation-COnv0B1H.js} +6 -5
- package/dist/navigation-D_hEWZYv.cjs +1 -0
- package/dist/{navigation-BRv9Xerv.js → navigation-DwNUlszz.js} +17 -15
- package/dist/navigation-UfUJU2LC.cjs +1 -0
- package/dist/{overlay-Bdri8Z7E.js → overlay-A5bE-8n5.js} +2 -2
- package/dist/{overlay-D1wEvshK.cjs → overlay-BtQz_AN3.cjs} +1 -1
- package/dist/{overlays-CaBkEKRc.js → overlays-DX9ux-XL.js} +7 -7
- package/dist/{overlays-BnWOasE6.cjs → overlays-MmLNLV9f.cjs} +1 -1
- package/dist/patterns/analytics.cjs +1 -1
- package/dist/patterns/analytics.js +41 -44
- package/dist/patterns/onboarding.cjs +1 -1
- package/dist/patterns/onboarding.js +4 -4
- package/dist/patterns/timelines.cjs +1 -1
- package/dist/patterns/timelines.js +1 -1
- package/dist/{popover-Dt8IXXKy.js → popover-CM1nxkAM.js} +2 -2
- package/dist/{popover-menu-BeNyDDo1.js → popover-menu-BCs5CLkw.js} +4 -4
- package/dist/{popover-menu-Cm10om_m.cjs → popover-menu-DcDdf9H2.cjs} +1 -1
- package/dist/{popover-BUebuMJK.cjs → popover-rLMSEj5V.cjs} +1 -1
- package/dist/{primitives-B2aeaudR.js → primitives-BnXNg-Kr.js} +2 -2
- package/dist/{primitives-BP7kGVYZ.cjs → primitives-kywiHMJE.cjs} +1 -1
- package/dist/primitives.cjs +1 -1
- package/dist/primitives.js +1 -1
- package/dist/{repeaters-BIvKI1CQ.cjs → repeaters-B4dnWxUE.cjs} +1 -1
- package/dist/{repeaters-C43GWEE_.js → repeaters-B4oohPvd.js} +4 -4
- package/dist/{rich-text-editor-CqqHeJDp.cjs → rich-text-editor-7GYD-4Qq.cjs} +1 -1
- package/dist/{rich-text-editor-CVo4FB26.js → rich-text-editor-CgsfAGMo.js} +3 -3
- package/dist/{sheet-BP2BmI-Z.js → sheet-3sbsGFus.js} +2 -2
- package/dist/{sheet-FA8TfP1E.cjs → sheet-B4_LNS7m.cjs} +1 -1
- package/dist/{sidebar-C-TSBDj5.cjs → sidebar--uZUOGHE.cjs} +1 -1
- package/dist/{sidebar-DOmsOhCp.js → sidebar-BMgoyRxy.js} +10 -9
- package/dist/{skeleton-vN_fsg7X.js → skeleton-Bxqw8kwa.js} +1 -1
- package/dist/{skeleton-3RdcmQ7K.cjs → skeleton-DeuQS4AK.cjs} +1 -1
- package/dist/style.css +1 -1
- package/dist/styles/SCOPES.md +28 -9
- package/dist/styles/TOKENS.md +165 -9
- package/dist/styles/index.css +0 -1
- package/dist/styles/map.css +14 -8
- package/dist/styles/mentions.css +37 -44
- package/dist/styles/tailwind.css +2 -1
- package/dist/styles/themes/default.css +16 -14
- package/dist/styles/theming/colors.css +28 -22
- package/dist/styles/theming/feedback.css +0 -1
- package/dist/styles/theming/focus.css +15 -8
- package/dist/styles/theming/motion.css +8 -5
- package/dist/styles/theming/overlay.css +7 -0
- package/dist/styles/theming/sizing.css +8 -4
- package/dist/styles/theming/text.css +3 -1
- package/dist/styles/theming/typography.css +3 -0
- package/dist/styles/tokens/components.css +1 -1
- package/dist/styles/tokens/states.css +4 -4
- package/dist/{table-B9zwmrtt.cjs → table-3abrkeib.cjs} +1 -1
- package/dist/{table-CzsDKBR2.js → table-BXL7IP5P.js} +1 -1
- package/dist/{table-CaFQyjTz.cjs → table-CXRnlkV5.cjs} +1 -1
- package/dist/{table-CtUahid0.js → table-DszexXEh.js} +14 -14
- package/dist/tailwind.css +2 -1
- package/dist/{theming-B52zPV1p.cjs → theming-8U04chn7.cjs} +1 -1
- package/dist/{theming-y5FKH_La.js → theming-D6KRU7hO.js} +9 -9
- package/dist/theming.cjs +1 -1
- package/dist/theming.js +1 -1
- package/dist/{timeline-B3f7rEXh.cjs → timeline-CzAIDLzd.cjs} +1 -1
- package/dist/{timeline-DskNs3lw.js → timeline-ptWoY2GY.js} +2 -2
- package/dist/{timelines-wlcL01Rf.js → timelines-BquC31uF.js} +4 -4
- package/dist/{timelines-DJdBmWPj.cjs → timelines-DLsQhK72.cjs} +1 -1
- package/dist/{toaster-D3Fsaf3I.cjs → toaster-BVTOrAb5.cjs} +1 -1
- package/dist/{toaster-CaTwpule.js → toaster-DOBJDiXt.js} +1 -1
- package/dist/tokens.json +8 -7
- package/dist/{toolbar-CvUhAFhi.js → toolbar-3GLSD7Fi.js} +1 -1
- package/dist/{toolbar-Bap7y244.cjs → toolbar-aZKjtFDt.cjs} +1 -1
- package/dist/{tooltip-Dewu4Ynm.cjs → tooltip-CEcUVmor.cjs} +1 -1
- package/dist/{tooltip-B82dN7Oy.js → tooltip-DksScngC.js} +1 -1
- package/dist/{typography-B8Iurhy1.js → typography-BkxEiwQ1.js} +1 -1
- package/dist/{typography-LMez-POJ.cjs → typography-Cf5zEv4y.cjs} +1 -1
- package/dist/ui-provider-DI1VxMDT.cjs +1 -0
- package/dist/{ui-provider-BzyJxcKH.js → ui-provider-gNDv-ZRY.js} +4 -1
- package/dist/ui-provider.cjs +1 -1
- package/dist/ui-provider.js +1 -1
- package/dist/{upload-5tzkI0NC.cjs → upload-Bg8tyH5a.cjs} +1 -1
- package/dist/{upload-BL8HIPbS.js → upload-wTBh4QQx.js} +4 -4
- package/dist/{value-inputs-DzErolfh.cjs → value-inputs-B6ZURTUl.cjs} +1 -1
- package/dist/{value-inputs-DQGHd7k8.js → value-inputs-DnQKmVqW.js} +4 -4
- package/docs/generated/component-index.json +1 -2
- package/docs/generated/components/base--qr-code.md +2 -2
- package/docs/generated/components/base--typography.md +1 -1
- package/docs/generated/components/features--schema-form.md +1 -1
- package/docs/generated/components/features--theme-tweaker.md +3 -2
- package/docs/generated/components/theming.md +3 -2
- package/docs/generated/components/ui-provider.md +1 -0
- package/docs/generated/migration-codemod.json +28 -3
- package/docs/generated/migration.md +72 -3
- package/docs/generated/profiles.md +1 -1
- package/docs/learn/migration.md +16 -1
- package/docs/learn/theming.md +1 -1
- package/package.json +1 -1
- package/src/styles/SCOPES.md +28 -9
- package/src/styles/TOKENS.md +165 -9
- package/dist/accordion-BH9vNfdb.cjs +0 -1
- package/dist/cards-CO5LHALb.cjs +0 -1
- package/dist/combobox-CTUFSblt.cjs +0 -1
- package/dist/display-BUiiuPS9.cjs +0 -1
- package/dist/feedback-Da53xAUT.cjs +0 -1
- package/dist/filters-B8dkhzan.cjs +0 -1
- package/dist/forms-BEQN1X5A.cjs +0 -1
- package/dist/navigation-BaIANCwE.cjs +0 -1
- package/dist/navigation-BmZabEfZ.cjs +0 -1
- package/dist/styles/theming/mentions.css +0 -33
- package/dist/ui-provider-B3v22pQY.cjs +0 -1
|
@@ -400,7 +400,7 @@ The codemod renames the width and toolbar tokens. Set --shell-header-height (3.5
|
|
|
400
400
|
|
|
401
401
|
### `--medallion-base with --accordion-medallion, --choice-card-icon-box and --choice-card-row-icon; --switch-track-h; --menu-shadow and --menu-ring-width; --sidebar-group-action-size and --sidebar-menu-action-size; --button-px, --button-px-icon, --button-gap, --button-icon, --button-text, --toast-icon, --sidebar-menu-text, --accordion-media-gap; --badge-destructive-bg and the --destructive-60 alpha step only it read`
|
|
402
402
|
|
|
403
|
-
**Becomes** `--size-medallion (IconBadge's --icon-badge-size defaults to it); --choice-size; --popover-shadow and --border-width; --
|
|
403
|
+
**Becomes** `--size-medallion (IconBadge's --icon-badge-size defaults to it); --choice-size; --popover-shadow and --border-width; --size-icon-lg; --control-px, --control-px-sm (for --button-px-icon), --space-sm, --size-icon, --text-sm, --size-icon-lg and --space-lg read directly; --badge-destructive-bg and --destructive-60 removed (nothing read them); use color-mix(in oklab, var(--destructive) 60%, transparent) if you relied on the step` — mechanical, the codemod does it.
|
|
404
404
|
|
|
405
405
|
Each restated another token's derivation under a family name: the medallion four times from one base, the switch track the checkbox box, the dropdown menu the popover's shadow and hairline, two sidebar actions one size, and the button, toast, sidebar and accordion renamed kit steps with a bare var(). One name per value.
|
|
406
406
|
|
|
@@ -415,8 +415,8 @@ Replace each name with its target where you override it. To retune the medallion
|
|
|
415
415
|
| `--switch-track-h` | `--choice-size` |
|
|
416
416
|
| `--menu-shadow` | `--popover-shadow` |
|
|
417
417
|
| `--menu-ring-width` | `--border-width` |
|
|
418
|
-
| `--sidebar-group-action-size` | `--
|
|
419
|
-
| `--sidebar-menu-action-size` | `--
|
|
418
|
+
| `--sidebar-group-action-size` | `--size-icon-lg` |
|
|
419
|
+
| `--sidebar-menu-action-size` | `--size-icon-lg` |
|
|
420
420
|
| `--button-px` | `--control-px` |
|
|
421
421
|
| `--button-px-icon` | `--control-px-sm` |
|
|
422
422
|
| `--button-gap` | `--space-sm` |
|
|
@@ -481,6 +481,75 @@ The codemod renames --space-scale; a rule that set both factors now sets --densi
|
|
|
481
481
|
| `--space-scale` | `--density-scale` |
|
|
482
482
|
| `--density-preset-scale` | `--density-scale` |
|
|
483
483
|
|
|
484
|
+
### `--card-framed-bg, --alert-description-fg, --alert-link-hover, --alert-meta-label-fg, --mention-destructive-fg, --menu-item-destructive-bg-hover and --segmented-chip-bg`
|
|
485
|
+
|
|
486
|
+
**Becomes** `--card, --text-role-secondary, --text-role-main, --text-role-secondary, --destructive-accent, --destructive-10 and --popover, read directly` — mechanical, the codemod does it.
|
|
487
|
+
|
|
488
|
+
Each was one family's colour for a role the kit already names, and several carried a dark value of their own. The framed Card lifted itself to --popover in dark while every other card-like surface sat on --card; the inverse Alert kept three names for its text where re-pointing the text roles does the job; the destructive mention and menu highlight mixed their own ink and wash. Each role has one token now: cards paint --card, destructive ink is --destructive-accent, its soft fill --destructive-10, and the raised segmented chip --popover.
|
|
489
|
+
|
|
490
|
+
The codemod renames each read. A declaration that restyled one family now sets a shared name, so move it onto that component's element rather than a scope or :root. A dark lift for cards belongs in the theme's --card.
|
|
491
|
+
|
|
492
|
+
| was | is |
|
|
493
|
+
| --- | --- |
|
|
494
|
+
| `--card-framed-bg` | `--card` |
|
|
495
|
+
| `--alert-description-fg` | `--text-role-secondary` |
|
|
496
|
+
| `--alert-link-hover` | `--text-role-main` |
|
|
497
|
+
| `--alert-meta-label-fg` | `--text-role-secondary` |
|
|
498
|
+
| `--mention-destructive-fg` | `--destructive-accent` |
|
|
499
|
+
| `--menu-item-destructive-bg-hover` | `--destructive-10` |
|
|
500
|
+
| `--segmented-chip-bg` | `--popover` |
|
|
501
|
+
|
|
502
|
+
### `--aside-nav-item-h, --avatar-group-ring-width, --item-title-underline-offset, --product-thumb-size, --stepper-line, --timeline-dot-icon and --tooltip-arrow-radius`
|
|
503
|
+
|
|
504
|
+
**Becomes** `--control-h-sm, --border-width-strong, --link-underline-offset, --size-medallion, --border-width-strong and --size-icon-sm, read directly; --tooltip-arrow-radius removed, since an arrow tip is calc(var(--radius-sm) / 4)` — mechanical, the codemod does it.
|
|
505
|
+
|
|
506
|
+
Each restated a kit length under a component name, or was a third radius. SideNav and SectionNav rows had a 30px literal that is the small control height at the defaults; the avatar group ring and the Stepper line are the strong border width; the product thumbnail is the head-of-row medallion; the item title's 4px underline offset joins the one link offset; the Timeline dot's icon is the small icon; and the tooltip arrow kept a radius the two-radius system has no room for.
|
|
507
|
+
|
|
508
|
+
The codemod renames each read. --tooltip-arrow-radius is reported, not renamed: write calc(var(--radius-sm) / 4) where you read it.
|
|
509
|
+
|
|
510
|
+
| was | is |
|
|
511
|
+
| --- | --- |
|
|
512
|
+
| `--aside-nav-item-h` | `--control-h-sm` |
|
|
513
|
+
| `--avatar-group-ring-width` | `--border-width-strong` |
|
|
514
|
+
| `--item-title-underline-offset` | `--link-underline-offset` |
|
|
515
|
+
| `--product-thumb-size` | `--size-medallion` |
|
|
516
|
+
| `--stepper-line` | `--border-width-strong` |
|
|
517
|
+
| `--timeline-dot-icon` | `--size-icon-sm` |
|
|
518
|
+
| `--tooltip-arrow-radius` | removed — reported |
|
|
519
|
+
|
|
520
|
+
### `--primary-12, --success-15, --info-15, --info-40, --warning-50, --muted-30, --muted-35, --border-50 and --border-70`
|
|
521
|
+
|
|
522
|
+
**Becomes** `--primary-10, --success-10, --info-10, --info-30, --warning-10, --muted-50, --muted-20, --border-60 and --border, read directly` — mechanical, the codemod does it.
|
|
523
|
+
|
|
524
|
+
Each alpha step had a handful of readers that were drifting copies of another role. Soft tone washes are the 10% step in every hue; the muted ladder is a recessed well (--muted-50) and a faint stripe (--muted-20); and an edge is either the full --border or the soft --border-60 divider. The 12%, 15% and 50% washes, the 30% and 35% wells and the 50% and 70% edges had no role of their own.
|
|
525
|
+
|
|
526
|
+
The codemod renames each read. The mapping keeps the role, not the exact alpha: a 12-15% wash becomes 10%, a 50% warning fill becomes the 10% wash, and a 70% edge becomes the full border. If you relied on the old step, write color-mix(in oklab, var(--<colour>) <n>%, transparent) where you read it.
|
|
527
|
+
|
|
528
|
+
| was | is |
|
|
529
|
+
| --- | --- |
|
|
530
|
+
| `--primary-12` | `--primary-10` |
|
|
531
|
+
| `--success-15` | `--success-10` |
|
|
532
|
+
| `--info-15` | `--info-10` |
|
|
533
|
+
| `--info-40` | `--info-30` |
|
|
534
|
+
| `--warning-50` | `--warning-10` |
|
|
535
|
+
| `--muted-30` | `--muted-50` |
|
|
536
|
+
| `--muted-35` | `--muted-20` |
|
|
537
|
+
| `--border-50` | `--border-60` |
|
|
538
|
+
| `--border-70` | `--border` |
|
|
539
|
+
|
|
540
|
+
### `--sidebar-action-size and --picker-clear-size`
|
|
541
|
+
|
|
542
|
+
**Becomes** `--size-icon-lg and --size-icon, read directly` — mechanical, the codemod does it.
|
|
543
|
+
|
|
544
|
+
Glyph buttons below the smallest control came in four sizes. There are two now: a button inside a field's own lane is the icon size (16px at the defaults), and every other glyph button is the large icon size (20px). The Sidebar's group and menu actions already rendered 20px through a literal of their own, and the date picker's clear button 16px through a sum.
|
|
545
|
+
|
|
546
|
+
The codemod renames each read. Retune the sizes kit-wide with --icon, or set width and height on the button itself.
|
|
547
|
+
|
|
548
|
+
| was | is |
|
|
549
|
+
| --- | --- |
|
|
550
|
+
| `--sidebar-action-size` | `--size-icon-lg` |
|
|
551
|
+
| `--picker-clear-size` | `--size-icon` |
|
|
552
|
+
|
|
484
553
|
## Behaviour changes
|
|
485
554
|
|
|
486
555
|
Same name, same signature, a different answer — the kind of change a type checker cannot warn you about.
|
|
@@ -116,7 +116,7 @@ assemble either one. `admin` is the terminal profile layer.
|
|
|
116
116
|
| `features/resource-assignment` | general | features | 7 |
|
|
117
117
|
| `features/rich-text-editor` | general | features | 4 |
|
|
118
118
|
| `features/rich-text-editor/tiptap` | general | features | — |
|
|
119
|
-
| `features/schema-form` | general | features |
|
|
119
|
+
| `features/schema-form` | general | features | 10 |
|
|
120
120
|
| `features/sync` | general | features | 4 |
|
|
121
121
|
| `features/table` | general | features | 13 |
|
|
122
122
|
| `features/theme-tweaker` | general | features | 16 |
|
package/docs/learn/migration.md
CHANGED
|
@@ -1,6 +1,21 @@
|
|
|
1
1
|
# Compatibility and migration
|
|
2
2
|
|
|
3
|
-
The package is `2.0.
|
|
3
|
+
The package is `2.0.1`. The stable-major policy below applies within a major version.
|
|
4
|
+
|
|
5
|
+
## Upgrading to 2.0.1
|
|
6
|
+
|
|
7
|
+
A consistency release with no API change. The in-between alpha steps, per-family colour
|
|
8
|
+
names and glyph sizes are retired, and the codemod maps each read to the step that now owns
|
|
9
|
+
its role. Every control takes `--radius-sm` at every size (checkboxes and glyph buttons
|
|
10
|
+
included), badges return to it from 2.0.0's half radius, a wrapper nested in a Card steps
|
|
11
|
+
down to it, every card-like surface is `--card` in dark, and the current navigation item is
|
|
12
|
+
neutral. The groups are in [the token contract](../../src/styles/TOKENS.md).
|
|
13
|
+
|
|
14
|
+
Run the codemod from your project, dry first, if your CSS reads a retired step:
|
|
15
|
+
|
|
16
|
+
```sh
|
|
17
|
+
node node_modules/themelia-ui/scripts/consumer/codemod.mjs --dry-run src/
|
|
18
|
+
```
|
|
4
19
|
|
|
5
20
|
## Upgrading to 2.0
|
|
6
21
|
|
package/docs/learn/theming.md
CHANGED
|
@@ -6,7 +6,7 @@ the public type, spacing, motion, focus and layering controls.
|
|
|
6
6
|
[`src/styles/TOKENS.md`](../../src/styles/TOKENS.md) lists every name and the current counts.
|
|
7
7
|
|
|
8
8
|
The component-token layer is plumbing, not the theming surface: most of it is a `var()` off
|
|
9
|
-
the contract, and the rest is geometry no theme would touch
|
|
9
|
+
the contract, and the rest is geometry no theme would touch.
|
|
10
10
|
Override component tokens only where a family reference names one as an extension point.
|
|
11
11
|
|
|
12
12
|
## Editing a running app
|
package/package.json
CHANGED
package/src/styles/SCOPES.md
CHANGED
|
@@ -54,15 +54,34 @@ nested under a dark ancestor, or the light value would win one level down:
|
|
|
54
54
|
}
|
|
55
55
|
```
|
|
56
56
|
|
|
57
|
-
The `prefers-color-scheme: dark` block does the same
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
57
|
+
The `prefers-color-scheme: dark` block (`colorScheme: "system"`) does the same, and honours an
|
|
58
|
+
explicit light choice however it is spelled: the `.light` class (next-themes' class strategy)
|
|
59
|
+
or `data-theme="light"`, on the boundary itself or on any ancestor:
|
|
60
|
+
|
|
61
|
+
```css
|
|
62
|
+
@media (prefers-color-scheme: dark) {
|
|
63
|
+
:root:not(.light, [data-theme="light"]),
|
|
64
|
+
[data-ui-scope]:not(.light, [data-theme="light"], :where(.light, [data-theme="light"]) *),
|
|
65
|
+
[data-density]:not(.light, [data-theme="light"], :where(.light, [data-theme="light"]) *) {
|
|
66
|
+
--background: var(--neutral-900);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
```
|
|
70
|
+
|
|
71
|
+
`scripts/gen-theme.mjs` emits both blocks, and `verify dark-overrides` holds a hand-written
|
|
72
|
+
dark override to the same selectors, so write them exactly.
|
|
73
|
+
|
|
74
|
+
**The one nesting a descendant selector cannot see.** An explicit light island inside a
|
|
75
|
+
`.dark` tree keeps its own boundary light, but a bare boundary nested inside that island
|
|
76
|
+
matches `.dark …` again and re-derives dark. CSS has no "nearest theme ancestor". Give each
|
|
77
|
+
boundary inside the island its own `data-theme`, or use `UIScope`, which writes the resolved
|
|
78
|
+
scheme on every boundary it renders. (Under the OS preference alone the island holds: the
|
|
79
|
+
media block skips every descendant of a light scope.)
|
|
80
|
+
|
|
81
|
+
**A surface's ground is reset at a colour island.** `--surface-ground` carries the colour a
|
|
82
|
+
surface painted, resolved where that surface set it. A `[data-theme]`, `.light` or `.dark`
|
|
83
|
+
element resets it to `initial`, so a reader inside the island falls back to its own
|
|
84
|
+
`--background` instead of a ground from the other mode.
|
|
66
85
|
|
|
67
86
|
**In a CSS Module the theme classes are hashed.** `.light` and `.dark` in a boundary list
|
|
68
87
|
become local classes and match nothing. Write `:global(.light)` and `:global(.dark)`.
|
package/src/styles/TOKENS.md
CHANGED
|
@@ -27,7 +27,7 @@ A name like `--sidebar-p: var(--space-md)` does none: however often it is read,
|
|
|
27
27
|
name in front of one step, and every reader can say `--space-md`.
|
|
28
28
|
|
|
29
29
|
Two exemptions. A **family with a member re-declared in another file** is an extension
|
|
30
|
-
point: inlining `--text-role-main` breaks the
|
|
30
|
+
point: inlining `--text-role-main` breaks the inverse Alert that re-points it for its own
|
|
31
31
|
subtree. A token **named in TSX or a test** has a reader a `var()` scan cannot see.
|
|
32
32
|
|
|
33
33
|
## What a theme owns
|
|
@@ -58,13 +58,28 @@ because they are one decision:
|
|
|
58
58
|
`--radius-sm` rounds everything inside one or smaller than one. Both are plain values
|
|
59
59
|
declared once at `:root`, and nothing derives one from the other, so a theme that changes
|
|
60
60
|
one usually sets both. A container holding `--radius-sm` items insets them by the
|
|
61
|
-
difference (`--space-md` at the defaults), so outer = inner + inset
|
|
61
|
+
difference (`--space-md` at the defaults), so outer = inner + inset. There is no third
|
|
62
|
+
radius token:
|
|
62
63
|
|
|
63
64
|
| token | used by |
|
|
64
65
|
|---|---|
|
|
65
|
-
| `--radius` | cards, dialogs, sheets, popovers, menus, listboxes |
|
|
66
|
-
| `--radius-sm` | buttons,
|
|
67
|
-
| `--radius-pill` | switches,
|
|
66
|
+
| `--radius` | wrappers: cards, dialogs, sheets, popovers, menus, listboxes, panels, columns, dropzones, framed media and maps, choice cards |
|
|
67
|
+
| `--radius-sm` | items: buttons at every size, fields, checkboxes, glyph buttons, tabs, badges, chips and tags, rows, menu items, tooltips, calendar cells, thumbnails, icon tiles, bubbles, gallery tiles, and every wrapper nested inside a Card |
|
|
68
|
+
| `--radius-pill` | shapes rather than corners: switches, tracks, skeleton bars, status dots, series swatches, a count overlaid on an icon |
|
|
69
|
+
| `50%` | true circles only: avatars, radios, spinners, a circular IconBadge |
|
|
70
|
+
|
|
71
|
+
Every other corner is arithmetic on the two radii:
|
|
72
|
+
|
|
73
|
+
* an edge-to-edge child of a bordered wrapper: `calc(var(--radius) - var(--border-width))`
|
|
74
|
+
* an item inset inside an item frame: `calc(var(--radius-sm) - <inset>)`
|
|
75
|
+
* an item parked in a wrapper's corner at `--space-md`: plain `--radius-sm`, concentric by construction
|
|
76
|
+
* data marks and arrow tips, which are not controls: `calc(var(--radius-sm) / 4)`
|
|
77
|
+
|
|
78
|
+
A control is never smaller than its corner: an 18px checkbox and a 16px clear glyph take
|
|
79
|
+
`--radius-sm` like a button, so a theme's item radius reaches every control.
|
|
80
|
+
|
|
81
|
+
A state never sets a radius: hover, focus, open, active and invalid keep the resting corner.
|
|
82
|
+
`--button-radius` is a hook that only ever takes one of the expressions above.
|
|
68
83
|
|
|
69
84
|
## What the ramps own
|
|
70
85
|
|
|
@@ -108,12 +123,153 @@ There is no per-component scale factor. See [FACTORS.md](./FACTORS.md) for the t
|
|
|
108
123
|
factors, and [SCOPES.md](./SCOPES.md) for why derived values are declared at every scope
|
|
109
124
|
boundary rather than once at `:root`.
|
|
110
125
|
|
|
126
|
+
## One token per role
|
|
127
|
+
|
|
128
|
+
Every visual role has one token or one recipe. Reach for the role, not for a value that
|
|
129
|
+
happens to look right, and never spell an ad hoc `color-mix()` step in a module: a pair the
|
|
130
|
+
kit uses is declared once in `theming/colors.css`.
|
|
131
|
+
|
|
132
|
+
**Grounds.** What a surface is painted with.
|
|
133
|
+
|
|
134
|
+
| token | role |
|
|
135
|
+
|---|---|
|
|
136
|
+
| `--background` | the page, the app shell, and content dialogs, sheets and drawers |
|
|
137
|
+
| `--card` | every in-flow framed region: Card, DataTable and DataView frames, the EventCalendar grid, panels |
|
|
138
|
+
| `--popover` | anchored popups, command palettes (CommandDialog, GlobalSearchDialog), a raised segmented chip |
|
|
139
|
+
| `--sidebar` | the shell sidebar |
|
|
140
|
+
| `--field-bg` | the resting fill of every field and box control (transparent by default) |
|
|
141
|
+
|
|
142
|
+
The **modal ground** is deliberate: a content dialog is the page brought forward and sits on
|
|
143
|
+
`--background`; a palette is a popup that happens to be modal and sits on `--popover`. A
|
|
144
|
+
dark lift for cards belongs in the theme's `--card`, never in one module.
|
|
145
|
+
|
|
146
|
+
`--surface-ground` is "the surface I sit on". A surface that paints a ground (Card, popups,
|
|
147
|
+
the sidebar, table and data-view frames) sets it; a sticky cell, a cut-out ring, an opaque
|
|
148
|
+
halo or a fade reads `var(--surface-ground, var(--background))`, so it matches whatever it
|
|
149
|
+
lands on. It is unset by default and reset at every colour island (SCOPES.md).
|
|
150
|
+
|
|
151
|
+
**Neutral fills.**
|
|
152
|
+
|
|
153
|
+
| token | role |
|
|
154
|
+
|---|---|
|
|
155
|
+
| `--muted` | a solid placeholder: media and thumbnail fallback, map canvas, QR fallback |
|
|
156
|
+
| `--muted-50` | a recessed well: muted ContentBlock and Item, summary and diff panels, code, table head and foot cells, segmented and enclosed-tab tracks, unread rows, the secondary Alert |
|
|
157
|
+
| `--muted-20` | a strip: Card, Overlay and GlobalSearch footers, zebra stripes, column-group bands, optional sections |
|
|
158
|
+
| `--muted-40` `-60` `-80` | the empty-state illustration ramp, nothing else |
|
|
159
|
+
| `--foreground-8` | a small neutral fill that must lift on any ground: avatar fallback, neutral IconBadge, tile or medallion, neutral chip, tag or mention, read-only plate |
|
|
160
|
+
| `--foreground-10` | skeletons |
|
|
161
|
+
| `--foreground-20` | every track or unfilled segment: Progress, Slider, Upload, metric and chip progress |
|
|
162
|
+
|
|
163
|
+
There is no muted step between these: a well is `-50`, a strip `-20`.
|
|
164
|
+
|
|
165
|
+
**State fills.** `--muted-*` and `--foreground-*` are never state fills.
|
|
166
|
+
|
|
167
|
+
| token | role |
|
|
168
|
+
|---|---|
|
|
169
|
+
| `--accent` | control hover (Toggle and clear or remove glyphs included), the popup cursor, a pressed toggle, an open popup trigger, the current navigation item |
|
|
170
|
+
| `--accent-50` | row and large-surface hover, add-slot hover, an open accordion item |
|
|
171
|
+
| `--sidebar-accent` `--sidebar-accent-50` | the same two roles inside the sidebar |
|
|
172
|
+
| `--primary-5` with a `--primary` edge | a selected large surface: choice card, switch card, locale tile, drop target |
|
|
173
|
+
| `--primary-10` | a selected row |
|
|
174
|
+
| `--primary` | a checked mark and solid selection |
|
|
175
|
+
| `--primary-accent` | state ink: check and busy icons, today, the radio ring |
|
|
176
|
+
|
|
177
|
+
Selection outranks hover: a selected item does not change on hover. Current navigation is
|
|
178
|
+
neutral (`--accent`, foreground ink, medium weight); the brand ladder is for a value the user
|
|
179
|
+
chose.
|
|
180
|
+
|
|
181
|
+
**Tone ladder.** For T in primary, info, success, warning and destructive:
|
|
182
|
+
|
|
183
|
+
| role | step | readers |
|
|
184
|
+
|---|---|---|
|
|
185
|
+
| solid fill | `--T` with `--T-foreground` | solid Button, Badge and IconBadge |
|
|
186
|
+
| ink | `--primary-accent`, `--info`, `--success`, `--warning-accent`, `--destructive-accent` | text, glyphs, dots, sparklines and bars on the page or on a tint |
|
|
187
|
+
| wash | `T-5`, warning `-10` | large panels: Alert, AI confirmation, a failed row, an applied coupon |
|
|
188
|
+
| soft | `T-10` | chips and tiles: Badge soft, mentions, IconBadge, trend and diff chips, calendar chips, timeline discs, ghost and outline hover |
|
|
189
|
+
| soft hover, halo | `T-20` | a linked soft chip's hover, the current-step and status halos |
|
|
190
|
+
| line | `T-30`, warning `-40` | callouts, soft chips, outline Buttons and Badges, metric panels, applied filters |
|
|
191
|
+
|
|
192
|
+
Warning's steps sit one higher because amber is light: a 10% amber wash lands where the
|
|
193
|
+
other hues land at 5%. `--primary-15`, `--primary-25` and `--primary-40` are not tone steps:
|
|
194
|
+
they belong to the range band, the analytics ruler and the media-tile selection ring.
|
|
195
|
+
There is no other soft or wash step in any hue. Badge and mention
|
|
196
|
+
chips do the arithmetic on one re-pointed hue (`--badge-hue`, `--ref-hue`) with the same
|
|
197
|
+
percentages.
|
|
198
|
+
|
|
199
|
+
**Edges.**
|
|
200
|
+
|
|
201
|
+
| token | role |
|
|
202
|
+
|---|---|
|
|
203
|
+
| `--border-width` | every hairline, rail and connector |
|
|
204
|
+
| `--border-width-strong` | marks only: a quote bar, the active-nav bar, a dot ring, a drop line |
|
|
205
|
+
| `--focus-ring-width` | focus only |
|
|
206
|
+
| `--border` | an outer edge: frames on the page, overlays, page-chrome bars, the Separator, rails, thumbnails |
|
|
207
|
+
| `--border-60` | an inner edge: header, footer and toolbar bands, section rules, nested frames, row rules, menu separators |
|
|
208
|
+
| `--control-border` `--control-border-hover` | the frame of a control in a row with fields: outline toggles and ToggleGroup, pill groups, filter pills, interactive chips, dashed add slots. Mixed separately for dark. A divider inside a control (a ButtonGroup separator, a filter pill's segments) is an inner rule, `--border-60` |
|
|
209
|
+
| `--foreground-20` | the hover edge of a clickable surface |
|
|
210
|
+
| `--invalid-ring-border` with `--invalid-ring` | every invalid edge. Focus adds the ring, invalid keeps its border, and hover never repaints it |
|
|
211
|
+
|
|
212
|
+
There is no edge colour between the two. No literal `1.5px` or `3px` edge.
|
|
213
|
+
|
|
214
|
+
**Elevation.**
|
|
215
|
+
|
|
216
|
+
| token | role |
|
|
217
|
+
|---|---|
|
|
218
|
+
| none | bordered or flat surfaces, field shells, sticky bars |
|
|
219
|
+
| `--shadow-xs` | resting lift: a framed Card's bezel, a raised chip, a thumb, a floating sidebar |
|
|
220
|
+
| `--shadow-sm` | hover lift for every clickable card and tile; controls over artwork |
|
|
221
|
+
| `--popover-shadow` | every anchored popup (select, combobox, mention panel, chart tooltip, map popup), never with a real border |
|
|
222
|
+
| `--shadow-lg` | free-floating transients: toast, drag ghost, floating batch bar, submenu |
|
|
223
|
+
| `--shadow-xl` | modals and palettes |
|
|
224
|
+
|
|
225
|
+
`--shadow-2xs`, `--shadow` and `--shadow-2xl` are kept for shadcn compatibility; no kit
|
|
226
|
+
surface reads them. A frosted sticky bar is opaque `--background`, then `--background-70`
|
|
227
|
+
with `blur(12px)` under `@supports`.
|
|
228
|
+
|
|
229
|
+
**Focus.** Controls take `--focus-ring`, or `--focus-ring-inset` under a clip. Fields and
|
|
230
|
+
field shells take `--field-focus-ring` with a `--focus-ring-color` border, keyed on the
|
|
231
|
+
control's `:focus-visible`; the rich-text editor and the AI composer are the multi-control
|
|
232
|
+
exception and light on `:focus-within`. Never read `--ring` directly. Every Sidebar
|
|
233
|
+
surface re-points `--focus-ring-color` to the theme's `--sidebar-ring` through the same
|
|
234
|
+
recipe (mixed toward `--sidebar-foreground` in light, unmixed in dark) and composes
|
|
235
|
+
`--focus-ring`, `--focus-ring-inset` and `--field-focus-ring` again from it. It also sets
|
|
236
|
+
`--surface-ground: var(--sidebar)`.
|
|
237
|
+
|
|
238
|
+
**Type.** Sizes come with their paired leading. `--leading-none` for fixed-height controls
|
|
239
|
+
and glyphs, `--leading-tight` for titles at base size and up, `--leading-relaxed` for prose;
|
|
240
|
+
`--leading-snug` never on `xs` or `sm`. Weight: normal for body; medium for labels, headers,
|
|
241
|
+
controls, badges, row and accordion titles; semibold for surface titles, Heading, card
|
|
242
|
+
titles and headline figures; bold for strong text and grand totals. `--tracking-widest` is
|
|
243
|
+
for uppercase and shortcuts, `--tracking-tight` for Heading `xl` and `2xl` only. Colour
|
|
244
|
+
reaches a `Text` through its `type` prop, never a module rule. Links read `--link-color` and
|
|
245
|
+
`--link-underline-offset`.
|
|
246
|
+
|
|
247
|
+
**Size.** Control heights and paddings go in matching pairs from the control ladder; a 24px
|
|
248
|
+
glyph button is `--control-h-2xs`. A chevron inside a control is `--size-icon`, a caret after
|
|
249
|
+
text `--size-icon-sm`. A head-of-row thumbnail is `--size-medallion`; a nav or menu row icon
|
|
250
|
+
is `--size-icon`; a status dot is `--space-md`. Gaps: control icon to label `--space-sm`, chip
|
|
251
|
+
icon to label `--space-xs`, sibling actions `--space-md`. Every derived multiple is rounded
|
|
252
|
+
to a whole pixel and lands on the 2px grid.
|
|
253
|
+
|
|
254
|
+
**Dark and inverse.** Small inverse chips flip with the theme (Tooltip, solid neutral
|
|
255
|
+
controls). Large inverse slabs stay dark in both modes: the inverse Alert and the toast read
|
|
256
|
+
`--inverse-*`, and the auth showcase panel is a `data-theme="dark"` scope. A QR code always
|
|
257
|
+
renders dark modules on light through `--inverse-background` and `--inverse-foreground`.
|
|
258
|
+
|
|
259
|
+
**Menus in dark.** `overlay.darkMenus` (default `true`) renders dropdown and context menus in
|
|
260
|
+
the dark scheme on a light page. It applies to command menus only: listboxes, selects,
|
|
261
|
+
comboboxes and pickers belong to the field that opened them and follow the page, like every
|
|
262
|
+
other popup.
|
|
263
|
+
|
|
111
264
|
## Shared surface and content rhythm
|
|
112
265
|
|
|
113
|
-
Retheme surface padding with `--surface-x` and `--surface-y`. Cards, framed
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
266
|
+
Retheme surface padding with `--surface-x` and `--surface-y`. Cards, choice cards, framed
|
|
267
|
+
ContentBlocks, popovers, hover cards, the form actions bar and overlay bodies share these
|
|
268
|
+
insets. Overlay headers and footers, and CardFooter, use 0.75 of the vertical inset
|
|
269
|
+
(`round(calc(var(--surface-py) * 0.75), 1px)`) and the body's horizontal inset; the overlay
|
|
270
|
+
header adds one `--space-2xs` above its title. Bands (a toolbar or header row inside a frame)
|
|
271
|
+
are `--row-py` by `--surface-px`; edge-to-edge rows, table cells included, take `--surface-px`
|
|
272
|
+
inline; list rows are `--row-py` by `--row-px`. Compact collection shells use half the inset.
|
|
117
273
|
|
|
118
274
|
Title/description pairs in CardHeader, ContentBlock and OverlayHeader use the same
|
|
119
275
|
`Stack gap="xs"`. CardFooter and OverlayFooter use a wrapping horizontal Stack with
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require("./typography-LMez-POJ.cjs"),t=require("./ui-provider-B3v22pQY.cjs");let n=require("lucide-react"),r=require("react/jsx-runtime"),i=require("@base-ui/react/accordion"),a=require("clsx");var o={root:`accordion__root___hEph1`,surfaceBordered:`accordion__surfaceBordered___zgX5U`,surfaceCard:`accordion__surfaceCard___U4Iy7`,surfaceFlat:`accordion__surfaceFlat___qR6LI`,item:`accordion__item___3ML8e`,header:`accordion__header___OH-Pt`,trigger:`accordion__trigger___uSwje`,icon:`accordion__icon___LakYD`,panel:`accordion__panel___08Ioe`,content:`accordion__content___QPJl8`,row:`accordion__row___oCO96`,rowWithMedia:`accordion__rowWithMedia___0tYvT`,media:`accordion__media___uasy7`,mediaMedallion:`accordion__mediaMedallion___HST4U`,heading:`accordion__heading___l_NxV`,titleLine:`accordion__titleLine___Q0PVI`,badge:`accordion__badge___PHYok`,bodyWithMedia:`accordion__bodyWithMedia___jP5Gh`,bodyWithMedallion:`accordion__bodyWithMedallion___rRwpM`},s={bordered:o.surfaceBordered,card:o.surfaceCard,flat:o.surfaceFlat};function c(e){return typeof e==`string`||typeof e==`number`||typeof e==`bigint`}function l({className:e,surface:n,items:c,media:l,children:u,...d}){let f=t.n(`accordion`,{surface:`bordered`,media:`inline`}),m=n??f.surface,h=l??f.media;return(0,r.jsx)(i.Accordion.Root,{className:(0,a.clsx)(`accordion--component`,o.root,s[m],e),"data-surface":m,...d,children:u??c?.map(e=>(0,r.jsx)(p,{item:e,media:h,items:c},e.value))})}function u({className:e,...t}){return(0,r.jsx)(i.Accordion.Item,{className:(0,a.clsx)(`accordion-item--component`,o.item,e),...t})}function d({className:t,children:s,...l}){return(0,r.jsx)(i.Accordion.Header,{className:o.header,children:(0,r.jsxs)(i.Accordion.Trigger,{className:(0,a.clsx)(`accordion-trigger--component`,o.trigger,t),...l,children:[c(s)?(0,r.jsx)(e.o,{tag:`span`,size:`inherit`,weight:`medium`,lineHeight:`snug`,children:s}):s,(0,r.jsx)(n.ChevronDownIcon,{"aria-hidden":!0,className:o.icon})]})})}function f({className:t,children:n,...s}){return(0,r.jsx)(i.Accordion.Panel,{className:(0,a.clsx)(`accordion-content--component`,o.panel),...s,children:(0,r.jsx)(`div`,{className:(0,a.clsx)(o.content,t),children:c(n)?(0,r.jsx)(e.o,{tag:`div`,size:`inherit`,type:`secondary`,lineHeight:`relaxed`,children:n}):n})})}function p({item:t,media:n,items:i}){let s=n!==`none`&&i.some(e=>e.icon!=null),l=s?n===`medallion`?o.bodyWithMedallion:o.bodyWithMedia:void 0;return(0,r.jsxs)(u,{value:t.value,className:`accordion--item`,children:[(0,r.jsx)(d,{disabled:t.disabled,className:`accordion--trigger`,children:(0,r.jsxs)(`span`,{className:(0,a.clsx)(o.row,s&&o.rowWithMedia),children:[s&&(0,r.jsx)(`span`,{"aria-hidden":!0,className:(0,a.clsx)(`accordion--media`,o.media,n===`medallion`&&t.icon!=null&&o.mediaMedallion),children:t.icon}),(0,r.jsxs)(`span`,{className:(0,a.clsx)(`accordion--heading`,o.heading),children:[(0,r.jsxs)(`span`,{className:o.titleLine,children:[c(t.title)?(0,r.jsx)(e.o,{tag:`span`,size:`inherit`,weight:`semibold`,className:`accordion--title`,children:t.title}):t.title,t.badge!=null&&(0,r.jsx)(`span`,{className:o.badge,children:t.badge})]}),t.description!=null&&(c(t.description)?(0,r.jsx)(e.o,{tag:`span`,size:`sm`,type:`secondary`,className:`accordion--description`,children:t.description}):t.description)]})]})}),(0,r.jsx)(f,{className:(0,a.clsx)(`accordion--content`,l),children:t.content})]})}Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
|
package/dist/cards-CO5LHALb.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./cvm-CHrYqf6y.cjs"),n=require("./typography-LMez-POJ.cjs"),r=require("./feedback-Da53xAUT.cjs"),i=require("./ui-provider-B3v22pQY.cjs"),a=require("./buttons-CMsvnL6-.cjs"),o=require("./tooltip-Dewu4Ynm.cjs"),s=require("./action-menu-BFDQbOMx.cjs"),c=require("./structure-CXTLV2t8.cjs"),l=require("./skeleton-3RdcmQ7K.cjs");let u=require("lucide-react"),d=require("react");d=e.t(d,1);let f=require("react/jsx-runtime"),p=require("clsx");var m={root:`cards__root___Bbycm`,surfaceCard:`cards__surfaceCard___J9n4m`,surfaceFramed:`cards__surfaceFramed___oxziZ`,media:`cards__media___LvxvX`,footer:`cards__footer___sEgwh`,primaryAction:`cards__primaryAction___yY7c5`,surfaceFlat:`cards__surfaceFlat___k6njT`,surfaceBordered:`cards__surfaceBordered___8CZR0`,header:`cards__header___Q8mxA`,headerDivider:`cards__headerDivider___CQW3-`,titleRow:`cards__titleRow___4RWYS`,icon:`cards__icon___A_FPk`,title:`cards__title___60rJi`,titleInfo:`cards__titleInfo___QnNKA`,titleSuffix:`cards__titleSuffix___PDKRB`,headerControls:`cards__headerControls___-CrJR`,description:`cards__description___m5dQ8`,alert:`cards__alert___8unK8`,content:`cards__content___F3drw`,footerDivider:`cards__footerDivider___zv3P9`,footerText:`cards__footerText___Wggfv`,collapsible:`cards__collapsible___cwhUq`,expanded:`cards__expanded___7Pcuy`,expandToggle:`cards__expandToggle___t1PT_`,actionStrip:`cards__actionStrip___KrPkt`,actionStripSeparated:`cards__actionStripSeparated___lM8Va`,actionStripEnd:`cards__actionStripEnd___xVro_`,actionStripBetween:`cards__actionStripBetween___hPtwH`,actionStripFullPrimary:`cards__actionStripFullPrimary___ztzOG`},h={tooltip:`More information`,actions:`More actions`,expand:`Show more`,collapse:`Show less`};function g({icon:e,title:t,titleSuffix:r,tooltip:i,tooltipLabel:a=`More information`,description:s,headerStart:l,headerEnd:d,headerAction:h,divider:g,titleLevel:_,className:v,...y}){let b=_?`h${_}`:null;return(0,f.jsxs)(c.o,{gap:`xs`,"data-slot":`card-header`,className:(0,p.clsx)(`card--header`,m.header,g&&m.headerDivider,v),...y,children:[l,(0,f.jsxs)(`div`,{className:m.titleRow,children:[!!e&&(0,f.jsx)(`span`,{className:m.icon,children:e}),!!t&&(b?(0,f.jsx)(b,{className:(0,p.clsx)(`card--title`,m.title),children:t}):(0,f.jsx)(n.o,{tag:`span`,size:`inherit`,className:(0,p.clsx)(`card--title`,m.title),children:t})),!!r&&(0,f.jsx)(`span`,{className:m.titleSuffix,children:r}),!!i&&(0,f.jsxs)(o.t,{children:[(0,f.jsx)(o.i,{render:(0,f.jsx)(`button`,{type:`button`,"data-hit-area":!0,className:m.titleInfo,"aria-label":a}),children:(0,f.jsx)(u.InfoIcon,{"aria-hidden":!0})}),(0,f.jsx)(o.n,{children:i})]}),!!(d||h)&&(0,f.jsxs)(`span`,{className:m.headerControls,children:[d,h]})]}),!!s&&(0,f.jsx)(n.o,{type:`secondary`,className:(0,p.clsx)(`card--description`,m.description),children:s})]})}function _({className:e,...t}){return(0,f.jsx)(`div`,{"data-slot":`card-content`,className:(0,p.clsx)(`card--content`,m.content,e),...t})}function v({divider:e,text:t,className:r,children:i,...a}){return(0,f.jsxs)(c.o,{direction:`horizontal`,align:`center`,wrap:!0,gap:`md`,"data-slot":`card-footer`,className:(0,p.clsx)(`card--footer`,m.footer,e&&m.footerDivider,r),...a,children:[!!t&&(0,f.jsx)(n.o,{type:`secondary`,size:`xs`,className:m.footerText,children:t}),i]})}var y={surface:`framed`,headerDivider:!1},b=t.t(m.root,{variants:{surface:{card:m.surfaceCard,framed:m.surfaceFramed,flat:m.surfaceFlat,bordered:m.surfaceBordered}}});function x({icon:e,title:t,titleSuffix:n,tooltip:o,description:c,surface:l,titleLevel:x,media:S,headerStart:C,headerEnd:w,headerAction:T,actions:E,alert:D,alertTone:O=`neutral`,contentTop:k,contentBottom:A,footerText:j,footerSlot:M,headerDivider:ee,footerDivider:te,expandable:N=!1,expanded:P,defaultExpanded:F=!1,onExpandedChange:I,strings:L,className:R,children:z,...B}){let V={...h,...L},H=i.n(`card`,y),U=l??H.surface,W=ee??H.headerDivider,[G,ne]=d.useState(F),K=P!==void 0,q=K?P:G,re=()=>{let e=!q;K||ne(e),I?.(e)},J=N!==!1&&N!==void 0,Y=typeof N==`object`?N.collapsedMaxHeight:void 0,X=d.Children.toArray(z),Z=X.filter(e=>d.isValidElement(e)&&e.type===v),Q=Z.length>0?X.filter(e=>!Z.includes(e)):z,ie=Z.length>0?Q.length>0:!!z,ae=!!(e||t||n||o||c||C||w||T||E?.length),$=!!(ie||k||A),oe=!!(j||M),se=$&&(0,f.jsxs)(_,{className:(0,p.clsx)(J&&m.collapsible,J&&q&&m.expanded),style:Y===void 0?void 0:{"--card-collapsed-height":typeof Y==`number`?`${Y}px`:Y},children:[k,Q,A]});return(0,f.jsxs)(`div`,{"data-slot":`card`,"data-surface":U,className:(0,p.clsx)(`card--component`,b({surface:U}),R),...B,children:[!!S&&(0,f.jsx)(`div`,{className:(0,p.clsx)(`card--media`,m.media),children:S}),ae&&(0,f.jsx)(g,{titleLevel:x,icon:e,title:t,titleSuffix:n,tooltip:o,tooltipLabel:V.tooltip,description:c,headerStart:C,headerEnd:w,headerAction:(0,f.jsxs)(f.Fragment,{children:[T,!!E?.length&&(0,f.jsx)(s.n,{actions:E,strings:{trigger:V.actions}})]}),divider:W}),!!D&&(0,f.jsx)(`div`,{className:(0,p.clsx)(`card--alert`,m.alert),children:typeof D==`string`?(0,f.jsx)(r.h,{tone:O,children:(0,f.jsx)(r._,{children:D})}):D}),se,J&&$&&(0,f.jsx)(`div`,{className:m.expandToggle,children:(0,f.jsxs)(a.c,{tone:`neutral`,buttonStyle:`ghost`,onClick:re,"aria-expanded":q,children:[q?(0,f.jsx)(u.ChevronUpIcon,{}):(0,f.jsx)(u.ChevronDownIcon,{}),q?V.collapse:V.expand]})}),oe&&(0,f.jsx)(v,{divider:te,text:j,children:M}),Z]})}function S(e){return e?(0,d.isValidElement)(e)?e:typeof e==`function`||typeof e==`object`&&e&&`$$typeof`in e?(0,f.jsx)(e,{"aria-hidden":!0}):e:null}function C({actions:e,separator:t=!1,align:n=`start`,fullWidthPrimary:r=!1,renderLink:i,className:o,...s}){let c=e.filter(e=>e.visible!==!1);return c.length===0?null:(0,f.jsx)(`div`,{className:(0,p.clsx)(`card-action-strip--component`,m.actionStrip,t&&m.actionStripSeparated,n===`end`&&m.actionStripEnd,n===`between`&&m.actionStripBetween,r&&m.actionStripFullPrimary,o),...s,children:c.map((e,t)=>{let n=(0,f.jsxs)(f.Fragment,{children:[S(e.icon),e.label]}),r=e.buttonStyle===`link`?`ghost`:e.buttonStyle??(t===0?`solid`:`outline`);if(e.href&&!e.disabled){let o=e.href;return(0,f.jsx)(a.c,{render:i?i({href:o,children:n,external:e.external}):(0,f.jsx)(`a`,{href:o,target:e.target,rel:e.rel,children:n}),tone:e.tone??`primary`,buttonStyle:r},e.id??t)}return(0,f.jsx)(a.c,{tone:e.tone??`primary`,buttonStyle:r,disabled:e.disabled,onClick:e.onClick,children:n},e.id??t)})})}function w({label:e,className:t,...n}){return(0,f.jsx)(`a`,{"aria-label":e,className:(0,p.clsx)(`card-primary-action--component`,m.primaryAction,t),...n})}function T({surface:e,showHeader:t=!0,lines:n=3,label:r,className:i,...a}){return(0,f.jsx)(x,{surface:e,className:(0,p.clsx)(`card-skeleton--component`,i),...a,children:(0,f.jsx)(l.t,{lines:n,showTitle:t,label:r})})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return T}});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require("./typography-LMez-POJ.cjs"),t=require("./ui-provider-B3v22pQY.cjs");let n=require("lucide-react"),r=require("react/jsx-runtime"),i=require("@base-ui/react/combobox"),a=require("clsx");var o={clear:`Clear selection`,toggle:`Show options`,removeChip:e=>`Remove ${e}`},s={inputWrap:`combobox__inputWrap___pq05W`,input:`combobox__input___aAwhX`,actions:`combobox__actions___IyZ2d`,action:`combobox__action___0IR8g`,trigger:`combobox__trigger___n7R5B`,triggerIcon:`combobox__triggerIcon___IMtUV`,placeholder:`combobox__placeholder___zhZpm`,positioner:`combobox__positioner___v-iEj`,popup:`combobox__popup___KLyqI`,list:`combobox__list___DJHyc`,item:`combobox__item___W4q_8`,itemLabel:`combobox__itemLabel___nw0at`,indicator:`combobox__indicator___UCySr`,group:`combobox__group___pmVFV`,groupLabel:`combobox__groupLabel___Ohsi4`,empty:`combobox__empty___DplDZ`,status:`combobox__status___8Yiku`,separator:`combobox__separator___Sd_Mg`,chips:`combobox__chips___S6OXP`,chip:`combobox__chip___fL92a`,chipRemove:`combobox__chipRemove___cm7qk`,popupSearch:`combobox__popupSearch___HJUiP`,popupSearchIcon:`combobox__popupSearchIcon____iBcZ`,popupSearchInput:`combobox__popupSearchInput___tliZC`,chipsInput:`combobox__chipsInput___0jhr3`,backdrop:`combobox__backdrop___HP8mt`,arrow:`combobox__arrow___OPPY3`},c=i.Combobox.Root;function l({container:e,...n}){let a=t.u(e);return(0,r.jsx)(i.Combobox.Portal,{container:a,...n})}var u=i.Combobox.Collection;function d({className:e,...t}){return(0,r.jsx)(i.Combobox.Input,{"data-slot":`combobox-input`,"data-field-control":``,className:(0,a.clsx)(`combobox-input--component`,s.input,e),...t})}function f({className:e,showClear:t=!1,invalid:c,strings:l,...u}){let d={...o,...l};return(0,r.jsxs)(`div`,{className:s.inputWrap,"data-has-clear":t||void 0,children:[(0,r.jsx)(i.Combobox.Input,{"data-slot":`combobox-input`,"data-field-control":``,"aria-invalid":c||void 0,className:(0,a.clsx)(`combobox-input--component`,s.input,e),...u}),(0,r.jsxs)(`div`,{className:s.actions,children:[t&&(0,r.jsx)(i.Combobox.Clear,{"data-slot":`combobox-clear`,"data-hit-area":!0,"aria-label":d.clear,className:s.action,children:(0,r.jsx)(n.XIcon,{"aria-hidden":!0})}),(0,r.jsx)(i.Combobox.Trigger,{"data-hit-area":!0,"aria-label":d.toggle,className:s.action,children:(0,r.jsx)(n.ChevronDownIcon,{"aria-hidden":!0})})]})]})}function p({className:e,children:t,...o}){return(0,r.jsxs)(i.Combobox.Trigger,{"data-slot":`combobox-trigger`,"data-field-control":``,className:(0,a.clsx)(`combobox-trigger--component`,s.trigger,e),...o,children:[t,(0,r.jsx)(i.Combobox.Icon,{className:s.triggerIcon,children:(0,r.jsx)(n.ChevronDownIcon,{"aria-hidden":!0})})]})}function m({className:e,...t}){return(0,r.jsxs)(`div`,{"data-slot":`combobox-popup-input`,className:s.popupSearch,children:[(0,r.jsx)(n.SearchIcon,{"aria-hidden":!0,className:s.popupSearchIcon}),(0,r.jsx)(i.Combobox.Input,{"data-slot":`combobox-input`,className:(0,a.clsx)(`combobox-popup-input--component`,s.popupSearchInput,e),...t})]})}function h({placeholder:t,...n}){return(0,r.jsx)(i.Combobox.Value,{"data-slot":`combobox-value`,placeholder:t?(0,r.jsx)(e.o,{tag:`span`,size:`inherit`,type:`secondary`,className:(0,a.clsx)(`combobox-value--component`,s.placeholder),children:t}):void 0,...n})}function g({className:e,children:t,...c}){return(0,r.jsx)(i.Combobox.Clear,{"data-slot":`combobox-clear`,"data-hit-area":!0,"aria-label":o.clear,className:(0,a.clsx)(`combobox-clear--component`,s.action,e),...c,children:t??(0,r.jsx)(n.XIcon,{"aria-hidden":!0})})}function _({className:e,sideOffset:t=4,...n}){return(0,r.jsx)(i.Combobox.Positioner,{"data-slot":`combobox-positioner`,sideOffset:t,className:(0,a.clsx)(`combobox-positioner--component`,s.positioner,e),...n})}function v({className:e,...t}){return(0,r.jsx)(i.Combobox.Popup,{"data-slot":`combobox-popup`,className:(0,a.clsx)(`combobox-popup--component`,s.popup,e),...t})}function y({className:e,...t}){return(0,r.jsx)(i.Combobox.List,{"data-slot":`combobox-list`,className:(0,a.clsx)(`combobox-list--component`,s.list,e),...t})}function b({className:e,children:t,...o}){return(0,r.jsxs)(i.Combobox.Item,{"data-slot":`combobox-item`,className:(0,a.clsx)(`combobox-item--component`,s.item,e),...o,children:[(0,r.jsx)(`span`,{className:s.itemLabel,children:t}),(0,r.jsx)(i.Combobox.ItemIndicator,{className:s.indicator,children:(0,r.jsx)(n.CheckIcon,{"aria-hidden":!0})})]})}function x({className:e,children:t,...o}){return(0,r.jsx)(i.Combobox.ItemIndicator,{"data-slot":`combobox-item-indicator`,className:(0,a.clsx)(`combobox-item-indicator--component`,s.indicator,e),...o,children:t??(0,r.jsx)(n.CheckIcon,{"aria-hidden":!0})})}function S({className:e,...t}){return(0,r.jsx)(i.Combobox.Empty,{"data-slot":`combobox-empty`,className:(0,a.clsx)(`combobox-empty--component`,s.empty,e),...t})}function C({className:e,...t}){return(0,r.jsx)(i.Combobox.Status,{"data-slot":`combobox-status`,className:(0,a.clsx)(`combobox-status--component`,s.status,e),...t})}function w({className:e,...t}){return(0,r.jsx)(i.Combobox.Group,{"data-slot":`combobox-group`,className:(0,a.clsx)(`combobox-group--component`,s.group,e),...t})}function T({className:e,...t}){return(0,r.jsx)(i.Combobox.GroupLabel,{"data-slot":`combobox-group-label`,className:(0,a.clsx)(`combobox-group-label--component`,s.groupLabel,e),...t})}function E({className:e,...t}){return(0,r.jsx)(i.Combobox.Separator,{"data-slot":`combobox-separator`,className:(0,a.clsx)(`combobox-separator--component`,s.separator,e),...t})}function D({className:e,invalid:t,...n}){return(0,r.jsx)(i.Combobox.Chips,{"data-slot":`combobox-chips`,"data-field-shell":``,"aria-invalid":t||void 0,className:(0,a.clsx)(`combobox-chips--component`,s.chips,e),...n})}function O({className:e,children:t,strings:c,...l}){let u={...o,...c};return(0,r.jsxs)(i.Combobox.Chip,{"data-slot":`combobox-chip`,className:(0,a.clsx)(`combobox-chip--component`,s.chip,e),...l,children:[t,(0,r.jsx)(i.Combobox.ChipRemove,{"data-hit-area":!0,"aria-label":u.removeChip(typeof t==`string`||typeof t==`number`?String(t):`item`),className:s.chipRemove,children:(0,r.jsx)(n.XIcon,{"aria-hidden":!0})})]})}function k({className:e,...t}){return(0,r.jsx)(i.Combobox.Input,{"data-slot":`combobox-chips-input`,"data-field-control":``,className:(0,a.clsx)(`combobox-chips-input--component`,s.chipsInput,e),...t})}function A({className:e,...t}){return(0,r.jsx)(i.Combobox.Backdrop,{"data-slot":`combobox-backdrop`,className:(0,a.clsx)(`combobox-backdrop--component`,s.backdrop,e),...t})}function j({className:e,...t}){return(0,r.jsx)(i.Combobox.Arrow,{className:(0,a.clsx)(`combobox-arrow--component`,s.arrow,e),...t})}var M=i.Combobox.useFilter;Object.defineProperty(exports,"C",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"E",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"S",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"T",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"b",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"w",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return l}});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./typography-LMez-POJ.cjs"),n=require("./ui-provider-B3v22pQY.cjs"),r=require("./buttons-CMsvnL6-.cjs"),i=require("./tooltip-Dewu4Ynm.cjs"),a=require("./structure-CXTLV2t8.cjs"),o=require("./primitives-BP7kGVYZ.cjs"),s=require("./badge-BRX7GXRH.cjs");let c=require("lucide-react"),l=require("react");l=e.t(l,1);let u=require("react/jsx-runtime"),d=require("@base-ui/react/separator"),f=require("date-fns"),p=require("clsx");var m={separator:`display__separator___1BUja`,separatorLabelled:`display__separatorLabelled___BRKTs`,collapsibleContent:`display__collapsibleContent___w5FCe`,collapsibleInner:`display__collapsibleInner___HkK58`,collapsibleTrigger:`display__collapsibleTrigger___kOrAb`,collapsibleIcon:`display__collapsibleIcon___hoUxr`,scrollArea:`display__scrollArea___rtjwn`,indicator:`display__indicator___-b3CD`,indicatorDot:`display__indicatorDot___u1og1`,indicatorDotTrue:`display__indicatorDotTrue___gAb2-`,visuallyHidden:`display__visuallyHidden___8hPwP`,iconBadge:`display__iconBadge___-j1FB`,iconBadgeCircle:`display__iconBadgeCircle___vtzNZ`,iconBadgeBordered:`display__iconBadgeBordered___BNHvl`,toneNeutral:`display__toneNeutral___g5afx`,tonePrimary:`display__tonePrimary___Pn6zy`,toneSuccess:`display__toneSuccess___VYv9V`,toneWarning:`display__toneWarning___33--g`,toneDestructive:`display__toneDestructive___X6hm_`,toneInfo:`display__toneInfo___KFBMN`,iconBadgeSolid:`display__iconBadgeSolid___iPQQJ`,contentBlock:`display__contentBlock___0GnKb`,contentBlockBordered:`display__contentBlockBordered___Xuqla`,contentBlockMuted:`display__contentBlockMuted___RSMxC`,contentBlockCard:`display__contentBlockCard___G7lkG`,contentBlockFlush:`display__contentBlockFlush___e4GRB`,contentBlockHeader:`display__contentBlockHeader___YzDqj`,contentBlockTitle:`display__contentBlockTitle___145n6`,contentBlockDescription:`display__contentBlockDescription___fS51q`,contentBlockIcon:`display__contentBlockIcon___5BKtm`,dateBlock:`display__dateBlock___BfnLm`,dateBlockInline:`display__dateBlockInline___MyPks`,dateBlockMonth:`display__dateBlockMonth___MTD8Z`,dateBlockWeekday:`display__dateBlockWeekday___zOq-Q`,dateBlockYear:`display__dateBlockYear___gRB6t`,dateBlockTime:`display__dateBlockTime___4MsX7`,dateBlockBoxed:`display__dateBlockBoxed___F0UE0`,dateBlockDay:`display__dateBlockDay___-lnuc`,placeholderPattern:`display__placeholderPattern___neWw-`,kbd:`display__kbd___3mNbf`,kbdGroup:`display__kbdGroup___mcdvP`,inlineStat:`display__inlineStat___nfkP3`},h=e=>typeof e==`number`?`${e}px`:e;function g({className:e,orientation:n=`horizontal`,variant:r=`solid`,thickness:i,label:a,style:o,...s}){let c={...i===void 0?null:{"--separator-thickness":h(i)},...o};return a&&n===`horizontal`?(0,u.jsx)(`div`,{"data-slot":`separator`,"data-orientation":`horizontal`,"data-variant":r,className:(0,p.clsx)(`separator--component`,m.separatorLabelled,e),style:c,children:(0,u.jsx)(t.o,{tag:`span`,type:`secondary`,size:`xs`,children:a})}):(0,u.jsx)(d.Separator,{"data-slot":`separator`,orientation:n,"data-variant":r,className:(0,p.clsx)(`separator--component`,m.separator,e),style:c,...s})}var _=l.createContext(null);function v(e){let t=l.useContext(_);if(!t)throw Error(`<${e}> must be used within <Collapsible>`);return t}function y({open:e,defaultOpen:t=!1,onOpenChange:n,className:r,children:i,...a}){let[o,s]=l.useState(t),c=e!==void 0,d=c?e:o,f=l.useId(),m=l.useCallback(e=>{c||s(e),n?.(e)},[c,n]),h=l.useMemo(()=>({open:d,setOpen:m,id:f}),[d,m,f]);return(0,u.jsx)(_.Provider,{value:h,children:(0,u.jsx)(`div`,{"data-slot":`collapsible`,"data-open":d?``:void 0,className:(0,p.clsx)(`collapsible--component`,r),...a,children:i})})}function b({className:e,children:t,onClick:n,...r}){let{open:i,setOpen:a,id:o}=v(`CollapsibleTrigger`);return(0,u.jsxs)(`button`,{type:`button`,"data-slot":`collapsible-trigger`,"aria-expanded":i,"aria-controls":o,className:(0,p.clsx)(`collapsible--trigger`,m.collapsibleTrigger,e),"data-hit-area":!0,onClick:e=>{n?.(e),e.defaultPrevented||a(!i)},...r,children:[(0,u.jsx)(c.ChevronRightIcon,{className:m.collapsibleIcon,"aria-hidden":!0}),t]})}function x({className:e,children:t,...n}){let{open:r,id:i}=v(`CollapsibleContent`);return(0,u.jsx)(`div`,{id:i,"data-slot":`collapsible-content`,"data-open":r?``:void 0,"aria-hidden":!r,inert:!r,className:(0,p.clsx)(`collapsible--content`,m.collapsibleContent,e),...n,children:(0,u.jsx)(`div`,{className:m.collapsibleInner,children:t})})}function S({className:e,...t}){return(0,u.jsx)(`div`,{"data-slot":`scroll-area`,tabIndex:0,className:(0,p.clsx)(`scroll-area--component`,m.scrollArea,e),...t})}var C={true:`Yes`,false:`No`};function w({value:e,strings:n,className:r,...i}){let a={...C,...n};return(0,u.jsxs)(`span`,{"data-slot":`boolean-indicator`,"data-value":e?`true`:`false`,className:(0,p.clsx)(`boolean-indicator--component`,m.indicator,r),...i,children:[(0,u.jsx)(`span`,{className:(0,p.clsx)(m.indicatorDot,e&&m.indicatorDotTrue),"aria-hidden":!0}),(0,u.jsx)(t.o,{tag:`span`,size:`inherit`,children:e?a.true:a.false})]})}function T({className:e,render:t,...n}){let r=(0,p.clsx)(m.visuallyHidden,e);return t?l.cloneElement(t,{...n,...t.props,className:(0,p.clsx)(r,t.props.className)}):(0,u.jsx)(`span`,{className:(0,p.clsx)(`visually-hidden--component`,r),...n})}var E={neutral:m.toneNeutral,primary:m.tonePrimary,success:m.toneSuccess,warning:m.toneWarning,destructive:m.toneDestructive,info:m.toneInfo};function D({icon:e,children:t,tone:n=`neutral`,shape:r=`rounded`,solid:i=!1,bordered:a=!1,className:o,...s}){let c=t||(e?(0,l.isValidElement)(e)?e:(0,u.jsx)(e,{"aria-hidden":!0}):null);return(0,u.jsx)(`span`,{className:(0,p.clsx)(`icon-badge--component`,m.iconBadge,E[n],r===`circle`&&m.iconBadgeCircle,i&&m.iconBadgeSolid,a&&m.iconBadgeBordered,o),...s,children:c})}function O({title:e,description:n,icon:r,titleSuffix:i,headerEnd:o,surface:s=`plain`,flush:c=!1,className:l,children:d,...f}){let h=!!(e||i||r||o),g=h||n!=null;return(0,u.jsxs)(`div`,{className:(0,p.clsx)(`content-block--component`,m.contentBlock,s===`bordered`&&m.contentBlockBordered,s===`muted`&&m.contentBlockMuted,s===`card`&&m.contentBlockCard,c&&m.contentBlockFlush,l),...f,children:[g&&(0,u.jsxs)(a.o,{gap:`xs`,className:`content-block--heading`,children:[h&&(0,u.jsxs)(`div`,{className:m.contentBlockHeader,children:[r!=null&&(0,u.jsx)(`span`,{className:m.contentBlockIcon,children:r}),(0,u.jsxs)(t.o,{tag:`span`,size:`inherit`,className:m.contentBlockTitle,"data-suffixed":i!=null||void 0,children:[e,i]}),o]}),n!=null&&(0,u.jsx)(t.o,{tag:`div`,type:`secondary`,className:m.contentBlockDescription,children:n})]}),d]})}function k(e){if(e==null)return null;let t=e instanceof Date?e:new Date(e);return(0,f.isValid)(t)?t:null}function A({date:e,time:t,dateTime:r,layout:i=`stacked`,boxed:a,showWeekday:o=!0,showMonth:s=!0,showYear:c=!1,weekdayFormat:l=`EEE`,dayFormat:d=`d`,monthFormat:h=`MMM`,yearFormat:g=`yyyy`,className:_,...v}){let{locale:y}=n.t(),b=k(e),x=a??i===`stacked`;return b?(0,u.jsxs)(`time`,{dateTime:r??b.toISOString(),className:(0,p.clsx)(`date-block--component`,m.dateBlock,i===`inline`&&m.dateBlockInline,x&&m.dateBlockBoxed,_),...v,children:[o&&(0,u.jsx)(`span`,{className:m.dateBlockWeekday,children:(0,f.format)(b,l,{locale:y})}),(0,u.jsx)(`span`,{className:m.dateBlockDay,children:(0,f.format)(b,d,{locale:y})}),s&&(0,u.jsx)(`span`,{className:m.dateBlockMonth,children:(0,f.format)(b,h,{locale:y})}),c&&(0,u.jsx)(`span`,{className:m.dateBlockYear,children:(0,f.format)(b,g,{locale:y})}),t!=null&&(0,u.jsx)(`span`,{className:m.dateBlockTime,children:t})]}):null}function j({className:e,...t}){return(0,u.jsx)(`div`,{"aria-hidden":!0,className:(0,p.clsx)(`placeholder-pattern--component`,m.placeholderPattern,e),...t})}function M({className:e,...t}){return(0,u.jsx)(`kbd`,{"data-slot":`kbd`,className:(0,p.clsx)(`kbd--component`,m.kbd,e),...t})}function N({className:e,...t}){return(0,u.jsx)(`span`,{"data-slot":`kbd-group`,className:(0,p.clsx)(`kbd-group--component`,m.kbdGroup,e),...t})}var P=`metadata-value--component`;function F(e){return e==null||e===``}function I(e,t=`—`){return(0,u.jsx)(o.z,{size:`inherit`,label:t,className:(0,p.clsx)(P,e)})}function L(e){throw Error(`Unsupported metadata value descriptor: ${JSON.stringify(e)}`)}function R(e){if(e.kind===`node`)return(0,u.jsx)(u.Fragment,{children:e.node});if(e.kind===`empty`||e.kind!==`link`&&F(e.value))return I(e.className,e.emptyLabel);let t=(0,p.clsx)(P,e.className);switch(e.kind){case void 0:case`text`:return(0,u.jsx)(o.U,{size:`inherit`,className:(0,p.clsx)(`metadata-value--component`,t),children:e.display??e.value});case`mono`:return(0,u.jsx)(o.B,{size:`inherit`,className:t,children:e.display??e.value});case`email`:return(0,u.jsx)(o.D,{value:e.value,display:e.display,emptyLabel:e.emptyLabel,className:t});case`phone`:return(0,u.jsx)(o.k,{value:e.value,display:e.display,emptyLabel:e.emptyLabel,className:t});case`url`:return(0,u.jsx)(o.A,{value:e.value,display:e.display,emptyLabel:e.emptyLabel,className:t});case`link`:return(0,u.jsx)(o.O,{href:e.href,emptyLabel:e.emptyLabel,className:t,children:e.display??e.value??e.href});case`date`:return(0,u.jsx)(o.f,{value:e.value,pattern:e.pattern,emptyLabel:e.emptyLabel,size:`inherit`,className:t});case`time`:return(0,u.jsx)(o.g,{value:e.value,pattern:e.pattern,emptyLabel:e.emptyLabel,size:`inherit`,className:t});case`datetime`:return(0,u.jsx)(o.m,{value:e.value,pattern:e.pattern,emptyLabel:e.emptyLabel,size:`inherit`,className:t});case`money`:return(0,u.jsx)(o.E,{amount:e.value,currency:e.currency,unit:e.unit,minorUnitScale:e.minorUnitScale,formatMode:e.formatMode,locale:e.locale,emptyLabel:e.emptyLabel,size:`inherit`,className:t});case`badge`:return(0,u.jsx)(s.t,{tone:e.badgeTone??`secondary`,variant:e.badgeVariant,className:t,children:e.display??e.value});default:return L(e)}}var z={formatInfoLabel:e=>`${e} info`,infoFallback:`Info`},B={root:`metadata__root___adepF`,title:`metadata__title___JCg-m`,titleSeparator:`metadata__titleSeparator___sSi79`,label:`metadata__label___RlvLT`,labelWrap:`metadata__labelWrap___vEeEl`,itemIcon:`metadata__itemIcon___anOys`,value:`metadata__value___7B1OM`,description:`metadata__description____g3pp`,infoTrigger:`metadata__infoTrigger___tlES-`,tooltip:`metadata__tooltip___9PBmy`,gridItem:`metadata__gridItem___58mZm`,gridLabel:`metadata__gridLabel___vjwfX`,rows:`metadata__rows___KJAUl`,rowsDivided:`metadata__rowsDivided___36Tko`,row:`metadata__row___IK3nl`,rowLabel:`metadata__rowLabel___C1ZWP`,rowValue:`metadata__rowValue___XktbG`,inline:`metadata__inline___IYAlQ`,inlineItem:`metadata__inlineItem___WlyKN`,inlineLabel:`metadata__inlineLabel___sfbhy`,inlineSeparator:`metadata__inlineSeparator___GD3nM`},V={1:1,2:{base:1,md:2},3:{base:1,sm:2,lg:3},4:{base:1,sm:2,lg:3,xl:4}};function H(e){return typeof e==`object`?e:V[e]}function U(e,t){return e.id?e.id:`metadata-${typeof e.label==`string`?e.label:t}-${t}`}function W(e){return typeof e==`object`&&!!e&&!(0,l.isValidElement)(e)&&!Array.isArray(e)&&(`kind`in e||`node`in e||`value`in e)}function G(e,t,n,r){return W(e)?e.kind===`node`?(0,u.jsx)(R,{...e}):(0,u.jsx)(R,{...e,emptyLabel:e.emptyLabel??n,className:(0,p.clsx)(r,e.className)}):typeof e==`string`||typeof e==`number`?(0,u.jsx)(R,{kind:t?`empty`:`text`,value:e,emptyLabel:n,className:r}):e}function K({label:e,copy:t}){let n=typeof e==`string`?t.formatInfoLabel(e):t.infoFallback;return(0,u.jsxs)(i.t,{children:[(0,u.jsx)(i.i,{render:(0,u.jsx)(r.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":n,className:B.infoTrigger,"data-hit-area":!0,children:(0,u.jsx)(c.InfoIcon,{})})}),(0,u.jsx)(i.n,{side:`top`,align:`start`,className:B.tooltip,children:e})]})}function q({item:e,copy:n,className:r}){let i=e.icon;return(0,u.jsxs)(u.Fragment,{children:[!!i&&(0,u.jsx)(i,{className:B.itemIcon}),(0,u.jsx)(t.i,{className:(0,p.clsx)(`metadata-list--label`,B.label,r),children:e.label}),e.tooltip!=null&&(0,u.jsx)(K,{label:e.tooltip,copy:n})]})}function J({items:e,columns:n=2,density:r=`default`,emptyLabel:i=`—`,title:o,titleSeparator:s=!1,className:c,layout:d=`grid`,separator:f=`: `,itemSeparator:m=!1,strings:h}){let _={...z,...h},v=(0,l.useMemo)(()=>e.filter(Boolean),[e]);if(v.length===0)return null;let y=r===`compact`,b=B.value,x=o!=null,S=(0,u.jsxs)(u.Fragment,{children:[!!x&&(0,u.jsx)(t.i,{className:(0,p.clsx)(`metadata-list--title`,B.title),children:o}),!!(x&&s)&&(0,u.jsx)(g,{className:(0,p.clsx)(`metadata-list--title-separator`,B.titleSeparator)})]}),C=(0,p.clsx)(`metadata-list--component`,B.root,c),w=v.map((e,t)=>({item:e,key:U(e,t),absent:e.value===null||e.value===void 0,emptyLabel:e.emptyLabel??i,value:e.value??e.emptyLabel??i}));if(d===`inline`){let e=typeof m==`string`?m:m?`·`:``;return(0,u.jsxs)(`div`,{className:C,children:[S,(0,u.jsx)(a.o,{direction:`horizontal`,gap:y?`sm`:`md`,align:`baseline`,wrap:!0,className:(0,p.clsx)(`metadata-list--inline`,B.inline),children:w.map(({item:n,key:r,absent:i,emptyLabel:a,value:o},s)=>(0,u.jsxs)(l.Fragment,{children:[(0,u.jsxs)(`div`,{className:(0,p.clsx)(`metadata-list--item`,B.inlineItem),children:[(0,u.jsxs)(`span`,{className:B.inlineLabel,children:[(0,u.jsx)(q,{item:n,copy:_,className:B.labelWrap}),(0,u.jsx)(t.o,{size:`inherit`,type:`secondary`,children:f})]}),n.render?(0,u.jsx)(`span`,{className:B.value,children:n.render(n)}):G(o,i,a,B.value)]}),!!(e&&s<w.length-1)&&(0,u.jsx)(t.o,{size:`inherit`,type:`secondary`,"aria-hidden":!0,className:(0,p.clsx)(`metadata-list--item-separator`,B.inlineSeparator),children:e})]},r))})]})}return d===`rows`?(0,u.jsxs)(`div`,{className:C,children:[S,(0,u.jsx)(`dl`,{"data-row-density":r,className:(0,p.clsx)(`metadata-list--rows`,B.rows,m!==!1&&B.rowsDivided),children:w.map(({item:e,key:n,absent:r,emptyLabel:i,value:a})=>(0,u.jsxs)(`div`,{className:(0,p.clsx)(`metadata-list--item`,B.row),children:[(0,u.jsx)(`dt`,{className:B.rowLabel,children:(0,u.jsx)(q,{item:e,copy:_,className:B.labelWrap})}),(0,u.jsxs)(`dd`,{className:B.rowValue,children:[e.render?(0,u.jsx)(`div`,{className:b,children:e.render(e)}):G(a,r,i,b),!!e.description&&(0,u.jsx)(t.o,{size:`xs`,type:`secondary`,className:(0,p.clsx)(`metadata-list--description`,B.description),children:e.description})]})]},n))})]}):(0,u.jsxs)(`div`,{className:C,children:[S,(0,u.jsx)(a.i,{columns:H(n),gap:y?`md`:`xl`,align:`start`,className:`metadata-list--grid`,children:w.map(({item:e,key:n,absent:r,emptyLabel:i,value:a})=>(0,u.jsxs)(`div`,{className:(0,p.clsx)(`metadata-list--item`,B.gridItem),children:[(0,u.jsx)(`div`,{className:B.gridLabel,children:(0,u.jsx)(q,{item:e,copy:_})}),e.render?(0,u.jsx)(`div`,{className:b,children:e.render(e)}):G(a,r,i,b),!!e.description&&(0,u.jsx)(t.o,{size:`xs`,type:`secondary`,className:(0,p.clsx)(`metadata-list--description`,B.description),children:e.description})]},n))})]})}function Y({label:e,value:n,layout:r=`between`,mono:i=!1,className:a,...s}){let c=i?o.B:o.U;return(0,u.jsxs)(`div`,{"data-layout":r,className:(0,p.clsx)(`inline-stat--component`,m.inlineStat,a),...s,children:[(0,u.jsx)(t.i,{className:`inline-stat--label`,children:e}),(0,u.jsx)(c,{className:`inline-stat--value`,children:n})]})}Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return J}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return g}});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./cvm-CHrYqf6y.cjs"),n=require("./typography-LMez-POJ.cjs"),r=require("./buttons-CMsvnL6-.cjs");let i=require("lucide-react"),a=require("react");a=e.t(a,1);let o=require("react/jsx-runtime"),s=require("clsx");var c={root:`alert__root___fMmtV`,toneNeutral:`alert__toneNeutral___Dx451`,tonePrimary:`alert__tonePrimary___FkiRU`,toneSecondary:`alert__toneSecondary___yC2JY`,toneInfo:`alert__toneInfo___ut4gd`,toneSuccess:`alert__toneSuccess___czn5l`,toneWarning:`alert__toneWarning___HmaKX`,toneDestructive:`alert__toneDestructive___T52t-`,variantInverse:`alert__variantInverse___qWtkf`,title:`alert__title___GxGhO`,description:`alert__description___8yaK5`,action:`alert__action___hwzlx`},l=t.t(c.root,{variants:{tone:{neutral:c.toneNeutral,primary:c.tonePrimary,secondary:c.toneSecondary,destructive:c.toneDestructive,warning:c.toneWarning,success:c.toneSuccess,info:c.toneInfo},variant:{default:void 0,inverse:c.variantInverse}},defaultVariants:{tone:`neutral`,variant:`default`}}),u={neutral:null,primary:null,secondary:null,destructive:(0,o.jsx)(i.CircleAlertIcon,{"aria-hidden":!0}),warning:(0,o.jsx)(i.TriangleAlertIcon,{"aria-hidden":!0}),success:(0,o.jsx)(i.CircleCheckIcon,{"aria-hidden":!0}),info:(0,o.jsx)(i.InfoIcon,{"aria-hidden":!0})};function d({className:e,tone:t,variant:n,icon:r,children:i,...a}){let c=r===void 0?u[t??`neutral`]:r;return(0,o.jsxs)(`div`,{"data-slot":`alert`,"data-tone":t??`neutral`,"data-variant":n??`default`,role:t===`destructive`?`alert`:`status`,className:(0,s.clsx)(`alert--component`,l({tone:t,variant:n,className:e})),...a,children:[c||null,i]})}function f({className:e,...t}){return(0,o.jsx)(n.o,{tag:`div`,size:`inherit`,type:`inherit`,weight:`medium`,"data-slot":`alert-title`,className:(0,s.clsx)(`alert-title--component`,c.title,e),...t})}function p({className:e,...t}){return(0,o.jsx)(n.o,{tag:`div`,size:`inherit`,type:`inherit`,"data-slot":`alert-description`,className:(0,s.clsx)(`alert-description--component`,c.description,e),...t})}function m({className:e,...t}){return(0,o.jsx)(`div`,{"data-slot":`alert-action`,className:(0,s.clsx)(`alert-action--component`,c.action,e),...t})}var h={title:`Nothing here yet`,description:`Once data lands, it will show up in this view.`,ariaLabel:`Empty state`},g={root:`empty__root___dGVWo`,padSm:`empty__padSm___j1xaw`,padMd:`empty__padMd___PAUNy`,padLg:`empty__padLg___vkd3q`,bordered:`empty__bordered___qUxGJ`,media:`empty__media___v646r`,mediaIcon:`empty__mediaIcon___7LMpP`,mediaIconSoft:`empty__mediaIconSoft___cL1VI`,mediaIllustration:`empty__mediaIllustration___INASq`,content:`empty__content___UzGGp`,actions:`empty__actions___sULu9`,description:`empty__description___tmyDN`},_={sm:g.padSm,md:g.padMd,lg:g.padLg},v={none:void 0,icon:g.mediaIcon,"icon-soft":g.mediaIconSoft,illustration:g.mediaIllustration};function y({media:e,mediaVariant:t=`none`,renderMedia:r,title:i,description:a,action:c,footer:l,padding:u=`md`,border:d=!1,className:f,children:p,strings:m,"aria-label":y,...b}){let x={...h,...m},S=r?r({mediaVariant:t}):e,C=i??x.title,w=a===!1?null:a??x.description;return(0,o.jsxs)(`div`,{"data-slot":`empty`,role:`status`,"aria-label":y??x.ariaLabel,className:(0,s.clsx)(`empty--component`,g.root,_[u],d&&g.bordered,f),...b,children:[!!S&&(0,o.jsx)(`div`,{"data-slot":`empty-media`,"data-variant":t,className:(0,s.clsx)(`empty--media`,g.media,v[t]),children:S}),!!(C||w)&&(0,o.jsxs)(`div`,{className:g.content,children:[!!C&&(0,o.jsx)(n.a,{level:3,size:`base`,"data-slot":`empty-title`,className:`empty--title`,children:C}),!!w&&(0,o.jsx)(n.o,{align:`center`,type:`secondary`,"data-slot":`empty-description`,className:(0,s.clsx)(`empty--description`,g.description),children:w})]}),p,!!c&&(0,o.jsx)(`div`,{"data-slot":`empty-actions`,className:(0,s.clsx)(`empty--actions`,g.actions),children:c}),!!l&&(0,o.jsx)(n.o,{align:`center`,tag:`div`,size:`xs`,type:`secondary`,"data-slot":`empty-footer`,className:`empty--footer`,children:l})]})}var b={lineWide:`empty-illustrations__lineWide___QaFrX`,lineNarrow:`empty-illustrations__lineNarrow___M4qYk`,lineShort:`empty-illustrations__lineShort___cmQXA`,stack:`empty-illustrations__stack____EA-u`,stackBack:`empty-illustrations__stackBack___qYSjR`,stackMid:`empty-illustrations__stackMid___1E91B`,stackFront:`empty-illustrations__stackFront___Kp3as`,stackThumb:`empty-illustrations__stackThumb___xrHXy`,stackLines:`empty-illustrations__stackLines___P74LH`,stackFade:`empty-illustrations__stackFade___z3xS2`,docs:`empty-illustrations__docs___SJJ5j`,doc:`empty-illustrations__doc___BEYbp`,docBack:`empty-illustrations__docBack___cCs6s`,docFront:`empty-illustrations__docFront___gJTKl`,docStatus:`empty-illustrations__docStatus___Y220r`,docDot:`empty-illustrations__docDot___WVkma`,inbox:`empty-illustrations__inbox___6HlVX`,inboxCheck:`empty-illustrations__inboxCheck___Da4DN`,inboxTray:`empty-illustrations__inboxTray___2Mzt3`,inboxLip:`empty-illustrations__inboxLip___kneND`,inboxRow:`empty-illustrations__inboxRow___7gq3M`,inboxLines:`empty-illustrations__inboxLines___e2QMA`,inboxDot:`empty-illustrations__inboxDot___bCn-J`,glass:`empty-illustrations__glass___tiO45`,users:`empty-illustrations__users___eo-XD`,userLeft:`empty-illustrations__userLeft___AaDLI`,userCentre:`empty-illustrations__userCentre___PIKxD`,userRight:`empty-illustrations__userRight___CKDSo`};function x({className:e}){return(0,o.jsxs)(`div`,{"aria-hidden":!0,className:(0,s.clsx)(`stacked-cards-illustration--component`,b.stack,e),children:[(0,o.jsx)(`div`,{className:b.stackBack}),(0,o.jsx)(`div`,{className:b.stackMid}),(0,o.jsxs)(`div`,{className:b.stackFront,children:[(0,o.jsx)(`div`,{className:b.stackThumb}),(0,o.jsxs)(`div`,{className:b.stackLines,children:[(0,o.jsx)(`div`,{className:b.lineWide}),(0,o.jsx)(`div`,{className:b.lineNarrow})]})]}),(0,o.jsx)(`div`,{className:b.stackFade})]})}function S({className:e}){return(0,o.jsxs)(`div`,{"aria-hidden":!0,className:(0,s.clsx)(`document-stack-illustration--component`,b.docs,e),children:[(0,o.jsxs)(`div`,{className:(0,s.clsx)(b.doc,b.docBack),children:[(0,o.jsx)(`div`,{className:b.lineWide}),(0,o.jsx)(`div`,{className:b.lineNarrow}),(0,o.jsx)(`div`,{className:b.lineNarrow})]}),(0,o.jsxs)(`div`,{className:(0,s.clsx)(b.doc,b.docFront),children:[(0,o.jsx)(`div`,{className:b.lineWide}),(0,o.jsx)(`div`,{className:b.lineNarrow}),(0,o.jsx)(`div`,{className:b.lineNarrow}),(0,o.jsxs)(`div`,{className:b.docStatus,children:[(0,o.jsx)(`div`,{className:b.docDot}),(0,o.jsx)(`div`,{className:b.lineNarrow})]})]})]})}function C({className:e}){return(0,o.jsxs)(`div`,{"aria-hidden":!0,className:(0,s.clsx)(`inbox-clean-illustration--component`,b.inbox,e),children:[(0,o.jsx)(`div`,{className:b.inboxCheck,children:(0,o.jsx)(`svg`,{viewBox:`0 0 16 16`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,o.jsx)(`path`,{d:`M3 8l3 3 7-7`})})}),(0,o.jsxs)(`div`,{className:b.inboxTray,children:[(0,o.jsx)(`div`,{className:b.inboxLip}),(0,o.jsxs)(`div`,{className:b.inboxRow,children:[(0,o.jsxs)(`div`,{className:b.inboxLines,children:[(0,o.jsx)(`div`,{className:b.lineNarrow}),(0,o.jsx)(`div`,{className:b.lineShort})]}),(0,o.jsx)(`div`,{className:b.inboxDot})]})]})]})}function w({className:e}){return(0,o.jsx)(`div`,{"aria-hidden":!0,className:(0,s.clsx)(`search-glass-illustration--component`,b.glass,e),children:(0,o.jsx)(i.SearchIcon,{"data-sized":!0})})}function T({className:e}){return(0,o.jsxs)(`div`,{"aria-hidden":!0,className:(0,s.clsx)(`users-circle-illustration--component`,b.users,e),children:[(0,o.jsx)(`div`,{className:b.userLeft}),(0,o.jsx)(`div`,{className:b.userCentre}),(0,o.jsx)(`div`,{className:b.userRight})]})}var E=100;function D(e,t=E){let n=Number.isFinite(t)&&t>0?t:E,r=Number.isFinite(e)?Math.min(Math.max(e,0),n):0;return{max:n,value:r,percent:r/n*100}}var O={root:`progress__root___UAJQP`,fill:`progress__fill___zwP00`,indeterminate:`progress__indeterminate___tACin`,toneSuccess:`progress__toneSuccess___d5mVc`,toneWarning:`progress__toneWarning___BhMDu`,toneDestructive:`progress__toneDestructive___zC91j`,toneInfo:`progress__toneInfo___-kq0j`},k=t.t(O.root,{variants:{tone:{primary:void 0,success:O.toneSuccess,warning:O.toneWarning,destructive:O.toneDestructive,info:O.toneInfo}},defaultVariants:{tone:`primary`}});function A({value:e,max:t=100,tone:n,label:r,className:i,...a}){let c=e===void 0,l=D(e??0,t);return(0,o.jsx)(`div`,{"data-slot":`progress`,role:`progressbar`,"aria-label":r,"aria-valuemin":c?void 0:0,"aria-valuemax":c?void 0:l.max,"aria-valuenow":c?void 0:l.value,className:(0,s.clsx)(`progress--component`,k({tone:n}),i),...a,children:c?(0,o.jsx)(`div`,{className:O.indeterminate}):(0,o.jsx)(`div`,{className:O.fill,style:{width:`${l.percent}%`}})})}var j={root:`progress-circle__root___qXPEI`,inner:`progress-circle__inner___3uHyP`,toneSuccess:`progress-circle__toneSuccess___TdCmG`,toneWarning:`progress-circle__toneWarning___NrBgt`,toneDestructive:`progress-circle__toneDestructive___59HIW`,toneInfo:`progress-circle__toneInfo___-Bo-Z`},M=t.t(j.root,{variants:{tone:{primary:void 0,success:j.toneSuccess,warning:j.toneWarning,destructive:j.toneDestructive,info:j.toneInfo}},defaultVariants:{tone:`primary`}});function N({value:e,max:t=100,tone:n,label:r,children:i,className:a,style:c,...l}){let u=D(e,t);return(0,o.jsx)(`div`,{"data-slot":`progress-circle`,role:`progressbar`,"aria-label":r,"aria-valuemin":0,"aria-valuemax":u.max,"aria-valuenow":u.value,className:(0,s.clsx)(`progress-circle--component`,M({tone:n}),a),style:{"--progress-sweep":`${u.percent}%`,...c},...l,children:(0,o.jsx)(`span`,{className:j.inner,children:i})})}var P={alertMeta:`feedback__alertMeta___fIN0s`,alertMetaItem:`feedback__alertMetaItem___j3sgm`,alertMetaLabel:`feedback__alertMetaLabel___27nw-`,alertMetaValue:`feedback__alertMetaValue___vWC_q`,state:`feedback__state___jyrdN`,stateIcon:`feedback__stateIcon___dPggL`,stateIconError:`feedback__stateIconError___1F4Tp`,stateSpinner:`feedback__stateSpinner___yVGSc`};function F({items:e,className:t,...n}){return e.length===0?null:(0,o.jsx)(`dl`,{className:(0,s.clsx)(`alert-metadata--component`,P.alertMeta,t),...n,children:e.map((e,t)=>(0,o.jsxs)(`div`,{className:P.alertMetaItem,children:[(0,o.jsx)(`dt`,{className:P.alertMetaLabel,children:e.label}),(0,o.jsx)(`dd`,{className:P.alertMetaValue,children:e.value})]},t))})}var I={label:`Loading…`},L={title:`Something went wrong`,description:`The data could not be loaded.`,retry:`Try again`};function R({label:e,strings:t,className:r,...a}){let c={...I,...t};return(0,o.jsxs)(`div`,{role:`status`,"aria-live":`polite`,className:(0,s.clsx)(`loading-state--component`,P.state,r),...a,children:[(0,o.jsx)(i.Loader2Icon,{"aria-hidden":!0,className:(0,s.clsx)(P.stateIcon,P.stateSpinner)}),(0,o.jsx)(n.o,{type:`secondary`,size:`sm`,children:e??c.label})]})}function z({title:e,description:t,onRetry:a,action:c,strings:l,className:u,...d}){let f={...L,...l};return(0,o.jsxs)(`div`,{role:`alert`,className:(0,s.clsx)(`error-state--component`,P.state,u),...d,children:[(0,o.jsx)(i.TriangleAlertIcon,{"aria-hidden":!0,className:(0,s.clsx)(P.stateIcon,P.stateIconError)}),(0,o.jsx)(n.o,{weight:`medium`,children:e??f.title}),(0,o.jsx)(n.o,{type:`secondary`,size:`sm`,children:t??f.description}),c??(a?(0,o.jsx)(r.c,{tone:`neutral`,buttonStyle:`outline`,onClick:a,children:f.retry}):null)]})}Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return f}});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require("./typography-LMez-POJ.cjs"),t=require("./feedback-Da53xAUT.cjs"),n=require("./ui-provider-B3v22pQY.cjs"),r=require("./buttons-CMsvnL6-.cjs"),i=require("./dropdown-menu-0OW7zJto.cjs"),a=require("./use-latest-BT2X4Opg.cjs"),o=require("./primitives-BP7kGVYZ.cjs"),s=require("./badge-BRX7GXRH.cjs"),c=require("./item-Cye3hJmr.cjs"),l=require("./use-debounce-CKfx87CG.cjs"),u=require("./use-mobile-COk5j6jT.cjs"),d=require("./strings-BiKL6k6b.cjs"),f=require("./text-inputs-D4w3Z2-F.cjs"),p=require("./navigation-BaIANCwE.cjs"),m=require("./choice-inputs-CySnLjfA.cjs"),h=require("./value-inputs-DzErolfh.cjs"),g=require("./date-pickers-C6rE7fLo.cjs"),_=require("./popover-BUebuMJK.cjs"),v=require("./overlay-D1wEvshK.cjs"),y=require("./command-BSvB58XI.cjs"),b=require("./popover-menu-Cm10om_m.cjs"),x=require("./sheet-FA8TfP1E.cjs"),S=require("./spinner-ChYwza6q.cjs"),C=require("./use-synced-state-CoPfjLRG.cjs");let w=require("lucide-react"),T=require("react"),E=require("react/jsx-runtime"),D=require("date-fns"),O=require("clsx");var k=(0,T.createContext)(void 0),A=(0,T.createContext)(0);function j(){return(0,T.useContext)(A)}function M(){let e=(0,T.useContext)(k);if(!e)throw Error(`useFilters must be used inside <FilterProvider>.`);return e}function N(e){let{isNavigating:t}=M(),[n,r]=(0,T.useState)(e),[i,a]=(0,T.useState)(t);return i!==t&&(a(t),t&&r(e)),[n,r]}var P={layout:`filters__layout___woKZr`,bar:`filters__bar___5h1VZ`,applying:`filters__applying___SIwlJ`,viewSelect:`filters__viewSelect___xxKAI`,tabs:`filters__tabs___Jq1Sh`,searchInput:`filters__searchInput___716Z8`,mobileSheet:`filters__mobileSheet___zRJI-`,mobileBody:`filters__mobileBody___JtwHf`,mobileFilters:`filters__mobileFilters___oPluw`,mobileFilterRow:`filters__mobileFilterRow___bsZJh`,mobileValue:`filters__mobileValue___bIymH`,mobileFilter:`filters__mobileFilter___Aokoo`,mobileEditor:`filters__mobileEditor___hLiAv`,mobileOperator:`filters__mobileOperator___g2TYV`,clear:`filters__clear___UG_dE`,loadingChip:`filters__loadingChip___JjnwV`,pill:`filters__pill___SyiSi`,pillAnchor:`filters__pillAnchor___Z-Q8z`,segment:`filters__segment___fDEuQ`,segmentClear:`filters__segmentClear___-XQRp`,segmentGlyph:`filters__segmentGlyph___bfzxg`,pillIcon:`filters__pillIcon___G5Edm`,pillDivider:`filters__pillDivider___zoTuZ`,pillValue:`filters__pillValue___4_puN`,operatorStatic:`filters__operatorStatic___a8FHc`,valueDisplay:`filters__valueDisplay___LkLmF`,valueGlyph:`filters__valueGlyph___npbBs`,valueIcons:`filters__valueIcons___624aN`,valueIcon:`filters__valueIcon___Cz2Rn`,valueIconCount:`filters__valueIconCount___tw6sZ`,editorPopover:`filters__editorPopover___oRlHx`,editor:`filters__editor___kbr4v`,editorHeader:`filters__editorHeader___fPckp`,editorBody:`filters__editorBody___SeZQD`,rangeBody:`filters__rangeBody___Ef6fU`,editorList:`filters__editorList___UwhjF`,editorFooter:`filters__editorFooter___HeVuc`,optionBody:`filters__optionBody___XPuQI`,errorBoundary:`filters__errorBoundary___mJQZT`,errorBoundaryHead:`filters__errorBoundaryHead___84GD1`,errorBoundaryDetail:`filters__errorBoundaryDetail___KL14X`},F=class extends T.Component{state={error:null};static getDerivedStateFromError(e){return{error:e}}componentDidCatch(e,t){this.props.onError(e,{phase:`render`,filterKey:this.props.filterKey,info:t.componentStack??void 0})}retry=()=>this.setState({error:null});render(){let{children:t,fallback:n,filterKey:i,labels:a,className:s}=this.props;return this.state.error?n||(0,E.jsxs)(`div`,{className:(0,O.clsx)(`filter-error-boundary--component`,P.errorBoundary,s),children:[(0,E.jsxs)(`div`,{className:P.errorBoundaryHead,children:[(0,E.jsx)(e.o,{tag:`span`,weight:`semibold`,children:a.title}),(0,E.jsx)(r.c,{type:`button`,tone:`destructive`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":a.retry,onClick:this.retry,children:(0,E.jsx)(w.XIcon,{})})]}),(0,E.jsx)(e.o,{children:a.describe(i)}),(0,E.jsx)(o.B,{size:`xs`,className:P.errorBoundaryDetail,children:this.state.error.message})]}):t}};function I(e){let{strings:t,reportError:n}=M(),r=(0,T.useMemo)(()=>({title:t.error.title,describe:t.error.describe,retry:t.error.retry}),[t]);return(0,E.jsx)(F,{...e,labels:r,onError:n})}function L(){let e=new Map,t=new Map,n=new Map,r=e=>{let t=n.get(e);t!==void 0&&(clearTimeout(t),n.delete(e))};return{getOptions:t=>e.get(t),setOptions(t,i,a){if(r(t),e.set(t,i),!Number.isFinite(a)||a<=0)return;let o=setTimeout(()=>{e.delete(t),n.delete(t)},a);o.unref?.(),n.set(t,o)},deleteOptions(t){r(t),e.delete(t)},getLabel:(e,n)=>t.get(e)?.get(n),rememberLabels(e,n){let r=t.get(e);r||(r=new Map,t.set(e,r));let i=!1;for(let e of n)r.has(e.value)||(i=!0),r.set(e.value,e);return i},clear(){for(let e of[...n.keys()])r(e);e.clear(),t.clear()}}}var ee=(0,T.createContext)(null);function R(){return(0,T.useContext)(ee)}var z={SELECT:`select`,MULTI_SELECT:`multi_select`,ASYNC_SELECT:`async_select`,SEARCH:`search`,RANGE:`range`,DATE:`date`,TAGS:`tags`},B={EQUALS:`equals`,CONTAINS:`contains`,IN:`in`,NOT_IN:`not_in`,NOT:`not`,BEFORE:`before`,AFTER:`after`,BETWEEN:`between`,GT:`gt`,LT:`lt`,GTE:`gte`,LTE:`lte`,HAS:`has`,HAS_ANY:`has_any`,HAS_ALL:`has_all`};function te(e){return e}function V(e){return[{label:e.contains,value:B.CONTAINS},{label:e.equals,value:B.EQUALS},{label:e.notContains,value:B.NOT}]}function ne(e){return[{label:e.is,value:B.EQUALS},{label:e.isNot,value:B.NOT}]}function re(e){return[{label:e.equals,value:B.EQUALS},{label:e.greaterThan,value:B.GT},{label:e.lessThan,value:B.LT},{label:e.between,value:B.BETWEEN}]}function ie(e){return[{label:e.before,value:B.BEFORE},{label:e.after,value:B.AFTER},{label:e.between,value:B.BETWEEN}]}function ae(e){return[{label:e.has,value:B.HAS},{label:e.hasAny,value:B.HAS_ANY},{label:e.hasAll,value:B.HAS_ALL}]}function H(e,t){switch(e){case z.SEARCH:return V(t);case z.TAGS:return ae(t);case z.SELECT:case z.MULTI_SELECT:case z.ASYNC_SELECT:return ne(t);case z.RANGE:return re(t);case z.DATE:return ie(t);default:return V(t)}}function U(e){switch(e){case z.SEARCH:return B.CONTAINS;case z.TAGS:return B.HAS;case z.DATE:return B.BEFORE;default:return B.EQUALS}}var W={loading:`Loading`,loadingOptions:e=>`Loading ${e} options…`,applying:`Updating results…`,savedViews:`Saved views`,customView:`Custom view`,mobileFilters:`Filters`,filterSummary:e=>e===0?`No filters applied`:`${e} ${e===1?`filter`:`filters`} applied`,done:`Done`,clearFilter:e=>`Clear: ${e}`,addFilter:`Add filter`,clear:`Clear`,edit:`Edit`,confirm:`Apply`,clearFilters:`Clear filters`,selectDate:`Select a date`,searchPlaceholder:e=>`Search ${e}…`,noOptionsFound:`No options found.`,selected:(e,t)=>`${e} ${t} selected`,nothingSelected:`Any`,enterTags:`Add a tag and press Enter`,searchFilters:`Search filters…`,noFiltersAvailable:`No filters available.`,availableFilters:`Add a filter`,activeFilters:`Applied`,backToFilters:`Back to filters`,options:e=>`${e} ${e===1?`option`:`options`}`,operator:`Comparison`,operators:{contains:`contains`,equals:`is`,notContains:`does not contain`,is:`is`,isNot:`is not`,greaterThan:`greater than`,lessThan:`less than`,before:`before`,after:`after`,between:`between`,has:`has`,hasAny:`has any of`,hasAll:`has all of`},min:`Min`,max:`Max`,fetchError:`Could not load options.`,retryFetch:`Try again`,minQueryHint:e=>`Type at least ${e} character${e===1?``:`s`}…`,searching:`Searching…`,error:{title:`This filter could not be shown`,describe:e=>e?`Something went wrong in the “${e}” filter.`:`Something went wrong in this filter.`,retry:`Try again`},validation:{required:`This filter needs a value.`,minValue:e=>`Must be at least ${e}.`,maxValue:e=>`Must be at most ${e}.`,invalidFormat:`That is not a valid value.`}};function G(e,t){return e.options?.find(e=>e.value===t)}function oe(e,t,n){let r=e.validation;if(e.type===z.DATE&&Array.isArray(t)&&t.every(e=>typeof e==`string`)||!r)return!0;if(r.required&&(!t||Array.isArray(t)&&t.length===0))return n.validation.required;if(typeof t==`number`){if(r.min!==void 0&&t<r.min)return n.validation.minValue(r.min);if(r.max!==void 0&&t>r.max)return n.validation.maxValue(r.max)}if(r.pattern&&typeof t==`string`&&!r.pattern.test(t))return n.validation.invalidFormat;if(r.custom){let e=r.custom(t);if(typeof e==`string`||!e)return e}return!0}function se(e,t,n,r){if(t.length===0)return n.nothingSelected;if(e.format)return e.format(t);let i=t.map(t=>G(e,t)?.label??r?.(t)??t);return i.length===1?i[0]:i.length===2?i.join(`, `):n.selected(t.length,(e.pluralLabel??e.label).toLowerCase())}function ce({children:e,filters:t,activeFilters:n,onFilterChange:r,navigating:i=!1,strings:o,onError:s,cache:c}){let[l,u]=(0,T.useState)(0),f=(0,T.useMemo)(()=>d.t(W,o),[o]),p=(0,T.useRef)(t),m=(0,T.useRef)(r),h=a.t(s);(0,T.useEffect)(()=>{p.current=t},[t]),(0,T.useEffect)(()=>{m.current=r},[r]);let[g]=(0,T.useState)(L),_=c??g;(0,T.useEffect)(()=>{if(c===void 0)return()=>g.clear()},[c,g]);let[,v]=(0,T.useState)(0),y=(0,T.useCallback)((e,t)=>{h.current?.(e,t)},[h]),b=(0,T.useCallback)(e=>m.current([...n,e]),[n]),x=(0,T.useCallback)(e=>m.current(n.filter(t=>t.id!==e&&t.key!==e)),[n]),S=(0,T.useCallback)((e,t)=>m.current(n.map(n=>n.id===e||n.key===e?{...n,...t}:n)),[n]),C=(0,T.useCallback)(()=>{u(e=>e+1),m.current([])},[]),w=(0,T.useCallback)(e=>{u(e=>e+1),m.current(e)},[]),D=(0,T.useCallback)(e=>p.current.find(t=>t.key===e),[]),O=(0,T.useCallback)(e=>n.find(t=>t.key===e)?.value??[],[n]),j=(0,T.useCallback)((e,t)=>{let r=n.find(t=>t.key===e);if(t.length===0){r&&x(e);return}if(r){S(e,{value:t});return}let i=p.current.find(t=>t.key===e);b({id:e,key:e,value:t,operator:i?.operator??i?.operators?.[0]?.value??(i?U(i.type):`equals`)})},[n,b,x,S]),M=(0,T.useCallback)(e=>n.some(t=>t.key===e&&t.value.length>0),[n]),N=(0,T.useCallback)(e=>{let t=n.find(t=>t.key===e);if(t)return t.operator;let r=p.current.find(t=>t.key===e);return r?r.operator??r.operators?.[0]?.value??U(r.type):`equals`},[n]),P=(0,T.useCallback)((e,t)=>{n.some(t=>t.key===e)&&S(e,{operator:t})},[n,S]),F=(0,T.useCallback)((e,t)=>{let n=p.current.find(t=>t.key===e);if(!n)return!1;try{return oe(n,t,f)}catch(t){return y(t,{phase:`validate`,filterKey:e}),f.validation.invalidFormat}},[f,y]),I=(0,T.useCallback)(e=>p.current.filter(t=>t.dependencies?.some(t=>t.key===e)),[]),R=(0,T.useCallback)((e,t)=>{_.rememberLabels(e,t)&&v(e=>e+1)},[_]),z=(0,T.useCallback)((e,t)=>_.getLabel(e,t)?.label,[_]),B=(0,T.useMemo)(()=>({activeFilters:n,filters:t,addFilter:b,removeFilter:x,updateFilter:S,clearFilters:C,replaceFilters:w,getFilterByKey:D,getFilterValue:O,setFilterValue:j,isFilterActive:M,getFilterOperator:N,setFilterOperator:P,validateFilter:F,getDependentFilters:I,isNavigating:i,strings:f,cacheAsyncOptions:R,getAsyncOptionLabel:z,reportError:y}),[n,b,R,C,f,t,z,I,D,N,O,M,i,x,w,y,P,j,S,F]);return(0,E.jsx)(ee.Provider,{value:_,children:(0,E.jsx)(A.Provider,{value:l,children:(0,E.jsx)(k.Provider,{value:B,children:e})})})}function le(e,t,n,r={}){let i=e.asyncConfig,o=a.t(r.onError),s=R(),[c]=(0,T.useState)(L),u=s??c,d=(l.t(t,i?.debounceMs??e.delay??300)??``).trim(),f=i?.limit??10,p=i?.minQueryLength??0,m=i?.preload??!0,h=i?.staleTime??6e4,g=d.length>0&&d.length<p,_=n&&!!i&&!g&&d.length>=p&&(d.length>0||m),v=`${e.key}::${d}`,[y,b]=(0,T.useState)(0),x=u.getOptions(v),[S,C]=(0,T.useState)(x??[]),[w,E]=(0,T.useState)(!1),[D,O]=(0,T.useState)(!1),k=x??S,A=w&&_&&!!i&&!x,j=D&&!x,M=(0,T.useRef)(0);(0,T.useEffect)(()=>{if(!_||!i||x)return;let t=++M.current,n=new AbortController;return E(!0),O(!1),i.fetcher({query:d,limit:f,signal:n.signal}).then(e=>{if(t!==M.current)return;let n=e.map(e=>i.mapToOption(e));u.setOptions(v,n,h),C(n)}).catch(n=>{t===M.current&&(n instanceof Error&&n.name===`AbortError`||(O(!0),C([]),o.current?.(n,{phase:`fetch-options`,filterKey:e.key})))}).finally(()=>{t===M.current&&E(!1)}),()=>n.abort()},[y,u,x,v,i,e.key,f,d,_,h,o]);let N=(0,T.useCallback)(()=>{u.deleteOptions(v),b(e=>e+1)},[u,v]);return{options:k,isLoading:A&&k.length===0,isFetching:A,isError:j,refetch:N,isBelowMinQuery:g,minQueryLength:p}}var ue=`yyyy-MM-dd`;function K({filter:t,showBack:n,onBack:i}){let{strings:a}=M();return(0,E.jsxs)(`div`,{className:P.editorHeader,children:[n&&(0,E.jsx)(r.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,onClick:i,"aria-label":a.backToFilters,children:(0,E.jsx)(w.ArrowLeftIcon,{})}),(0,E.jsx)(e.o,{tag:`span`,weight:`semibold`,truncate:!0,children:t.label})]})}function q({count:t,filter:n,onApply:i}){let{strings:a}=M();return(0,E.jsxs)(`div`,{className:P.editorFooter,children:[(0,E.jsx)(e.o,{size:`xs`,type:`secondary`,children:a.selected(t,((t===1?n.label:n.pluralLabel??n.label)??``).toLowerCase())}),(0,E.jsx)(r.c,{type:`button`,onClick:i,children:a.confirm})]})}function de(e,t){return e.includes(t)?e.filter(e=>e!==t):[...e,t]}function J(e,t){return JSON.stringify([...e].sort())===JSON.stringify([...t].sort())}function fe({filter:e,value:t,onValueChange:n,onBack:r,onClose:i,triggerSource:a=`chip`,hook:o,options:s,multiple:c,source:l}){let{strings:u,reportError:d}=M(),[f,p]=C.t(t),m=!J(f,t),h=t=>{try{n(t),i()}catch(t){d(t,{phase:`apply`,filterKey:e.key})}},g=!l.onSearchChange;return(0,E.jsxs)(`div`,{className:(0,O.clsx)(o,P.editor),children:[(0,E.jsx)(K,{filter:e,showBack:a===`toolbar`,onBack:r}),(0,E.jsx)(b.n,{...l,label:e.label,items:s.map(e=>({value:e.value,label:e.label,description:e.description||void 0,icon:e.icon,disabled:e.disabled,selected:f.includes(e.value),searchValue:g?e.label:void 0})),onSelect:({value:t})=>{if(!c){p([t]),e.closeOnSelect&&h([t]);return}p(e=>de(e,t))},strings:{searchPlaceholder:u.searchPlaceholder(e.label.toLowerCase()),empty:u.noOptionsFound,loading:u.searching,error:u.fetchError,retry:u.retryFetch,formatTypeToSearch:u.minQueryHint}}),m&&(0,E.jsx)(q,{count:f.length,filter:e,onApply:()=>h(f)})]})}function pe(e){let t=e.filter.options??[];return(0,E.jsx)(fe,{...e,hook:`select-filter-editor--component`,options:t,multiple:e.filter.multiple===!0||e.filter.type===z.MULTI_SELECT,source:{search:t.length>5}})}function me(e){let{filter:t}=e,{cacheAsyncOptions:n,reportError:r}=M(),[i,a]=(0,T.useState)(``),o=le(t,i,!0,{onError:r});return(0,T.useEffect)(()=>{o.options.length>0&&n(t.key,o.options)},[o.options,n,t.key]),(0,E.jsx)(fe,{...e,hook:`async-filter-editor--component`,options:o.options,multiple:t.multiple===!0,source:{searchValue:i,onSearchChange:a,minSearchLength:o.minQueryLength,loading:o.isLoading,error:o.isError,onRetry:o.refetch}})}function he({filter:e,value:t,onValueChange:n,onBack:r,triggerSource:i=`chip`}){let a=u.t(),{isNavigating:o}=M(),s=e.dateFormat?.param??ue,c=e=>{if(!e)return;let t=(0,D.parse)(e,s,new Date);return(0,D.isValid)(t)?t:void 0},l=e=>e&&(0,D.isValid)(e)?(0,D.format)(e,s):void 0,d=e.operator===B.BETWEEN;return(0,E.jsxs)(`div`,{className:(0,O.clsx)(`date-filter-editor--component`,P.editor),children:[(0,E.jsx)(K,{filter:e,showBack:i===`toolbar`,onBack:r}),(0,E.jsx)(`div`,{className:P.editorBody,children:d?(0,E.jsx)(g.a,{disabled:o,numberOfMonths:a?1:2,value:{from:c(t[0]),to:c(t[1])},onValueChange:e=>{n([l(e?.from),l(e?.to)].filter(e=>!!e))}}):(0,E.jsx)(g.o,{disabled:o,value:c(t[0]),onValueChange:e=>{let t=l(e);n(t?[t]:[])}})})]})}function ge({filter:e,value:t,onValueChange:n,onBack:r,onClose:i,triggerSource:a=`chip`}){let{strings:o}=M(),[s,c]=C.t(t),l=!J(s,t);return(0,E.jsxs)(`div`,{className:(0,O.clsx)(`tags-filter-editor--component`,P.editor),children:[(0,E.jsx)(K,{filter:e,showBack:a===`toolbar`,onBack:r}),(0,E.jsx)(`div`,{className:P.editorBody,children:(0,E.jsx)(h.s,{value:s,onValueChange:c,placeholder:e.placeholder??o.enterTags,maxTags:e.maxSelected})}),l&&(0,E.jsx)(q,{count:s.length,filter:e,onApply:()=>{n(s),i()}})]})}function _e({filter:e,value:t,onValueChange:n,onBack:r,onClose:i,triggerSource:a=`chip`}){let{strings:o}=M(),[s,c]=C.t(t),[l,u]=[s[0]??``,s[1]??``],d=e=>c([e,s[1]??``]),p=e=>c([s[0]??``,e]),m=e.operator===B.BETWEEN,h=(0,T.useMemo)(()=>(m?[l,u]:[l]).filter(e=>e.trim().length>0),[m,u,l]),g=!J(h,t);return(0,E.jsxs)(`div`,{className:P.editor,children:[(0,E.jsx)(K,{filter:e,showBack:a===`toolbar`,onBack:r}),(0,E.jsxs)(`div`,{className:(0,O.clsx)(`range-filter-editor--component`,P.editorBody,P.rangeBody),children:[(0,E.jsx)(f.l,{type:`number`,value:l,onChange:e=>d(e.target.value),placeholder:o.min,"aria-label":o.min}),m&&(0,E.jsx)(f.l,{type:`number`,value:u,onChange:e=>p(e.target.value),placeholder:o.max,"aria-label":o.max})]}),g&&(0,E.jsx)(q,{count:h.length,filter:e,onApply:()=>{n(h),i()}})]})}function Y(e){let{getFilterOperator:t}=M(),n={...e,filter:{...e.filter,operator:t(e.filter.key)}};switch(e.filter.type){case z.DATE:return(0,E.jsx)(he,{...n});case z.TAGS:return(0,E.jsx)(ge,{...n});case z.RANGE:return(0,E.jsx)(_e,{...n});case z.ASYNC_SELECT:return(0,E.jsx)(me,{...n});default:return(0,E.jsx)(pe,{...n})}}function X({operator:t,operators:n,onOperatorChange:r}){let{strings:a,isNavigating:o}=M(),[s,c]=N(!1),l=n.find(e=>e.value===t)??n[0];return n.length<=1?(0,E.jsx)(e.o,{tag:`span`,type:`secondary`,className:P.operatorStatic,children:l?.label}):(0,E.jsxs)(i.t,{open:s&&!o,onOpenChange:c,children:[(0,E.jsx)(i.g,{disabled:o,render:t=>(0,E.jsxs)(`button`,{...t,type:`button`,"aria-label":a.operator,className:P.segment,onClick:e=>{e.stopPropagation(),t.onClick?.(e)},children:[(0,E.jsx)(e.o,{tag:`span`,type:`secondary`,children:l?.label}),(0,E.jsx)(w.ChevronDownIcon,{"aria-hidden":!0,className:P.segmentGlyph})]})}),(0,E.jsx)(i.r,{align:`start`,children:(0,E.jsx)(i.l,{value:t,onValueChange:e=>{r(e),c(!1)},children:n.map(e=>(0,E.jsx)(i.u,{value:e.value,children:e.label},e.value))})})]})}function Z({filter:t,value:n,className:r}){let{strings:i,getAsyncOptionLabel:a}=M(),o=se(t,n,i,e=>a(t.key,e));if(n.length===0)return(0,E.jsx)(e.o,{tag:`span`,type:`secondary`,truncate:!0,className:r,children:i.nothingSelected});let s=n.slice(0,2).map(e=>G(t,e)?.icon).filter(Boolean);return(0,E.jsxs)(`span`,{className:(0,O.clsx)(`filter-value-display--component`,P.valueDisplay,r),children:[t.type===z.DATE&&(0,E.jsx)(w.CalendarIcon,{"aria-hidden":!0,className:P.valueGlyph}),s.length>0&&(0,E.jsxs)(`span`,{className:P.valueIcons,children:[s.map((e,t)=>(0,E.jsx)(`span`,{className:P.valueIcon,children:e},t)),n.length>2&&(0,E.jsx)(`span`,{className:P.valueIconCount,children:(0,E.jsxs)(e.o,{tag:`span`,size:`xs`,weight:`medium`,numeric:!0,children:[`+`,n.length-2]})})]}),(0,E.jsx)(e.o,{tag:`span`,weight:`medium`,truncate:!0,children:o})]})}function ve({filter:t,value:n,active:r,operator:i,operators:a,onOperatorChange:o,onValueChange:s,onClear:c,className:l}){let{strings:u,isNavigating:d}=M(),[f,p]=N(!1),m=(0,T.useRef)(!1);return(0,E.jsxs)(_.t,{open:f&&!d,onOpenChange:e=>{e&&m.current||p(e)},children:[(0,E.jsxs)(`div`,{role:`group`,"aria-label":t.label,"data-active":r||void 0,className:(0,O.clsx)(`filter-pill--component`,P.pill,t.displayConfig?.className,l),children:[(0,E.jsx)(_.c,{render:(0,E.jsx)(`span`,{}),nativeButton:!1,disabled:d,tabIndex:-1,"aria-hidden":`true`,className:P.pillAnchor}),(0,E.jsxs)(`button`,{type:`button`,disabled:d,className:P.segment,onClick:()=>{m.current||p(!0)},children:[!!t.icon&&(0,E.jsx)(`span`,{className:P.pillIcon,children:t.icon}),(0,E.jsx)(e.o,{tag:`span`,weight:`semibold`,children:t.label})]}),(0,E.jsx)(`span`,{"aria-hidden":!0,className:P.pillDivider}),(0,E.jsx)(X,{operator:i,operators:a,onOperatorChange:e=>{m.current=!0,o(e),p(!1),window.setTimeout(()=>{m.current=!1},100)}}),(0,E.jsx)(`span`,{"aria-hidden":!0,className:P.pillDivider}),(0,E.jsx)(`button`,{type:`button`,disabled:d,className:(0,O.clsx)(P.segment,P.pillValue),"aria-label":`${u.edit}: ${t.label}`,onClick:()=>{m.current||p(!0)},children:(0,E.jsx)(Z,{filter:t,value:n})}),r&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`span`,{"aria-hidden":!0,className:P.pillDivider}),(0,E.jsx)(`button`,{type:`button`,disabled:d,className:(0,O.clsx)(P.segment,P.segmentClear),"aria-label":`${u.clear}: ${t.label}`,onClick:e=>{e.stopPropagation(),p(!1),c()},children:(0,E.jsx)(w.XIcon,{"aria-hidden":!0,className:P.segmentGlyph})})]})]}),(0,E.jsx)(_.r,{align:`start`,inset:`flush`,className:P.editorPopover,children:(0,E.jsx)(Y,{filter:t,value:n,onValueChange:s,onBack:()=>p(!1),onClose:()=>p(!1),triggerSource:`chip`})})]})}function ye({filters:i,loadingFilters:a,showClearFilters:o=!0}){let[l,u]=(0,T.useState)(!1),[d,f]=(0,T.useState)(null),p=(0,T.useId)(),m=(0,T.useId)(),h=(0,T.useRef)(null),g=(0,T.useRef)(null),{activeFilters:_,strings:y,isNavigating:b,getFilterValue:S,setFilterValue:C,getFilterOperator:D,setFilterOperator:O,clearFilters:k}=M(),A=i.find(e=>e.key===d),j=_.filter(e=>e.value.length>0).length,N=y.mobileFilters??W.mobileFilters,F=(y.filterSummary??W.filterSummary)(j),I=()=>f(null),L=e=>{u(e),e||I()};return(0,T.useLayoutEffect)(()=>{if(!l||b)return;let e=h.current;if(d){g.current=d;let t=e?.querySelector(`[data-filter-editor]`);(t?.querySelector(`input`)??t?.querySelector(`[cmdk-root]`)??t?.querySelector(`button`))?.focus()}else g.current&&[...e?.querySelectorAll(`[data-filter-key]`)??[]].find(e=>e.dataset.filterKey===g.current)?.focus()},[l,d,b]),(0,E.jsxs)(v.t,{open:l,onOpenChange:L,children:[(0,E.jsx)(v.a,{render:(0,E.jsxs)(r.c,{tone:`neutral`,buttonStyle:`outline`,disabled:b,className:`filter-sheet--trigger`,children:[(0,E.jsx)(w.ListFilterIcon,{}),N,j>0&&(0,E.jsx)(s.t,{tone:`neutral`,children:j})]})}),(0,E.jsx)(x.t,{side:`block-end`,size:`lg`,inset:`5vw`,"aria-labelledby":p,"aria-describedby":m,className:`filter-sheet--component ${P.mobileSheet}`,children:(0,E.jsxs)(n.d,{children:[(0,E.jsxs)(v.u,{children:[(0,E.jsx)(v.s,{id:p,children:N}),(0,E.jsx)(v.o,{id:m,children:F})]}),(0,E.jsxs)(v.l,{className:P.mobileBody,children:[b&&(0,E.jsx)(t.n,{label:y.applying,className:P.applying}),(0,E.jsx)(`div`,{ref:h,inert:b||void 0,"aria-busy":b||void 0,children:A?(0,E.jsxs)(`div`,{"data-filter-editor":!0,className:P.mobileEditor,children:[(0,E.jsxs)(`div`,{className:P.mobileOperator,children:[(0,E.jsx)(e.o,{size:`xs`,type:`secondary`,children:y.operator}),(0,E.jsx)(X,{operator:D(A.key),operators:A.operators?.length?A.operators:H(A.type,y.operators),onOperatorChange:e=>O(A.key,e)})]}),(0,E.jsx)(Y,{filter:A,value:S(A.key),onValueChange:e=>C(A.key,e),onBack:I,onClose:I,triggerSource:`toolbar`},A.key)]}):(0,E.jsx)(`div`,{className:P.mobileFilters,children:i.map(t=>(0,E.jsxs)(`div`,{className:P.mobileFilterRow,children:[(0,E.jsxs)(c.t,{"data-filter-key":t.key,className:P.mobileFilter,render:(0,E.jsx)(`button`,{type:`button`,disabled:b||a?.[t.key],onClick:()=>f(t.key)}),children:[(0,E.jsxs)(c.r,{children:[(0,E.jsx)(c.u,{children:t.label}),(0,E.jsxs)(c.i,{className:P.mobileValue,children:[S(t.key).length>0&&(0,E.jsx)(e.o,{tag:`span`,size:`inherit`,type:`inherit`,children:(t.operators?.length?t.operators:H(t.type,y.operators)).find(e=>e.value===D(t.key))?.label}),(0,E.jsx)(Z,{filter:t,value:S(t.key)})]})]}),(0,E.jsx)(w.ChevronRightIcon,{"aria-hidden":!0})]}),S(t.key).length>0&&(0,E.jsx)(r.c,{iconOnly:!0,tone:`neutral`,buttonStyle:`ghost`,disabled:b,"aria-label":(y.clearFilter??W.clearFilter)(t.label),onClick:e=>{e.currentTarget.parentElement?.querySelector(`[data-filter-key]`)?.focus(),C(t.key,[])},children:(0,E.jsx)(w.XIcon,{})})]},t.key))})})]}),!A&&(0,E.jsxs)(v.c,{children:[o&&_.length>0&&(0,E.jsx)(r.c,{tone:`neutral`,buttonStyle:`ghost`,disabled:b,onClick:k,children:y.clearFilters}),(0,E.jsx)(r.c,{onClick:()=>L(!1),children:y.done??W.done})]})]})})]})}function be(e,t){return e.presets.filter(e=>e.value.length>0).map(e=>({id:e.key,key:e.key,operator:e.operator??t(e.key),value:e.value}))}function xe({tabs:e,display:t=`tabs`,label:n,className:r}){let{activeFilters:i,filters:a,replaceFilters:o,isNavigating:c,strings:l}=M(),u=e=>{let t=a.find(t=>t.key===e);return t?t.operator??t.operators?.[0]?.value??U(t.type):`equals`},d=e.find(e=>{let t=be(e,u);return t.length===i.length&&t.every(e=>i.some(t=>t.key===e.key&&t.operator===e.operator&&JSON.stringify(e.operator===`between`?t.value:[...t.value].sort())===JSON.stringify(e.operator===`between`?e.value:[...e.value].sort())))}),f=t=>{if(c)return;let n=e.find(e=>e.id===t);n&&o(be(n,u))};return t===`select`?(0,E.jsx)(m.s,{"aria-label":n??l.savedViews,value:d?.id??null,placeholder:l.customView,options:e.map(e=>({value:e.id,label:e.label})),onValueChange:f,disabled:c,className:(0,O.clsx)(`filter-tabs--component`,P.viewSelect,r)}):(0,E.jsx)(p.n,{value:d?.id,onValueChange:f,strings:{label:n??l.savedViews},items:e.map(e=>({id:e.id,label:e.label,disabled:c,badge:e.count===void 0?void 0:(0,E.jsx)(s.t,{tone:`neutral`,children:e.count})})),className:(0,O.clsx)(`filter-tabs--component`,r??P.tabs)})}function Se({availableFilters:t,labelVisibility:n=`hidden`,className:i}){let{strings:a,getFilterValue:o,setFilterValue:s,isNavigating:c}=M(),[l,u]=N(!1),[d,f]=N(null),p=n===`hidden`?(0,E.jsx)(r.t,{type:`button`,tone:`neutral`,buttonStyle:`outline`,iconOnly:!0,tooltip:a.addFilter,side:`bottom`,className:i,children:(0,E.jsx)(w.ListFilterIcon,{})}):(0,E.jsxs)(r.c,{type:`button`,tone:`neutral`,buttonStyle:`outline`,className:i,children:[(0,E.jsx)(w.ListFilterIcon,{}),a.addFilter]});return(0,E.jsxs)(_.t,{open:l&&!c,onOpenChange:e=>{u(e),e||f(null)},children:[(0,E.jsx)(_.c,{disabled:c,render:p}),(0,E.jsx)(_.r,{align:`start`,inset:`flush`,className:P.editorPopover,children:d?(0,E.jsx)(Y,{filter:d,value:o(d.key),onValueChange:e=>s(d.key,e),onBack:()=>f(null),onClose:()=>u(!1),triggerSource:`toolbar`}):(0,E.jsxs)(y.t,{children:[(0,E.jsx)(y.a,{placeholder:a.searchFilters}),(0,E.jsxs)(y.s,{className:P.editorList,children:[(0,E.jsx)(y.r,{children:a.noFiltersAvailable}),(0,E.jsx)(y.i,{heading:a.availableFilters,children:t.map(t=>(0,E.jsxs)(y.o,{value:t.label,onSelect:()=>f(t),children:[t.icon,(0,E.jsxs)(`span`,{className:P.optionBody,children:[(0,E.jsx)(e.o,{tag:`span`,children:t.label}),(0,E.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,children:t.type===z.DATE?a.selectDate:t.options?a.options(t.options.length):t.description??``})]})]},t.key))})]})]})})]})}function Ce({filter:e,className:t}){let{getFilterValue:n,setFilterValue:r,isNavigating:i,strings:a}=M(),o=n(e.key)[0]??``,[s,c]=C.t(o),u=j(),[d,p]=(0,T.useState)(u);u!==d&&(p(u),c(o));let m=l.t(s,e.delay??300);return(0,T.useEffect)(()=>{if(i||m!==s)return;let t=m.trim()?m:``;t!==o&&r(e.key,t?[t]:[])},[o,m,s,e.key,i,r]),(0,E.jsx)(f.l,{value:s,disabled:i,onChange:e=>c(e.target.value),placeholder:e.placeholder??a.searchPlaceholder(e.label.toLowerCase()),"aria-label":e.label,startIcon:w.SearchIcon,clearable:!0,onClear:()=>c(``),className:(0,O.clsx)(`search-filter--component`,P.searchInput,t)})}function we({filters:e,className:t}){return e.length===0?null:(0,E.jsx)(E.Fragment,{children:e.map(e=>(0,E.jsx)(Ce,{filter:e,className:(0,O.clsx)(`search-filters--component`,t)},e.key))})}function Te({dynamicFilterOptions:e}={}){let{filters:t,isFilterActive:n}=M(),r=(0,T.useMemo)(()=>e?t.map(t=>{let n=e[t.key];return Array.isArray(n)?{...t,options:n}:t}):t,[e,t]);return(0,T.useMemo)(()=>{let e=r.filter(e=>e.type===z.SEARCH),t=[...r.filter(e=>e.type!==z.SEARCH&&!e.displayConfig?.hidden&&e.displayConfig?.display!==`hidden`)].sort((e,t)=>(e.displayConfig?.priority??0)-(t.displayConfig?.priority??0)),i=t.filter(e=>n(e.key)),a=t.filter(e=>!n(e.key)&&e.displayConfig?.display===`always`),o=t.filter(e=>!n(e.key)&&e.displayConfig?.display!==`always`);return{processedFilters:r,searchFilters:e,alwaysVisibleFilters:a,activeFilters:i,popoverFilters:o,activeFilterKeys:i.map(e=>e.key),hasActive:i.length>0||e.some(e=>n(e.key))}},[n,r])}function Ee({className:n,dynamicFilterOptions:i,loadingFilters:a,variant:o=`default`,showClearFilters:s=!0,tabs:c,mobilePresentation:l=`sheet`}){let d=u.t()&&l===`sheet`,{getFilterValue:f,setFilterValue:p,isFilterActive:m,clearFilters:h,getFilterOperator:g,setFilterOperator:_,isNavigating:v,strings:y}=M(),b=Te({dynamicFilterOptions:i}),x=[...b.activeFilters,...b.alwaysVisibleFilters,...b.popoverFilters].sort((e,t)=>(e.displayConfig?.priority??0)-(t.displayConfig?.priority??0)||b.processedFilters.indexOf(e)-b.processedFilters.indexOf(t)),C=e=>e.operators?.length?e.operators:H(e.type,y.operators),w=e=>(0,E.jsx)(ve,{filter:e,value:f(e.key),active:m(e.key),operator:g(e.key),operators:C(e),onOperatorChange:t=>_(e.key,t),onValueChange:t=>p(e.key,t),onClear:()=>p(e.key,[])},e.key);return(0,E.jsxs)(`div`,{"data-slot":`filter-layout`,"data-variant":o,"aria-busy":v||void 0,className:(0,O.clsx)(`filter-layout--component`,P.layout,n),children:[!!c?.length&&(0,E.jsx)(xe,{tabs:c,display:d?`select`:`tabs`}),(0,E.jsxs)(`div`,{className:P.bar,"data-mobile":d||void 0,"data-busy":v||void 0,children:[(0,E.jsx)(we,{filters:b.searchFilters}),d?x.length>0&&(0,E.jsx)(ye,{filters:x,loadingFilters:a,showClearFilters:s}):(0,E.jsxs)(E.Fragment,{children:[Object.entries(a??{}).filter(([,e])=>e).map(([t])=>{let n=b.processedFilters.find(e=>e.key===t)?.label??t;return(0,E.jsxs)(`span`,{className:P.loadingChip,children:[(0,E.jsx)(S.t,{}),(0,E.jsx)(e.o,{tag:`span`,type:`secondary`,children:y.loadingOptions(n)})]},`loading-${t}`)}),b.activeFilters.map(w),b.alwaysVisibleFilters.map(w),b.popoverFilters.length>0&&(0,E.jsx)(Se,{availableFilters:b.popoverFilters}),s&&b.hasActive&&(0,E.jsx)(r.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,disabled:v,onClick:h,className:P.clear,children:y.clearFilters})]})]}),v&&(0,E.jsx)(t.n,{label:y.applying,className:P.applying})]})}var De=`__op`,Oe=[`page`],ke=new Set(Object.values(B));function Q(e){let t={};if(!e)return t;if(e instanceof URLSearchParams)return e.forEach((e,n)=>{t[n]=[...t[n]??[],e]}),t;for(let[n,r]of Object.entries(e)){let e=(Array.isArray(r)?r:[r]).filter(e=>e!=null&&String(e).length>0).map(String);e.length>0&&(t[n]=e)}return t}function $(e){let t={};for(let[n,r]of Object.entries(e))r.length!==0&&(t[n]=r.length===1?r[0]:r);return t}function Ae(e,t,n){let r=e[t]??[];return n===`comma`?r.flatMap(e=>e.split(`,`)):r}function je(e){return e.operator??e.operators?.[0]?.value??U(e.type)}function Me(e){return e.type===z.MULTI_SELECT||e.type===z.TAGS||e.multiple===!0}function Ne(e,t,n={}){let r=n.operatorSuffix??De,i=n.arrayFormat??`repeat`,a=Q(t);return e.flatMap(e=>{let t=Ae(a,e.key,i).map(e=>e.trim()).filter(e=>e.length>0);if(t.length===0)return[];let[n]=a[`${e.key}${r}`]??[],o=n&&ke.has(n)?n:je(e);return[{id:e.key,key:e.key,operator:o,value:Me(e)?t:[t[0]]}]})}function Pe(e,t,n,r={}){let i=r.operatorSuffix??De,a=r.arrayFormat??`repeat`,o=r.preserveUnrelated??!0,s=r.includeOperators??`changed`,c=r.resetPageKeys??Oe,l=o?Q(n):{},u=new Map(e.map(e=>[e.key,e]));for(let t of e)delete l[t.key],delete l[`${t.key}${i}`];for(let e of c)delete l[e];for(let e of t){let t=u.get(e.key);if(!t)continue;let n=e.value.map(e=>e.trim()).filter(e=>e.length>0);if(n.length===0)continue;l[e.key]=a===`comma`?[n.join(`,`)]:n;let r=e.operator===je(t);(s===`always`||s===`changed`&&!r)&&(l[`${e.key}${i}`]=[e.operator])}return $(l)}function Fe(e,t,n={}){let r=n.preserveUnrelated??!0,i=n.resetPageKeys??Oe,a=r?Q(e):{},o=Q(t);for(let e of i)delete a[e];for(let[e,t]of Object.entries(o))t.length===0?delete a[e]:a[e]=t;return $(a)}function Ie(e){return t=>{if(t==null||typeof t==`string`&&t.length===0)return!0;let n=e.safeParse(t);return n.success?!0:n.error?.issues?.[0]?.message??n.error?.message??!1}}function Le(e,t){return n=>e(n)?!0:t}Object.defineProperty(exports,"A",{enumerable:!0,get:function(){return H}}),Object.defineProperty(exports,"B",{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,"C",{enumerable:!0,get:function(){return se}}),Object.defineProperty(exports,"D",{enumerable:!0,get:function(){return ie}}),Object.defineProperty(exports,"E",{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,"F",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"I",{enumerable:!0,get:function(){return te}}),Object.defineProperty(exports,"L",{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,"M",{enumerable:!0,get:function(){return ae}}),Object.defineProperty(exports,"N",{enumerable:!0,get:function(){return V}}),Object.defineProperty(exports,"O",{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,"P",{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,"R",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"S",{enumerable:!0,get:function(){return ce}}),Object.defineProperty(exports,"T",{enumerable:!0,get:function(){return oe}}),Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return Pe}}),Object.defineProperty(exports,"b",{enumerable:!0,get:function(){return ge}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return Ce}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return xe}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return ve}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return he}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return me}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return Ne}}),Object.defineProperty(exports,"j",{enumerable:!0,get:function(){return ne}}),Object.defineProperty(exports,"k",{enumerable:!0,get:function(){return re}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return we}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return X}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return Ie}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return Ee}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return Z}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return Fe}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return Te}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return Le}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return Se}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return _e}}),Object.defineProperty(exports,"w",{enumerable:!0,get:function(){return G}}),Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return le}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return pe}}),Object.defineProperty(exports,"z",{enumerable:!0,get:function(){return I}});
|