@thewhatmatters/wmds 0.4.43 → 0.4.45
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 +40 -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/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
|
@@ -1,28 +1,29 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cn as e } from "../../../lib/cn.js";
|
|
3
3
|
import { motionTransitionProp as t } from "../../../lib/motion.js";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
4
|
+
import { emptySlot as n } from "../EmptyState/EmptyState.js";
|
|
5
|
+
import { tileGridBreakpoints as r, tileGridDefaultColumns as i, tileGridEmptyClasses as a, tileGridItemClasses as o, tileGridItemInnerClasses as s, tileGridLayouts as c, tileGridListClasses as l, tileGridRootClasses as u } from "./tileGridStyles.js";
|
|
6
|
+
import { tileGridColumnCount as d, tileGridResolveColumns as f, tileGridRowSpan as p } from "./tileGridMath.js";
|
|
7
|
+
import { Children as m, forwardRef as h, isValidElement as g, useLayoutEffect as _, useMemo as v, useRef as y } from "react";
|
|
8
|
+
import { jsx as b, jsxs as x } from "react/jsx-runtime";
|
|
9
|
+
import { AnimatePresence as S, motion as C, useReducedMotion as w } from "motion/react";
|
|
9
10
|
//#region src/components/molecules/TileGrid/TileGrid.tsx
|
|
10
|
-
function
|
|
11
|
-
let
|
|
12
|
-
"--tile-grid-cols":
|
|
13
|
-
"--tile-grid-cols-sm":
|
|
14
|
-
"--tile-grid-cols-md":
|
|
15
|
-
"--tile-grid-cols-lg":
|
|
16
|
-
"--tile-grid-cols-xl":
|
|
11
|
+
function T({ layout: t = "masonry", columns: r, empty: i, resultsLabel: o, busy: s = !1, "aria-label": c, "aria-labelledby": h, children: C, className: w }) {
|
|
12
|
+
let T = y(null), E = m.toArray(C), D = E.length > 0, O = E.map((e) => g(e) ? e.key : "").join("|"), k = f(r), A = v(() => ({
|
|
13
|
+
"--tile-grid-cols": k.base,
|
|
14
|
+
"--tile-grid-cols-sm": k.sm,
|
|
15
|
+
"--tile-grid-cols-md": k.md,
|
|
16
|
+
"--tile-grid-cols-lg": k.lg,
|
|
17
|
+
"--tile-grid-cols-xl": k.xl
|
|
17
18
|
}), [
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
19
|
+
k.base,
|
|
20
|
+
k.sm,
|
|
21
|
+
k.md,
|
|
22
|
+
k.lg,
|
|
23
|
+
k.xl
|
|
23
24
|
]);
|
|
24
|
-
return
|
|
25
|
-
let e =
|
|
25
|
+
return _(() => {
|
|
26
|
+
let e = T.current;
|
|
26
27
|
if (e == null) return;
|
|
27
28
|
let n = () => [...e.children].filter((e) => e instanceof HTMLElement);
|
|
28
29
|
if (t !== "masonry" || typeof ResizeObserver > "u") {
|
|
@@ -31,12 +32,12 @@ function C({ layout: t = "masonry", columns: n, empty: r, busy: a = !1, "aria-la
|
|
|
31
32
|
return;
|
|
32
33
|
}
|
|
33
34
|
let r = () => {
|
|
34
|
-
let t =
|
|
35
|
+
let t = d(getComputedStyle(e).gridTemplateColumns) > 1;
|
|
35
36
|
for (let e of n()) {
|
|
36
37
|
let n = e.firstElementChild;
|
|
37
38
|
if (t && n != null) {
|
|
38
39
|
let t = n instanceof HTMLElement ? n.offsetHeight : n.getBoundingClientRect().height;
|
|
39
|
-
e.style.gridRowEnd = `span ${
|
|
40
|
+
e.style.gridRowEnd = `span ${p(t, 4)}`;
|
|
40
41
|
} else e.style.removeProperty("grid-row-end");
|
|
41
42
|
}
|
|
42
43
|
e.toggleAttribute("data-packed", t);
|
|
@@ -50,45 +51,49 @@ function C({ layout: t = "masonry", columns: n, empty: r, busy: a = !1, "aria-la
|
|
|
50
51
|
return () => {
|
|
51
52
|
cancelAnimationFrame(i), a.disconnect();
|
|
52
53
|
};
|
|
53
|
-
}, [t,
|
|
54
|
-
className: e(
|
|
54
|
+
}, [t, O]), /* @__PURE__ */ x("div", {
|
|
55
|
+
className: e(u, w),
|
|
55
56
|
"data-tile-grid": "",
|
|
56
57
|
"data-layout": t,
|
|
57
|
-
children:
|
|
58
|
-
ref:
|
|
58
|
+
children: [D ? /* @__PURE__ */ b("ul", {
|
|
59
|
+
ref: T,
|
|
59
60
|
role: "list",
|
|
60
|
-
"aria-label":
|
|
61
|
-
"aria-labelledby":
|
|
62
|
-
"aria-busy":
|
|
63
|
-
className:
|
|
64
|
-
style:
|
|
65
|
-
children: /* @__PURE__ */
|
|
61
|
+
"aria-label": c,
|
|
62
|
+
"aria-labelledby": h,
|
|
63
|
+
"aria-busy": s || void 0,
|
|
64
|
+
className: l,
|
|
65
|
+
style: A,
|
|
66
|
+
children: /* @__PURE__ */ b(S, {
|
|
66
67
|
initial: !1,
|
|
67
68
|
mode: "popLayout",
|
|
68
|
-
children:
|
|
69
|
+
children: C
|
|
69
70
|
})
|
|
70
|
-
}) :
|
|
71
|
-
className:
|
|
71
|
+
}) : i == null ? null : /* @__PURE__ */ b("div", {
|
|
72
|
+
className: a,
|
|
72
73
|
"data-tile-grid-empty": "",
|
|
73
|
-
children:
|
|
74
|
-
})
|
|
74
|
+
children: n(i)
|
|
75
|
+
}), o == null ? null : /* @__PURE__ */ b("p", {
|
|
76
|
+
role: "status",
|
|
77
|
+
className: "sr-only",
|
|
78
|
+
children: o
|
|
79
|
+
})]
|
|
75
80
|
});
|
|
76
81
|
}
|
|
77
|
-
var
|
|
78
|
-
let
|
|
79
|
-
return /* @__PURE__ */
|
|
82
|
+
var E = h(function({ children: n, className: r }, i) {
|
|
83
|
+
let a = w() ?? !1;
|
|
84
|
+
return /* @__PURE__ */ b(C.li, {
|
|
80
85
|
ref: i,
|
|
81
|
-
layout: !
|
|
82
|
-
initial: !
|
|
86
|
+
layout: !a && "position",
|
|
87
|
+
initial: !a && { opacity: 0 },
|
|
83
88
|
animate: { opacity: 1 },
|
|
84
|
-
exit:
|
|
89
|
+
exit: a ? void 0 : { opacity: 0 },
|
|
85
90
|
transition: t("medium"),
|
|
86
|
-
className: e(
|
|
87
|
-
children: /* @__PURE__ */
|
|
88
|
-
className:
|
|
91
|
+
className: e(o, r),
|
|
92
|
+
children: /* @__PURE__ */ b("div", {
|
|
93
|
+
className: s,
|
|
89
94
|
children: n
|
|
90
95
|
})
|
|
91
96
|
});
|
|
92
|
-
}),
|
|
97
|
+
}), D = Object.assign(T, { Item: E });
|
|
93
98
|
//#endregion
|
|
94
|
-
export {
|
|
99
|
+
export { D as TileGrid, r as tileGridBreakpoints, i as tileGridDefaultColumns, c as tileGridLayouts };
|
|
@@ -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":"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,EAmDL,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EAClB,MAAM,iBAAiB,CAAC;AAIzB,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC5F,OAAO,EACL,qBAAqB,EACrB,wBAAwB,EACxB,2BAA2B,EAC3B,4BAA4B,EAC5B,yBAAyB,EACzB,2BAA2B,EAC3B,iBAAiB,EACjB,aAAa,GACd,MAAM,iBAAiB,CAAC;AAEzB,kFAAkF;AAClF,MAAM,MAAM,sBAAsB,GAAG,MAAM,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,0DAA0D;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oGAAoG;IACpG,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,gGAAgG;IAChG,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9C,2GAA2G;IAC3G,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,wHAAwH;IACxH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,yGAAyG;IACzG,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACpC;AA0GD,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,MAAM,EACN,GAAG,EACH,MAAM,EACN,YAAY,EACZ,WAAoB,EACpB,UAAU,EACV,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,aAAqB,EACrB,SAAmB,EACnB,SAAiB,EACjB,eAAe,EACf,YAAY,EAAE,SAAkB,EAChC,SAAS,GACV,EAAE,YAAY,+BA+Od;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,yFAAyF;AACzF,iBAAS,YAAY,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BA6BzF;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAiCD;;;;GAIG;AACH,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,YAAY,EAAE,SAAqB,EACnC,KAAW,EACX,UAAgB,GACjB,EAAE,iBAAiB,+BAgKnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,mFAAmF;AACnF,iBAAS,WAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAe,EAAE,KAAK,EAAE,EAAE,gBAAgB,+BAehF;AAED,MAAM,WAAW,gBAAgB;IAC/B,wCAAwC;IACxC,KAAK,EAAE,SAAS,CAAC;IACjB,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,mGAAmG;IACnG,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,sGAAsG;AACtG,iBAAS,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,gBAAgB,+BAoBhE;AAED,MAAM,WAAW,uBAAuB;IACtC,0DAA0D;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iDAAiD;IACjD,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,qGAAqG;AACrG,iBAAS,kBAAkB,CAAC,EAAE,KAAK,EAAE,IAAQ,EAAE,QAAQ,EAAE,EAAE,uBAAuB,+BAOjF;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,iGAAiG;IACjG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iGAAiG;IACjG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;CACzC;AAED,oGAAoG;AACpG,iBAAS,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAgB,EAAE,MAAc,EAAE,IAAW,EAAE,EAAE,oBAAoB,+BAqBrH;AAED,oDAAoD;AACpD,iBAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAEjE;AAED,MAAM,WAAW,qBAAqB;IACpC,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iGAAiG;AACjG,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,OAAiB,EACjB,SAAS,GACV,EAAE,qBAAqB,+BAavB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,uFAAuF;AACvF,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,EACJ,SAAsB,GACvB,EAAE,oBAAoB,+BAStB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,sFAAsF;AACtF,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,EACJ,SAAsB,GACvB,EAAE,mBAAmB,+BAWrB;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,oGAAoG;AACpG,iBAAS,iBAAiB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAe,EAAE,EAAE,sBAAsB,+BAYrF;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYlB,CAAC"}
|