@dcs-tech/ui 0.7.0 → 0.8.0

package/README.md

@@ -96,6 +96,22 @@ If a worker cannot start, the engine builds the same file on the main thread ins
 `fileEngine={{ workers: 'off' }}` always uses the main thread. Large PDF fonts (a script font)
 belong on the engine, so they reach each worker once: `fileEngine={{ pdfFonts: { fonts, vfs } }}`.
 
+## Form validation
+
+`Form` validates with any [Standard Schema](https://standardschema.dev) library — Zod 3.24+,
+Valibot 1+, ArkType 2+, Yup 1.7+ — with no adapter:
+
+```tsx
+import { z } from 'zod'
+
+<Form fields={fields} defaultData={data} validation={{ schema: z.object({ name: z.string().min(1, 'Required') }), validateOnBlur: true }} />
+```
+
+Errors are keyed by each issue's path (`address.city`). Leaving a field checks only that field; a
+failed submit shows every error and focuses the first. For other schemas (e.g. Yup before 1.7),
+pass `validate: (schema, data) => ({ valid, errors })` as before. The form's words (Submit, Reset,
+its error toasts) come from `UIProvider labels.form`.
+
 ## Theming
 
 Every colour, size and spacing value is a CSS custom property. Override them on

package/dist/{ChartImageMenu-C6MwKKjc.js → ChartImageMenu-AsfvmdTH.js}

@@ -1,5 +1,5 @@
 "use client";
-import { A as e, C as t, Cn as n, Dn as r, E as i, En as a, F as o, J as s, L as c, N as l, Nn as u, O as d, P as f, Q as p, R as m, S as h, T as g, Tn as _, Y as v, _ as y, b, c as x, d as S, et as C, ft as w, g as T, h as ee, i as te, j as ne, kn as re, l as ie, r as ae, rt as oe, st as E, ut as se, w as ce, y as le } from "./geometry-ChwYB45B.js";
+import { A as e, C as t, Cn as n, Dn as r, E as i, En as a, F as o, J as s, L as c, N as l, Nn as u, O as d, P as f, Q as p, R as m, S as h, T as g, Tn as _, Y as v, _ as y, b, c as x, d as S, et as C, ft as w, g as T, h as ee, i as te, j as ne, kn as re, l as ie, r as ae, rt as oe, st as E, ut as se, w as ce, y as le } from "./geometry-yZmKN662.js";
 import { a as ue, l as de, n as fe, o as pe, u as me } from "./fileActions-COf5Q4Eg.js";
 import { t as he } from "./runFileTask--4YjQH7Y.js";
 import ge, { cloneElement as _e, createContext as ve, forwardRef as ye, useCallback as D, useContext as be, useEffect as O, useId as xe, useLayoutEffect as Se, useMemo as Ce, useRef as k, useState as A, useSyncExternalStore as we } from "react";
@@ -98,15 +98,19 @@ function Be(...e) {
 	}, []);
 }
 var I = {
-	tooltip: "_tooltip_osxra_14",
-	open: "_open_osxra_42",
-	placement_top: "_placement_top_osxra_81",
-	placement_bottom: "_placement_bottom_osxra_82",
-	placement_left: "_placement_left_osxra_83",
-	placement_right: "_placement_right_osxra_84",
-	measured: "_measured_osxra_90",
-	helpIcon: "_helpIcon_osxra_98",
-	disabledAnchor: "_disabledAnchor_osxra_131"
+	tooltip: "_tooltip_2q3ib_14",
+	open: "_open_2q3ib_42",
+	tone_info: "_tone_info_2q3ib_53",
+	tone_success: "_tone_success_2q3ib_54",
+	tone_warning: "_tone_warning_2q3ib_55",
+	tone_danger: "_tone_danger_2q3ib_56",
+	placement_top: "_placement_top_2q3ib_88",
+	placement_bottom: "_placement_bottom_2q3ib_89",
+	placement_left: "_placement_left_2q3ib_90",
+	placement_right: "_placement_right_2q3ib_91",
+	measured: "_measured_2q3ib_97",
+	helpIcon: "_helpIcon_2q3ib_105",
+	disabledAnchor: "_disabledAnchor_2q3ib_138"
 }, Ve = 500, He = 100, L = 8, Ue = 16, We = 300, Ge = 0, Ke = () => Date.now() - Ge < We, R = () => typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("anchor-name: --probe"), qe = () => typeof HTMLElement < "u" && Object.prototype.hasOwnProperty.call(HTMLElement.prototype, "popover");
 function Je(e) {
 	let t = r(e), n = `tooltip-${xe().replace(/:/g, "")}`, [i, o] = A(!1), [s, c] = A(t?.placement || "top"), [l, u] = A(!1), d = k(null), f = k(null), p = k(void 0), m = k(void 0), h = k(null), g = k("pointer"), _ = t?.placement || "top", v = t?.anchorTo || "auto", y = t?.delay ?? Ve, b = t?.closeDelay ?? He, x = D(() => {
@@ -187,6 +191,7 @@ function Je(e) {
 			className: [
 				I.tooltip,
 				I[`placement_${s}`],
+				t.tone && t.tone !== "default" ? I[`tone_${t.tone}`] : "",
 				i ? I.open : "",
 				l ? I.measured : "",
 				t.className || ""
@@ -298,51 +303,51 @@ function tt() {
 	return be(et);
 }
 var z = {
-	root: "_root_vgjyx_6",
-	size_xxs: "_size_xxs_vgjyx_45",
-	size_xs: "_size_xs_vgjyx_52",
-	size_small: "_size_small_vgjyx_59",
-	size_medium: "_size_medium_vgjyx_66",
-	size_large: "_size_large_vgjyx_73",
-	size_xl: "_size_xl_vgjyx_80",
-	iconOnly: "_iconOnly_vgjyx_89",
-	shape_rectangle: "_shape_rectangle_vgjyx_98",
-	shape_rounded: "_shape_rounded_vgjyx_102",
-	shape_pill: "_shape_pill_vgjyx_106",
-	shape_circle: "_shape_circle_vgjyx_110",
-	shape_square: "_shape_square_vgjyx_122",
-	color_primary: "_color_primary_vgjyx_140",
-	color_secondary: "_color_secondary_vgjyx_150",
-	color_success: "_color_success_vgjyx_160",
-	color_error: "_color_error_vgjyx_170",
-	color_warning: "_color_warning_vgjyx_180",
-	color_info: "_color_info_vgjyx_190",
-	color_neutral: "_color_neutral_vgjyx_200",
-	variant_filled: "_variant_filled_vgjyx_211",
-	disabled: "_disabled_vgjyx_217",
-	disableElevation: "_disableElevation_vgjyx_225",
-	variant_outlined: "_variant_outlined_vgjyx_235",
-	variant_text: "_variant_text_vgjyx_254",
-	variant_elevated: "_variant_elevated_vgjyx_270",
-	variant_tonal: "_variant_tonal_vgjyx_288",
-	loading: "_loading_vgjyx_312",
-	fullWidth: "_fullWidth_vgjyx_316",
-	disableTextTransform: "_disableTextTransform_vgjyx_320",
-	showFocusRing: "_showFocusRing_vgjyx_331",
-	content: "_content_vgjyx_338",
-	loading_overlay: "_loading_overlay_vgjyx_346",
-	loading_center: "_loading_center_vgjyx_347",
-	icon: "_icon_vgjyx_89",
-	loadingWrapper: "_loadingWrapper_vgjyx_365",
-	loading_start: "_loading_start_vgjyx_377",
-	loading_end: "_loading_end_vgjyx_378",
-	spinner: "_spinner_vgjyx_383",
-	spin: "_spin_vgjyx_383",
-	srOnly: "_srOnly_vgjyx_394",
-	group: "_group_vgjyx_414",
-	orientation_horizontal: "_orientation_horizontal_vgjyx_419",
-	orientation_vertical: "_orientation_vertical_vgjyx_423",
-	groupFullWidth: "_groupFullWidth_vgjyx_427"
+	root: "_root_1mlby_6",
+	size_xxs: "_size_xxs_1mlby_45",
+	size_xs: "_size_xs_1mlby_52",
+	size_small: "_size_small_1mlby_59",
+	size_medium: "_size_medium_1mlby_66",
+	size_large: "_size_large_1mlby_73",
+	size_xl: "_size_xl_1mlby_80",
+	iconOnly: "_iconOnly_1mlby_89",
+	shape_rectangle: "_shape_rectangle_1mlby_98",
+	shape_rounded: "_shape_rounded_1mlby_102",
+	shape_pill: "_shape_pill_1mlby_106",
+	shape_circle: "_shape_circle_1mlby_110",
+	shape_square: "_shape_square_1mlby_122",
+	color_primary: "_color_primary_1mlby_140",
+	color_secondary: "_color_secondary_1mlby_150",
+	color_success: "_color_success_1mlby_160",
+	color_error: "_color_error_1mlby_170",
+	color_warning: "_color_warning_1mlby_180",
+	color_info: "_color_info_1mlby_190",
+	color_neutral: "_color_neutral_1mlby_200",
+	variant_filled: "_variant_filled_1mlby_211",
+	disabled: "_disabled_1mlby_217",
+	disableElevation: "_disableElevation_1mlby_225",
+	variant_outlined: "_variant_outlined_1mlby_235",
+	variant_text: "_variant_text_1mlby_254",
+	variant_elevated: "_variant_elevated_1mlby_270",
+	variant_tonal: "_variant_tonal_1mlby_288",
+	loading: "_loading_1mlby_312",
+	fullWidth: "_fullWidth_1mlby_316",
+	disableTextTransform: "_disableTextTransform_1mlby_320",
+	showFocusRing: "_showFocusRing_1mlby_331",
+	content: "_content_1mlby_338",
+	loading_overlay: "_loading_overlay_1mlby_346",
+	loading_center: "_loading_center_1mlby_347",
+	icon: "_icon_1mlby_89",
+	loadingWrapper: "_loadingWrapper_1mlby_365",
+	loading_start: "_loading_start_1mlby_377",
+	loading_end: "_loading_end_1mlby_378",
+	spinner: "_spinner_1mlby_383",
+	spin: "_spin_1mlby_383",
+	srOnly: "_srOnly_1mlby_394",
+	group: "_group_1mlby_414",
+	orientation_horizontal: "_orientation_horizontal_1mlby_419",
+	orientation_vertical: "_orientation_vertical_1mlby_423",
+	groupFullWidth: "_groupFullWidth_1mlby_427"
 }, nt = () => {
 	let e = u();
 	return /* @__PURE__ */ j("span", {

package/dist/{ChartView-nS4f4EU_.js → ChartView-CW3m4Z_1.js}

@@ -1,5 +1,5 @@
 "use client";
-import { A as e, C as t, Cn as n, D as r, E as i, En as a, F as o, G as s, J as c, K as l, L as u, M as d, N as f, O as p, R as m, S as h, T as g, Tn as _, W as v, X as y, Y as b, Z as x, _ as S, b as C, c as w, ct as T, d as E, f as D, ft as O, g as k, h as A, i as j, j as M, k as N, l as P, m as F, o as I, ot as L, p as R, q as z, r as B, s as V, t as H, u as ee, v as U, vt as te, w as ne, y as re, z as ie } from "./geometry-ChwYB45B.js";
+import { A as e, C as t, Cn as n, D as r, E as i, En as a, F as o, G as s, J as c, K as l, L as u, M as d, N as f, O as p, R as m, S as h, T as g, Tn as _, W as v, X as y, Y as b, Z as x, _ as S, b as C, c as w, ct as T, d as E, f as D, ft as O, g as k, h as A, i as j, j as M, k as N, l as P, m as F, o as I, ot as L, p as R, q as z, r as B, s as V, t as H, u as ee, v as U, vt as te, w as ne, y as re, z as ie } from "./geometry-yZmKN662.js";
 import { useCallback as W, useEffect as ae, useLayoutEffect as G, useMemo as oe, useRef as K, useState as q } from "react";
 import { Fragment as se, jsx as J, jsxs as Y } from "react/jsx-runtime";
 import { createPortal as ce } from "react-dom";

package/dist/{SummaryChart-CVg6i2mx.js → SummaryChart-CxRjK_HU.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./ChartView-nS4f4EU_.js";
-import { n as t } from "./summaryChartData-pNvzaEHp.js";
+import { t as e } from "./ChartView-CW3m4Z_1.js";
+import { n as t } from "./summaryChartData-CARqGRUl.js";
 import { jsx as n } from "react/jsx-runtime";
 // src/components/DataTable/summary/SummaryChart.tsx
 var r = {

package/dist/{SummaryImage-OHJHjCqe.js → SummaryImage-DeYs2Jgj.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./ChartImageMenu-C6MwKKjc.js";
-import { n as t } from "./summaryChartData-pNvzaEHp.js";
+import { t as e } from "./ChartImageMenu-AsfvmdTH.js";
+import { n as t } from "./summaryChartData-CARqGRUl.js";
 import { jsx as n } from "react/jsx-runtime";
 // src/components/DataTable/summary/SummaryImage.tsx
 function r({ item: r, report: i, context: a, branding: o, format: s, locale: c, labels: l }) {

package/dist/{SummarySeeAll-BYrvXSJ6.js → SummarySeeAll-CrmROhBv.js}

@@ -1,9 +1,9 @@
 "use client";
-import { t as e } from "./ChartImageMenu-C6MwKKjc.js";
-import { t } from "./ChartView-nS4f4EU_.js";
-import { J as n, Tt as r, U as i, ot as a } from "./geometry-ChwYB45B.js";
-import { n as o, o as s, s as c } from "./scrollArea-DAlVT5U7.js";
-import { r as l, t as u } from "./summaryChartData-pNvzaEHp.js";
+import { t as e } from "./ChartImageMenu-AsfvmdTH.js";
+import { t } from "./ChartView-CW3m4Z_1.js";
+import { J as n, Tt as r, U as i, ot as a } from "./geometry-yZmKN662.js";
+import { n as o, o as s, s as c } from "./scrollArea-Dd2dNMV4.js";
+import { r as l, t as u } from "./summaryChartData-CARqGRUl.js";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 // src/components/DataTable/summary/SummarySeeAll.tsx
 function m({ item: m, all: h, onClose: g, onSelect: _, image: v, labels: y }) {

package/dist/{columnValue-K98ElfJc.js → columnValue-DwUqueZ6.js}

@@ -515,7 +515,7 @@ function ge(e) {
 	})), t;
 }
 function _e(e) {
-	let t = e.selection;
+	let t = e.selection === void 0 ? "onDemand" : e.selection;
 	return t ? t === !0 || t === "onDemand" ? {
 		...G,
 		show: "onDemand"

package/dist/{exportContext-CJaIv8R-.js → exportContext-BKFnNQ0q.js}

@@ -1,5 +1,5 @@
 "use client";
-import { a as e, d as t, r as n, s as r } from "./columnValue-K98ElfJc.js";
+import { a as e, d as t, r as n, s as r } from "./columnValue-DwUqueZ6.js";
 import { r as i, t as a } from "./labels-CnqqTrne.js";
 // src/core/logic/exportSafety.logic.ts
 var o = /^[=+\-@\t\r]/, s = (e) => o.test(e) ? `'${e}` : e, c = (e) => e === "xlsx" || e === "json" || e === "xml" ? "typed" : "text";

package/dist/{exportEngine-S8JHzYbS.js → exportEngine-CZ22cX7a.js}

@@ -1,7 +1,7 @@
 "use client";
 import { t as e } from "./runFileTask--4YjQH7Y.js";
 import { a as t, c as n, f as r, i, l as a, n as o, o as s, s as c } from "./fileActions-COf5Q4Eg.js";
-import { a as l, c as u, i as d, n as f, o as p, r as m, s as h } from "./exportContext-CJaIv8R-.js";
+import { a as l, c as u, i as d, n as f, o as p, r as m, s as h } from "./exportContext-BKFnNQ0q.js";
 // src/components/DataTable/export/exportEngine.ts
 var g = (e) => JSON.stringify(e).replace(/</g, "\\u003c");
 function _(e = "", t = {}, n) {

package/dist/{geometry-ChwYB45B.js → geometry-yZmKN662.js}

@@ -1,5 +1,5 @@
 "use client";
-import { C as e, S as t, a as n, c as r, n as i, p as a, w as o } from "./columnValue-K98ElfJc.js";
+import { C as e, S as t, a as n, c as r, n as i, p as a, w as o } from "./columnValue-DwUqueZ6.js";
 import { createContext as s, useContext as c, useMemo as l } from "react";
 import { Fragment as ee, jsx as u, jsxs as te } from "react/jsx-runtime";
 // src/components/UIProvider/UILabelsContext.tsx
@@ -12,6 +12,12 @@ var ne = {
 		close: "Close"
 	},
 	toast: { dismiss: "Dismiss" },
+	form: {
+		submit: "Submit",
+		reset: "Reset",
+		fixErrors: "Please fix the validation errors before submitting",
+		submitFailed: "An error occurred while submitting the form"
+	},
 	input: {
 		clear: "Clear",
 		showPassword: "Show password",
@@ -75,7 +81,10 @@ var ne = {
 	},
 	sidebar: {
 		name: "Main",
-		closeNavigation: "Close navigation"
+		closeNavigation: "Close navigation",
+		collapse: "Collapse sidebar",
+		expand: "Expand sidebar",
+		showChildren: (e) => e ? `Show ${e} pages` : "Show pages"
 	},
 	breadcrumbs: {
 		name: "Breadcrumb",