@thewhatmatters/wmds 0.4.27 → 0.4.29
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/CHANGELOG.md +60 -0
- package/CONSUMING.md +62 -1
- package/bin/wmds-check.mjs +47 -0
- package/dist/colors.css +92 -0
- package/dist/components/atoms/Badge/badgeStyles.js +6 -6
- package/dist/components/atoms/Band/Band.d.ts +27 -0
- package/dist/components/atoms/Band/Band.d.ts.map +1 -0
- package/dist/components/atoms/Band/Band.js +22 -0
- package/dist/components/atoms/Band/bandStyles.d.ts +20 -0
- package/dist/components/atoms/Band/bandStyles.d.ts.map +1 -0
- package/dist/components/atoms/Band/bandStyles.js +23 -0
- package/dist/components/atoms/Button/ButtonStatusButton.d.ts.map +1 -1
- package/dist/components/atoms/Button/ButtonStatusButton.js +12 -5
- package/dist/components/atoms/Button/buttonStyles.d.ts +1 -1
- package/dist/components/atoms/Button/buttonStyles.d.ts.map +1 -1
- package/dist/components/atoms/Button/buttonStyles.js +2 -2
- package/dist/components/atoms/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/atoms/Checkbox/Checkbox.js +69 -68
- package/dist/components/atoms/Checkbox/checkboxStyles.d.ts +1 -1
- package/dist/components/atoms/Checkbox/checkboxStyles.d.ts.map +1 -1
- package/dist/components/atoms/Checkbox/checkboxStyles.js +1 -1
- package/dist/components/atoms/IconButton/IconButton.d.ts.map +1 -1
- package/dist/components/atoms/IconButton/IconButton.js +13 -12
- package/dist/components/atoms/IconButton/iconButtonStyles.d.ts +2 -2
- package/dist/components/atoms/IconButton/iconButtonStyles.d.ts.map +1 -1
- package/dist/components/atoms/IconButton/iconButtonStyles.js +1 -1
- package/dist/components/atoms/InlinePill/InlinePill.d.ts +42 -0
- package/dist/components/atoms/InlinePill/InlinePill.d.ts.map +1 -0
- package/dist/components/atoms/InlinePill/InlinePill.js +48 -0
- package/dist/components/atoms/InlinePill/inlinePillStyles.d.ts +27 -0
- package/dist/components/atoms/InlinePill/inlinePillStyles.d.ts.map +1 -0
- package/dist/components/atoms/InlinePill/inlinePillStyles.js +19 -0
- package/dist/components/atoms/Input/Input.d.ts +6 -3
- package/dist/components/atoms/Input/Input.d.ts.map +1 -1
- package/dist/components/atoms/Input/inputShellStyles.d.ts +1 -1
- package/dist/components/atoms/Input/inputShellStyles.d.ts.map +1 -1
- package/dist/components/atoms/Input/inputShellStyles.js +3 -3
- package/dist/components/atoms/Skeleton/skeletonStyles.js +1 -1
- package/dist/components/atoms/Switch/Switch.d.ts.map +1 -1
- package/dist/components/atoms/Switch/Switch.js +45 -44
- package/dist/components/atoms/Switch/switchStyles.d.ts +1 -1
- package/dist/components/atoms/Switch/switchStyles.d.ts.map +1 -1
- package/dist/components/atoms/Switch/switchStyles.js +1 -1
- package/dist/components/atoms/TextArea/textareaShellStyles.js +3 -3
- package/dist/components/molecules/Accordion/accordionStyles.d.ts +1 -1
- package/dist/components/molecules/Accordion/accordionStyles.d.ts.map +1 -1
- package/dist/components/molecules/Accordion/accordionStyles.js +1 -1
- package/dist/components/molecules/Breadcrumb/Breadcrumb.d.ts.map +1 -1
- package/dist/components/molecules/Breadcrumb/Breadcrumb.js +80 -122
- package/dist/components/molecules/Card/cardStyles.js +1 -1
- package/dist/components/molecules/ChatQa/chatQaStyles.d.ts +1 -1
- package/dist/components/molecules/ChatQa/chatQaStyles.d.ts.map +1 -1
- package/dist/components/molecules/ChatQa/chatQaStyles.js +1 -1
- package/dist/components/molecules/Chip/chipStyles.js +1 -1
- package/dist/components/molecules/Dropdown/Dropdown.d.ts +1 -1
- package/dist/components/molecules/Dropdown/DropdownItem.d.ts +2 -2
- package/dist/components/molecules/Dropdown/DropdownItem.d.ts.map +1 -1
- package/dist/components/molecules/Dropdown/DropdownItem.js +30 -27
- package/dist/components/molecules/Dropdown/dropdownStyles.js +1 -1
- package/dist/components/molecules/Dropdown/resolveOverflow.d.ts +14 -0
- package/dist/components/molecules/Dropdown/resolveOverflow.d.ts.map +1 -0
- package/dist/components/{organisms/Tab/tabOverflow.js → molecules/Dropdown/resolveOverflow.js} +2 -2
- package/dist/components/molecules/Dropdown/useDropdownMenu.d.ts +70 -0
- package/dist/components/molecules/Dropdown/useDropdownMenu.d.ts.map +1 -0
- package/dist/components/molecules/Dropdown/useDropdownMenu.js +155 -0
- package/dist/components/molecules/Dropdown/useOverflowMenu.d.ts +71 -0
- package/dist/components/molecules/Dropdown/useOverflowMenu.d.ts.map +1 -0
- package/dist/components/molecules/Dropdown/useOverflowMenu.js +61 -0
- package/dist/components/molecules/Field/Field.d.ts.map +1 -1
- package/dist/components/molecules/Field/Field.js +11 -10
- package/dist/components/molecules/LogView/logViewStyles.d.ts +1 -1
- package/dist/components/molecules/LogView/logViewStyles.d.ts.map +1 -1
- package/dist/components/molecules/LogView/logViewStyles.js +1 -1
- package/dist/components/molecules/PillGroup/pillGroupStyles.js +1 -1
- package/dist/components/molecules/Search/searchStyles.js +1 -1
- package/dist/components/molecules/SegmentedControl/segmentedControlStyles.d.ts +1 -1
- package/dist/components/molecules/SegmentedControl/segmentedControlStyles.d.ts.map +1 -1
- package/dist/components/molecules/SegmentedControl/segmentedControlStyles.js +3 -3
- package/dist/components/molecules/Select/Select.d.ts +3 -1
- package/dist/components/molecules/Select/Select.d.ts.map +1 -1
- package/dist/components/molecules/Select/Select.js +75 -119
- package/dist/components/molecules/Select/selectStyles.js +3 -3
- package/dist/components/molecules/Stat/statStyles.d.ts +1 -1
- package/dist/components/molecules/Stat/statStyles.d.ts.map +1 -1
- package/dist/components/molecules/Stat/statStyles.js +1 -1
- package/dist/components/molecules/TextSequence/TextSequence.d.ts.map +1 -1
- package/dist/components/molecules/TextSequence/TextSequence.js +35 -35
- package/dist/components/organisms/AppShell/AppShell.d.ts +2 -0
- package/dist/components/organisms/AppShell/AppShell.d.ts.map +1 -1
- package/dist/components/organisms/AppShell/AppShell.js +138 -129
- package/dist/components/organisms/AppShell/appShellStyles.d.ts +2 -0
- package/dist/components/organisms/AppShell/appShellStyles.d.ts.map +1 -1
- package/dist/components/organisms/AppShell/appShellStyles.js +2 -2
- package/dist/components/organisms/Dialog/AlertDialog.d.ts +7 -1
- package/dist/components/organisms/Dialog/AlertDialog.d.ts.map +1 -1
- package/dist/components/organisms/Dialog/AlertDialog.js +54 -50
- package/dist/components/organisms/Dialog/Dialog.d.ts.map +1 -1
- package/dist/components/organisms/Dialog/Dialog.js +52 -71
- package/dist/components/organisms/Dialog/dialogStyles.d.ts +14 -1
- package/dist/components/organisms/Dialog/dialogStyles.d.ts.map +1 -1
- package/dist/components/organisms/Dialog/dialogStyles.js +3 -3
- package/dist/components/organisms/FilterPanel/FilterPanel.d.ts.map +1 -1
- package/dist/components/organisms/FilterPanel/FilterPanel.js +52 -42
- package/dist/components/organisms/IntakeModal/IntakeModal.d.ts +6 -1
- package/dist/components/organisms/IntakeModal/IntakeModal.d.ts.map +1 -1
- package/dist/components/organisms/IntakeModal/IntakeModal.js +54 -66
- package/dist/components/organisms/MoreMenu/MoreMenu.d.ts.map +1 -1
- package/dist/components/organisms/MoreMenu/MoreMenu.js +45 -101
- package/dist/components/organisms/Panel/Panel.d.ts.map +1 -1
- package/dist/components/organisms/Panel/Panel.js +44 -53
- package/dist/components/organisms/Sheet/Sheet.d.ts +3 -1
- package/dist/components/organisms/Sheet/Sheet.d.ts.map +1 -1
- package/dist/components/organisms/Sheet/Sheet.js +82 -101
- package/dist/components/organisms/SiteNav/SiteNav.d.ts +0 -9
- package/dist/components/organisms/SiteNav/SiteNav.d.ts.map +1 -1
- package/dist/components/organisms/SiteNav/SiteNav.js +180 -227
- package/dist/components/organisms/SiteNav/siteNavStyles.js +1 -1
- package/dist/components/organisms/Tab/Tab.d.ts.map +1 -1
- package/dist/components/organisms/Tab/Tab.js +77 -127
- package/dist/components/organisms/Tab/tabStyles.d.ts +2 -1
- package/dist/components/organisms/Tab/tabStyles.d.ts.map +1 -1
- package/dist/components/organisms/Tab/tabStyles.js +2 -2
- package/dist/fonts.css +10 -0
- package/dist/grid.css +38 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +135 -131
- package/dist/lib/contrast.d.ts +11 -0
- package/dist/lib/contrast.d.ts.map +1 -0
- package/dist/lib/dialogOverlay.d.ts +27 -1
- package/dist/lib/dialogOverlay.d.ts.map +1 -1
- package/dist/lib/dialogOverlay.js +87 -25
- package/dist/lib/typography.d.ts +1 -1
- package/dist/lib/typography.d.ts.map +1 -1
- package/dist/shape.css +24 -3
- package/dist/styles.css +1 -1
- package/dist/typography.css +55 -8
- package/docs/components.md +4 -2
- package/docs/exports.json +55 -1
- package/docs/patterns/components-accordion--flush.tsx +1 -1
- package/docs/patterns/components-appshell--portal-dashboard-pattern.tsx +1 -1
- package/docs/patterns/components-avatar--dropdown-row.tsx +1 -1
- package/docs/patterns/components-badge--outline-tags.tsx +1 -1
- package/docs/patterns/components-badge--status-pill.tsx +1 -1
- package/docs/patterns/components-badge--with-avatar.tsx +1 -1
- package/docs/patterns/components-band--page-in-bands.tsx +39 -0
- package/docs/patterns/components-breadcrumb--editorial.tsx +1 -1
- package/docs/patterns/components-breadcrumb--long-path.tsx +1 -1
- package/docs/patterns/components-breadcrumb--path.tsx +1 -1
- package/docs/patterns/components-breadcrumb--router-links.tsx +1 -1
- package/docs/patterns/components-button-button--copy-button.tsx +1 -1
- package/docs/patterns/components-button-button--destructive-action.tsx +1 -1
- package/docs/patterns/components-button-button--external-link.tsx +1 -1
- package/docs/patterns/components-button-button--ghost-action.tsx +1 -1
- package/docs/patterns/components-button-button--inverse-action.tsx +1 -1
- package/docs/patterns/components-button-button--link-render.tsx +1 -1
- package/docs/patterns/components-button-button--multi-state-badge.tsx +1 -1
- package/docs/patterns/components-button-button--outline-mono.tsx +1 -1
- package/docs/patterns/components-button-button--primary-action.tsx +1 -1
- package/docs/patterns/components-button-button--row-hug.tsx +1 -1
- package/docs/patterns/components-button-button--row-layout.tsx +1 -1
- package/docs/patterns/components-button-button--secondary-action.tsx +1 -1
- package/docs/patterns/components-button-button--suggestion-pills.tsx +1 -1
- package/docs/patterns/components-button-button--with-count.tsx +1 -1
- package/docs/patterns/components-button-button--with-icon.tsx +1 -1
- package/docs/patterns/components-button-floatingactionbutton--vertical-actions.tsx +1 -1
- package/docs/patterns/components-calembed--pattern-skip-in-footer.tsx +1 -1
- package/docs/patterns/components-card-card--body-slot-occupancy-history.tsx +1 -1
- package/docs/patterns/components-card-card--headerless-media.tsx +1 -1
- package/docs/patterns/components-card-card--outlined-layout.tsx +1 -1
- package/docs/patterns/components-card-card--pinned-height.tsx +1 -1
- package/docs/patterns/components-card-card--terminal-frame.tsx +1 -1
- package/docs/patterns/components-card-selectablecard--selectable-cards-pattern.tsx +1 -1
- package/docs/patterns/components-carousel--image-carousel.tsx +1 -1
- package/docs/patterns/components-chart--audience-activity-heatmap.tsx +1 -1
- package/docs/patterns/components-chart--cartesian-no-data-gaps.tsx +1 -1
- package/docs/patterns/components-chart--occupancy-history-in-card.tsx +1 -1
- package/docs/patterns/components-chart--occupancy-in-card.tsx +1 -1
- package/docs/patterns/components-chart--post-reach-distribution.tsx +1 -1
- package/docs/patterns/components-chart--ranked-audience-breakdown.tsx +1 -1
- package/docs/patterns/components-chart--revenue-by-line.tsx +1 -1
- package/docs/patterns/components-chart--segmented-ring-pattern.tsx +1 -1
- package/docs/patterns/components-chart--unit-grid-composition.tsx +1 -1
- package/docs/patterns/components-chatdock--pattern-chat-dock.tsx +1 -1
- package/docs/patterns/components-chatdock--pattern-start-project-gate.tsx +1 -1
- package/docs/patterns/components-chatqa--pattern-qa-with-reply.tsx +1 -1
- package/docs/patterns/components-checkbox-checkbox--default.tsx +1 -1
- package/docs/patterns/components-checkbox-checkbox--with-count.tsx +1 -1
- package/docs/patterns/components-checkbox-checkbox--with-description.tsx +1 -1
- package/docs/patterns/components-checkbox-checkboxgroup--default.tsx +1 -1
- package/docs/patterns/components-checkbox-checkboxgroup--option-counts.tsx +1 -1
- package/docs/patterns/components-copyfield--clipboard-blocked.tsx +1 -1
- package/docs/patterns/components-copyfield--copied.tsx +1 -1
- package/docs/patterns/components-copyfield--copy-key.tsx +1 -1
- package/docs/patterns/components-copyfield--on-navy.tsx +1 -1
- package/docs/patterns/components-descriptionlist--details.tsx +1 -1
- package/docs/patterns/components-descriptionlist--post-metadata.tsx +1 -1
- package/docs/patterns/components-dialog--alert-dialog-destructive.tsx +1 -1
- package/docs/patterns/components-dialog--alert-dialog-typed-confirmation.tsx +54 -0
- package/docs/patterns/components-dialog--default-dialog.tsx +1 -1
- package/docs/patterns/components-dialog--form-dialog.tsx +1 -1
- package/docs/patterns/components-displaycontrols--page-utilities.tsx +1 -1
- package/docs/patterns/components-displaycontrols--theme-switch.tsx +1 -1
- package/docs/patterns/components-field--horizontal-input.tsx +1 -1
- package/docs/patterns/components-field--horizontal-text-area.tsx +1 -1
- package/docs/patterns/components-field--multi-control.tsx +1 -1
- package/docs/patterns/components-filterpanel--panel.tsx +1 -1
- package/docs/patterns/components-footerreveal--marketing-hero-pattern.tsx +1 -1
- package/docs/patterns/components-footerreveal--marketing-hero-ruled-pattern.tsx +1 -1
- package/docs/patterns/components-footerreveal--marketing-hero-with-gallery-intro.tsx +1 -1
- package/docs/patterns/components-footerreveal--marketing-page-pattern.tsx +1 -1
- package/docs/patterns/components-footerreveal--ruled-grid-footer-pattern.tsx +1 -1
- package/docs/patterns/components-footerreveal--sequenced-marketing-hero.tsx +1 -1
- package/docs/patterns/components-herointro--two-line-intro.tsx +1 -1
- package/docs/patterns/components-herotilestack--marketing-hero-pattern.tsx +1 -1
- package/docs/patterns/components-herotilestack--marketing-hero-text-sequence.tsx +1 -1
- package/docs/patterns/components-herotilestack--marketing-hero-with-gallery-intro.tsx +1 -1
- package/docs/patterns/components-indexlist--post-index.tsx +1 -1
- package/docs/patterns/components-intakeconfirmation--booked-pattern.tsx +1 -1
- package/docs/patterns/components-intakeconfirmation--emailed-pattern.tsx +1 -1
- package/docs/patterns/components-intakeform--about-you-pattern.tsx +1 -1
- package/docs/patterns/components-intakeform--short-form-pattern.tsx +1 -1
- package/docs/patterns/components-intakemodal--intake-modal-pattern.tsx +1 -1
- package/docs/patterns/components-kbd--command-row.tsx +1 -1
- package/docs/patterns/components-kbd--numbered-choices.tsx +1 -1
- package/docs/patterns/components-kbd--shortcut.tsx +1 -1
- package/docs/patterns/components-linktile--resource-tile.tsx +1 -1
- package/docs/patterns/components-linktile--router-link.tsx +1 -1
- package/docs/patterns/components-logview--detail-pane.tsx +1 -1
- package/docs/patterns/components-logview--log-viewer.tsx +1 -1
- package/docs/patterns/components-moremenu--action-menu.tsx +1 -1
- package/docs/patterns/components-moremenu--in-card-header.tsx +1 -1
- package/docs/patterns/components-navlist--app-sidebar.tsx +1 -1
- package/docs/patterns/components-navlist--side-nav-settings.tsx +1 -1
- package/docs/patterns/components-pageheader--app-header-pattern.tsx +1 -1
- package/docs/patterns/components-pageheader--page-section-header.tsx +1 -1
- package/docs/patterns/components-pageheader--toolbar-header.tsx +1 -1
- package/docs/patterns/components-panel--end-detail-rail.tsx +1 -1
- package/docs/patterns/components-pillgroup--pill-group-pattern.tsx +1 -1
- package/docs/patterns/components-promptbar--pattern-prompt-bar.tsx +1 -1
- package/docs/patterns/components-prose--article-body.tsx +1 -1
- package/docs/patterns/components-radio-radiogroup--default.tsx +1 -1
- package/docs/patterns/components-scrollhorizontal--project-gallery-pattern.tsx +1 -1
- package/docs/patterns/components-scrollhorizontal--with-intro.tsx +1 -1
- package/docs/patterns/components-sectioncaption--column-caption.tsx +1 -1
- package/docs/patterns/components-sectioncaption--with-action.tsx +1 -1
- package/docs/patterns/components-sheet--bottom-sheet.tsx +1 -1
- package/docs/patterns/components-sheet--end-sheet.tsx +1 -1
- package/docs/patterns/components-sheet--side-sheet-header-actions.tsx +1 -1
- package/docs/patterns/components-sheet--side-sheet-url-deep-link.tsx +1 -1
- package/docs/patterns/components-sheet--side-sheet.tsx +1 -1
- package/docs/patterns/components-sitenav--brand-and-cta.tsx +1 -1
- package/docs/patterns/components-sitenav--centered-links.tsx +1 -1
- package/docs/patterns/components-sitenav--compact.tsx +1 -1
- package/docs/patterns/components-sitenav--marketing-header.tsx +1 -1
- package/docs/patterns/components-sitenav--mega-menu.tsx +1 -1
- package/docs/patterns/components-stat--hero-stat.tsx +1 -1
- package/docs/patterns/components-stat--insights-row.tsx +1 -1
- package/docs/patterns/components-stepprogress--step-progress-pattern.tsx +1 -1
- package/docs/patterns/components-switch--default.tsx +1 -1
- package/docs/patterns/components-switch--settings-row.tsx +1 -1
- package/docs/patterns/components-tab--settings-pages.tsx +1 -1
- package/docs/patterns/components-table--approvals-with-sheet.tsx +1 -1
- package/docs/patterns/components-table--approvals.tsx +1 -1
- package/docs/patterns/components-table--basic.tsx +1 -1
- package/docs/patterns/components-taskrows--action-details.tsx +1 -1
- package/docs/patterns/components-taskrows--capsules.tsx +1 -1
- package/docs/patterns/components-taskrows--card-with-status-rows.tsx +1 -1
- package/docs/patterns/components-taskrows--controlled-expand.tsx +1 -1
- package/docs/patterns/components-taskrows--custom-slots.tsx +1 -1
- package/docs/patterns/components-taskrows--needs-you-table.tsx +1 -1
- package/docs/patterns/components-taskrows--status-list.tsx +1 -1
- package/docs/patterns/components-taskrows--tag-chips.tsx +1 -1
- package/docs/patterns/components-textarea--save-status.tsx +1 -1
- package/docs/patterns/components-textlink--external-destination.tsx +1 -1
- package/docs/patterns/components-textlink--inline-prose.tsx +1 -1
- package/docs/patterns/components-textlink--quiet-title.tsx +1 -1
- package/docs/patterns/components-textlink--supporting-copy.tsx +1 -1
- package/docs/patterns/components-textsequence--default.tsx +1 -1
- package/docs/patterns/components-textsequence--reduced-motion.tsx +1 -1
- package/docs/patterns/components-textsequence--shapes.tsx +1 -1
- package/docs/patterns/components-tilegrid--masonry.tsx +1 -1
- package/docs/patterns/components-toast--stacked-notifications.tsx +1 -1
- package/docs/patterns/components-tooltip--controlled.tsx +1 -1
- package/docs/patterns/components-tooltip--disabled-control.tsx +1 -1
- package/docs/patterns/components-tooltip--icon-action.tsx +1 -1
- package/docs/patterns/components-tooltip--keyboard-shortcut.tsx +1 -1
- package/docs/patterns/components-tooltip--placement.tsx +1 -1
- package/docs/patterns/foundations-scroll-fade--horizontal-rail.tsx +1 -1
- package/docs/patterns/foundations-scroll-fade--overflowing-list.tsx +1 -1
- package/docs/patterns/guides-chart-explorations--comparison-gallery.tsx +1 -1
- package/docs/patterns/guides-filter-panel--filtered-grid.tsx +1 -1
- package/docs/patterns/guides-filter-panel--filtered-index.tsx +1 -1
- package/docs/patterns/guides-overlay-flows--notification-preferences.tsx +1 -1
- package/docs/patterns/guides-post-page--post-page.tsx +1 -1
- package/docs/patterns/guides-profile-typography--editorial-profile.tsx +1 -1
- package/docs/patterns/guides-resource-detail--detail.tsx +1 -1
- package/docs/patterns/index.json +17 -1
- package/package.json +1 -1
- package/dist/components/organisms/Tab/tabOverflow.d.ts +0 -14
- package/dist/components/organisms/Tab/tabOverflow.d.ts.map +0 -1
|
@@ -7,7 +7,7 @@ var r = [
|
|
|
7
7
|
"sm",
|
|
8
8
|
"md",
|
|
9
9
|
"lg"
|
|
10
|
-
], i = ["hug", "stretch"], a = e("relative inline-flex items-stretch rounded-
|
|
10
|
+
], i = ["hug", "stretch"], a = e("relative inline-flex items-stretch rounded-[var(--radius-control)] bg-body p-0.5 shadow-hairline", n("fast")), o = "flex w-full min-w-0", s = {
|
|
11
11
|
sm: t.sm,
|
|
12
12
|
md: t.md,
|
|
13
13
|
lg: t.lg
|
|
@@ -15,7 +15,7 @@ var r = [
|
|
|
15
15
|
sm: "px-2.5 text-xs leading-none",
|
|
16
16
|
md: "px-3 text-sm leading-none",
|
|
17
17
|
lg: "px-4 text-sm leading-none"
|
|
18
|
-
}, l = e("relative inline-flex shrink-0 cursor-pointer items-center justify-center rounded-
|
|
18
|
+
}, l = e("relative inline-flex shrink-0 cursor-pointer items-center justify-center rounded-[var(--radius-control-inner)] font-sans font-medium tracking-normal", "transition-[color] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-inset", n("fast")), u = "min-w-0 flex-1", d = "relative z-10 inline-flex min-w-0 items-center justify-center", f = "w-full", p = {
|
|
19
19
|
sm: "gap-1",
|
|
20
20
|
md: "gap-1.5",
|
|
21
21
|
lg: "gap-2"
|
|
@@ -23,6 +23,6 @@ var r = [
|
|
|
23
23
|
sm: "flex shrink-0 items-center text-current [&>svg]:size-3 [&>svg]:shrink-0 [&>svg]:stroke-current",
|
|
24
24
|
md: "flex shrink-0 items-center text-current [&>svg]:size-3.5 [&>svg]:shrink-0 [&>svg]:stroke-current",
|
|
25
25
|
lg: "flex shrink-0 items-center text-current [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:stroke-current"
|
|
26
|
-
}, h = "min-w-0 truncate", g = "shrink-0 font-mono text-[10.5px] leading-none tabular-nums text-muted", _ = "text-fg", v = "text-muted hover:text-fg", y = "pointer-events-none absolute inset-0 rounded-
|
|
26
|
+
}, h = "min-w-0 truncate", g = "shrink-0 font-mono text-[10.5px] leading-none tabular-nums text-muted", _ = "text-fg", v = "text-muted hover:text-fg", y = "pointer-events-none absolute inset-0 rounded-[var(--radius-control-inner)] bg-surface shadow-raised";
|
|
27
27
|
//#endregion
|
|
28
28
|
export { d as segmentedControlItemBodyClasses, f as segmentedControlItemBodyStretchClasses, l as segmentedControlItemClasses, g as segmentedControlItemEndClasses, p as segmentedControlItemGapClasses, h as segmentedControlItemLabelClasses, _ as segmentedControlItemSelectedClasses, c as segmentedControlItemSizeClasses, m as segmentedControlItemStartClasses, u as segmentedControlItemStretchClasses, v as segmentedControlItemUnselectedClasses, i as segmentedControlLayouts, r as segmentedControlSizes, y as segmentedControlThumbClasses, a as segmentedControlTrackClasses, s as segmentedControlTrackSizeClasses, o as segmentedControlTrackStretchClasses };
|
|
@@ -25,10 +25,12 @@ export interface SelectProps {
|
|
|
25
25
|
className?: SelectLayoutClassName;
|
|
26
26
|
id?: string;
|
|
27
27
|
"aria-label"?: string;
|
|
28
|
+
/** Extra ids that describe the trigger (Field passes its description here); joined with `description`. */
|
|
29
|
+
"aria-describedby"?: string;
|
|
28
30
|
}
|
|
29
31
|
/**
|
|
30
32
|
* Pill select — Input-matched trigger + floating listbox panel.
|
|
31
33
|
* Compose in forms and Card headers (period filters).
|
|
32
34
|
*/
|
|
33
|
-
export declare function Select({ options, value: valueProp, defaultValue, onValueChange, placeholder, label, description, disabled, size, className, id: idProp, "aria-label": ariaLabel, }: SelectProps): import("react").JSX.Element;
|
|
35
|
+
export declare function Select({ options, value: valueProp, defaultValue, onValueChange, placeholder, label, description, disabled, size, className, id: idProp, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, }: SelectProps): import("react").JSX.Element;
|
|
34
36
|
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMhE,OAAO,EAcL,KAAK,UAAU,EAChB,MAAM,gBAAgB,CAAC;AAExB,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,gEAAgE;AAChE,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC;AAE3C,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4EAA4E;IAC5E,GAAG,CAAC,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0GAA0G;IAC1G,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAqBD;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,aAAa,EACb,WAAuB,EACvB,KAAK,EACL,WAAW,EACX,QAAgB,EAChB,IAAW,EACX,SAAS,EACT,EAAE,EAAE,MAAM,EACV,YAAY,EAAE,SAAS,EACvB,kBAAkB,EAAE,eAAe,GACpC,EAAE,WAAW,+BAqIb"}
|
|
@@ -1,137 +1,93 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cn as e } from "../../../lib/cn.js";
|
|
3
3
|
import { Dropdown as t } from "../Dropdown/Dropdown.js";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
4
|
+
import { useDropdownMenu as n } from "../Dropdown/useDropdownMenu.js";
|
|
5
|
+
import { measureSelectMenuStyle as r } from "./selectMenuPosition.js";
|
|
6
|
+
import { selectDescriptionClasses as i, selectFieldStackClasses as a, selectLabelClasses as o, selectRootClasses as s, selectShellClasses as c, selectSizes as l, selectTriggerCaretRotateClasses as u, selectTriggerCaretSlotClasses as d, selectTriggerInnerClasses as f, selectTriggerLabelClasses as p } from "./selectStyles.js";
|
|
7
|
+
import { useId as m, useRef as h, useState as g } from "react";
|
|
8
|
+
import { ChevronDown as _ } from "lucide-react";
|
|
9
|
+
import { jsx as v, jsxs as y } from "react/jsx-runtime";
|
|
9
10
|
//#region src/components/molecules/Select/Select.tsx
|
|
10
|
-
function
|
|
11
|
+
function b(e) {
|
|
11
12
|
e.label == null && e["aria-label"] == null && console.warn("[WMDS Select] Provide `label` or `aria-label`."), e.options.length === 0 && console.warn("[WMDS Select] `options` must not be empty.");
|
|
12
13
|
}
|
|
13
|
-
function
|
|
14
|
+
function x(e, t) {
|
|
14
15
|
if (t != null) return e.find((e) => e.value === t)?.label;
|
|
15
16
|
}
|
|
16
|
-
function
|
|
17
|
-
let
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
label: w,
|
|
23
|
-
"aria-label": A,
|
|
24
|
-
options: s
|
|
17
|
+
function S({ options: l, value: S, defaultValue: C, onValueChange: w, placeholder: T = "Select…", label: E, description: D, disabled: O = !1, size: k = "md", className: A, id: j, "aria-label": M, "aria-describedby": N }) {
|
|
18
|
+
let P = m(), F = j ?? P, I = D == null ? void 0 : `${F}-description`, L = [N, I].filter(Boolean).join(" ") || void 0, R = h(null), z = h(null), [B, V] = g(C), H = S !== void 0, U = H ? S : B;
|
|
19
|
+
b({
|
|
20
|
+
label: E,
|
|
21
|
+
"aria-label": M,
|
|
22
|
+
options: l
|
|
25
23
|
});
|
|
26
|
-
let
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
let e = I.current;
|
|
30
|
-
e != null && B(n(e, s)), R(!0);
|
|
31
|
-
}, [s]), X = u((e) => {
|
|
32
|
-
G || H(e), C?.(e), J();
|
|
33
|
-
}, [
|
|
34
|
-
J,
|
|
35
|
-
G,
|
|
36
|
-
C
|
|
37
|
-
]), Z = u(() => {
|
|
38
|
-
let e = I.current;
|
|
39
|
-
e != null && B(n(e, s));
|
|
40
|
-
}, [s]);
|
|
41
|
-
p(() => {
|
|
42
|
-
if (L) return Z(), window.addEventListener("resize", Z), window.addEventListener("scroll", Z, !0), () => {
|
|
43
|
-
window.removeEventListener("resize", Z), window.removeEventListener("scroll", Z, !0);
|
|
44
|
-
};
|
|
45
|
-
}, [L, Z]), d(() => {
|
|
46
|
-
if (!L) return;
|
|
47
|
-
function e(e) {
|
|
48
|
-
F.current != null && !F.current.contains(e.target) && J();
|
|
49
|
-
}
|
|
50
|
-
return document.addEventListener("mousedown", e), () => {
|
|
51
|
-
document.removeEventListener("mousedown", e);
|
|
52
|
-
};
|
|
53
|
-
}, [J, L]), d(() => {
|
|
54
|
-
let e = s.findIndex((e) => e.value === K);
|
|
55
|
-
e >= 0 && W(e);
|
|
56
|
-
}, [s, K]);
|
|
57
|
-
function Q(e) {
|
|
58
|
-
W((t) => s.length === 0 ? 0 : (t + e + s.length) % s.length);
|
|
24
|
+
let W = x(l, U);
|
|
25
|
+
function G(e) {
|
|
26
|
+
H || V(e), w?.(e), K.close({ returnFocus: !0 });
|
|
59
27
|
}
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
case " ":
|
|
70
|
-
if (e.preventDefault(), L) {
|
|
71
|
-
let e = s[U];
|
|
72
|
-
e != null && X(e.value);
|
|
73
|
-
} else Y();
|
|
74
|
-
break;
|
|
75
|
-
case "Escape": e.preventDefault(), J();
|
|
28
|
+
let K = n({
|
|
29
|
+
rows: l,
|
|
30
|
+
triggerRef: z,
|
|
31
|
+
focus: "trigger",
|
|
32
|
+
initialIndex: l.findIndex((e) => e.value === U),
|
|
33
|
+
measure: () => R.current == null ? null : r(R.current, l),
|
|
34
|
+
onChoose: (e) => {
|
|
35
|
+
let t = l[e];
|
|
36
|
+
t != null && G(t.value);
|
|
76
37
|
}
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
38
|
+
}), q = /* @__PURE__ */ y("div", {
|
|
39
|
+
...K.rootProps,
|
|
40
|
+
className: e(s, A),
|
|
41
|
+
children: [/* @__PURE__ */ v("div", {
|
|
42
|
+
ref: R,
|
|
43
|
+
className: e(c[k], O && "pointer-events-none opacity-50"),
|
|
44
|
+
"data-open": K.open ? "true" : "false",
|
|
45
|
+
children: /* @__PURE__ */ y("button", {
|
|
46
|
+
ref: z,
|
|
86
47
|
type: "button",
|
|
87
|
-
id:
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
"aria-
|
|
91
|
-
"aria-
|
|
48
|
+
id: F,
|
|
49
|
+
role: "combobox",
|
|
50
|
+
disabled: O,
|
|
51
|
+
"aria-label": E == null ? M : void 0,
|
|
52
|
+
"aria-labelledby": E == null ? void 0 : `${F}-label`,
|
|
53
|
+
"aria-describedby": L,
|
|
92
54
|
"aria-haspopup": "listbox",
|
|
93
|
-
|
|
94
|
-
"aria-controls": N,
|
|
55
|
+
...K.triggerProps,
|
|
95
56
|
onClick: () => {
|
|
96
|
-
|
|
57
|
+
O || K.toggle();
|
|
97
58
|
},
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
className: l[D],
|
|
59
|
+
className: f[k],
|
|
60
|
+
children: [/* @__PURE__ */ v("span", {
|
|
61
|
+
className: e(p, W == null && "text-disabled"),
|
|
62
|
+
children: W ?? T
|
|
63
|
+
}), /* @__PURE__ */ v("span", {
|
|
64
|
+
className: d[k],
|
|
105
65
|
"aria-hidden": !0,
|
|
106
|
-
children: /* @__PURE__ */
|
|
107
|
-
className: e(
|
|
108
|
-
children: /* @__PURE__ */ _
|
|
66
|
+
children: /* @__PURE__ */ v("span", {
|
|
67
|
+
className: e(u, K.open && "rotate-180"),
|
|
68
|
+
children: /* @__PURE__ */ v(_, { strokeWidth: 2 })
|
|
109
69
|
})
|
|
110
70
|
})]
|
|
111
71
|
})
|
|
112
|
-
}),
|
|
113
|
-
|
|
72
|
+
}), K.open && K.menuStyle != null ? /* @__PURE__ */ v(t.Menu, {
|
|
73
|
+
...K.menuProps,
|
|
114
74
|
role: "listbox",
|
|
115
|
-
"aria-labelledby":
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
return /* @__PURE__ */ _("li", {
|
|
75
|
+
"aria-labelledby": F,
|
|
76
|
+
children: l.map((e, n) => {
|
|
77
|
+
let r = e.value === U;
|
|
78
|
+
return /* @__PURE__ */ v("li", {
|
|
120
79
|
role: "presentation",
|
|
121
|
-
children: /* @__PURE__ */
|
|
80
|
+
children: /* @__PURE__ */ v(t.Item, {
|
|
81
|
+
...K.rowProps(n),
|
|
122
82
|
role: "option",
|
|
123
83
|
"aria-selected": r,
|
|
124
|
-
tabIndex: -1,
|
|
125
84
|
selected: r,
|
|
126
|
-
active: i,
|
|
127
85
|
truncate: !1,
|
|
128
86
|
start: e.start,
|
|
129
87
|
end: e.end,
|
|
130
|
-
|
|
131
|
-
W(n);
|
|
132
|
-
},
|
|
88
|
+
onMouseDown: (e) => e.preventDefault(),
|
|
133
89
|
onClick: () => {
|
|
134
|
-
|
|
90
|
+
G(e.value);
|
|
135
91
|
},
|
|
136
92
|
children: e.label
|
|
137
93
|
})
|
|
@@ -139,23 +95,23 @@ function x({ options: s, value: x, defaultValue: S, onValueChange: C, placeholde
|
|
|
139
95
|
})
|
|
140
96
|
}) : null]
|
|
141
97
|
});
|
|
142
|
-
return
|
|
143
|
-
className:
|
|
98
|
+
return E == null && D == null ? q : /* @__PURE__ */ y("div", {
|
|
99
|
+
className: a,
|
|
144
100
|
children: [
|
|
145
|
-
|
|
146
|
-
id: `${
|
|
147
|
-
htmlFor:
|
|
148
|
-
className: e(
|
|
149
|
-
children:
|
|
101
|
+
E == null ? null : /* @__PURE__ */ v("label", {
|
|
102
|
+
id: `${F}-label`,
|
|
103
|
+
htmlFor: F,
|
|
104
|
+
className: e(o, O && "opacity-50"),
|
|
105
|
+
children: E
|
|
150
106
|
}),
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
id:
|
|
154
|
-
className:
|
|
155
|
-
children:
|
|
107
|
+
q,
|
|
108
|
+
D == null ? null : /* @__PURE__ */ v("p", {
|
|
109
|
+
id: I,
|
|
110
|
+
className: i,
|
|
111
|
+
children: D
|
|
156
112
|
})
|
|
157
113
|
]
|
|
158
114
|
});
|
|
159
115
|
}
|
|
160
116
|
//#endregion
|
|
161
|
-
export {
|
|
117
|
+
export { S as Select, l as selectSizes };
|
|
@@ -5,9 +5,9 @@ import { focusRingTransitionClasses as n, motionTransition as r } from "../../..
|
|
|
5
5
|
import { inputDisabledClasses as i, inputSizes as a, inputSoloRadiusClasses as o } from "../../atoms/Input/inputShellStyles.js";
|
|
6
6
|
//#region src/components/molecules/Select/selectStyles.ts
|
|
7
7
|
var s = a, c = "flex w-full flex-col gap-1.5", l = "relative w-full min-w-0", u = e("outline-none ring-2 ring-transparent ring-inset ring-offset-0", "focus-within:ring-focus-ring", "data-[open=true]:ring-focus-ring", n), d = {
|
|
8
|
-
sm: e("relative flex w-full min-w-0 items-center rounded-
|
|
9
|
-
md: e("relative flex w-full min-w-0 items-center rounded-
|
|
10
|
-
lg: e("relative flex w-full min-w-0 items-center rounded-
|
|
8
|
+
sm: e("relative flex w-full min-w-0 items-center rounded-[var(--radius-control)] border border-border-control bg-surface shadow-raised", o.sm, "h-8", u),
|
|
9
|
+
md: e("relative flex w-full min-w-0 items-center rounded-[var(--radius-control)] border border-border-control bg-surface shadow-raised", o.md, "h-11", u),
|
|
10
|
+
lg: e("relative flex w-full min-w-0 items-center rounded-[var(--radius-control)] border border-border-control bg-surface shadow-raised", o.lg, "min-h-12", u)
|
|
11
11
|
}, f = "pointer-events-none opacity-50", p = {
|
|
12
12
|
sm: e("flex h-full w-full min-w-0 cursor-pointer items-center justify-between gap-2 border-0 bg-transparent px-2.5 text-left text-xs leading-none font-sans font-normal tracking-normal text-fg", "pr-2.5 shadow-none outline-none focus:outline-none focus-visible:outline-none", i),
|
|
13
13
|
md: e("flex h-full w-full min-w-0 cursor-pointer items-center justify-between gap-2 border-0 bg-transparent px-3 text-left text-sm leading-none font-sans font-normal tracking-normal text-fg", "pr-3 shadow-none outline-none focus:outline-none focus-visible:outline-none", i),
|
|
@@ -7,7 +7,7 @@ export type StatTrendDirection = (typeof statTrendDirections)[number];
|
|
|
7
7
|
export declare const statGroupColumns: readonly [2, 3, 4];
|
|
8
8
|
export type StatGroupColumns = (typeof statGroupColumns)[number];
|
|
9
9
|
/** Bordered metric tile — insights row and hero KPI. */
|
|
10
|
-
export declare const statShellClasses = "flex min-w-0 flex-col rounded-
|
|
10
|
+
export declare const statShellClasses = "flex min-w-0 flex-col rounded-[var(--radius-surface-md)] border border-border bg-surface";
|
|
11
11
|
export declare const statShellSizeClasses: Record<StatSize, string>;
|
|
12
12
|
export declare const statLabelRowClasses = "flex flex-wrap items-center gap-2";
|
|
13
13
|
export declare const statLabelStartClasses = "shrink-0";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"statStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Stat/statStyles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAElE,eAAO,MAAM,SAAS,6BAA8B,CAAC;AAErD,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AAElD,eAAO,MAAM,mBAAmB,4CAA6C,CAAC;AAE9E,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtE,eAAO,MAAM,gBAAgB,oBAAqB,CAAC;AAEnD,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjE,wDAAwD;AACxD,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"statStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Stat/statStyles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAElE,eAAO,MAAM,SAAS,6BAA8B,CAAC;AAErD,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AAElD,eAAO,MAAM,mBAAmB,4CAA6C,CAAC;AAE9E,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtE,eAAO,MAAM,gBAAgB,oBAAqB,CAAC;AAEnD,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjE,wDAAwD;AACxD,eAAO,MAAM,gBAAgB,6FAA6F,CAAC;AAE3H,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAIzD,CAAC;AAEF,eAAO,MAAM,mBAAmB,sCAAsC,CAAC;AAEvE,eAAO,MAAM,qBAAqB,aAAa,CAAC;AAEhD,eAAO,MAAM,oBAAoB,mBAAmB,CAAC;AAErD,eAAO,MAAM,mBAAmB,qBAAqB,CAAC;AAEtD,oEAAoE;AACpE,eAAO,MAAM,qBAAqB,6CAA6C,CAAC;AAEhF,eAAO,MAAM,kBAAkB,gCAAgC,CAAC;AAEhE,eAAO,MAAM,oBAAoB,UAAU,CAAC;AAE5C,eAAO,MAAM,gBAAgB,QAA8C,CAAC;AAE5E,oEAAoE;AACpE,eAAO,MAAM,kBAAkB,yCAAyC,CAAC;AAEzE;;;GAGG;AACH,eAAO,MAAM,mBAAmB,iGACgE,CAAC;AAEjG,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAI5D,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,QAAQ,EAAE,UAAU,CAI3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,gDAAgD,CAAC;AAEjF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAIzD,CAAC;AAEF,kFAAkF;AAClF,eAAO,MAAM,kBAAkB,QAA+C,CAAC;AAE/E,mFAAmF;AACnF,eAAO,MAAM,iBAAiB,QAA0D,CAAC;AAEzF,oDAAoD;AACpD,eAAO,MAAM,sBAAsB,yBAAyB,CAAC;AAE7D,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAI5D,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAI5D,CAAC;AAEF,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,MAAM,CAQtE;AAED,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,kBAAkB,GAAG,YAAY,CAQjF"}
|
|
@@ -15,7 +15,7 @@ var n = [
|
|
|
15
15
|
2,
|
|
16
16
|
3,
|
|
17
17
|
4
|
|
18
|
-
], a = "flex min-w-0 flex-col rounded-
|
|
18
|
+
], a = "flex min-w-0 flex-col rounded-[var(--radius-surface-md)] border border-border bg-surface", o = {
|
|
19
19
|
sm: "gap-2 p-4",
|
|
20
20
|
md: "gap-3 p-5",
|
|
21
21
|
lg: "gap-3 p-5"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextSequence.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/TextSequence/TextSequence.tsx"],"names":[],"mappings":"AAKA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EACL,iBAAiB,EAElB,MAAM,iDAAiD,CAAC;AASzD,eAAO,MAAM,oBAAoB,8BAA+B,CAAC;AACjE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAExE,eAAO,MAAM,oBAAoB,gCAAiC,CAAC;AACnE,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzE,eAAO,MAAM,0BAA0B,OAAO,CAAC;AAC/C,eAAO,MAAM,wBAAwB,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"TextSequence.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/TextSequence/TextSequence.tsx"],"names":[],"mappings":"AAKA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EACL,iBAAiB,EAElB,MAAM,iDAAiD,CAAC;AASzD,eAAO,MAAM,oBAAoB,8BAA+B,CAAC;AACjE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAExE,eAAO,MAAM,oBAAoB,gCAAiC,CAAC;AACnE,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzE,eAAO,MAAM,0BAA0B,OAAO,CAAC;AAC/C,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAS1C,0DAA0D;AAC1D,MAAM,MAAM,2BAA2B,GAAG,MAAM,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,mBAAmB;IACnB,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AAED,OAAO,EACL,sBAAsB,EACtB,yBAAyB,EACzB,KAAK,gCAAgC,EACrC,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,GAC9B,MAAM,iDAAiD,CAAC;AAmBzD,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,SAAS,GAAG,MAAM,CAE7D;AA6RD,iBAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,OAAoC,EACpC,KAAgC,EAChC,OAAiB,EACjB,IAAY,EACZ,KAAY,EACZ,QAAsB,EACtB,SAAS,GACV,EAAE,iBAAiB,+BAmGnB;AAED,eAAO,MAAM,YAAY;;CAEvB,CAAC"}
|
|
@@ -12,19 +12,19 @@ import { SplitText as g } from "gsap/SplitText";
|
|
|
12
12
|
import { useGSAP as _ } from "@gsap/react";
|
|
13
13
|
//#region src/components/molecules/TextSequence/TextSequence.tsx
|
|
14
14
|
h.registerPlugin(g, _);
|
|
15
|
-
var v = ["mount", "inView"], y = ["alternate", "none"], b = .07, x = 0, S = .72, C = .55, w = 8, T = 1.4;
|
|
16
|
-
function
|
|
15
|
+
var v = ["mount", "inView"], y = ["alternate", "none"], b = .07, x = 0, S = .72, C = .55, w = 8, T = 1.4, E = "0.08em";
|
|
16
|
+
function D(e) {
|
|
17
17
|
return d(e) && e.type === a;
|
|
18
18
|
}
|
|
19
|
-
function
|
|
19
|
+
function O(e) {
|
|
20
20
|
if (!d(e) || e.type !== "span") return !1;
|
|
21
21
|
let t = e.props.className;
|
|
22
22
|
return typeof t == "string" && t.split(/\s+/).includes("whitespace-nowrap");
|
|
23
23
|
}
|
|
24
|
-
function
|
|
25
|
-
return
|
|
24
|
+
function k(e) {
|
|
25
|
+
return A(e, "none").plain;
|
|
26
26
|
}
|
|
27
|
-
function
|
|
27
|
+
function A(e, t) {
|
|
28
28
|
let n = [], r = [], i = 0, o = (e) => {
|
|
29
29
|
let a = t === "alternate" ? i % 2 == 1 ? s : c : void 0;
|
|
30
30
|
n.push(/* @__PURE__ */ m("span", {
|
|
@@ -48,7 +48,7 @@ function k(e, t) {
|
|
|
48
48
|
f(e.props.children);
|
|
49
49
|
return;
|
|
50
50
|
}
|
|
51
|
-
if (
|
|
51
|
+
if (O(e)) {
|
|
52
52
|
let t = n.length;
|
|
53
53
|
f(e.props.children);
|
|
54
54
|
let r = n.splice(t);
|
|
@@ -58,7 +58,7 @@ function k(e, t) {
|
|
|
58
58
|
}, `keep-${i}`));
|
|
59
59
|
return;
|
|
60
60
|
}
|
|
61
|
-
if (
|
|
61
|
+
if (D(e)) {
|
|
62
62
|
n.push(e.key == null ? /* @__PURE__ */ m(a, { ...e.props }, `s-${n.length}`) : e);
|
|
63
63
|
return;
|
|
64
64
|
}
|
|
@@ -72,37 +72,37 @@ function k(e, t) {
|
|
|
72
72
|
signature: `${t}:${r.join("")}:${n.length}`
|
|
73
73
|
};
|
|
74
74
|
}
|
|
75
|
-
function
|
|
75
|
+
function j() {
|
|
76
76
|
return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
77
77
|
}
|
|
78
|
-
function
|
|
78
|
+
function M(e, t) {
|
|
79
79
|
let n = 0;
|
|
80
80
|
for (let r of t) if (e.compareDocumentPosition(r) & Node.DOCUMENT_POSITION_PRECEDING) n += 1;
|
|
81
81
|
else break;
|
|
82
82
|
return n;
|
|
83
83
|
}
|
|
84
|
-
function
|
|
84
|
+
function N(e, t) {
|
|
85
85
|
return e <= 0 ? 0 : (e - .5) * t;
|
|
86
86
|
}
|
|
87
|
-
var
|
|
88
|
-
function
|
|
87
|
+
var P = "data-text-sequence-hand-anchor";
|
|
88
|
+
function F(e) {
|
|
89
89
|
let t = [...e.querySelectorAll("[data-rive-hand-slot]")];
|
|
90
90
|
for (let e of t) {
|
|
91
91
|
let t = document.createElement("span");
|
|
92
|
-
t.setAttribute(
|
|
92
|
+
t.setAttribute(P, e.getAttribute("data-rive-hand-slot") ?? ""), t.setAttribute("aria-hidden", "true"), t.className = e.className, t.style.width = e.style.width, e.replaceWith(t);
|
|
93
93
|
}
|
|
94
94
|
return t;
|
|
95
95
|
}
|
|
96
|
-
function
|
|
97
|
-
[...e.querySelectorAll(`[${
|
|
96
|
+
function I(e, t) {
|
|
97
|
+
[...e.querySelectorAll(`[${P}]`)].forEach((e, n) => {
|
|
98
98
|
let r = t[n];
|
|
99
99
|
r && e.replaceWith(r);
|
|
100
100
|
});
|
|
101
101
|
}
|
|
102
|
-
function
|
|
102
|
+
function L(e) {
|
|
103
103
|
for (let n of e) n.removeAttribute(t);
|
|
104
104
|
}
|
|
105
|
-
function
|
|
105
|
+
function R(e, r) {
|
|
106
106
|
let { stagger: i, delay: a, idle: o, lines: s, plain: c, hands: l } = r;
|
|
107
107
|
return g.create(e, {
|
|
108
108
|
type: s ? "words,lines" : "words",
|
|
@@ -111,9 +111,9 @@ function L(e, r) {
|
|
|
111
111
|
autoSplit: s,
|
|
112
112
|
aria: "auto",
|
|
113
113
|
reduceWhiteSpace: !0,
|
|
114
|
-
ignore: `[${
|
|
114
|
+
ignore: `[${P}]`,
|
|
115
115
|
onSplit(r) {
|
|
116
|
-
|
|
116
|
+
I(e, l), r.elements.forEach((e) => {
|
|
117
117
|
let t = e.closest("h1, h2, h3, h4, h5, h6");
|
|
118
118
|
if (t instanceof HTMLElement && t !== e) {
|
|
119
119
|
let n = [...t.querySelectorAll("[data-text-sequence]")].map((e) => e.getAttribute("data-plain")).filter((e) => !!e);
|
|
@@ -129,7 +129,7 @@ function L(e, r) {
|
|
|
129
129
|
}
|
|
130
130
|
for (let e of r.masks) {
|
|
131
131
|
let t = e;
|
|
132
|
-
t.style.display = "inline-block", t.style.position = "relative", t.style.verticalAlign = "baseline"
|
|
132
|
+
t.style.display = "inline-block", t.style.position = "relative", t.style.verticalAlign = "baseline", t.style.padding = `${E} ${E} 0`, t.style.margin = `-${E} -${E} 0`;
|
|
133
133
|
}
|
|
134
134
|
let s = [...e.querySelectorAll("[data-text-sequence-shape]")], u = h.timeline({ delay: a });
|
|
135
135
|
if (r.words.forEach((e, t) => {
|
|
@@ -140,7 +140,7 @@ function L(e, r) {
|
|
|
140
140
|
immediateRender: !0
|
|
141
141
|
}, t * i);
|
|
142
142
|
}), s.forEach((e) => {
|
|
143
|
-
let t =
|
|
143
|
+
let t = M(e, r.words), n = e.dataset.variant === "asterisk";
|
|
144
144
|
u.from(e, {
|
|
145
145
|
scale: 0,
|
|
146
146
|
rotation: n ? -80 : -16,
|
|
@@ -148,11 +148,11 @@ function L(e, r) {
|
|
|
148
148
|
ease: "back.out(1.8)",
|
|
149
149
|
transformOrigin: "50% 50%",
|
|
150
150
|
immediateRender: !0
|
|
151
|
-
},
|
|
151
|
+
}, N(t, i));
|
|
152
152
|
}), [...e.querySelectorAll("[data-rive-hand-pop]")].forEach((e) => {
|
|
153
153
|
let a = e.closest("[data-rive-hand-slot]") ?? e;
|
|
154
154
|
a.removeAttribute(t);
|
|
155
|
-
let o =
|
|
155
|
+
let o = M(a, r.words);
|
|
156
156
|
u.from(e, {
|
|
157
157
|
scale: 0,
|
|
158
158
|
rotation: -16,
|
|
@@ -163,7 +163,7 @@ function L(e, r) {
|
|
|
163
163
|
onComplete() {
|
|
164
164
|
Number(h.getProperty(e, "scale")) > .99 && a.setAttribute(t, "true");
|
|
165
165
|
}
|
|
166
|
-
},
|
|
166
|
+
}, N(o, i));
|
|
167
167
|
}), o && s.length > 0) {
|
|
168
168
|
let e = u.duration(), t = s.filter((e) => e.dataset.variant === "asterisk"), n = s.filter((e) => e.dataset.variant === "pill" || e.dataset.variant === "double-pill");
|
|
169
169
|
t.length > 0 && u.to(t, {
|
|
@@ -185,20 +185,20 @@ function L(e, r) {
|
|
|
185
185
|
}
|
|
186
186
|
});
|
|
187
187
|
}
|
|
188
|
-
function
|
|
189
|
-
let u = f(null), [d] = p(() =>
|
|
188
|
+
function z({ children: t, stagger: n = b, delay: r = 0, trigger: i = "mount", idle: a = !1, lines: s = !0, emphasis: c = "alternate", className: l }) {
|
|
189
|
+
let u = f(null), [d] = p(() => A(t, c)), h = Math.max(0, n), g = Math.max(0, r);
|
|
190
190
|
return _(() => {
|
|
191
191
|
let e = u.current;
|
|
192
192
|
if (!e) return;
|
|
193
193
|
let t = window.matchMedia("(prefers-reduced-motion: reduce)"), n, r, o = [], c = () => {
|
|
194
|
-
r?.disconnect(), r = void 0, n?.revert(), n = void 0,
|
|
194
|
+
r?.disconnect(), r = void 0, n?.revert(), n = void 0, I(e, o), L(o), delete e.dataset.textSequenceState, e.dataset.textSequenceState = "rest";
|
|
195
195
|
}, l = () => {
|
|
196
|
-
if (n ||
|
|
196
|
+
if (n || j()) {
|
|
197
197
|
e.dataset.textSequenceState = "rest";
|
|
198
198
|
return;
|
|
199
199
|
}
|
|
200
|
-
let t =
|
|
201
|
-
t.length > 0 && (o = t), n =
|
|
200
|
+
let t = F(e);
|
|
201
|
+
t.length > 0 && (o = t), n = R(e, {
|
|
202
202
|
stagger: h,
|
|
203
203
|
delay: g,
|
|
204
204
|
idle: a,
|
|
@@ -213,10 +213,10 @@ function R({ children: t, stagger: n = b, delay: r = 0, trigger: i = "mount", id
|
|
|
213
213
|
}
|
|
214
214
|
i === "mount" && l();
|
|
215
215
|
};
|
|
216
|
-
return
|
|
216
|
+
return j() ? e.dataset.textSequenceState = "rest" : i === "inView" ? (e.dataset.textSequenceState = "rest", typeof IntersectionObserver == "function" && (r = new IntersectionObserver((e) => {
|
|
217
217
|
e.some((e) => e.isIntersecting) && (r?.disconnect(), r = void 0, l());
|
|
218
218
|
}, { threshold: .35 }), r.observe(e))) : l(), t.addEventListener("change", f), () => {
|
|
219
|
-
t.removeEventListener("change", f), r?.disconnect(), n?.revert(),
|
|
219
|
+
t.removeEventListener("change", f), r?.disconnect(), n?.revert(), I(e, o), L(o);
|
|
220
220
|
};
|
|
221
221
|
}, {
|
|
222
222
|
scope: u,
|
|
@@ -237,6 +237,6 @@ function R({ children: t, stagger: n = b, delay: r = 0, trigger: i = "mount", id
|
|
|
237
237
|
children: d.nodes
|
|
238
238
|
});
|
|
239
239
|
}
|
|
240
|
-
var
|
|
240
|
+
var B = Object.assign(z, { Shape: a });
|
|
241
241
|
//#endregion
|
|
242
|
-
export {
|
|
242
|
+
export { B as TextSequence, k as sequencePlainText, x as textSequenceDefaultDelay, b as textSequenceDefaultStagger, y as textSequenceEmphases, r as textSequenceShapeTones, i as textSequenceShapeVariants, v as textSequenceTriggers };
|
|
@@ -10,6 +10,8 @@ export interface AppShellLabels {
|
|
|
10
10
|
menu: string;
|
|
11
11
|
/** Default title of the aside **Panel**. */
|
|
12
12
|
aside: string;
|
|
13
|
+
/** The skip link, the first tab stop, which moves focus to the page content. */
|
|
14
|
+
skipToContent: string;
|
|
13
15
|
}
|
|
14
16
|
export interface AppShellProps {
|
|
15
17
|
/** Page title — the `h1` in the title bar. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAYL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAYL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAwBf,uDAAuD;AACvD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,cAAc;IAC7B,oFAAoF;IACpF,QAAQ,EAAE,MAAM,CAAC;IACjB,yFAAyF;IACzF,MAAM,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,IAAI,EAAE,MAAM,CAAC;IACb,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,aAAa,EAAE,MAAM,CAAC;CACvB;AAUD,MAAM,WAAW,aAAa;IAC5B,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,4GAA4G;IAC5G,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,yEAAyE;IACzE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,uKAAuK;IACvK,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,8FAA8F;IAC9F,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,kFAAkF;IAClF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gEAAgE;IAChE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,6CAA6C;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACjC,kHAAkH;IAClH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,UAAU,sBAAuB,SAAQ,iBAAiB;IACxD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAErD;AAED,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAEvD;AAED,iBAAS,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAE7D;AAED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAEtD;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,sBAAsB,+BAE1D;AAED,MAAM,WAAW,oBAAoB;IACnC,mCAAmC;IACnC,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,oCAAoC;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,qFAAqF;IACrF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAID,oFAAoF;AACpF,wBAAgB,WAAW,IAAI,oBAAoB,CAMlD;AAkDD,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,iBAAiB,EAChC,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,SAAS,EAChB,UAAU,EACV,gBAAgB,EAChB,WAAW,EAAE,eAAe,EAC5B,kBAAyB,EACzB,mBAAmB,EACnB,SAAS,EAAE,aAAa,EACxB,gBAAwB,EACxB,iBAAiB,EACjB,MAAM,EAAE,UAAU,EAClB,QAAQ,EACR,SAAS,GACV,EAAE,aAAa,+BAsMf;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ;;;;;;CAMnB,CAAC"}
|