@logicplanes/kaeso-ui 0.1.0

package/dist/components/date-picker.js

@@ -0,0 +1,327 @@
+"use client";
+import { t as e } from "../chunks/cn-CidVUKMm.js";
+import { t } from "../chunks/use-controllable-B5Fd12Bx.js";
+import { i as n, n as r } from "../chunks/context-BELWW79w.js";
+import { formatDate as i, formatDateRange as a } from "../format.js";
+import { t as o } from "../chunks/icon-CeNQtobn.js";
+import { c as s, s as c } from "../chunks/tooltip-CDu00nzg.js";
+import { a as l, o as u, s as d } from "../chunks/field-d8V94bvZ.js";
+import { i as f, n as p } from "../chunks/input-group-DQqEPFj_.js";
+import { n as m, r as h } from "../chunks/popover-root-D3q89WNF.js";
+import { t as g } from "../chunks/when-idle-Cy3pinqO.js";
+import { forwardRef as _, useCallback as v, useEffect as y, useId as b, useMemo as x, useReducer as S, useRef as C, useState as w } from "react";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { Calendar03Icon as D, Clock01Icon as O } from "@hugeicons/core-free-icons";
+//#region src/components/date-picker/date-picker.tsx
+var k = { size: {
+	sm: { classes: "h-32 pl-10 pr-12 gap-6 text-body" },
+	md: { classes: "h-36 pl-14 pr-16 gap-8 text-body" },
+	lg: { classes: "h-40 pl-16 pr-18 gap-8 text-body" }
+} }, A = { size: "md" }, j = /* @__PURE__ */ c(() => import("../chunks/date-popup-Er1oQwtU.js")), M = /* @__PURE__ */ c(() => import("../chunks/range-popup-AbRzgHtY.js")), N = () => s(j), P = () => s(M);
+function F(e) {
+	let [t, n] = w(!1), [, r] = S((e) => e + 1, 0), i = !!e.current(), a = t && !i;
+	y(() => {
+		if (!a) return;
+		let t = !0;
+		return e.load().then(() => t && r(), () => t && n(!1)), () => {
+			t = !1;
+		};
+	}, [a, e]);
+	let o = v((t) => n((n) => t && n && !e.current() ? !1 : t), [e]);
+	return {
+		open: t && i,
+		pending: a,
+		setOpen: o
+	};
+}
+var I = /* @__PURE__ */ _(function({ size: t, children: n, placeholder: r, invalid: i, disabled: a, id: s, controlProps: c, force: l, preload: u, pending: d, onCancel: f, named: p, className: m, ...h }, _) {
+	let x = b(), S = C(null), w = v((e) => {
+		S.current = e, typeof _ == "function" ? _(e) : _ && (_.current = e);
+	}, [_]);
+	y(() => g(u), [u]), y(() => {
+		if (!d) return;
+		let e = S.current?.ownerDocument ?? document, t = (e) => {
+			e.key === "Escape" && (e.stopPropagation(), f());
+		}, n = (e) => {
+			S.current?.contains(e.target) || f();
+		};
+		return e.addEventListener("keydown", t, !0), e.addEventListener("pointerdown", n, !0), () => {
+			e.removeEventListener("keydown", t, !0), e.removeEventListener("pointerdown", n, !0);
+		};
+	}, [d, f]);
+	let O = c ?? {}, A = [p ? x : "", O["aria-describedby"] ?? ""].filter(Boolean).join(" ");
+	return /* @__PURE__ */ E("button", {
+		ref: w,
+		type: "button",
+		...h,
+		...d ? {
+			"aria-expanded": !0,
+			"data-popup-open": ""
+		} : {},
+		onPointerEnter: (e) => {
+			u(), h.onPointerEnter?.(e);
+		},
+		onFocus: (e) => {
+			u(), h.onFocus?.(e);
+		},
+		onBlur: (e) => {
+			d && e.relatedTarget && !e.currentTarget.contains(e.relatedTarget) && f(), h.onBlur?.(e);
+		},
+		disabled: a,
+		...O,
+		...A ? { "aria-describedby": A } : {},
+		...s ? { id: s } : {},
+		...i ? { "aria-invalid": !0 } : {},
+		...l ? { "data-force": l } : {},
+		className: e("inline-flex min-w-0 cursor-pointer items-center rounded-pill font-medium whitespace-nowrap material-secondary transition-control focus-ring disabled:cursor-not-allowed", k.size[t].classes, i && "ring-invalid", m),
+		children: [/* @__PURE__ */ T(o, {
+			icon: D,
+			size: "sm",
+			className: "text-fg-secondary"
+		}), /* @__PURE__ */ T("span", {
+			id: x,
+			className: e("truncate tabular", r && "font-regular text-fg-tertiary"),
+			children: n
+		})]
+	});
+}), L = /* @__PURE__ */ _(function(r, a) {
+	let { value: o, defaultValue: s = null, onValueChange: c, placeholder: f, size: p = "md", weekStartsOn: g = 1, disabledDays: _, disabled: y, id: b, className: x, label: S, description: C, error: w, optional: D, required: O, layout: k, "aria-label": A, "aria-labelledby": M, "data-force": P } = r, L = l(), R = u(r), z = n(), B = {
+		...A ? { "aria-label": A } : {},
+		...M ? { "aria-labelledby": M } : {}
+	}, V = !!(A || M || S || L), [H, U] = t(o, s, c), { open: W, pending: G, setOpen: K } = F(j), q = v(() => K(!1), [K]), J = j.current()?.DatePopup, Y = /* @__PURE__ */ T("div", {
+		ref: a,
+		className: e("inline-flex", !(S || C || w) && x),
+		children: /* @__PURE__ */ E(m, {
+			open: W,
+			onOpenChange: K,
+			children: [/* @__PURE__ */ T(h, { children: /* @__PURE__ */ T(I, {
+				size: p,
+				placeholder: !H,
+				invalid: !!w,
+				disabled: y,
+				id: b,
+				controlProps: R.controlProps,
+				force: P,
+				preload: N,
+				pending: G,
+				onCancel: q,
+				named: V,
+				...B,
+				children: H ? i(H) : f ?? z("datePicker.pickDate", "Pick a date")
+			}) }), J && /* @__PURE__ */ T(J, {
+				date: H,
+				onDateChange: U,
+				onClose: () => K(!1),
+				weekStartsOn: g,
+				disabledDays: _
+			})]
+		})
+	});
+	return L ? Y : d({
+		label: S,
+		description: C,
+		error: w,
+		optional: D,
+		required: O,
+		layout: k,
+		id: R.wrapId ?? b,
+		disabled: y,
+		className: x
+	}, Y);
+});
+process.env.NODE_ENV !== "production" && (L.displayName = "DatePicker");
+var R = 864e5, z = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate());
+function B(e) {
+	return [
+		{
+			id: "Last 24 hours",
+			label: e("datePicker.last24Hours", "Last 24 hours"),
+			range: () => ({
+				from: /* @__PURE__ */ new Date(Date.now() - R),
+				to: /* @__PURE__ */ new Date()
+			})
+		},
+		{
+			id: "Last 7 days",
+			label: e("datePicker.last7Days", "Last 7 days"),
+			range: () => ({
+				from: z(/* @__PURE__ */ new Date(Date.now() - 6 * R)),
+				to: /* @__PURE__ */ new Date()
+			})
+		},
+		{
+			id: "Last 30 days",
+			label: e("datePicker.last30Days", "Last 30 days"),
+			range: () => ({
+				from: z(/* @__PURE__ */ new Date(Date.now() - 29 * R)),
+				to: /* @__PURE__ */ new Date()
+			})
+		},
+		{
+			id: "This month",
+			label: e("datePicker.thisMonth", "This month"),
+			range: () => ({
+				from: new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1),
+				to: /* @__PURE__ */ new Date()
+			})
+		},
+		{
+			id: "Last month",
+			label: e("datePicker.lastMonth", "Last month"),
+			range: () => {
+				let e = /* @__PURE__ */ new Date();
+				return {
+					from: new Date(e.getFullYear(), e.getMonth() - 1, 1),
+					to: new Date(e.getFullYear(), e.getMonth(), 0)
+				};
+			}
+		}
+	];
+}
+var V = /* @__PURE__ */ B(r), H = (e) => e.id ?? e.label, U = (e) => e ? H(e) : null, W = (e) => `${e?.from?.toDateString()}/${e?.to?.toDateString()}`, G = /* @__PURE__ */ _(function(t, r) {
+	let { value: o, defaultValue: s = null, onValueChange: c, placeholder: f, size: p = "md", weekStartsOn: g = 1, disabledDays: _, disabled: y, id: b, className: S, presets: C, preset: D, label: O, description: k, error: A, optional: j, required: N, layout: L, "aria-label": R, "aria-labelledby": z, "data-force": V } = t, G = l(), K = u(t), q = n(), J = x(() => B(q), [q]), Y = C ?? J, ee = {
+		...R ? { "aria-label": R } : {},
+		...z ? { "aria-labelledby": z } : {}
+	}, te = !!(R || z || O || G), [ne, re] = w(s), X = o === void 0 ? ne : o, [ie, ae] = w(null), oe = W(X), Z = D === void 0 ? U(Y.find((e) => H(e) === ie && W(e.range()) === oe)) : D, { open: Q, pending: se, setOpen: $ } = F(M), ce = v(() => $(!1), [$]), [le, ue] = w(0), de = v((e) => {
+		e && !Q && ue((e) => e + 1), $(e);
+	}, [Q, $]), fe = M.current()?.RangePopup, pe = (Z === null ? null : Y.find((e) => H(e) === Z)?.label ?? Z) ?? (X?.from && X.to ? a(X.from, X.to) : X?.from ? i(X.from) : f ?? q("datePicker.pickRange", "Pick a range")), me = /* @__PURE__ */ T("div", {
+		ref: r,
+		className: e("inline-flex", !(O || k || A) && S),
+		children: /* @__PURE__ */ E(m, {
+			open: Q,
+			onOpenChange: de,
+			children: [/* @__PURE__ */ T(h, { children: /* @__PURE__ */ T(I, {
+				size: p,
+				placeholder: !X?.from && !Z,
+				invalid: !!A,
+				disabled: y,
+				id: b,
+				controlProps: K.controlProps,
+				force: V,
+				preload: P,
+				pending: se,
+				onCancel: ce,
+				named: te,
+				...ee,
+				children: pe
+			}) }), fe && /* @__PURE__ */ T(fe, {
+				range: X,
+				preset: Z,
+				presets: Y,
+				onPick: (e, t) => {
+					o === void 0 && re(e), ae(t), c?.(e, { preset: t }), $(!1);
+				},
+				onClose: () => $(!1),
+				weekStartsOn: g,
+				disabledDays: _
+			}, le)]
+		})
+	});
+	return G ? me : d({
+		label: O,
+		description: k,
+		error: A,
+		optional: j,
+		required: N,
+		layout: L,
+		id: K.wrapId ?? b,
+		disabled: y,
+		className: S
+	}, me);
+});
+process.env.NODE_ENV !== "production" && (G.displayName = "DateRangePicker");
+//#endregion
+//#region src/components/date-picker/time-input.tsx
+var K = { size: f.size }, q = { size: "md" }, J = (e) => String(e).padStart(2, "0"), Y = /* @__PURE__ */ _(function(r, i) {
+	let { value: a, defaultValue: s = "09:00", onValueChange: c, size: f = "md", disabled: m, utc: h, id: g, className: _, label: v, description: y, error: b, optional: x, required: S, layout: D, "aria-label": k, "data-force": A } = r, j = l(), M = u(r), N = n(), P = j ? j.labelId : v && M.wrapId ? `${M.wrapId}-label` : void 0, [F, I] = t(a, s, c), [L, R] = w({}), z = C(L), B = (e) => {
+		z.current = e, R(e);
+	}, [V = "00", H = "00"] = F.split(":"), U = C(null), W = (e) => z.current[e] ?? (e === "h" ? V : H), G = (e, t) => {
+		B({});
+		let n = `${J((e % 24 + 24) % 24)}:${J((t % 60 + 60) % 60)}`;
+		n !== F && I(n);
+	}, K = (e, t) => {
+		let n = Number(t || 0);
+		e === "h" ? G(Math.min(23, n), Number(W("m") || 0)) : G(Number(W("h") || 0), Math.min(59, n));
+	}, q = (e) => ({
+		inputMode: "numeric",
+		maxLength: 2,
+		disabled: m,
+		value: L[e] ?? (e === "h" ? V : H),
+		onFocus: (e) => e.target.select(),
+		onKeyDown: (t) => {
+			let n = t.key === "ArrowUp" ? 1 : t.key === "ArrowDown" ? -1 : 0;
+			if (n) {
+				t.preventDefault();
+				let r = Number(W("h") || 0), i = Number(W("m") || 0);
+				e === "h" ? G(r + n, i) : G(r, i + n);
+			}
+		},
+		onChange: (t) => {
+			let n = t.target.value.replace(/\D/g, "").slice(0, 2);
+			if (n.length < 2) return B({
+				...z.current,
+				[e]: n
+			});
+			K(e, n), e === "h" && U.current?.focus();
+		},
+		onBlur: () => {
+			let t = z.current[e];
+			t !== void 0 && K(e, t);
+		},
+		className: "w-20 flex-none bg-transparent text-center tabular text-fg outline-none"
+	}), Y = /* @__PURE__ */ E(p, {
+		ref: i,
+		size: f,
+		leadingIcon: !0,
+		disabled: m,
+		invalid: !!b,
+		className: e("w-auto", !(v || y || b) && _),
+		...A ? { "data-force": A } : {},
+		role: "group",
+		...P && !k ? { "aria-labelledby": P } : { "aria-label": k ?? N("timeInput.time", "Time") },
+		children: [
+			/* @__PURE__ */ T(o, {
+				icon: O,
+				size: "sm",
+				className: "text-fg-tertiary"
+			}),
+			/* @__PURE__ */ E("span", {
+				className: "flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ T("input", {
+						...q("h"),
+						"aria-label": N("timeInput.hours", "Hours"),
+						...g ? { id: g } : {},
+						...M.controlProps
+					}),
+					/* @__PURE__ */ T("span", {
+						className: "text-fg-tertiary",
+						children: ":"
+					}),
+					/* @__PURE__ */ T("input", {
+						ref: U,
+						...q("m"),
+						"aria-label": N("timeInput.minutes", "Minutes")
+					})
+				]
+			}),
+			h && /* @__PURE__ */ T(p.Addon, { children: "UTC" })
+		]
+	});
+	return j ? Y : d({
+		label: v,
+		description: y,
+		error: b,
+		optional: x,
+		required: S,
+		layout: D,
+		id: M.wrapId ?? g,
+		disabled: m,
+		className: _
+	}, Y);
+});
+process.env.NODE_ENV !== "production" && (Y.displayName = "TimeInput");
+//#endregion
+export { V as DEFAULT_RANGE_PRESETS, L as DatePicker, G as DateRangePicker, A as KAESO_DATE_PICKER_DEFAULT_VARIANTS, k as KAESO_DATE_PICKER_VARIANTS, q as KAESO_TIME_INPUT_DEFAULT_VARIANTS, K as KAESO_TIME_INPUT_VARIANTS, Y as TimeInput };
+
+//# sourceMappingURL=date-picker.js.map

package/dist/components/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","names":["__icon_Calendar03Icon","__icon_Clock01Icon","cn","useUiText","englishText","Icon","preload","lazyModule","useField","useFieldControl","withField","KAESO_INPUT_GROUP_VARIANTS","InputGroup","PopoverRoot","PopoverTrigger","whenIdle","KAESO_DATE_PICKER_VARIANTS","KAESO_DATE_PICKER_DEFAULT_VARIANTS","datePopup","rangePopup","preloadDatePopup","preloadRangePopup","useLoadedOpen","wanted","setWanted","useState","arrived","useReducer","n","loaded","popup","pending","live","setOpen","useCallback","next","was","TriggerButton","rest","valueId","useId","self","useRef","setRef","el","ref","useEffect","doc","onKeyDown","onCancel","onPointerDown","control","controlProps","describedBy","named","id","invalid","force","size","className","Calendar03Icon","placeholder","DatePicker","ariaLabel","ariaLabelledBy","props","field","fc","t","naming","label","date","setDate","useControllable","value","defaultValue","onValueChange","cancel","DatePopup","description","error","formatDate","day","startOfDay","d","rangePresets","DEFAULT_RANGE_PRESETS","presetId","p","presetIdOf","rangeDays","r","DateRangePicker","presetsProp","presetProp","defaults","useMemo","presets","inner","setInner","range","picked","setPicked","days","preset","opening","setOpening","openRange","open","RangePopup","display","formatDateRange","from","KAESO_TIME_INPUT_VARIANTS","KAESO_TIME_INPUT_DEFAULT_VARIANTS","pad","TimeInput","labelId","time","setTime","draft","setDraftState","setDraft","h","m","minutes","shown","part","set","hh","mm","commit","v","seg","e","Clock01Icon","utc"],"sources":["../../src/components/date-picker/date-picker.tsx","../../src/components/date-picker/time-input.tsx"],"sourcesContent":["import { forwardRef, useCallback, useEffect, useId, useMemo, useReducer, useRef, useState, type ButtonHTMLAttributes, type ReactNode } from \"react\";\nimport type { DateRange } from \"react-day-picker\";\nimport type { CalendarProps } from \"../calendar/calendar.js\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useControllable } from \"../../utils/use-controllable.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\nimport { Icon } from \"../icon/icon.js\";\nimport { Calendar03Icon as __icon_Calendar03Icon } from \"@hugeicons/core-free-icons\";\nimport { PopoverRoot, PopoverTrigger } from \"../popover/popover-root.js\";\nimport { formatDate, formatDateRange } from \"../../format/index.js\";\nimport { lazyModule, preload, type LazyModule } from \"../../utils/lazy-module.js\";\nimport { whenIdle } from \"../../utils/when-idle.js\";\nimport { englishText, useUiText, type UiText } from \"../../i18n/context.js\";\n\nexport const KAESO_DATE_PICKER_VARIANTS = {\n  size: {\n    sm: { classes: \"h-32 pl-10 pr-12 gap-6 text-body\" },\n    md: { classes: \"h-36 pl-14 pr-16 gap-8 text-body\" },\n    lg: { classes: \"h-40 pl-16 pr-18 gap-8 text-body\" },\n  },\n} as const;\nexport const KAESO_DATE_PICKER_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nconst datePopup = /* @__PURE__ */ lazyModule(() => import(\"./date-popup.js\"));\nconst rangePopup = /* @__PURE__ */ lazyModule(() => import(\"./range-popup.js\"));\nconst preloadDatePopup = () => preload(datePopup);\nconst preloadRangePopup = () => preload(rangePopup);\n\ninterface LoadedOpen {\n  open: boolean;\n  pending: boolean;\n  setOpen: (open: boolean) => void;\n}\n\nfunction useLoadedOpen(popup: LazyModule<unknown>): LoadedOpen {\n  const [wanted, setWanted] = useState(false);\n  const [, arrived] = useReducer((n: number) => n + 1, 0);\n  const loaded = !!popup.current();\n  const pending = wanted && !loaded;\n  useEffect(() => {\n    if (!pending) return;\n    let live = true;\n    popup.load().then(\n      () => live && arrived(),\n      () => live && setWanted(false),\n    );\n    return () => {\n      live = false;\n    };\n  }, [pending, popup]);\n  const setOpen = useCallback((next: boolean) => setWanted((was) => (next && was && !popup.current() ? false : next)), [popup]);\n  return { open: wanted && loaded, pending, setOpen };\n}\n\ninterface TriggerButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"children\"> {\n  size: keyof typeof KAESO_DATE_PICKER_VARIANTS.size;\n  children: ReactNode;\n  placeholder: boolean;\n  invalid?: boolean | undefined;\n  controlProps?: object | undefined;\n  force?: string | undefined;\n  preload: () => void;\n  pending: boolean;\n  onCancel: () => void;\n  named: boolean;\n}\n\nconst TriggerButton = /* @__PURE__ */ forwardRef<HTMLButtonElement, TriggerButtonProps>(function TriggerButton(\n  { size, children, placeholder, invalid, disabled, id, controlProps, force, preload, pending, onCancel, named, className, ...rest },\n  ref,\n) {\n  const valueId = useId();\n  const self = useRef<HTMLButtonElement | null>(null);\n  const setRef = useCallback(\n    (el: HTMLButtonElement | null) => {\n      self.current = el;\n      if (typeof ref === \"function\") ref(el);\n      else if (ref) ref.current = el;\n    },\n    [ref],\n  );\n  useEffect(() => whenIdle(preload), [preload]);\n  useEffect(() => {\n    if (!pending) return;\n    const doc = self.current?.ownerDocument ?? document;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== \"Escape\") return;\n      e.stopPropagation();\n      onCancel();\n    };\n    const onPointerDown = (e: PointerEvent) => {\n      if (!self.current?.contains(e.target as Node)) onCancel();\n    };\n    doc.addEventListener(\"keydown\", onKeyDown, true);\n    doc.addEventListener(\"pointerdown\", onPointerDown, true);\n    return () => {\n      doc.removeEventListener(\"keydown\", onKeyDown, true);\n      doc.removeEventListener(\"pointerdown\", onPointerDown, true);\n    };\n  }, [pending, onCancel]);\n  const control = (controlProps ?? {}) as { \"aria-describedby\"?: string | undefined };\n  const describedBy = [named ? valueId : \"\", control[\"aria-describedby\"] ?? \"\"].filter(Boolean).join(\" \");\n  return (\n    <button\n      ref={setRef}\n      type=\"button\"\n      {...rest}\n      {...(pending ? { \"aria-expanded\": true, \"data-popup-open\": \"\" } : {})}\n      onPointerEnter={(e) => {\n        preload();\n        rest.onPointerEnter?.(e);\n      }}\n      onFocus={(e) => {\n        preload();\n        rest.onFocus?.(e);\n      }}\n      onBlur={(e) => {\n        if (pending && e.relatedTarget && !e.currentTarget.contains(e.relatedTarget)) onCancel();\n        rest.onBlur?.(e);\n      }}\n      disabled={disabled}\n      {...control}\n      {...(describedBy ? { \"aria-describedby\": describedBy } : {})}\n      {...(id ? { id } : {})}\n      {...(invalid ? { \"aria-invalid\": true } : {})}\n      {...(force ? { \"data-force\": force } : {})}\n      className={cn(\n        \"inline-flex min-w-0 cursor-pointer items-center rounded-pill font-medium whitespace-nowrap material-secondary transition-control focus-ring disabled:cursor-not-allowed\",\n        KAESO_DATE_PICKER_VARIANTS.size[size].classes,\n        invalid && \"ring-invalid\",\n        className,\n      )}\n    >\n      <Icon icon={__icon_Calendar03Icon} size=\"sm\" className=\"text-fg-secondary\" />\n      <span id={valueId} className={cn(\"truncate tabular\", placeholder && \"font-regular text-fg-tertiary\")}>\n        {children}\n      </span>\n    </button>\n  );\n});\n\nexport interface DatePickerProps extends FieldWrapProps {\n  value?: Date | null | undefined;\n  defaultValue?: Date | null | undefined;\n  onValueChange?: ((value: Date | null) => void) | undefined;\n  placeholder?: string | undefined;\n  size?: keyof typeof KAESO_DATE_PICKER_VARIANTS.size | undefined;\n  weekStartsOn?: CalendarProps[\"weekStartsOn\"] | undefined;\n  disabledDays?: ((date: Date) => boolean) | undefined;\n  disabled?: boolean | undefined;\n  id?: string | undefined;\n  className?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"aria-labelledby\"?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const DatePicker = /* @__PURE__ */ forwardRef<HTMLDivElement, DatePickerProps>(function DatePicker(props, ref) {\n  const {\n    value,\n    defaultValue = null,\n    onValueChange,\n    placeholder,\n    size = \"md\",\n    weekStartsOn = 1,\n    disabledDays,\n    disabled,\n    id,\n    className,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"data-force\": force,\n  } = props;\n  const field = useField();\n  const fc = useFieldControl(props);\n  const t = useUiText();\n  const naming = { ...(ariaLabel ? { \"aria-label\": ariaLabel } : {}), ...(ariaLabelledBy ? { \"aria-labelledby\": ariaLabelledBy } : {}) };\n  const named = !!(ariaLabel || ariaLabelledBy || label || field);\n  const [date, setDate] = useControllable<Date | null>(value, defaultValue, onValueChange);\n  const { open, pending, setOpen } = useLoadedOpen(datePopup);\n  const cancel = useCallback(() => setOpen(false), [setOpen]);\n  const DatePopup = datePopup.current()?.DatePopup;\n  const control = (\n    <div ref={ref} className={cn(\"inline-flex\", !(label || description || error) && className)}>\n      <PopoverRoot open={open} onOpenChange={setOpen}>\n        <PopoverTrigger>\n          <TriggerButton\n            size={size}\n            placeholder={!date}\n            invalid={!!error}\n            disabled={disabled}\n            id={id}\n            controlProps={fc.controlProps}\n            force={force}\n            preload={preloadDatePopup}\n            pending={pending}\n            onCancel={cancel}\n            named={named}\n            {...naming}\n          >\n            {date ? formatDate(date) : (placeholder ?? t(\"datePicker.pickDate\", \"Pick a date\"))}\n          </TriggerButton>\n        </PopoverTrigger>\n        {DatePopup && <DatePopup date={date} onDateChange={setDate} onClose={() => setOpen(false)} weekStartsOn={weekStartsOn} disabledDays={disabledDays} />}\n      </PopoverRoot>\n    </div>\n  );\n  if (field) return control;\n  return withField({ label, description, error, optional, required, layout, id: fc.wrapId ?? id, disabled, className }, control);\n});\nif (process.env.NODE_ENV !== \"production\") DatePicker.displayName = \"DatePicker\";\n\nexport interface DateRangePreset {\n  id?: string | undefined;\n  label: string;\n  range: () => DateRange;\n}\n\nconst day = 86_400_000;\nconst startOfDay = (d: Date) => new Date(d.getFullYear(), d.getMonth(), d.getDate());\nfunction rangePresets(t: UiText): DateRangePreset[] {\n  return [\n    { id: \"Last 24 hours\", label: t(\"datePicker.last24Hours\", \"Last 24 hours\"), range: () => ({ from: new Date(Date.now() - day), to: new Date() }) },\n    { id: \"Last 7 days\", label: t(\"datePicker.last7Days\", \"Last 7 days\"), range: () => ({ from: startOfDay(new Date(Date.now() - 6 * day)), to: new Date() }) },\n    {\n      id: \"Last 30 days\",\n      label: t(\"datePicker.last30Days\", \"Last 30 days\"),\n      range: () => ({ from: startOfDay(new Date(Date.now() - 29 * day)), to: new Date() }),\n    },\n    {\n      id: \"This month\",\n      label: t(\"datePicker.thisMonth\", \"This month\"),\n      range: () => ({ from: new Date(new Date().getFullYear(), new Date().getMonth(), 1), to: new Date() }),\n    },\n    {\n      id: \"Last month\",\n      label: t(\"datePicker.lastMonth\", \"Last month\"),\n      range: () => {\n        const n = new Date();\n        return { from: new Date(n.getFullYear(), n.getMonth() - 1, 1), to: new Date(n.getFullYear(), n.getMonth(), 0) };\n      },\n    },\n  ];\n}\nexport const DEFAULT_RANGE_PRESETS: DateRangePreset[] = /* @__PURE__ */ rangePresets(englishText);\nconst presetId = (p: DateRangePreset) => p.id ?? p.label;\nconst presetIdOf = (p: DateRangePreset | undefined) => (p ? presetId(p) : null);\n\nexport interface DateRangePickerProps extends Omit<DatePickerProps, \"value\" | \"defaultValue\" | \"onValueChange\"> {\n  value?: DateRange | null | undefined;\n  defaultValue?: DateRange | null | undefined;\n  onValueChange?: ((value: DateRange | null, details: { preset: string | null }) => void) | undefined;\n  presets?: DateRangePreset[] | undefined;\n  preset?: string | null | undefined;\n}\n\nconst rangeDays = (r: DateRange | null | undefined) => `${r?.from?.toDateString()}/${r?.to?.toDateString()}`;\n\nexport const DateRangePicker = /* @__PURE__ */ forwardRef<HTMLDivElement, DateRangePickerProps>(function DateRangePicker(props, ref) {\n  const {\n    value,\n    defaultValue = null,\n    onValueChange,\n    placeholder,\n    size = \"md\",\n    weekStartsOn = 1,\n    disabledDays,\n    disabled,\n    id,\n    className,\n    presets: presetsProp,\n    preset: presetProp,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"data-force\": force,\n  } = props;\n  const field = useField();\n  const fc = useFieldControl(props);\n  const t = useUiText();\n  const defaults = useMemo(() => rangePresets(t), [t]);\n  const presets = presetsProp ?? defaults;\n  const naming = { ...(ariaLabel ? { \"aria-label\": ariaLabel } : {}), ...(ariaLabelledBy ? { \"aria-labelledby\": ariaLabelledBy } : {}) };\n  const named = !!(ariaLabel || ariaLabelledBy || label || field);\n  const [inner, setInner] = useState<DateRange | null>(defaultValue);\n  const range = value !== undefined ? value : inner;\n  const [picked, setPicked] = useState<string | null>(null);\n  const days = rangeDays(range);\n  const preset = presetProp !== undefined ? presetProp : presetIdOf(presets.find((p) => presetId(p) === picked && rangeDays(p.range()) === days));\n  const { open, pending, setOpen } = useLoadedOpen(rangePopup);\n  const cancel = useCallback(() => setOpen(false), [setOpen]);\n  const [opening, setOpening] = useState(0);\n  const openRange = useCallback(\n    (next: boolean) => {\n      if (next && !open) setOpening((n) => n + 1);\n      setOpen(next);\n    },\n    [open, setOpen],\n  );\n  const RangePopup = rangePopup.current()?.RangePopup;\n  const presetName = preset === null ? null : (presets.find((p) => presetId(p) === preset)?.label ?? preset);\n  const display =\n    presetName ??\n    (range?.from && range.to\n      ? formatDateRange(range.from, range.to)\n      : range?.from\n        ? formatDate(range.from)\n        : (placeholder ?? t(\"datePicker.pickRange\", \"Pick a range\")));\n  const control = (\n    <div ref={ref} className={cn(\"inline-flex\", !(label || description || error) && className)}>\n      <PopoverRoot open={open} onOpenChange={openRange}>\n        <PopoverTrigger>\n          <TriggerButton\n            size={size}\n            placeholder={!range?.from && !preset}\n            invalid={!!error}\n            disabled={disabled}\n            id={id}\n            controlProps={fc.controlProps}\n            force={force}\n            preload={preloadRangePopup}\n            pending={pending}\n            onCancel={cancel}\n            named={named}\n            {...naming}\n          >\n            {display}\n          </TriggerButton>\n        </PopoverTrigger>\n        {RangePopup && (\n          <RangePopup\n            key={opening}\n            range={range}\n            preset={preset}\n            presets={presets}\n            onPick={(next, from) => {\n              if (value === undefined) setInner(next);\n              setPicked(from);\n              onValueChange?.(next, { preset: from });\n              setOpen(false);\n            }}\n            onClose={() => setOpen(false)}\n            weekStartsOn={weekStartsOn}\n            disabledDays={disabledDays}\n          />\n        )}\n      </PopoverRoot>\n    </div>\n  );\n  if (field) return control;\n  return withField({ label, description, error, optional, required, layout, id: fc.wrapId ?? id, disabled, className }, control);\n});\nif (process.env.NODE_ENV !== \"production\") DateRangePicker.displayName = \"DateRangePicker\";\n\nexport type { DateRange };\n","import type * as React from \"react\";\nimport { forwardRef, useRef, useState, type KeyboardEvent } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useControllable } from \"../../utils/use-controllable.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\nimport { InputGroup, KAESO_INPUT_GROUP_VARIANTS, type InputSize } from \"../input/input-group.js\";\nimport { Icon } from \"../icon/icon.js\";\nimport { Clock01Icon as __icon_Clock01Icon } from \"@hugeicons/core-free-icons\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_TIME_INPUT_VARIANTS = {\n  size: KAESO_INPUT_GROUP_VARIANTS.size,\n} as const;\nexport const KAESO_TIME_INPUT_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface TimeInputProps extends FieldWrapProps {\n  value?: string | undefined;\n  defaultValue?: string | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n  size?: InputSize | undefined;\n  disabled?: boolean | undefined;\n  utc?: boolean | undefined;\n  id?: string | undefined;\n  className?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nconst pad = (n: number) => String(n).padStart(2, \"0\");\n\nexport const TimeInput = /* @__PURE__ */ forwardRef<HTMLDivElement, TimeInputProps>(function TimeInput(props, ref) {\n  const {\n    value,\n    defaultValue = \"09:00\",\n    onValueChange,\n    size = \"md\",\n    disabled,\n    utc,\n    id,\n    className,\n    label,\n    description,\n    error,\n    optional,\n    required,\n    layout,\n    \"aria-label\": ariaLabel,\n    \"data-force\": force,\n  } = props;\n  const field = useField();\n  const fc = useFieldControl(props);\n  const t = useUiText();\n  const labelId = field ? field.labelId : label && fc.wrapId ? `${fc.wrapId}-label` : undefined;\n  const [time, setTime] = useControllable(value, defaultValue, onValueChange);\n  const [draft, setDraftState] = useState<{ h?: string | undefined; m?: string | undefined }>({});\n  const pending = useRef(draft);\n  const setDraft = (next: { h?: string | undefined; m?: string | undefined }) => {\n    pending.current = next;\n    setDraftState(next);\n  };\n  const [h = \"00\", m = \"00\"] = time.split(\":\");\n  const minutes = useRef<HTMLInputElement>(null);\n  const shown = (part: \"h\" | \"m\") => pending.current[part] ?? (part === \"h\" ? h : m);\n  const set = (hh: number, mm: number) => {\n    setDraft({});\n    const next = `${pad(((hh % 24) + 24) % 24)}:${pad(((mm % 60) + 60) % 60)}`;\n    if (next !== time) setTime(next);\n  };\n  const commit = (part: \"h\" | \"m\", v: string) => {\n    const n = Number(v || 0);\n    if (part === \"h\") set(Math.min(23, n), Number(shown(\"m\") || 0));\n    else set(Number(shown(\"h\") || 0), Math.min(59, n));\n  };\n  const seg = (part: \"h\" | \"m\") => ({\n    inputMode: \"numeric\" as const,\n    maxLength: 2,\n    disabled,\n    value: draft[part] ?? (part === \"h\" ? h : m),\n    onFocus: (e: React.FocusEvent<HTMLInputElement>) => e.target.select(),\n    onKeyDown: (e: KeyboardEvent<HTMLInputElement>) => {\n      const d = e.key === \"ArrowUp\" ? 1 : e.key === \"ArrowDown\" ? -1 : 0;\n      if (d) {\n        e.preventDefault();\n        const hh = Number(shown(\"h\") || 0);\n        const mm = Number(shown(\"m\") || 0);\n        if (part === \"h\") set(hh + d, mm);\n        else set(hh, mm + d);\n      }\n    },\n    onChange: (e: React.ChangeEvent<HTMLInputElement>) => {\n      const v = e.target.value.replace(/\\D/g, \"\").slice(0, 2);\n      if (v.length < 2) return setDraft({ ...pending.current, [part]: v });\n      commit(part, v);\n      if (part === \"h\") minutes.current?.focus();\n    },\n    onBlur: () => {\n      const v = pending.current[part];\n      if (v !== undefined) commit(part, v);\n    },\n    className: \"w-20 flex-none bg-transparent text-center tabular text-fg outline-none\",\n  });\n  const control = (\n    <InputGroup\n      ref={ref}\n      size={size}\n      leadingIcon\n      disabled={disabled}\n      invalid={!!error}\n      className={cn(\"w-auto\", !(label || description || error) && className)}\n      {...(force ? { \"data-force\": force } : {})}\n      role=\"group\"\n      {...(labelId && !ariaLabel ? { \"aria-labelledby\": labelId } : { \"aria-label\": ariaLabel ?? t(\"timeInput.time\", \"Time\") })}\n    >\n      <Icon icon={__icon_Clock01Icon} size=\"sm\" className=\"text-fg-tertiary\" />\n      <span className=\"flex items-center gap-2\">\n        <input {...seg(\"h\")} aria-label={t(\"timeInput.hours\", \"Hours\")} {...(id ? { id } : {})} {...fc.controlProps} />\n        <span className=\"text-fg-tertiary\">:</span>\n        <input ref={minutes} {...seg(\"m\")} aria-label={t(\"timeInput.minutes\", \"Minutes\")} />\n      </span>\n      {utc && <InputGroup.Addon>UTC</InputGroup.Addon>}\n    </InputGroup>\n  );\n  if (field) return control;\n  return withField({ label, description, error, optional, required, layout, id: fc.wrapId ?? id, disabled, className }, control);\n});\nif (process.env.NODE_ENV !== \"production\") TimeInput.displayName = \"TimeInput\";\n"],"mappings":"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"}

package/dist/components/dialog.js

@@ -0,0 +1,178 @@
+"use client";
+import { i as e } from "../chunks/context-BELWW79w.js";
+import { n as t } from "../chunks/button-BHKAE6ui.js";
+import { a as n, c as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "../chunks/dialog-CVqSVk3T.js";
+import { useCallback as f, useEffect as p, useId as m, useLayoutEffect as h, useRef as g, useState as _ } from "react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/components/dialog/step-dialog.tsx
+var x = 4, S = 16, C = (e) => parseFloat(e) || 0;
+function w() {
+	return typeof window < "u" && !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+}
+function T(e, t) {
+	let n = Math.ceil((e - .5) / x) * x;
+	return t === null || n > t || t - n > S ? n : t;
+}
+function E(e) {
+	let t = e.closest("[role=dialog]"), n = t?.parentElement;
+	return t && n ? {
+		popup: t,
+		viewport: n
+	} : null;
+}
+function D(e, t) {
+	e.style.transition = "none", e.style.height = `${t}px`, e.offsetHeight, e.style.transition = "";
+}
+function O(e, t, n, r) {
+	if (delete e.dataset.full, r) {
+		e.style.height = `${t}px`;
+		return;
+	}
+	let i = n ? null : E(e), a = e.parentElement, o = C(e.style.height), s = getComputedStyle(e), c = s.transitionProperty.includes("height") && C(s.transitionDuration) > 0 && !w(), l = Infinity, u = null, d = null;
+	if (i && a) {
+		let { popup: e, viewport: n } = i, r = getComputedStyle(n), o = n.clientHeight - C(r.paddingTop) - C(r.paddingBottom), c = Math.min(C(getComputedStyle(e).maxHeight) || o, o), f = getComputedStyle(a), p = e.offsetHeight - a.offsetHeight + C(f.paddingTop) + C(f.paddingBottom) + C(s.marginTop) + C(s.marginBottom);
+		l = Math.max(0, c - p);
+		let m = Math.max(0, (o - c) / 2), h = e.dataset.stepTop;
+		d = h === void 0 ? Math.round(e.offsetTop - C(r.paddingTop)) : Number(h), u = Math.round(Math.max(m, Math.min(d, o - m - Math.min(c, p + t))));
+	}
+	let f = c ? Math.min(t, l) : t;
+	if (i && u !== null && d !== null) {
+		let { popup: e } = i;
+		e.dataset.stepTop === void 0 && (e.style.setProperty("--k-step-top", `${d}px`), e.dataset.stepTop = String(d), e.setAttribute("data-step-anchored", ""), e.offsetTop, e.setAttribute("data-step-glide", "")), e.style.setProperty("--k-step-top", `${u}px`);
+	}
+	if (c && o > l && D(e, l), f < t) {
+		if (Math.min(o, l) === f) return D(e, t);
+		e.dataset.full = String(t);
+	}
+	e.style.height = `${f}px`;
+}
+function k(e) {
+	let t = e.dataset.full;
+	t !== void 0 && (delete e.dataset.full, D(e, Number(t)));
+}
+function A(e) {
+	let t = E(e)?.popup;
+	t && (t.removeAttribute("data-step-glide"), t.removeAttribute("data-step-anchored"), t.style.removeProperty("--k-step-top"), delete t.dataset.stepTop);
+}
+function j({ open: n, onOpenChange: r, title: i, steps: a, submitLabel: s, onSubmit: c, submitting: l, tone: u = "default", size: x = "sm", inline: S, defaultStep: C = 0 }) {
+	let [E, D] = _(C), j = m(), M = e(), [N, P] = _(!1), [F, I] = _(null), [L, R] = _({
+		open: n,
+		defaultStep: C
+	});
+	(L.open !== n || L.defaultStep !== C) && (R({
+		open: n,
+		defaultStep: C
+	}), (n || L.defaultStep !== C) && (D(C), P(!1), I(null)));
+	let z = g([]), [B, V] = _(null), H = g(null), U = g(null), W = g(!1), G = (e) => {
+		W.current = !0, P(!0), I(w() ? null : e > E ? "forward" : "back"), D(e);
+	};
+	h(() => {
+		let e = H.current;
+		if (!B || !e) return;
+		let t = U.current === null, n = T(e.offsetHeight, t ? null : U.current);
+		U.current = n, O(B, n, S, t), !t && B.parentElement && (B.parentElement.scrollTop = 0);
+	}, [
+		B,
+		E,
+		S
+	]), p(() => {
+		let e = H.current;
+		if (!B || !e || typeof ResizeObserver > "u") return;
+		let t = 0, n = () => {
+			if (t = 0, U.current === null) return;
+			let n = T(e.offsetHeight, U.current);
+			n <= U.current || (U.current = n, O(B, n, S, !1));
+		}, r = new ResizeObserver(() => {
+			t ||= requestAnimationFrame(n);
+		});
+		r.observe(e);
+		let i = () => A(B), a = (e) => {
+			e.target === B && e.propertyName === "height" && k(B);
+		};
+		return S || window.addEventListener("resize", i), B.addEventListener("transitionend", a), () => {
+			r.disconnect(), cancelAnimationFrame(t), window.removeEventListener("resize", i), B.removeEventListener("transitionend", a);
+		};
+	}, [B, S]);
+	let K = f((e) => {
+		e || (U.current = null), V(e);
+	}, []);
+	p(() => {
+		W.current && (W.current = !1, d(z.current[E]));
+	}, [E]);
+	let q = a[Math.min(E, a.length - 1)], J = E >= a.length - 1, Y = q?.blockedReason, X = () => {
+		Y || l || (J ? c() : G(E + 1));
+	}, Z = {
+		current: E + 1,
+		total: a.length
+	}, Q = M("stepDialog.continue", "Continue"), [$, ee = ""] = M("stepDialog.stepAnnouncement", "Step {current} of {total}: {title}", Z).split("{title}");
+	return /* @__PURE__ */ b(o, {
+		...n === void 0 ? {} : { open: n },
+		...r ? { onOpenChange: r } : {},
+		...S ? { inline: S } : {},
+		size: x,
+		title: i,
+		description: a.length > 1 ? M("stepDialog.stepOf", "Step {current} of {total}", Z) : void 0,
+		onSubmit: X,
+		footer: /* @__PURE__ */ b(v, { children: [E > 0 ? /* @__PURE__ */ y(t, {
+			onClick: () => G(E - 1),
+			children: M("stepDialog.back", "Back")
+		}) : /* @__PURE__ */ y(t, {
+			onClick: () => r?.(!1),
+			children: M("stepDialog.cancel", "Cancel")
+		}), /* @__PURE__ */ y(t, {
+			variant: J && u === "danger" ? "danger" : "primary",
+			loading: J && l,
+			disabled: !!Y,
+			...Y ? { disabledReason: Y } : {},
+			onClick: X,
+			reserveLabels: [s, Q],
+			children: J ? s : Q
+		})] }),
+		children: [/* @__PURE__ */ y("p", {
+			className: "sr-only",
+			"aria-live": "polite",
+			children: N && q && /* @__PURE__ */ b(v, { children: [
+				$,
+				q.title,
+				ee
+			] })
+		}), /* @__PURE__ */ y("div", {
+			ref: K,
+			"data-step-frame": "",
+			className: "-m-8 overflow-clip step-height-motion",
+			children: /* @__PURE__ */ y("div", {
+				ref: H,
+				className: "p-8",
+				children: a.map((e, t) => /* @__PURE__ */ b("section", {
+					ref: (e) => {
+						z.current[t] = e;
+					},
+					"aria-labelledby": `${j}-step-${e.id}`,
+					...t === E ? F ? { "data-enter": F } : {} : { hidden: !0 },
+					className: "flex min-w-0 flex-col gap-16 step-motion",
+					onKeyDown: (e) => {
+						let t = e.target;
+						e.key === "Enter" && !e.metaKey && !e.ctrlKey && t.tagName === "INPUT" && t.getAttribute("role") !== "combobox" && (e.preventDefault(), X());
+					},
+					children: [/* @__PURE__ */ b("div", {
+						className: "flex flex-col gap-4",
+						children: [/* @__PURE__ */ y("h3", {
+							id: `${j}-step-${e.id}`,
+							tabIndex: -1,
+							className: "text-body-lg font-semibold text-fg outline-none",
+							children: e.title
+						}), e.description && /* @__PURE__ */ y("p", {
+							className: "text-small text-fg-secondary",
+							children: e.description
+						})]
+					}), e.content]
+				}, e.id))
+			})
+		})]
+	});
+}
+process.env.NODE_ENV !== "production" && (j.displayName = "StepDialog");
+//#endregion
+export { u as AlertDialog, o as Dialog, c as KAESO_ALERT_DIALOG_DEFAULT_VARIANTS, i as KAESO_ALERT_DIALOG_VARIANTS, n as KAESO_DIALOG_DEFAULT_VARIANTS, s as KAESO_DIALOG_VARIANTS, l as KAESO_LAYER_DIALOG_DEFAULT_VARIANTS, r as KAESO_LAYER_DIALOG_VARIANTS, a as LayerDialog, j as StepDialog };
+
+//# sourceMappingURL=dialog.js.map

package/dist/components/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","names":["_Fragment","useUiText","Button","KAESO_DIALOG_DEFAULT_VARIANTS","KAESO_LAYER_DIALOG_VARIANTS","LayerDialog","Dialog","KAESO_DIALOG_VARIANTS","KAESO_ALERT_DIALOG_DEFAULT_VARIANTS","KAESO_LAYER_DIALOG_DEFAULT_VARIANTS","AlertDialog","focusDialogSection","Fragment$1","GRID","KEEP","px","v","reducedMotion","stepHeight","next","content","current","panelOf","popup","frame","viewport","snapHeight","height","fit","instant","panel","inline","body","shown","fcs","moves","limit","top","anchor","vs","room","max","bs","rest","inset","held","visible","settle","full","release","StepDialog","index","setIndex","useState","defaultStep","uid","useId","t","announced","setAnnounced","enter","setEnter","opened","setOpened","open","sections","useRef","setFrame","moved","go","to","useLayoutEffect","inner","first","useEffect","pending","grow","ro","resize","end","setFrameRef","useCallback","el","step","steps","last","blocked","submitting","onSubmit","progress","continueLabel","heardBefore","heardAfter","onOpenChange","tone","submitLabel","i","s","target","KAESO_ALERT_DIALOG_VARIANTS"],"sources":["../../src/components/dialog/step-dialog.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useLayoutEffect, useRef, useState, type KeyboardEvent, type ReactNode } from \"react\";\nimport { Button } from \"../button/button.js\";\nimport { Dialog, KAESO_DIALOG_VARIANTS } from \"./dialog.js\";\nimport { focusDialogSection } from \"./focus.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport interface DialogStep {\n  id: string;\n  title: ReactNode;\n  description?: ReactNode | undefined;\n  content: ReactNode;\n  blockedReason?: string | undefined;\n}\n\nexport interface StepDialogProps {\n  open?: boolean | undefined;\n  onOpenChange?: ((open: boolean) => void) | undefined;\n  title: ReactNode;\n  steps: DialogStep[];\n  submitLabel: string;\n  onSubmit: () => void;\n  submitting?: boolean | undefined;\n  tone?: \"default\" | \"danger\" | undefined;\n  size?: keyof typeof KAESO_DIALOG_VARIANTS.size | undefined;\n  inline?: boolean | undefined;\n  defaultStep?: number | undefined;\n}\n\nconst GRID = 4;\nconst KEEP = 16;\n\nconst px = (v: string) => parseFloat(v) || 0;\n\nfunction reducedMotion() {\n  return typeof window !== \"undefined\" && !!window.matchMedia?.(\"(prefers-reduced-motion: reduce)\").matches;\n}\n\nfunction stepHeight(content: number, current: number | null) {\n  const next = Math.ceil((content - 0.5) / GRID) * GRID;\n  if (current === null || next > current || current - next > KEEP) return next;\n  return current;\n}\n\nfunction panelOf(frame: HTMLElement) {\n  const popup = frame.closest<HTMLElement>(\"[role=dialog]\");\n  const viewport = popup?.parentElement;\n  return popup && viewport ? { popup, viewport } : null;\n}\n\nfunction snapHeight(frame: HTMLElement, height: number) {\n  frame.style.transition = \"none\";\n  frame.style.height = `${height}px`;\n  void frame.offsetHeight;\n  frame.style.transition = \"\";\n}\n\nfunction fit(frame: HTMLElement, height: number, inline: boolean | undefined, instant: boolean) {\n  delete frame.dataset.full;\n  if (instant) {\n    frame.style.height = `${height}px`;\n    return;\n  }\n  const panel = inline ? null : panelOf(frame);\n  const body = frame.parentElement;\n  const shown = px(frame.style.height);\n  const fcs = getComputedStyle(frame);\n  const moves = fcs.transitionProperty.includes(\"height\") && px(fcs.transitionDuration) > 0 && !reducedMotion();\n  let limit = Infinity;\n  let top: number | null = null;\n  let anchor: number | null = null;\n  if (panel && body) {\n    const { popup, viewport } = panel;\n    const vs = getComputedStyle(viewport);\n    const room = viewport.clientHeight - px(vs.paddingTop) - px(vs.paddingBottom);\n    const max = Math.min(px(getComputedStyle(popup).maxHeight) || room, room);\n    const bs = getComputedStyle(body);\n    const rest = popup.offsetHeight - body.offsetHeight + px(bs.paddingTop) + px(bs.paddingBottom) + px(fcs.marginTop) + px(fcs.marginBottom);\n    limit = Math.max(0, max - rest);\n    const inset = Math.max(0, (room - max) / 2);\n    const held = popup.dataset.stepTop;\n    anchor = held !== undefined ? Number(held) : Math.round(popup.offsetTop - px(vs.paddingTop));\n    top = Math.round(Math.max(inset, Math.min(anchor, room - inset - Math.min(max, rest + height))));\n  }\n  const visible = moves ? Math.min(height, limit) : height;\n  if (panel && top !== null && anchor !== null) {\n    const { popup } = panel;\n    if (popup.dataset.stepTop === undefined) {\n      popup.style.setProperty(\"--k-step-top\", `${anchor}px`);\n      popup.dataset.stepTop = String(anchor);\n      popup.setAttribute(\"data-step-anchored\", \"\");\n      void popup.offsetTop;\n      popup.setAttribute(\"data-step-glide\", \"\");\n    }\n    popup.style.setProperty(\"--k-step-top\", `${top}px`);\n  }\n  if (moves && shown > limit) snapHeight(frame, limit);\n  if (visible < height) {\n    if (Math.min(shown, limit) === visible) return snapHeight(frame, height);\n    frame.dataset.full = String(height);\n  }\n  frame.style.height = `${visible}px`;\n}\n\nfunction settle(frame: HTMLElement) {\n  const full = frame.dataset.full;\n  if (full === undefined) return;\n  delete frame.dataset.full;\n  snapHeight(frame, Number(full));\n}\n\nfunction release(frame: HTMLElement) {\n  const popup = panelOf(frame)?.popup;\n  if (!popup) return;\n  popup.removeAttribute(\"data-step-glide\");\n  popup.removeAttribute(\"data-step-anchored\");\n  popup.style.removeProperty(\"--k-step-top\");\n  delete popup.dataset.stepTop;\n}\n\nexport function StepDialog({\n  open,\n  onOpenChange,\n  title,\n  steps,\n  submitLabel,\n  onSubmit,\n  submitting,\n  tone = \"default\",\n  size = \"sm\",\n  inline,\n  defaultStep = 0,\n}: StepDialogProps) {\n  const [index, setIndex] = useState(defaultStep);\n  const uid = useId();\n  const t = useUiText();\n  const [announced, setAnnounced] = useState(false);\n  const [enter, setEnter] = useState<\"forward\" | \"back\" | null>(null);\n  const [opened, setOpened] = useState({ open, defaultStep });\n  if (opened.open !== open || opened.defaultStep !== defaultStep) {\n    setOpened({ open, defaultStep });\n    if (open || opened.defaultStep !== defaultStep) {\n      setIndex(defaultStep);\n      setAnnounced(false);\n      setEnter(null);\n    }\n  }\n  const sections = useRef<(HTMLElement | null)[]>([]);\n  const [frame, setFrame] = useState<HTMLDivElement | null>(null);\n  const content = useRef<HTMLDivElement | null>(null);\n  const height = useRef<number | null>(null);\n  const moved = useRef(false);\n  const go = (to: number) => {\n    moved.current = true;\n    setAnnounced(true);\n    setEnter(reducedMotion() ? null : to > index ? \"forward\" : \"back\");\n    setIndex(to);\n  };\n  useLayoutEffect(() => {\n    const inner = content.current;\n    if (!frame || !inner) return;\n    const first = height.current === null;\n    const next = stepHeight(inner.offsetHeight, first ? null : height.current);\n    height.current = next;\n    fit(frame, next, inline, first);\n    if (!first && frame.parentElement) frame.parentElement.scrollTop = 0;\n  }, [frame, index, inline]);\n  useEffect(() => {\n    const inner = content.current;\n    if (!frame || !inner || typeof ResizeObserver === \"undefined\") return;\n    let pending = 0;\n    const grow = () => {\n      pending = 0;\n      if (height.current === null) return;\n      const next = stepHeight(inner.offsetHeight, height.current);\n      if (next <= height.current) return;\n      height.current = next;\n      fit(frame, next, inline, false);\n    };\n    const ro = new ResizeObserver(() => {\n      if (!pending) pending = requestAnimationFrame(grow);\n    });\n    ro.observe(inner);\n    const resize = () => release(frame);\n    const end = (e: TransitionEvent) => {\n      if (e.target === frame && e.propertyName === \"height\") settle(frame);\n    };\n    if (!inline) window.addEventListener(\"resize\", resize);\n    frame.addEventListener(\"transitionend\", end);\n    return () => {\n      ro.disconnect();\n      cancelAnimationFrame(pending);\n      window.removeEventListener(\"resize\", resize);\n      frame.removeEventListener(\"transitionend\", end);\n    };\n  }, [frame, inline]);\n  const setFrameRef = useCallback((el: HTMLDivElement | null) => {\n    if (!el) height.current = null;\n    setFrame(el);\n  }, []);\n  useEffect(() => {\n    if (!moved.current) return;\n    moved.current = false;\n    focusDialogSection(sections.current[index]);\n  }, [index]);\n  const step = steps[Math.min(index, steps.length - 1)];\n  const last = index >= steps.length - 1;\n  const blocked = step?.blockedReason;\n  const next = () => {\n    if (blocked || submitting) return;\n    if (last) onSubmit();\n    else go(index + 1);\n  };\n  const progress = { current: index + 1, total: steps.length };\n  const continueLabel = t(\"stepDialog.continue\", \"Continue\");\n  const [heardBefore, heardAfter = \"\"] = t(\"stepDialog.stepAnnouncement\", \"Step {current} of {total}: {title}\", progress).split(\"{title}\");\n  return (\n    <Dialog\n      {...(open !== undefined ? { open } : {})}\n      {...(onOpenChange ? { onOpenChange } : {})}\n      {...(inline ? { inline } : {})}\n      size={size}\n      title={title}\n      description={steps.length > 1 ? t(\"stepDialog.stepOf\", \"Step {current} of {total}\", progress) : undefined}\n      onSubmit={next}\n      footer={\n        <>\n          {index > 0 ? (\n            <Button onClick={() => go(index - 1)}>{t(\"stepDialog.back\", \"Back\")}</Button>\n          ) : (\n            <Button onClick={() => onOpenChange?.(false)}>{t(\"stepDialog.cancel\", \"Cancel\")}</Button>\n          )}\n          <Button\n            variant={last && tone === \"danger\" ? \"danger\" : \"primary\"}\n            loading={last && submitting}\n            disabled={!!blocked}\n            {...(blocked ? { disabledReason: blocked } : {})}\n            onClick={next}\n            reserveLabels={[submitLabel, continueLabel]}\n          >\n            {last ? submitLabel : continueLabel}\n          </Button>\n        </>\n      }\n    >\n      <p className=\"sr-only\" aria-live=\"polite\">\n        {announced && step && (\n          <>\n            {heardBefore}\n            {step.title}\n            {heardAfter}\n          </>\n        )}\n      </p>\n      <div ref={setFrameRef} data-step-frame=\"\" className=\"-m-8 overflow-clip step-height-motion\">\n        <div ref={content} className=\"p-8\">\n          {steps.map((s, i) => (\n            <section\n              key={s.id}\n              ref={(el) => {\n                sections.current[i] = el;\n              }}\n              aria-labelledby={`${uid}-step-${s.id}`}\n              {...(i !== index ? { hidden: true } : enter ? { \"data-enter\": enter } : {})}\n              className=\"flex min-w-0 flex-col gap-16 step-motion\"\n              onKeyDown={(e: KeyboardEvent) => {\n                const target = e.target as HTMLElement;\n                if (e.key === \"Enter\" && !e.metaKey && !e.ctrlKey && target.tagName === \"INPUT\" && target.getAttribute(\"role\") !== \"combobox\") {\n                  e.preventDefault();\n                  next();\n                }\n              }}\n            >\n              <div className=\"flex flex-col gap-4\">\n                <h3 id={`${uid}-step-${s.id}`} tabIndex={-1} className=\"text-body-lg font-semibold text-fg outline-none\">\n                  {s.title}\n                </h3>\n                {s.description && <p className=\"text-small text-fg-secondary\">{s.description}</p>}\n              </div>\n              {s.content}\n            </section>\n          ))}\n        </div>\n      </div>\n    </Dialog>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") StepDialog.displayName = \"StepDialog\";\n"],"mappings":"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"}