@ds-mo/ui 12.8.0 → 13.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/dist/.package-ready.json +1 -0
- package/dist/agent-patterns.json +124 -135
- package/dist/agent.json +260 -1104
- package/dist/angular/ds-bar-nav.d.ts +1 -1
- package/dist/angular/ds-bar-nav.js +3 -3
- package/dist/angular/ds-button-filled.d.ts +1 -1
- package/dist/angular/ds-button-filled.js +3 -3
- package/dist/angular/ds-card-data-viz.d.ts +18 -0
- package/dist/angular/{ds-card-data-viz-donut.js → ds-card-data-viz.js} +12 -12
- package/dist/angular/ds-card-overview.d.ts +1 -1
- package/dist/angular/ds-card-overview.js +3 -3
- package/dist/angular/ds-chart-bar.d.ts +1 -1
- package/dist/angular/ds-chart-bar.js +3 -3
- package/dist/angular/ds-menu.d.ts +1 -7
- package/dist/angular/ds-menu.js +2 -5
- package/dist/angular/ds-mobile-header.d.ts +1 -1
- package/dist/angular/ds-mobile-header.js +3 -3
- package/dist/angular/ds-mobile-section-switcher.d.ts +1 -1
- package/dist/angular/ds-mobile-section-switcher.js +3 -3
- package/dist/angular/ds-panel-tools.d.ts +1 -1
- package/dist/angular/ds-panel-tools.js +3 -3
- package/dist/angular/ds-select.d.ts +5 -4
- package/dist/angular/ds-select.js +3 -3
- package/dist/angular/ds-shell-app.d.ts +90 -1
- package/dist/angular/ds-shell-app.js +44 -4
- package/dist/angular/ds-shell-tools.d.ts +1 -1
- package/dist/angular/ds-shell-tools.js +3 -3
- package/dist/angular/index.d.ts +1 -1
- package/dist/angular/index.js +1 -8
- package/dist/angular/proxies.d.ts +1 -8
- package/dist/angular/proxies.js +1 -8
- package/dist/components/ds-agent-activity.js +1 -1
- package/dist/components/ds-agent-response.js +1 -1
- package/dist/components/ds-agent-source-list.js +1 -1
- package/dist/components/ds-agent-tool-call.js +1 -1
- package/dist/components/ds-attachment-list.js +1 -1
- package/dist/components/ds-badge.js +1 -1
- package/dist/components/ds-bar-nav.js +1 -1
- package/dist/components/ds-bar-nav.js.map +1 -1
- package/dist/components/ds-bar-title.js +1 -1
- package/dist/components/ds-bar-title.js.map +1 -1
- package/dist/components/ds-bar-workflow.js +1 -1
- package/dist/components/ds-breadcrumb.js +1 -1
- package/dist/components/ds-button-filled.js +1 -1
- package/dist/components/ds-button-unfilled.js +1 -1
- package/dist/components/{ds-select-multi.d.ts → ds-card-data-viz.d.ts} +4 -4
- package/dist/components/ds-card-data-viz.js +2 -0
- package/dist/components/ds-card-data-viz.js.map +1 -0
- package/dist/components/ds-card-overview.js +1 -1
- package/dist/components/ds-card-overview.js.map +1 -1
- package/dist/components/ds-card-setting.js +1 -1
- package/dist/components/ds-chart-bar.js +1 -1
- package/dist/components/ds-chart-bar.js.map +1 -1
- package/dist/components/ds-chart-donut.js +1 -1
- package/dist/components/ds-chart-legend.js +1 -1
- package/dist/components/ds-chart-legend.js.map +1 -1
- package/dist/components/ds-chart-line.js +1 -1
- package/dist/components/ds-chart-line.js.map +1 -1
- package/dist/components/ds-checkbox.js +1 -1
- package/dist/components/ds-chip.js +1 -1
- package/dist/components/ds-code-block.js +1 -1
- package/dist/components/ds-conversation-list-item.js +1 -1
- package/dist/components/ds-conversation-list-item.js.map +1 -1
- package/dist/components/ds-conversation-list-section.js +1 -1
- package/dist/components/ds-conversation-list.js +1 -1
- package/dist/components/ds-divider.js +1 -1
- package/dist/components/ds-empty-state.js +1 -1
- package/dist/components/ds-field.js +1 -1
- package/dist/components/ds-input.js +1 -1
- package/dist/components/ds-input.js.map +1 -1
- package/dist/components/ds-markdown.js +1 -1
- package/dist/components/ds-menu.js +1 -1
- package/dist/components/ds-message-bubble.js +1 -1
- package/dist/components/ds-message-composer.js +1 -1
- package/dist/components/ds-message-composer.js.map +1 -1
- package/dist/components/ds-message-scroller.js +1 -1
- package/dist/components/ds-message.js +1 -1
- package/dist/components/ds-mobile-bar-nav.js +1 -1
- package/dist/components/ds-mobile-bar-nav.js.map +1 -1
- package/dist/components/ds-mobile-header.js +1 -1
- package/dist/components/ds-mobile-section-switcher.js +1 -1
- package/dist/components/ds-mobile-sheet-nav.js +1 -1
- package/dist/components/ds-mobile-sheet-nav.js.map +1 -1
- package/dist/components/ds-modal.js +1 -1
- package/dist/components/ds-panel-nav.js +1 -1
- package/dist/components/ds-panel-nav.js.map +1 -1
- package/dist/components/ds-panel-sub-nav.js +1 -1
- package/dist/components/ds-panel-tool-header.js +1 -1
- package/dist/components/ds-panel-tool-search.js +1 -1
- package/dist/components/ds-panel-tools.js +1 -1
- package/dist/components/ds-radio.js +1 -1
- package/dist/components/ds-radio.js.map +1 -1
- package/dist/components/ds-scroll-overlay.js +1 -1
- package/dist/components/ds-select.js +1 -1
- package/dist/components/ds-select.js.map +1 -1
- package/dist/components/ds-shell-app.js +1 -1
- package/dist/components/ds-shell-app.js.map +1 -1
- package/dist/components/ds-shell-page.js +1 -1
- package/dist/components/ds-shell-page.js.map +1 -1
- package/dist/components/ds-shell-tools.js +1 -1
- package/dist/components/ds-shell-tools.js.map +1 -1
- package/dist/components/ds-skeleton.js +1 -1
- package/dist/components/ds-slider.js +1 -1
- package/dist/components/ds-slider.js.map +1 -1
- package/dist/components/ds-swatch-picker.js +1 -1
- package/dist/components/ds-switch.js +1 -1
- package/dist/components/ds-tab-group.js +1 -1
- package/dist/components/ds-tag.js +1 -1
- package/dist/components/ds-text.js +1 -1
- package/dist/components/ds-toast.js +1 -1
- package/dist/components/ds-tooltip-data-viz.js +1 -1
- package/dist/components/ds-tooltip.js +1 -1
- package/dist/components/ds-typing-indicator.js +1 -1
- package/dist/components/{p-DB9XJm2c.js → p-6qXDqCj_.js} +2 -2
- package/dist/components/{p-CPwpgUWT.js → p-Ay1AX7Ql.js} +2 -2
- package/dist/components/p-Ay1AX7Ql.js.map +1 -0
- package/dist/components/p-B-qDb_Zo.js +2 -0
- package/dist/components/p-B-qDb_Zo.js.map +1 -0
- package/dist/components/{p-DhLmoCe_.js → p-B1cbQ0SG.js} +2 -2
- package/dist/components/p-BBxcMVqk.js +2 -0
- package/dist/components/p-BBxcMVqk.js.map +1 -0
- package/dist/components/{p-BKOlvCGS.js → p-BUZXuod2.js} +2 -2
- package/dist/components/{p-Utr23NC-.js → p-BaUsq_VK.js} +2 -2
- package/dist/components/p-BbMJTilO.js +2 -0
- package/dist/components/p-BbMJTilO.js.map +1 -0
- package/dist/components/{p-BO5aqZcf.js → p-BcTYhmku.js} +2 -2
- package/dist/components/p-Bkv3UjZz.js +2 -0
- package/dist/components/p-Bkv3UjZz.js.map +1 -0
- package/dist/components/p-BnQXAbif.js +2 -0
- package/dist/components/p-BnQXAbif.js.map +1 -0
- package/dist/components/p-BnbbnuVC.js +2 -0
- package/dist/components/p-BnbbnuVC.js.map +1 -0
- package/dist/components/{p-BlHzmszE.js → p-BroVnDzE.js} +2 -2
- package/dist/components/{p-BFRMwl93.js → p-BsoqsbBh.js} +2 -2
- package/dist/components/p-BwT6B5Fi.js +2 -0
- package/dist/components/p-BwT6B5Fi.js.map +1 -0
- package/dist/components/p-BybqPD8K.js +2 -0
- package/dist/components/p-BybqPD8K.js.map +1 -0
- package/dist/components/p-C-vRkDyn.js +2 -0
- package/dist/components/p-C-vRkDyn.js.map +1 -0
- package/dist/components/p-C3ArcO50.js +2 -0
- package/dist/components/p-C3ArcO50.js.map +1 -0
- package/dist/components/p-C4uYvyq6.js +2 -0
- package/dist/components/p-C4uYvyq6.js.map +1 -0
- package/dist/components/{p-ukB-dPOK.js → p-CBazaRlE.js} +2 -2
- package/dist/components/{p-CNgPwd11.js → p-CHuh71-U.js} +2 -2
- package/dist/components/{p-D9u1_OEZ.js → p-CMWata9g.js} +2 -2
- package/dist/components/p-CS6CHlHK.js +2 -0
- package/dist/components/p-CS6CHlHK.js.map +1 -0
- package/dist/components/p-CTTnM7cE.js +2 -0
- package/dist/components/p-CTTnM7cE.js.map +1 -0
- package/dist/components/{p-CsX3ICz7.js → p-CWoXKe_h.js} +2 -2
- package/dist/components/p-CWoXKe_h.js.map +1 -0
- package/dist/components/p-CwwuSGER.js +2 -0
- package/dist/components/p-CwwuSGER.js.map +1 -0
- package/dist/components/p-D09HINr_.js +2 -0
- package/dist/components/p-D09HINr_.js.map +1 -0
- package/dist/components/p-D2xWcVv6.js +2 -0
- package/dist/components/p-D2xWcVv6.js.map +1 -0
- package/dist/components/p-DAW6G8Sl.js +2 -0
- package/dist/components/p-DAW6G8Sl.js.map +1 -0
- package/dist/components/p-DEaszb15.js +2 -0
- package/dist/components/p-DEaszb15.js.map +1 -0
- package/dist/components/{p-BgGP65Nn.js → p-DOUk4KoT.js} +1 -1
- package/dist/components/p-DOUk4KoT.js.map +1 -0
- package/dist/components/p-DbQr7Kwr.js +2 -0
- package/dist/components/p-DbQr7Kwr.js.map +1 -0
- package/dist/components/p-DdvEZyX4.js +2 -0
- package/dist/components/p-DdvEZyX4.js.map +1 -0
- package/dist/components/{p-38PfdMkF.js → p-DeQwkbT1.js} +2 -2
- package/dist/components/{p-Vdufoj7G.js → p-Df17mJqI.js} +2 -2
- package/dist/components/p-Dg1LBXJ2.js +2 -0
- package/dist/components/p-Dg1LBXJ2.js.map +1 -0
- package/dist/components/p-DsiCDzoF.js +2 -0
- package/dist/components/p-DsiCDzoF.js.map +1 -0
- package/dist/components/p-_DzUXA86.js +2 -0
- package/dist/components/p-_DzUXA86.js.map +1 -0
- package/dist/components/p-lyZNvRvO.js +2 -0
- package/dist/components/p-lyZNvRvO.js.map +1 -0
- package/dist/components/{p-69lHhJiX.js → p-ohsLFap_.js} +2 -2
- package/dist/components/{p-DjbTFy2B.js → p-ymtdhOU5.js} +1 -1
- package/dist/components/p-ymtdhOU5.js.map +1 -0
- package/dist/components/p-z5RIrXuX.js +2 -0
- package/dist/components/p-z5RIrXuX.js.map +1 -0
- package/dist/docs/components.json +1006 -2356
- package/dist/framework/angular.d.ts +0 -1
- package/dist/framework/angular.js +0 -1
- package/dist/lib/components/BarTitle/bar-title-types.d.ts +28 -0
- package/dist/lib/components/Breadcrumb/breadcrumb-types.d.ts +16 -0
- package/dist/lib/components/ButtonFilled/ButtonFilled.d.ts +83 -0
- package/dist/lib/components/MobileHeader/mobile-header-types.d.ts +4 -0
- package/dist/lib/components/PanelTools/panel-tools-types.d.ts +21 -7
- package/dist/lib/components/ShellApp/shell-app-types.d.ts +91 -0
- package/dist/lib/shell/index.d.ts +5 -13
- package/dist/lib/shell/index.js +87 -358
- package/dist/lib/shell/index.js.map +3 -3
- package/dist/lib/shell/shell-responsive.d.ts +2 -1
- package/dist/lib/utils/button-render.d.ts +17 -0
- package/dist/lib/utils/button-types.d.ts +10 -0
- package/dist/lib/utils/choice-list.d.ts +25 -0
- package/dist/lib/utils/control-press.d.ts +8 -0
- package/dist/lib/utils/form-association.d.ts +22 -0
- package/dist/lib/utils/index.d.ts +4 -0
- package/dist/lib/utils/index.js +63 -0
- package/dist/lib/utils/index.js.map +3 -3
- package/dist/lib/utils/required-validity.d.ts +1 -1
- package/dist/lib/utils/safe-url.d.ts +11 -0
- package/dist/mcp/cli.js +38 -10
- package/dist/mcp-data/registry/agent-source-list.json +1 -1
- package/dist/mcp-data/registry/attachment-list.json +1 -1
- package/dist/mcp-data/registry/bar-nav.json +3 -21
- package/dist/mcp-data/registry/breadcrumb.json +1 -1
- package/dist/mcp-data/registry/button-filled.json +4 -19
- package/dist/mcp-data/registry/button-unfilled.json +14 -11
- package/dist/mcp-data/registry/card-data-viz.json +241 -0
- package/dist/mcp-data/registry/card-overview.json +87 -16
- package/dist/mcp-data/registry/card-setting.json +2 -2
- package/dist/mcp-data/registry/chart-bar.json +66 -18
- package/dist/mcp-data/registry/chart-donut.json +5 -5
- package/dist/mcp-data/registry/chart-legend.json +7 -9
- package/dist/mcp-data/registry/chart-line.json +1 -2
- package/dist/mcp-data/registry/checkbox.json +2 -2
- package/dist/mcp-data/registry/conversation-list-item.json +1 -1
- package/dist/mcp-data/registry/field.json +2 -3
- package/dist/mcp-data/registry/input.json +1 -1
- package/dist/mcp-data/registry/markdown.json +1 -1
- package/dist/mcp-data/registry/menu.json +10 -21
- package/dist/mcp-data/registry/mobile-bar-nav.json +1 -1
- package/dist/mcp-data/registry/mobile-header.json +1 -37
- package/dist/mcp-data/registry/mobile-section-switcher.json +1 -19
- package/dist/mcp-data/registry/panel-nav.json +2 -2
- package/dist/mcp-data/registry/panel-tool-search.json +1 -1
- package/dist/mcp-data/registry/panel-tools.json +19 -55
- package/dist/mcp-data/registry/radio.json +1 -1
- package/dist/mcp-data/registry/registry.json +309 -1174
- package/dist/mcp-data/registry/select.json +59 -25
- package/dist/mcp-data/registry/shell-app.json +345 -20
- package/dist/mcp-data/registry/shell-page.json +1 -1
- package/dist/mcp-data/registry/shell-tools.json +12 -43
- package/dist/mcp-data/registry/slider.json +1 -1
- package/dist/mcp-data/registry/switch.json +1 -1
- package/dist/mcp-data/registry/text.json +2 -2
- package/dist/react/components.d.ts +1 -8
- package/dist/react/components.js +1 -8
- package/dist/react/ds-card-data-viz.d.ts +12 -0
- package/dist/react/ds-card-data-viz.js +12 -0
- package/dist/react/ds-menu.d.ts +1 -2
- package/dist/react/ds-menu.js +0 -1
- package/dist/react/ds-select.d.ts +2 -2
- package/dist/react/ds-shell-app.d.ts +24 -1
- package/dist/react/ds-shell-app.js +16 -1
- package/dist/types/components/AgentSourceList/AgentSourceList.d.ts +0 -1
- package/dist/types/components/BarNav/BarNav.d.ts +0 -2
- package/dist/types/components/BarNav/bar-nav-utils.d.ts +2 -4
- package/dist/types/components/ButtonFilled/ButtonFilled.d.ts +5 -11
- package/dist/types/components/ButtonUnfilled/ButtonUnfilled.d.ts +13 -10
- package/dist/types/components/CardDataViz/CardDataViz.d.ts +32 -0
- package/dist/types/components/CardDataViz/index.d.ts +2 -0
- package/dist/types/components/CardOverview/CardOverview.d.ts +25 -3
- package/dist/types/components/CardOverview/card-overview-controller.d.ts +16 -0
- package/dist/types/components/CardOverview/card-overview-types.d.ts +2 -0
- package/dist/types/components/CardOverview/index.d.ts +1 -1
- package/dist/types/components/ChartBar/ChartBar.d.ts +12 -1
- package/dist/types/components/ChartBar/index.d.ts +2 -1
- package/dist/types/components/Menu/Menu.d.ts +0 -5
- package/dist/types/components/Menu/menu-sections.d.ts +4 -0
- package/dist/types/components/Menu/menu-types.d.ts +2 -11
- package/dist/types/components/MobileHeader/MobileHeader.d.ts +0 -5
- package/dist/types/components/MobileSectionSwitcher/MobileSectionSwitcher.d.ts +0 -2
- package/dist/types/components/PanelTools/PanelTools.d.ts +0 -4
- package/dist/types/components/PanelTools/index.d.ts +1 -1
- package/dist/types/components/PanelTools/panel-tools-types.d.ts +21 -7
- package/dist/types/components/PanelTools/panel-tools-utils.d.ts +1 -1
- package/dist/types/components/Select/Select.d.ts +12 -4
- package/dist/types/components/Select/index.d.ts +1 -1
- package/dist/types/components/ShellApp/ShellApp.d.ts +98 -0
- package/dist/types/components/ShellApp/shell-app-types.d.ts +92 -0
- package/dist/types/components/ShellPage/ShellPage.d.ts +5 -0
- package/dist/types/components/ShellTools/ShellTools.d.ts +2 -2
- package/dist/types/components.d.ts +238 -895
- package/dist/types/shell/index.d.ts +5 -13
- package/dist/types/shell/shell-responsive.d.ts +2 -1
- package/dist/types/utils/anchored-position-controller.d.ts +9 -0
- package/dist/types/utils/button-render.d.ts +18 -0
- package/dist/types/utils/button-story-foundation.d.ts +9 -0
- package/dist/types/utils/button-types.d.ts +11 -0
- package/dist/types/utils/form-association.d.ts +23 -0
- package/dist/types/utils/index.d.ts +4 -0
- package/dist/types/utils/required-validity.d.ts +1 -1
- package/dist/types/utils/safe-url.d.ts +12 -0
- package/dist/types/utils/select-controller.d.ts +1 -1
- package/package.json +16 -8
- package/dist/.build-stamp +0 -1
- package/dist/angular/ds-card-data-viz-bar.d.ts +0 -18
- package/dist/angular/ds-card-data-viz-bar.js +0 -42
- package/dist/angular/ds-card-data-viz-donut.d.ts +0 -18
- package/dist/angular/ds-card-data-viz-line.d.ts +0 -18
- package/dist/angular/ds-card-data-viz-line.js +0 -42
- package/dist/angular/ds-card-shell-data-viz.d.ts +0 -12
- package/dist/angular/ds-card-shell-data-viz.js +0 -38
- package/dist/angular/ds-chart-bar-stacked.d.ts +0 -12
- package/dist/angular/ds-chart-bar-stacked.js +0 -38
- package/dist/angular/ds-select-multi.d.ts +0 -28
- package/dist/angular/ds-select-multi.js +0 -49
- package/dist/angular/ds-shell-gradient-picker.d.ts +0 -16
- package/dist/angular/ds-shell-gradient-picker.js +0 -42
- package/dist/angular/ds-shell-gradient-swatch.d.ts +0 -16
- package/dist/angular/ds-shell-gradient-swatch.js +0 -42
- package/dist/components/ds-card-data-viz-bar.d.ts +0 -11
- package/dist/components/ds-card-data-viz-bar.js +0 -2
- package/dist/components/ds-card-data-viz-bar.js.map +0 -1
- package/dist/components/ds-card-data-viz-donut.d.ts +0 -11
- package/dist/components/ds-card-data-viz-donut.js +0 -2
- package/dist/components/ds-card-data-viz-donut.js.map +0 -1
- package/dist/components/ds-card-data-viz-line.d.ts +0 -11
- package/dist/components/ds-card-data-viz-line.js +0 -2
- package/dist/components/ds-card-data-viz-line.js.map +0 -1
- package/dist/components/ds-card-shell-data-viz.d.ts +0 -11
- package/dist/components/ds-card-shell-data-viz.js +0 -2
- package/dist/components/ds-card-shell-data-viz.js.map +0 -1
- package/dist/components/ds-chart-bar-stacked.d.ts +0 -11
- package/dist/components/ds-chart-bar-stacked.js +0 -2
- package/dist/components/ds-chart-bar-stacked.js.map +0 -1
- package/dist/components/ds-select-multi.js +0 -2
- package/dist/components/ds-select-multi.js.map +0 -1
- package/dist/components/ds-shell-gradient-picker.d.ts +0 -11
- package/dist/components/ds-shell-gradient-picker.js +0 -2
- package/dist/components/ds-shell-gradient-picker.js.map +0 -1
- package/dist/components/ds-shell-gradient-swatch.d.ts +0 -11
- package/dist/components/ds-shell-gradient-swatch.js +0 -2
- package/dist/components/ds-shell-gradient-swatch.js.map +0 -1
- package/dist/components/p-2foAUsDN.js +0 -2
- package/dist/components/p-2foAUsDN.js.map +0 -1
- package/dist/components/p-B6NvVdeO.js +0 -2
- package/dist/components/p-B6NvVdeO.js.map +0 -1
- package/dist/components/p-B6vE3ujd.js +0 -2
- package/dist/components/p-B6vE3ujd.js.map +0 -1
- package/dist/components/p-BBePKRHC.js +0 -2
- package/dist/components/p-BBePKRHC.js.map +0 -1
- package/dist/components/p-BOQnc-M4.js +0 -2
- package/dist/components/p-BOQnc-M4.js.map +0 -1
- package/dist/components/p-BXaieghV.js +0 -2
- package/dist/components/p-BXaieghV.js.map +0 -1
- package/dist/components/p-BgGP65Nn.js.map +0 -1
- package/dist/components/p-BrusnEYP.js +0 -2
- package/dist/components/p-BrusnEYP.js.map +0 -1
- package/dist/components/p-By_s1wNN.js +0 -2
- package/dist/components/p-By_s1wNN.js.map +0 -1
- package/dist/components/p-C61yJkfr.js +0 -2
- package/dist/components/p-C61yJkfr.js.map +0 -1
- package/dist/components/p-CH3w-P2H.js +0 -2
- package/dist/components/p-CH3w-P2H.js.map +0 -1
- package/dist/components/p-CNjOyUQu.js +0 -2
- package/dist/components/p-CNjOyUQu.js.map +0 -1
- package/dist/components/p-CPwpgUWT.js.map +0 -1
- package/dist/components/p-CU2673IJ.js +0 -2
- package/dist/components/p-CU2673IJ.js.map +0 -1
- package/dist/components/p-CsX3ICz7.js.map +0 -1
- package/dist/components/p-D0e77tkd.js +0 -2
- package/dist/components/p-D0e77tkd.js.map +0 -1
- package/dist/components/p-D1HFMTdC.js +0 -2
- package/dist/components/p-D1HFMTdC.js.map +0 -1
- package/dist/components/p-D1bNvIpb.js +0 -2
- package/dist/components/p-D1bNvIpb.js.map +0 -1
- package/dist/components/p-D2x17ei-.js +0 -2
- package/dist/components/p-D2x17ei-.js.map +0 -1
- package/dist/components/p-DIFUsoM-.js +0 -2
- package/dist/components/p-DIFUsoM-.js.map +0 -1
- package/dist/components/p-DjbTFy2B.js.map +0 -1
- package/dist/components/p-DmAHufd5.js +0 -2
- package/dist/components/p-DmAHufd5.js.map +0 -1
- package/dist/components/p-DzM3SzPz.js +0 -2
- package/dist/components/p-DzM3SzPz.js.map +0 -1
- package/dist/components/p-G3qIxpQj.js +0 -2
- package/dist/components/p-G3qIxpQj.js.map +0 -1
- package/dist/components/p-Re2kPrXm.js +0 -2
- package/dist/components/p-Re2kPrXm.js.map +0 -1
- package/dist/components/p-huw1oRbt.js +0 -2
- package/dist/components/p-huw1oRbt.js.map +0 -1
- package/dist/framework/select-multi-value-accessor.d.ts +0 -9
- package/dist/framework/select-multi-value-accessor.js +0 -40
- package/dist/lib/shell/badge-gradient-ring.d.ts +0 -27
- package/dist/lib/shell/chrome-transition.d.ts +0 -32
- package/dist/lib/shell/shell-chrome-metrics.d.ts +0 -11
- package/dist/lib/shell/shell-gradient.d.ts +0 -41
- package/dist/lib/shell/shell-view-transition.d.ts +0 -23
- package/dist/mcp-data/registry/card-data-viz-bar.json +0 -213
- package/dist/mcp-data/registry/card-data-viz-donut.json +0 -214
- package/dist/mcp-data/registry/card-data-viz-line.json +0 -207
- package/dist/mcp-data/registry/card-shell-data-viz.json +0 -180
- package/dist/mcp-data/registry/chart-bar-stacked.json +0 -230
- package/dist/mcp-data/registry/select-multi.json +0 -758
- package/dist/mcp-data/registry/shell-gradient-picker.json +0 -195
- package/dist/mcp-data/registry/shell-gradient-swatch.json +0 -215
- package/dist/react/ds-card-data-viz-bar.d.ts +0 -12
- package/dist/react/ds-card-data-viz-bar.js +0 -12
- package/dist/react/ds-card-data-viz-donut.d.ts +0 -12
- package/dist/react/ds-card-data-viz-donut.js +0 -12
- package/dist/react/ds-card-data-viz-line.d.ts +0 -12
- package/dist/react/ds-card-data-viz-line.js +0 -12
- package/dist/react/ds-card-shell-data-viz.d.ts +0 -9
- package/dist/react/ds-card-shell-data-viz.js +0 -12
- package/dist/react/ds-chart-bar-stacked.d.ts +0 -9
- package/dist/react/ds-chart-bar-stacked.js +0 -12
- package/dist/react/ds-select-multi.d.ts +0 -14
- package/dist/react/ds-select-multi.js +0 -16
- package/dist/react/ds-shell-gradient-picker.d.ts +0 -12
- package/dist/react/ds-shell-gradient-picker.js +0 -12
- package/dist/react/ds-shell-gradient-swatch.d.ts +0 -12
- package/dist/react/ds-shell-gradient-swatch.js +0 -12
- package/dist/types/components/CardDataVizBar/CardDataVizBar.d.ts +0 -24
- package/dist/types/components/CardDataVizBar/index.d.ts +0 -2
- package/dist/types/components/CardDataVizDonut/CardDataVizDonut.d.ts +0 -28
- package/dist/types/components/CardDataVizDonut/index.d.ts +0 -2
- package/dist/types/components/CardDataVizLine/CardDataVizLine.d.ts +0 -24
- package/dist/types/components/CardDataVizLine/index.d.ts +0 -2
- package/dist/types/components/CardShellDataViz/CardShellDataViz.d.ts +0 -13
- package/dist/types/components/CardShellDataViz/index.d.ts +0 -2
- package/dist/types/components/ChartBarStacked/ChartBarStacked.d.ts +0 -26
- package/dist/types/components/ChartBarStacked/index.d.ts +0 -3
- package/dist/types/components/SelectMulti/SelectMulti.d.ts +0 -121
- package/dist/types/components/SelectMulti/index.d.ts +0 -2
- package/dist/types/components/ShellGradientPicker/ShellGradientPicker.d.ts +0 -12
- package/dist/types/components/ShellGradientSwatch/ShellGradientSwatch.d.ts +0 -15
- package/dist/types/components/ShellGradientSwatch/shell-gradient-swatch-types.d.ts +0 -4
- /package/dist/components/{p-DB9XJm2c.js.map → p-6qXDqCj_.js.map} +0 -0
- /package/dist/components/{p-DhLmoCe_.js.map → p-B1cbQ0SG.js.map} +0 -0
- /package/dist/components/{p-BKOlvCGS.js.map → p-BUZXuod2.js.map} +0 -0
- /package/dist/components/{p-Utr23NC-.js.map → p-BaUsq_VK.js.map} +0 -0
- /package/dist/components/{p-BO5aqZcf.js.map → p-BcTYhmku.js.map} +0 -0
- /package/dist/components/{p-BlHzmszE.js.map → p-BroVnDzE.js.map} +0 -0
- /package/dist/components/{p-BFRMwl93.js.map → p-BsoqsbBh.js.map} +0 -0
- /package/dist/components/{p-ukB-dPOK.js.map → p-CBazaRlE.js.map} +0 -0
- /package/dist/components/{p-CNgPwd11.js.map → p-CHuh71-U.js.map} +0 -0
- /package/dist/components/{p-D9u1_OEZ.js.map → p-CMWata9g.js.map} +0 -0
- /package/dist/components/{p-38PfdMkF.js.map → p-DeQwkbT1.js.map} +0 -0
- /package/dist/components/{p-Vdufoj7G.js.map → p-Df17mJqI.js.map} +0 -0
- /package/dist/components/{p-69lHhJiX.js.map → p-ohsLFap_.js.map} +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["dimensionMenuWidthXs","dimensionRadius025","dimensionSize200","dimensionSize300","dimensionSize400","dimensionSpace050","dimensionSpace100","dimensionSpace200","dimensionSpace300","dimensionSpace400","effectAnimationDelayInstant","effectAnimationDelayLong2","effectAnimationDelayMedium3","effectAnimationDurationMedium1","effectAnimationDurationShort3","effectMotionShort2","effectMotionShort3","typographyLineheightMd","typographyLineheightXl","TOKEN_DEFAULTS","space050","space100","space200","space300","space400","radius025","size200","size300","size400","menuWidthXs","lineheightMd","lineheightXl","motionShort2","motionShort3","animationDurationShort3","animationDurationMedium1","animationDelayInstant","animationDelayMedium3","animationDelayLong2","menuFallbackHeight","tooltipFallbackWidth","donutFillMin","donutFillMax","TOKEN_CSS_LENGTHS"],"sources":["node_modules/@ds-mo/tokens/dist/index.mjs","src/wc/utils/token-defaults.ts"],"sourcesContent":["export const colorAlwaysDarkBackground = '--color-always-dark-background';\nexport const colorAlwaysDarkBorderBoldAi = '--color-always-dark-border-bold-ai';\nexport const colorAlwaysDarkBorderBoldBrand = '--color-always-dark-border-bold-brand';\nexport const colorAlwaysDarkBorderBoldCaution = '--color-always-dark-border-bold-caution';\nexport const colorAlwaysDarkBorderBoldGuide = '--color-always-dark-border-bold-guide';\nexport const colorAlwaysDarkBorderBoldNegative = '--color-always-dark-border-bold-negative';\nexport const colorAlwaysDarkBorderBoldNeutral = '--color-always-dark-border-bold-neutral';\nexport const colorAlwaysDarkBorderBoldPositive = '--color-always-dark-border-bold-positive';\nexport const colorAlwaysDarkBorderBoldWalkthrough = '--color-always-dark-border-bold-walkthrough';\nexport const colorAlwaysDarkBorderBoldWarning = '--color-always-dark-border-bold-warning';\nexport const colorAlwaysDarkBorderFaintAi = '--color-always-dark-border-faint-ai';\nexport const colorAlwaysDarkBorderFaintBrand = '--color-always-dark-border-faint-brand';\nexport const colorAlwaysDarkBorderFaintCaution = '--color-always-dark-border-faint-caution';\nexport const colorAlwaysDarkBorderFaintGuide = '--color-always-dark-border-faint-guide';\nexport const colorAlwaysDarkBorderFaintNegative = '--color-always-dark-border-faint-negative';\nexport const colorAlwaysDarkBorderFaintNeutral = '--color-always-dark-border-faint-neutral';\nexport const colorAlwaysDarkBorderFaintPositive = '--color-always-dark-border-faint-positive';\nexport const colorAlwaysDarkBorderFaintWalkthrough = '--color-always-dark-border-faint-walkthrough';\nexport const colorAlwaysDarkBorderFaintWarning = '--color-always-dark-border-faint-warning';\nexport const colorAlwaysDarkBorderMediumAi = '--color-always-dark-border-medium-ai';\nexport const colorAlwaysDarkBorderMediumBrand = '--color-always-dark-border-medium-brand';\nexport const colorAlwaysDarkBorderMediumCaution = '--color-always-dark-border-medium-caution';\nexport const colorAlwaysDarkBorderMediumGuide = '--color-always-dark-border-medium-guide';\nexport const colorAlwaysDarkBorderMediumNegative = '--color-always-dark-border-medium-negative';\nexport const colorAlwaysDarkBorderMediumNeutral = '--color-always-dark-border-medium-neutral';\nexport const colorAlwaysDarkBorderMediumPositive = '--color-always-dark-border-medium-positive';\nexport const colorAlwaysDarkBorderMediumWalkthrough = '--color-always-dark-border-medium-walkthrough';\nexport const colorAlwaysDarkBorderMediumWarning = '--color-always-dark-border-medium-warning';\nexport const colorAlwaysDarkBorderPrimary = '--color-always-dark-border-primary';\nexport const colorAlwaysDarkBorderSecondary = '--color-always-dark-border-secondary';\nexport const colorAlwaysDarkBorderStrongAi = '--color-always-dark-border-strong-ai';\nexport const colorAlwaysDarkBorderStrongBrand = '--color-always-dark-border-strong-brand';\nexport const colorAlwaysDarkBorderStrongCaution = '--color-always-dark-border-strong-caution';\nexport const colorAlwaysDarkBorderStrongGuide = '--color-always-dark-border-strong-guide';\nexport const colorAlwaysDarkBorderStrongNegative = '--color-always-dark-border-strong-negative';\nexport const colorAlwaysDarkBorderStrongNeutral = '--color-always-dark-border-strong-neutral';\nexport const colorAlwaysDarkBorderStrongPositive = '--color-always-dark-border-strong-positive';\nexport const colorAlwaysDarkBorderStrongWalkthrough = '--color-always-dark-border-strong-walkthrough';\nexport const colorAlwaysDarkBorderStrongWarning = '--color-always-dark-border-strong-warning';\nexport const colorAlwaysDarkBorderTertiary = '--color-always-dark-border-tertiary';\nexport const colorAlwaysDarkDivider = '--color-always-dark-divider';\nexport const colorAlwaysDarkForegroundAi = '--color-always-dark-foreground-ai';\nexport const colorAlwaysDarkForegroundBrand = '--color-always-dark-foreground-brand';\nexport const colorAlwaysDarkForegroundCaution = '--color-always-dark-foreground-caution';\nexport const colorAlwaysDarkForegroundGuide = '--color-always-dark-foreground-guide';\nexport const colorAlwaysDarkForegroundNegative = '--color-always-dark-foreground-negative';\nexport const colorAlwaysDarkForegroundNeutral = '--color-always-dark-foreground-neutral';\nexport const colorAlwaysDarkForegroundPositive = '--color-always-dark-foreground-positive';\nexport const colorAlwaysDarkForegroundPrimary = '--color-always-dark-foreground-primary';\nexport const colorAlwaysDarkForegroundQuaternary = '--color-always-dark-foreground-quaternary';\nexport const colorAlwaysDarkForegroundSecondary = '--color-always-dark-foreground-secondary';\nexport const colorAlwaysDarkForegroundTertiary = '--color-always-dark-foreground-tertiary';\nexport const colorAlwaysDarkForegroundWalkthrough = '--color-always-dark-foreground-walkthrough';\nexport const colorAlwaysDarkForegroundWarning = '--color-always-dark-foreground-warning';\nexport const colorAlwaysDarkInteractionActive = '--color-always-dark-interaction-active';\nexport const colorAlwaysDarkInteractionFocus = '--color-always-dark-interaction-focus';\nexport const colorAlwaysDarkInteractionHover = '--color-always-dark-interaction-hover';\nexport const colorAlwaysDarkInteractionPressed = '--color-always-dark-interaction-pressed';\nexport const colorAlwaysDarkShimmer = '--color-always-dark-shimmer';\nexport const colorBackgroundBoldAi = '--color-background-bold-ai';\nexport const colorBackgroundBoldBrand = '--color-background-bold-brand';\nexport const colorBackgroundBoldCaution = '--color-background-bold-caution';\nexport const colorBackgroundBoldGuide = '--color-background-bold-guide';\nexport const colorBackgroundBoldNegative = '--color-background-bold-negative';\nexport const colorBackgroundBoldNeutral = '--color-background-bold-neutral';\nexport const colorBackgroundBoldPositive = '--color-background-bold-positive';\nexport const colorBackgroundBoldWalkthrough = '--color-background-bold-walkthrough';\nexport const colorBackgroundBoldWarning = '--color-background-bold-warning';\nexport const colorBackgroundFaintAi = '--color-background-faint-ai';\nexport const colorBackgroundFaintBrand = '--color-background-faint-brand';\nexport const colorBackgroundFaintCaution = '--color-background-faint-caution';\nexport const colorBackgroundFaintGuide = '--color-background-faint-guide';\nexport const colorBackgroundFaintNegative = '--color-background-faint-negative';\nexport const colorBackgroundFaintNeutral = '--color-background-faint-neutral';\nexport const colorBackgroundFaintPositive = '--color-background-faint-positive';\nexport const colorBackgroundFaintWalkthrough = '--color-background-faint-walkthrough';\nexport const colorBackgroundFaintWarning = '--color-background-faint-warning';\nexport const colorBackgroundMediumAi = '--color-background-medium-ai';\nexport const colorBackgroundMediumBrand = '--color-background-medium-brand';\nexport const colorBackgroundMediumCaution = '--color-background-medium-caution';\nexport const colorBackgroundMediumGuide = '--color-background-medium-guide';\nexport const colorBackgroundMediumNegative = '--color-background-medium-negative';\nexport const colorBackgroundMediumNeutral = '--color-background-medium-neutral';\nexport const colorBackgroundMediumPositive = '--color-background-medium-positive';\nexport const colorBackgroundMediumWalkthrough = '--color-background-medium-walkthrough';\nexport const colorBackgroundMediumWarning = '--color-background-medium-warning';\nexport const colorBackgroundPrimary = '--color-background-primary';\nexport const colorBackgroundSecondary = '--color-background-secondary';\nexport const colorBackgroundShade = '--color-background-shade';\nexport const colorBackgroundStrongAi = '--color-background-strong-ai';\nexport const colorBackgroundStrongBrand = '--color-background-strong-brand';\nexport const colorBackgroundStrongCaution = '--color-background-strong-caution';\nexport const colorBackgroundStrongGuide = '--color-background-strong-guide';\nexport const colorBackgroundStrongNegative = '--color-background-strong-negative';\nexport const colorBackgroundStrongNeutral = '--color-background-strong-neutral';\nexport const colorBackgroundStrongPositive = '--color-background-strong-positive';\nexport const colorBackgroundStrongWalkthrough = '--color-background-strong-walkthrough';\nexport const colorBackgroundStrongWarning = '--color-background-strong-warning';\nexport const colorBackgroundTransparent = '--color-background-transparent';\nexport const colorBorderBoldAi = '--color-border-bold-ai';\nexport const colorBorderBoldBrand = '--color-border-bold-brand';\nexport const colorBorderBoldCaution = '--color-border-bold-caution';\nexport const colorBorderBoldGuide = '--color-border-bold-guide';\nexport const colorBorderBoldNegative = '--color-border-bold-negative';\nexport const colorBorderBoldNeutral = '--color-border-bold-neutral';\nexport const colorBorderBoldPositive = '--color-border-bold-positive';\nexport const colorBorderBoldWalkthrough = '--color-border-bold-walkthrough';\nexport const colorBorderBoldWarning = '--color-border-bold-warning';\nexport const colorBorderFaintAi = '--color-border-faint-ai';\nexport const colorBorderFaintBrand = '--color-border-faint-brand';\nexport const colorBorderFaintCaution = '--color-border-faint-caution';\nexport const colorBorderFaintGuide = '--color-border-faint-guide';\nexport const colorBorderFaintNegative = '--color-border-faint-negative';\nexport const colorBorderFaintNeutral = '--color-border-faint-neutral';\nexport const colorBorderFaintPositive = '--color-border-faint-positive';\nexport const colorBorderFaintWalkthrough = '--color-border-faint-walkthrough';\nexport const colorBorderFaintWarning = '--color-border-faint-warning';\nexport const colorBorderMediumAi = '--color-border-medium-ai';\nexport const colorBorderMediumBrand = '--color-border-medium-brand';\nexport const colorBorderMediumCaution = '--color-border-medium-caution';\nexport const colorBorderMediumGuide = '--color-border-medium-guide';\nexport const colorBorderMediumNegative = '--color-border-medium-negative';\nexport const colorBorderMediumNeutral = '--color-border-medium-neutral';\nexport const colorBorderMediumPositive = '--color-border-medium-positive';\nexport const colorBorderMediumWalkthrough = '--color-border-medium-walkthrough';\nexport const colorBorderMediumWarning = '--color-border-medium-warning';\nexport const colorBorderOnBoldBackgroundPrimary = '--color-border-on-bold-background-primary';\nexport const colorBorderOnBoldBackgroundSecondary = '--color-border-on-bold-background-secondary';\nexport const colorBorderOnBoldBackgroundTertiary = '--color-border-on-bold-background-tertiary';\nexport const colorBorderOnMediumBackgroundPrimary = '--color-border-on-medium-background-primary';\nexport const colorBorderOnMediumBackgroundSecondary = '--color-border-on-medium-background-secondary';\nexport const colorBorderOnMediumBackgroundTertiary = '--color-border-on-medium-background-tertiary';\nexport const colorBorderOnStrongBackgroundPrimary = '--color-border-on-strong-background-primary';\nexport const colorBorderOnStrongBackgroundSecondary = '--color-border-on-strong-background-secondary';\nexport const colorBorderOnStrongBackgroundTertiary = '--color-border-on-strong-background-tertiary';\nexport const colorBorderPrimary = '--color-border-primary';\nexport const colorBorderSecondary = '--color-border-secondary';\nexport const colorBorderStrongAi = '--color-border-strong-ai';\nexport const colorBorderStrongBrand = '--color-border-strong-brand';\nexport const colorBorderStrongCaution = '--color-border-strong-caution';\nexport const colorBorderStrongGuide = '--color-border-strong-guide';\nexport const colorBorderStrongNegative = '--color-border-strong-negative';\nexport const colorBorderStrongNeutral = '--color-border-strong-neutral';\nexport const colorBorderStrongPositive = '--color-border-strong-positive';\nexport const colorBorderStrongWalkthrough = '--color-border-strong-walkthrough';\nexport const colorBorderStrongWarning = '--color-border-strong-warning';\nexport const colorBorderTertiary = '--color-border-tertiary';\nexport const colorColorIntentBlueBoldBackground = '--color-color-intent-blue-bold-background';\nexport const colorColorIntentBlueBoldBorder = '--color-color-intent-blue-bold-border';\nexport const colorColorIntentBlueBoldForeground = '--color-color-intent-blue-bold-foreground';\nexport const colorColorIntentBlueFaintBackground = '--color-color-intent-blue-faint-background';\nexport const colorColorIntentBlueFaintBorder = '--color-color-intent-blue-faint-border';\nexport const colorColorIntentBlueFaintForeground = '--color-color-intent-blue-faint-foreground';\nexport const colorColorIntentBlueMediumBackground = '--color-color-intent-blue-medium-background';\nexport const colorColorIntentBlueMediumBorder = '--color-color-intent-blue-medium-border';\nexport const colorColorIntentBlueMediumForeground = '--color-color-intent-blue-medium-foreground';\nexport const colorColorIntentBlueStrongBackground = '--color-color-intent-blue-strong-background';\nexport const colorColorIntentBlueStrongBorder = '--color-color-intent-blue-strong-border';\nexport const colorColorIntentBlueStrongForeground = '--color-color-intent-blue-strong-foreground';\nexport const colorColorIntentCyanBoldBackground = '--color-color-intent-cyan-bold-background';\nexport const colorColorIntentCyanBoldBorder = '--color-color-intent-cyan-bold-border';\nexport const colorColorIntentCyanBoldForeground = '--color-color-intent-cyan-bold-foreground';\nexport const colorColorIntentCyanFaintBackground = '--color-color-intent-cyan-faint-background';\nexport const colorColorIntentCyanFaintBorder = '--color-color-intent-cyan-faint-border';\nexport const colorColorIntentCyanFaintForeground = '--color-color-intent-cyan-faint-foreground';\nexport const colorColorIntentCyanMediumBackground = '--color-color-intent-cyan-medium-background';\nexport const colorColorIntentCyanMediumBorder = '--color-color-intent-cyan-medium-border';\nexport const colorColorIntentCyanMediumForeground = '--color-color-intent-cyan-medium-foreground';\nexport const colorColorIntentCyanStrongBackground = '--color-color-intent-cyan-strong-background';\nexport const colorColorIntentCyanStrongBorder = '--color-color-intent-cyan-strong-border';\nexport const colorColorIntentCyanStrongForeground = '--color-color-intent-cyan-strong-foreground';\nexport const colorColorIntentGreenBoldBackground = '--color-color-intent-green-bold-background';\nexport const colorColorIntentGreenBoldBorder = '--color-color-intent-green-bold-border';\nexport const colorColorIntentGreenBoldForeground = '--color-color-intent-green-bold-foreground';\nexport const colorColorIntentGreenFaintBackground = '--color-color-intent-green-faint-background';\nexport const colorColorIntentGreenFaintBorder = '--color-color-intent-green-faint-border';\nexport const colorColorIntentGreenFaintForeground = '--color-color-intent-green-faint-foreground';\nexport const colorColorIntentGreenMediumBackground = '--color-color-intent-green-medium-background';\nexport const colorColorIntentGreenMediumBorder = '--color-color-intent-green-medium-border';\nexport const colorColorIntentGreenMediumForeground = '--color-color-intent-green-medium-foreground';\nexport const colorColorIntentGreenStrongBackground = '--color-color-intent-green-strong-background';\nexport const colorColorIntentGreenStrongBorder = '--color-color-intent-green-strong-border';\nexport const colorColorIntentGreenStrongForeground = '--color-color-intent-green-strong-foreground';\nexport const colorColorIntentGreyBoldBackground = '--color-color-intent-grey-bold-background';\nexport const colorColorIntentGreyBoldBorder = '--color-color-intent-grey-bold-border';\nexport const colorColorIntentGreyBoldForeground = '--color-color-intent-grey-bold-foreground';\nexport const colorColorIntentGreyFaintBackground = '--color-color-intent-grey-faint-background';\nexport const colorColorIntentGreyFaintBorder = '--color-color-intent-grey-faint-border';\nexport const colorColorIntentGreyFaintForeground = '--color-color-intent-grey-faint-foreground';\nexport const colorColorIntentGreyMediumBackground = '--color-color-intent-grey-medium-background';\nexport const colorColorIntentGreyMediumBorder = '--color-color-intent-grey-medium-border';\nexport const colorColorIntentGreyMediumForeground = '--color-color-intent-grey-medium-foreground';\nexport const colorColorIntentGreyStrongBackground = '--color-color-intent-grey-strong-background';\nexport const colorColorIntentGreyStrongBorder = '--color-color-intent-grey-strong-border';\nexport const colorColorIntentGreyStrongForeground = '--color-color-intent-grey-strong-foreground';\nexport const colorColorIntentInteractionOnBoldBackgroundFocus = '--color-color-intent-interaction-on-bold-background-focus';\nexport const colorColorIntentInteractionOnBoldBackgroundHover = '--color-color-intent-interaction-on-bold-background-hover';\nexport const colorColorIntentInteractionOnBoldBackgroundPressed = '--color-color-intent-interaction-on-bold-background-pressed';\nexport const colorColorIntentInteractionOnFaintBackgroundFocus = '--color-color-intent-interaction-on-faint-background-focus';\nexport const colorColorIntentInteractionOnFaintBackgroundHover = '--color-color-intent-interaction-on-faint-background-hover';\nexport const colorColorIntentInteractionOnFaintBackgroundPressed = '--color-color-intent-interaction-on-faint-background-pressed';\nexport const colorColorIntentInteractionOnMediumBackgroundFocus = '--color-color-intent-interaction-on-medium-background-focus';\nexport const colorColorIntentInteractionOnMediumBackgroundHover = '--color-color-intent-interaction-on-medium-background-hover';\nexport const colorColorIntentInteractionOnMediumBackgroundPressed = '--color-color-intent-interaction-on-medium-background-pressed';\nexport const colorColorIntentInteractionOnStrongBackgroundFocus = '--color-color-intent-interaction-on-strong-background-focus';\nexport const colorColorIntentInteractionOnStrongBackgroundHover = '--color-color-intent-interaction-on-strong-background-hover';\nexport const colorColorIntentInteractionOnStrongBackgroundPressed = '--color-color-intent-interaction-on-strong-background-pressed';\nexport const colorColorIntentMagentaBoldBackground = '--color-color-intent-magenta-bold-background';\nexport const colorColorIntentMagentaBoldBorder = '--color-color-intent-magenta-bold-border';\nexport const colorColorIntentMagentaBoldForeground = '--color-color-intent-magenta-bold-foreground';\nexport const colorColorIntentMagentaFaintBackground = '--color-color-intent-magenta-faint-background';\nexport const colorColorIntentMagentaFaintBorder = '--color-color-intent-magenta-faint-border';\nexport const colorColorIntentMagentaFaintForeground = '--color-color-intent-magenta-faint-foreground';\nexport const colorColorIntentMagentaMediumBackground = '--color-color-intent-magenta-medium-background';\nexport const colorColorIntentMagentaMediumBorder = '--color-color-intent-magenta-medium-border';\nexport const colorColorIntentMagentaMediumForeground = '--color-color-intent-magenta-medium-foreground';\nexport const colorColorIntentMagentaStrongBackground = '--color-color-intent-magenta-strong-background';\nexport const colorColorIntentMagentaStrongBorder = '--color-color-intent-magenta-strong-border';\nexport const colorColorIntentMagentaStrongForeground = '--color-color-intent-magenta-strong-foreground';\nexport const colorColorIntentOliveBoldBackground = '--color-color-intent-olive-bold-background';\nexport const colorColorIntentOliveBoldBorder = '--color-color-intent-olive-bold-border';\nexport const colorColorIntentOliveBoldForeground = '--color-color-intent-olive-bold-foreground';\nexport const colorColorIntentOliveFaintBackground = '--color-color-intent-olive-faint-background';\nexport const colorColorIntentOliveFaintBorder = '--color-color-intent-olive-faint-border';\nexport const colorColorIntentOliveFaintForeground = '--color-color-intent-olive-faint-foreground';\nexport const colorColorIntentOliveMediumBackground = '--color-color-intent-olive-medium-background';\nexport const colorColorIntentOliveMediumBorder = '--color-color-intent-olive-medium-border';\nexport const colorColorIntentOliveMediumForeground = '--color-color-intent-olive-medium-foreground';\nexport const colorColorIntentOliveStrongBackground = '--color-color-intent-olive-strong-background';\nexport const colorColorIntentOliveStrongBorder = '--color-color-intent-olive-strong-border';\nexport const colorColorIntentOliveStrongForeground = '--color-color-intent-olive-strong-foreground';\nexport const colorColorIntentOrangeBoldBackground = '--color-color-intent-orange-bold-background';\nexport const colorColorIntentOrangeBoldBorder = '--color-color-intent-orange-bold-border';\nexport const colorColorIntentOrangeBoldForeground = '--color-color-intent-orange-bold-foreground';\nexport const colorColorIntentOrangeFaintBackground = '--color-color-intent-orange-faint-background';\nexport const colorColorIntentOrangeFaintBorder = '--color-color-intent-orange-faint-border';\nexport const colorColorIntentOrangeFaintForeground = '--color-color-intent-orange-faint-foreground';\nexport const colorColorIntentOrangeMediumBackground = '--color-color-intent-orange-medium-background';\nexport const colorColorIntentOrangeMediumBorder = '--color-color-intent-orange-medium-border';\nexport const colorColorIntentOrangeMediumForeground = '--color-color-intent-orange-medium-foreground';\nexport const colorColorIntentOrangeStrongBackground = '--color-color-intent-orange-strong-background';\nexport const colorColorIntentOrangeStrongBorder = '--color-color-intent-orange-strong-border';\nexport const colorColorIntentOrangeStrongForeground = '--color-color-intent-orange-strong-foreground';\nexport const colorColorIntentPinkBoldBackground = '--color-color-intent-pink-bold-background';\nexport const colorColorIntentPinkBoldBorder = '--color-color-intent-pink-bold-border';\nexport const colorColorIntentPinkBoldForeground = '--color-color-intent-pink-bold-foreground';\nexport const colorColorIntentPinkFaintBackground = '--color-color-intent-pink-faint-background';\nexport const colorColorIntentPinkFaintBorder = '--color-color-intent-pink-faint-border';\nexport const colorColorIntentPinkFaintForeground = '--color-color-intent-pink-faint-foreground';\nexport const colorColorIntentPinkMediumBackground = '--color-color-intent-pink-medium-background';\nexport const colorColorIntentPinkMediumBorder = '--color-color-intent-pink-medium-border';\nexport const colorColorIntentPinkMediumForeground = '--color-color-intent-pink-medium-foreground';\nexport const colorColorIntentPinkStrongBackground = '--color-color-intent-pink-strong-background';\nexport const colorColorIntentPinkStrongBorder = '--color-color-intent-pink-strong-border';\nexport const colorColorIntentPinkStrongForeground = '--color-color-intent-pink-strong-foreground';\nexport const colorColorIntentPurpleBoldBackground = '--color-color-intent-purple-bold-background';\nexport const colorColorIntentPurpleBoldBorder = '--color-color-intent-purple-bold-border';\nexport const colorColorIntentPurpleBoldForeground = '--color-color-intent-purple-bold-foreground';\nexport const colorColorIntentPurpleFaintBackground = '--color-color-intent-purple-faint-background';\nexport const colorColorIntentPurpleFaintBorder = '--color-color-intent-purple-faint-border';\nexport const colorColorIntentPurpleFaintForeground = '--color-color-intent-purple-faint-foreground';\nexport const colorColorIntentPurpleMediumBackground = '--color-color-intent-purple-medium-background';\nexport const colorColorIntentPurpleMediumBorder = '--color-color-intent-purple-medium-border';\nexport const colorColorIntentPurpleMediumForeground = '--color-color-intent-purple-medium-foreground';\nexport const colorColorIntentPurpleStrongBackground = '--color-color-intent-purple-strong-background';\nexport const colorColorIntentPurpleStrongBorder = '--color-color-intent-purple-strong-border';\nexport const colorColorIntentPurpleStrongForeground = '--color-color-intent-purple-strong-foreground';\nexport const colorColorIntentRedBoldBackground = '--color-color-intent-red-bold-background';\nexport const colorColorIntentRedBoldBorder = '--color-color-intent-red-bold-border';\nexport const colorColorIntentRedBoldForeground = '--color-color-intent-red-bold-foreground';\nexport const colorColorIntentRedFaintBackground = '--color-color-intent-red-faint-background';\nexport const colorColorIntentRedFaintBorder = '--color-color-intent-red-faint-border';\nexport const colorColorIntentRedFaintForeground = '--color-color-intent-red-faint-foreground';\nexport const colorColorIntentRedMediumBackground = '--color-color-intent-red-medium-background';\nexport const colorColorIntentRedMediumBorder = '--color-color-intent-red-medium-border';\nexport const colorColorIntentRedMediumForeground = '--color-color-intent-red-medium-foreground';\nexport const colorColorIntentRedStrongBackground = '--color-color-intent-red-strong-background';\nexport const colorColorIntentRedStrongBorder = '--color-color-intent-red-strong-border';\nexport const colorColorIntentRedStrongForeground = '--color-color-intent-red-strong-foreground';\nexport const colorColorIntentTealBoldBackground = '--color-color-intent-teal-bold-background';\nexport const colorColorIntentTealBoldBorder = '--color-color-intent-teal-bold-border';\nexport const colorColorIntentTealBoldForeground = '--color-color-intent-teal-bold-foreground';\nexport const colorColorIntentTealFaintBackground = '--color-color-intent-teal-faint-background';\nexport const colorColorIntentTealFaintBorder = '--color-color-intent-teal-faint-border';\nexport const colorColorIntentTealFaintForeground = '--color-color-intent-teal-faint-foreground';\nexport const colorColorIntentTealMediumBackground = '--color-color-intent-teal-medium-background';\nexport const colorColorIntentTealMediumBorder = '--color-color-intent-teal-medium-border';\nexport const colorColorIntentTealMediumForeground = '--color-color-intent-teal-medium-foreground';\nexport const colorColorIntentTealStrongBackground = '--color-color-intent-teal-strong-background';\nexport const colorColorIntentTealStrongBorder = '--color-color-intent-teal-strong-border';\nexport const colorColorIntentTealStrongForeground = '--color-color-intent-teal-strong-foreground';\nexport const colorColorIntentYellowBoldBackground = '--color-color-intent-yellow-bold-background';\nexport const colorColorIntentYellowBoldBorder = '--color-color-intent-yellow-bold-border';\nexport const colorColorIntentYellowBoldForeground = '--color-color-intent-yellow-bold-foreground';\nexport const colorColorIntentYellowFaintBackground = '--color-color-intent-yellow-faint-background';\nexport const colorColorIntentYellowFaintBorder = '--color-color-intent-yellow-faint-border';\nexport const colorColorIntentYellowFaintForeground = '--color-color-intent-yellow-faint-foreground';\nexport const colorColorIntentYellowMediumBackground = '--color-color-intent-yellow-medium-background';\nexport const colorColorIntentYellowMediumBorder = '--color-color-intent-yellow-medium-border';\nexport const colorColorIntentYellowMediumForeground = '--color-color-intent-yellow-medium-foreground';\nexport const colorColorIntentYellowStrongBackground = '--color-color-intent-yellow-strong-background';\nexport const colorColorIntentYellowStrongBorder = '--color-color-intent-yellow-strong-border';\nexport const colorColorIntentYellowStrongForeground = '--color-color-intent-yellow-strong-foreground';\nexport const colorDataCategory1 = '--color-data-category-1';\nexport const colorDataCategory10 = '--color-data-category-10';\nexport const colorDataCategory11 = '--color-data-category-11';\nexport const colorDataCategory12 = '--color-data-category-12';\nexport const colorDataCategory2 = '--color-data-category-2';\nexport const colorDataCategory3 = '--color-data-category-3';\nexport const colorDataCategory4 = '--color-data-category-4';\nexport const colorDataCategory5 = '--color-data-category-5';\nexport const colorDataCategory6 = '--color-data-category-6';\nexport const colorDataCategory7 = '--color-data-category-7';\nexport const colorDataCategory8 = '--color-data-category-8';\nexport const colorDataCategory9 = '--color-data-category-9';\nexport const colorDataDivergingBlueOrange51 = '--color-data-diverging-blue-orange-5-1';\nexport const colorDataDivergingBlueOrange52 = '--color-data-diverging-blue-orange-5-2';\nexport const colorDataDivergingBlueOrange53 = '--color-data-diverging-blue-orange-5-3';\nexport const colorDataDivergingBlueOrange54 = '--color-data-diverging-blue-orange-5-4';\nexport const colorDataDivergingBlueOrange55 = '--color-data-diverging-blue-orange-5-5';\nexport const colorDataDivergingBlueOrange71 = '--color-data-diverging-blue-orange-7-1';\nexport const colorDataDivergingBlueOrange72 = '--color-data-diverging-blue-orange-7-2';\nexport const colorDataDivergingBlueOrange73 = '--color-data-diverging-blue-orange-7-3';\nexport const colorDataDivergingBlueOrange74 = '--color-data-diverging-blue-orange-7-4';\nexport const colorDataDivergingBlueOrange75 = '--color-data-diverging-blue-orange-7-5';\nexport const colorDataDivergingBlueOrange76 = '--color-data-diverging-blue-orange-7-6';\nexport const colorDataDivergingBlueOrange77 = '--color-data-diverging-blue-orange-7-7';\nexport const colorDataDivergingBlueOrange91 = '--color-data-diverging-blue-orange-9-1';\nexport const colorDataDivergingBlueOrange92 = '--color-data-diverging-blue-orange-9-2';\nexport const colorDataDivergingBlueOrange93 = '--color-data-diverging-blue-orange-9-3';\nexport const colorDataDivergingBlueOrange94 = '--color-data-diverging-blue-orange-9-4';\nexport const colorDataDivergingBlueOrange95 = '--color-data-diverging-blue-orange-9-5';\nexport const colorDataDivergingBlueOrange96 = '--color-data-diverging-blue-orange-9-6';\nexport const colorDataDivergingBlueOrange97 = '--color-data-diverging-blue-orange-9-7';\nexport const colorDataDivergingBlueOrange98 = '--color-data-diverging-blue-orange-9-8';\nexport const colorDataDivergingBlueOrange99 = '--color-data-diverging-blue-orange-9-9';\nexport const colorDataIntentBrand = '--color-data-intent-brand';\nexport const colorDataIntentCaution = '--color-data-intent-caution';\nexport const colorDataIntentNegative = '--color-data-intent-negative';\nexport const colorDataIntentNeutral = '--color-data-intent-neutral';\nexport const colorDataIntentPositive = '--color-data-intent-positive';\nexport const colorDataIntentWarning = '--color-data-intent-warning';\nexport const colorDataMiscBold = '--color-data-misc-bold';\nexport const colorDataMiscFaint = '--color-data-misc-faint';\nexport const colorDataMiscMedium = '--color-data-misc-medium';\nexport const colorDataMiscStrong = '--color-data-misc-strong';\nexport const colorDataScoreSafetyExcellent = '--color-data-score-safety-excellent';\nexport const colorDataScoreSafetyFair = '--color-data-score-safety-fair';\nexport const colorDataScoreSafetyGood = '--color-data-score-safety-good';\nexport const colorDataSequenceBlue21 = '--color-data-sequence-blue-2-1';\nexport const colorDataSequenceBlue22 = '--color-data-sequence-blue-2-2';\nexport const colorDataSequenceBlue31 = '--color-data-sequence-blue-3-1';\nexport const colorDataSequenceBlue32 = '--color-data-sequence-blue-3-2';\nexport const colorDataSequenceBlue33 = '--color-data-sequence-blue-3-3';\nexport const colorDataSequenceBlue41 = '--color-data-sequence-blue-4-1';\nexport const colorDataSequenceBlue42 = '--color-data-sequence-blue-4-2';\nexport const colorDataSequenceBlue43 = '--color-data-sequence-blue-4-3';\nexport const colorDataSequenceBlue44 = '--color-data-sequence-blue-4-4';\nexport const colorDataStatusDeviceInstallIssue = '--color-data-status-device-install-issue';\nexport const colorDataStatusDeviceNormal = '--color-data-status-device-normal';\nexport const colorDataStatusDeviceOtherIssue = '--color-data-status-device-other-issue';\nexport const colorDataStatusDevicePoweredOff = '--color-data-status-device-powered-off';\nexport const colorDataStatusDeviceReturnDevice = '--color-data-status-device-return-device';\nexport const colorDataStatusDeviceSignalIssue = '--color-data-status-device-signal-issue';\nexport const colorDataWinLossLoss = '--color-data-win-loss-loss';\nexport const colorDataWinLossWin = '--color-data-win-loss-win';\nexport const colorDataWinLossWinAlt = '--color-data-win-loss-win-alt';\nexport const colorDividerDivider = '--color-divider-divider';\nexport const colorDividerDividerOnBoldBackground = '--color-divider-divider-on-bold-background';\nexport const colorDividerDividerOnMediumBackground = '--color-divider-divider-on-medium-background';\nexport const colorDividerDividerOnStrongBackground = '--color-divider-divider-on-strong-background';\nexport const colorDriverStatusBackgroundDriving = '--color-driver-status-background-driving';\nexport const colorDriverStatusBackgroundOffDuty = '--color-driver-status-background-off-duty';\nexport const colorDriverStatusBackgroundOnDuty = '--color-driver-status-background-on-duty';\nexport const colorDriverStatusBackgroundPersonalConveyance = '--color-driver-status-background-personal-conveyance';\nexport const colorDriverStatusBackgroundYardMove = '--color-driver-status-background-yard-move';\nexport const colorDriverStatusForeground = '--color-driver-status-foreground';\nexport const colorDriverStatusInteractionFocus = '--color-driver-status-interaction-focus';\nexport const colorDriverStatusInteractionHover = '--color-driver-status-interaction-hover';\nexport const colorDriverStatusInteractionPressed = '--color-driver-status-interaction-pressed';\nexport const colorElevationHighlight = '--color-elevation-highlight';\nexport const colorElevationShadow = '--color-elevation-shadow';\nexport const colorEntityClusterMarkerBackground = '--color-entity-cluster-marker-background';\nexport const colorEntityClusterMarkerForeground = '--color-entity-cluster-marker-foreground';\nexport const colorEntityClusterMarkerInteractionFocus = '--color-entity-cluster-marker-interaction-focus';\nexport const colorEntityClusterMarkerInteractionHover = '--color-entity-cluster-marker-interaction-hover';\nexport const colorEntityClusterMarkerInteractionPressed = '--color-entity-cluster-marker-interaction-pressed';\nexport const colorEntityMarkerBackgroundIdling = '--color-entity-marker-background-idling';\nexport const colorEntityMarkerBackgroundImmobilized = '--color-entity-marker-background-immobilized';\nexport const colorEntityMarkerBackgroundInMotion = '--color-entity-marker-background-in-motion';\nexport const colorEntityMarkerBackgroundStale = '--color-entity-marker-background-stale';\nexport const colorEntityMarkerBackgroundStationary = '--color-entity-marker-background-stationary';\nexport const colorEntityMarkerForeground = '--color-entity-marker-foreground';\nexport const colorEntityMarkerInteractionFocus = '--color-entity-marker-interaction-focus';\nexport const colorEntityMarkerInteractionHover = '--color-entity-marker-interaction-hover';\nexport const colorEntityMarkerInteractionPressed = '--color-entity-marker-interaction-pressed';\nexport const colorForegroundBoldAi = '--color-foreground-bold-ai';\nexport const colorForegroundBoldBrand = '--color-foreground-bold-brand';\nexport const colorForegroundBoldCaution = '--color-foreground-bold-caution';\nexport const colorForegroundBoldGuide = '--color-foreground-bold-guide';\nexport const colorForegroundBoldNegative = '--color-foreground-bold-negative';\nexport const colorForegroundBoldNeutral = '--color-foreground-bold-neutral';\nexport const colorForegroundBoldPositive = '--color-foreground-bold-positive';\nexport const colorForegroundBoldWalkthrough = '--color-foreground-bold-walkthrough';\nexport const colorForegroundBoldWarning = '--color-foreground-bold-warning';\nexport const colorForegroundFaintAi = '--color-foreground-faint-ai';\nexport const colorForegroundFaintBrand = '--color-foreground-faint-brand';\nexport const colorForegroundFaintCaution = '--color-foreground-faint-caution';\nexport const colorForegroundFaintGuide = '--color-foreground-faint-guide';\nexport const colorForegroundFaintNegative = '--color-foreground-faint-negative';\nexport const colorForegroundFaintNeutral = '--color-foreground-faint-neutral';\nexport const colorForegroundFaintPositive = '--color-foreground-faint-positive';\nexport const colorForegroundFaintWalkthrough = '--color-foreground-faint-walkthrough';\nexport const colorForegroundFaintWarning = '--color-foreground-faint-warning';\nexport const colorForegroundMediumAi = '--color-foreground-medium-ai';\nexport const colorForegroundMediumBrand = '--color-foreground-medium-brand';\nexport const colorForegroundMediumCaution = '--color-foreground-medium-caution';\nexport const colorForegroundMediumGuide = '--color-foreground-medium-guide';\nexport const colorForegroundMediumNegative = '--color-foreground-medium-negative';\nexport const colorForegroundMediumNeutral = '--color-foreground-medium-neutral';\nexport const colorForegroundMediumPositive = '--color-foreground-medium-positive';\nexport const colorForegroundMediumWalkthrough = '--color-foreground-medium-walkthrough';\nexport const colorForegroundMediumWarning = '--color-foreground-medium-warning';\nexport const colorForegroundOnBoldBackgroundPrimary = '--color-foreground-on-bold-background-primary';\nexport const colorForegroundOnBoldBackgroundQuaternary = '--color-foreground-on-bold-background-quaternary';\nexport const colorForegroundOnBoldBackgroundSecondary = '--color-foreground-on-bold-background-secondary';\nexport const colorForegroundOnBoldBackgroundTertiary = '--color-foreground-on-bold-background-tertiary';\nexport const colorForegroundOnMediumBackgroundPrimary = '--color-foreground-on-medium-background-primary';\nexport const colorForegroundOnMediumBackgroundQuaternary = '--color-foreground-on-medium-background-quaternary';\nexport const colorForegroundOnMediumBackgroundSecondary = '--color-foreground-on-medium-background-secondary';\nexport const colorForegroundOnMediumBackgroundTertiary = '--color-foreground-on-medium-background-tertiary';\nexport const colorForegroundOnStrongBackgroundPrimary = '--color-foreground-on-strong-background-primary';\nexport const colorForegroundOnStrongBackgroundQuaternary = '--color-foreground-on-strong-background-quaternary';\nexport const colorForegroundOnStrongBackgroundSecondary = '--color-foreground-on-strong-background-secondary';\nexport const colorForegroundOnStrongBackgroundTertiary = '--color-foreground-on-strong-background-tertiary';\nexport const colorForegroundPrimary = '--color-foreground-primary';\nexport const colorForegroundQuaternary = '--color-foreground-quaternary';\nexport const colorForegroundSecondary = '--color-foreground-secondary';\nexport const colorForegroundStrongAi = '--color-foreground-strong-ai';\nexport const colorForegroundStrongBrand = '--color-foreground-strong-brand';\nexport const colorForegroundStrongCaution = '--color-foreground-strong-caution';\nexport const colorForegroundStrongGuide = '--color-foreground-strong-guide';\nexport const colorForegroundStrongNegative = '--color-foreground-strong-negative';\nexport const colorForegroundStrongNeutral = '--color-foreground-strong-neutral';\nexport const colorForegroundStrongPositive = '--color-foreground-strong-positive';\nexport const colorForegroundStrongWalkthrough = '--color-foreground-strong-walkthrough';\nexport const colorForegroundStrongWarning = '--color-foreground-strong-warning';\nexport const colorForegroundTertiary = '--color-foreground-tertiary';\nexport const colorInteractionActive = '--color-interaction-active';\nexport const colorInteractionActiveBrand = '--color-interaction-active-brand';\nexport const colorInteractionFocus = '--color-interaction-focus';\nexport const colorInteractionHover = '--color-interaction-hover';\nexport const colorInteractionOnBoldBackgroundActive = '--color-interaction-on-bold-background-active';\nexport const colorInteractionOnBoldBackgroundFocus = '--color-interaction-on-bold-background-focus';\nexport const colorInteractionOnBoldBackgroundHover = '--color-interaction-on-bold-background-hover';\nexport const colorInteractionOnBoldBackgroundPressed = '--color-interaction-on-bold-background-pressed';\nexport const colorInteractionOnMediumBackgroundActive = '--color-interaction-on-medium-background-active';\nexport const colorInteractionOnMediumBackgroundFocus = '--color-interaction-on-medium-background-focus';\nexport const colorInteractionOnMediumBackgroundHover = '--color-interaction-on-medium-background-hover';\nexport const colorInteractionOnMediumBackgroundPressed = '--color-interaction-on-medium-background-pressed';\nexport const colorInteractionOnStrongBackgroundActive = '--color-interaction-on-strong-background-active';\nexport const colorInteractionOnStrongBackgroundFocus = '--color-interaction-on-strong-background-focus';\nexport const colorInteractionOnStrongBackgroundHover = '--color-interaction-on-strong-background-hover';\nexport const colorInteractionOnStrongBackgroundPressed = '--color-interaction-on-strong-background-pressed';\nexport const colorInteractionPressed = '--color-interaction-pressed';\nexport const colorInvertedBackground = '--color-inverted-background';\nexport const colorInvertedBorderBoldAi = '--color-inverted-border-bold-ai';\nexport const colorInvertedBorderBoldBrand = '--color-inverted-border-bold-brand';\nexport const colorInvertedBorderBoldCaution = '--color-inverted-border-bold-caution';\nexport const colorInvertedBorderBoldGuide = '--color-inverted-border-bold-guide';\nexport const colorInvertedBorderBoldNegative = '--color-inverted-border-bold-negative';\nexport const colorInvertedBorderBoldNeutral = '--color-inverted-border-bold-neutral';\nexport const colorInvertedBorderBoldPositive = '--color-inverted-border-bold-positive';\nexport const colorInvertedBorderBoldWalkthrough = '--color-inverted-border-bold-walkthrough';\nexport const colorInvertedBorderBoldWarning = '--color-inverted-border-bold-warning';\nexport const colorInvertedBorderFaintAi = '--color-inverted-border-faint-ai';\nexport const colorInvertedBorderFaintBrand = '--color-inverted-border-faint-brand';\nexport const colorInvertedBorderFaintCaution = '--color-inverted-border-faint-caution';\nexport const colorInvertedBorderFaintGuide = '--color-inverted-border-faint-guide';\nexport const colorInvertedBorderFaintNegative = '--color-inverted-border-faint-negative';\nexport const colorInvertedBorderFaintNeutral = '--color-inverted-border-faint-neutral';\nexport const colorInvertedBorderFaintPositive = '--color-inverted-border-faint-positive';\nexport const colorInvertedBorderFaintWalkthrough = '--color-inverted-border-faint-walkthrough';\nexport const colorInvertedBorderFaintWarning = '--color-inverted-border-faint-warning';\nexport const colorInvertedBorderMediumAi = '--color-inverted-border-medium-ai';\nexport const colorInvertedBorderMediumBrand = '--color-inverted-border-medium-brand';\nexport const colorInvertedBorderMediumCaution = '--color-inverted-border-medium-caution';\nexport const colorInvertedBorderMediumGuide = '--color-inverted-border-medium-guide';\nexport const colorInvertedBorderMediumNegative = '--color-inverted-border-medium-negative';\nexport const colorInvertedBorderMediumNeutral = '--color-inverted-border-medium-neutral';\nexport const colorInvertedBorderMediumPositive = '--color-inverted-border-medium-positive';\nexport const colorInvertedBorderMediumWalkthrough = '--color-inverted-border-medium-walkthrough';\nexport const colorInvertedBorderMediumWarning = '--color-inverted-border-medium-warning';\nexport const colorInvertedBorderPrimary = '--color-inverted-border-primary';\nexport const colorInvertedBorderSecondary = '--color-inverted-border-secondary';\nexport const colorInvertedBorderStrongAi = '--color-inverted-border-strong-ai';\nexport const colorInvertedBorderStrongBrand = '--color-inverted-border-strong-brand';\nexport const colorInvertedBorderStrongCaution = '--color-inverted-border-strong-caution';\nexport const colorInvertedBorderStrongGuide = '--color-inverted-border-strong-guide';\nexport const colorInvertedBorderStrongNegative = '--color-inverted-border-strong-negative';\nexport const colorInvertedBorderStrongNeutral = '--color-inverted-border-strong-neutral';\nexport const colorInvertedBorderStrongPositive = '--color-inverted-border-strong-positive';\nexport const colorInvertedBorderStrongWalkthrough = '--color-inverted-border-strong-walkthrough';\nexport const colorInvertedBorderStrongWarning = '--color-inverted-border-strong-warning';\nexport const colorInvertedBorderTertiary = '--color-inverted-border-tertiary';\nexport const colorInvertedDivider = '--color-inverted-divider';\nexport const colorInvertedForegroundAi = '--color-inverted-foreground-ai';\nexport const colorInvertedForegroundBrand = '--color-inverted-foreground-brand';\nexport const colorInvertedForegroundCaution = '--color-inverted-foreground-caution';\nexport const colorInvertedForegroundGuide = '--color-inverted-foreground-guide';\nexport const colorInvertedForegroundNegative = '--color-inverted-foreground-negative';\nexport const colorInvertedForegroundNeutral = '--color-inverted-foreground-neutral';\nexport const colorInvertedForegroundPositive = '--color-inverted-foreground-positive';\nexport const colorInvertedForegroundPrimary = '--color-inverted-foreground-primary';\nexport const colorInvertedForegroundQuaternary = '--color-inverted-foreground-quaternary';\nexport const colorInvertedForegroundSecondary = '--color-inverted-foreground-secondary';\nexport const colorInvertedForegroundTertiary = '--color-inverted-foreground-tertiary';\nexport const colorInvertedForegroundWalkthrough = '--color-inverted-foreground-walkthrough';\nexport const colorInvertedForegroundWarning = '--color-inverted-foreground-warning';\nexport const colorInvertedInteractionActive = '--color-inverted-interaction-active';\nexport const colorInvertedInteractionFocus = '--color-inverted-interaction-focus';\nexport const colorInvertedInteractionHover = '--color-inverted-interaction-hover';\nexport const colorInvertedInteractionPressed = '--color-inverted-interaction-pressed';\nexport const colorInvertedShimmer = '--color-inverted-shimmer';\nexport const colorLocationMarkerBackgroundBrand = '--color-location-marker-background-brand';\nexport const colorLocationMarkerBackgroundCaution = '--color-location-marker-background-caution';\nexport const colorLocationMarkerBackgroundNegative = '--color-location-marker-background-negative';\nexport const colorLocationMarkerBackgroundNeutral = '--color-location-marker-background-neutral';\nexport const colorLocationMarkerBackgroundPositive = '--color-location-marker-background-positive';\nexport const colorLocationMarkerBackgroundWarning = '--color-location-marker-background-warning';\nexport const colorLocationMarkerForeground = '--color-location-marker-foreground';\nexport const colorLocationMarkerInteractionFocus = '--color-location-marker-interaction-focus';\nexport const colorLocationMarkerInteractionHover = '--color-location-marker-interaction-hover';\nexport const colorLocationMarkerInteractionPressed = '--color-location-marker-interaction-pressed';\nexport const colorMediaBackground = '--color-media-background';\nexport const colorMediaBorderPrimary = '--color-media-border-primary';\nexport const colorMediaBorderSecondary = '--color-media-border-secondary';\nexport const colorMediaBorderTertiary = '--color-media-border-tertiary';\nexport const colorMediaDivider = '--color-media-divider';\nexport const colorMediaForegroundPrimary = '--color-media-foreground-primary';\nexport const colorMediaForegroundQuaternary = '--color-media-foreground-quaternary';\nexport const colorMediaForegroundSecondary = '--color-media-foreground-secondary';\nexport const colorMediaForegroundTertiary = '--color-media-foreground-tertiary';\nexport const colorMediaInteractionActive = '--color-media-interaction-active';\nexport const colorMediaInteractionFocus = '--color-media-interaction-focus';\nexport const colorMediaInteractionHover = '--color-media-interaction-hover';\nexport const colorMediaInteractionPressed = '--color-media-interaction-pressed';\nexport const colorMediaShimmer = '--color-media-shimmer';\nexport const colorNavigationBackground = '--color-navigation-background';\nexport const colorNavigationBorderPrimary = '--color-navigation-border-primary';\nexport const colorNavigationBorderSecondary = '--color-navigation-border-secondary';\nexport const colorNavigationBorderTertiary = '--color-navigation-border-tertiary';\nexport const colorNavigationDivider = '--color-navigation-divider';\nexport const colorNavigationForegroundBrand = '--color-navigation-foreground-brand';\nexport const colorNavigationForegroundPrimary = '--color-navigation-foreground-primary';\nexport const colorNavigationForegroundQuaternary = '--color-navigation-foreground-quaternary';\nexport const colorNavigationForegroundSecondary = '--color-navigation-foreground-secondary';\nexport const colorNavigationForegroundTertiary = '--color-navigation-foreground-tertiary';\nexport const colorNavigationInteractionActive = '--color-navigation-interaction-active';\nexport const colorNavigationInteractionFocus = '--color-navigation-interaction-focus';\nexport const colorNavigationInteractionHover = '--color-navigation-interaction-hover';\nexport const colorNavigationInteractionPressed = '--color-navigation-interaction-pressed';\nexport const colorNavigationShimmer = '--color-navigation-shimmer';\nexport const colorReferenceBlack0 = '--color-reference-black-0';\nexport const colorReferenceBlack10 = '--color-reference-black-10';\nexport const colorReferenceBlack100 = '--color-reference-black-100';\nexport const colorReferenceBlack15 = '--color-reference-black-15';\nexport const colorReferenceBlack20 = '--color-reference-black-20';\nexport const colorReferenceBlack25 = '--color-reference-black-25';\nexport const colorReferenceBlack30 = '--color-reference-black-30';\nexport const colorReferenceBlack35 = '--color-reference-black-35';\nexport const colorReferenceBlack40 = '--color-reference-black-40';\nexport const colorReferenceBlack45 = '--color-reference-black-45';\nexport const colorReferenceBlack5 = '--color-reference-black-5';\nexport const colorReferenceBlack50 = '--color-reference-black-50';\nexport const colorReferenceBlack55 = '--color-reference-black-55';\nexport const colorReferenceBlack60 = '--color-reference-black-60';\nexport const colorReferenceBlack65 = '--color-reference-black-65';\nexport const colorReferenceBlack70 = '--color-reference-black-70';\nexport const colorReferenceBlack75 = '--color-reference-black-75';\nexport const colorReferenceBlack80 = '--color-reference-black-80';\nexport const colorReferenceBlack85 = '--color-reference-black-85';\nexport const colorReferenceBlack90 = '--color-reference-black-90';\nexport const colorReferenceBlack95 = '--color-reference-black-95';\nexport const colorReferenceDarkBlue250L27C05Faint = '--color-reference-dark-blue-250-l27-c05-faint';\nexport const colorReferenceDarkBlue250L50C17Medium = '--color-reference-dark-blue-250-l50-c17-medium';\nexport const colorReferenceDarkBlue250L65C20Bold = '--color-reference-dark-blue-250-l65-c20-bold';\nexport const colorReferenceDarkBlue250L91C05Strong = '--color-reference-dark-blue-250-l91-c05-strong';\nexport const colorReferenceDarkCyan215L27C05Faint = '--color-reference-dark-cyan-215-l27-c05-faint';\nexport const colorReferenceDarkCyan215L50C11Medium = '--color-reference-dark-cyan-215-l50-c11-medium';\nexport const colorReferenceDarkCyan215L70C15Bold = '--color-reference-dark-cyan-215-l70-c15-bold';\nexport const colorReferenceDarkCyan215L93C07Strong = '--color-reference-dark-cyan-215-l93-c07-strong';\nexport const colorReferenceDarkGreen145L27C05Faint = '--color-reference-dark-green-145-l27-c05-faint';\nexport const colorReferenceDarkGreen145L50C17Medium = '--color-reference-dark-green-145-l50-c17-medium';\nexport const colorReferenceDarkGreen145L70C19Bold = '--color-reference-dark-green-145-l70-c19-bold';\nexport const colorReferenceDarkGreen145L93C06Strong = '--color-reference-dark-green-145-l93-c06-strong';\nexport const colorReferenceDarkMagenta325L28C05Faint = '--color-reference-dark-magenta-325-l28-c05-faint';\nexport const colorReferenceDarkMagenta325L51C17Medium = '--color-reference-dark-magenta-325-l51-c17-medium';\nexport const colorReferenceDarkMagenta325L67C20Bold = '--color-reference-dark-magenta-325-l67-c20-bold';\nexport const colorReferenceDarkMagenta325L91C08Strong = '--color-reference-dark-magenta-325-l91-c08-strong';\nexport const colorReferenceDarkOlive115L27C05Faint = '--color-reference-dark-olive-115-l27-c05-faint';\nexport const colorReferenceDarkOlive115L51C13Medium = '--color-reference-dark-olive-115-l51-c13-medium';\nexport const colorReferenceDarkOlive115L75C19Bold = '--color-reference-dark-olive-115-l75-c19-bold';\nexport const colorReferenceDarkOlive115L93C05Strong = '--color-reference-dark-olive-115-l93-c05-strong';\nexport const colorReferenceDarkOrange60L28C05Faint = '--color-reference-dark-orange-60-l28-c05-faint';\nexport const colorReferenceDarkOrange60L51C13Medium = '--color-reference-dark-orange-60-l51-c13-medium';\nexport const colorReferenceDarkOrange60L75C20Bold = '--color-reference-dark-orange-60-l75-c20-bold';\nexport const colorReferenceDarkOrange60L92C06Strong = '--color-reference-dark-orange-60-l92-c06-strong';\nexport const colorReferenceDarkPink0L28C05Faint = '--color-reference-dark-pink-0-l28-c05-faint';\nexport const colorReferenceDarkPink0L52C17Medium = '--color-reference-dark-pink-0-l52-c17-medium';\nexport const colorReferenceDarkPink0L68C20Bold = '--color-reference-dark-pink-0-l68-c20-bold';\nexport const colorReferenceDarkPink0L92C05Strong = '--color-reference-dark-pink-0-l92-c05-strong';\nexport const colorReferenceDarkPurple290L28C05Faint = '--color-reference-dark-purple-290-l28-c05-faint';\nexport const colorReferenceDarkPurple290L52C17Medium = '--color-reference-dark-purple-290-l52-c17-medium';\nexport const colorReferenceDarkPurple290L67C20Bold = '--color-reference-dark-purple-290-l67-c20-bold';\nexport const colorReferenceDarkPurple290L92C05Strong = '--color-reference-dark-purple-290-l92-c05-strong';\nexport const colorReferenceDarkRed30L28C05Faint = '--color-reference-dark-red-30-l28-c05-faint';\nexport const colorReferenceDarkRed30L51C17Medium = '--color-reference-dark-red-30-l51-c17-medium';\nexport const colorReferenceDarkRed30L70C20Bold = '--color-reference-dark-red-30-l70-c20-bold';\nexport const colorReferenceDarkRed30L91C06Strong = '--color-reference-dark-red-30-l91-c06-strong';\nexport const colorReferenceDarkTeal180L27C05Faint = '--color-reference-dark-teal-180-l27-c05-faint';\nexport const colorReferenceDarkTeal180L50C12Medium = '--color-reference-dark-teal-180-l50-c12-medium';\nexport const colorReferenceDarkTeal180L70C15Bold = '--color-reference-dark-teal-180-l70-c15-bold';\nexport const colorReferenceDarkTeal180L93C08Strong = '--color-reference-dark-teal-180-l93-c08-strong';\nexport const colorReferenceDarkYellow85L28C05Faint = '--color-reference-dark-yellow-85-l28-c05-faint';\nexport const colorReferenceDarkYellow85L51C12Medium = '--color-reference-dark-yellow-85-l51-c12-medium';\nexport const colorReferenceDarkYellow85L80C18Bold = '--color-reference-dark-yellow-85-l80-c18-bold';\nexport const colorReferenceDarkYellow85L93C05Strong = '--color-reference-dark-yellow-85-l93-c05-strong';\nexport const colorReferenceGreyL18 = '--color-reference-grey-l18';\nexport const colorReferenceGreyL20 = '--color-reference-grey-l20';\nexport const colorReferenceGreyL27DarkFaint = '--color-reference-grey-l27-dark-faint';\nexport const colorReferenceGreyL30LightStrong = '--color-reference-grey-l30-light-strong';\nexport const colorReferenceGreyL50DarkMedium = '--color-reference-grey-l50-dark-medium';\nexport const colorReferenceGreyL51LightBold = '--color-reference-grey-l51-light-bold';\nexport const colorReferenceGreyL65DarkBold = '--color-reference-grey-l65-dark-bold';\nexport const colorReferenceGreyL75LightMedium = '--color-reference-grey-l75-light-medium';\nexport const colorReferenceGreyL91DarkStrong = '--color-reference-grey-l91-dark-strong';\nexport const colorReferenceGreyL93LightFaint = '--color-reference-grey-l93-light-faint';\nexport const colorReferenceGreyL98 = '--color-reference-grey-l98';\nexport const colorReferenceLightBlue250L32C09Strong = '--color-reference-light-blue-250-l32-c09-strong';\nexport const colorReferenceLightBlue250L50C18Bold = '--color-reference-light-blue-250-l50-c18-bold';\nexport const colorReferenceLightBlue250L70C18Medium = '--color-reference-light-blue-250-l70-c18-medium';\nexport const colorReferenceLightBlue250L92C04Faint = '--color-reference-light-blue-250-l92-c04-faint';\nexport const colorReferenceLightCyan215L30C07Strong = '--color-reference-light-cyan-215-l30-c07-strong';\nexport const colorReferenceLightCyan215L51C11Bold = '--color-reference-light-cyan-215-l51-c11-bold';\nexport const colorReferenceLightCyan215L75C17Medium = '--color-reference-light-cyan-215-l75-c17-medium';\nexport const colorReferenceLightCyan215L94C04Faint = '--color-reference-light-cyan-215-l94-c04-faint';\nexport const colorReferenceLightGreen145L35C13Strong = '--color-reference-light-green-145-l35-c13-strong';\nexport const colorReferenceLightGreen145L50C19Bold = '--color-reference-light-green-145-l50-c19-bold';\nexport const colorReferenceLightGreen145L75C22Medium = '--color-reference-light-green-145-l75-c22-medium';\nexport const colorReferenceLightGreen145L94C05Faint = '--color-reference-light-green-145-l94-c05-faint';\nexport const colorReferenceLightMagenta325L30C13Strong = '--color-reference-light-magenta-325-l30-c13-strong';\nexport const colorReferenceLightMagenta325L54C20Bold = '--color-reference-light-magenta-325-l54-c20-bold';\nexport const colorReferenceLightMagenta325L70C23Medium = '--color-reference-light-magenta-325-l70-c23-medium';\nexport const colorReferenceLightMagenta325L94C05Faint = '--color-reference-light-magenta-325-l94-c05-faint';\nexport const colorReferenceLightOlive115L35C09Strong = '--color-reference-light-olive-115-l35-c09-strong';\nexport const colorReferenceLightOlive115L51C13Bold = '--color-reference-light-olive-115-l51-c13-bold';\nexport const colorReferenceLightOlive115L85C22Medium = '--color-reference-light-olive-115-l85-c22-medium';\nexport const colorReferenceLightOlive115L93C05Faint = '--color-reference-light-olive-115-l93-c05-faint';\nexport const colorReferenceLightOrange60L35C09Strong = '--color-reference-light-orange-60-l35-c09-strong';\nexport const colorReferenceLightOrange60L52C13Bold = '--color-reference-light-orange-60-l52-c13-bold';\nexport const colorReferenceLightOrange60L75C20Medium = '--color-reference-light-orange-60-l75-c20-medium';\nexport const colorReferenceLightOrange60L93C05Faint = '--color-reference-light-orange-60-l93-c05-faint';\nexport const colorReferenceLightPink0L29C10Strong = '--color-reference-light-pink-0-l29-c10-strong';\nexport const colorReferenceLightPink0L53C20Bold = '--color-reference-light-pink-0-l53-c20-bold';\nexport const colorReferenceLightPink0L70C22Medium = '--color-reference-light-pink-0-l70-c22-medium';\nexport const colorReferenceLightPink0L93C05Faint = '--color-reference-light-pink-0-l93-c05-faint';\nexport const colorReferenceLightPurple290L35C13Strong = '--color-reference-light-purple-290-l35-c13-strong';\nexport const colorReferenceLightPurple290L52C20Bold = '--color-reference-light-purple-290-l52-c20-bold';\nexport const colorReferenceLightPurple290L75C15Medium = '--color-reference-light-purple-290-l75-c15-medium';\nexport const colorReferenceLightPurple290L92C04Faint = '--color-reference-light-purple-290-l92-c04-faint';\nexport const colorReferenceLightRed30L30C11Strong = '--color-reference-light-red-30-l30-c11-strong';\nexport const colorReferenceLightRed30L53C20Bold = '--color-reference-light-red-30-l53-c20-bold';\nexport const colorReferenceLightRed30L70C20Medium = '--color-reference-light-red-30-l70-c20-medium';\nexport const colorReferenceLightRed30L93C04Faint = '--color-reference-light-red-30-l93-c04-faint';\nexport const colorReferenceLightTeal180L35C09Strong = '--color-reference-light-teal-180-l35-c09-strong';\nexport const colorReferenceLightTeal180L50C12Bold = '--color-reference-light-teal-180-l50-c12-bold';\nexport const colorReferenceLightTeal180L75C17Medium = '--color-reference-light-teal-180-l75-c17-medium';\nexport const colorReferenceLightTeal180L94C05Faint = '--color-reference-light-teal-180-l94-c05-faint';\nexport const colorReferenceLightYellow85L40C09Strong = '--color-reference-light-yellow-85-l40-c09-strong';\nexport const colorReferenceLightYellow85L51C12Bold = '--color-reference-light-yellow-85-l51-c12-bold';\nexport const colorReferenceLightYellow85L85C20Medium = '--color-reference-light-yellow-85-l85-c20-medium';\nexport const colorReferenceLightYellow85L93C08Faint = '--color-reference-light-yellow-85-l93-c08-faint';\nexport const colorReferenceWhite0 = '--color-reference-white-0';\nexport const colorReferenceWhite10 = '--color-reference-white-10';\nexport const colorReferenceWhite100 = '--color-reference-white-100';\nexport const colorReferenceWhite15 = '--color-reference-white-15';\nexport const colorReferenceWhite20 = '--color-reference-white-20';\nexport const colorReferenceWhite25 = '--color-reference-white-25';\nexport const colorReferenceWhite30 = '--color-reference-white-30';\nexport const colorReferenceWhite35 = '--color-reference-white-35';\nexport const colorReferenceWhite40 = '--color-reference-white-40';\nexport const colorReferenceWhite45 = '--color-reference-white-45';\nexport const colorReferenceWhite5 = '--color-reference-white-5';\nexport const colorReferenceWhite50 = '--color-reference-white-50';\nexport const colorReferenceWhite55 = '--color-reference-white-55';\nexport const colorReferenceWhite60 = '--color-reference-white-60';\nexport const colorReferenceWhite65 = '--color-reference-white-65';\nexport const colorReferenceWhite70 = '--color-reference-white-70';\nexport const colorReferenceWhite75 = '--color-reference-white-75';\nexport const colorReferenceWhite80 = '--color-reference-white-80';\nexport const colorReferenceWhite85 = '--color-reference-white-85';\nexport const colorReferenceWhite90 = '--color-reference-white-90';\nexport const colorReferenceWhite95 = '--color-reference-white-95';\nexport const colorSafetyScoreBackgroundExcellent = '--color-safety-score-background-excellent';\nexport const colorSafetyScoreBackgroundFair = '--color-safety-score-background-fair';\nexport const colorSafetyScoreBackgroundGood = '--color-safety-score-background-good';\nexport const colorSafetyScoreForegroundOnExcellent = '--color-safety-score-foreground-on-excellent';\nexport const colorSafetyScoreForegroundOnFair = '--color-safety-score-foreground-on-fair';\nexport const colorSafetyScoreForegroundOnGood = '--color-safety-score-foreground-on-good';\nexport const colorSafetyScoreInteractionFocus = '--color-safety-score-interaction-focus';\nexport const colorSafetyScoreInteractionHover = '--color-safety-score-interaction-hover';\nexport const colorSafetyScoreInteractionPressed = '--color-safety-score-interaction-pressed';\nexport const colorSettingsProfileBackground = '--color-settings-profile-background';\nexport const colorSettingsProfileBorder = '--color-settings-profile-border';\nexport const colorSettingsProfileForeground = '--color-settings-profile-foreground';\nexport const colorShimmerShimmer = '--color-shimmer-shimmer';\nexport const colorShimmerShimmerOnBoldBackground = '--color-shimmer-shimmer-on-bold-background';\nexport const colorShimmerShimmerOnMediumBackground = '--color-shimmer-shimmer-on-medium-background';\nexport const colorShimmerShimmerOnStrongBackground = '--color-shimmer-shimmer-on-strong-background';\nexport const colorTranslucentBorderPrimary = '--color-translucent-border-primary';\nexport const colorTranslucentBorderSecondary = '--color-translucent-border-secondary';\nexport const colorTranslucentBorderTertiary = '--color-translucent-border-tertiary';\nexport const colorTranslucentDivider = '--color-translucent-divider';\nexport const colorTranslucentForegroundPrimary = '--color-translucent-foreground-primary';\nexport const colorTranslucentForegroundQuaternary = '--color-translucent-foreground-quaternary';\nexport const colorTranslucentForegroundSecondary = '--color-translucent-foreground-secondary';\nexport const colorTranslucentForegroundTertiary = '--color-translucent-foreground-tertiary';\nexport const colorTranslucentInteractionActive = '--color-translucent-interaction-active';\nexport const colorTranslucentInteractionFocus = '--color-translucent-interaction-focus';\nexport const colorTranslucentInteractionHover = '--color-translucent-interaction-hover';\nexport const colorTranslucentInteractionPressed = '--color-translucent-interaction-pressed';\nexport const colorTranslucentShimmer = '--color-translucent-shimmer';\nexport const colorTranslucentTranslucent = '--color-translucent-translucent';\nexport const dimensionBase = '--dimension-base';\nexport const dimensionCardHeightLg = '--dimension-card-height-lg';\nexport const dimensionCardHeightMd = '--dimension-card-height-md';\nexport const dimensionCardHeightSm = '--dimension-card-height-sm';\nexport const dimensionCardHeightXs = '--dimension-card-height-xs';\nexport const dimensionCardWidthLg = '--dimension-card-width-lg';\nexport const dimensionCardWidthMd = '--dimension-card-width-md';\nexport const dimensionCardWidthSm = '--dimension-card-width-sm';\nexport const dimensionCardWidthXs = '--dimension-card-width-xs';\nexport const dimensionFormWidthLg = '--dimension-form-width-lg';\nexport const dimensionFormWidthMd = '--dimension-form-width-md';\nexport const dimensionFormWidthSm = '--dimension-form-width-sm';\nexport const dimensionFormWidthXl = '--dimension-form-width-xl';\nexport const dimensionFormWidthXs = '--dimension-form-width-xs';\nexport const dimensionIconography2xl = '--dimension-iconography-2xl';\nexport const dimensionIconography3xl = '--dimension-iconography-3xl';\nexport const dimensionIconographyLg = '--dimension-iconography-lg';\nexport const dimensionIconographyMd = '--dimension-iconography-md';\nexport const dimensionIconographySm = '--dimension-iconography-sm';\nexport const dimensionIconographyXl = '--dimension-iconography-xl';\nexport const dimensionIconographyXs = '--dimension-iconography-xs';\nexport const dimensionMenuWidthLg = '--dimension-menu-width-lg';\nexport const dimensionMenuWidthMd = '--dimension-menu-width-md';\nexport const dimensionMenuWidthSm = '--dimension-menu-width-sm';\nexport const dimensionMenuWidthXs = '--dimension-menu-width-xs';\nexport const dimensionModalHeightFill = '--dimension-modal-height-fill';\nexport const dimensionModalHeightLg = '--dimension-modal-height-lg';\nexport const dimensionModalHeightMd = '--dimension-modal-height-md';\nexport const dimensionModalHeightSm = '--dimension-modal-height-sm';\nexport const dimensionModalHeightXs = '--dimension-modal-height-xs';\nexport const dimensionModalWidth2xl = '--dimension-modal-width-2xl';\nexport const dimensionModalWidthFill = '--dimension-modal-width-fill';\nexport const dimensionModalWidthLg = '--dimension-modal-width-lg';\nexport const dimensionModalWidthMd = '--dimension-modal-width-md';\nexport const dimensionModalWidthSm = '--dimension-modal-width-sm';\nexport const dimensionModalWidthXl = '--dimension-modal-width-xl';\nexport const dimensionModalWidthXs = '--dimension-modal-width-xs';\nexport const dimensionOffset000 = '--dimension-offset-000';\nexport const dimensionOffset025 = '--dimension-offset-025';\nexport const dimensionOffset050 = '--dimension-offset-050';\nexport const dimensionOffset075 = '--dimension-offset-075';\nexport const dimensionOffset100 = '--dimension-offset-100';\nexport const dimensionOffset125 = '--dimension-offset-125';\nexport const dimensionOffset150 = '--dimension-offset-150';\nexport const dimensionOffset175 = '--dimension-offset-175';\nexport const dimensionOffset200 = '--dimension-offset-200';\nexport const dimensionOffset250 = '--dimension-offset-250';\nexport const dimensionOffsetBase = '--dimension-offset-base';\nexport const dimensionOffsetN025 = '--dimension-offset-n025';\nexport const dimensionOffsetN050 = '--dimension-offset-n050';\nexport const dimensionOffsetN075 = '--dimension-offset-n075';\nexport const dimensionOffsetN100 = '--dimension-offset-n100';\nexport const dimensionOffsetN125 = '--dimension-offset-n125';\nexport const dimensionOffsetN150 = '--dimension-offset-n150';\nexport const dimensionOffsetN175 = '--dimension-offset-n175';\nexport const dimensionOffsetN200 = '--dimension-offset-n200';\nexport const dimensionOffsetN250 = '--dimension-offset-n250';\nexport const dimensionPanelWidth2xl = '--dimension-panel-width-2xl';\nexport const dimensionPanelWidth2xs = '--dimension-panel-width-2xs';\nexport const dimensionPanelWidthFill = '--dimension-panel-width-fill';\nexport const dimensionPanelWidthLg = '--dimension-panel-width-lg';\nexport const dimensionPanelWidthMd = '--dimension-panel-width-md';\nexport const dimensionPanelWidthSm = '--dimension-panel-width-sm';\nexport const dimensionPanelWidthXl = '--dimension-panel-width-xl';\nexport const dimensionPanelWidthXs = '--dimension-panel-width-xs';\nexport const dimensionRadius000 = '--dimension-radius-000';\nexport const dimensionRadius012 = '--dimension-radius-012';\nexport const dimensionRadius025 = '--dimension-radius-025';\nexport const dimensionRadius037 = '--dimension-radius-037';\nexport const dimensionRadius050 = '--dimension-radius-050';\nexport const dimensionRadius075 = '--dimension-radius-075';\nexport const dimensionRadius100 = '--dimension-radius-100';\nexport const dimensionRadius125 = '--dimension-radius-125';\nexport const dimensionRadius150 = '--dimension-radius-150';\nexport const dimensionRadius175 = '--dimension-radius-175';\nexport const dimensionRadius200 = '--dimension-radius-200';\nexport const dimensionRadius250 = '--dimension-radius-250';\nexport const dimensionRadius300 = '--dimension-radius-300';\nexport const dimensionRadius400 = '--dimension-radius-400';\nexport const dimensionRadius600 = '--dimension-radius-600';\nexport const dimensionRadiusBase = '--dimension-radius-base';\nexport const dimensionRadiusHalf = '--dimension-radius-half';\nexport const dimensionScaleDefault = '--dimension-scale-default';\nexport const dimensionScaleSubtle = '--dimension-scale-subtle';\nexport const dimensionSize000 = '--dimension-size-000';\nexport const dimensionSize050 = '--dimension-size-050';\nexport const dimensionSize075 = '--dimension-size-075';\nexport const dimensionSize100 = '--dimension-size-100';\nexport const dimensionSize150 = '--dimension-size-150';\nexport const dimensionSize200 = '--dimension-size-200';\nexport const dimensionSize250 = '--dimension-size-250';\nexport const dimensionSize300 = '--dimension-size-300';\nexport const dimensionSize400 = '--dimension-size-400';\nexport const dimensionSize500 = '--dimension-size-500';\nexport const dimensionSize600 = '--dimension-size-600';\nexport const dimensionSize800 = '--dimension-size-800';\nexport const dimensionSizeBase = '--dimension-size-base';\nexport const dimensionSpace000 = '--dimension-space-000';\nexport const dimensionSpace012 = '--dimension-space-012';\nexport const dimensionSpace025 = '--dimension-space-025';\nexport const dimensionSpace050 = '--dimension-space-050';\nexport const dimensionSpace075 = '--dimension-space-075';\nexport const dimensionSpace100 = '--dimension-space-100';\nexport const dimensionSpace125 = '--dimension-space-125';\nexport const dimensionSpace150 = '--dimension-space-150';\nexport const dimensionSpace175 = '--dimension-space-175';\nexport const dimensionSpace200 = '--dimension-space-200';\nexport const dimensionSpace250 = '--dimension-space-250';\nexport const dimensionSpace300 = '--dimension-space-300';\nexport const dimensionSpace400 = '--dimension-space-400';\nexport const dimensionSpace600 = '--dimension-space-600';\nexport const dimensionSpace800 = '--dimension-space-800';\nexport const dimensionSpaceBase = '--dimension-space-base';\nexport const dimensionSpaceN012 = '--dimension-space-n012';\nexport const dimensionSpaceN025 = '--dimension-space-n025';\nexport const dimensionSpaceN050 = '--dimension-space-n050';\nexport const dimensionSpaceN075 = '--dimension-space-n075';\nexport const dimensionSpaceN100 = '--dimension-space-n100';\nexport const dimensionSpaceN125 = '--dimension-space-n125';\nexport const dimensionSpaceN150 = '--dimension-space-n150';\nexport const dimensionSpaceN175 = '--dimension-space-n175';\nexport const dimensionSpaceN200 = '--dimension-space-n200';\nexport const dimensionSpaceN250 = '--dimension-space-n250';\nexport const dimensionSpaceN300 = '--dimension-space-n300';\nexport const dimensionSpaceN400 = '--dimension-space-n400';\nexport const dimensionSpaceN600 = '--dimension-space-n600';\nexport const dimensionSpaceN800 = '--dimension-space-n800';\nexport const dimensionStrokeWidth012 = '--dimension-stroke-width-012';\nexport const dimensionStrokeWidth015 = '--dimension-stroke-width-015';\nexport const dimensionStrokeWidth018 = '--dimension-stroke-width-018';\nexport const dimensionStrokeWidth025 = '--dimension-stroke-width-025';\nexport const dimensionStrokeWidth037 = '--dimension-stroke-width-037';\nexport const dimensionStrokeWidth050 = '--dimension-stroke-width-050';\nexport const dimensionStrokeWidthBase = '--dimension-stroke-width-base';\nexport const dimensionTableColumnWidthLg = '--dimension-table-column-width-lg';\nexport const dimensionTableColumnWidthMd = '--dimension-table-column-width-md';\nexport const dimensionTableColumnWidthSm = '--dimension-table-column-width-sm';\nexport const dimensionTableColumnWidthXl = '--dimension-table-column-width-xl';\nexport const dimensionTableColumnWidthXs = '--dimension-table-column-width-xs';\nexport const dimensionTooltipWidthLg = '--dimension-tooltip-width-lg';\nexport const dimensionTooltipWidthMd = '--dimension-tooltip-width-md';\nexport const dimensionTooltipWidthSm = '--dimension-tooltip-width-sm';\nexport const dimensionZIndexBase = '--dimension-z-index-base';\nexport const dimensionZIndexFloating = '--dimension-z-index-floating';\nexport const dimensionZIndexModal = '--dimension-z-index-modal';\nexport const dimensionZIndexOverlay = '--dimension-z-index-overlay';\nexport const dimensionZIndexRaised = '--dimension-z-index-raised';\nexport const dimensionZIndexTooltip = '--dimension-z-index-tooltip';\nexport const effectAnimationDelayInstant = '--effect-animation-delay-instant';\nexport const effectAnimationDelayLong1 = '--effect-animation-delay-long-1';\nexport const effectAnimationDelayLong2 = '--effect-animation-delay-long-2';\nexport const effectAnimationDelayLong3 = '--effect-animation-delay-long-3';\nexport const effectAnimationDelayMedium1 = '--effect-animation-delay-medium-1';\nexport const effectAnimationDelayMedium2 = '--effect-animation-delay-medium-2';\nexport const effectAnimationDelayMedium3 = '--effect-animation-delay-medium-3';\nexport const effectAnimationDelayShort1 = '--effect-animation-delay-short-1';\nexport const effectAnimationDelayShort2 = '--effect-animation-delay-short-2';\nexport const effectAnimationDelayShort3 = '--effect-animation-delay-short-3';\nexport const effectAnimationDurationInstant = '--effect-animation-duration-instant';\nexport const effectAnimationDurationLong1 = '--effect-animation-duration-long-1';\nexport const effectAnimationDurationLong2 = '--effect-animation-duration-long-2';\nexport const effectAnimationDurationLong3 = '--effect-animation-duration-long-3';\nexport const effectAnimationDurationMedium1 = '--effect-animation-duration-medium-1';\nexport const effectAnimationDurationMedium2 = '--effect-animation-duration-medium-2';\nexport const effectAnimationDurationMedium3 = '--effect-animation-duration-medium-3';\nexport const effectAnimationDurationShort1 = '--effect-animation-duration-short-1';\nexport const effectAnimationDurationShort2 = '--effect-animation-duration-short-2';\nexport const effectAnimationDurationShort3 = '--effect-animation-duration-short-3';\nexport const effectAnimationEasingEaseIn = '--effect-animation-easing-ease-in';\nexport const effectAnimationEasingEaseInOut = '--effect-animation-easing-ease-in-out';\nexport const effectAnimationEasingEaseInOutBack = '--effect-animation-easing-ease-in-out-back';\nexport const effectAnimationEasingEaseOut = '--effect-animation-easing-ease-out';\nexport const effectAnimationEasingLinear = '--effect-animation-easing-linear';\nexport const effectBlurLg = '--effect-blur-lg';\nexport const effectBlurMd = '--effect-blur-md';\nexport const effectBlurSm = '--effect-blur-sm';\nexport const effectElevationDepressedMd = '--effect-elevation-depressed-md';\nexport const effectElevationDepressedSm = '--effect-elevation-depressed-sm';\nexport const effectElevationElevatedFloating = '--effect-elevation-elevated-floating';\nexport const effectElevationElevatedMd = '--effect-elevation-elevated-md';\nexport const effectElevationElevatedNone = '--effect-elevation-elevated-none';\nexport const effectElevationElevatedPanelBottom = '--effect-elevation-elevated-panel-bottom';\nexport const effectElevationElevatedPanelLeft = '--effect-elevation-elevated-panel-left';\nexport const effectElevationElevatedPanelRight = '--effect-elevation-elevated-panel-right';\nexport const effectElevationElevatedPanelTop = '--effect-elevation-elevated-panel-top';\nexport const effectElevationElevatedSm = '--effect-elevation-elevated-sm';\nexport const effectFocusRing = '--effect-focus-ring';\nexport const effectHighlightDepressedMd = '--effect-highlight-depressed-md';\nexport const effectHighlightDepressedSm = '--effect-highlight-depressed-sm';\nexport const effectHighlightElevatedFloating = '--effect-highlight-elevated-floating';\nexport const effectHighlightElevatedMd = '--effect-highlight-elevated-md';\nexport const effectHighlightElevatedNone = '--effect-highlight-elevated-none';\nexport const effectHighlightElevatedPanelBottom = '--effect-highlight-elevated-panel-bottom';\nexport const effectHighlightElevatedPanelLeft = '--effect-highlight-elevated-panel-left';\nexport const effectHighlightElevatedPanelRight = '--effect-highlight-elevated-panel-right';\nexport const effectHighlightElevatedPanelTop = '--effect-highlight-elevated-panel-top';\nexport const effectHighlightElevatedSm = '--effect-highlight-elevated-sm';\nexport const effectMotionInstant = '--effect-motion-instant';\nexport const effectMotionLong1 = '--effect-motion-long-1';\nexport const effectMotionLong2 = '--effect-motion-long-2';\nexport const effectMotionLong3 = '--effect-motion-long-3';\nexport const effectMotionMedium1 = '--effect-motion-medium-1';\nexport const effectMotionMedium2 = '--effect-motion-medium-2';\nexport const effectMotionMedium3 = '--effect-motion-medium-3';\nexport const effectMotionShort1 = '--effect-motion-short-1';\nexport const effectMotionShort2 = '--effect-motion-short-2';\nexport const effectMotionShort3 = '--effect-motion-short-3';\nexport const effectShadowDepressedMd = '--effect-shadow-depressed-md';\nexport const effectShadowDepressedSm = '--effect-shadow-depressed-sm';\nexport const effectShadowElevatedFloating = '--effect-shadow-elevated-floating';\nexport const effectShadowElevatedMd = '--effect-shadow-elevated-md';\nexport const effectShadowElevatedNone = '--effect-shadow-elevated-none';\nexport const effectShadowElevatedPanelBottom = '--effect-shadow-elevated-panel-bottom';\nexport const effectShadowElevatedPanelLeft = '--effect-shadow-elevated-panel-left';\nexport const effectShadowElevatedPanelRight = '--effect-shadow-elevated-panel-right';\nexport const effectShadowElevatedPanelTop = '--effect-shadow-elevated-panel-top';\nexport const effectShadowElevatedSm = '--effect-shadow-elevated-sm';\nexport const effectTransitionInteractionBackgroundInstant = '--effect-transition-interaction-background-instant';\nexport const effectTransitionInteractionBackgroundLong1 = '--effect-transition-interaction-background-long-1';\nexport const effectTransitionInteractionBackgroundLong2 = '--effect-transition-interaction-background-long-2';\nexport const effectTransitionInteractionBackgroundLong3 = '--effect-transition-interaction-background-long-3';\nexport const effectTransitionInteractionBackgroundMedium1 = '--effect-transition-interaction-background-medium-1';\nexport const effectTransitionInteractionBackgroundMedium2 = '--effect-transition-interaction-background-medium-2';\nexport const effectTransitionInteractionBackgroundMedium3 = '--effect-transition-interaction-background-medium-3';\nexport const effectTransitionInteractionBackgroundShort1 = '--effect-transition-interaction-background-short-1';\nexport const effectTransitionInteractionBackgroundShort2 = '--effect-transition-interaction-background-short-2';\nexport const effectTransitionInteractionBackgroundShort3 = '--effect-transition-interaction-background-short-3';\nexport const effectTransitionInteractionBorderColorInstant = '--effect-transition-interaction-border-color-instant';\nexport const effectTransitionInteractionBorderColorLong1 = '--effect-transition-interaction-border-color-long-1';\nexport const effectTransitionInteractionBorderColorLong2 = '--effect-transition-interaction-border-color-long-2';\nexport const effectTransitionInteractionBorderColorLong3 = '--effect-transition-interaction-border-color-long-3';\nexport const effectTransitionInteractionBorderColorMedium1 = '--effect-transition-interaction-border-color-medium-1';\nexport const effectTransitionInteractionBorderColorMedium2 = '--effect-transition-interaction-border-color-medium-2';\nexport const effectTransitionInteractionBorderColorMedium3 = '--effect-transition-interaction-border-color-medium-3';\nexport const effectTransitionInteractionBorderColorShort1 = '--effect-transition-interaction-border-color-short-1';\nexport const effectTransitionInteractionBorderColorShort2 = '--effect-transition-interaction-border-color-short-2';\nexport const effectTransitionInteractionBorderColorShort3 = '--effect-transition-interaction-border-color-short-3';\nexport const effectTransitionInteractionColorInstant = '--effect-transition-interaction-color-instant';\nexport const effectTransitionInteractionColorLong1 = '--effect-transition-interaction-color-long-1';\nexport const effectTransitionInteractionColorLong2 = '--effect-transition-interaction-color-long-2';\nexport const effectTransitionInteractionColorLong3 = '--effect-transition-interaction-color-long-3';\nexport const effectTransitionInteractionColorMedium1 = '--effect-transition-interaction-color-medium-1';\nexport const effectTransitionInteractionColorMedium2 = '--effect-transition-interaction-color-medium-2';\nexport const effectTransitionInteractionColorMedium3 = '--effect-transition-interaction-color-medium-3';\nexport const effectTransitionInteractionColorShort1 = '--effect-transition-interaction-color-short-1';\nexport const effectTransitionInteractionColorShort2 = '--effect-transition-interaction-color-short-2';\nexport const effectTransitionInteractionColorShort3 = '--effect-transition-interaction-color-short-3';\nexport const effectTransitionInteractionOpacityInstant = '--effect-transition-interaction-opacity-instant';\nexport const effectTransitionInteractionOpacityLong1 = '--effect-transition-interaction-opacity-long-1';\nexport const effectTransitionInteractionOpacityLong2 = '--effect-transition-interaction-opacity-long-2';\nexport const effectTransitionInteractionOpacityLong3 = '--effect-transition-interaction-opacity-long-3';\nexport const effectTransitionInteractionOpacityMedium1 = '--effect-transition-interaction-opacity-medium-1';\nexport const effectTransitionInteractionOpacityMedium2 = '--effect-transition-interaction-opacity-medium-2';\nexport const effectTransitionInteractionOpacityMedium3 = '--effect-transition-interaction-opacity-medium-3';\nexport const effectTransitionInteractionOpacityShort1 = '--effect-transition-interaction-opacity-short-1';\nexport const effectTransitionInteractionOpacityShort2 = '--effect-transition-interaction-opacity-short-2';\nexport const effectTransitionInteractionOpacityShort3 = '--effect-transition-interaction-opacity-short-3';\nexport const effectTransitionInteractionTransformInstant = '--effect-transition-interaction-transform-instant';\nexport const effectTransitionInteractionTransformLong1 = '--effect-transition-interaction-transform-long-1';\nexport const effectTransitionInteractionTransformLong2 = '--effect-transition-interaction-transform-long-2';\nexport const effectTransitionInteractionTransformLong3 = '--effect-transition-interaction-transform-long-3';\nexport const effectTransitionInteractionTransformMedium1 = '--effect-transition-interaction-transform-medium-1';\nexport const effectTransitionInteractionTransformMedium2 = '--effect-transition-interaction-transform-medium-2';\nexport const effectTransitionInteractionTransformMedium3 = '--effect-transition-interaction-transform-medium-3';\nexport const effectTransitionInteractionTransformShort1 = '--effect-transition-interaction-transform-short-1';\nexport const effectTransitionInteractionTransformShort2 = '--effect-transition-interaction-transform-short-2';\nexport const effectTransitionInteractionTransformShort3 = '--effect-transition-interaction-transform-short-3';\nexport const typographyFontFamily = '--typography-font-family';\nexport const typographyFontsize2xl = '--typography-fontsize-2xl';\nexport const typographyFontsize3xl = '--typography-fontsize-3xl';\nexport const typographyFontsizeLg = '--typography-fontsize-lg';\nexport const typographyFontsizeMd = '--typography-fontsize-md';\nexport const typographyFontsizeSm = '--typography-fontsize-sm';\nexport const typographyFontsizeXl = '--typography-fontsize-xl';\nexport const typographyFontsizeXs = '--typography-fontsize-xs';\nexport const typographyLetterspacingNegative = '--typography-letterspacing-negative';\nexport const typographyLetterspacingNegativeDouble = '--typography-letterspacing-negative-double';\nexport const typographyLetterspacingNegativeHalf = '--typography-letterspacing-negative-half';\nexport const typographyLetterspacingNone = '--typography-letterspacing-none';\nexport const typographyLetterspacingPositive = '--typography-letterspacing-positive';\nexport const typographyLineheight2xl = '--typography-lineheight-2xl';\nexport const typographyLineheight3xl = '--typography-lineheight-3xl';\nexport const typographyLineheightLg = '--typography-lineheight-lg';\nexport const typographyLineheightMd = '--typography-lineheight-md';\nexport const typographyLineheightSm = '--typography-lineheight-sm';\nexport const typographyLineheightXl = '--typography-lineheight-xl';\nexport const typographyLineheightXs = '--typography-lineheight-xs';\nexport const typographyParagraphspacingLg = '--typography-paragraphspacing-lg';\nexport const typographyParagraphspacingMd = '--typography-paragraphspacing-md';\nexport const typographyParagraphspacingNone = '--typography-paragraphspacing-none';\nexport const typographyParagraphspacingSm = '--typography-paragraphspacing-sm';\nexport const typographyWeightBold = '--typography-weight-bold';\nexport const typographyWeightMedium = '--typography-weight-medium';\nexport const typographyWeightRegular = '--typography-weight-regular';\nexport const typographyWeightSemibold = '--typography-weight-semibold';\n","import {\n dimensionIconographyMd,\n dimensionIconographySm,\n dimensionIconographyXs,\n dimensionMenuWidthXs,\n dimensionPanelWidth2xs,\n dimensionPanelWidthLg,\n dimensionPanelWidthMd,\n dimensionRadius025,\n dimensionSize200,\n dimensionSize300,\n dimensionSize400,\n dimensionSize600,\n dimensionSize800,\n dimensionSpace100,\n dimensionSpace050,\n dimensionSpace200,\n dimensionSpace300,\n dimensionSpace400,\n typographyLineheightLg,\n typographyLineheightMd,\n typographyLineheightSm,\n typographyLineheightXl,\n typographyLineheightXs,\n effectAnimationDelayLong2,\n effectAnimationDelayMedium1,\n effectAnimationDelayMedium3,\n effectAnimationDelayInstant,\n effectAnimationDelayShort2,\n effectAnimationDurationMedium1,\n effectAnimationDurationShort3,\n effectMotionShort2,\n effectMotionShort3,\n} from '@ds-mo/tokens/ts';\n\n/** TokoMo CSS custom-property names for shared component defaults (runtime resolution). */\nexport const TOKEN_DEFAULTS = {\n space050: dimensionSpace050,\n space100: dimensionSpace100,\n space200: dimensionSpace200,\n space300: dimensionSpace300,\n space400: dimensionSpace400,\n radius025: dimensionRadius025,\n size200: dimensionSize200,\n size300: dimensionSize300,\n size400: dimensionSize400,\n size600: dimensionSize600,\n size800: dimensionSize800,\n iconographyMd: dimensionIconographyMd,\n iconographySm: dimensionIconographySm,\n iconographyXs: dimensionIconographyXs,\n panelWidth2xs: dimensionPanelWidth2xs,\n panelWidthMd: dimensionPanelWidthMd,\n panelWidthLg: dimensionPanelWidthLg,\n menuWidthXs: dimensionMenuWidthXs,\n lineheightLg: typographyLineheightLg,\n lineheightMd: typographyLineheightMd,\n lineheightSm: typographyLineheightSm,\n lineheightXl: typographyLineheightXl,\n lineheightXs: typographyLineheightXs,\n motionShort2: effectMotionShort2,\n motionShort3: effectMotionShort3,\n animationDurationShort3: effectAnimationDurationShort3,\n animationDurationMedium1: effectAnimationDurationMedium1,\n animationDelayInstant: effectAnimationDelayInstant,\n animationDelayMedium1: effectAnimationDelayMedium1,\n animationDelayMedium3: effectAnimationDelayMedium3,\n animationDelayShort2: effectAnimationDelayShort2,\n animationDelayLong2: effectAnimationDelayLong2,\n /** Unmeasured menu height fallback: 20× base (160px at default scale). */\n menuFallbackHeight: 'calc(var(--dimension-size-base) * 20)',\n /** Unmeasured tooltip width fallback: size-800 + size-200 (80px). */\n tooltipFallbackWidth: 'calc(var(--dimension-size-800) + var(--dimension-size-200))',\n /** Fill-mode donut diameter floor: 16× size-base (128px). */\n donutFillMin: 'calc(var(--dimension-size-base) * 16)',\n /** Fill-mode donut diameter ceiling: 24× size-base (192px). */\n donutFillMax: 'calc(var(--dimension-size-base) * 24)',\n} as const;\n\nexport type TokenDefaultKey = keyof typeof TOKEN_DEFAULTS;\n\n/** Valid CSS length strings for overlay offset props — bind on `sideOffset` / `alignOffset` in hosts. */\nexport const TOKEN_CSS_LENGTHS = {\n space050: `var(${dimensionSpace050})`,\n space200: `var(${dimensionSpace200})`,\n menuWidthXs: `var(${dimensionMenuWidthXs})`,\n} as const;\n"],"mappings":"AAsvBO,MAAMA,EAAuB,4BA2C7B,MAAMC,EAAqB,yBAsB3B,MAAMC,EAAmB,uBAEzB,MAAMC,EAAmB,uBACzB,MAAMC,EAAmB,uBAQzB,MAAMC,EAAoB,wBAE1B,MAAMC,EAAoB,wBAI1B,MAAMC,EAAoB,wBAE1B,MAAMC,EAAoB,wBAC1B,MAAMC,EAAoB,wBAuC1B,MAAMC,EAA8B,mCAEpC,MAAMC,EAA4B,kCAIlC,MAAMC,EAA8B,oCAQpC,MAAMC,EAAiC,uCAKvC,MAAMC,EAAgC,sCAsCtC,MAAMC,EAAqB,0BAC3B,MAAMC,EAAqB,0BA6E3B,MAAMC,EAAyB,6BAE/B,MAAMC,EAAyB,6BCv9B/B,MAAMC,EAAiB,CAC5BC,SAAUf,EACVgB,SAAUf,EACVgB,SAAUf,EACVgB,SAAUf,EACVgB,SAAUf,EACVgB,UAAWxB,EACXyB,QAASxB,EACTyB,QAASxB,EACTyB,QAASxB,EASTyB,YAAa7B,EAEb8B,aAAcb,EAEdc,aAAcb,EAEdc,aAAcjB,EACdkB,aAAcjB,EACdkB,wBAAyBpB,EACzBqB,yBAA0BtB,EAC1BuB,sBAAuB1B,EAEvB2B,sBAAuBzB,EAEvB0B,oBAAqB3B,EAErB4B,mBAAoB,wCAEpBC,qBAAsB,8DAEtBC,aAAc,wCAEdC,aAAc,yCAMT,MAAMC,EAAoB,CAC/BvB,SAAU,OAAOf,a","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{g as r}from"./p-BQq26pt9.js";function e(e,t,n){if(!e||!t){return{value:"",hideTabs:false}}if(e!==t&&!e.startsWith(`${t}/`)){return{value:"",hideTabs:false}}const s=e.slice(t.length);const a=s.startsWith("/")?s.slice(1).split("/")[0]:"";const u=r(n);if(!a){return{value:u[0]?.id??"",hideTabs:false}}const i=u.find((r=>r.id===a));if(i){return{value:i.id,hideTabs:false}}return{value:"",hideTabs:true}}function t(r,e,t){const s=t?n(t,[]):e??[];return r.length===0&&s.length>0}function n(r,e){if(Array.isArray(r))return r;if(typeof r==="string"&&r!==""){try{const t=JSON.parse(r);return Array.isArray(t)?t:e}catch{return e}}return e}export{e as d,n as p,t as s};
|
|
2
|
-
//# sourceMappingURL=p-BOQnc-M4.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["deriveBarNavValueFromUrl","path","basePath","tabs","value","hideTabs","startsWith","remainder","slice","length","seg","split","selectableTabs","getSelectableTabs","id","tab","find","t","shouldResyncBarNavProps","resolvedTabs","tabsJson","tabsIncoming","parseJsonArrayProp","fallback","Array","isArray","parsed","JSON","parse"],"sources":["src/wc/components/BarNav/bar-nav-utils.ts"],"sourcesContent":["import { getSelectableTabs } from '../TabGroup/tab-item-utils';\nimport type { BarNavTab } from './bar-nav-types';\n\nexport interface BarNavUrlState {\n /** Tab id derived from the URL, or empty when none applies. */\n value: string;\n /** When true, tabs should be hidden (e.g. non-tab child routes like detail pages). */\n hideTabs: boolean;\n}\n\n/** Derive BarNav tab selection from `currentUrl` relative to `basePath`.\n * Mirrors motive-webapp-lab `resolveBarNavState` tab-selection semantics. */\nexport function deriveBarNavValueFromUrl(\n path: string,\n basePath: string,\n tabs: BarNavTab[],\n): BarNavUrlState {\n if (!path || !basePath) {\n return { value: '', hideTabs: false };\n }\n\n if (path !== basePath && !path.startsWith(`${basePath}/`)) {\n return { value: '', hideTabs: false };\n }\n\n const remainder = path.slice(basePath.length);\n const seg = remainder.startsWith('/') ? remainder.slice(1).split('/')[0] : '';\n const selectableTabs = getSelectableTabs(tabs);\n\n if (!seg) {\n return { value: selectableTabs[0]?.id ?? '', hideTabs: false };\n }\n\n const tab = selectableTabs.find(t => t.id === seg);\n if (tab) {\n return { value: tab.id, hideTabs: false };\n }\n\n return { value: '', hideTabs: true };\n}\n\n/** True when host array/json props have data but resolved internal state is still empty. */\nexport function shouldResyncBarNavProps(\n resolvedTabs: BarNavTab[],\n tabs: BarNavTab[],\n tabsJson: string,\n): boolean {\n const tabsIncoming = tabsJson\n ? parseJsonArrayProp(tabsJson, [])\n : (tabs ?? []);\n\n return resolvedTabs.length === 0 && tabsIncoming.length > 0;\n}\n\n/** Parse tabs from either a JSON attribute string or a JS property array. */\nexport function parseJsonArrayProp<T>(value: string | T[] | undefined, fallback: T[]): T[] {\n if (Array.isArray(value)) return value;\n if (typeof value === 'string' && value !== '') {\n try {\n const parsed = JSON.parse(value);\n return Array.isArray(parsed) ? parsed : fallback;\n } catch {\n return fallback;\n }\n }\n return fallback;\n}\n"],"mappings":"6CAYgBA,EACdC,EACAC,EACAC,GAEA,IAAKF,IAASC,EAAU,CACtB,MAAO,CAAEE,MAAO,GAAIC,SAAU,M,CAGhC,GAAIJ,IAASC,IAAaD,EAAKK,WAAW,GAAGJ,MAAc,CACzD,MAAO,CAAEE,MAAO,GAAIC,SAAU,M,CAGhC,MAAME,EAAYN,EAAKO,MAAMN,EAASO,QACtC,MAAMC,EAAMH,EAAUD,WAAW,KAAOC,EAAUC,MAAM,GAAGG,MAAM,KAAK,GAAK,GAC3E,MAAMC,EAAiBC,EAAkBV,GAEzC,IAAKO,EAAK,CACR,MAAO,CAAEN,MAAOQ,EAAe,IAAIE,IAAM,GAAIT,SAAU,M,CAGzD,MAAMU,EAAMH,EAAeI,MAAKC,GAAKA,EAAEH,KAAOJ,IAC9C,GAAIK,EAAK,CACP,MAAO,CAAEX,MAAOW,EAAID,GAAIT,SAAU,M,CAGpC,MAAO,CAAED,MAAO,GAAIC,SAAU,KAChC,C,SAGgBa,EACdC,EACAhB,EACAiB,GAEA,MAAMC,EAAeD,EACjBE,EAAmBF,EAAU,IAC5BjB,GAAQ,GAEb,OAAOgB,EAAaV,SAAW,GAAKY,EAAaZ,OAAS,CAC5D,CAGM,SAAUa,EAAsBlB,EAAiCmB,GACrE,GAAIC,MAAMC,QAAQrB,GAAQ,OAAOA,EACjC,UAAWA,IAAU,UAAYA,IAAU,GAAI,CAC7C,IACE,MAAMsB,EAASC,KAAKC,MAAMxB,GAC1B,OAAOoB,MAAMC,QAAQC,GAAUA,EAASH,C,CACxC,MACA,OAAOA,C,EAGX,OAAOA,CACT,Q","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{p as a,H as d,h as s,a as e,t as r}from"./index.js";import{d as c}from"./p-CPwpgUWT.js";const i=()=>`.ds-chrome-space--sm.sc-ds-card-shell-data-viz-h,.ds-chrome-space--sm.sc-ds-card-shell-data-viz{--ds-chrome-padding:var(--dimension-space-050);--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-card-shell-data-viz-h,.ds-chrome-space--md.sc-ds-card-shell-data-viz{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-card-shell-data-viz-h,.ds-chrome-space--lg.sc-ds-card-shell-data-viz{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-card-shell-data-viz-h,.ds-chrome-row.sc-ds-card-shell-data-viz,.ds-chrome-column.sc-ds-card-shell-data-viz-h,.ds-chrome-column.sc-ds-card-shell-data-viz,.ds-chrome-grid.sc-ds-card-shell-data-viz-h,.ds-chrome-grid.sc-ds-card-shell-data-viz{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-card-shell-data-viz-h,.ds-chrome-row.sc-ds-card-shell-data-viz{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-card-shell-data-viz-h,.ds-chrome-column.sc-ds-card-shell-data-viz{flex-direction:column}.ds-chrome-grid.sc-ds-card-shell-data-viz-h,.ds-chrome-grid.sc-ds-card-shell-data-viz{display:grid;align-items:center}.sc-ds-card-shell-data-viz-h{display:flex;flex-direction:column;box-sizing:border-box;width:var(--_card-shell-data-viz-width);min-height:var(--_card-shell-data-viz-min-height);max-width:100%;overflow:hidden;border:none;border-radius:var(--dimension-radius-025);background-color:var(--color-background-primary);box-shadow:0 0 0 var(--dimension-stroke-width-012) var(--color-border-tertiary)}.card-shell-data-viz__header.sc-ds-card-shell-data-viz{flex-shrink:0;justify-content:space-between;height:var(--dimension-size-600);border-bottom:var(--dimension-stroke-width-012) solid var(--color-border-tertiary);background-color:var(--color-background-secondary)}ds-text.card-shell-data-viz__title.sc-ds-card-shell-data-viz{display:flex;flex:1 1 auto;align-items:center;box-sizing:border-box;min-width:0;padding:calc(var(--dimension-space-075) + var(--dimension-space-025));-webkit-user-select:none;user-select:none}.card-shell-data-viz__actions.sc-ds-card-shell-data-viz{display:flex;flex-shrink:0;align-items:center;gap:var(--dimension-space-100)}.card-shell-data-viz__actions.sc-ds-card-shell-data-viz:empty{display:none}.card-shell-data-viz__body.sc-ds-card-shell-data-viz{display:flex;flex:1 1 auto;flex-direction:column;box-sizing:border-box;min-height:0;border-radius:0 0 var(--dimension-radius-025) var(--dimension-radius-025);background-color:var(--color-background-primary)}`;const l={sm:"var(--dimension-card-width-sm)",md:"var(--dimension-card-width-md)",lg:"var(--dimension-card-width-lg)"};const o={sm:"var(--dimension-card-height-sm)",md:"var(--dimension-card-height-md)",lg:"var(--dimension-card-height-lg)"};const t=a(class a extends d{constructor(a){super();if(a!==false){this.__registerHost()}this.cardWidth="md"}render(){return s(e,{key:"3408b01e977c04ec7d3eb7cb74d53e23383a73dc",class:"card-shell-data-viz",style:{"--_card-shell-data-viz-width":l[this.cardWidth],"--_card-shell-data-viz-min-height":o[this.cardWidth]}},s("header",{key:"02bc0b01e0258ce4c1641ba77e226ef56f8d6643",class:"card-shell-data-viz__header ds-chrome-row ds-chrome-space--md"},s("ds-text",{key:"afa6e589b5702419f0d4861a3907da9cbee54c44",class:"card-shell-data-viz__title",variant:"text-title-small",emphasis:true,color:"primary",as:"h2"},this.heading),s("div",{key:"515c93966afb43b034ba8911591cba6cefcf322c",class:"card-shell-data-viz__actions"},s("slot",{key:"8691b196fcefc79ab5173b20c3c21c0130291fa9",name:"actions"}))),s("div",{key:"f1f3fe9bbce18a231a2cb95d7d0bd56969777db3",class:"card-shell-data-viz__body"},s("slot",{key:"e69ea0af9e710b54415782fc0f8ecfc3c6978bb0"})))}static get style(){return i()}},[262,"ds-card-shell-data-viz",{heading:[1],cardWidth:[1,"card-width"]}]);function n(){if(typeof customElements==="undefined"){return}const a=["ds-card-shell-data-viz","ds-text"];a.forEach((a=>{switch(a){case"ds-card-shell-data-viz":if(!customElements.get(r(a))){customElements.define(r(a),t)}break;case"ds-text":if(!customElements.get(r(a))){c()}break}}))}n();export{t as C,n as d};
|
|
2
|
-
//# sourceMappingURL=p-BXaieghV.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["cardShellDataVizCss","CARD_WIDTH_VARS","sm","md","lg","CARD_HEIGHT_VARS","CardShellDataViz","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","cardWidth","render","h","Host","key","class","style","variant","emphasis","color","as","heading","name"],"sources":["src/wc/components/CardShellDataViz/CardShellDataViz.css?tag=ds-card-shell-data-viz&encapsulation=scoped","src/wc/components/CardShellDataViz/CardShellDataViz.tsx"],"sourcesContent":["@import '../../utils/chrome-layout.css';\n\n:host {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n width: var(--_card-shell-data-viz-width);\n min-height: var(--_card-shell-data-viz-min-height);\n max-width: 100%;\n overflow: hidden;\n border: none;\n border-radius: var(--dimension-radius-025);\n background-color: var(--color-background-primary);\n box-shadow: 0 0 0 var(--dimension-stroke-width-012) var(--color-border-tertiary);\n}\n\n.card-shell-data-viz__header {\n flex-shrink: 0;\n justify-content: space-between;\n height: var(--dimension-size-600);\n border-bottom: var(--dimension-stroke-width-012) solid var(--color-border-tertiary);\n background-color: var(--color-background-secondary);\n}\n\nds-text.card-shell-data-viz__title {\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n box-sizing: border-box;\n min-width: 0;\n padding: calc(var(--dimension-space-075) + var(--dimension-space-025));\n -webkit-user-select: none;\n user-select: none;\n}\n\n.card-shell-data-viz__actions {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n gap: var(--dimension-space-100);\n}\n\n.card-shell-data-viz__actions:empty {\n display: none;\n}\n\n.card-shell-data-viz__body {\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n box-sizing: border-box;\n min-height: 0;\n border-radius: 0 0 var(--dimension-radius-025) var(--dimension-radius-025);\n background-color: var(--color-background-primary);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\nexport type CardShellDataVizWidth = 'sm' | 'md' | 'lg';\n\nconst CARD_WIDTH_VARS: Record<CardShellDataVizWidth, string> = {\n sm: 'var(--dimension-card-width-sm)',\n md: 'var(--dimension-card-width-md)',\n lg: 'var(--dimension-card-width-lg)',\n};\n\nconst CARD_HEIGHT_VARS: Record<CardShellDataVizWidth, string> = {\n sm: 'var(--dimension-card-height-sm)',\n md: 'var(--dimension-card-height-md)',\n lg: 'var(--dimension-card-height-lg)',\n};\n\n/**\n * Dedicated shell chrome for data-visualization cards. Chart-specific layout,\n * legends, hover synchronization, and empty states belong to composing cards.\n */\n@Component({\n tag: 'ds-card-shell-data-viz',\n styleUrl: 'CardShellDataViz.css',\n scoped: true,\n})\nexport class CardShellDataViz {\n /** Data-visualization heading shown in the shell header. */\n @Prop() heading!: string;\n\n /** Width token with the matching data-visualization shell min-height. */\n @Prop() cardWidth: CardShellDataVizWidth = 'md';\n\n render() {\n return (\n <Host\n class=\"card-shell-data-viz\"\n style={{\n '--_card-shell-data-viz-width': CARD_WIDTH_VARS[this.cardWidth],\n '--_card-shell-data-viz-min-height': CARD_HEIGHT_VARS[this.cardWidth],\n }}\n >\n <header class=\"card-shell-data-viz__header ds-chrome-row ds-chrome-space--md\">\n <ds-text\n class=\"card-shell-data-viz__title\"\n variant=\"text-title-small\"\n emphasis\n color=\"primary\"\n as=\"h2\"\n >\n {this.heading}\n </ds-text>\n <div class=\"card-shell-data-viz__actions\">\n <slot name=\"actions\" />\n </div>\n </header>\n <div class=\"card-shell-data-viz__body\">\n <slot />\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"+FAAA,MAAMA,EAAsB,IAAM,2oFCIlC,MAAMC,EAAyD,CAC7DC,GAAI,iCACJC,GAAI,iCACJC,GAAI,kCAGN,MAAMC,EAA0D,CAC9DH,GAAI,kCACJC,GAAI,kCACJC,GAAI,mC,MAYOE,EAAgBC,EAAA,MAAAD,UAAAE,EAL7B,WAAAC,CAAAC,G,4CAUUC,KAAAC,UAAmC,IA+B5C,CA7BC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAM,sBACNC,MAAO,CACL,+BAAgCjB,EAAgBU,KAAKC,WACrD,oCAAqCP,EAAiBM,KAAKC,aAG7DE,EAAA,UAAAE,IAAA,2CAAQC,MAAM,iEACZH,EAAA,WAAAE,IAAA,2CACEC,MAAM,6BACNE,QAAQ,mBACRC,SAAQ,KACRC,MAAM,UACNC,GAAG,MAEFX,KAAKY,SAERT,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gCACTH,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,cAGfV,EAAA,OAAAE,IAAA,2CAAKC,MAAM,6BACTH,EAAA,QAAAE,IAAA,8C","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["DEFAULT_REQUIRED_MESSAGE","setRequiredValidity","internals","missing","message","setValidity","valueMissing"],"sources":["src/wc/utils/required-validity.ts"],"sourcesContent":["/**\n * Shared \"required field\" validity contract for form-associated custom\n * elements (Checkbox, Radio, Switch, Input, Select, SelectMulti, …).\n *\n * Each control computes its own `missing` condition (what counts as empty\n * differs: unchecked, no value, no selection, …) and its own form value, then\n * calls `setRequiredValidity` instead of hand-rolling the `setValidity` call\n * and the default message string.\n *\n * @see AGENTS.md — \"Required-field validity\"\n */\n\nexport const DEFAULT_REQUIRED_MESSAGE = 'This field is required.';\n\n/** Sets or clears the `valueMissing` validity flag on a form-associated element. */\nexport function setRequiredValidity(\n internals: ElementInternals,\n missing: boolean,\n message: string,\n): void {\n internals.setValidity(missing ? { valueMissing: true } : {}, missing ? message : '');\n}\n"],"mappings":"AAYO,MAAMA,EAA2B,0B,SAGxBC,EACdC,EACAC,EACAC,GAEAF,EAAUG,YAAYF,EAAU,CAAEG,aAAc,MAAS,GAAIH,EAAUC,EAAU,GACnF,Q","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
const t=1200;const n=768;const r="messages";function s(r){if(r>=t)return"desktop";if(r>=n)return"tablet";return"mobile"}function e(t){return t==="messages"||t==="stacks"||t==="activity"}function i(t,n){const s=n.filter(e);if(e(t)&&s.includes(t))return t;if(s.includes(r))return r;return s[0]??""}function u(t,n,r){return r||t!==n}export{s as a,e as i,i as r,u as s};
|
|
2
|
-
//# sourceMappingURL=p-BrusnEYP.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["SHELL_DESKTOP_BREAKPOINT","SHELL_MOBILE_BREAKPOINT","SHELL_DEFAULT_INBOX_TOOL","resolveShellResponsiveMode","width","isShellInboxTool","tool","resolveAvailableInboxTool","preferred","available","inbox","filter","includes","shouldEmitMobileDestinationChange","active","next","navigationOpen"],"sources":["src/wc/shell/shell-responsive.ts"],"sourcesContent":["import type { PanelToolsToolId } from '../components/PanelTools/panel-tools-types';\n\nexport type ShellResponsiveMode = 'desktop' | 'tablet' | 'mobile';\nexport type MobileDestination = 'area' | 'search' | 'agents' | 'inbox' | 'help';\nexport type ShellInboxToolId = Extract<PanelToolsToolId, 'messages' | 'stacks' | 'activity'>;\n\nexport const SHELL_DESKTOP_BREAKPOINT = 1200;\nexport const SHELL_MOBILE_BREAKPOINT = 768;\nexport const SHELL_DEFAULT_INBOX_TOOL: ShellInboxToolId = 'messages';\n\nexport function resolveShellResponsiveMode(width: number): ShellResponsiveMode {\n if (width >= SHELL_DESKTOP_BREAKPOINT) return 'desktop';\n if (width >= SHELL_MOBILE_BREAKPOINT) return 'tablet';\n return 'mobile';\n}\n\nexport function shellMobileDestinationForTool(\n open: boolean,\n tool: PanelToolsToolId | ''\n): MobileDestination {\n if (!open || !tool) return 'area';\n if (tool === 'help') return 'help';\n if (tool === 'search') return 'search';\n if (tool === 'agents') return 'agents';\n return 'inbox';\n}\n\nexport function isShellInboxTool(tool: string): tool is ShellInboxToolId {\n return tool === 'messages' || tool === 'stacks' || tool === 'activity';\n}\n\nexport function resolveAvailableInboxTool(\n preferred: string,\n available: readonly PanelToolsToolId[]\n): ShellInboxToolId | '' {\n const inbox = available.filter(isShellInboxTool);\n if (isShellInboxTool(preferred) && inbox.includes(preferred)) return preferred;\n if (inbox.includes(SHELL_DEFAULT_INBOX_TOOL)) return SHELL_DEFAULT_INBOX_TOOL;\n return inbox[0] ?? '';\n}\n\n/** Active-destination reselects are inert unless they also dismiss the Menu pane. */\nexport function shouldEmitMobileDestinationChange(\n active: MobileDestination,\n next: MobileDestination,\n navigationOpen: boolean\n): boolean {\n return navigationOpen || active !== next;\n}\n"],"mappings":"AAMO,MAAMA,EAA2B,KACjC,MAAMC,EAA0B,IAChC,MAAMC,EAA6C,WAEpD,SAAUC,EAA2BC,GACzC,GAAIA,GAASJ,EAA0B,MAAO,UAC9C,GAAII,GAASH,EAAyB,MAAO,SAC7C,MAAO,QACT,CAaM,SAAUI,EAAiBC,GAC/B,OAAOA,IAAS,YAAcA,IAAS,UAAYA,IAAS,UAC9D,CAEM,SAAUC,EACdC,EACAC,GAEA,MAAMC,EAAQD,EAAUE,OAAON,GAC/B,GAAIA,EAAiBG,IAAcE,EAAME,SAASJ,GAAY,OAAOA,EACrE,GAAIE,EAAME,SAASV,GAA2B,OAAOA,EACrD,OAAOQ,EAAM,IAAM,EACrB,C,SAGgBG,EACdC,EACAC,EACAC,GAEA,OAAOA,GAAkBF,IAAWC,CACtC,Q","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{c as t}from"./p-BX0BMhgz.js";const s=8;class i{constructor(t){this.scrollResizeHandler=null;this.resizeObserver=null;this.retryRaf=null;this.liveRaf=null;this.last=null;this.isReady=false;this.options=t}get ready(){return this.isReady}observe(){this.bindListeners()}unobserve(){this.unbindListeners();this.cancel();this.last=null;this.isReady=false}schedule(t){this.cancelRetry();this.isReady=false;let i=this.options.retryBudget??s;const e=()=>{this.retryRaf=null;if(this.update()){this.isReady=true;this.options.onReady?.();t?.();return}if(i>0){i-=1;this.retryRaf=requestAnimationFrame(e)}};this.retryRaf=requestAnimationFrame(e)}update(){const s=this.options.getAnchor();if(!s)return false;const i=this.options.getPopup();if(!i)return false;const e=this.options.measure(s,i);if(!e)return false;const h=t(e);if(!this.last||this.last.x!==h.x||this.last.y!==h.y||this.last.resolvedSide!==h.resolvedSide){this.last=h;this.options.apply(h)}return true}scheduleLiveUpdate(){const t=this.options.liveUpdate??"sync";if(t==="sync"){this.update();return}if(this.liveRaf!==null)return;if(t==="frame"){this.liveRaf=requestAnimationFrame((()=>{this.liveRaf=null;this.update()}));return}this.liveRaf=requestAnimationFrame((()=>{this.update();this.liveRaf=requestAnimationFrame((()=>{this.liveRaf=null;this.update()}))}))}cancel(){this.cancelRetry();if(this.liveRaf!==null){cancelAnimationFrame(this.liveRaf);this.liveRaf=null}}cancelRetry(){if(this.retryRaf===null)return;cancelAnimationFrame(this.retryRaf);this.retryRaf=null}bindListeners(){this.unbindListeners();this.scrollResizeHandler=()=>this.scheduleLiveUpdate();window.addEventListener("scroll",this.scrollResizeHandler,true);window.addEventListener("resize",this.scrollResizeHandler);if(this.options.observeResize&&typeof ResizeObserver!=="undefined"){this.resizeObserver=new ResizeObserver((()=>this.update()));this.observeResizeTargets()}}unbindListeners(){if(this.scrollResizeHandler){window.removeEventListener("scroll",this.scrollResizeHandler,true);window.removeEventListener("resize",this.scrollResizeHandler);this.scrollResizeHandler=null}this.resizeObserver?.disconnect();this.resizeObserver=null}observeResizeTargets(){if(!this.resizeObserver)return;const t=this.options.getPopup();if(t)this.resizeObserver.observe(t);const s=this.options.getAnchor();if(s)this.resizeObserver.observe(s)}}export{i as A};
|
|
2
|
-
//# sourceMappingURL=p-By_s1wNN.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["POSITION_RETRY_BUDGET","AnchoredPositionController","constructor","options","this","scrollResizeHandler","resizeObserver","retryRaf","liveRaf","last","isReady","ready","observe","bindListeners","unobserve","unbindListeners","cancel","schedule","onReady","cancelRetry","remaining","retryBudget","attempt","update","requestAnimationFrame","anchor","getAnchor","popup","getPopup","input","measure","next","computeAnchoredPosition","x","y","resolvedSide","apply","scheduleLiveUpdate","mode","liveUpdate","cancelAnimationFrame","window","addEventListener","observeResize","ResizeObserver","observeResizeTargets","removeEventListener","disconnect"],"sources":["src/wc/utils/anchored-position-controller.ts"],"sourcesContent":["import {\n computeAnchoredPosition,\n type AnchoredPosition,\n type AnchoredPositionInput,\n} from './anchored-position';\n\n/** Frames to wait for an anchor and popup to become measurable before giving up. */\nconst POSITION_RETRY_BUDGET = 8;\n\n/**\n * How the scroll/resize path reschedules. Each consumer family measured\n * differently before consolidation, and the differences are preserved verbatim\n * so placement timing is unchanged.\n *\n * - `sync` — measure inside the listener. Selects.\n * - `frame` — coalesce and measure on the next frame. Tooltips.\n * - `double-frame` — coalesce, measure next frame, then measure once more the\n * frame after. Scroll-driven owners such as ShellPage commit a compact-header\n * render in the frame after the scroll event, so a single frame reads a stale\n * anchor rect. Menus.\n */\nexport type AnchoredLiveUpdateMode = 'sync' | 'frame' | 'double-frame';\n\nexport interface AnchoredPositionControllerOptions {\n /** Resolve the anchor at measure time; positioning retries while this is null. */\n getAnchor: () => HTMLElement | null;\n /** Resolve the popup at measure time; positioning retries while this is null. */\n getPopup: () => HTMLElement | null;\n /**\n * Build the layout input for one measurement pass.\n *\n * The owning component keeps its own anchor semantics here — inner-cell align\n * offsets, minimum widths, and token resolution stay with the component rather\n * than moving into this controller. Return `null` when the component's own\n * guards say the popup is not measurable yet, which schedules a retry.\n */\n measure: (anchor: HTMLElement, popup: HTMLElement) => AnchoredPositionInput | null;\n /** Commit a changed position. Not called when the result is unchanged. */\n apply: (position: AnchoredPosition) => void;\n /** Fired once per `start()` when the first measurement succeeds. */\n onReady?: () => void;\n /** Scroll/resize behavior. Defaults to `sync`. */\n liveUpdate?: AnchoredLiveUpdateMode;\n /**\n * Re-measure when the popup or anchor resizes. Tooltips need this because the\n * label's `ds-text` upgrade changes the measured width after mount.\n */\n observeResize?: boolean;\n retryBudget?: number;\n}\n\n/**\n * Lifecycle owner for an element-anchored popup: listener binding, measurement\n * retries, frame coalescing, and teardown.\n *\n * Pairs with `computeAnchoredPosition`, which owns the geometry. Split this way\n * because the geometry is pure and exhaustively testable while the lifecycle is\n * timing-dependent; keeping them separate means the risky half lives in exactly\n * one place.\n *\n * Not suitable for overlays that place several popups in one shared pass — Toast\n * positions N anchored records inside a single layout commit and keeps its own\n * scheduler, using only the geometry function.\n */\nexport class AnchoredPositionController {\n private readonly options: AnchoredPositionControllerOptions;\n private scrollResizeHandler: (() => void) | null = null;\n private resizeObserver: ResizeObserver | null = null;\n private retryRaf: number | null = null;\n private liveRaf: number | null = null;\n private last: AnchoredPosition | null = null;\n private isReady = false;\n\n constructor(options: AnchoredPositionControllerOptions) {\n this.options = options;\n }\n\n /** `true` once a measurement has succeeded, for gating popup reveal. */\n get ready(): boolean {\n return this.isReady;\n }\n\n /**\n * Bind scroll/resize tracking for an opening popup.\n *\n * Deliberately does not schedule placement: every consumer binds listeners and\n * then schedules in its own order, and folding both into one call produced two\n * overlapping retry loops. Call `schedule()` or `update()` separately.\n */\n observe(): void {\n this.bindListeners();\n }\n\n /** Unbind tracking, cancel pending frames, and clear the cached position. */\n unobserve(): void {\n this.unbindListeners();\n this.cancel();\n this.last = null;\n this.isReady = false;\n }\n\n /**\n * Retry measurement each frame until it succeeds or the budget runs out, so a\n * popup is never revealed at 0,0 after a failed first pass.\n */\n schedule(onReady?: () => void): void {\n this.cancelRetry();\n this.isReady = false;\n\n let remaining = this.options.retryBudget ?? POSITION_RETRY_BUDGET;\n\n const attempt = () => {\n this.retryRaf = null;\n if (this.update()) {\n this.isReady = true;\n this.options.onReady?.();\n onReady?.();\n return;\n }\n if (remaining > 0) {\n remaining -= 1;\n this.retryRaf = requestAnimationFrame(attempt);\n }\n };\n\n this.retryRaf = requestAnimationFrame(attempt);\n }\n\n /** Measure and commit once. @returns `false` when the popup is not measurable. */\n update(): boolean {\n const anchor = this.options.getAnchor();\n if (!anchor) return false;\n const popup = this.options.getPopup();\n if (!popup) return false;\n\n const input = this.options.measure(anchor, popup);\n if (!input) return false;\n\n const next = computeAnchoredPosition(input);\n if (\n !this.last ||\n this.last.x !== next.x ||\n this.last.y !== next.y ||\n this.last.resolvedSide !== next.resolvedSide\n ) {\n this.last = next;\n this.options.apply(next);\n }\n return true;\n }\n\n /** Reposition an already-open popup without hiding it. */\n scheduleLiveUpdate(): void {\n const mode = this.options.liveUpdate ?? 'sync';\n if (mode === 'sync') {\n this.update();\n return;\n }\n\n if (this.liveRaf !== null) return;\n\n if (mode === 'frame') {\n this.liveRaf = requestAnimationFrame(() => {\n this.liveRaf = null;\n this.update();\n });\n return;\n }\n\n // double-frame stays coalesced until the second frame resolves.\n this.liveRaf = requestAnimationFrame(() => {\n this.update();\n this.liveRaf = requestAnimationFrame(() => {\n this.liveRaf = null;\n this.update();\n });\n });\n }\n\n /** Cancel pending retry and live frames without unbinding listeners. */\n cancel(): void {\n this.cancelRetry();\n if (this.liveRaf !== null) {\n cancelAnimationFrame(this.liveRaf);\n this.liveRaf = null;\n }\n }\n\n private cancelRetry(): void {\n if (this.retryRaf === null) return;\n cancelAnimationFrame(this.retryRaf);\n this.retryRaf = null;\n }\n\n private bindListeners(): void {\n this.unbindListeners();\n this.scrollResizeHandler = () => this.scheduleLiveUpdate();\n // Capture phase so scrolling inside any ancestor repositions the popup.\n window.addEventListener('scroll', this.scrollResizeHandler, true);\n window.addEventListener('resize', this.scrollResizeHandler);\n\n if (this.options.observeResize && typeof ResizeObserver !== 'undefined') {\n this.resizeObserver = new ResizeObserver(() => this.update());\n this.observeResizeTargets();\n }\n }\n\n private unbindListeners(): void {\n if (this.scrollResizeHandler) {\n window.removeEventListener('scroll', this.scrollResizeHandler, true);\n window.removeEventListener('resize', this.scrollResizeHandler);\n this.scrollResizeHandler = null;\n }\n this.resizeObserver?.disconnect();\n this.resizeObserver = null;\n }\n\n /**\n * Re-attach the resize observer after the popup remounts. Safe to call\n * repeatedly; `ResizeObserver.observe` ignores duplicate targets.\n */\n observeResizeTargets(): void {\n if (!this.resizeObserver) return;\n const popup = this.options.getPopup();\n if (popup) this.resizeObserver.observe(popup);\n const anchor = this.options.getAnchor();\n if (anchor) this.resizeObserver.observe(anchor);\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
function n(n){return{"ds-control-width--hug":n==="hug","ds-control-width--fill":n==="fill"}}const t=".ds-control-elevation--press-scale";const o="data-ds-press-active";const c=new WeakMap;function e(n,e){if(!e||n.button!==0)return;const r=n.currentTarget;const s=r?.closest(t);const i=r?.ownerDocument.defaultView;if(!s||!i)return;c.get(s)?.();s.setAttribute(o,"");const l=()=>{s.removeAttribute(o);i.removeEventListener("pointerup",l);i.removeEventListener("pointercancel",l);i.removeEventListener("blur",l);c.delete(s)};c.set(s,l);i.addEventListener("pointerup",l);i.addEventListener("pointercancel",l);i.addEventListener("blur",l)}export{e as b,n as c};
|
|
2
|
-
//# sourceMappingURL=p-C61yJkfr.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["controlWidthClass","width","ELEVATED_PRESS_SELECTOR","ELEVATED_PRESS_ATTRIBUTE","activeElevatedPresses","WeakMap","beginElevatedControlPress","event","eligible","button","target","currentTarget","wrapper","closest","view","ownerDocument","defaultView","get","setAttribute","finish","removeAttribute","removeEventListener","delete","set","addEventListener"],"sources":["src/wc/utils/control-width.ts","src/wc/utils/control-press.ts"],"sourcesContent":["/** Shared width fit for interactive controls (buttons, select, …). */\nexport type ControlWidth = 'hug' | 'fill';\n\n/** Host / control class map for `width=\"hug\" | \"fill\"`. */\nexport function controlWidthClass(width: ControlWidth): Record<string, boolean> {\n return {\n 'ds-control-width--hug': width === 'hug',\n 'ds-control-width--fill': width === 'fill',\n };\n}\n","const ELEVATED_PRESS_SELECTOR = '.ds-control-elevation--press-scale';\nconst ELEVATED_PRESS_ATTRIBUTE = 'data-ds-press-active';\n\nconst activeElevatedPresses = new WeakMap<HTMLElement, () => void>();\n\n/**\n * Transfers an eligible button pointer press to its elevated wrapper.\n *\n * The wrapper cannot rely on `:active`: Chromium also activates ancestors of a\n * disabled native button. Window-level release cleanup preserves the native\n * release-outside behavior without changing pointer capture or click delivery.\n */\nexport function beginElevatedControlPress(\n event: PointerEvent,\n eligible: boolean,\n): void {\n if (!eligible || event.button !== 0) return;\n\n const target = event.currentTarget as HTMLElement | null;\n const wrapper = target?.closest<HTMLElement>(ELEVATED_PRESS_SELECTOR);\n const view = target?.ownerDocument.defaultView;\n if (!wrapper || !view) return;\n\n activeElevatedPresses.get(wrapper)?.();\n wrapper.setAttribute(ELEVATED_PRESS_ATTRIBUTE, '');\n\n const finish = () => {\n wrapper.removeAttribute(ELEVATED_PRESS_ATTRIBUTE);\n view.removeEventListener('pointerup', finish);\n view.removeEventListener('pointercancel', finish);\n view.removeEventListener('blur', finish);\n activeElevatedPresses.delete(wrapper);\n };\n\n activeElevatedPresses.set(wrapper, finish);\n view.addEventListener('pointerup', finish);\n view.addEventListener('pointercancel', finish);\n view.addEventListener('blur', finish);\n}\n"],"mappings":"AAIM,SAAUA,EAAkBC,GAChC,MAAO,CACL,wBAAyBA,IAAU,MACnC,yBAA0BA,IAAU,OAExC,CCTA,MAAMC,EAA0B,qCAChC,MAAMC,EAA2B,uBAEjC,MAAMC,EAAwB,IAAIC,QAS5B,SAAUC,EACdC,EACAC,GAEA,IAAKA,GAAYD,EAAME,SAAW,EAAG,OAErC,MAAMC,EAASH,EAAMI,cACrB,MAAMC,EAAUF,GAAQG,QAAqBX,GAC7C,MAAMY,EAAOJ,GAAQK,cAAcC,YACnC,IAAKJ,IAAYE,EAAM,OAEvBV,EAAsBa,IAAIL,EAA1BR,KACAQ,EAAQM,aAAaf,EAA0B,IAE/C,MAAMgB,EAAS,KACbP,EAAQQ,gBAAgBjB,GACxBW,EAAKO,oBAAoB,YAAaF,GACtCL,EAAKO,oBAAoB,gBAAiBF,GAC1CL,EAAKO,oBAAoB,OAAQF,GACjCf,EAAsBkB,OAAOV,EAAQ,EAGvCR,EAAsBmB,IAAIX,EAASO,GACnCL,EAAKU,iBAAiB,YAAaL,GACnCL,EAAKU,iBAAiB,gBAAiBL,GACvCL,EAAKU,iBAAiB,OAAQL,EAChC,Q","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["max","values","valueof","undefined","value","index"],"sources":["node_modules/d3-array/src/max.js"],"sourcesContent":["export default function max(values, valueof) {\n let max;\n if (valueof === undefined) {\n for (const value of values) {\n if (value != null\n && (max < value || (max === undefined && value >= value))) {\n max = value;\n }\n }\n } else {\n let index = -1;\n for (let value of values) {\n if ((value = valueof(value, ++index, values)) != null\n && (max < value || (max === undefined && value >= value))) {\n max = value;\n }\n }\n }\n return max;\n}\n"],"mappings":"AAAe,SAASA,EAAIC,EAAQC,GAClC,IAAIF,EACJ,GAAIE,IAAYC,UAAW,CACzB,IAAK,MAAMC,KAASH,EAAQ,CAC1B,GAAIG,GAAS,OACLJ,EAAMI,GAAUJ,IAAQG,WAAaC,GAASA,GAAS,CAC7DJ,EAAMI,CACd,CACA,CACA,KAAS,CACL,IAAIC,GAAQ,EACZ,IAAK,IAAID,KAASH,EAAQ,CACxB,IAAKG,EAAQF,EAAQE,IAASC,EAAOJ,KAAY,OACzCD,EAAMI,GAAUJ,IAAQG,WAAaC,GAASA,GAAS,CAC7DJ,EAAMI,CACd,CACA,CACA,CACE,OAAOJ,CACT,Q","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{p as s,H as e,c as t,h as o,a as n,t as i}from"./index.js";import{p as a}from"./p-BOQnc-M4.js";import{p as l}from"./p-B6Vuayt6.js";import{d as r}from"./p-BFRMwl93.js";import{d}from"./p-huw1oRbt.js";import{d as c}from"./p-BAfG3M8z.js";import{d as h}from"./p-Ca-I2UnB.js";import{d as p}from"./p-DhLmoCe_.js";import{d as f}from"./p-CPwpgUWT.js";import{d as u}from"./p-69lHhJiX.js";const m=["search","agents","messages","stacks","activity","help"];const g="search";const v="help";const w={search:"Search",messages:"Messages",stacks:"Stacks",activity:"Activity",agents:"Agents",help:"Help & Support"};const _={search:"K",agents:"A",messages:"M",stacks:"S",activity:"N",help:"/"};function b(s,e){if(e){return a(e,[])}return s??[]}function y(s){const e=new Map;for(const t of s){if(!e.has(t.id))e.set(t.id,t)}return m.flatMap((s=>{const t=e.get(s);return t?[t]:[]}))}function x(s){return s!==null&&m.includes(s)}function k(s,e,t){if(!t||s.some((s=>s.id===t))){return{open:e,activeTool:t,removedTool:""}}return{open:false,activeTool:"",removedTool:t}}function T(s){const e=s.transitionProperty.split(",").map((s=>s.trim()));const t=s.transitionDuration.split(",").map((s=>l(s.trim(),0)));const o=s.transitionDelay.split(",").map((s=>l(s.trim(),0)));return e.reduce(((s,e,n)=>{if(e!=="all"&&e!=="max-width")return s;const i=t[n%t.length]??0;const a=o[n%o.length]??0;return Math.max(s,i+a,0)}),0)}function C(s,e){return!s&&e==="idle"}function A(s,e,t){if(t==="closing")return s<=.5;if(t==="opening")return e>0&&s>=e-.5;return true}function z(s,e,t){if(s&&e===t){return{open:false,activeTool:t,selected:false}}return{open:true,activeTool:t,selected:true}}const S=()=>`.ds-control--lg.sc-ds-panel-tools,.ds-control--lg.sc-ds-panel-tools-h,.ds-control--md.sc-ds-panel-tools-h,.ds-control--md.sc-ds-panel-tools,.ds-control--sm.sc-ds-panel-tools-h,.ds-control--sm.sc-ds-panel-tools,.ds-control--xs.sc-ds-panel-tools-h,.ds-control--xs.sc-ds-panel-tools{--ds-control-radius:var(--dimension-radius-025)}.ds-control--lg.sc-ds-panel-tools-h,.ds-control--lg.sc-ds-panel-tools{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-panel-tools-h,.ds-control--md.sc-ds-panel-tools{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-panel-tools-h,.ds-control--sm.sc-ds-panel-tools{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-panel-tools-h,.ds-control--xs.sc-ds-panel-tools{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-chrome-space--sm.sc-ds-panel-tools-h,.ds-chrome-space--sm.sc-ds-panel-tools{--ds-chrome-padding:var(--dimension-space-050);--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-panel-tools-h,.ds-chrome-space--md.sc-ds-panel-tools{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-panel-tools-h,.ds-chrome-space--lg.sc-ds-panel-tools{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-panel-tools-h,.ds-chrome-row.sc-ds-panel-tools,.ds-chrome-column.sc-ds-panel-tools-h,.ds-chrome-column.sc-ds-panel-tools,.ds-chrome-grid.sc-ds-panel-tools-h,.ds-chrome-grid.sc-ds-panel-tools{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-panel-tools-h,.ds-chrome-row.sc-ds-panel-tools{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-panel-tools-h,.ds-chrome-column.sc-ds-panel-tools{flex-direction:column}.ds-chrome-grid.sc-ds-panel-tools-h,.ds-chrome-grid.sc-ds-panel-tools{display:grid;align-items:center}.ds-scrollbar-hidden.sc-ds-panel-tools-h,.ds-scrollbar-hidden.sc-ds-panel-tools{scrollbar-width:none}.ds-scrollbar-hidden.sc-ds-panel-tools-h::-webkit-scrollbar,.ds-scrollbar-hidden.sc-ds-panel-tools::-webkit-scrollbar{display:none}.sc-ds-panel-tools-h{display:block;flex:0 0 auto;box-sizing:border-box;height:100%;min-height:0;overflow:hidden;--_panel-tools-rail-width:var(--dimension-size-600);--_panel-tools-drawer-width:var(--ds-shell-panel-tools-width, var(--dimension-panel-width-xs));--_panel-tools-border:var(--dimension-stroke-width-012, 1px) solid var(--color-border-tertiary);--_panel-tools-expand-dur:var(--effect-animation-duration-medium-1, 300ms)}.panel-tools__layout.sc-ds-panel-tools{display:flex;flex-direction:row-reverse;align-items:stretch;height:100%;min-height:0;box-sizing:border-box}.panel-tools__drawer.sc-ds-panel-tools{flex:0 0 auto;max-width:0;min-width:0;height:100%;min-height:0;overflow:hidden;box-sizing:border-box;transition:none}.panel-tools--ready.sc-ds-panel-tools-h .panel-tools__drawer.sc-ds-panel-tools{transition:max-width var(--_panel-tools-expand-dur) var(--effect-animation-easing-ease-in-out, ease)}.panel-tools--ready.panel-tools--motion-opening.sc-ds-panel-tools-h .panel-tools__drawer.sc-ds-panel-tools{transition:max-width var(--_panel-tools-expand-dur) var(--effect-animation-easing-ease-out, ease-out)}.panel-tools--ready.panel-tools--motion-closing.sc-ds-panel-tools-h .panel-tools__drawer.sc-ds-panel-tools{transition:max-width var(--_panel-tools-expand-dur) var(--effect-animation-easing-ease-in, ease-in)}.panel-tools--open.sc-ds-panel-tools-h .panel-tools__drawer.sc-ds-panel-tools{max-width:var(--_panel-tools-drawer-width)}.panel-tools__drawer--visible.sc-ds-panel-tools{border-left:var(--_panel-tools-border)}.panel-tools__drawer-surface.sc-ds-panel-tools{display:flex;flex-direction:column;width:var(--_panel-tools-drawer-width);height:100%;min-height:0;box-sizing:border-box;background-color:transparent}.panel-tools__full-views.sc-ds-panel-tools,.panel-tools__full-view.sc-ds-panel-tools{flex:1 1 auto;min-height:0;overflow:hidden}.panel-tools__full-view.sc-ds-panel-tools{height:100%}.panel-tools__full-view.sc-ds-panel-tools{display:none}.panel-tools__full-view--active.sc-ds-panel-tools{display:block}[presentation='fullscreen'].sc-ds-panel-tools-h{height:100vh;inset:0;position:fixed;width:100vw;z-index:var(--dimension-z-index-modal)}[presentation='fullscreen'].sc-ds-panel-tools-h .panel-tools__rail.sc-ds-panel-tools{display:none}[presentation='fullscreen'].sc-ds-panel-tools-h .panel-tools__drawer.sc-ds-panel-tools{max-width:100vw;transition:none;width:100vw}[presentation='fullscreen'].sc-ds-panel-tools-h .panel-tools__drawer--visible.sc-ds-panel-tools{border-left:none}[presentation='fullscreen'].sc-ds-panel-tools-h .panel-tools__drawer-surface.sc-ds-panel-tools{background-color:transparent;width:100vw}[presentation='fullscreen'].sc-ds-panel-tools-h:not(.panel-tools--fullscreen) .panel-tools__drawer-surface.sc-ds-panel-tools,.panel-tools--fullscreen.sc-ds-panel-tools-h:not([presentation='fullscreen']) .panel-tools__drawer-surface.sc-ds-panel-tools{visibility:hidden}.panel-tools--presentation-snap.sc-ds-panel-tools-h .panel-tools__drawer.sc-ds-panel-tools{transition:none}.panel-tools__body.sc-ds-panel-tools{flex:1 1 auto;min-height:0;overflow:auto;position:relative}.panel-tools--drawer-resting.sc-ds-panel-tools-h .panel-tools__body.sc-ds-panel-tools{content-visibility:auto;contain-intrinsic-size:auto 200px}.panel-tools__view.sc-ds-panel-tools{display:none;height:100%;min-height:0;box-sizing:border-box;padding:var(--dimension-space-200);color:var(--color-foreground-secondary);font-family:var(--typography-font-family);font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half)}.panel-tools__view.sc-ds-panel-tools-s>*,.panel-tools__view .sc-ds-panel-tools-s>*{margin:0;color:var(--color-foreground-secondary);font-family:var(--typography-font-family);font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half)}.panel-tools__view--active.sc-ds-panel-tools{display:block}.panel-tools__rail.sc-ds-panel-tools{flex:0 0 var(--_panel-tools-rail-width);width:var(--_panel-tools-rail-width);min-width:var(--_panel-tools-rail-width);display:flex;flex-direction:column;box-sizing:border-box;height:100%;min-height:0;border-left:var(--_panel-tools-border);background-color:transparent}.panel-tools__rail-header.sc-ds-panel-tools{justify-content:center;height:var(--dimension-size-600);flex-shrink:0;border-bottom:var(--_panel-tools-border)}.panel-tools__rail-body.sc-ds-panel-tools{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.panel-tools__rail-actions.sc-ds-panel-tools{display:flex;flex-direction:column;gap:var(--dimension-space-050);width:100%}.panel-tools__rail-footer.sc-ds-panel-tools{justify-content:center;flex-shrink:0;margin-top:auto}.panel-tools__rail-action.sc-ds-panel-tools{display:flex;align-items:center;justify-content:center;width:100%;height:var(--ds-control-height);flex-shrink:0}@media (prefers-reduced-motion: reduce){.panel-tools--ready.panel-tools--motion-opening.sc-ds-panel-tools-h .panel-tools__drawer.sc-ds-panel-tools,.panel-tools--ready.panel-tools--motion-closing.sc-ds-panel-tools-h .panel-tools__drawer.sc-ds-panel-tools{transition:none}}`;const j=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.dsToolChange=t(this,"dsToolChange");this.dsPresentationChange=t(this,"dsPresentationChange");this.dsHeaderBack=t(this,"dsHeaderBack");this.dsHeaderAction=t(this,"dsHeaderAction");this.dsChromeTransitionStart=t(this,"dsChromeTransitionStart");this.dsChromeTransitionEnd=t(this,"dsChromeTransitionEnd");this.open=false;this.presentation="drawer";this.fullscreenHeaderMode="shared";this.activeTool="";this.items=[];this.itemsJson="";this.toolsLabel="Tools";this.toolShortcutsLabel="Tool shortcuts";this.headers={};this.headersJson="";this.storageKey="";this.motion="idle";this.drawerSurfaceRetained=false;this.readyForMotion=false;this.presentationMotionSuppressed=false;this.rovingIndex=0;this.fullViewToolIds=[];this.motionEnableGeneration=0;this.presentationMotionGeneration=0;this.transitionGeneration=0;this.transitionFallbackTimer=null;this.ignoreReplacementTerminal=false;this.focusBeforeFullscreen=null;this.fullViewObserver=null;this.handleComposedHeaderAction=s=>{const e=s.detail;if(!this.activeTool||!e?.id)return;s.stopPropagation();this.dsHeaderAction.emit({tool:this.activeTool,id:e.id})};this.handleTransitionEnd=s=>{const e=this.el.querySelector(".panel-tools__drawer");if(s.target!==e)return;if(s.propertyName!=="max-width")return;if(this.ignoreReplacementTerminal){this.ignoreReplacementTerminal=false;return}if(s.type==="transitioncancel")return;if(e&&!this.drawerTransitionAtTerminal(e,this.motion))return;this.finishDrawerTransition()};this.handleToolChange=s=>{const e=z(this.open,this.activeTool,s);this.open=e.open;this.activeTool=e.activeTool;this.dsToolChange.emit({id:s,selected:e.selected})};this.handleRailKeyDown=(s,e)=>{const t=this.orderedRailItems;if(!t.length)return;if(s.key==="Enter"||s.key===" "){s.preventDefault();this.handleToolChange(t[e].id);return}if(s.key==="ArrowDown"){if(e>=t.length-1)return;s.preventDefault();this.focusRailAt(e+1);return}if(s.key==="ArrowUp"){if(e<=0)return;s.preventDefault();this.focusRailAt(e-1)}}}get railItems(){return b(this.items,this.itemsJson)}get orderedRailItems(){const s=y(this.railItems);const e=s.find((s=>s.id===g));const t=s.find((s=>s.id===v));const o=s.filter((s=>s.id!==g&&s.id!==v));const n=[];if(e)n.push(e);n.push(...o);if(t)n.push(t);return n}disconnectedCallback(){this.el.removeEventListener("transitionend",this.handleTransitionEnd);this.el.removeEventListener("transitioncancel",this.handleTransitionEnd);this.el.removeEventListener("dsAction",this.handleComposedHeaderAction);this.clearTransitionCompletion();this.motionEnableGeneration+=1;this.fullViewObserver?.disconnect();this.fullViewObserver=null}presentationChanged(s,t){if(s===t)return;if(this.el.getAttribute("presentation")!==s){this.el.setAttribute("presentation",s)}const o=++this.presentationMotionGeneration;this.presentationMotionSuppressed=true;requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(o!==this.presentationMotionGeneration)return;this.presentationMotionSuppressed=false}))}));if(s==="fullscreen"){this.focusBeforeFullscreen=document.activeElement instanceof e?document.activeElement:null;this.open=true}else if(t==="fullscreen"){const s=this.focusBeforeFullscreen;const e=this.activeHeader().actions?.[0]?.id;requestAnimationFrame((async()=>{if(s?.isConnected){s.focus({preventScroll:true})}const t=s?document.activeElement===s||s.contains(document.activeElement):false;if(!t&&e)await this.focusHeaderAction(e);this.focusBeforeFullscreen=null}))}this.dsPresentationChange.emit({presentation:s})}handleFullscreenEscape(s){if(this.presentation!=="fullscreen"||s.key!=="Escape")return;s.preventDefault();s.stopPropagation();this.presentation="drawer"}deferMotionEnable(){if(this.readyForMotion)return;const s=++this.motionEnableGeneration;requestAnimationFrame((()=>{if(s!==this.motionEnableGeneration)return;requestAnimationFrame((()=>{if(s!==this.motionEnableGeneration)return;this.readyForMotion=true}))}))}connectedCallback(){this.el.addEventListener("transitionend",this.handleTransitionEnd);this.el.addEventListener("transitioncancel",this.handleTransitionEnd);this.el.addEventListener("dsAction",this.handleComposedHeaderAction)}componentWillLoad(){this.restoreLastActiveTool();this.drawerSurfaceRetained=this.open}openChanged(s,e){if(s)this.drawerSurfaceRetained=true;if(this.readyForMotion&&e!==undefined&&e!==s){this.startDrawerTransition(s?"opening":"closing")}else if(!s){this.drawerSurfaceRetained=false}this.deferMotionEnable()}activeToolChanged(){this.persistLastActiveTool();this.deferMotionEnable()}storageKeyChanged(){this.restoreLastActiveTool()}componentDidLoad(){this.deferMotionEnable();this.syncFullViewTools();this.fullViewObserver=new MutationObserver((()=>this.syncFullViewTools()));this.fullViewObserver.observe(this.el,{childList:true,attributes:true,attributeFilter:["slot"]})}itemsChanged(){this.rovingIndex=0;this.reconcileActiveTool();this.deferMotionEnable()}restoreLastActiveTool(){if(!this.storageKey||this.activeTool)return;try{const s=localStorage.getItem(this.storageKey);if(x(s))this.activeTool=s}catch{}}persistLastActiveTool(){if(!this.storageKey||!this.activeTool)return;try{localStorage.setItem(this.storageKey,this.activeTool)}catch{}}clearPersistedTool(){if(!this.storageKey)return;try{localStorage.removeItem(this.storageKey)}catch{}}reconcileActiveTool(){const s=k(this.railItems,this.open,this.activeTool);if(!s.removedTool)return;this.clearPersistedTool();this.open=s.open;this.activeTool=s.activeTool;this.dsToolChange.emit({id:s.removedTool,selected:false})}startDrawerTransition(s){const e=this.el.querySelector(".panel-tools__drawer");if(this.motion!=="idle"){this.finishDrawerTransition();this.ignoreReplacementTerminal=true}this.motion=s;this.dsChromeTransitionStart.emit({source:"panel-tools",phase:s});const t=++this.transitionGeneration;requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(t!==this.transitionGeneration||this.motion!==s)return;if(!e){this.finishDrawerTransition();return}if(this.drawerTransitionAtTerminal(e,s)){this.finishDrawerTransition();return}const o=T(getComputedStyle(e));if(o<=0){this.finishDrawerTransition();return}this.transitionFallbackTimer=window.setTimeout((()=>{this.finishDrawerTransition()}),o)}))}))}drawerTransitionAtTerminal(s,e){const t=s.getBoundingClientRect().width;const o=s.querySelector(".panel-tools__drawer-surface");const n=o?.getBoundingClientRect().width??0;return A(t,n,e)}finishDrawerTransition(){const s=this.motion;const e=s!=="idle";this.clearTransitionCompletion();if(!e)return;this.ignoreReplacementTerminal=false;this.motion="idle";if(s==="closing"&&!this.open){this.drawerSurfaceRetained=false}this.dsChromeTransitionEnd.emit({source:"panel-tools"})}clearTransitionCompletion(){this.transitionGeneration+=1;if(this.transitionFallbackTimer!==null){window.clearTimeout(this.transitionFallbackTimer);this.transitionFallbackTimer=null}}isRailSelected(s){return this.open&&this.activeTool===s}isDrawerPresent(){return this.open||this.drawerSurfaceRetained}isViewActive(s){return this.isDrawerPresent()&&this.activeTool===s}hasFullView(s){return this.fullViewToolIds.includes(s)}syncFullViewTools(){const s=["search","messages","stacks","activity","agents","help"];const e=s.filter((s=>Boolean(this.el.querySelector(`[slot="${s}-view"]`))));if(e.join("|")!==this.fullViewToolIds.join("|"))this.fullViewToolIds=e}headerLabel(){if(!this.isDrawerPresent()||!this.activeTool)return"";return w[this.activeTool]??""}resolvedHeaders(){if(Object.keys(this.headers).length)return this.headers;if(!this.headersJson.trim())return{};try{const s=JSON.parse(this.headersJson);return s&&typeof s==="object"&&!Array.isArray(s)?s:{}}catch{return{}}}activeHeader(){if(!this.activeTool)return{};return this.resolvedHeaders()[this.activeTool]??{}}async activateTool(s){const e=this.railItems.find((e=>e.id===s));if(!e||e.isInactive)return;this.handleToolChange(s)}async closeDrawer(){if(!this.open)return;const s=this.activeTool;this.open=false;if(s){this.dsToolChange.emit({id:s,selected:false})}}async focusHeaderAction(s){const e=this.el.querySelector(`[data-header-action-id="${CSS.escape(s)}"]`);await(e?.setFocus?.())}focusRailAt(s){const e=this.orderedRailItems;if(!e.length)return;const t=Math.max(0,Math.min(s,e.length-1));if(t===this.rovingIndex)return;this.rovingIndex=t;const o=Array.from(this.el.querySelectorAll(".panel-tools__rail-action .button-icon"));o[t]?.focus({preventScroll:true})}renderRailAction(s,e){const t=s.ariaLabel??w[s.id];return o("ds-tooltip",{key:s.id,label:t,shortcutKey:_[s.id],side:"left",size:"sm"},o("ds-button-unfilled",{variant:"icon",class:"panel-tools__rail-action",icon:s.icon,isActive:this.isRailSelected(s.id),activeFill:false,hasBorder:false,pressScale:false,dot:s.dot??false,isInactive:s.isInactive,focusTabIndex:e===this.rovingIndex?0:-1,"aria-label":t,pressed:this.isRailSelected(s.id),onFocusin:()=>{this.rovingIndex=e},onKeyDown:s=>this.handleRailKeyDown(s,e),onDsClick:()=>this.handleToolChange(s.id)}))}render(){const s=this.headerLabel();const e=this.activeHeader();const t=e.title?.trim()||s;const i=e.actions??[];const a=this.orderedRailItems;const l=a.find((s=>s.id===g));const r=a.find((s=>s.id===v));const d=a.filter((s=>s.id!==g&&s.id!==v));const c=r?(l?1:0)+d.length:-1;const h=this.isDrawerPresent();const p=C(this.open,this.motion);const f=Boolean(h&&this.activeTool&&this.hasFullView(this.activeTool));const u=["search","messages","stacks","activity","agents","help"];return o(n,{key:"6ffefab1733e90a6575f0832b09731fd88b3f1cc",class:{"panel-tools":true,"panel-tools--open":this.open,"panel-tools--ready":this.readyForMotion,"panel-tools--motion-opening":this.motion==="opening","panel-tools--motion-closing":this.motion==="closing","panel-tools--drawer-resting":p,"panel-tools--fullscreen":this.presentation==="fullscreen","panel-tools--presentation-snap":this.presentationMotionSuppressed},role:this.presentation==="fullscreen"?"dialog":"complementary","aria-modal":this.presentation==="fullscreen"?"true":undefined,"aria-label":this.toolsLabel},o("div",{key:"3229a4cce014aeb36a633ff783886d96b751baa4",class:"panel-tools__layout"},o("nav",{key:"af56bb6c3ee16a894f7ca4672a60f18a42b9603d",class:"panel-tools__rail","aria-label":this.toolShortcutsLabel},l?o("div",{class:"panel-tools__rail-header ds-chrome-row ds-chrome-space--md"},this.renderRailAction(l,0)):null,o("div",{key:"9b05baff62b2a280dde60db02612b473a6a948bb",class:"panel-tools__rail-body ds-chrome-column ds-chrome-space--md ds-scrollbar-hidden"},o("div",{key:"eee42e189d0a28c97da51129756f387626e8d140",class:"panel-tools__rail-actions"},d.map(((s,e)=>this.renderRailAction(s,l?e+1:e))))),r?o("div",{class:"panel-tools__rail-footer ds-chrome-row ds-chrome-space--md"},this.renderRailAction(r,c)):null),o("div",{key:"7d152c46e37e3972244acdac1e4e6660217b226f",class:{"panel-tools__drawer":true,"panel-tools__drawer--visible":h},"aria-hidden":h?null:"true",inert:h?undefined:true},o("div",{key:"791d61d5ec3f6a5d4e6a75c9befb56b910caee98",class:"panel-tools__drawer-surface"},this.presentation!=="fullscreen"||this.fullscreenHeaderMode==="shared"?o("ds-panel-tool-header",{class:"panel-tools__header",heading:t,showBack:e.showBack??false,backIcon:e.backIcon||"ChevronLeft",backAriaLabel:e.backAriaLabel||"Back",showMenu:false,ref:s=>{const e=s;if(e)e.actions=i},onDsBack:()=>{if(this.activeTool)this.dsHeaderBack.emit({tool:this.activeTool})}}):null,o("div",{key:"5410dbac178d638747bf708038faa01219f5cff1",class:"panel-tools__body",hidden:f},u.map((s=>{const e=this.isViewActive(s);return o("div",{class:{"panel-tools__view":true,"panel-tools__view--active":e},hidden:!e},o("slot",{name:s}))}))),o("div",{key:"6989d018675f1563880ab4030a6c47b6a1639ce6",class:"panel-tools__full-views",hidden:!f},u.map((s=>o("div",{class:{"panel-tools__full-view":true,"panel-tools__full-view--active":this.isViewActive(s)&&this.hasFullView(s)},hidden:!(this.isViewActive(s)&&this.hasFullView(s))},o("slot",{name:`${s}-view`})))))))))}get el(){return this}static get watchers(){return{presentation:[{presentationChanged:0}],open:[{openChanged:0}],activeTool:[{activeToolChanged:0}],storageKey:[{storageKeyChanged:0}],items:[{itemsChanged:0}],itemsJson:[{itemsChanged:0}]}}static get style(){return S()}},[262,"ds-panel-tools",{open:[1540],presentation:[1537],fullscreenHeaderMode:[513,"fullscreen-header-mode"],activeTool:[1537,"active-tool"],items:[16],itemsJson:[1,"items-json"],toolsLabel:[1,"tools-label"],toolShortcutsLabel:[1,"tool-shortcuts-label"],headers:[16],headersJson:[1,"headers-json"],storageKey:[1,"storage-key"],motion:[32],drawerSurfaceRetained:[32],readyForMotion:[32],presentationMotionSuppressed:[32],rovingIndex:[32],fullViewToolIds:[32],activateTool:[64],closeDrawer:[64],focusHeaderAction:[64]},[[10,"keydown","handleFullscreenEscape"]],{presentation:[{presentationChanged:0}],open:[{openChanged:0}],activeTool:[{activeToolChanged:0}],storageKey:[{storageKeyChanged:0}],items:[{itemsChanged:0}],itemsJson:[{itemsChanged:0}]}]);function E(){if(typeof customElements==="undefined"){return}const s=["ds-panel-tools","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-panel-tool-header","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-panel-tools":if(!customElements.get(i(s))){customElements.define(i(s),j)}break;case"ds-badge":if(!customElements.get(i(s))){r()}break;case"ds-button-unfilled":if(!customElements.get(i(s))){d()}break;case"ds-icon":if(!customElements.get(i(s))){c()}break;case"ds-loader":if(!customElements.get(i(s))){h()}break;case"ds-panel-tool-header":if(!customElements.get(i(s))){p()}break;case"ds-text":if(!customElements.get(i(s))){f()}break;case"ds-tooltip":if(!customElements.get(i(s))){u()}break}}))}E();export{j as P,z as a,m as b,w as c,E as d,b as p,k as r};
|
|
2
|
-
//# sourceMappingURL=p-CNjOyUQu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["PANEL_TOOLS_TOOL_IDS","PANEL_TOOLS_PRIMARY_TOOL_ID","PANEL_TOOLS_FOOTER_TOOL_ID","PANEL_TOOLS_LABELS","search","messages","stacks","activity","agents","help","PANEL_TOOLS_SHORTCUTS","parsePanelToolsItems","items","itemsJson","parseJsonArrayProp","orderPanelToolsItems","firstById","Map","item","has","id","set","flatMap","get","isPanelToolsToolId","value","includes","reconcilePanelToolsAvailability","open","activeTool","some","removedTool","panelToolsDrawerTransitionMs","style","properties","transitionProperty","split","map","trim","durations","transitionDuration","parseCssTimeMs","delays","transitionDelay","reduce","max","property","index","duration","length","delay","Math","panelToolsDrawerResting","motion","panelToolsDrawerAtTerminal","width","targetWidth","resolvePanelToolActivation","selected","panelToolsCss","PanelTools","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","presentation","fullscreenHeaderMode","toolsLabel","toolShortcutsLabel","headers","headersJson","storageKey","drawerSurfaceRetained","readyForMotion","presentationMotionSuppressed","rovingIndex","fullViewToolIds","motionEnableGeneration","presentationMotionGeneration","transitionGeneration","transitionFallbackTimer","ignoreReplacementTerminal","focusBeforeFullscreen","fullViewObserver","handleComposedHeaderAction","event","detail","stopPropagation","dsHeaderAction","emit","tool","handleTransitionEnd","drawer","el","querySelector","target","propertyName","type","drawerTransitionAtTerminal","finishDrawerTransition","handleToolChange","next","dsToolChange","handleRailKeyDown","e","orderedRailItems","key","preventDefault","focusRailAt","railItems","headerItem","find","footerItem","bodyItems","filter","ordered","push","disconnectedCallback","removeEventListener","clearTransitionCompletion","disconnect","presentationChanged","previous","getAttribute","setAttribute","presentationGeneration","requestAnimationFrame","document","activeElement","fallbackActionId","activeHeader","actions","async","isConnected","focus","preventScroll","focusRestored","contains","focusHeaderAction","dsPresentationChange","handleFullscreenEscape","deferMotionEnable","generation","connectedCallback","addEventListener","componentWillLoad","restoreLastActiveTool","openChanged","isOpen","wasOpen","undefined","startDrawerTransition","activeToolChanged","persistLastActiveTool","storageKeyChanged","componentDidLoad","syncFullViewTools","MutationObserver","observe","childList","attributes","attributeFilter","itemsChanged","reconcileActiveTool","stored","localStorage","getItem","setItem","clearPersistedTool","removeItem","phase","dsChromeTransitionStart","source","fallbackMs","getComputedStyle","window","setTimeout","getBoundingClientRect","surface","completedPhase","wasTransitioning","dsChromeTransitionEnd","clearTimeout","isRailSelected","isDrawerPresent","isViewActive","hasFullView","ids","Boolean","join","headerLabel","resolvedHeaders","Object","keys","parsed","JSON","parse","Array","isArray","activateTool","entry","isInactive","closeDrawer","action","CSS","escape","setFocus","bounded","min","from","querySelectorAll","renderRailAction","label","ariaLabel","h","shortcutKey","side","size","variant","class","icon","isActive","activeFill","hasBorder","pressScale","dot","focusTabIndex","pressed","onFocusin","onKeyDown","onDsClick","render","header","headerTitle","title","headerActions","footerIndex","showDrawerChrome","drawerResting","activeFullView","toolIds","Host","role","bodyIdx","inert","heading","showBack","backIcon","backAriaLabel","showMenu","ref","element","toolHeader","onDsBack","dsHeaderBack","hidden","active","name"],"sources":["src/wc/components/PanelTools/panel-tools-types.ts","src/wc/components/PanelTools/panel-tools-utils.ts","src/wc/components/PanelTools/PanelTools.css?tag=ds-panel-tools&encapsulation=scoped","src/wc/components/PanelTools/PanelTools.tsx"],"sourcesContent":["/** Tool ids for the `ds-panel-tools` rail and drawer views. */\nexport type PanelToolsToolId = 'search' | 'agents' | 'messages' | 'stacks' | 'activity' | 'help';\n\nexport const PANEL_TOOLS_TOOL_IDS: PanelToolsToolId[] = [\n 'search',\n 'agents',\n 'messages',\n 'stacks',\n 'activity',\n 'help',\n];\n\n/** Rail header slot — mirrors panel-nav M logo row. */\nexport const PANEL_TOOLS_PRIMARY_TOOL_ID: PanelToolsToolId = 'search';\n\n/** Rail footer slot — flush to the bottom of the tools column. */\nexport const PANEL_TOOLS_FOOTER_TOOL_ID: PanelToolsToolId = 'help';\n\nexport const PANEL_TOOLS_LABELS: Record<PanelToolsToolId, string> = {\n search: 'Search',\n messages: 'Messages',\n stacks: 'Stacks',\n activity: 'Activity',\n agents: 'Agents',\n help: 'Help & Support',\n};\n\nexport const PANEL_TOOLS_SHORTCUTS: Partial<Record<PanelToolsToolId, string>> = {\n search: 'K',\n agents: 'A',\n messages: 'M',\n stacks: 'S',\n activity: 'N',\n help: '/',\n};\n\nexport interface PanelToolsItem {\n id: PanelToolsToolId;\n /** Icon name for <ds-icon>. */\n icon: string;\n /** Whether this rail button is currently pressed/active. */\n selected?: boolean;\n /** Show a notification dot. */\n dot?: boolean;\n isInactive?: boolean;\n ariaLabel?: string;\n}\n\nexport interface PanelToolsHeaderAction {\n id: string;\n icon: string;\n ariaLabel: string;\n triggerId?: string;\n controls?: string;\n expanded?: boolean;\n haspopup?: 'menu' | 'dialog' | 'listbox' | 'tree' | 'grid';\n pressed?: boolean;\n isInactive?: boolean;\n}\n\nexport interface PanelToolsHeaderConfig {\n title?: string;\n showBack?: boolean;\n backIcon?: string;\n backAriaLabel?: string;\n actions?: PanelToolsHeaderAction[];\n}\n\n/** Per-tool header state. The application replaces the object when a tool changes depth or actions. */\nexport type PanelToolsHeaders = Partial<Record<PanelToolsToolId, PanelToolsHeaderConfig>>;\n","import { parseJsonArrayProp } from '../BarNav/bar-nav-utils';\nimport { parseCssTimeMs } from '../../utils/resolve-css-time-ms';\nimport {\n PANEL_TOOLS_TOOL_IDS,\n type PanelToolsItem,\n type PanelToolsToolId,\n} from './panel-tools-types';\n\nexport function parsePanelToolsItems(items: PanelToolsItem[], itemsJson: string): PanelToolsItem[] {\n if (itemsJson) {\n return parseJsonArrayProp<PanelToolsItem>(itemsJson, []);\n }\n return items ?? [];\n}\n\nexport function orderPanelToolsItems(items: PanelToolsItem[]): PanelToolsItem[] {\n const firstById = new Map<PanelToolsToolId, PanelToolsItem>();\n for (const item of items) {\n if (!firstById.has(item.id)) firstById.set(item.id, item);\n }\n return PANEL_TOOLS_TOOL_IDS.flatMap(id => {\n const item = firstById.get(id);\n return item ? [item] : [];\n });\n}\n\nexport function isPanelToolsToolId(value: string | null): value is PanelToolsToolId {\n return value !== null && PANEL_TOOLS_TOOL_IDS.includes(value as PanelToolsToolId);\n}\n\nexport function reconcilePanelToolsAvailability(\n items: PanelToolsItem[],\n open: boolean,\n activeTool: PanelToolsToolId | ''\n): { open: boolean; activeTool: PanelToolsToolId | ''; removedTool: PanelToolsToolId | '' } {\n if (!activeTool || items.some(item => item.id === activeTool)) {\n return { open, activeTool, removedTool: '' };\n }\n return { open: false, activeTool: '', removedTool: activeTool };\n}\n\nexport function shouldResyncPanelToolsItems(\n prev: PanelToolsItem[],\n next: PanelToolsItem[]\n): boolean {\n if (prev.length !== next.length) return true;\n return next.some((item, index) => {\n const prior = prev[index];\n if (!prior) return true;\n return (\n prior.id !== item.id ||\n prior.icon !== item.icon ||\n prior.selected !== item.selected ||\n prior.dot !== item.dot ||\n prior.isInactive !== item.isInactive ||\n prior.ariaLabel !== item.ariaLabel\n );\n });\n}\n\nexport type PanelToolsMotion = 'opening' | 'closing' | 'idle';\n\nexport interface PanelToolsTransitionStyle {\n transitionProperty: string;\n transitionDuration: string;\n transitionDelay: string;\n}\n\n/** Maximum computed time for the drawer's max-width transition, including delay. */\nexport function panelToolsDrawerTransitionMs(style: PanelToolsTransitionStyle): number {\n const properties = style.transitionProperty.split(',').map(item => item.trim());\n const durations = style.transitionDuration.split(',').map(item => parseCssTimeMs(item.trim(), 0));\n const delays = style.transitionDelay.split(',').map(item => parseCssTimeMs(item.trim(), 0));\n\n return properties.reduce((max, property, index) => {\n if (property !== 'all' && property !== 'max-width') return max;\n const duration = durations[index % durations.length] ?? 0;\n const delay = delays[index % delays.length] ?? 0;\n return Math.max(max, duration + delay, 0);\n }, 0);\n}\n\n/** True when the drawer clip is fully closed — safe to skip painting slot content. */\nexport function panelToolsDrawerResting(open: boolean, motion: PanelToolsMotion): boolean {\n return !open && motion === 'idle';\n}\n\n/** True only when the animated clip has reached the terminal width for its motion phase. */\nexport function panelToolsDrawerAtTerminal(\n width: number,\n targetWidth: number,\n motion: PanelToolsMotion\n): boolean {\n if (motion === 'closing') return width <= 0.5;\n if (motion === 'opening') return targetWidth > 0 && width >= targetWidth - 0.5;\n return true;\n}\n\n/** Toggle or switch rail tool selection — repeat activation closes the active tool. */\nexport function resolvePanelToolActivation(\n open: boolean,\n activeTool: PanelToolsToolId | '',\n id: PanelToolsToolId\n): { open: boolean; activeTool: PanelToolsToolId; selected: boolean } {\n if (open && activeTool === id) {\n return { open: false, activeTool: id, selected: false };\n }\n return { open: true, activeTool: id, selected: true };\n}\n","@import '../../utils/control-density.css';\n@import '../../utils/chrome-layout.css';\n@import '../../utils/scrollbar-hidden.css';\n\n:host {\n display: block;\n flex: 0 0 auto;\n box-sizing: border-box;\n height: 100%;\n min-height: 0;\n overflow: hidden;\n --_panel-tools-rail-width: var(--dimension-size-600);\n --_panel-tools-drawer-width: var(--ds-shell-panel-tools-width, var(--dimension-panel-width-xs));\n --_panel-tools-border: var(--dimension-stroke-width-012, 1px) solid var(--color-border-tertiary);\n /* Match panel-nav expand timing (medium-1); easing differs by direction. */\n --_panel-tools-expand-dur: var(--effect-animation-duration-medium-1, 300ms);\n}\n\n.panel-tools__layout {\n display: flex;\n flex-direction: row-reverse;\n align-items: stretch;\n height: 100%;\n min-height: 0;\n box-sizing: border-box;\n}\n\n/* Clip frame — only max-width animates (slide reveal, same as pre-rail :host). */\n.panel-tools__drawer {\n flex: 0 0 auto;\n max-width: 0;\n min-width: 0;\n height: 100%;\n min-height: 0;\n overflow: hidden;\n box-sizing: border-box;\n transition: none;\n}\n\n:host(.panel-tools--ready) .panel-tools__drawer {\n transition: max-width var(--_panel-tools-expand-dur)\n var(--effect-animation-easing-ease-in-out, ease);\n}\n\n:host(.panel-tools--ready.panel-tools--motion-opening) .panel-tools__drawer {\n transition: max-width var(--_panel-tools-expand-dur)\n var(--effect-animation-easing-ease-out, ease-out);\n}\n\n:host(.panel-tools--ready.panel-tools--motion-closing) .panel-tools__drawer {\n transition: max-width var(--_panel-tools-expand-dur)\n var(--effect-animation-easing-ease-in, ease-in);\n}\n\n:host(.panel-tools--open) .panel-tools__drawer {\n max-width: var(--_panel-tools-drawer-width);\n}\n\n.panel-tools__drawer--visible {\n border-left: var(--_panel-tools-border);\n}\n\n/* Fixed-width surface — ShellApp supplies the standard 300px tools width. */\n.panel-tools__drawer-surface {\n display: flex;\n flex-direction: column;\n width: var(--_panel-tools-drawer-width);\n height: 100%;\n min-height: 0;\n box-sizing: border-box;\n background-color: transparent;\n}\n\n.panel-tools__full-views,\n.panel-tools__full-view {\n flex: 1 1 auto;\n min-height: 0;\n overflow: hidden;\n}\n\n.panel-tools__full-view {\n height: 100%;\n}\n\n.panel-tools__full-view {\n display: none;\n}\n.panel-tools__full-view--active {\n display: block;\n}\n\n:host([presentation='fullscreen']) {\n height: 100vh;\n inset: 0;\n position: fixed;\n width: 100vw;\n z-index: var(--dimension-z-index-modal);\n}\n\n:host([presentation='fullscreen']) .panel-tools__rail {\n display: none;\n}\n:host([presentation='fullscreen']) .panel-tools__drawer {\n max-width: 100vw;\n transition: none;\n width: 100vw;\n}\n:host([presentation='fullscreen']) .panel-tools__drawer--visible {\n border-left: none;\n}\n:host([presentation='fullscreen']) .panel-tools__drawer-surface {\n background-color: transparent;\n width: 100vw;\n}\n\n/*\n * A framework can update the reflected presentation attribute before Stencil\n * commits the matching render class. Conceal that single inconsistent frame so\n * slotted master/detail content never paints against the previous geometry.\n */\n:host([presentation='fullscreen']:not(.panel-tools--fullscreen)) .panel-tools__drawer-surface,\n:host(.panel-tools--fullscreen:not([presentation='fullscreen'])) .panel-tools__drawer-surface {\n visibility: hidden;\n}\n\n:host(.panel-tools--presentation-snap) .panel-tools__drawer {\n transition: none;\n}\n\n.panel-tools__body {\n flex: 1 1 auto;\n min-height: 0;\n overflow: auto;\n position: relative;\n}\n\n/* Skip paint while fully closed; cleared during open/close motion for WYSIWYG slide. */\n:host(.panel-tools--drawer-resting) .panel-tools__body {\n content-visibility: auto;\n contain-intrinsic-size: auto 200px;\n}\n\n.panel-tools__view {\n display: none;\n height: 100%;\n min-height: 0;\n box-sizing: border-box;\n padding: var(--dimension-space-200);\n color: var(--color-foreground-secondary);\n font-family: var(--typography-font-family);\n font-size: var(--typography-fontsize-md);\n line-height: var(--typography-lineheight-md);\n font-weight: var(--typography-weight-regular);\n letter-spacing: var(--typography-letterspacing-negative-half);\n}\n\n.panel-tools__view ::slotted(*) {\n margin: 0;\n color: var(--color-foreground-secondary);\n font-family: var(--typography-font-family);\n font-size: var(--typography-fontsize-md);\n line-height: var(--typography-lineheight-md);\n font-weight: var(--typography-weight-regular);\n letter-spacing: var(--typography-letterspacing-negative-half);\n}\n\n.panel-tools__view--active {\n display: block;\n}\n\n/* Rail — mirrors collapsed panel-nav width, padding, and item rhythm. */\n.panel-tools__rail {\n flex: 0 0 var(--_panel-tools-rail-width);\n width: var(--_panel-tools-rail-width);\n min-width: var(--_panel-tools-rail-width);\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n height: 100%;\n min-height: 0;\n border-left: var(--_panel-tools-border);\n background-color: transparent;\n}\n\n.panel-tools__rail-header {\n justify-content: center;\n height: var(--dimension-size-600);\n flex-shrink: 0;\n border-bottom: var(--_panel-tools-border);\n}\n\n.panel-tools__rail-body {\n flex: 1 1 auto;\n min-height: 0;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.panel-tools__rail-actions {\n display: flex;\n flex-direction: column;\n gap: var(--dimension-space-050);\n width: 100%;\n}\n\n/* Flush to the bottom of the rail — mirrors Search header pin. */\n.panel-tools__rail-footer {\n justify-content: center;\n flex-shrink: 0;\n margin-top: auto;\n}\n\n.panel-tools__rail-action {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: var(--ds-control-height);\n flex-shrink: 0;\n}\n\n@media (prefers-reduced-motion: reduce) {\n :host(.panel-tools--ready.panel-tools--motion-opening) .panel-tools__drawer,\n :host(.panel-tools--ready.panel-tools--motion-closing) .panel-tools__drawer {\n transition: none;\n }\n}\n","import {\n Component,\n Prop,\n Event,\n EventEmitter,\n Element,\n State,\n Watch,\n Method,\n Listen,\n h,\n Host,\n} from '@stencil/core';\nimport type { ChromeTransitionDetail } from '../../shell/chrome-transition';\nimport {\n PANEL_TOOLS_FOOTER_TOOL_ID,\n PANEL_TOOLS_LABELS,\n PANEL_TOOLS_PRIMARY_TOOL_ID,\n PANEL_TOOLS_SHORTCUTS,\n type PanelToolsHeaderAction,\n type PanelToolsHeaderConfig,\n type PanelToolsHeaders,\n type PanelToolsItem,\n type PanelToolsToolId,\n} from './panel-tools-types';\nimport {\n isPanelToolsToolId,\n orderPanelToolsItems,\n panelToolsDrawerAtTerminal,\n parsePanelToolsItems,\n panelToolsDrawerResting,\n panelToolsDrawerTransitionMs,\n reconcilePanelToolsAvailability,\n resolvePanelToolActivation,\n} from './panel-tools-utils';\n\n@Component({\n tag: 'ds-panel-tools',\n styleUrl: 'PanelTools.css',\n scoped: true,\n})\nexport class PanelTools {\n @Element() el!: HTMLElement;\n\n /** When false, only the icon rail is shown. */\n @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n /** Drawer presentation or viewport-covering presentation for the active tool. */\n @Prop({ mutable: true, reflect: true }) presentation: 'drawer' | 'fullscreen' = 'drawer';\n\n /** Let a fullscreen product supply independent master/detail headers inside its view. */\n @Prop({ attribute: 'fullscreen-header-mode', reflect: true })\n fullscreenHeaderMode: 'shared' | 'split' = 'shared';\n\n /** Active tool view — `search`, `agents`, `messages`, `stacks`, `activity`, or `help`. */\n @Prop({ mutable: true, attribute: 'active-tool', reflect: true })\n activeTool: PanelToolsToolId | '' = '';\n\n /**\n * Rail items rendered in the right column.\n * Set via JS property: `el.items = [...]`. Replace the array reference to update.\n */\n @Prop() items: PanelToolsItem[] = [];\n\n /** JSON fallback for `items` — useful when framework bindings don't propagate arrays. */\n @Prop({ attribute: 'items-json' }) itemsJson: string = '';\n @Prop() toolsLabel: string = 'Tools';\n @Prop() toolShortcutsLabel: string = 'Tool shortcuts';\n\n /** Active header state per tool. Replace the object when title, depth, or actions change. */\n @Prop() headers: PanelToolsHeaders = {};\n\n /** JSON fallback for `headers`. The `headers` property takes precedence when non-empty. */\n @Prop({ attribute: 'headers-json' }) headersJson: string = '';\n\n /**\n * Optional localStorage key for the last active tool. The drawer always starts\n * closed; only the tool identity is restored for continuity within this browser.\n */\n @Prop({ attribute: 'storage-key' }) storageKey: string = '';\n\n /** Emitted when a rail button is toggled. Detail = { id, selected }. */\n @Event({ bubbles: true, composed: true }) dsToolChange!: EventEmitter<{\n id: PanelToolsToolId;\n selected: boolean;\n }>;\n\n /** Emitted when fullscreen changes, including Escape-initiated exits. */\n @Event({ bubbles: true, composed: true }) dsPresentationChange!: EventEmitter<{\n presentation: 'drawer' | 'fullscreen';\n }>;\n\n /** Requests navigation to the active tool's parent view. */\n @Event({ bubbles: true, composed: true }) dsHeaderBack!: EventEmitter<{\n tool: PanelToolsToolId;\n }>;\n\n /** Requests one application-owned action from the active tool header. */\n @Event({ bubbles: true, composed: true }) dsHeaderAction!: EventEmitter<{\n tool: PanelToolsToolId;\n id: string;\n }>;\n\n /** Bubbling lifecycle — `ds-bar-nav` defers overflow checks during drawer motion. */\n @Event({ bubbles: true, composed: true })\n dsChromeTransitionStart!: EventEmitter<ChromeTransitionDetail>;\n\n @Event({ bubbles: true, composed: true })\n dsChromeTransitionEnd!: EventEmitter<ChromeTransitionDetail>;\n\n /** Arms open vs close easing for the in-flight width transition. */\n @State() private motion: 'opening' | 'closing' | 'idle' = 'idle';\n\n /** Keeps header and slotted content painted until the closing clip transition completes. */\n @State() private drawerSurfaceRetained = false;\n\n /** Suppresses width transition until the host has painted its initial open state. */\n @State() private readyForMotion = false;\n\n /** Fullscreen presentation changes snap without borrowing drawer width motion. */\n @State() private presentationMotionSuppressed = false;\n\n @State() private rovingIndex = 0;\n @State() private fullViewToolIds: PanelToolsToolId[] = [];\n\n private motionEnableGeneration = 0;\n private presentationMotionGeneration = 0;\n private transitionGeneration = 0;\n private transitionFallbackTimer: number | null = null;\n /** Ignores the old transition's terminal event when reversing direction. */\n private ignoreReplacementTerminal = false;\n private focusBeforeFullscreen: HTMLElement | null = null;\n private fullViewObserver: MutationObserver | null = null;\n\n private get railItems(): PanelToolsItem[] {\n return parsePanelToolsItems(this.items, this.itemsJson);\n }\n\n private get orderedRailItems(): PanelToolsItem[] {\n const railItems = orderPanelToolsItems(this.railItems);\n const headerItem = railItems.find(item => item.id === PANEL_TOOLS_PRIMARY_TOOL_ID);\n const footerItem = railItems.find(item => item.id === PANEL_TOOLS_FOOTER_TOOL_ID);\n const bodyItems = railItems.filter(\n item => item.id !== PANEL_TOOLS_PRIMARY_TOOL_ID && item.id !== PANEL_TOOLS_FOOTER_TOOL_ID\n );\n const ordered: PanelToolsItem[] = [];\n if (headerItem) ordered.push(headerItem);\n ordered.push(...bodyItems);\n if (footerItem) ordered.push(footerItem);\n return ordered;\n }\n\n disconnectedCallback() {\n this.el.removeEventListener('transitionend', this.handleTransitionEnd);\n this.el.removeEventListener('transitioncancel', this.handleTransitionEnd);\n this.el.removeEventListener('dsAction', this.handleComposedHeaderAction);\n this.clearTransitionCompletion();\n this.motionEnableGeneration += 1;\n this.fullViewObserver?.disconnect();\n this.fullViewObserver = null;\n }\n\n @Watch('presentation')\n presentationChanged(next: 'drawer' | 'fullscreen', previous?: 'drawer' | 'fullscreen') {\n if (next === previous) return;\n // Framework property bindings can update slotted master/detail content in\n // the same render that requests fullscreen. Reflect the host selector\n // immediately so that content cannot paint once in the drawer geometry\n // while Stencil waits to commit its next render.\n if (this.el.getAttribute('presentation') !== next) {\n this.el.setAttribute('presentation', next);\n }\n const presentationGeneration = ++this.presentationMotionGeneration;\n this.presentationMotionSuppressed = true;\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n if (presentationGeneration !== this.presentationMotionGeneration) return;\n this.presentationMotionSuppressed = false;\n });\n });\n if (next === 'fullscreen') {\n this.focusBeforeFullscreen =\n document.activeElement instanceof HTMLElement ? document.activeElement : null;\n this.open = true;\n } else if (previous === 'fullscreen') {\n const focusBeforeFullscreen = this.focusBeforeFullscreen;\n const fallbackActionId = this.activeHeader().actions?.[0]?.id;\n requestAnimationFrame(async () => {\n if (focusBeforeFullscreen?.isConnected) {\n focusBeforeFullscreen.focus({ preventScroll: true });\n }\n const focusRestored = focusBeforeFullscreen\n ? document.activeElement === focusBeforeFullscreen ||\n focusBeforeFullscreen.contains(document.activeElement)\n : false;\n if (!focusRestored && fallbackActionId) await this.focusHeaderAction(fallbackActionId);\n this.focusBeforeFullscreen = null;\n });\n }\n this.dsPresentationChange.emit({ presentation: next });\n }\n\n @Listen('keydown', { target: 'window', capture: true })\n handleFullscreenEscape(event: KeyboardEvent) {\n if (this.presentation !== 'fullscreen' || event.key !== 'Escape') return;\n event.preventDefault();\n event.stopPropagation();\n this.presentation = 'drawer';\n }\n\n private deferMotionEnable() {\n if (this.readyForMotion) return;\n const generation = ++this.motionEnableGeneration;\n requestAnimationFrame(() => {\n if (generation !== this.motionEnableGeneration) return;\n requestAnimationFrame(() => {\n if (generation !== this.motionEnableGeneration) return;\n this.readyForMotion = true;\n });\n });\n }\n\n connectedCallback() {\n this.el.addEventListener('transitionend', this.handleTransitionEnd);\n this.el.addEventListener('transitioncancel', this.handleTransitionEnd);\n this.el.addEventListener('dsAction', this.handleComposedHeaderAction);\n }\n\n private handleComposedHeaderAction = (event: Event) => {\n const detail = (event as CustomEvent<{ id?: string }>).detail;\n if (!this.activeTool || !detail?.id) return;\n event.stopPropagation();\n this.dsHeaderAction.emit({ tool: this.activeTool, id: detail.id });\n };\n\n componentWillLoad() {\n this.restoreLastActiveTool();\n this.drawerSurfaceRetained = this.open;\n }\n\n @Watch('open')\n openChanged(isOpen: boolean, wasOpen?: boolean) {\n if (isOpen) this.drawerSurfaceRetained = true;\n if (this.readyForMotion && wasOpen !== undefined && wasOpen !== isOpen) {\n this.startDrawerTransition(isOpen ? 'opening' : 'closing');\n } else if (!isOpen) {\n this.drawerSurfaceRetained = false;\n }\n this.deferMotionEnable();\n }\n\n @Watch('activeTool')\n activeToolChanged() {\n this.persistLastActiveTool();\n this.deferMotionEnable();\n }\n\n @Watch('storageKey')\n storageKeyChanged() {\n this.restoreLastActiveTool();\n }\n\n componentDidLoad() {\n this.deferMotionEnable();\n this.syncFullViewTools();\n this.fullViewObserver = new MutationObserver(() => this.syncFullViewTools());\n this.fullViewObserver.observe(this.el, {\n childList: true,\n attributes: true,\n attributeFilter: ['slot'],\n });\n }\n\n @Watch('items')\n @Watch('itemsJson')\n itemsChanged() {\n this.rovingIndex = 0;\n this.reconcileActiveTool();\n this.deferMotionEnable();\n }\n\n private restoreLastActiveTool() {\n if (!this.storageKey || this.activeTool) return;\n try {\n const stored = localStorage.getItem(this.storageKey);\n if (isPanelToolsToolId(stored)) this.activeTool = stored;\n } catch {\n /* localStorage unavailable */\n }\n }\n\n private persistLastActiveTool() {\n if (!this.storageKey || !this.activeTool) return;\n try {\n localStorage.setItem(this.storageKey, this.activeTool);\n } catch {\n /* unavailable */\n }\n }\n\n private clearPersistedTool() {\n if (!this.storageKey) return;\n try {\n localStorage.removeItem(this.storageKey);\n } catch {\n /* unavailable */\n }\n }\n\n private reconcileActiveTool() {\n const next = reconcilePanelToolsAvailability(this.railItems, this.open, this.activeTool);\n if (!next.removedTool) return;\n this.clearPersistedTool();\n this.open = next.open;\n this.activeTool = next.activeTool;\n this.dsToolChange.emit({ id: next.removedTool, selected: false });\n }\n\n private startDrawerTransition(phase: 'opening' | 'closing') {\n const drawer = this.el.querySelector('.panel-tools__drawer') as HTMLElement | null;\n if (this.motion !== 'idle') {\n this.finishDrawerTransition();\n this.ignoreReplacementTerminal = true;\n }\n this.motion = phase;\n this.dsChromeTransitionStart.emit({ source: 'panel-tools', phase });\n const generation = ++this.transitionGeneration;\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n if (generation !== this.transitionGeneration || this.motion !== phase) return;\n if (!drawer) {\n this.finishDrawerTransition();\n return;\n }\n\n if (this.drawerTransitionAtTerminal(drawer, phase)) {\n this.finishDrawerTransition();\n return;\n }\n\n const fallbackMs = panelToolsDrawerTransitionMs(getComputedStyle(drawer));\n if (fallbackMs <= 0) {\n this.finishDrawerTransition();\n return;\n }\n this.transitionFallbackTimer = window.setTimeout(() => {\n this.finishDrawerTransition();\n }, fallbackMs);\n });\n });\n }\n\n private handleTransitionEnd = (event: TransitionEvent) => {\n const drawer = this.el.querySelector('.panel-tools__drawer') as HTMLElement | null;\n if (event.target !== drawer) return;\n if (event.propertyName !== 'max-width') return;\n if (this.ignoreReplacementTerminal) {\n this.ignoreReplacementTerminal = false;\n return;\n }\n // Changing from the neutral transition recipe to the direction-specific\n // easing can cancel the transition that the reflected `open` class began.\n // The replacement transition and its watchdog still own completion; ending\n // motion here would hide the fixed-width tool surface while it is visible.\n if (event.type === 'transitioncancel') return;\n if (drawer && !this.drawerTransitionAtTerminal(drawer, this.motion)) return;\n this.finishDrawerTransition();\n };\n\n private drawerTransitionAtTerminal(\n drawer: HTMLElement,\n phase: 'opening' | 'closing' | 'idle'\n ): boolean {\n const width = drawer.getBoundingClientRect().width;\n const surface = drawer.querySelector('.panel-tools__drawer-surface') as HTMLElement | null;\n const targetWidth = surface?.getBoundingClientRect().width ?? 0;\n return panelToolsDrawerAtTerminal(width, targetWidth, phase);\n }\n\n private finishDrawerTransition() {\n const completedPhase = this.motion;\n const wasTransitioning = completedPhase !== 'idle';\n this.clearTransitionCompletion();\n if (!wasTransitioning) return;\n this.ignoreReplacementTerminal = false;\n this.motion = 'idle';\n if (completedPhase === 'closing' && !this.open) {\n this.drawerSurfaceRetained = false;\n }\n this.dsChromeTransitionEnd.emit({ source: 'panel-tools' });\n }\n\n private clearTransitionCompletion() {\n this.transitionGeneration += 1;\n if (this.transitionFallbackTimer !== null) {\n window.clearTimeout(this.transitionFallbackTimer);\n this.transitionFallbackTimer = null;\n }\n }\n\n /** Rail selection follows `open` immediately — independent of the slide animation. */\n private isRailSelected(id: PanelToolsToolId): boolean {\n return this.open && this.activeTool === id;\n }\n\n /** Drawer body stays mounted while the clip frame animates closed. */\n private isDrawerPresent(): boolean {\n return this.open || this.drawerSurfaceRetained;\n }\n\n private isViewActive(id: PanelToolsToolId): boolean {\n return this.isDrawerPresent() && this.activeTool === id;\n }\n\n private hasFullView(id: PanelToolsToolId): boolean {\n return this.fullViewToolIds.includes(id);\n }\n\n private syncFullViewTools() {\n const ids: PanelToolsToolId[] = ['search', 'messages', 'stacks', 'activity', 'agents', 'help'];\n const next = ids.filter(id => Boolean(this.el.querySelector(`[slot=\"${id}-view\"]`)));\n if (next.join('|') !== this.fullViewToolIds.join('|')) this.fullViewToolIds = next;\n }\n\n private headerLabel(): string {\n if (!this.isDrawerPresent() || !this.activeTool) return '';\n return PANEL_TOOLS_LABELS[this.activeTool as PanelToolsToolId] ?? '';\n }\n\n private resolvedHeaders(): PanelToolsHeaders {\n if (Object.keys(this.headers).length) return this.headers;\n if (!this.headersJson.trim()) return {};\n try {\n const parsed = JSON.parse(this.headersJson);\n return parsed && typeof parsed === 'object' && !Array.isArray(parsed)\n ? (parsed as PanelToolsHeaders)\n : {};\n } catch {\n return {};\n }\n }\n\n private activeHeader(): PanelToolsHeaderConfig {\n if (!this.activeTool) return {};\n return this.resolvedHeaders()[this.activeTool] ?? {};\n }\n\n private handleToolChange = (id: PanelToolsToolId) => {\n const next = resolvePanelToolActivation(this.open, this.activeTool, id);\n this.open = next.open;\n this.activeTool = next.activeTool;\n this.dsToolChange.emit({ id, selected: next.selected });\n };\n\n /** Toggle any rail tool open/closed — shell shortcuts K/A/S/M/N call this. */\n @Method()\n async activateTool(id: PanelToolsToolId) {\n const item = this.railItems.find(entry => entry.id === id);\n if (!item || item.isInactive) return;\n this.handleToolChange(id);\n }\n\n /** Close the tools drawer when open — used by shell keyboard shortcuts. */\n @Method()\n async closeDrawer() {\n if (!this.open) return;\n const id = this.activeTool;\n this.open = false;\n if (id) {\n this.dsToolChange.emit({ id, selected: false });\n }\n }\n\n /** Focus an active tool-header action by its application-owned id. */\n @Method()\n async focusHeaderAction(id: string) {\n const action = this.el.querySelector(`[data-header-action-id=\"${CSS.escape(id)}\"]`) as\n | (HTMLElement & { setFocus?: () => Promise<void> })\n | null;\n await action?.setFocus?.();\n }\n\n private focusRailAt(index: number) {\n const items = this.orderedRailItems;\n if (!items.length) return;\n const bounded = Math.max(0, Math.min(index, items.length - 1));\n if (bounded === this.rovingIndex) return;\n this.rovingIndex = bounded;\n const actions = Array.from(\n this.el.querySelectorAll<HTMLElement>('.panel-tools__rail-action .button-icon')\n );\n actions[bounded]?.focus({ preventScroll: true });\n }\n\n private handleRailKeyDown = (e: KeyboardEvent, index: number) => {\n const items = this.orderedRailItems;\n if (!items.length) return;\n\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n this.handleToolChange(items[index].id);\n return;\n }\n\n if (e.key === 'ArrowDown') {\n if (index >= items.length - 1) return;\n e.preventDefault();\n this.focusRailAt(index + 1);\n return;\n }\n\n if (e.key === 'ArrowUp') {\n if (index <= 0) return;\n e.preventDefault();\n this.focusRailAt(index - 1);\n }\n };\n\n private renderRailAction(item: PanelToolsItem, index: number) {\n const label = item.ariaLabel ?? PANEL_TOOLS_LABELS[item.id];\n return (\n <ds-tooltip\n key={item.id}\n label={label}\n shortcutKey={PANEL_TOOLS_SHORTCUTS[item.id]}\n side=\"left\"\n size=\"sm\"\n >\n <ds-button-unfilled\n variant=\"icon\"\n class=\"panel-tools__rail-action\"\n icon={item.icon}\n isActive={this.isRailSelected(item.id)}\n activeFill={false}\n hasBorder={false}\n pressScale={false}\n dot={item.dot ?? false}\n isInactive={item.isInactive}\n focusTabIndex={index === this.rovingIndex ? 0 : -1}\n aria-label={label}\n pressed={this.isRailSelected(item.id)}\n onFocusin={() => {\n this.rovingIndex = index;\n }}\n onKeyDown={(e: KeyboardEvent) => this.handleRailKeyDown(e, index)}\n onDsClick={() => this.handleToolChange(item.id)}\n />\n </ds-tooltip>\n );\n }\n\n render() {\n const headerLabel = this.headerLabel();\n const header = this.activeHeader();\n const headerTitle = header.title?.trim() || headerLabel;\n const headerActions = header.actions ?? [];\n const orderedRailItems = this.orderedRailItems;\n const headerItem = orderedRailItems.find(item => item.id === PANEL_TOOLS_PRIMARY_TOOL_ID);\n const footerItem = orderedRailItems.find(item => item.id === PANEL_TOOLS_FOOTER_TOOL_ID);\n const bodyItems = orderedRailItems.filter(\n item => item.id !== PANEL_TOOLS_PRIMARY_TOOL_ID && item.id !== PANEL_TOOLS_FOOTER_TOOL_ID\n );\n const footerIndex = footerItem ? (headerItem ? 1 : 0) + bodyItems.length : -1;\n const showDrawerChrome = this.isDrawerPresent();\n const drawerResting = panelToolsDrawerResting(this.open, this.motion);\n const activeFullView = Boolean(\n showDrawerChrome && this.activeTool && this.hasFullView(this.activeTool)\n );\n const toolIds: PanelToolsToolId[] = [\n 'search',\n 'messages',\n 'stacks',\n 'activity',\n 'agents',\n 'help',\n ];\n\n return (\n <Host\n class={{\n 'panel-tools': true,\n 'panel-tools--open': this.open,\n 'panel-tools--ready': this.readyForMotion,\n 'panel-tools--motion-opening': this.motion === 'opening',\n 'panel-tools--motion-closing': this.motion === 'closing',\n 'panel-tools--drawer-resting': drawerResting,\n 'panel-tools--fullscreen': this.presentation === 'fullscreen',\n 'panel-tools--presentation-snap': this.presentationMotionSuppressed,\n }}\n role={this.presentation === 'fullscreen' ? 'dialog' : 'complementary'}\n aria-modal={this.presentation === 'fullscreen' ? 'true' : undefined}\n aria-label={this.toolsLabel}\n >\n <div class=\"panel-tools__layout\">\n <nav class=\"panel-tools__rail\" aria-label={this.toolShortcutsLabel}>\n {headerItem ? (\n <div class=\"panel-tools__rail-header ds-chrome-row ds-chrome-space--md\">\n {this.renderRailAction(headerItem, 0)}\n </div>\n ) : null}\n <div class=\"panel-tools__rail-body ds-chrome-column ds-chrome-space--md ds-scrollbar-hidden\">\n <div class=\"panel-tools__rail-actions\">\n {bodyItems.map((item, bodyIdx) =>\n this.renderRailAction(item, headerItem ? bodyIdx + 1 : bodyIdx)\n )}\n </div>\n </div>\n {footerItem ? (\n <div class=\"panel-tools__rail-footer ds-chrome-row ds-chrome-space--md\">\n {this.renderRailAction(footerItem, footerIndex)}\n </div>\n ) : null}\n </nav>\n\n <div\n class={{\n 'panel-tools__drawer': true,\n 'panel-tools__drawer--visible': showDrawerChrome,\n }}\n aria-hidden={showDrawerChrome ? null : 'true'}\n inert={showDrawerChrome ? undefined : true}\n >\n <div class=\"panel-tools__drawer-surface\">\n {this.presentation !== 'fullscreen' || this.fullscreenHeaderMode === 'shared' ? (\n <ds-panel-tool-header\n class=\"panel-tools__header\"\n heading={headerTitle}\n showBack={header.showBack ?? false}\n backIcon={header.backIcon || 'ChevronLeft'}\n backAriaLabel={header.backAriaLabel || 'Back'}\n showMenu={false}\n ref={element => {\n const toolHeader = element as\n | (HTMLDsPanelToolHeaderElement & {\n actions: PanelToolsHeaderAction[];\n })\n | undefined;\n if (toolHeader) toolHeader.actions = headerActions;\n }}\n onDsBack={() => {\n if (this.activeTool) this.dsHeaderBack.emit({ tool: this.activeTool });\n }}\n />\n ) : null}\n <div class=\"panel-tools__body\" hidden={activeFullView}>\n {toolIds.map(id => {\n const active = this.isViewActive(id);\n return (\n <div\n class={{\n 'panel-tools__view': true,\n 'panel-tools__view--active': active,\n }}\n hidden={!active}\n >\n <slot name={id} />\n </div>\n );\n })}\n </div>\n <div class=\"panel-tools__full-views\" hidden={!activeFullView}>\n {toolIds.map(id => (\n <div\n class={{\n 'panel-tools__full-view': true,\n 'panel-tools__full-view--active':\n this.isViewActive(id) && this.hasFullView(id),\n }}\n hidden={!(this.isViewActive(id) && this.hasFullView(id))}\n >\n <slot name={`${id}-view`} />\n </div>\n ))}\n </div>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"iYAGO,MAAMA,EAA2C,CACtD,SACA,SACA,WACA,SACA,WACA,QAIK,MAAMC,EAAgD,SAGtD,MAAMC,EAA+C,OAErD,MAAMC,EAAuD,CAClEC,OAAQ,SACRC,SAAU,WACVC,OAAQ,SACRC,SAAU,WACVC,OAAQ,SACRC,KAAM,kBAGD,MAAMC,EAAmE,CAC9EN,OAAQ,IACRI,OAAQ,IACRH,SAAU,IACVC,OAAQ,IACRC,SAAU,IACVE,KAAM,KCzBF,SAAUE,EAAqBC,EAAyBC,GAC5D,GAAIA,EAAW,CACb,OAAOC,EAAmCD,EAAW,G,CAEvD,OAAOD,GAAS,EAClB,CAEM,SAAUG,EAAqBH,GACnC,MAAMI,EAAY,IAAIC,IACtB,IAAK,MAAMC,KAAQN,EAAO,CACxB,IAAKI,EAAUG,IAAID,EAAKE,IAAKJ,EAAUK,IAAIH,EAAKE,GAAIF,E,CAEtD,OAAOlB,EAAqBsB,SAAQF,IAClC,MAAMF,EAAOF,EAAUO,IAAIH,GAC3B,OAAOF,EAAO,CAACA,GAAQ,EAAE,GAE7B,CAEM,SAAUM,EAAmBC,GACjC,OAAOA,IAAU,MAAQzB,EAAqB0B,SAASD,EACzD,C,SAEgBE,EACdf,EACAgB,EACAC,GAEA,IAAKA,GAAcjB,EAAMkB,MAAKZ,GAAQA,EAAKE,KAAOS,IAAa,CAC7D,MAAO,CAAED,OAAMC,aAAYE,YAAa,G,CAE1C,MAAO,CAAEH,KAAM,MAAOC,WAAY,GAAIE,YAAaF,EACrD,CA8BM,SAAUG,EAA6BC,GAC3C,MAAMC,EAAaD,EAAME,mBAAmBC,MAAM,KAAKC,KAAInB,GAAQA,EAAKoB,SACxE,MAAMC,EAAYN,EAAMO,mBAAmBJ,MAAM,KAAKC,KAAInB,GAAQuB,EAAevB,EAAKoB,OAAQ,KAC9F,MAAMI,EAAST,EAAMU,gBAAgBP,MAAM,KAAKC,KAAInB,GAAQuB,EAAevB,EAAKoB,OAAQ,KAExF,OAAOJ,EAAWU,QAAO,CAACC,EAAKC,EAAUC,KACvC,GAAID,IAAa,OAASA,IAAa,YAAa,OAAOD,EAC3D,MAAMG,EAAWT,EAAUQ,EAAQR,EAAUU,SAAW,EACxD,MAAMC,EAAQR,EAAOK,EAAQL,EAAOO,SAAW,EAC/C,OAAOE,KAAKN,IAAIA,EAAKG,EAAWE,EAAO,EAAE,GACxC,EACL,CAGM,SAAUE,EAAwBxB,EAAeyB,GACrD,OAAQzB,GAAQyB,IAAW,MAC7B,C,SAGgBC,EACdC,EACAC,EACAH,GAEA,GAAIA,IAAW,UAAW,OAAOE,GAAS,GAC1C,GAAIF,IAAW,UAAW,OAAOG,EAAc,GAAKD,GAASC,EAAc,GAC3E,OAAO,IACT,C,SAGgBC,EACd7B,EACAC,EACAT,GAEA,GAAIQ,GAAQC,IAAeT,EAAI,CAC7B,MAAO,CAAEQ,KAAM,MAAOC,WAAYT,EAAIsC,SAAU,M,CAElD,MAAO,CAAE9B,KAAM,KAAMC,WAAYT,EAAIsC,SAAU,KACjD,CC5GA,MAAMC,EAAgB,IAAM,mmQ,MCyCfC,EAAUC,EAAA,MAAAD,UAAAE,EALvB,WAAAC,CAAAC,G,8VAS0CC,KAAArC,KAAgB,MAGhBqC,KAAAC,aAAwC,SAIhFD,KAAAE,qBAA2C,SAI3CF,KAAApC,WAAoC,GAM5BoC,KAAArD,MAA0B,GAGCqD,KAAApD,UAAoB,GAC/CoD,KAAAG,WAAqB,QACrBH,KAAAI,mBAA6B,iBAG7BJ,KAAAK,QAA6B,GAGAL,KAAAM,YAAsB,GAMvBN,KAAAO,WAAqB,GAgCxCP,KAAAZ,OAAyC,OAGzCY,KAAAQ,sBAAwB,MAGxBR,KAAAS,eAAiB,MAGjBT,KAAAU,6BAA+B,MAE/BV,KAAAW,YAAc,EACdX,KAAAY,gBAAsC,GAE/CZ,KAAAa,uBAAyB,EACzBb,KAAAc,6BAA+B,EAC/Bd,KAAAe,qBAAuB,EACvBf,KAAAgB,wBAAyC,KAEzChB,KAAAiB,0BAA4B,MAC5BjB,KAAAkB,sBAA4C,KAC5ClB,KAAAmB,iBAA4C,KAgG5CnB,KAAAoB,2BAA8BC,IACpC,MAAMC,EAAUD,EAAuCC,OACvD,IAAKtB,KAAKpC,aAAe0D,GAAQnE,GAAI,OACrCkE,EAAME,kBACNvB,KAAKwB,eAAeC,KAAK,CAAEC,KAAM1B,KAAKpC,WAAYT,GAAImE,EAAOnE,IAAK,EAyH5D6C,KAAA2B,oBAAuBN,IAC7B,MAAMO,EAAS5B,KAAK6B,GAAGC,cAAc,wBACrC,GAAIT,EAAMU,SAAWH,EAAQ,OAC7B,GAAIP,EAAMW,eAAiB,YAAa,OACxC,GAAIhC,KAAKiB,0BAA2B,CAClCjB,KAAKiB,0BAA4B,MACjC,M,CAMF,GAAII,EAAMY,OAAS,mBAAoB,OACvC,GAAIL,IAAW5B,KAAKkC,2BAA2BN,EAAQ5B,KAAKZ,QAAS,OACrEY,KAAKmC,wBAAwB,EAiFvBnC,KAAAoC,iBAAoBjF,IAC1B,MAAMkF,EAAO7C,EAA2BQ,KAAKrC,KAAMqC,KAAKpC,WAAYT,GACpE6C,KAAKrC,KAAO0E,EAAK1E,KACjBqC,KAAKpC,WAAayE,EAAKzE,WACvBoC,KAAKsC,aAAab,KAAK,CAAEtE,KAAIsC,SAAU4C,EAAK5C,UAAW,EA2CjDO,KAAAuC,kBAAoB,CAACC,EAAkB1D,KAC7C,MAAMnC,EAAQqD,KAAKyC,iBACnB,IAAK9F,EAAMqC,OAAQ,OAEnB,GAAIwD,EAAEE,MAAQ,SAAWF,EAAEE,MAAQ,IAAK,CACtCF,EAAEG,iBACF3C,KAAKoC,iBAAiBzF,EAAMmC,GAAO3B,IACnC,M,CAGF,GAAIqF,EAAEE,MAAQ,YAAa,CACzB,GAAI5D,GAASnC,EAAMqC,OAAS,EAAG,OAC/BwD,EAAEG,iBACF3C,KAAK4C,YAAY9D,EAAQ,GACzB,M,CAGF,GAAI0D,EAAEE,MAAQ,UAAW,CACvB,GAAI5D,GAAS,EAAG,OAChB0D,EAAEG,iBACF3C,KAAK4C,YAAY9D,EAAQ,E,EAsK9B,CAniBC,aAAY+D,GACV,OAAOnG,EAAqBsD,KAAKrD,MAAOqD,KAAKpD,U,CAG/C,oBAAY6F,GACV,MAAMI,EAAY/F,EAAqBkD,KAAK6C,WAC5C,MAAMC,EAAaD,EAAUE,MAAK9F,GAAQA,EAAKE,KAAOnB,IACtD,MAAMgH,EAAaH,EAAUE,MAAK9F,GAAQA,EAAKE,KAAOlB,IACtD,MAAMgH,EAAYJ,EAAUK,QAC1BjG,GAAQA,EAAKE,KAAOnB,GAA+BiB,EAAKE,KAAOlB,IAEjE,MAAMkH,EAA4B,GAClC,GAAIL,EAAYK,EAAQC,KAAKN,GAC7BK,EAAQC,QAAQH,GAChB,GAAID,EAAYG,EAAQC,KAAKJ,GAC7B,OAAOG,C,CAGT,oBAAAE,GACErD,KAAK6B,GAAGyB,oBAAoB,gBAAiBtD,KAAK2B,qBAClD3B,KAAK6B,GAAGyB,oBAAoB,mBAAoBtD,KAAK2B,qBACrD3B,KAAK6B,GAAGyB,oBAAoB,WAAYtD,KAAKoB,4BAC7CpB,KAAKuD,4BACLvD,KAAKa,wBAA0B,EAC/Bb,KAAKmB,kBAAkBqC,aACvBxD,KAAKmB,iBAAmB,I,CAI1B,mBAAAsC,CAAoBpB,EAA+BqB,GACjD,GAAIrB,IAASqB,EAAU,OAKvB,GAAI1D,KAAK6B,GAAG8B,aAAa,kBAAoBtB,EAAM,CACjDrC,KAAK6B,GAAG+B,aAAa,eAAgBvB,E,CAEvC,MAAMwB,IAA2B7D,KAAKc,6BACtCd,KAAKU,6BAA+B,KACpCoD,uBAAsB,KACpBA,uBAAsB,KACpB,GAAID,IAA2B7D,KAAKc,6BAA8B,OAClEd,KAAKU,6BAA+B,KAAK,GACzC,IAEJ,GAAI2B,IAAS,aAAc,CACzBrC,KAAKkB,sBACH6C,SAASC,yBAAyBnE,EAAckE,SAASC,cAAgB,KAC3EhE,KAAKrC,KAAO,I,MACP,GAAI+F,IAAa,aAAc,CACpC,MAAMxC,EAAwBlB,KAAKkB,sBACnC,MAAM+C,EAAmBjE,KAAKkE,eAAeC,UAAU,IAAIhH,GAC3D2G,uBAAsBM,UACpB,GAAIlD,GAAuBmD,YAAa,CACtCnD,EAAsBoD,MAAM,CAAEC,cAAe,M,CAE/C,MAAMC,EAAgBtD,EAClB6C,SAASC,gBAAkB9C,GAC3BA,EAAsBuD,SAASV,SAASC,eACxC,MACJ,IAAKQ,GAAiBP,QAAwBjE,KAAK0E,kBAAkBT,GACrEjE,KAAKkB,sBAAwB,IAAI,G,CAGrClB,KAAK2E,qBAAqBlD,KAAK,CAAExB,aAAcoC,G,CAIjD,sBAAAuC,CAAuBvD,GACrB,GAAIrB,KAAKC,eAAiB,cAAgBoB,EAAMqB,MAAQ,SAAU,OAClErB,EAAMsB,iBACNtB,EAAME,kBACNvB,KAAKC,aAAe,Q,CAGd,iBAAA4E,GACN,GAAI7E,KAAKS,eAAgB,OACzB,MAAMqE,IAAe9E,KAAKa,uBAC1BiD,uBAAsB,KACpB,GAAIgB,IAAe9E,KAAKa,uBAAwB,OAChDiD,uBAAsB,KACpB,GAAIgB,IAAe9E,KAAKa,uBAAwB,OAChDb,KAAKS,eAAiB,IAAI,GAC1B,G,CAIN,iBAAAsE,GACE/E,KAAK6B,GAAGmD,iBAAiB,gBAAiBhF,KAAK2B,qBAC/C3B,KAAK6B,GAAGmD,iBAAiB,mBAAoBhF,KAAK2B,qBAClD3B,KAAK6B,GAAGmD,iBAAiB,WAAYhF,KAAKoB,2B,CAU5C,iBAAA6D,GACEjF,KAAKkF,wBACLlF,KAAKQ,sBAAwBR,KAAKrC,I,CAIpC,WAAAwH,CAAYC,EAAiBC,GAC3B,GAAID,EAAQpF,KAAKQ,sBAAwB,KACzC,GAAIR,KAAKS,gBAAkB4E,IAAYC,WAAaD,IAAYD,EAAQ,CACtEpF,KAAKuF,sBAAsBH,EAAS,UAAY,U,MAC3C,IAAKA,EAAQ,CAClBpF,KAAKQ,sBAAwB,K,CAE/BR,KAAK6E,mB,CAIP,iBAAAW,GACExF,KAAKyF,wBACLzF,KAAK6E,mB,CAIP,iBAAAa,GACE1F,KAAKkF,uB,CAGP,gBAAAS,GACE3F,KAAK6E,oBACL7E,KAAK4F,oBACL5F,KAAKmB,iBAAmB,IAAI0E,kBAAiB,IAAM7F,KAAK4F,sBACxD5F,KAAKmB,iBAAiB2E,QAAQ9F,KAAK6B,GAAI,CACrCkE,UAAW,KACXC,WAAY,KACZC,gBAAiB,CAAC,S,CAMtB,YAAAC,GACElG,KAAKW,YAAc,EACnBX,KAAKmG,sBACLnG,KAAK6E,mB,CAGC,qBAAAK,GACN,IAAKlF,KAAKO,YAAcP,KAAKpC,WAAY,OACzC,IACE,MAAMwI,EAASC,aAAaC,QAAQtG,KAAKO,YACzC,GAAIhD,EAAmB6I,GAASpG,KAAKpC,WAAawI,C,CAClD,M,EAKI,qBAAAX,GACN,IAAKzF,KAAKO,aAAeP,KAAKpC,WAAY,OAC1C,IACEyI,aAAaE,QAAQvG,KAAKO,WAAYP,KAAKpC,W,CAC3C,M,EAKI,kBAAA4I,GACN,IAAKxG,KAAKO,WAAY,OACtB,IACE8F,aAAaI,WAAWzG,KAAKO,W,CAC7B,M,EAKI,mBAAA4F,GACN,MAAM9D,EAAO3E,EAAgCsC,KAAK6C,UAAW7C,KAAKrC,KAAMqC,KAAKpC,YAC7E,IAAKyE,EAAKvE,YAAa,OACvBkC,KAAKwG,qBACLxG,KAAKrC,KAAO0E,EAAK1E,KACjBqC,KAAKpC,WAAayE,EAAKzE,WACvBoC,KAAKsC,aAAab,KAAK,CAAEtE,GAAIkF,EAAKvE,YAAa2B,SAAU,O,CAGnD,qBAAA8F,CAAsBmB,GAC5B,MAAM9E,EAAS5B,KAAK6B,GAAGC,cAAc,wBACrC,GAAI9B,KAAKZ,SAAW,OAAQ,CAC1BY,KAAKmC,yBACLnC,KAAKiB,0BAA4B,I,CAEnCjB,KAAKZ,OAASsH,EACd1G,KAAK2G,wBAAwBlF,KAAK,CAAEmF,OAAQ,cAAeF,UAC3D,MAAM5B,IAAe9E,KAAKe,qBAE1B+C,uBAAsB,KACpBA,uBAAsB,KACpB,GAAIgB,IAAe9E,KAAKe,sBAAwBf,KAAKZ,SAAWsH,EAAO,OACvE,IAAK9E,EAAQ,CACX5B,KAAKmC,yBACL,M,CAGF,GAAInC,KAAKkC,2BAA2BN,EAAQ8E,GAAQ,CAClD1G,KAAKmC,yBACL,M,CAGF,MAAM0E,EAAa9I,EAA6B+I,iBAAiBlF,IACjE,GAAIiF,GAAc,EAAG,CACnB7G,KAAKmC,yBACL,M,CAEFnC,KAAKgB,wBAA0B+F,OAAOC,YAAW,KAC/ChH,KAAKmC,wBAAwB,GAC5B0E,EAAW,GACd,G,CAqBE,0BAAA3E,CACNN,EACA8E,GAEA,MAAMpH,EAAQsC,EAAOqF,wBAAwB3H,MAC7C,MAAM4H,EAAUtF,EAAOE,cAAc,gCACrC,MAAMvC,EAAc2H,GAASD,wBAAwB3H,OAAS,EAC9D,OAAOD,EAA2BC,EAAOC,EAAamH,E,CAGhD,sBAAAvE,GACN,MAAMgF,EAAiBnH,KAAKZ,OAC5B,MAAMgI,EAAmBD,IAAmB,OAC5CnH,KAAKuD,4BACL,IAAK6D,EAAkB,OACvBpH,KAAKiB,0BAA4B,MACjCjB,KAAKZ,OAAS,OACd,GAAI+H,IAAmB,YAAcnH,KAAKrC,KAAM,CAC9CqC,KAAKQ,sBAAwB,K,CAE/BR,KAAKqH,sBAAsB5F,KAAK,CAAEmF,OAAQ,e,CAGpC,yBAAArD,GACNvD,KAAKe,sBAAwB,EAC7B,GAAIf,KAAKgB,0BAA4B,KAAM,CACzC+F,OAAOO,aAAatH,KAAKgB,yBACzBhB,KAAKgB,wBAA0B,I,EAK3B,cAAAuG,CAAepK,GACrB,OAAO6C,KAAKrC,MAAQqC,KAAKpC,aAAeT,C,CAIlC,eAAAqK,GACN,OAAOxH,KAAKrC,MAAQqC,KAAKQ,qB,CAGnB,YAAAiH,CAAatK,GACnB,OAAO6C,KAAKwH,mBAAqBxH,KAAKpC,aAAeT,C,CAG/C,WAAAuK,CAAYvK,GAClB,OAAO6C,KAAKY,gBAAgBnD,SAASN,E,CAG/B,iBAAAyI,GACN,MAAM+B,EAA0B,CAAC,SAAU,WAAY,SAAU,WAAY,SAAU,QACvF,MAAMtF,EAAOsF,EAAIzE,QAAO/F,GAAMyK,QAAQ5H,KAAK6B,GAAGC,cAAc,UAAU3E,eACtE,GAAIkF,EAAKwF,KAAK,OAAS7H,KAAKY,gBAAgBiH,KAAK,KAAM7H,KAAKY,gBAAkByB,C,CAGxE,WAAAyF,GACN,IAAK9H,KAAKwH,oBAAsBxH,KAAKpC,WAAY,MAAO,GACxD,OAAO1B,EAAmB8D,KAAKpC,aAAmC,E,CAG5D,eAAAmK,GACN,GAAIC,OAAOC,KAAKjI,KAAKK,SAASrB,OAAQ,OAAOgB,KAAKK,QAClD,IAAKL,KAAKM,YAAYjC,OAAQ,MAAO,GACrC,IACE,MAAM6J,EAASC,KAAKC,MAAMpI,KAAKM,aAC/B,OAAO4H,UAAiBA,IAAW,WAAaG,MAAMC,QAAQJ,GACzDA,EACD,E,CACJ,MACA,MAAO,E,EAIH,YAAAhE,GACN,IAAKlE,KAAKpC,WAAY,MAAO,GAC7B,OAAOoC,KAAK+H,kBAAkB/H,KAAKpC,aAAe,E,CAYpD,kBAAM2K,CAAapL,GACjB,MAAMF,EAAO+C,KAAK6C,UAAUE,MAAKyF,GAASA,EAAMrL,KAAOA,IACvD,IAAKF,GAAQA,EAAKwL,WAAY,OAC9BzI,KAAKoC,iBAAiBjF,E,CAKxB,iBAAMuL,GACJ,IAAK1I,KAAKrC,KAAM,OAChB,MAAMR,EAAK6C,KAAKpC,WAChBoC,KAAKrC,KAAO,MACZ,GAAIR,EAAI,CACN6C,KAAKsC,aAAab,KAAK,CAAEtE,KAAIsC,SAAU,O,EAM3C,uBAAMiF,CAAkBvH,GACtB,MAAMwL,EAAS3I,KAAK6B,GAAGC,cAAc,2BAA2B8G,IAAIC,OAAO1L,cAGrEwL,GAAQG,a,CAGR,WAAAlG,CAAY9D,GAClB,MAAMnC,EAAQqD,KAAKyC,iBACnB,IAAK9F,EAAMqC,OAAQ,OACnB,MAAM+J,EAAU7J,KAAKN,IAAI,EAAGM,KAAK8J,IAAIlK,EAAOnC,EAAMqC,OAAS,IAC3D,GAAI+J,IAAY/I,KAAKW,YAAa,OAClCX,KAAKW,YAAcoI,EACnB,MAAM5E,EAAUkE,MAAMY,KACpBjJ,KAAK6B,GAAGqH,iBAA8B,2CAExC/E,EAAQ4E,IAAUzE,MAAM,CAAEC,cAAe,M,CA2BnC,gBAAA4E,CAAiBlM,EAAsB6B,GAC7C,MAAMsK,EAAQnM,EAAKoM,WAAanN,EAAmBe,EAAKE,IACxD,OACEmM,EAAA,cACE5G,IAAKzF,EAAKE,GACViM,MAAOA,EACPG,YAAa9M,EAAsBQ,EAAKE,IACxCqM,KAAK,OACLC,KAAK,MAELH,EAAA,sBACEI,QAAQ,OACRC,MAAM,2BACNC,KAAM3M,EAAK2M,KACXC,SAAU7J,KAAKuH,eAAetK,EAAKE,IACnC2M,WAAY,MACZC,UAAW,MACXC,WAAY,MACZC,IAAKhN,EAAKgN,KAAO,MACjBxB,WAAYxL,EAAKwL,WACjByB,cAAepL,IAAUkB,KAAKW,YAAc,GAAI,EAAE,aACtCyI,EACZe,QAASnK,KAAKuH,eAAetK,EAAKE,IAClCiN,UAAW,KACTpK,KAAKW,YAAc7B,CAAK,EAE1BuL,UAAY7H,GAAqBxC,KAAKuC,kBAAkBC,EAAG1D,GAC3DwL,UAAW,IAAMtK,KAAKoC,iBAAiBnF,EAAKE,M,CAMpD,MAAAoN,GACE,MAAMzC,EAAc9H,KAAK8H,cACzB,MAAM0C,EAASxK,KAAKkE,eACpB,MAAMuG,EAAcD,EAAOE,OAAOrM,QAAUyJ,EAC5C,MAAM6C,EAAgBH,EAAOrG,SAAW,GACxC,MAAM1B,EAAmBzC,KAAKyC,iBAC9B,MAAMK,EAAaL,EAAiBM,MAAK9F,GAAQA,EAAKE,KAAOnB,IAC7D,MAAMgH,EAAaP,EAAiBM,MAAK9F,GAAQA,EAAKE,KAAOlB,IAC7D,MAAMgH,EAAYR,EAAiBS,QACjCjG,GAAQA,EAAKE,KAAOnB,GAA+BiB,EAAKE,KAAOlB,IAEjE,MAAM2O,EAAc5H,GAAcF,EAAa,EAAI,GAAKG,EAAUjE,QAAS,EAC3E,MAAM6L,EAAmB7K,KAAKwH,kBAC9B,MAAMsD,EAAgB3L,EAAwBa,KAAKrC,KAAMqC,KAAKZ,QAC9D,MAAM2L,EAAiBnD,QACrBiD,GAAoB7K,KAAKpC,YAAcoC,KAAK0H,YAAY1H,KAAKpC,aAE/D,MAAMoN,EAA8B,CAClC,SACA,WACA,SACA,WACA,SACA,QAGF,OACE1B,EAAC2B,EAAI,CAAAvI,IAAA,2CACHiH,MAAO,CACL,cAAe,KACf,oBAAqB3J,KAAKrC,KAC1B,qBAAsBqC,KAAKS,eAC3B,8BAA+BT,KAAKZ,SAAW,UAC/C,8BAA+BY,KAAKZ,SAAW,UAC/C,8BAA+B0L,EAC/B,0BAA2B9K,KAAKC,eAAiB,aACjD,iCAAkCD,KAAKU,8BAEzCwK,KAAMlL,KAAKC,eAAiB,aAAe,SAAW,gBAAe,aACzDD,KAAKC,eAAiB,aAAe,OAASqF,UAAS,aACvDtF,KAAKG,YAEjBmJ,EAAA,OAAA5G,IAAA,2CAAKiH,MAAM,uBACTL,EAAA,OAAA5G,IAAA,2CAAKiH,MAAM,oBAAmB,aAAa3J,KAAKI,oBAC7C0C,EACCwG,EAAA,OAAKK,MAAM,8DACR3J,KAAKmJ,iBAAiBrG,EAAY,IAEnC,KACJwG,EAAA,OAAA5G,IAAA,2CAAKiH,MAAM,mFACTL,EAAA,OAAA5G,IAAA,2CAAKiH,MAAM,6BACR1G,EAAU7E,KAAI,CAACnB,EAAMkO,IACpBnL,KAAKmJ,iBAAiBlM,EAAM6F,EAAaqI,EAAU,EAAIA,OAI5DnI,EACCsG,EAAA,OAAKK,MAAM,8DACR3J,KAAKmJ,iBAAiBnG,EAAY4H,IAEnC,MAGNtB,EAAA,OAAA5G,IAAA,2CACEiH,MAAO,CACL,sBAAuB,KACvB,+BAAgCkB,GACjC,cACYA,EAAmB,KAAO,OACvCO,MAAOP,EAAmBvF,UAAY,MAEtCgE,EAAA,OAAA5G,IAAA,2CAAKiH,MAAM,+BACR3J,KAAKC,eAAiB,cAAgBD,KAAKE,uBAAyB,SACnEoJ,EAAA,wBACEK,MAAM,sBACN0B,QAASZ,EACTa,SAAUd,EAAOc,UAAY,MAC7BC,SAAUf,EAAOe,UAAY,cAC7BC,cAAehB,EAAOgB,eAAiB,OACvCC,SAAU,MACVC,IAAKC,IACH,MAAMC,EAAaD,EAKnB,GAAIC,EAAYA,EAAWzH,QAAUwG,CAAa,EAEpDkB,SAAU,KACR,GAAI7L,KAAKpC,WAAYoC,KAAK8L,aAAarK,KAAK,CAAEC,KAAM1B,KAAKpC,YAAa,IAGxE,KACJ0L,EAAA,OAAA5G,IAAA,2CAAKiH,MAAM,oBAAoBoC,OAAQhB,GACpCC,EAAQ5M,KAAIjB,IACX,MAAM6O,EAAShM,KAAKyH,aAAatK,GACjC,OACEmM,EAAA,OACEK,MAAO,CACL,oBAAqB,KACrB,4BAA6BqC,GAE/BD,QAASC,GAET1C,EAAA,QAAM2C,KAAM9O,IACR,KAIZmM,EAAA,OAAA5G,IAAA,2CAAKiH,MAAM,0BAA0BoC,QAAShB,GAC3CC,EAAQ5M,KAAIjB,GACXmM,EAAA,OACEK,MAAO,CACL,yBAA0B,KAC1B,iCACE3J,KAAKyH,aAAatK,IAAO6C,KAAK0H,YAAYvK,IAE9C4O,SAAU/L,KAAKyH,aAAatK,IAAO6C,KAAK0H,YAAYvK,KAEpDmM,EAAA,QAAM2C,KAAM,GAAG9O,kB","ignoreList":[]}
|