@thewhatmatters/wmds 0.4.43 → 0.4.46
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 +50 -0
- package/dist/components/atoms/Button/ButtonSpinner.js +1 -1
- package/dist/components/atoms/Button/ButtonStatusButton.d.ts.map +1 -1
- package/dist/components/atoms/Button/ButtonStatusButton.js +57 -38
- package/dist/components/atoms/Button/ButtonStatusContent.d.ts.map +1 -1
- package/dist/components/atoms/Button/ButtonStatusContent.js +10 -10
- package/dist/components/atoms/Button/buttonStatusMotion.d.ts.map +1 -1
- package/dist/components/atoms/Button/buttonStatusMotion.js +2 -2
- package/dist/components/atoms/Button/buttonStatusStyles.d.ts +4 -0
- package/dist/components/atoms/Button/buttonStatusStyles.d.ts.map +1 -1
- package/dist/components/atoms/Button/buttonStatusStyles.js +4 -4
- package/dist/components/atoms/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/atoms/Checkbox/Checkbox.js +41 -40
- package/dist/components/atoms/IconButton/IconButton.d.ts.map +1 -1
- package/dist/components/atoms/IconButton/IconButton.js +75 -74
- package/dist/components/atoms/Input/Input.d.ts +2 -0
- package/dist/components/atoms/Input/Input.d.ts.map +1 -1
- package/dist/components/atoms/Input/Input.js +87 -81
- package/dist/components/atoms/Status/Status.js +1 -1
- package/dist/components/atoms/Status/statusRingStyles.d.ts +1 -1
- package/dist/components/atoms/Status/statusRingStyles.d.ts.map +1 -1
- package/dist/components/atoms/Status/statusRingStyles.js +1 -1
- package/dist/components/atoms/Switch/Switch.d.ts.map +1 -1
- package/dist/components/atoms/Switch/Switch.js +53 -52
- package/dist/components/atoms/TextArea/TextArea.d.ts +2 -0
- package/dist/components/atoms/TextArea/TextArea.d.ts.map +1 -1
- package/dist/components/atoms/TextArea/TextArea.js +59 -49
- package/dist/components/atoms/inputShared/InputTrailingAffordance.d.ts.map +1 -1
- package/dist/components/atoms/inputShared/InputTrailingAffordance.js +16 -14
- package/dist/components/molecules/CalEmbed/CalEmbed.d.ts.map +1 -1
- package/dist/components/molecules/CalEmbed/CalEmbed.js +17 -23
- package/dist/components/molecules/EmptyState/EmptyState.d.ts +41 -0
- package/dist/components/molecules/EmptyState/EmptyState.d.ts.map +1 -0
- package/dist/components/molecules/EmptyState/EmptyState.js +46 -0
- package/dist/components/molecules/EmptyState/emptyStateStyles.d.ts +10 -0
- package/dist/components/molecules/EmptyState/emptyStateStyles.d.ts.map +1 -0
- package/dist/components/molecules/EmptyState/emptyStateStyles.js +11 -0
- package/dist/components/molecules/IndexList/IndexList.d.ts +6 -1
- package/dist/components/molecules/IndexList/IndexList.d.ts.map +1 -1
- package/dist/components/molecules/IndexList/IndexList.js +67 -58
- package/dist/components/molecules/LinkTile/LinkTile.d.ts +4 -2
- package/dist/components/molecules/LinkTile/LinkTile.d.ts.map +1 -1
- package/dist/components/molecules/LinkTile/LinkTile.js +89 -81
- package/dist/components/molecules/LogView/LogView.d.ts.map +1 -1
- package/dist/components/molecules/LogView/LogView.js +68 -63
- package/dist/components/molecules/Progress/Progress.d.ts +38 -0
- package/dist/components/molecules/Progress/Progress.d.ts.map +1 -0
- package/dist/components/molecules/Progress/Progress.js +96 -0
- package/dist/components/molecules/Progress/progressStyles.d.ts +17 -0
- package/dist/components/molecules/Progress/progressStyles.d.ts.map +1 -0
- package/dist/components/molecules/Progress/progressStyles.js +9 -0
- package/dist/components/molecules/Stat/Stat.d.ts.map +1 -1
- package/dist/components/molecules/Stat/Stat.js +65 -61
- package/dist/components/molecules/TaskRows/TaskRowsTable.d.ts.map +1 -1
- package/dist/components/molecules/TaskRows/TaskRowsTable.js +77 -76
- package/dist/components/molecules/TileGrid/TileGrid.d.ts +6 -1
- package/dist/components/molecules/TileGrid/TileGrid.d.ts.map +1 -1
- package/dist/components/molecules/TileGrid/TileGrid.js +52 -47
- package/dist/components/organisms/Carousel/Carousel.d.ts +3 -0
- package/dist/components/organisms/Carousel/Carousel.d.ts.map +1 -1
- package/dist/components/organisms/Carousel/Carousel.js +208 -198
- package/dist/components/organisms/Carousel/carouselStyles.d.ts +2 -0
- package/dist/components/organisms/Carousel/carouselStyles.d.ts.map +1 -1
- package/dist/components/organisms/Carousel/carouselStyles.js +3 -3
- package/dist/components/organisms/Chart/ChartSegmentedRing.d.ts +10 -4
- package/dist/components/organisms/Chart/ChartSegmentedRing.d.ts.map +1 -1
- package/dist/components/organisms/Chart/ChartSegmentedRing.js +7 -2
- package/dist/components/organisms/Chart/chartStyles.d.ts +4 -0
- package/dist/components/organisms/Chart/chartStyles.d.ts.map +1 -1
- package/dist/components/organisms/Chart/chartStyles.js +4 -2
- package/dist/components/organisms/SiteNav/SiteNav.d.ts +8 -1
- package/dist/components/organisms/SiteNav/SiteNav.d.ts.map +1 -1
- package/dist/components/organisms/SiteNav/SiteNav.js +73 -69
- package/dist/components/organisms/SiteNav/siteNavStyles.d.ts +6 -0
- package/dist/components/organisms/SiteNav/siteNavStyles.d.ts.map +1 -1
- package/dist/components/organisms/SiteNav/siteNavStyles.js +6 -6
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +158 -153
- package/dist/lib/useDelayedLoading.d.ts +13 -0
- package/dist/lib/useDelayedLoading.d.ts.map +1 -0
- package/dist/lib/useDelayedLoading.js +27 -0
- package/dist/motion.css +10 -0
- package/dist/styles.css +1 -1
- package/docs/components.md +1 -1
- package/docs/exports.json +26 -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 +1 -1
- 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 +2 -2
- 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-above.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 +1 -1
- 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-errorsummary--contact-form.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-herointro--with-actions.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-notice--account-not-connected.tsx +1 -1
- package/docs/patterns/components-notice--holiday-closure.tsx +1 -1
- package/docs/patterns/components-notice--private-buyout.tsx +1 -1
- package/docs/patterns/components-notice--sync-failed.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-progress--upload-pattern.tsx +9 -0
- 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 +9 -1
- package/package.json +1 -1
|
@@ -50,6 +50,8 @@ export declare const carouselProgressThumbClasses: string;
|
|
|
50
50
|
export declare const carouselCounterClasses: string;
|
|
51
51
|
/** The scrubber and the drift's Pause button in one row (`autoplay`), placed like the scrubber alone. */
|
|
52
52
|
export declare const carouselControlsClasses: Record<CarouselProgressPlacement, string>;
|
|
53
|
+
/** `autoplay.pause: "on-focus"`: the Pause button is out of sight (but in the tab order) until it has keyboard focus. */
|
|
54
|
+
export declare const carouselDriftControlOnFocusClasses = "sr-only has-[:focus-visible]:not-sr-only has-[:focus-visible]:self-center";
|
|
53
55
|
/** The scrubber's width inside the controls row. */
|
|
54
56
|
export declare const carouselProgressInControlsClasses: Record<Exclude<CarouselProgressPlacement, "none">, string>;
|
|
55
57
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carouselStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Carousel/carouselStyles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,0BAA0B,8CAA+C,CAAC;AAEvF;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpF,eAAO,MAAM,mBAAmB,qCAAsC,CAAC;AAEvE,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtE,2GAA2G;AAC3G,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC;AAErF,qGAAqG;AACrG,eAAO,MAAM,wBAAwB;;;;CAAoE,CAAC;AAE1G,qEAAqE;AACrE,eAAO,MAAM,mBAAmB,qDAAqD,CAAC;AAEtF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,QAMhC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,QAOnC,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,2BAA2B,kDAAkD,CAAC;AAE3F,eAAO,MAAM,2BAA2B,kBAAkB,CAAC;AAE3D;;;GAGG;AACH,eAAO,MAAM,qBAAqB,8FAC2D,CAAC;AAE9F,qGAAqG;AACrG,eAAO,MAAM,oBAAoB,QAGhC,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAI/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,4IACuG,CAAC;AAE5I,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,OAAO,CAAC,yBAAyB,EAAE,MAAM,CAAC,EAAE,MAAM,CAIvG,CAAC;AAEF,eAAO,MAAM,4BAA4B,QAIxC,CAAC;AAEF,gGAAgG;AAChG,eAAO,MAAM,4BAA4B,QAMxC,CAAC;AAEF,mGAAmG;AACnG,eAAO,MAAM,sBAAsB,QAC4E,CAAC;AAEhH,yGAAyG;AACzG,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,yBAAyB,EAAE,MAAM,CAK7E,CAAC;AAEF,oDAAoD;AACpD,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,OAAO,CAAC,yBAAyB,EAAE,MAAM,CAAC,EAAE,MAAM,CAKxG,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,0QACuO,CAAC"}
|
|
1
|
+
{"version":3,"file":"carouselStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Carousel/carouselStyles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,0BAA0B,8CAA+C,CAAC;AAEvF;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpF,eAAO,MAAM,mBAAmB,qCAAsC,CAAC;AAEvE,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtE,2GAA2G;AAC3G,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC;AAErF,qGAAqG;AACrG,eAAO,MAAM,wBAAwB;;;;CAAoE,CAAC;AAE1G,qEAAqE;AACrE,eAAO,MAAM,mBAAmB,qDAAqD,CAAC;AAEtF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,QAMhC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,QAOnC,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,2BAA2B,kDAAkD,CAAC;AAE3F,eAAO,MAAM,2BAA2B,kBAAkB,CAAC;AAE3D;;;GAGG;AACH,eAAO,MAAM,qBAAqB,8FAC2D,CAAC;AAE9F,qGAAqG;AACrG,eAAO,MAAM,oBAAoB,QAGhC,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAI/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,4IACuG,CAAC;AAE5I,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,OAAO,CAAC,yBAAyB,EAAE,MAAM,CAAC,EAAE,MAAM,CAIvG,CAAC;AAEF,eAAO,MAAM,4BAA4B,QAIxC,CAAC;AAEF,gGAAgG;AAChG,eAAO,MAAM,4BAA4B,QAMxC,CAAC;AAEF,mGAAmG;AACnG,eAAO,MAAM,sBAAsB,QAC4E,CAAC;AAEhH,yGAAyG;AACzG,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,yBAAyB,EAAE,MAAM,CAK7E,CAAC;AAEF,yHAAyH;AACzH,eAAO,MAAM,kCAAkC,8EAA8E,CAAC;AAE9H,oDAAoD;AACpD,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,OAAO,CAAC,yBAAyB,EAAE,MAAM,CAAC,EAAE,MAAM,CAKxG,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,0QACuO,CAAC"}
|
|
@@ -26,10 +26,10 @@ var i = [
|
|
|
26
26
|
start: "flex items-center gap-2 self-start",
|
|
27
27
|
full: "flex w-full items-center gap-2",
|
|
28
28
|
none: "flex items-center self-center"
|
|
29
|
-
}, x = {
|
|
29
|
+
}, x = "sr-only has-[:focus-visible]:not-sr-only has-[:focus-visible]:self-center", S = {
|
|
30
30
|
center: "!w-48 md:!w-60",
|
|
31
31
|
start: "!w-48 md:!w-60",
|
|
32
32
|
full: "min-w-0 flex-1"
|
|
33
|
-
},
|
|
33
|
+
}, C = "pointer-events-none absolute left-0 top-0 z-10 flex size-14 items-center justify-center rounded-full bg-fg text-body opacity-0 shadow-soft-sm transition-[opacity,scale] duration-fast ease-standard data-[shown]:opacity-100 data-[dragging]:scale-90 [&_svg]:size-6";
|
|
34
34
|
//#endregion
|
|
35
|
-
export { a as carouselBreakpoints, b as carouselControlsClasses, y as carouselCounterClasses,
|
|
35
|
+
export { a as carouselBreakpoints, b as carouselControlsClasses, y as carouselCounterClasses, C as carouselCursorClasses, o as carouselDefaultItemWidth, x as carouselDriftControlOnFocusClasses, f as carouselExtentClasses, c as carouselFrameClasses, m as carouselItemClasses, h as carouselProgressClasses, S as carouselProgressInControlsClasses, g as carouselProgressPlacementClasses, i as carouselProgressPlacements, v as carouselProgressThumbClasses, _ as carouselProgressTrackClasses, s as carouselRootClasses, p as carouselTrackClasses, l as carouselViewportClasses, d as carouselViewportFadeClasses, u as carouselViewportSnapClasses };
|
|
@@ -3,7 +3,7 @@ import { type ChartTone } from "../../../lib/chartTheme";
|
|
|
3
3
|
import { type ChartSegmentedBarAnimate } from "./chartSegmentedBarMotion";
|
|
4
4
|
/** Discrete ticks around the ring. Channels uses a fine meter; 72 keeps the gaps visible. */
|
|
5
5
|
export declare const chartSegmentedRingSegmentDefault = 72;
|
|
6
|
-
export declare const chartSegmentedRingSizes: readonly ["sm", "md", "lg"];
|
|
6
|
+
export declare const chartSegmentedRingSizes: readonly ["sm", "md", "lg", "fluid"];
|
|
7
7
|
export type ChartSegmentedRingSize = (typeof chartSegmentedRingSizes)[number];
|
|
8
8
|
/** Replaces the center figure when the source is unwired. The track stays empty. */
|
|
9
9
|
export interface ChartSegmentedRingUnavailable {
|
|
@@ -24,10 +24,16 @@ export interface ChartSegmentedRingProps {
|
|
|
24
24
|
centerValue?: ReactNode;
|
|
25
25
|
/** Caption under `centerValue`. */
|
|
26
26
|
centerLabel?: ReactNode;
|
|
27
|
-
/**
|
|
27
|
+
/**
|
|
28
|
+
* sm 96px, md 160px, lg 192px. `fluid` fills its container's width (square, so give the container a height
|
|
29
|
+
* cap such as `max-h-[70svh]` with `aspect-square`) and sizes the centre figure to the ring.
|
|
30
|
+
*/
|
|
28
31
|
size?: ChartSegmentedRingSize;
|
|
29
|
-
/**
|
|
30
|
-
|
|
32
|
+
/**
|
|
33
|
+
* `initial` sweeps from empty on mount, then jumps to new values. `always` also sweeps from the current fill
|
|
34
|
+
* to each new value (one gauge stepping through figures). Reduced motion stays on the final fill.
|
|
35
|
+
*/
|
|
36
|
+
animate?: ChartSegmentedBarAnimate | "always";
|
|
31
37
|
/** Accessible name. Defaults to the percent of capacity. */
|
|
32
38
|
label?: string;
|
|
33
39
|
/** Source not wired — empty track, muted label and reason in the hole. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartSegmentedRing.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Chart/ChartSegmentedRing.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnF,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,2BAA2B,CAAC;AAYnC,6FAA6F;AAC7F,eAAO,MAAM,gCAAgC,KAAK,CAAC;AAEnD,eAAO,MAAM,uBAAuB,
|
|
1
|
+
{"version":3,"file":"ChartSegmentedRing.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Chart/ChartSegmentedRing.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnF,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,2BAA2B,CAAC;AAYnC,6FAA6F;AAC7F,eAAO,MAAM,gCAAgC,KAAK,CAAC;AAEnD,eAAO,MAAM,uBAAuB,sCAAuC,CAAC;AAE5E,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9E,oFAAoF;AACpF,MAAM,WAAW,6BAA6B;IAC5C,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,uBAAuB;IACtC,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,GAAG,EAAE,MAAM,CAAC;IACZ,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gEAAgE;IAChE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mCAAmC;IACnC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,wBAAwB,GAAG,QAAQ,CAAC;IAC9C,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,WAAW,CAAC,EAAE,6BAA6B,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;;;;;;;EAQnF;AAED,sFAAsF;AACtF,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAgB/E;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,GAAG,EACH,QAA2C,EAC3C,IAAgB,EAChB,WAAW,EACX,WAAW,EACX,IAAW,EACX,OAAmB,EACnB,KAAK,EACL,WAAW,EACX,SAAS,GACV,EAAE,uBAAuB,+BAiGzB"}
|
|
@@ -10,7 +10,8 @@ import { useMotionValueEvent as y, useReducedMotion as b, useSpring as x } from
|
|
|
10
10
|
var S = 72, C = [
|
|
11
11
|
"sm",
|
|
12
12
|
"md",
|
|
13
|
-
"lg"
|
|
13
|
+
"lg",
|
|
14
|
+
"fluid"
|
|
14
15
|
];
|
|
15
16
|
function w(e, t, n) {
|
|
16
17
|
let r = Math.max(1, Math.round(n)), i = t > 0 ? t : 1, a = Number.isFinite(e) ? e : 0, o = a > i, s = Math.min(Math.max(a, 0), i);
|
|
@@ -31,10 +32,14 @@ function E({ value: S, max: C, segments: E = 72, tone: D = "primary", centerValu
|
|
|
31
32
|
let F = w(S, C, E), I = b(), [L, R] = h(N ? 0 : F.progress), z = x(N ? 0 : F.progress, d), B = m(!1);
|
|
32
33
|
f(() => {
|
|
33
34
|
let e = N ? 0 : F.progress;
|
|
34
|
-
if (!B.current && (B.current = !0, j
|
|
35
|
+
if (!B.current && (B.current = !0, j !== "none" && !I && !N)) {
|
|
35
36
|
z.jump(0), R(0), z.set(e);
|
|
36
37
|
return;
|
|
37
38
|
}
|
|
39
|
+
if (j === "always" && !I && !N) {
|
|
40
|
+
z.set(e);
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
38
43
|
z.jump(e), R(e);
|
|
39
44
|
}, [
|
|
40
45
|
j,
|
|
@@ -11,12 +11,16 @@ export declare const chartSegmentedRingSizeClasses: {
|
|
|
11
11
|
readonly sm: "size-24";
|
|
12
12
|
readonly md: "size-40";
|
|
13
13
|
readonly lg: "size-48";
|
|
14
|
+
/** Fills the container's width, square; the centre type reads the ring's width (container query units). */
|
|
15
|
+
readonly fluid: "aspect-square w-full @container";
|
|
14
16
|
};
|
|
15
17
|
export declare const chartSegmentedRingCenterClasses = "pointer-events-none absolute inset-0 flex flex-col items-center justify-center px-[16%] text-center";
|
|
16
18
|
export declare const chartSegmentedRingValueClasses: {
|
|
17
19
|
readonly sm: `${string} tabular-nums`;
|
|
18
20
|
readonly md: `${string} tabular-nums`;
|
|
19
21
|
readonly lg: "type-display-3 tabular-nums tracking-tight text-fg";
|
|
22
|
+
/** The display face and knobs, sized to the ring (18% of its width) instead of the viewport. */
|
|
23
|
+
readonly fluid: "type-display-hero !text-[length:18cqi] !leading-none tabular-nums text-fg";
|
|
20
24
|
};
|
|
21
25
|
export declare const chartSegmentedRingLabelClasses: string;
|
|
22
26
|
/** Muted on purpose — `typographyClass("ui-label")` includes `text-fg`, which would win. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chartStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Chart/chartStyles.ts"],"names":[],"mappings":"AAIA,oEAAoE;AACpE,eAAO,MAAM,iBAAiB,oBAAoB,CAAC;AAEnD,kEAAkE;AAClE,eAAO,MAAM,0BAA0B,4EACoC,CAAC;AAE5E,6EAA6E;AAC7E,eAAO,MAAM,8BAA8B,4CAA4C,CAAC;AAExF,eAAO,MAAM,kCAAkC,iCAAiC,CAAC;AAEjF,uFAAuF;AACvF,eAAO,MAAM,8BAA8B,wDAAwD,CAAC;AAEpG,eAAO,MAAM,6BAA6B;;;;
|
|
1
|
+
{"version":3,"file":"chartStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Chart/chartStyles.ts"],"names":[],"mappings":"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"}
|
|
@@ -6,11 +6,13 @@ import { motionTransition as n } from "../../../lib/motion.js";
|
|
|
6
6
|
var r = "relative w-full", i = "relative block w-full min-w-0 [height:var(--chart-segment-height,2rem)]", a = "flex h-full w-full items-stretch gap-px", o = "min-w-0 flex-1 rounded-[2px]", s = "relative inline-flex shrink-0 flex-col items-center", c = {
|
|
7
7
|
sm: "size-24",
|
|
8
8
|
md: "size-40",
|
|
9
|
-
lg: "size-48"
|
|
9
|
+
lg: "size-48",
|
|
10
|
+
fluid: "aspect-square w-full @container"
|
|
10
11
|
}, l = "pointer-events-none absolute inset-0 flex flex-col items-center justify-center px-[16%] text-center", u = {
|
|
11
12
|
sm: `${t("subheading")} tabular-nums`,
|
|
12
13
|
md: `${t("section-heading")} tabular-nums`,
|
|
13
|
-
lg: "type-display-3 tabular-nums tracking-tight text-fg"
|
|
14
|
+
lg: "type-display-3 tabular-nums tracking-tight text-fg",
|
|
15
|
+
fluid: "type-display-hero !text-[length:18cqi] !leading-none tabular-nums text-fg"
|
|
14
16
|
}, d = t("caption"), f = "type-label text-muted", p = t("caption"), m = "type-caption text-destructive", h = "flex w-full min-w-0 flex-col gap-3", g = "flex min-w-0 flex-col gap-1.5", _ = "flex min-w-0 items-baseline justify-between gap-3", v = `${t("caption")} min-w-0 truncate text-fg`, y = "shrink-0 font-mono text-xs tabular-nums leading-none text-muted", b = "h-1.5 w-full overflow-hidden rounded-full bg-border", x = "block h-full w-[var(--chart-ranked-bar-width)] origin-left rounded-full bg-primary", S = "flex h-full w-full min-w-0 flex-col gap-3", C = "relative min-h-0 w-full min-w-0 flex-auto", w = "block h-full w-full overflow-visible select-none", T = `transition-[fill-opacity] motion-reduce:transition-none ${n("fast")}`, E = "sr-only", D = `${t("body")} flex min-h-40 items-center justify-center rounded-lg border border-dashed border-border px-4 text-center text-muted`, O = `${t("caption")} text-muted`, k = "flex items-center gap-1", A = "size-3 rounded-[2px] bg-primary", j = "flex flex-wrap items-baseline gap-x-3 gap-y-1", M = `${t("display")} tabular-nums tracking-tight text-fg`, N = "flex flex-wrap items-baseline gap-x-2 gap-y-0.5", P = "font-mono text-sm tabular-nums leading-none", F = `${t("overline")} text-muted`, I = "flex w-full min-w-0 flex-col items-center justify-center gap-2 text-muted", L = t("caption"), R = "-translate-y-[calc(100%+4px)] translate-x-1", z = "-translate-x-[calc(100%+4px)] -translate-y-[calc(100%+4px)]", ee = "translate-x-1 translate-y-1", B = "-translate-x-[calc(100%+4px)] translate-y-1", V = "pointer-events-none", H = e("pointer-events-none w-max min-w-[8rem] rounded-lg px-2.5 py-2", "border border-border/40", "bg-[color-mix(in_srgb,var(--color-background-popover)_72%,transparent)]", "shadow-[var(--shadow-drop-sm),var(--shadow-inset-highlight)]", "backdrop-blur-md backdrop-saturate-150", "[@supports_not_(backdrop-filter:blur(0))]:bg-popover"), U = `${t("caption")} mb-1 font-medium text-fg`, W = "flex w-full min-w-0 flex-col gap-0", G = "flex w-full min-w-0 items-center gap-1.5", K = "flex min-w-0 flex-1 items-baseline justify-between gap-2", q = "size-2 shrink-0 rounded-full", J = "h-3 w-0.5 shrink-0 rounded-full", Y = "h-3 w-0 shrink-0 border-l-2 border-dashed bg-transparent", X = `${t("caption")} min-w-0 text-muted whitespace-nowrap`, Z = "shrink-0 text-right font-mono text-xs tabular-nums leading-none text-fg whitespace-nowrap", Q = "relative w-full min-w-0", $ = "pointer-events-none absolute inset-0 z-[1]", te = "pointer-events-none absolute flex items-center justify-center", ne = "block max-w-full overflow-visible select-none", re = `${t("caption")} tabular-nums`, ie = "pointer-events-none stroke-border [stroke-width:1px]", ae = "stroke-background [stroke-width:2px]", oe = "flex flex-wrap items-center gap-x-4 gap-y-2", se = "flex items-center gap-2", ce = "size-2 shrink-0 rounded-full", le = `${t("caption")} text-muted`, ue = "flex w-full min-w-0 flex-col gap-2", de = "grid grid-cols-[auto_minmax(0,1fr)_auto_auto_auto] items-baseline gap-x-3", fe = `${t("caption")} min-w-0 truncate text-fg`, pe = "text-right font-mono text-xs tabular-nums leading-none text-fg", me = "text-right font-mono text-xs tabular-nums leading-none text-muted", he = {
|
|
15
17
|
up: "text-right font-mono text-xs tabular-nums leading-none text-success",
|
|
16
18
|
down: "text-right font-mono text-xs tabular-nums leading-none text-destructive",
|
|
@@ -40,11 +40,18 @@ export interface SiteNavProps {
|
|
|
40
40
|
placement?: SiteNavPlacement;
|
|
41
41
|
/** When set, compact pins sticky inside this scroller (page chrome) instead of `fixed` to the window. */
|
|
42
42
|
scrollContainer?: RefObject<HTMLElement | null>;
|
|
43
|
+
/**
|
|
44
|
+
* The page opens on a full-bleed photo or video (Hero — Stage with a backdrop). While expanded, the bar
|
|
45
|
+
* lays over the top of the next section instead of taking room above it, with no fill and the dark
|
|
46
|
+
* theme's light ink, so the footage shows through. Once scrolled, the compact pill is the usual one.
|
|
47
|
+
* The hero carries a top scrim so the links stay readable on bright frames.
|
|
48
|
+
*/
|
|
49
|
+
overMedia?: boolean;
|
|
43
50
|
/** Accessible name for the `<header>`. Default: `"Site"`. */
|
|
44
51
|
"aria-label"?: string;
|
|
45
52
|
className?: SiteNavLayoutClassName;
|
|
46
53
|
}
|
|
47
|
-
declare function SiteNavRoot({ start, middle, end, mobile, mobileAction, mobileTitle, collapseAt, state: controlledState, onStateChange, compactLayout, placement, scrollContainer, "aria-label": ariaLabel, className, }: SiteNavProps): import("react").JSX.Element;
|
|
54
|
+
declare function SiteNavRoot({ start, middle, end, mobile, mobileAction, mobileTitle, collapseAt, state: controlledState, onStateChange, compactLayout, placement, overMedia, scrollContainer, "aria-label": ariaLabel, className, }: SiteNavProps): import("react").JSX.Element;
|
|
48
55
|
export interface SiteNavBrandProps {
|
|
49
56
|
href: string;
|
|
50
57
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SiteNav.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/SiteNav/SiteNav.tsx"],"names":[],"mappings":"AAGA,OAAO,EAWL,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAU,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AASpE,OAAO,
|
|
1
|
+
{"version":3,"file":"SiteNav.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/SiteNav/SiteNav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,22 +7,22 @@ import { TextLink as i } from "../../atoms/TextLink/TextLink.js";
|
|
|
7
7
|
import { Dropdown as a } from "../../molecules/Dropdown/Dropdown.js";
|
|
8
8
|
import { cardLayoutBodyOccupantRadiusClasses as o, cardLayoutBodyOccupantWellClasses as s } from "../../molecules/Card/cardStyles.js";
|
|
9
9
|
import { textOf as ee, useOverflowMenu as te } from "../../molecules/Dropdown/useOverflowMenu.js";
|
|
10
|
-
import { siteNavBarBaseClasses as c, siteNavBarCompactLayoutClasses as ne, siteNavBarStateClasses as l, siteNavBrandClasses as u, siteNavCompactLayouts as d, siteNavContainerClasses as f, siteNavDefaultCollapseAt as p, siteNavDefaultCollapseRatio as m, siteNavEndActionsClasses as
|
|
10
|
+
import { siteNavBarBaseClasses as c, siteNavBarCompactLayoutClasses as ne, siteNavBarStateClasses as l, siteNavBrandClasses as u, siteNavCompactLayouts as d, siteNavContainerClasses as f, siteNavDefaultCollapseAt as p, siteNavDefaultCollapseRatio as m, siteNavEndActionsClasses as re, siteNavEndClasses as ie, siteNavExpandedHeightClasses as ae, siteNavLinkClasses as h, siteNavLinkListClasses as g, siteNavLinksRootClasses as _, siteNavMeasureItemClasses as v, siteNavMeasureMoreClasses as y, siteNavMeasureRailClasses as b, siteNavMenuBackdropClasses as x, siteNavMenuContentClasses as S, siteNavMenuLinkClasses as C, siteNavMenuLinkGridClasses as w, siteNavMenuPopupClasses as T, siteNavMenuPositionerClasses as E, siteNavMenuReadRowClasses as D, siteNavMenuReadThumbClasses as O, siteNavMenuSectionClasses as k, siteNavMenuSectionLabelClasses as A, siteNavMenuSectionSpanClasses as oe, siteNavMenuViewportClasses as se, siteNavMiddleClasses as ce, siteNavMiddleHugClasses as le, siteNavMiddleHugResponsiveClasses as ue, siteNavMiddleResponsiveClasses as de, siteNavMobileActionClasses as fe, siteNavMobileLinkClasses as j, siteNavMobileListClasses as pe, siteNavMobilePanelClasses as me, siteNavMobileTriggerClasses as he, siteNavMoreIconClasses as ge, siteNavMoreTriggerClasses as M, siteNavNavigationRootClasses as N, siteNavPlacements as P, siteNavRootFixedClasses as _e, siteNavRootFlowClasses as ve, siteNavRootInlineClasses as ye, siteNavRootStickyClasses as be, siteNavSlotsClasses as F, siteNavStartClasses as xe, siteNavStates as I, siteNavTriggerClasses as L, siteNavTriggerIconClasses as R, siteNavTriggerLabelClasses as z, siteNavWordmarkBrandClasses as B } from "./siteNavStyles.js";
|
|
11
11
|
import { useSiteNavCollapse as Se } from "./useSiteNavCollapse.js";
|
|
12
12
|
import { useSiteNavMobileMenu as Ce } from "./useSiteNavMobileMenu.js";
|
|
13
|
-
import { Children as V, createContext as
|
|
13
|
+
import { Children as V, createContext as we, isValidElement as H, useCallback as Te, useContext as U, useEffect as W, useId as Ee, useMemo as G, useRef as K, useState as q } from "react";
|
|
14
14
|
import { ChevronDown as J, Menu as De, X as Oe } from "lucide-react";
|
|
15
15
|
import { Fragment as ke, jsx as Y, jsxs as X } from "react/jsx-runtime";
|
|
16
16
|
import { AnimatePresence as Ae, motion as je, useReducedMotion as Me } from "motion/react";
|
|
17
17
|
import { createPortal as Ne } from "react-dom";
|
|
18
18
|
import { NavigationMenu as Z } from "@base-ui/react/navigation-menu";
|
|
19
19
|
//#region src/components/organisms/SiteNav/SiteNav.tsx
|
|
20
|
-
var Pe =
|
|
20
|
+
var Pe = we(null);
|
|
21
21
|
function Fe(e, t, n, r) {
|
|
22
22
|
return t && (e || n) ? r ? F.threeHug : F.three : t ? F.middleOnly : e && n ? F.ends : e ? F.startOnly : F.endOnly;
|
|
23
23
|
}
|
|
24
24
|
function Ie(e, t) {
|
|
25
|
-
|
|
25
|
+
W(() => {
|
|
26
26
|
if (!e || typeof document > "u") return;
|
|
27
27
|
let n = t?.current ?? document.documentElement, r = n.style.scrollPaddingTop;
|
|
28
28
|
return n.style.scrollPaddingTop = "calc(var(--site-nav-height) + var(--spacing) * 4)", () => {
|
|
@@ -39,7 +39,7 @@ function Le(e) {
|
|
|
39
39
|
}
|
|
40
40
|
function Re(e, t, n) {
|
|
41
41
|
let [r, i] = q(!1), a = K(0);
|
|
42
|
-
return
|
|
42
|
+
return W(() => {
|
|
43
43
|
let n = e.current;
|
|
44
44
|
if (!t || n == null || typeof ResizeObserver > "u") return;
|
|
45
45
|
let r = window.matchMedia("(min-width: 768px)"), o = () => {
|
|
@@ -61,31 +61,31 @@ function Re(e, t, n) {
|
|
|
61
61
|
n
|
|
62
62
|
]), r;
|
|
63
63
|
}
|
|
64
|
-
function ze({ start: r, middle: i, end: a, mobile: o, mobileAction: s, mobileTitle: ee = "Menu", collapseAt: te, state: u, onStateChange: d, compactLayout: p = "hug", placement: m = "fixed", scrollContainer: g, "aria-label": _ = "Site", className: v }) {
|
|
64
|
+
function ze({ start: r, middle: i, end: a, mobile: o, mobileAction: s, mobileTitle: ee = "Menu", collapseAt: te, state: u, onStateChange: d, compactLayout: p = "hug", placement: m = "fixed", overMedia: h = !1, scrollContainer: g, "aria-label": _ = "Site", className: v }) {
|
|
65
65
|
let y = K(null), b = Me() ?? !1, { state: x, compact: S } = Se({
|
|
66
66
|
collapseAt: te,
|
|
67
67
|
scrollContainer: g,
|
|
68
68
|
controlledState: u,
|
|
69
69
|
placement: m,
|
|
70
70
|
onStateChange: d
|
|
71
|
-
}), [C, w] = q(!1), T =
|
|
71
|
+
}), [C, w] = q(!1), T = Ee(), E = K(null), D = K(null), O = K(null), k = Te(() => w(!1), []), A = K(null), oe = Re(A, o != null && a != null, S ? "compact" : "expanded"), se = Ce({
|
|
72
72
|
open: C,
|
|
73
73
|
onClose: k,
|
|
74
74
|
barRef: E,
|
|
75
75
|
panelRef: D,
|
|
76
76
|
triggerRef: O
|
|
77
|
-
}), [j,
|
|
77
|
+
}), [j, ge] = q(!1), M = S && p === "hug", N = {
|
|
78
78
|
y: -72,
|
|
79
79
|
opacity: 0
|
|
80
|
-
},
|
|
80
|
+
}, P = {
|
|
81
81
|
y: 0,
|
|
82
82
|
opacity: 1
|
|
83
|
-
},
|
|
83
|
+
}, F = b ? { duration: 0 } : {
|
|
84
84
|
...t("medium"),
|
|
85
85
|
type: "tween"
|
|
86
|
-
},
|
|
87
|
-
Ie(
|
|
88
|
-
let
|
|
86
|
+
}, I = g != null, L = m === "fixed" || I;
|
|
87
|
+
Ie(L && S, g);
|
|
88
|
+
let R = o != null, z = r != null, B = i != null, V = a != null || R, we = R ? /* @__PURE__ */ Y(n, {
|
|
89
89
|
ref: O,
|
|
90
90
|
role: "ghost",
|
|
91
91
|
size: "md",
|
|
@@ -100,24 +100,24 @@ function ze({ start: r, middle: i, end: a, mobile: o, mobileAction: s, mobileTit
|
|
|
100
100
|
function H(e) {
|
|
101
101
|
return /* @__PURE__ */ X("div", {
|
|
102
102
|
ref: A,
|
|
103
|
-
className: Fe(
|
|
103
|
+
className: Fe(z, B, V, e),
|
|
104
104
|
children: [
|
|
105
|
-
|
|
105
|
+
z ? /* @__PURE__ */ Y("div", {
|
|
106
106
|
className: xe,
|
|
107
107
|
children: r
|
|
108
108
|
}) : null,
|
|
109
|
-
|
|
110
|
-
className:
|
|
109
|
+
B ? /* @__PURE__ */ Y("div", {
|
|
110
|
+
className: R ? e ? ue : de : e ? le : ce,
|
|
111
111
|
children: i
|
|
112
112
|
}) : null,
|
|
113
|
-
|
|
114
|
-
className:
|
|
115
|
-
children: [a != null &&
|
|
116
|
-
className:
|
|
117
|
-
"data-tight":
|
|
113
|
+
V ? /* @__PURE__ */ X("div", {
|
|
114
|
+
className: ie,
|
|
115
|
+
children: [a != null && R ? /* @__PURE__ */ Y("div", {
|
|
116
|
+
className: re,
|
|
117
|
+
"data-tight": oe ? "" : void 0,
|
|
118
118
|
"data-menu-open": C ? "" : void 0,
|
|
119
119
|
children: a
|
|
120
|
-
}) : a,
|
|
120
|
+
}) : a, we]
|
|
121
121
|
}) : null
|
|
122
122
|
]
|
|
123
123
|
});
|
|
@@ -132,36 +132,36 @@ function ze({ start: r, middle: i, end: a, mobile: o, mobileAction: s, mobileTit
|
|
|
132
132
|
children: /* @__PURE__ */ Y("div", {
|
|
133
133
|
"data-state": "compact",
|
|
134
134
|
className: U,
|
|
135
|
-
children: H(
|
|
135
|
+
children: H(M)
|
|
136
136
|
})
|
|
137
|
-
}),
|
|
138
|
-
initial: !b &&
|
|
139
|
-
animate:
|
|
140
|
-
exit: b ?
|
|
141
|
-
transition:
|
|
142
|
-
},
|
|
137
|
+
}), J = {
|
|
138
|
+
initial: !b && N,
|
|
139
|
+
animate: P,
|
|
140
|
+
exit: b ? P : N,
|
|
141
|
+
transition: F
|
|
142
|
+
}, Z = I ? e(be, "h-0 w-full overflow-visible") : _e;
|
|
143
143
|
return /* @__PURE__ */ X(Pe.Provider, {
|
|
144
144
|
value: {
|
|
145
145
|
state: x,
|
|
146
146
|
anchorRef: y,
|
|
147
147
|
menuOpen: j,
|
|
148
|
-
setMenuOpen:
|
|
148
|
+
setMenuOpen: ge
|
|
149
149
|
},
|
|
150
|
-
children: [
|
|
150
|
+
children: [L ? /* @__PURE__ */ X(ke, { children: [
|
|
151
151
|
/* @__PURE__ */ Y(Ae, { children: S ? /* @__PURE__ */ Y(je.div, {
|
|
152
|
-
...
|
|
153
|
-
className: e(
|
|
152
|
+
...J,
|
|
153
|
+
className: e(Z, !I && v),
|
|
154
154
|
children: /* @__PURE__ */ Y("header", {
|
|
155
155
|
ref: E,
|
|
156
156
|
"aria-label": _,
|
|
157
157
|
"data-state": "compact",
|
|
158
158
|
"data-menu": j ? "open" : "closed",
|
|
159
|
-
className: e(
|
|
159
|
+
className: e(I && e("w-full", v)),
|
|
160
160
|
children: G
|
|
161
161
|
})
|
|
162
162
|
}, "site-nav-compact") : null }),
|
|
163
163
|
S ? /* @__PURE__ */ Y("div", {
|
|
164
|
-
className: e(
|
|
164
|
+
className: e(ae, "w-full"),
|
|
165
165
|
"aria-hidden": !0
|
|
166
166
|
}) : null,
|
|
167
167
|
S ? null : /* @__PURE__ */ Y("header", {
|
|
@@ -169,7 +169,9 @@ function ze({ start: r, middle: i, end: a, mobile: o, mobileAction: s, mobileTit
|
|
|
169
169
|
"aria-label": _,
|
|
170
170
|
"data-state": "expanded",
|
|
171
171
|
"data-menu": j ? "open" : "closed",
|
|
172
|
-
|
|
172
|
+
"data-theme": h ? "dark" : void 0,
|
|
173
|
+
"data-over-media": h ? "" : void 0,
|
|
174
|
+
className: e(ve, h && "!absolute inset-x-0 top-0 !bg-transparent", v),
|
|
173
175
|
children: /* @__PURE__ */ Y("div", {
|
|
174
176
|
ref: y,
|
|
175
177
|
className: f,
|
|
@@ -181,7 +183,9 @@ function ze({ start: r, middle: i, end: a, mobile: o, mobileAction: s, mobileTit
|
|
|
181
183
|
"aria-label": _,
|
|
182
184
|
"data-state": x,
|
|
183
185
|
"data-menu": j ? "open" : "closed",
|
|
184
|
-
|
|
186
|
+
"data-theme": h && !S ? "dark" : void 0,
|
|
187
|
+
"data-over-media": h && !S ? "" : void 0,
|
|
188
|
+
className: e(ye, h && !S && "!absolute inset-x-0 top-0 !bg-transparent", v),
|
|
185
189
|
children: /* @__PURE__ */ Y("div", {
|
|
186
190
|
ref: y,
|
|
187
191
|
className: e(f, S && "px-[var(--grid-margin)]"),
|
|
@@ -189,24 +193,24 @@ function ze({ start: r, middle: i, end: a, mobile: o, mobileAction: s, mobileTit
|
|
|
189
193
|
initial: !1,
|
|
190
194
|
mode: "popLayout",
|
|
191
195
|
children: S ? /* @__PURE__ */ Y(je.div, {
|
|
192
|
-
initial: !b &&
|
|
193
|
-
animate:
|
|
194
|
-
exit: b ?
|
|
195
|
-
transition:
|
|
196
|
+
initial: !b && N,
|
|
197
|
+
animate: P,
|
|
198
|
+
exit: b ? P : N,
|
|
199
|
+
transition: F,
|
|
196
200
|
"data-state": "compact",
|
|
197
201
|
className: U,
|
|
198
202
|
children: H(!0)
|
|
199
203
|
}, "compact") : /* @__PURE__ */ Y("div", { children: W }, "expanded")
|
|
200
204
|
})
|
|
201
205
|
})
|
|
202
|
-
}),
|
|
206
|
+
}), R && C && typeof document < "u" ? Ne(/* @__PURE__ */ X("div", {
|
|
203
207
|
ref: D,
|
|
204
208
|
id: T,
|
|
205
209
|
role: "dialog",
|
|
206
210
|
"aria-modal": "true",
|
|
207
211
|
"aria-label": ee,
|
|
208
212
|
className: me,
|
|
209
|
-
style: { top:
|
|
213
|
+
style: { top: se },
|
|
210
214
|
onClick: (e) => {
|
|
211
215
|
e.target.closest("a[href]") != null && k();
|
|
212
216
|
},
|
|
@@ -214,14 +218,14 @@ function ze({ start: r, middle: i, end: a, mobile: o, mobileAction: s, mobileTit
|
|
|
214
218
|
className: pe,
|
|
215
219
|
children: o
|
|
216
220
|
}), s == null ? null : /* @__PURE__ */ Y("div", {
|
|
217
|
-
className:
|
|
221
|
+
className: fe,
|
|
218
222
|
children: s
|
|
219
223
|
})]
|
|
220
224
|
}), document.body) : null]
|
|
221
225
|
});
|
|
222
226
|
}
|
|
223
227
|
function Be({ href: e, icon: t, children: i, "aria-label": a }) {
|
|
224
|
-
let o = t ?? (
|
|
228
|
+
let o = t ?? (H(i) && i.type !== void 0 ? i : null);
|
|
225
229
|
return o == null ? /* @__PURE__ */ Y(n, {
|
|
226
230
|
role: "ghost",
|
|
227
231
|
size: "sm",
|
|
@@ -240,7 +244,7 @@ function Be({ href: e, icon: t, children: i, "aria-label": a }) {
|
|
|
240
244
|
});
|
|
241
245
|
}
|
|
242
246
|
function Ve(e) {
|
|
243
|
-
return V.toArray(e).filter(
|
|
247
|
+
return V.toArray(e).filter(H);
|
|
244
248
|
}
|
|
245
249
|
function Q(e) {
|
|
246
250
|
let t = e.props;
|
|
@@ -258,7 +262,7 @@ function Ue(e) {
|
|
|
258
262
|
return e[0] == null ? "" : Q(e[0]);
|
|
259
263
|
}
|
|
260
264
|
function We({ children: t, "aria-label": r = "Primary", delay: i = 100, closeDelay: o = 150 }) {
|
|
261
|
-
let s =
|
|
265
|
+
let s = U(Pe), c = G(() => Ve(t), [t]), ne = new Map(c.map((e) => [Q(e), e])), l = (e) => e.flatMap((e) => ne.get(e) ?? []), u = (e) => l(e).flatMap(re), d = te({
|
|
262
266
|
ids: c.map(Q),
|
|
263
267
|
activeId: Ue(c),
|
|
264
268
|
toMenuRows: (e) => u(e).map((e) => ({
|
|
@@ -266,7 +270,7 @@ function We({ children: t, "aria-label": r = "Primary", delay: i = 100, closeDel
|
|
|
266
270
|
disabled: e.href == null
|
|
267
271
|
}))
|
|
268
272
|
}), { menu: f } = d, p = l(d.visibleIds), m = u(d.overflowIds);
|
|
269
|
-
function
|
|
273
|
+
function re(e) {
|
|
270
274
|
if (!$(e)) {
|
|
271
275
|
let t = e.props;
|
|
272
276
|
return [{
|
|
@@ -279,7 +283,7 @@ function We({ children: t, "aria-label": r = "Primary", delay: i = 100, closeDel
|
|
|
279
283
|
let t = [];
|
|
280
284
|
function n(e) {
|
|
281
285
|
V.forEach(e, (e) => {
|
|
282
|
-
if (!
|
|
286
|
+
if (!H(e)) return;
|
|
283
287
|
let r = e.props;
|
|
284
288
|
if (typeof r.href == "string" && r.label == null) {
|
|
285
289
|
t.push({
|
|
@@ -299,7 +303,7 @@ function We({ children: t, "aria-label": r = "Primary", delay: i = 100, closeDel
|
|
|
299
303
|
}
|
|
300
304
|
return /* @__PURE__ */ X("div", {
|
|
301
305
|
...d.rowProps,
|
|
302
|
-
className:
|
|
306
|
+
className: _,
|
|
303
307
|
children: [
|
|
304
308
|
/* @__PURE__ */ X(Z.Root, {
|
|
305
309
|
"aria-label": r,
|
|
@@ -308,19 +312,19 @@ function We({ children: t, "aria-label": r = "Primary", delay: i = 100, closeDel
|
|
|
308
312
|
className: N,
|
|
309
313
|
onValueChange: (e) => s?.setMenuOpen(e != null),
|
|
310
314
|
children: [/* @__PURE__ */ Y(Z.List, {
|
|
311
|
-
className:
|
|
315
|
+
className: g,
|
|
312
316
|
children: p
|
|
313
|
-
}), /* @__PURE__ */ X(Z.Portal, { children: [/* @__PURE__ */ Y(Z.Backdrop, { className:
|
|
317
|
+
}), /* @__PURE__ */ X(Z.Portal, { children: [/* @__PURE__ */ Y(Z.Backdrop, { className: x }), /* @__PURE__ */ Y(Z.Positioner, {
|
|
314
318
|
anchor: s?.anchorRef,
|
|
315
319
|
positionMethod: "fixed",
|
|
316
320
|
side: "bottom",
|
|
317
321
|
align: "center",
|
|
318
322
|
sideOffset: 8,
|
|
319
323
|
collisionPadding: 8,
|
|
320
|
-
className:
|
|
324
|
+
className: E,
|
|
321
325
|
children: /* @__PURE__ */ Y(Z.Popup, {
|
|
322
|
-
className:
|
|
323
|
-
children: /* @__PURE__ */ Y(Z.Viewport, { className:
|
|
326
|
+
className: T,
|
|
327
|
+
children: /* @__PURE__ */ Y(Z.Viewport, { className: se })
|
|
324
328
|
})
|
|
325
329
|
})] })]
|
|
326
330
|
}),
|
|
@@ -347,13 +351,13 @@ function We({ children: t, "aria-label": r = "Primary", delay: i = 100, closeDel
|
|
|
347
351
|
})
|
|
348
352
|
}) : null,
|
|
349
353
|
/* @__PURE__ */ X("div", {
|
|
350
|
-
className:
|
|
354
|
+
className: b,
|
|
351
355
|
"aria-hidden": !0,
|
|
352
356
|
children: [c.map((t) => {
|
|
353
357
|
let n = Q(t), r = He(t), i = $(t);
|
|
354
358
|
return /* @__PURE__ */ X("span", {
|
|
355
359
|
ref: d.measureRef(n),
|
|
356
|
-
className: e(
|
|
360
|
+
className: e(v, i ? L : h),
|
|
357
361
|
children: [r, i ? /* @__PURE__ */ Y(J, {
|
|
358
362
|
className: "ml-1 size-3.5",
|
|
359
363
|
strokeWidth: 2
|
|
@@ -361,7 +365,7 @@ function We({ children: t, "aria-label": r = "Primary", delay: i = 100, closeDel
|
|
|
361
365
|
}, n);
|
|
362
366
|
}), /* @__PURE__ */ X("span", {
|
|
363
367
|
ref: d.moreMeasureRef,
|
|
364
|
-
className: e(M,
|
|
368
|
+
className: e(M, y),
|
|
365
369
|
children: ["More", /* @__PURE__ */ Y(J, {
|
|
366
370
|
className: "size-3.5",
|
|
367
371
|
strokeWidth: 2
|
|
@@ -403,7 +407,7 @@ function Ge({ href: e, children: t, current: r = !1, value: i }) {
|
|
|
403
407
|
role: "ghost",
|
|
404
408
|
size: "sm",
|
|
405
409
|
render: /* @__PURE__ */ Y("a", {}),
|
|
406
|
-
className:
|
|
410
|
+
className: h,
|
|
407
411
|
children: t
|
|
408
412
|
})
|
|
409
413
|
})
|
|
@@ -428,16 +432,16 @@ function Ke({ label: e, children: t, value: r }) {
|
|
|
428
432
|
})]
|
|
429
433
|
})
|
|
430
434
|
}) }), /* @__PURE__ */ Y(Z.Content, {
|
|
431
|
-
className:
|
|
435
|
+
className: S,
|
|
432
436
|
children: t
|
|
433
437
|
})]
|
|
434
438
|
});
|
|
435
439
|
}
|
|
436
440
|
function qe({ label: t, span: n = 1, children: r }) {
|
|
437
441
|
return /* @__PURE__ */ X("section", {
|
|
438
|
-
className: e(
|
|
442
|
+
className: e(k, oe[n]),
|
|
439
443
|
children: [t == null ? null : /* @__PURE__ */ Y("h3", {
|
|
440
|
-
className:
|
|
444
|
+
className: A,
|
|
441
445
|
children: t
|
|
442
446
|
}), r]
|
|
443
447
|
});
|
|
@@ -452,7 +456,7 @@ function Je({ href: e, children: t, icon: r, external: i = !1, newTab: a = !1, s
|
|
|
452
456
|
role: "ghost",
|
|
453
457
|
size: o,
|
|
454
458
|
render: /* @__PURE__ */ Y("a", {}),
|
|
455
|
-
className:
|
|
459
|
+
className: C,
|
|
456
460
|
icon: r,
|
|
457
461
|
children: [t, s ? /* @__PURE__ */ Y("span", {
|
|
458
462
|
className: "sr-only",
|
|
@@ -463,7 +467,7 @@ function Je({ href: e, children: t, icon: r, external: i = !1, newTab: a = !1, s
|
|
|
463
467
|
}
|
|
464
468
|
function Ye({ children: e }) {
|
|
465
469
|
return /* @__PURE__ */ Y("div", {
|
|
466
|
-
className:
|
|
470
|
+
className: w,
|
|
467
471
|
children: e
|
|
468
472
|
});
|
|
469
473
|
}
|
|
@@ -471,7 +475,7 @@ function Xe({ label: t, variant: n = "thumb", className: r }) {
|
|
|
471
475
|
return /* @__PURE__ */ Y("div", {
|
|
472
476
|
role: "img",
|
|
473
477
|
"aria-label": t,
|
|
474
|
-
className: e(s, o, n === "featured" ? "aspect-[16/10] w-full" :
|
|
478
|
+
className: e(s, o, n === "featured" ? "aspect-[16/10] w-full" : O, r)
|
|
475
479
|
});
|
|
476
480
|
}
|
|
477
481
|
function Ze({ media: e, title: t, description: n, href: r, linkLabel: a = "Read now" }) {
|
|
@@ -496,7 +500,7 @@ function Ze({ media: e, title: t, description: n, href: r, linkLabel: a = "Read
|
|
|
496
500
|
}
|
|
497
501
|
function Qe({ media: e, title: t, description: n, href: r, linkLabel: a = "Read now" }) {
|
|
498
502
|
return /* @__PURE__ */ X("div", {
|
|
499
|
-
className:
|
|
503
|
+
className: D,
|
|
500
504
|
children: [e, /* @__PURE__ */ X("div", {
|
|
501
505
|
className: "flex min-w-0 flex-col gap-1 type-body",
|
|
502
506
|
children: [
|
|
@@ -522,7 +526,7 @@ function $e({ href: e, children: t, current: r = !1 }) {
|
|
|
522
526
|
size: "md",
|
|
523
527
|
render: /* @__PURE__ */ Y("a", { href: e }),
|
|
524
528
|
"aria-current": r ? "page" : void 0,
|
|
525
|
-
className:
|
|
529
|
+
className: j,
|
|
526
530
|
children: t
|
|
527
531
|
});
|
|
528
532
|
}
|
|
@@ -540,4 +544,4 @@ var et = Object.assign(ze, {
|
|
|
540
544
|
MobileLink: $e
|
|
541
545
|
});
|
|
542
546
|
//#endregion
|
|
543
|
-
export { et as SiteNav, d as siteNavCompactLayouts, p as siteNavDefaultCollapseAt, m as siteNavDefaultCollapseRatio,
|
|
547
|
+
export { et as SiteNav, d as siteNavCompactLayouts, p as siteNavDefaultCollapseAt, m as siteNavDefaultCollapseRatio, ae as siteNavExpandedHeightClasses, D as siteNavMenuReadRowClasses, O as siteNavMenuReadThumbClasses, P as siteNavPlacements, I as siteNavStates };
|
|
@@ -27,6 +27,12 @@ export declare const siteNavRootFlowClasses = "pointer-events-none relative z-50
|
|
|
27
27
|
export declare const siteNavRootFixedClasses: string;
|
|
28
28
|
export declare const siteNavRootStickyClasses: string;
|
|
29
29
|
export declare const siteNavRootInlineClasses = "relative z-50 w-full";
|
|
30
|
+
/**
|
|
31
|
+
* `overMedia`, expanded: out of flow over the top of the next section (a full-bleed picture), so the picture
|
|
32
|
+
* runs under it. The `data-theme="dark"` on the same element gives the links their light ink. `bg-transparent`
|
|
33
|
+
* overrides the dark scope's page colour, which would otherwise paint the band.
|
|
34
|
+
*/
|
|
35
|
+
export declare const siteNavOverMediaClasses = "!absolute inset-x-0 top-0 !bg-transparent";
|
|
30
36
|
/** @deprecated Use flow / fixed / sticky / inline class exports. */
|
|
31
37
|
export declare const siteNavRootClasses: Record<SiteNavPlacement, string>;
|
|
32
38
|
/** Centered content column — bar host + mega vertical anchor; always grid-wide even when the pill hugs. */
|