@thewhatmatters/wmds 0.4.31 → 0.4.33
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/bin/wmds-check.mjs +38 -0
- package/dist/colors.css +2 -1
- package/dist/components/atoms/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/atoms/Checkbox/Checkbox.js +73 -72
- package/dist/components/atoms/Input/Input.d.ts.map +1 -1
- package/dist/components/atoms/Input/Input.js +44 -49
- package/dist/components/atoms/Input/inputShellStyles.js +2 -2
- package/dist/components/atoms/Radio/Radio.d.ts.map +1 -1
- package/dist/components/atoms/Radio/Radio.js +61 -60
- package/dist/components/atoms/Switch/Switch.d.ts.map +1 -1
- package/dist/components/atoms/Switch/Switch.js +31 -30
- package/dist/components/atoms/TextArea/TextArea.d.ts.map +1 -1
- package/dist/components/atoms/TextArea/TextArea.js +56 -55
- package/dist/components/atoms/TextArea/textareaShellStyles.js +2 -2
- package/dist/components/atoms/inputShared/InputStatusBanner.d.ts +5 -0
- package/dist/components/atoms/inputShared/InputStatusBanner.d.ts.map +1 -1
- package/dist/components/atoms/inputShared/InputStatusBanner.js +15 -4
- package/dist/components/molecules/Card/Card.d.ts +10 -1
- package/dist/components/molecules/Card/Card.d.ts.map +1 -1
- package/dist/components/molecules/Card/Card.js +56 -43
- package/dist/components/molecules/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
- package/dist/components/molecules/CheckboxGroup/CheckboxGroup.js +53 -53
- package/dist/components/molecules/CopyField/copyFieldStyles.d.ts.map +1 -1
- package/dist/components/molecules/CopyField/copyFieldStyles.js +1 -1
- package/dist/components/molecules/ErrorSummary/ErrorSummary.d.ts +32 -0
- package/dist/components/molecules/ErrorSummary/ErrorSummary.d.ts.map +1 -0
- package/dist/components/molecules/ErrorSummary/ErrorSummary.js +37 -0
- package/dist/components/molecules/ErrorSummary/errorSummaryStyles.d.ts +12 -0
- package/dist/components/molecules/ErrorSummary/errorSummaryStyles.d.ts.map +1 -0
- package/dist/components/molecules/ErrorSummary/errorSummaryStyles.js +5 -0
- package/dist/components/molecules/IntakeForm/IntakeForm.d.ts.map +1 -1
- package/dist/components/molecules/IntakeForm/IntakeForm.js +4 -6
- package/dist/components/molecules/PromptBar/promptBarStyles.d.ts +3 -2
- package/dist/components/molecules/PromptBar/promptBarStyles.d.ts.map +1 -1
- package/dist/components/molecules/PromptBar/promptBarStyles.js +2 -2
- package/dist/components/molecules/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/dist/components/molecules/RadioGroup/RadioGroup.js +53 -53
- package/dist/components/molecules/Search/Search.d.ts +5 -0
- package/dist/components/molecules/Search/Search.d.ts.map +1 -1
- package/dist/components/molecules/Search/Search.js +14 -13
- package/dist/components/molecules/Search/searchStyles.d.ts +2 -1
- package/dist/components/molecules/Search/searchStyles.d.ts.map +1 -1
- package/dist/components/molecules/Search/searchStyles.js +4 -4
- package/dist/components/organisms/Carousel/Carousel.d.ts +21 -1
- package/dist/components/organisms/Carousel/Carousel.d.ts.map +1 -1
- package/dist/components/organisms/Carousel/Carousel.js +319 -190
- package/dist/components/organisms/Carousel/carouselStyles.d.ts +9 -0
- package/dist/components/organisms/Carousel/carouselStyles.d.ts.map +1 -1
- package/dist/components/organisms/Carousel/carouselStyles.js +12 -3
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +99 -97
- package/dist/lib/compositionAudit.d.ts.map +1 -1
- package/dist/stateColors.css +2 -1
- package/dist/styles.css +1 -1
- package/docs/components.md +2 -1
- package/docs/exports.json +14 -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 +1 -1
- package/docs/patterns/components-button-button--outline-mono.tsx +1 -1
- package/docs/patterns/components-button-button--primary-action.tsx +1 -1
- package/docs/patterns/components-button-button--row-hug.tsx +1 -1
- package/docs/patterns/components-button-button--row-layout.tsx +1 -1
- package/docs/patterns/components-button-button--secondary-action.tsx +1 -1
- package/docs/patterns/components-button-button--suggestion-pills.tsx +1 -1
- package/docs/patterns/components-button-button--with-count.tsx +1 -1
- package/docs/patterns/components-button-button--with-icon.tsx +1 -1
- package/docs/patterns/components-button-floatingactionbutton--vertical-actions.tsx +1 -1
- package/docs/patterns/components-calembed--pattern-skip-in-footer.tsx +1 -1
- package/docs/patterns/components-card-card--body-slot-occupancy-history.tsx +1 -1
- package/docs/patterns/components-card-card--headerless-media.tsx +1 -1
- package/docs/patterns/components-card-card--outlined-layout.tsx +1 -1
- package/docs/patterns/components-card-card--pinned-height.tsx +1 -1
- package/docs/patterns/components-card-card--terminal-frame.tsx +1 -1
- package/docs/patterns/components-card-selectablecard--selectable-cards-pattern.tsx +1 -1
- package/docs/patterns/components-carousel--image-carousel.tsx +1 -1
- package/docs/patterns/components-chart--audience-activity-heatmap.tsx +1 -1
- package/docs/patterns/components-chart--cartesian-no-data-gaps.tsx +1 -1
- package/docs/patterns/components-chart--occupancy-history-in-card.tsx +1 -1
- package/docs/patterns/components-chart--occupancy-in-card.tsx +1 -1
- package/docs/patterns/components-chart--post-reach-distribution.tsx +1 -1
- package/docs/patterns/components-chart--ranked-audience-breakdown.tsx +1 -1
- package/docs/patterns/components-chart--revenue-by-line.tsx +1 -1
- package/docs/patterns/components-chart--segmented-ring-pattern.tsx +1 -1
- package/docs/patterns/components-chart--unit-grid-composition.tsx +1 -1
- package/docs/patterns/components-chatdock--pattern-chat-dock.tsx +1 -1
- package/docs/patterns/components-chatdock--pattern-start-project-gate.tsx +1 -1
- package/docs/patterns/components-chatqa--pattern-qa-with-reply.tsx +1 -1
- package/docs/patterns/components-checkbox-checkbox--default.tsx +1 -1
- package/docs/patterns/components-checkbox-checkbox--with-count.tsx +1 -1
- package/docs/patterns/components-checkbox-checkbox--with-description.tsx +1 -1
- package/docs/patterns/components-checkbox-checkboxgroup--default.tsx +1 -1
- package/docs/patterns/components-checkbox-checkboxgroup--option-counts.tsx +1 -1
- package/docs/patterns/components-copyfield--clipboard-blocked.tsx +1 -1
- package/docs/patterns/components-copyfield--copied.tsx +1 -1
- package/docs/patterns/components-copyfield--copy-key.tsx +1 -1
- package/docs/patterns/components-copyfield--on-navy.tsx +1 -1
- package/docs/patterns/components-descriptionlist--details.tsx +1 -1
- package/docs/patterns/components-descriptionlist--post-metadata.tsx +1 -1
- package/docs/patterns/components-dialog--alert-dialog-destructive.tsx +1 -1
- package/docs/patterns/components-dialog--alert-dialog-typed-confirmation.tsx +1 -1
- package/docs/patterns/components-dialog--default-dialog.tsx +1 -1
- package/docs/patterns/components-dialog--form-dialog.tsx +3 -3
- 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 +35 -0
- package/docs/patterns/components-field--horizontal-input.tsx +2 -2
- package/docs/patterns/components-field--horizontal-text-area.tsx +2 -2
- package/docs/patterns/components-field--multi-control.tsx +2 -2
- 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-pageheader--app-header-pattern.tsx +1 -1
- package/docs/patterns/components-pageheader--page-section-header.tsx +1 -1
- package/docs/patterns/components-pageheader--toolbar-header.tsx +1 -1
- package/docs/patterns/components-panel--end-detail-rail.tsx +1 -1
- package/docs/patterns/components-pillgroup--pill-group-pattern.tsx +1 -1
- package/docs/patterns/components-promptbar--pattern-prompt-bar.tsx +1 -1
- package/docs/patterns/components-prose--article-body.tsx +1 -1
- package/docs/patterns/components-radio-radiogroup--default.tsx +1 -1
- package/docs/patterns/components-scrollhorizontal--project-gallery-pattern.tsx +1 -1
- package/docs/patterns/components-scrollhorizontal--with-intro.tsx +1 -1
- package/docs/patterns/components-sectioncaption--column-caption.tsx +1 -1
- package/docs/patterns/components-sectioncaption--with-action.tsx +1 -1
- package/docs/patterns/components-sheet--bottom-sheet.tsx +3 -3
- 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 +3 -3
- 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
|
@@ -2,86 +2,99 @@
|
|
|
2
2
|
import { cn as e } from "../../../lib/cn.js";
|
|
3
3
|
import { Badge as t } from "../../atoms/Badge/Badge.js";
|
|
4
4
|
import { Skeleton as n } from "../../atoms/Skeleton/Skeleton.js";
|
|
5
|
-
import { cardAddressClasses as r, cardBaseClasses as i, cardBodyTextClasses as a, cardBodyVariants as o, cardBodyWellClasses as s, cardDividerClasses as c, cardLayoutBodyOccupantDotGridWellClasses as l, cardLayoutBodyOccupantInsetXClasses as u, cardLayoutBodyOccupantPadYClasses as d, cardLayoutBodyOccupantRadiusClasses as f, cardLayoutBodyOccupantWellClasses as p, cardLayoutHeaderEndClasses as m, cardLayoutHeaderStartClasses as h, cardLayoutShellBottomClasses as g, cardLayoutShellClasses as _, cardLayoutShellShapeClasses as v, cardLayoutShellTopClasses as y, cardLayoutVariantClasses as b, cardOverflowClasses as x, cardPaddings as S, cardRootPaddingClasses as C, cardSectionPaddingClasses as w, cardShapeClasses as
|
|
6
|
-
import { Children as
|
|
7
|
-
import { Fragment as
|
|
5
|
+
import { cardAddressClasses as r, cardBaseClasses as i, cardBodyTextClasses as a, cardBodyVariants as o, cardBodyWellClasses as s, cardDividerClasses as c, cardLayoutBodyOccupantDotGridWellClasses as l, cardLayoutBodyOccupantInsetXClasses as u, cardLayoutBodyOccupantPadYClasses as d, cardLayoutBodyOccupantRadiusClasses as f, cardLayoutBodyOccupantWellClasses as p, cardLayoutHeaderEndClasses as m, cardLayoutHeaderStartClasses as h, cardLayoutShellBottomClasses as g, cardLayoutShellClasses as _, cardLayoutShellShapeClasses as v, cardLayoutShellTopClasses as y, cardLayoutVariantClasses as b, cardOverflowClasses as x, cardPaddings as S, cardRootPaddingClasses as C, cardSectionPaddingClasses as w, cardShapeClasses as ee, cardShapes as T, cardSubtitleClasses as E, cardTerminalBarClasses as D, cardTerminalFrameClasses as O, cardTerminalFrameElementClasses as k, cardTerminalHeightClasses as A, cardTerminalHeights as j, cardTerminalMessageClasses as M, cardTerminalStageClasses as N, cardTerminalStates as P, cardTerminalTitleClasses as F, cardTitleClasses as I, cardVariantClasses as L, cardVariants as R } from "./cardStyles.js";
|
|
6
|
+
import { Children as z, createContext as B, isValidElement as V, useContext as H } from "react";
|
|
7
|
+
import { Fragment as U, jsx as W, jsxs as G } from "react/jsx-runtime";
|
|
8
8
|
//#region src/components/molecules/Card/Card.tsx
|
|
9
|
-
var
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
var K = [
|
|
10
|
+
"default",
|
|
11
|
+
"inverse",
|
|
12
|
+
"field",
|
|
13
|
+
"light"
|
|
14
|
+
];
|
|
15
|
+
function q(e) {
|
|
16
|
+
return e === "inverse" ? {
|
|
17
|
+
"data-tone": "inverse",
|
|
18
|
+
"data-theme": "dark"
|
|
19
|
+
} : e === "field" ? { "data-tone": "field" } : e === "light" ? { "data-theme": "light" } : {};
|
|
12
20
|
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
return
|
|
21
|
+
var J = B("none"), Y = B(!1);
|
|
22
|
+
function X() {
|
|
23
|
+
return H(J);
|
|
24
|
+
}
|
|
25
|
+
function te({ shape: t = "rounded", variant: n = "surface", padding: r = "none", bodyTerminal: a, headerless: o, as: s = "div", tone: c = "default", className: l, children: u, ...d }) {
|
|
26
|
+
let f = r === "none", p = z.toArray(u), m = p.some((e) => V(e) && e.type === Z), h = p.some((e) => V(e) && e.type === Q), S = p.some((e) => V(e) && e.type === $), w = f && p.some((e) => V(e) && e.type === Q && e.props.variant === "terminal"), T = f && h && !S, E = f && h && !m, D = a ?? T, O = o ?? E, k = w && !S;
|
|
27
|
+
return /* @__PURE__ */ W(J.Provider, {
|
|
16
28
|
value: r,
|
|
17
|
-
children: /* @__PURE__ */
|
|
29
|
+
children: /* @__PURE__ */ W(Y.Provider, {
|
|
18
30
|
value: D,
|
|
19
|
-
children: /* @__PURE__ */
|
|
20
|
-
className: e(i,
|
|
31
|
+
children: /* @__PURE__ */ W(s, {
|
|
32
|
+
className: e(i, f ? e(_, y(!O), g(D, k), v[t], b[n]) : e(x, ee[t], L[n], C[r]), l),
|
|
21
33
|
"data-shape": t,
|
|
22
34
|
"data-variant": n,
|
|
23
35
|
"data-padding": r,
|
|
24
|
-
"data-layout":
|
|
25
|
-
...
|
|
26
|
-
|
|
36
|
+
"data-layout": f ? "shell" : void 0,
|
|
37
|
+
...q(c),
|
|
38
|
+
...d,
|
|
39
|
+
children: u
|
|
27
40
|
})
|
|
28
41
|
})
|
|
29
42
|
});
|
|
30
43
|
}
|
|
31
44
|
function Z({ className: t, children: n, start: r, end: i, ...a }) {
|
|
32
|
-
let o =
|
|
33
|
-
return /* @__PURE__ */
|
|
45
|
+
let o = X(), s = r ?? n;
|
|
46
|
+
return /* @__PURE__ */ G("header", {
|
|
34
47
|
className: e(w[o].header, t),
|
|
35
48
|
...a,
|
|
36
|
-
children: [s == null ? null : /* @__PURE__ */
|
|
49
|
+
children: [s == null ? null : /* @__PURE__ */ W("div", {
|
|
37
50
|
className: h,
|
|
38
51
|
children: s
|
|
39
|
-
}), i == null ? null : /* @__PURE__ */
|
|
52
|
+
}), i == null ? null : /* @__PURE__ */ W("div", {
|
|
40
53
|
className: m,
|
|
41
54
|
children: i
|
|
42
55
|
})]
|
|
43
56
|
});
|
|
44
57
|
}
|
|
45
58
|
function Q({ className: r, children: i, variant: a = "slot", src: o, srcDoc: s, title: c = "Terminal", height: l = "md", readOnly: u = !1, state: d = "ready", message: f = "Disconnected", ...p }) {
|
|
46
|
-
let m =
|
|
47
|
-
return /* @__PURE__ */
|
|
48
|
-
className: e(_ ?
|
|
59
|
+
let m = X(), h = H(Y), g = m === "none", _ = a === "terminal", v = d === "ready" && (o != null || s != null);
|
|
60
|
+
return /* @__PURE__ */ W("div", {
|
|
61
|
+
className: e(_ ? O : w[m].body, _ && A[l], !_ && g && h && "flex-1 [&>*]:min-h-0 [&>*]:flex-1", !_ && g && !h && "min-h-0 flex-1 overflow-y-auto", r),
|
|
49
62
|
"data-variant": _ ? "terminal" : void 0,
|
|
50
63
|
"data-theme": _ ? "dark" : void 0,
|
|
51
64
|
"data-state": _ ? d : void 0,
|
|
52
65
|
"data-height": _ ? l : void 0,
|
|
53
66
|
...p,
|
|
54
|
-
children: _ ? /* @__PURE__ */
|
|
55
|
-
className:
|
|
56
|
-
children: [/* @__PURE__ */
|
|
57
|
-
className:
|
|
67
|
+
children: _ ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ G("div", {
|
|
68
|
+
className: D,
|
|
69
|
+
children: [/* @__PURE__ */ W("span", {
|
|
70
|
+
className: F,
|
|
58
71
|
children: c
|
|
59
|
-
}), u ? /* @__PURE__ */
|
|
72
|
+
}), u ? /* @__PURE__ */ W(t, {
|
|
60
73
|
size: "sm",
|
|
61
74
|
emphasis: "muted",
|
|
62
75
|
children: "Read only"
|
|
63
76
|
}) : null]
|
|
64
|
-
}), /* @__PURE__ */
|
|
65
|
-
className:
|
|
77
|
+
}), /* @__PURE__ */ G("div", {
|
|
78
|
+
className: N,
|
|
66
79
|
"aria-busy": d === "loading" || void 0,
|
|
67
80
|
children: [
|
|
68
|
-
d === "loading" ? /* @__PURE__ */
|
|
81
|
+
d === "loading" ? /* @__PURE__ */ W(n, {
|
|
69
82
|
width: "100%",
|
|
70
83
|
height: "100%",
|
|
71
84
|
radius: "inner"
|
|
72
85
|
}) : null,
|
|
73
|
-
d === "disconnected" ? /* @__PURE__ */
|
|
74
|
-
className:
|
|
86
|
+
d === "disconnected" ? /* @__PURE__ */ W("p", {
|
|
87
|
+
className: M,
|
|
75
88
|
role: "status",
|
|
76
89
|
children: f
|
|
77
90
|
}) : null,
|
|
78
|
-
d === "ready" && !v ? /* @__PURE__ */
|
|
79
|
-
className:
|
|
91
|
+
d === "ready" && !v ? /* @__PURE__ */ W("p", {
|
|
92
|
+
className: M,
|
|
80
93
|
role: "status",
|
|
81
94
|
children: "No session"
|
|
82
95
|
}) : null,
|
|
83
|
-
v ? /* @__PURE__ */
|
|
84
|
-
className:
|
|
96
|
+
v ? /* @__PURE__ */ W("iframe", {
|
|
97
|
+
className: k,
|
|
85
98
|
title: c,
|
|
86
99
|
...o == null ? { srcDoc: s } : { src: o }
|
|
87
100
|
}) : null
|
|
@@ -90,24 +103,24 @@ function Q({ className: r, children: i, variant: a = "slot", src: o, srcDoc: s,
|
|
|
90
103
|
});
|
|
91
104
|
}
|
|
92
105
|
function $({ className: t, children: n, ...r }) {
|
|
93
|
-
let i =
|
|
94
|
-
return /* @__PURE__ */
|
|
106
|
+
let i = X();
|
|
107
|
+
return /* @__PURE__ */ W("footer", {
|
|
95
108
|
className: e(w[i].footer, t),
|
|
96
109
|
...r,
|
|
97
110
|
children: n
|
|
98
111
|
});
|
|
99
112
|
}
|
|
100
|
-
function
|
|
101
|
-
return /* @__PURE__ */
|
|
113
|
+
function ne({ className: t, ...n }) {
|
|
114
|
+
return /* @__PURE__ */ W("hr", {
|
|
102
115
|
className: e(c, t),
|
|
103
116
|
...n
|
|
104
117
|
});
|
|
105
118
|
}
|
|
106
|
-
var
|
|
119
|
+
var re = Object.assign(te, {
|
|
107
120
|
Header: Z,
|
|
108
121
|
Body: Q,
|
|
109
122
|
Footer: $,
|
|
110
|
-
Divider:
|
|
123
|
+
Divider: ne
|
|
111
124
|
});
|
|
112
125
|
//#endregion
|
|
113
|
-
export {
|
|
126
|
+
export { re as Card, r as cardAddressClasses, a as cardBodyTextClasses, o as cardBodyVariants, s as cardBodyWellClasses, l as cardLayoutBodyOccupantDotGridWellClasses, u as cardLayoutBodyOccupantInsetXClasses, d as cardLayoutBodyOccupantPadYClasses, f as cardLayoutBodyOccupantRadiusClasses, p as cardLayoutBodyOccupantWellClasses, S as cardPaddings, T as cardShapes, E as cardSubtitleClasses, j as cardTerminalHeights, P as cardTerminalStates, I as cardTitleClasses, K as cardTones, R as cardVariants };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjF,OAAO,EAUL,KAAK,wBAAwB,EAC7B,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,EACL,yBAAyB,EACzB,aAAa,EACb,KAAK,wBAAwB,EAC7B,KAAK,YAAY,GAClB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAElE,qDAAqD;AACrD,MAAM,MAAM,4BAA4B,GAAG,MAAM,CAAC;AAElD,MAAM,WAAW,kBAAkB;IACjC,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,WAAW,CAAC,EAAE,wBAAwB,CAAC;IACvC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,4BAA4B,CAAC;CAC1C;AAkBD,iBAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,WAAmB,EACnB,WAAW,EACX,MAAM,EACN,cAAc,EACd,WAAwB,EACxB,IAAW,EACX,QAAgB,EAChB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE,kBAAkB,+
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjF,OAAO,EAUL,KAAK,wBAAwB,EAC7B,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,EACL,yBAAyB,EACzB,aAAa,EACb,KAAK,wBAAwB,EAC7B,KAAK,YAAY,GAClB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAElE,qDAAqD;AACrD,MAAM,MAAM,4BAA4B,GAAG,MAAM,CAAC;AAElD,MAAM,WAAW,kBAAkB;IACjC,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,WAAW,CAAC,EAAE,wBAAwB,CAAC;IACvC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,4BAA4B,CAAC;CAC1C;AAkBD,iBAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,WAAmB,EACnB,WAAW,EACX,MAAM,EACN,cAAc,EACd,WAAwB,EACxB,IAAW,EACX,QAAgB,EAChB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE,kBAAkB,+BA4EpB;AAED,eAAO,MAAM,aAAa;;CAExB,CAAC"}
|
|
@@ -1,76 +1,76 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cn as e } from "../../../lib/cn.js";
|
|
3
|
-
import { InputStatusBanner as t } from "../../atoms/inputShared/InputStatusBanner.js";
|
|
4
|
-
import { checkboxStatusBannerClassesFor as
|
|
5
|
-
import { checkboxGroupDescriptionClasses as
|
|
6
|
-
import { CheckboxGroupProvider as
|
|
7
|
-
import { CheckboxGroupItem as
|
|
8
|
-
import { useId as
|
|
9
|
-
import { jsx as
|
|
3
|
+
import { InputStatusBanner as t, warnStatusWithoutMessage as n } from "../../atoms/inputShared/InputStatusBanner.js";
|
|
4
|
+
import { checkboxStatusBannerClassesFor as r } from "../../atoms/Checkbox/checkboxStyles.js";
|
|
5
|
+
import { checkboxGroupDescriptionClasses as i, checkboxGroupDescriptionSpacingClasses as a, checkboxGroupFieldStackClasses as o, checkboxGroupItemsClasses as s, checkboxGroupLabelClassesFor as c, checkboxGroupLegendLabelOnlySpacingClasses as l, checkboxGroupLegendWithDescriptionSpacingClasses as u, checkboxGroupMessageTopSpacingClasses as d, checkboxGroupOrientations as f } from "./checkboxGroupStyles.js";
|
|
6
|
+
import { CheckboxGroupProvider as p } from "./CheckboxGroupContext.js";
|
|
7
|
+
import { CheckboxGroupItem as m } from "./CheckboxGroupItem.js";
|
|
8
|
+
import { useId as h, useMemo as g } from "react";
|
|
9
|
+
import { jsx as _, jsxs as v } from "react/jsx-runtime";
|
|
10
10
|
//#region src/components/molecules/CheckboxGroup/CheckboxGroup.tsx
|
|
11
|
-
var
|
|
11
|
+
var y = {
|
|
12
12
|
sm: "sm",
|
|
13
13
|
md: "md"
|
|
14
14
|
};
|
|
15
|
-
function
|
|
15
|
+
function b(e) {
|
|
16
16
|
e.message != null && e.status == null && console.warn("[WMDS CheckboxGroup] `message` requires `status`."), e.values != null != (e.onValuesChange != null) && console.warn("[WMDS CheckboxGroup] `values` and `onValuesChange` must be used together.");
|
|
17
17
|
}
|
|
18
|
-
function
|
|
19
|
-
let
|
|
20
|
-
|
|
21
|
-
status:
|
|
22
|
-
message:
|
|
23
|
-
values:
|
|
24
|
-
onValuesChange:
|
|
25
|
-
});
|
|
26
|
-
let
|
|
27
|
-
values:
|
|
28
|
-
onValuesChange:
|
|
29
|
-
disabled:
|
|
30
|
-
size:
|
|
18
|
+
function x({ label: f, labelHidden: m = !1, description: x, values: S, onValuesChange: C, orientation: w = "vertical", size: T = "md", disabled: E = !1, status: D, message: O, children: k, className: A }) {
|
|
19
|
+
let j = h();
|
|
20
|
+
b({
|
|
21
|
+
status: D,
|
|
22
|
+
message: O,
|
|
23
|
+
values: S,
|
|
24
|
+
onValuesChange: C
|
|
25
|
+
}), n("CheckboxGroup", D, O);
|
|
26
|
+
let M = f == null ? void 0 : `${j}-legend`, N = x == null ? void 0 : `${j}-description`, P = O != null && D != null ? `${j}-message` : void 0, F = [N, P].filter(Boolean).join(" ") || void 0, I = g(() => ({
|
|
27
|
+
values: S,
|
|
28
|
+
onValuesChange: C,
|
|
29
|
+
disabled: E,
|
|
30
|
+
size: T
|
|
31
31
|
}), [
|
|
32
|
-
x,
|
|
33
32
|
S,
|
|
34
|
-
|
|
35
|
-
|
|
33
|
+
C,
|
|
34
|
+
E,
|
|
35
|
+
T
|
|
36
36
|
]);
|
|
37
|
-
return /* @__PURE__ */
|
|
38
|
-
disabled:
|
|
39
|
-
className: e(
|
|
37
|
+
return /* @__PURE__ */ v("fieldset", {
|
|
38
|
+
disabled: E,
|
|
39
|
+
className: e(o, "min-w-0 border-0 p-0", A),
|
|
40
40
|
children: [
|
|
41
|
-
|
|
42
|
-
id: j,
|
|
43
|
-
className: e(s(T), p && "sr-only", b == null ? c : l),
|
|
44
|
-
children: d
|
|
45
|
-
}),
|
|
46
|
-
b == null ? null : /* @__PURE__ */ g("p", {
|
|
41
|
+
f == null ? null : /* @__PURE__ */ _("legend", {
|
|
47
42
|
id: M,
|
|
48
|
-
className: e(
|
|
49
|
-
children:
|
|
43
|
+
className: e(c(E), m && "sr-only", x == null ? l : u),
|
|
44
|
+
children: f
|
|
45
|
+
}),
|
|
46
|
+
x == null ? null : /* @__PURE__ */ _("p", {
|
|
47
|
+
id: N,
|
|
48
|
+
className: e(i, a),
|
|
49
|
+
children: x
|
|
50
50
|
}),
|
|
51
|
-
/* @__PURE__ */
|
|
51
|
+
/* @__PURE__ */ _("div", {
|
|
52
52
|
role: "group",
|
|
53
|
-
"aria-labelledby":
|
|
54
|
-
"aria-describedby":
|
|
55
|
-
"aria-invalid":
|
|
56
|
-
"aria-disabled":
|
|
57
|
-
className:
|
|
58
|
-
children: /* @__PURE__ */
|
|
59
|
-
value:
|
|
60
|
-
children:
|
|
53
|
+
"aria-labelledby": M,
|
|
54
|
+
"aria-describedby": F,
|
|
55
|
+
"aria-invalid": D === "error" || void 0,
|
|
56
|
+
"aria-disabled": E || void 0,
|
|
57
|
+
className: s[w],
|
|
58
|
+
children: /* @__PURE__ */ _(p, {
|
|
59
|
+
value: I,
|
|
60
|
+
children: k
|
|
61
61
|
})
|
|
62
62
|
}),
|
|
63
|
-
|
|
64
|
-
status:
|
|
65
|
-
message:
|
|
66
|
-
messageId:
|
|
67
|
-
size:
|
|
63
|
+
O != null && D != null && P != null ? /* @__PURE__ */ _(t, {
|
|
64
|
+
status: D,
|
|
65
|
+
message: O,
|
|
66
|
+
messageId: P,
|
|
67
|
+
size: y[T],
|
|
68
68
|
messagePosition: "bottom",
|
|
69
|
-
bannerClassName: e(
|
|
69
|
+
bannerClassName: e(r(D), d)
|
|
70
70
|
}) : null
|
|
71
71
|
]
|
|
72
72
|
});
|
|
73
73
|
}
|
|
74
|
-
var
|
|
74
|
+
var S = Object.assign(x, { Item: m });
|
|
75
75
|
//#endregion
|
|
76
|
-
export {
|
|
76
|
+
export { S as CheckboxGroup, f as checkboxGroupOrientations };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"copyFieldStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CopyField/copyFieldStyles.ts"],"names":[],"mappings":"AAOA,mDAAmD;AACnD,eAAO,MAAM,gBAAgB,uCAAuC,CAAC;AAErE;;;GAGG;AACH,eAAO,MAAM,qBAAqB,eAAe,CAAC;AAElD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,QAAiE,CAAC;AAEpG;;;GAGG;AACH,eAAO,MAAM,qBAAqB,yDAAyD,CAAC;AAE5F;;;GAGG;
|
|
1
|
+
{"version":3,"file":"copyFieldStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CopyField/copyFieldStyles.ts"],"names":[],"mappings":"AAOA,mDAAmD;AACnD,eAAO,MAAM,gBAAgB,uCAAuC,CAAC;AAErE;;;GAGG;AACH,eAAO,MAAM,qBAAqB,eAAe,CAAC;AAElD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,QAAiE,CAAC;AAEpG;;;GAGG;AACH,eAAO,MAAM,qBAAqB,yDAAyD,CAAC;AAE5F;;;GAGG;AAEH,eAAO,MAAM,sBAAsB,QAAuE,CAAC;AAE3G;;;GAGG;AACH,eAAO,MAAM,oBAAoB,oBAAoB,CAAC"}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
import { cn as e } from "../../../lib/cn.js";
|
|
3
3
|
import { promptBarSendClasses as t, promptBarShellClasses as n, promptBarShellStartPadClasses as r } from "../PromptBar/promptBarStyles.js";
|
|
4
4
|
//#region src/components/molecules/CopyField/copyFieldStyles.ts
|
|
5
|
-
var i = "flex w-full min-w-0 flex-col gap-2", a = "type-label", o = e(n, r.field), s = "h-9 min-h-9 w-full min-w-0 flex-1 truncate px-0 py-0", c = e(t, "shrink-0"), l = "type-supporting";
|
|
5
|
+
var i = "flex w-full min-w-0 flex-col gap-2", a = "type-label", o = e(n, r.field), s = "h-9 min-h-9 w-full min-w-0 flex-1 truncate px-0 py-0", c = e(t, "shrink-0 pointer-coarse:overflow-visible"), l = "type-supporting";
|
|
6
6
|
//#endregion
|
|
7
7
|
export { c as copyFieldButtonClasses, i as copyFieldClasses, l as copyFieldHintClasses, a as copyFieldLabelClasses, o as copyFieldShellClasses, s as copyFieldValueClasses };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
import { type ErrorSummaryHeadingLevel } from "./errorSummaryStyles";
|
|
3
|
+
export { errorSummaryHeadingLevels, type ErrorSummaryHeadingLevel } from "./errorSummaryStyles";
|
|
4
|
+
/** Layout-only — margin or grid placement. */
|
|
5
|
+
export type ErrorSummaryLayoutClassName = string;
|
|
6
|
+
export interface ErrorSummaryItem {
|
|
7
|
+
/** The `id` of the field with the error; its link moves focus there. */
|
|
8
|
+
field: string;
|
|
9
|
+
/** The same words as the field's own message ("Enter your email address"). */
|
|
10
|
+
message: ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export interface ErrorSummaryProps {
|
|
13
|
+
/** One line per error, in the order the fields appear. Renders nothing when empty. */
|
|
14
|
+
errors: ErrorSummaryItem[];
|
|
15
|
+
/** Default: "There's a problem". */
|
|
16
|
+
title?: ReactNode;
|
|
17
|
+
/** Its heading level in the page outline. Default `h2`. */
|
|
18
|
+
as?: ErrorSummaryHeadingLevel;
|
|
19
|
+
/**
|
|
20
|
+
* Move focus to the summary when its errors change, so a screen reader starts here after a failed
|
|
21
|
+
* submit. Default `true`.
|
|
22
|
+
*/
|
|
23
|
+
focusOnShow?: boolean;
|
|
24
|
+
className?: ErrorSummaryLayoutClassName;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* The summary at the top of a form after a failed submit (Errors and validation V5): "There's a problem",
|
|
28
|
+
* then one link per error, worded like the field's own message. It takes focus when it appears, and each
|
|
29
|
+
* link moves focus to its field. The fields keep their inline messages too.
|
|
30
|
+
*/
|
|
31
|
+
export declare function ErrorSummary({ errors, title, as: Heading, focusOnShow, className }: ErrorSummaryProps): import("react").JSX.Element | null;
|
|
32
|
+
//# sourceMappingURL=ErrorSummary.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/ErrorSummary/ErrorSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAKL,KAAK,wBAAwB,EAC9B,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,yBAAyB,EAAE,KAAK,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAEhG,8CAA8C;AAC9C,MAAM,MAAM,2BAA2B,GAAG,MAAM,CAAC;AAEjD,MAAM,WAAW,gBAAgB;IAC/B,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,sFAAsF;IACtF,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2DAA2D;IAC3D,EAAE,CAAC,EAAE,wBAAwB,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,KAA2B,EAAE,EAAE,EAAE,OAAc,EAAE,WAAkB,EAAE,SAAS,EAAE,EAAE,iBAAiB,sCA4CzI"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn as e } from "../../../lib/cn.js";
|
|
3
|
+
import { errorSummaryClasses as t, errorSummaryHeadingLevels as n, errorSummaryLinkClasses as r, errorSummaryListClasses as i, errorSummaryTitleClasses as a } from "./errorSummaryStyles.js";
|
|
4
|
+
import { useEffect as o, useId as s, useRef as c } from "react";
|
|
5
|
+
import { jsx as l, jsxs as u } from "react/jsx-runtime";
|
|
6
|
+
//#region src/components/molecules/ErrorSummary/ErrorSummary.tsx
|
|
7
|
+
function d({ errors: n, title: d = "There's a problem", as: f = "h2", focusOnShow: p = !0, className: m }) {
|
|
8
|
+
let h = c(null), g = s(), _ = n.map((e) => e.field).join("|");
|
|
9
|
+
return o(() => {
|
|
10
|
+
p && _ !== "" && h.current?.focus();
|
|
11
|
+
}, [p, _]), n.length === 0 ? null : /* @__PURE__ */ u("div", {
|
|
12
|
+
ref: h,
|
|
13
|
+
role: "alert",
|
|
14
|
+
"aria-labelledby": g,
|
|
15
|
+
tabIndex: -1,
|
|
16
|
+
className: e(t, m),
|
|
17
|
+
"data-error-summary": "",
|
|
18
|
+
children: [/* @__PURE__ */ l(f, {
|
|
19
|
+
id: g,
|
|
20
|
+
className: a,
|
|
21
|
+
children: d
|
|
22
|
+
}), /* @__PURE__ */ l("ul", {
|
|
23
|
+
className: i,
|
|
24
|
+
children: n.map((e) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l("a", {
|
|
25
|
+
href: `#${e.field}`,
|
|
26
|
+
className: r,
|
|
27
|
+
onClick: (t) => {
|
|
28
|
+
let n = document.getElementById(e.field);
|
|
29
|
+
n != null && (t.preventDefault(), n.scrollIntoView({ block: "center" }), n.focus({ preventScroll: !0 }));
|
|
30
|
+
},
|
|
31
|
+
children: e.message
|
|
32
|
+
}) }, e.field))
|
|
33
|
+
})]
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
//#endregion
|
|
37
|
+
export { d as ErrorSummary, n as errorSummaryHeadingLevels };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Errors and validation V5: the summary at the top of a form after a failed submit. A heavy error
|
|
3
|
+
* edge so it reads as the place to start, the page surface inside, error-coloured links (7:1 light,
|
|
4
|
+
* 12:1 dark on the page).
|
|
5
|
+
*/
|
|
6
|
+
export declare const errorSummaryClasses = "flex flex-col gap-3 rounded-[var(--radius-surface-md)] border-2 border-error bg-surface p-4 outline-none focus-visible:ring-2 focus-visible:ring-error-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-body md:p-5";
|
|
7
|
+
export declare const errorSummaryTitleClasses = "type-heading-3 text-fg";
|
|
8
|
+
export declare const errorSummaryListClasses = "flex flex-col gap-2";
|
|
9
|
+
export declare const errorSummaryLinkClasses = "type-body font-medium text-error underline decoration-solid underline-offset-4 hover:decoration-2 focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-surface";
|
|
10
|
+
export declare const errorSummaryHeadingLevels: readonly ["h2", "h3"];
|
|
11
|
+
export type ErrorSummaryHeadingLevel = (typeof errorSummaryHeadingLevels)[number];
|
|
12
|
+
//# sourceMappingURL=errorSummaryStyles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"errorSummaryStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/ErrorSummary/errorSummaryStyles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,wOACuM,CAAC;AAExO,eAAO,MAAM,wBAAwB,2BAA2B,CAAC;AAEjE,eAAO,MAAM,uBAAuB,wBAAwB,CAAC;AAE7D,eAAO,MAAM,uBAAuB,2QACsO,CAAC;AAE3Q,eAAO,MAAM,yBAAyB,uBAAwB,CAAC;AAC/D,MAAM,MAAM,wBAAwB,GAAG,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,CAAC,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
//#region src/components/molecules/ErrorSummary/errorSummaryStyles.ts
|
|
3
|
+
var e = "flex flex-col gap-3 rounded-[var(--radius-surface-md)] border-2 border-error bg-surface p-4 outline-none focus-visible:ring-2 focus-visible:ring-error-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-body md:p-5", t = "type-heading-3 text-fg", n = "flex flex-col gap-2", r = "type-body font-medium text-error underline decoration-solid underline-offset-4 hover:decoration-2 focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-surface", i = ["h2", "h3"];
|
|
4
|
+
//#endregion
|
|
5
|
+
export { e as errorSummaryClasses, i as errorSummaryHeadingLevels, r as errorSummaryLinkClasses, n as errorSummaryListClasses, t as errorSummaryTitleClasses };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IntakeForm.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/IntakeForm/IntakeForm.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,qCAAqC;AACrC,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,oCAAoC;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,gBAAgB,EAAE,iBAM9B,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,yBAAyB,CAAC;CACvC;AAMD,iEAAiE;AACjE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAW1E;AAED,0FAA0F;AAC1F,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,iBAAiB,EACzB,UAAU,GAAE,MAAyB,GACpC,OAAO,CAQT;
|
|
1
|
+
{"version":3,"file":"IntakeForm.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/IntakeForm/IntakeForm.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,qCAAqC;AACrC,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,oCAAoC;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,gBAAgB,EAAE,iBAM9B,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,yBAAyB,CAAC;CACvC;AAMD,iEAAiE;AACjE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAW1E;AAED,0FAA0F;AAC1F,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,iBAAiB,EACzB,UAAU,GAAE,MAAyB,GACpC,OAAO,CAQT;AA+BD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,QAAQ,EACR,UAA6B,EAC7B,OAAc,EACd,IAAW,EACX,SAAS,GACV,EAAE,eAAe,+BAuFjB"}
|
|
@@ -29,8 +29,8 @@ function f(e, t = 400) {
|
|
|
29
29
|
}
|
|
30
30
|
function p(e, t, n) {
|
|
31
31
|
if (e === "name") return t.name.trim().length === 0 ? "Enter your name." : void 0;
|
|
32
|
-
if (e === "email") return t.email.trim().length === 0 ? "
|
|
33
|
-
if (e === "url") return d(t.url) ? void 0 : "
|
|
32
|
+
if (e === "email") return t.email.trim().length === 0 ? "Enter your email address." : u.test(t.email.trim()) ? void 0 : "Enter an email address like name@example.com.";
|
|
33
|
+
if (e === "url") return d(t.url) ? void 0 : "Enter a website address like example.com.";
|
|
34
34
|
if (t.details.trim().length === 0) return "Tell us a bit about the project.";
|
|
35
35
|
if (t.details.length > n) return `Keep project details to ${n} characters.`;
|
|
36
36
|
}
|
|
@@ -101,7 +101,6 @@ function m({ values: i, onChange: l, detailsMax: u = 400, company: d = !0, link:
|
|
|
101
101
|
type: "url",
|
|
102
102
|
inputMode: "url",
|
|
103
103
|
autoComplete: "url",
|
|
104
|
-
placeholder: "https://",
|
|
105
104
|
value: i.url,
|
|
106
105
|
status: x == null ? void 0 : "error",
|
|
107
106
|
message: x,
|
|
@@ -113,14 +112,13 @@ function m({ values: i, onChange: l, detailsMax: u = 400, company: d = !0, link:
|
|
|
113
112
|
})
|
|
114
113
|
}) : null,
|
|
115
114
|
/* @__PURE__ */ s(r, {
|
|
116
|
-
label: "
|
|
115
|
+
label: "What should feel different when this work is done?",
|
|
117
116
|
description: S == null ? `${i.details.length} / ${u}` : void 0,
|
|
118
117
|
children: /* @__PURE__ */ s(n, {
|
|
119
|
-
"aria-label": "
|
|
118
|
+
"aria-label": "What should feel different when this work is done?",
|
|
120
119
|
rows: 5,
|
|
121
120
|
maxLength: u,
|
|
122
121
|
value: i.details,
|
|
123
|
-
placeholder: "What should feel different when this work is done?",
|
|
124
122
|
status: S == null ? void 0 : "error",
|
|
125
123
|
message: S,
|
|
126
124
|
onBlur: () => _("details"),
|
|
@@ -27,9 +27,10 @@ export declare const promptBarEndSlotClasses = "flex shrink-0 items-end gap-2";
|
|
|
27
27
|
*/
|
|
28
28
|
export declare const promptBarFieldClasses: string;
|
|
29
29
|
/**
|
|
30
|
-
*
|
|
30
|
+
* The send circle shows its own ring, hugging it (no offset, which would sit on the pill border), and
|
|
31
|
+
* takes a 44px tap area on touch screens (F10).
|
|
31
32
|
*/
|
|
32
|
-
export declare const promptBarSendClasses = "focus-visible:!ring-0
|
|
33
|
+
export declare const promptBarSendClasses = "relative focus-visible:!ring-offset-0 pointer-coarse:after:absolute pointer-coarse:after:-inset-1 pointer-coarse:after:content-['']";
|
|
33
34
|
/** Enabled send — existing brand navy, not a new blue. */
|
|
34
35
|
export declare const promptBarSendReadyClasses = "!bg-brand !text-on-brand hover:!bg-brand active:!bg-brand";
|
|
35
36
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"promptBarStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/PromptBar/promptBarStyles.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"promptBarStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/PromptBar/promptBarStyles.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,QAMN,CAAC;AAE7B;;;GAGG;AACH,eAAO,MAAM,6BAA6B;;;CAGhC,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,uDAAuD,CAAC;AAE9F,gGAAgG;AAChG,eAAO,MAAM,uBAAuB,kCAAkC,CAAC;AAEvE;;;GAGG;AACH,eAAO,MAAM,qBAAqB,QAEf,CAAC;AAEpB;;;GAGG;AACH,eAAO,MAAM,oBAAoB,wIACsG,CAAC;AAExI,0DAA0D;AAC1D,eAAO,MAAM,yBAAyB,8DAA8D,CAAC;AAErG;;;GAGG;AACH,eAAO,MAAM,yBAAyB,qDAAqD,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { focusRingTransitionClasses as e } from "../../../lib/motion.js";
|
|
3
3
|
//#region src/components/molecules/PromptBar/promptBarStyles.ts
|
|
4
|
-
var t = "flex w-full items-end gap-2 rounded-[1.625rem] border border-border-control bg-surface p-2 focus-
|
|
4
|
+
var t = "flex w-full items-end gap-2 rounded-[1.625rem] border border-border-control bg-surface p-2 has-[textarea:focus-visible]:outline-none has-[textarea:focus-visible]:ring-2 has-[textarea:focus-visible]:ring-inset has-[textarea:focus-visible]:ring-focus-ring has-[input:focus-visible]:outline-none has-[input:focus-visible]:ring-2 has-[input:focus-visible]:ring-inset has-[input:focus-visible]:ring-focus-ring " + e, n = {
|
|
5
5
|
field: "pl-5",
|
|
6
6
|
slot: "pl-2"
|
|
7
|
-
}, r = "mr-1 flex h-9 shrink-0 items-center justify-center", i = "flex shrink-0 items-end gap-2", a = "min-h-9 min-w-0 flex-1 overflow-y-auto py-2 type-body [field-sizing:content] max-h-[4.75rem]", o = "focus-visible:!ring-0
|
|
7
|
+
}, r = "mr-1 flex h-9 shrink-0 items-center justify-center", i = "flex shrink-0 items-end gap-2", a = "min-h-9 min-w-0 flex-1 overflow-y-auto py-2 type-body pointer-coarse:text-base [field-sizing:content] max-h-[4.75rem]", o = "relative focus-visible:!ring-offset-0 pointer-coarse:after:absolute pointer-coarse:after:-inset-1 pointer-coarse:after:content-['']", s = "!bg-brand !text-on-brand hover:!bg-brand active:!bg-brand", c = "!bg-neutral !text-disabled disabled:!opacity-100";
|
|
8
8
|
//#endregion
|
|
9
9
|
export { i as promptBarEndSlotClasses, a as promptBarFieldClasses, o as promptBarSendClasses, c as promptBarSendMutedClasses, s as promptBarSendReadyClasses, t as promptBarShellClasses, n as promptBarShellStartPadClasses, r as promptBarStartSlotClasses };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjF,OAAO,EAUL,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACf,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EACL,sBAAsB,EACtB,UAAU,EACV,KAAK,qBAAqB,EAC1B,KAAK,SAAS,GACf,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,qDAAqD;AACrD,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,eAAe;IAC9B,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,6EAA6E;IAC7E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,yBAAyB,CAAC;CACvC;AAaD,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,WAAmB,EACnB,WAAW,EACX,KAAK,EACL,aAAa,EACb,IAAI,EACJ,WAAwB,EACxB,IAAW,EACX,QAAgB,EAChB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE,eAAe,+
|
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjF,OAAO,EAUL,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACf,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EACL,sBAAsB,EACtB,UAAU,EACV,KAAK,qBAAqB,EAC1B,KAAK,SAAS,GACf,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,qDAAqD;AACrD,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,eAAe;IAC9B,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,6EAA6E;IAC7E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,yBAAyB,CAAC;CACvC;AAaD,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,WAAmB,EACnB,WAAW,EACX,KAAK,EACL,aAAa,EACb,IAAI,EACJ,WAAwB,EACxB,IAAW,EACX,QAAgB,EAChB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE,eAAe,+BA8EjB;AAED,eAAO,MAAM,UAAU;;CAErB,CAAC"}
|