@box-kite/react 2.2.6 → 2.2.8

package/components/toaster.mjs

@@ -1,27 +1,29 @@
 "use client";
-import { t as e } from "../client.mjs";
-import { o as t, t as n } from "../platform.mjs";
+import { c as e, t } from "../platform.mjs";
+import { t as n } from "../client.mjs";
 import { n as r } from "../effects.mjs";
-import i from "../box.mjs";
-import { n as a } from "../layer.mjs";
-import { t as o } from "../motion.mjs";
-import { useCallback as s, useRef as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { createPortal as d } from "react-dom";
-import { useSyncExternalStore as f } from "use-sync-external-store/shim";
+import { t as i } from "../interactions.mjs";
+import a from "../box.mjs";
+import { i as o } from "../reporting.mjs";
+import { n as s } from "../layer.mjs";
+import { t as c } from "../motion.mjs";
+import { useCallback as l, useRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { createPortal as p } from "react-dom";
+import { useSyncExternalStore as m } from "use-sync-external-store/shim";
 //#region src/utils/toast/toastStore.ts
-var p = {
+var h = ["value"], g = {
 	toasts: [],
 	overflow: 0
-}, m = 0;
-function h() {
-	return m += 1, `toast-${m}`;
+}, _ = 0;
+function v() {
+	return _ += 1, `toast-${_}`;
 }
-function g(e) {
-	let t = [], n = p, r = e?.limit ?? 3, i = e?.duration ?? 5e3, a = !1, o = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Map(), c = (e) => {
-		let t = s.get(e);
-		t?.handle && clearTimeout(t.handle), s.delete(e);
-	}, l = () => {
+function y(e) {
+	let t = [], n = g, r = e?.limit ?? 3, a = e?.duration ?? 5e3, o = !1, s = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Map(), l = (e) => {
+		let t = c.get(e);
+		t?.handle && clearTimeout(t.handle), c.delete(e);
+	}, u = () => {
 		let e = 0;
 		t = t.map((t) => {
 			let n = !t.open || e++ < r;
@@ -32,122 +34,153 @@ function g(e) {
 		}), n = {
 			toasts: t,
 			overflow: Math.max(0, e - r)
-		}, u(), o.forEach((e) => e());
+		}, d(), s.forEach((e) => e());
 	};
-	function u() {
+	function d() {
 		let e = /* @__PURE__ */ new Set();
 		for (let n of t) {
 			if (!n.open || !n.visible || !Number.isFinite(n.duration)) continue;
 			e.add(n.id);
-			let t = s.get(n.id) ?? {
+			let t = c.get(n.id) ?? {
 				handle: null,
 				remaining: n.duration,
 				startedAt: 0
 			};
-			s.set(n.id, t), !(a || t.handle) && (t.startedAt = Date.now(), t.handle = setTimeout(() => {
-				s.delete(n.id), f(n.id, "timeout");
+			c.set(n.id, t), !(o || t.handle) && (t.startedAt = Date.now(), t.handle = setTimeout(() => {
+				c.delete(n.id), p(n.id, "timeout");
 			}, t.remaining));
 		}
-		for (let t of [...s.keys()]) e.has(t) || c(t);
+		for (let t of [...c.keys()]) e.has(t) || l(t);
 	}
-	let d = (e, t) => t ?? (e === "loading" ? Infinity : i);
-	function f(e, n = "imperative") {
+	let f = (e, t) => t ?? (e === "loading" ? Infinity : a);
+	function p(e, n = "imperative") {
 		let r = [];
-		t = t.map((t) => !t.open || e !== void 0 && t.id !== e ? t : (r.push(t), c(t.id), {
+		t = t.map((t) => !t.open || e !== void 0 && t.id !== e ? t : (r.push(t), l(t.id), {
 			...t,
 			open: !1
-		})), r.length && (l(), r.forEach((e) => e.onDismiss?.(n)));
+		})), r.length && (u(), r.forEach((e) => {
+			e.onDismiss?.(n), i({
+				component: "toaster",
+				type: "dismiss",
+				reason: n,
+				value: e.message,
+				details: {
+					id: e.id,
+					kind: e.kind
+				},
+				content: h
+			});
+		}));
 	}
 	function m(e, n, r) {
-		let i = !1;
+		let a = !1;
 		t = t.map((t) => {
 			if (t.id !== e) return t;
-			i = !0, c(e);
-			let a = r?.kind ?? t.kind;
+			a = !0, l(e);
+			let i = r?.kind ?? t.kind;
 			return {
 				...t,
 				...r,
 				id: e,
 				message: n,
-				kind: a,
-				duration: r?.duration ?? (r?.kind ? d(a) : t.duration),
+				kind: i,
+				duration: r?.duration ?? (r?.kind ? f(i) : t.duration),
 				open: !0
 			};
-		}), i && l();
+		}), a && (u(), i({
+			component: "toaster",
+			type: "update",
+			reason: r?.kind,
+			value: n,
+			details: { id: e },
+			source: "app",
+			content: h
+		}));
 	}
-	function g(e, n) {
-		let r = n?.id ?? h();
+	function _(e, n) {
+		let r = n?.id ?? v();
 		if (n?.id && t.some((e) => e.id === r)) return m(r, e, n), r;
-		let i = n?.kind ?? "default";
+		let a = n?.kind ?? "default";
 		return t = [...t, {
 			id: r,
-			kind: i,
+			kind: a,
 			message: e,
 			description: n?.description,
-			duration: d(i, n?.duration),
+			duration: f(a, n?.duration),
 			action: n?.action,
 			dismissible: n?.dismissible ?? !0,
 			onDismiss: n?.onDismiss,
 			open: !0,
 			visible: !1
-		}], l(), r;
+		}], u(), i({
+			component: "toaster",
+			type: "show",
+			reason: a,
+			value: e,
+			details: {
+				id: r,
+				kind: a
+			},
+			source: "app",
+			content: h
+		}), r;
 	}
 	return {
 		subscribe(e) {
-			return o.add(e), () => o.delete(e);
+			return s.add(e), () => s.delete(e);
 		},
 		getSnapshot: () => n,
-		getServerSnapshot: () => p,
-		add: g,
+		getServerSnapshot: () => g,
+		add: _,
 		update: m,
-		dismiss: f,
+		dismiss: p,
 		remove(e) {
 			let n = t.filter((t) => t.id !== e);
-			n.length !== t.length && (c(e), t = n, l());
+			n.length !== t.length && (l(e), t = n, u());
 		},
 		setLimit(e) {
-			e !== r && (r = e, l());
+			e !== r && (r = e, u());
 		},
 		setDefaultDuration(e) {
-			i = e;
+			a = e;
 		},
 		pause() {
-			if (!a) {
-				a = !0;
-				for (let e of s.values()) e.handle && (clearTimeout(e.handle), e.handle = null, e.remaining = Math.max(0, e.remaining - (Date.now() - e.startedAt)));
+			if (!o) {
+				o = !0;
+				for (let e of c.values()) e.handle && (clearTimeout(e.handle), e.handle = null, e.remaining = Math.max(0, e.remaining - (Date.now() - e.startedAt)));
 			}
 		},
 		resume() {
-			a && (a = !1, u());
+			o && (o = !1, d());
 		},
 		reset() {
-			for (let e of [...s.keys()]) c(e);
-			t = [], n = p, o.forEach((e) => e());
+			for (let e of [...c.keys()]) l(e);
+			t = [], n = g, s.forEach((e) => e());
 		}
 	};
 }
 //#endregion
 //#region src/components/toaster.tsx
-var _ = g(), v = (e) => (t, n) => _.add(t, {
+var b = y(), x = (e) => (t, n) => b.add(t, {
 	...n,
 	kind: e
-}), y = Object.assign((e, t) => _.add(e, t), {
-	success: v("success"),
-	error: v("error"),
-	warning: v("warning"),
-	info: v("info"),
-	loading: v("loading"),
-	update: (e, t, n) => _.update(e, t, n),
-	dismiss: (e) => _.dismiss(e, "imperative"),
+}), S = Object.assign((e, t) => b.add(e, t), {
+	success: x("success"),
+	error: x("error"),
+	warning: x("warning"),
+	info: x("info"),
+	loading: x("loading"),
+	update: (e, t, n) => b.update(e, t, n),
+	dismiss: (e) => b.dismiss(e, "imperative"),
 	promise(e, t, n) {
-		let r = _.add(t.loading, {
+		let r = b.add(t.loading, {
 			...n,
 			id: n?.id,
 			kind: "loading"
 		}), i = (e, t) => typeof e == "function" ? e(t) : e;
-		return e.then((e) => _.update(r, i(t.success, e), { kind: "success" }), (e) => _.update(r, i(t.error, e), { kind: "error" })), e;
+		return e.then((e) => b.update(r, i(t.success, e), { kind: "success" }), (e) => b.update(r, i(t.error, e), { kind: "error" })), e;
 	}
-}), b = {
+}), C = {
 	"top-start": "topStart",
 	"top-center": "topCenter",
 	"top-end": "topEnd",
@@ -155,53 +188,58 @@ var _ = g(), v = (e) => (t, n) => _.add(t, {
 	"bottom-center": "bottomCenter",
 	"bottom-end": "bottomEnd"
 };
-function x(e, t) {
+function w(e, t) {
 	let n = t.toLowerCase().split("+"), r = n[n.length - 1], i = new Set(n.slice(0, -1));
 	return e.key.toLowerCase() === r && e.altKey === i.has("alt") && e.ctrlKey === i.has("ctrl") && e.shiftKey === i.has("shift") && e.metaKey === i.has("meta");
 }
-function S(e) {
-	let { toast: t, store: n, fromTop: a, closeLabel: s } = e, { mounted: c, ref: d, props: f } = o({ present: t.open });
+function T(e) {
+	let { toast: t, store: n, fromTop: i, closeLabel: s } = e, { mounted: l, ref: u, props: p } = c({ present: t.open }), m = o("toaster");
 	if (r(() => {
-		c || n.remove(t.id);
+		l || n.remove(t.id);
 	}, [
-		c,
+		l,
 		n,
 		t.id
-	]), !c) return null;
-	let p = t.action, m = () => {
-		p?.onClick(), p?.closeOnClick !== !1 && n.dismiss(t.id, "action");
+	]), !l) return null;
+	let h = t.action, g = () => {
+		h?.onClick(), h?.closeOnClick === !1 ? m("action", t.message, {
+			reason: "action",
+			id: t.id,
+			kind: t.kind,
+			content: ["value"]
+		}) : n.dismiss(t.id, "action");
 	};
-	return /* @__PURE__ */ u(i, {
-		ref: d,
+	return /* @__PURE__ */ f(a, {
+		ref: u,
 		component: "toaster.toast",
 		variant: {
 			[t.kind]: t.kind !== "default",
-			fromTop: a
+			fromTop: i
 		},
 		props: {
 			...t.kind === "error" ? { role: "alert" } : {},
 			"data-toast-id": t.id,
-			...f
+			...p
 		},
 		children: [
-			/* @__PURE__ */ l(i, {
+			/* @__PURE__ */ d(a, {
 				component: "toaster.message",
 				children: t.message
 			}),
-			t.description !== void 0 && /* @__PURE__ */ l(i, {
+			t.description !== void 0 && /* @__PURE__ */ d(a, {
 				component: "toaster.description",
 				children: t.description
 			}),
-			p && /* @__PURE__ */ l(i, {
+			h && /* @__PURE__ */ d(a, {
 				tag: "button",
 				component: "toaster.action",
 				props: {
 					type: "button",
-					onClick: m
+					onClick: g
 				},
-				children: p.label
+				children: h.label
 			}),
-			t.dismissible && /* @__PURE__ */ l(i, {
+			t.dismissible && /* @__PURE__ */ d(a, {
 				tag: "button",
 				component: "toaster.close",
 				props: {
@@ -213,33 +251,33 @@ function S(e) {
 		]
 	});
 }
-function C(o) {
-	let { position: p = "bottom-end", limit: m = 3, duration: h = 5e3, label: g = "Notifications", closeLabel: v = "Close", overflowLabel: y = (e) => `+${e} more`, hotkey: C = "F6", store: w = _, props: T, ...E } = o, D = f(w.subscribe, w.getSnapshot, w.getServerSnapshot), O = a(), k = e(!O), A = c(null), j = c(null), M = c({
+function E(i) {
+	let { position: o = "bottom-end", limit: c = 3, duration: h = 5e3, label: g = "Notifications", closeLabel: _ = "Close", overflowLabel: v = (e) => `+${e} more`, hotkey: y = "F6", store: x = b, props: S, ...E } = i, D = m(x.subscribe, x.getSnapshot, x.getServerSnapshot), O = s(), k = n(!O), A = u(null), j = u(null), M = u({
 		hovered: !1,
 		focused: !1,
 		hidden: !1
-	}), N = s(() => {
+	}), N = l(() => {
 		let { hovered: e, focused: t, hidden: n } = M.current;
-		e || t || n ? w.pause() : w.resume();
-	}, [w]);
-	r(() => w.setLimit(m), [w, m]), r(() => w.setDefaultDuration(h), [w, h]), r(() => {
-		let e = A.current;
-		!O || !t() || !e || !e.isConnected || e.matches(":popover-open") || e.showPopover();
+		e || t || n ? x.pause() : x.resume();
+	}, [x]);
+	r(() => x.setLimit(c), [x, c]), r(() => x.setDefaultDuration(h), [x, h]), r(() => {
+		let t = A.current;
+		!O || !e() || !t || !t.isConnected || t.matches(":popover-open") || t.showPopover();
 	}), r(() => {
-		let e = n();
+		let e = t();
 		if (!e) return;
-		let t = new AbortController();
+		let n = new AbortController();
 		return e.addEventListener("visibilitychange", () => {
 			M.current.hidden = e.hidden, N();
-		}, { signal: t.signal }), () => t.abort();
+		}, { signal: n.signal }), () => n.abort();
 	}, [N]), r(() => {
-		let e = n();
-		if (!C || !e) return;
-		let t = new AbortController();
+		let e = t();
+		if (!y || !e) return;
+		let n = new AbortController();
 		return e.addEventListener("keydown", (t) => {
-			!x(t, C) || !A.current || (t.preventDefault(), j.current = e.activeElement, A.current.focus());
-		}, { signal: t.signal }), () => t.abort();
-	}, [C]);
+			!w(t, y) || !A.current || (t.preventDefault(), j.current = e.activeElement, A.current.focus());
+		}, { signal: n.signal }), () => n.abort();
+	}, [y]);
 	let P = (e) => !!e && !!A.current?.contains(e), F = () => {
 		M.current.hovered = !0, N();
 	}, I = (e) => {
@@ -251,16 +289,16 @@ function C(o) {
 	}, z = (e) => {
 		if (e.key !== "Escape") return;
 		let t = (e.target.closest?.("[data-toast-id]"))?.getAttribute("data-toast-id");
-		t && w.dismiss(t, "close"), w.getSnapshot().toasts.some((e) => e.open) ? A.current?.focus() : j.current?.focus();
-	}, B = p.startsWith("top"), V = D.toasts.filter((e) => e.visible), H = B ? [...V].reverse() : V, U = D.overflow > 0 && /* @__PURE__ */ l(i, {
+		t && x.dismiss(t, "close"), x.getSnapshot().toasts.some((e) => e.open) ? A.current?.focus() : j.current?.focus();
+	}, B = o.startsWith("top"), V = D.toasts.filter((e) => e.visible), H = B ? [...V].reverse() : V, U = D.overflow > 0 && /* @__PURE__ */ d(a, {
 		component: "toaster.overflow",
-		children: y(D.overflow)
-	}), W = /* @__PURE__ */ u(i, {
+		children: v(D.overflow)
+	}), W = /* @__PURE__ */ f(a, {
 		tag: "section",
 		ref: A,
 		component: "toaster",
 		...E,
-		variant: [E.variant, { [b[p]]: !0 }],
+		variant: [E.variant, { [C[o]]: !0 }],
 		props: {
 			...O ? { popover: "manual" } : {},
 			"aria-live": "polite",
@@ -268,7 +306,7 @@ function C(o) {
 			"aria-relevant": "additions text",
 			"aria-label": g,
 			tabIndex: -1,
-			...T,
+			...S,
 			onPointerOver: F,
 			onPointerOut: I,
 			onFocus: L,
@@ -277,18 +315,18 @@ function C(o) {
 		},
 		children: [
 			!B && U,
-			H.map((e) => /* @__PURE__ */ l(S, {
+			H.map((e) => /* @__PURE__ */ d(T, {
 				toast: e,
-				store: w,
+				store: x,
 				fromTop: B,
-				closeLabel: v
+				closeLabel: _
 			}, e.id)),
 			B && U
 		]
 	});
-	return O ? W : k ? d(W, k) : null;
+	return O ? W : k ? p(W, k) : null;
 }
-var w = C;
-w.displayName = "Toaster";
+var D = E;
+D.displayName = "Toaster";
 //#endregion
-export { g as createToastStore, w as default, _ as defaultToastStore, y as toast };
+export { y as createToastStore, D as default, b as defaultToastStore, S as toast };

package/create/src/index.d.ts

@@ -0,0 +1 @@
+export {};

package/create/src/options.d.ts

@@ -0,0 +1,27 @@
+/** The create-vite templates a design can be added to: React, in TypeScript or JavaScript. */
+export declare const TEMPLATES: readonly ["react-ts", "react-compiler-ts", "react", "react-compiler"];
+export type Template = (typeof TEMPLATES)[number];
+export declare const DESIGNS: readonly ["classic", "ember", "azure", "mono"];
+export type Design = (typeof DESIGNS)[number];
+export interface CreateOptions {
+    directory?: string;
+    template?: Template;
+    design?: Design;
+    /** `false` writes the files and leaves the install to the reader. */
+    install: boolean;
+    /** Unset means "ask when there is a terminal to ask in", which is create-vite's own rule. */
+    interactive?: boolean;
+    overwrite: boolean;
+    /** Passed through to create-vite, which swaps Oxlint for ESLint. */
+    eslint?: boolean;
+    help: boolean;
+    version: boolean;
+}
+export declare const isTemplate: (value: string) => value is Template;
+export declare const isDesign: (value: string) => value is Design;
+export declare const isTypeScript: (template: Template) => boolean;
+/** argv after the command name, as options plus whatever was wrong with it: one message per mistake. */
+export declare function parseOptions(argv: readonly string[]): {
+    options: CreateOptions;
+    errors: string[];
+};

package/create/src/options.test.d.ts

@@ -0,0 +1 @@
+export {};

package/create/src/packageManager.d.ts

@@ -0,0 +1,5 @@
+export type PackageManager = 'npm' | 'pnpm' | 'yarn' | 'bun';
+/** The manager that ran `create`, read off the user agent every one of them sets (`pnpm/9.12.0 npm/? node/v22…`). */
+export declare function detectPackageManager(userAgent: string | undefined): PackageManager;
+/** How the reader starts the dev server with it: `npm run dev`, `pnpm dev`. */
+export declare const runCommand: (manager: PackageManager, script: string) => string;

package/create/src/project.d.ts

@@ -0,0 +1,25 @@
+import { Design, Template } from './options';
+/** The files of one language: the app's own `src/` files, and the design file per design. */
+export interface TemplateSet {
+    files: Record<string, string>;
+    designs: Record<Design, string>;
+}
+export interface Templates {
+    ts: TemplateSet;
+    js: TemplateSet;
+    fonts: Record<Design, string[]>;
+}
+export interface ApplyOptions {
+    template: Template;
+    design: Design;
+    /** The range written for `@box-kite/react`, e.g. `^2.2.7`. */
+    boxKiteRange: string;
+    /** The range written for each font package. */
+    fontRange: string;
+}
+/**
+ * Turns a project create-vite has just written into a Box Kite one: the dependencies in `package.json`,
+ * the design as `src/design.tsx`, a `main` that wraps the app in it, and a sample page. Writes files only;
+ * the install is the caller's.
+ */
+export declare function applyBoxKite(directory: string, templates: Templates, options: ApplyOptions): string[];

package/create/src/project.test.d.ts

@@ -0,0 +1 @@
+export {};

package/create/templates/ts/designs/azure.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+/** Light or dark follows the system until the reader picks one, and the pick is kept under `storageKey`. */
+export default function Design({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;

package/create/templates/ts/designs/ember.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+/** Light or dark follows the system until the reader picks one, and the pick is kept under `storageKey`. */
+export default function Design({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;

package/create/templates/ts/designs/mono.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+/** Light or dark follows the system until the reader picks one, and the pick is kept under `storageKey`. */
+export default function Design({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;

package/create/templates/ts/src/App.d.ts

@@ -0,0 +1,2 @@
+/** A page of the components a design reaches, to see the one you pasted in light and dark. */
+export default function App(): import("react").JSX.Element;

package/create/templates/ts/src/design.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+/** Light or dark follows the system until the reader picks one, and the pick is kept under `storageKey`. */
+export default function Design({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;

package/dataGridDateParts.cjs

@@ -1 +1 @@
-const e=require("./box.cjs"),t=require("./dates.cjs"),n=require("./date-math.cjs"),r=require("./date-input.cjs"),i=require("./date-environment.cjs"),a=require("./components/flex.cjs"),o=require("./components/dropdown.cjs"),s=require("./components/dateField.cjs"),c=require("./components/datePicker.cjs"),l=require("./dataGridListLayout.cjs");let u=require("react"),d=require("react/jsx-runtime");var f={date:{dateStyle:`medium`},time:{timeStyle:`short`},datetime:{dateStyle:`medium`,timeStyle:`short`}};function p(e){return e instanceof Date||typeof e==`string`||typeof e==`number`?e:null}function m(e){let{value:n,format:r}=e,{locale:a,zone:o}=i.n();if(r===`relative`)return(0,d.jsx)(d.Fragment,{children:t.r(p(n),{locale:a,zone:o})});let s=typeof r==`string`?f[r]:r;return(0,d.jsx)(d.Fragment,{children:t.t(p(n),{...s,locale:a,zone:s.zone??o})})}function h(e,t){return t===null?null:e instanceof Date?n.w(t):typeof e==`string`&&/z$/i.test(e)?n.j(t):t}function g(e){let{cell:t,label:r,errorId:i,onBlur:a}=e,{type:o,zone:c,min:l,max:u}=t.editor,f=t.draft instanceof Date||typeof t.draft==`string`?n.v(t.draft):null;return(0,d.jsx)(s.default,{type:o,value:f,zone:c,min:typeof l==`string`?l:void 0,max:typeof u==`string`?u:void 0,onValueChange:e=>t.setDraft(o===`datetime`?h(t.value,e):e),width:`fit`,variant:`compact`,b:0,bgColor:`transparent`,focus:{outline:0},invalid:i?!0:void 0,describedBy:i,autoFocus:!0,props:{"aria-label":r,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||a()}}})}function _(e){let t=e.currentFilter?.type===`date`?e.currentFilter:void 0,[n,r]=(0,u.useState)(t?.operator??`on`),[i,a]=(0,u.useState)(t?.valueTo??null),o=t?.value??null;return{operator:n,value:o,valueTo:i,setOperator:t=>{r(t),e.setDateFilter(t,o,i)},setValue:t=>e.setDateFilter(n,t,i),setValueTo:t=>{a(t),e.setDateFilter(n,o,t)},clear:()=>{a(null),e.clearFilter()}}}var v=[{value:`on`,label:`=`},{value:`before`,label:`<`},{value:`after`,label:`>`},{value:`between`,label:`↔`}];function y(e,t){let n=e.filterConfig,r=typeof n?.min==`string`?n.min:void 0,i=typeof n?.max==`string`?n.max:void 0;return{from:{min:r,max:t.operator===`between`&&t.valueTo||i},to:{min:t.value??r,max:i}}}function b(e){let{column:t}=e,n=String(t.header??t.key),r=t.grid.localeText,i=_(t),s=y(t,i),l=(e,t,i,a,o=!1)=>(0,d.jsx)(c.default,{value:e,onValueChange:i,min:a.min,max:a.max,clearable:o,clearLabel:r.clearFilter(n),variant:`compact`,width:`fit`,minWidth:0,b:0,bgColor:`transparent`,focus:{outline:0},tabIndex:-1,props:{"aria-label":t}});return(0,d.jsxs)(a.default,{component:`${t.grid.componentName}.filter.cell.input`,ai:i.operator===`between`?`start`:`center`,gap:1,children:[(0,d.jsx)(o.default,{value:i.operator,variant:`compact`,onChange:e=>e&&i.setOperator(e),minWidth:6,hideIcon:!0,b:0,bgColor:`transparent`,focus:{outline:0},props:{tabIndex:-1,"aria-label":r.filterComparison(n)},children:v.map(e=>(0,d.jsx)(o.default.Item,{value:e.value,children:e.label},e.value))}),(0,d.jsxs)(a.default,{d:`column`,gap:1,flex1:!0,minWidth:0,children:[l(i.value,i.operator===`between`?r.filterFrom(n):r.filterColumn(n),(e,t)=>t.reason===`clear`?i.clear():i.setValue(e),s.from,!0),i.operator===`between`&&l(i.valueTo,r.filterTo(n),i.setValueTo,s.to)]})]})}function x(t){let{column:n}=t,r=n.grid.componentName,i=n.grid.localeText,o=String(n.header??n.key),s=_(n),u=y(n,s);return(0,d.jsxs)(a.default,{gap:2,ai:`center`,flexWrap:`wrap`,children:[(0,d.jsx)(e.default,{tag:`select`,component:`${r}.list.sheet.input`,...l.t.INPUT,width:18,flexShrink:0,props:{value:s.operator,"aria-label":i.filterComparison(o),onChange:e=>s.setOperator(e.target.value)},children:v.map(e=>(0,d.jsx)(`option`,{value:e.value,children:e.label},e.value))}),(0,d.jsx)(c.default,{value:s.value,onValueChange:s.setValue,min:u.from.min,max:u.from.max,flex1:!0,props:{"aria-label":s.operator===`between`?i.filterFrom(o):i.filterColumn(o)}}),s.operator===`between`&&(0,d.jsx)(c.default,{value:s.valueTo,onValueChange:s.setValueTo,min:u.to.min,max:u.to.max,flex1:!0,props:{"aria-label":i.filterTo(o)}})]})}function S(e,t){let n=e.type===`datetime`?e.zone===`none`?`datetime`:`instant`:e.type;return r.m(t,{kind:n,zone:e.zone===`none`?void 0:e.zone})}function C(e,n){return n===void 0?t.t(e):t.n(e,n)}var w={DateValue:m,DateEditor:g,DateFilter:b,ListDateFilter:x,parsePasted:S,describeDay:C};exports.default=w;
+const e=require("./box.cjs"),t=require("./dates.cjs"),n=require("./date-math.cjs"),r=require("./date-input.cjs"),i=require("./reporting.cjs"),a=require("./date-environment.cjs"),o=require("./components/flex.cjs"),s=require("./components/dropdown.cjs"),c=require("./components/dateField.cjs"),l=require("./components/datePicker.cjs"),u=require("./dataGridListLayout.cjs");let d=require("react"),f=require("react/jsx-runtime");var p={date:{dateStyle:`medium`},time:{timeStyle:`short`},datetime:{dateStyle:`medium`,timeStyle:`short`}};function m(e){return e instanceof Date||typeof e==`string`||typeof e==`number`?e:null}function h(e){let{value:n,format:r}=e,{locale:i,zone:o}=a.n();if(r===`relative`)return(0,f.jsx)(f.Fragment,{children:t.r(m(n),{locale:i,zone:o})});let s=typeof r==`string`?p[r]:r;return(0,f.jsx)(f.Fragment,{children:t.t(m(n),{...s,locale:i,zone:s.zone??o})})}function g(e,t){return t===null?null:e instanceof Date?n.w(t):typeof e==`string`&&/z$/i.test(e)?n.j(t):t}function _(e){let{cell:t,label:r,errorId:a,onBlur:o}=e,{type:s,zone:l,min:u,max:d}=t.editor,p=t.draft instanceof Date||typeof t.draft==`string`?n.v(t.draft):null;return(0,f.jsx)(i.t,{children:(0,f.jsx)(c.default,{type:s,value:p,zone:l,min:typeof u==`string`?u:void 0,max:typeof d==`string`?d:void 0,onValueChange:e=>t.setDraft(s===`datetime`?g(t.value,e):e),width:`fit`,variant:`compact`,b:0,bgColor:`transparent`,focus:{outline:0},invalid:a?!0:void 0,describedBy:a,autoFocus:!0,props:{"aria-label":r,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||o()}}})})}function v(e){let t=e.currentFilter?.type===`date`?e.currentFilter:void 0,[n,r]=(0,d.useState)(t?.operator??`on`),[i,a]=(0,d.useState)(t?.valueTo??null),o=t?.value??null;return{operator:n,value:o,valueTo:i,setOperator:t=>{r(t),e.setDateFilter(t,o,i)},setValue:t=>e.setDateFilter(n,t,i),setValueTo:t=>{a(t),e.setDateFilter(n,o,t)},clear:()=>{a(null),e.clearFilter()}}}var y=[{value:`on`,label:`=`},{value:`before`,label:`<`},{value:`after`,label:`>`},{value:`between`,label:`↔`}];function b(e,t){let n=e.filterConfig,r=typeof n?.min==`string`?n.min:void 0,i=typeof n?.max==`string`?n.max:void 0;return{from:{min:r,max:t.operator===`between`&&t.valueTo||i},to:{min:t.value??r,max:i}}}function x(e){let{column:t}=e,n=String(t.header??t.key),r=t.grid.localeText,a=v(t),c=b(t,a),u=(e,t,a,o,s=!1)=>(0,f.jsx)(i.t,{children:(0,f.jsx)(l.default,{value:e,onValueChange:a,min:o.min,max:o.max,clearable:s,clearLabel:r.clearFilter(n),variant:`compact`,width:`fit`,minWidth:0,b:0,bgColor:`transparent`,focus:{outline:0},tabIndex:-1,props:{"aria-label":t}})});return(0,f.jsxs)(o.default,{component:`${t.grid.componentName}.filter.cell.input`,ai:a.operator===`between`?`start`:`center`,gap:1,children:[(0,f.jsx)(i.t,{children:(0,f.jsx)(s.default,{value:a.operator,variant:`compact`,onChange:e=>e&&a.setOperator(e),minWidth:6,hideIcon:!0,b:0,bgColor:`transparent`,focus:{outline:0},props:{tabIndex:-1,"aria-label":r.filterComparison(n)},children:y.map(e=>(0,f.jsx)(s.default.Item,{value:e.value,children:e.label},e.value))})}),(0,f.jsxs)(o.default,{d:`column`,gap:1,flex1:!0,minWidth:0,children:[u(a.value,a.operator===`between`?r.filterFrom(n):r.filterColumn(n),(e,t)=>t.reason===`clear`?a.clear():a.setValue(e),c.from,!0),a.operator===`between`&&u(a.valueTo,r.filterTo(n),a.setValueTo,c.to)]})]})}function S(t){let{column:n}=t,r=n.grid.componentName,a=n.grid.localeText,s=String(n.header??n.key),c=v(n),d=b(n,c);return(0,f.jsxs)(o.default,{gap:2,ai:`center`,flexWrap:`wrap`,children:[(0,f.jsx)(e.default,{tag:`select`,component:`${r}.list.sheet.input`,...u.t.INPUT,width:18,flexShrink:0,props:{value:c.operator,"aria-label":a.filterComparison(s),onChange:e=>c.setOperator(e.target.value)},children:y.map(e=>(0,f.jsx)(`option`,{value:e.value,children:e.label},e.value))}),(0,f.jsx)(i.t,{children:(0,f.jsx)(l.default,{value:c.value,onValueChange:c.setValue,min:d.from.min,max:d.from.max,flex1:!0,props:{"aria-label":c.operator===`between`?a.filterFrom(s):a.filterColumn(s)}})}),c.operator===`between`&&(0,f.jsx)(i.t,{children:(0,f.jsx)(l.default,{value:c.valueTo,onValueChange:c.setValueTo,min:d.to.min,max:d.to.max,flex1:!0,props:{"aria-label":a.filterTo(s)}})})]})}function C(e,t){let n=e.type===`datetime`?e.zone===`none`?`datetime`:`instant`:e.type;return r.m(t,{kind:n,zone:e.zone===`none`?void 0:e.zone})}function w(e,n){return n===void 0?t.t(e):t.n(e,n)}var T={DateValue:h,DateEditor:_,DateFilter:x,ListDateFilter:S,parsePasted:C,describeDay:w};exports.default=T;