@burojs/ui-shadcn 0.4.0 → 0.6.0

package/dist/inline-flow-host-B6FI0ctQ.js

@@ -0,0 +1,112 @@
+import { h as useFlowChrome, m as text } from "./check-confirm-dialog-bRT8lt0d.js";
+import { t as Button } from "./button-MWVeZaqj.js";
+import { HostedFlowScreen } from "./flow-screen-CCvgDI9G.js";
+import { useOptionalT, useScreenState, useTestIds } from "@burojs/react";
+import { IconLoader2 } from "@tabler/icons-react";
+import { useEffect, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useFlowRun } from "@burojs/react/flows";
+//#region src/flows/inline-flow-host.tsx
+function InlineFlowHost({ resource = "", name = "", target: givenTarget, label, record, lease, placementKey, stale = false, onDiscard }) {
+	const tid = useTestIds();
+	const own = useFlowChrome(resource, name);
+	const chrome = label === void 0 ? own : {
+		...own,
+		label,
+		labelText: label
+	};
+	const target = useMemo(() => givenTarget ?? {
+		resource,
+		action: name
+	}, [
+		givenTarget,
+		resource,
+		name
+	]);
+	const flow = useFlowRun(target, {
+		...record === void 0 ? {} : { record },
+		surface: "inline",
+		...lease === void 0 ? {} : { lease }
+	});
+	flow.holdThen(true);
+	const { run, snapshot, compiled } = flow;
+	const binding = useMemo(() => ({
+		kind: "inline",
+		close: () => flow.reset(),
+		finish: () => {
+			flow.runThen();
+			flow.reset();
+		}
+	}), [flow.reset, flow.runThen]);
+	const holder = useScreenState()?.inline;
+	const t = useOptionalT();
+	useEffect(() => {
+		if (lease === void 0 || holder === void 0) return;
+		lease.mounted += 1;
+		lease.label = chrome.labelText;
+		holder.touch();
+		return () => {
+			lease.mounted -= 1;
+			holder.touch();
+		};
+	}, [
+		lease,
+		holder,
+		chrome.labelText
+	]);
+	useEffect(() => {
+		if (lease === void 0 || holder === void 0 || run === null) return;
+		const sync = () => {
+			const now = run.getSnapshot();
+			if (lease.initial === void 0 && now.history.includes("open")) lease.initial = JSON.stringify(now.values);
+			const dirty = now.outcome?.outcome !== "success" && (now.outcome?.outcome === "unknown" || lease.initial !== void 0 && JSON.stringify(now.values) !== lease.initial);
+			const locked = now.control === "running";
+			if (dirty === lease.dirty && locked === lease.locked) return;
+			lease.dirty = dirty;
+			lease.locked = locked;
+			holder.touch();
+		};
+		sync();
+		return run.subscribe(sync);
+	}, [
+		lease,
+		holder,
+		run
+	]);
+	const opened = run !== null && compiled !== null && (snapshot.history.includes("open") || snapshot.step === "outcome");
+	return jsxs("div", {
+		"data-testid": tid.inlineFlow(compiled?.flowId ?? `${resource}/actions/${name}`, placementKey),
+		"data-buro-host": "inline",
+		className: "flex min-h-0 flex-col gap-4",
+		children: [stale ? jsxs("div", {
+			role: "status",
+			"data-buro-flow-state": "stale",
+			className: "flex flex-wrap items-center gap-2 text-sm text-muted-foreground",
+			children: [jsx("span", { children: text(t, "flow.noLongerApplies", "This action no longer applies") }), jsx(Button, {
+				type: "button",
+				size: "sm",
+				variant: "outline",
+				onClick: onDiscard,
+				children: text(t, "flow.discard", "Discard")
+			})]
+		}) : null, opened ? jsx("fieldset", {
+			disabled: stale,
+			className: "m-0 min-w-0 border-0 p-0",
+			children: jsx(HostedFlowScreen, {
+				binding,
+				host: "inline",
+				run,
+				compiled,
+				label: chrome.labelText,
+				record
+			})
+		}) : jsx(IconLoader2, {
+			className: "h-5 w-5 animate-spin self-center",
+			"aria-hidden": "true"
+		})]
+	});
+}
+//#endregion
+export { InlineFlowHost };
+
+//# sourceMappingURL=inline-flow-host-B6FI0ctQ.js.map

package/dist/inline-flow-host-B6FI0ctQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-flow-host-B6FI0ctQ.js","names":[],"sources":["../src/flows/inline-flow-host.tsx"],"sourcesContent":["'use client';\n/**\n * The inline host (P6 3.12): an item flow drawn in place in a show tree. The run lives in the\n * placement's lease, held by the screen, so a tab switch away and back finds the typed input and\n * a write in flight, and the flow's attempt slot stays the one P4 keys on (user, flow, record).\n */\nimport type { FlowTarget, Row } from '@burojs/core';\nimport type { InlineLease } from '@burojs/react';\nimport { useOptionalT, useScreenState, useTestIds } from '@burojs/react';\nimport { useFlowRun } from '@burojs/react/flows';\nimport { IconLoader2 } from '@tabler/icons-react';\nimport { type ReactElement, useEffect, useMemo } from 'react';\nimport { Button } from '../primitives/button.js';\nimport { text, useFlowChrome } from './chrome.js';\nimport { type FlowHostBinding, HostedFlowScreen } from './flow-screen.js';\n\nexport interface InlineFlowHostProps {\n  /** The resource of an item flow on a record screen; a page names `target` instead. */\n  readonly resource?: string;\n  readonly name?: string;\n  /** The flow, when it is not an item flow of the screen's resource (a page's, P7 3.15). */\n  readonly target?: FlowTarget;\n  /** The label of a flow with no resource to ask (an app flow's). */\n  readonly label?: string;\n  /** The record an item flow runs on; none on a page. */\n  readonly record?: Row;\n  readonly lease?: InlineLease;\n  readonly placementKey: string;\n  /**\n   * The flow no longer applies to the record (its `when` turned false) while the input is dirty\n   * or the attempt unresolved: the node stays, read-only, with \"no longer applies\" and Discard.\n   */\n  readonly stale?: boolean;\n  readonly onDiscard?: () => void;\n}\n\nexport function InlineFlowHost({\n  resource = '',\n  name = '',\n  target: givenTarget,\n  label,\n  record,\n  lease,\n  placementKey,\n  stale = false,\n  onDiscard,\n}: InlineFlowHostProps): ReactElement {\n  const tid = useTestIds();\n  const own = useFlowChrome(resource, name);\n  const chrome = label === undefined ? own : { ...own, label, labelText: label };\n  const target = useMemo<FlowTarget>(\n    () => givenTarget ?? { resource, action: name },\n    [givenTarget, resource, name],\n  );\n  const flow = useFlowRun(target, {\n    ...(record === undefined ? {} : { record }),\n    surface: 'inline',\n    ...(lease === undefined ? {} : { lease }),\n  });\n  // `then` is this host's to run, once the form it succeeded in has started over.\n  flow.holdThen(true);\n  const { run, snapshot, compiled } = flow;\n  const binding = useMemo<FlowHostBinding>(\n    () => ({\n      kind: 'inline',\n      close: () => flow.reset(),\n      finish: () => {\n        flow.runThen();\n        flow.reset();\n      },\n    }),\n    // biome-ignore lint/correctness/useExhaustiveDependencies: reset and runThen are stable callbacks\n    [flow.reset, flow.runThen],\n  );\n  const holder = useScreenState()?.inline;\n  const t = useOptionalT();\n  // The lease's guard state, from the run: unsaved input or an unresolved attempt (dirty), a\n  // write in flight (locked), and whether a node shows it. The screen's blockers read these\n  // when the node is not on screen (tab switched, placement hidden).\n  useEffect(() => {\n    if (lease === undefined || holder === undefined) return;\n    lease.mounted += 1;\n    lease.label = chrome.labelText;\n    holder.touch();\n    return () => {\n      lease.mounted -= 1;\n      holder.touch();\n    };\n  }, [lease, holder, chrome.labelText]);\n  useEffect(() => {\n    if (lease === undefined || holder === undefined || run === null) return;\n    const sync = () => {\n      const now = run.getSnapshot();\n      if (lease.initial === undefined && now.history.includes('open'))\n        lease.initial = JSON.stringify(now.values);\n      const dirty =\n        now.outcome?.outcome !== 'success' &&\n        (now.outcome?.outcome === 'unknown' ||\n          (lease.initial !== undefined && JSON.stringify(now.values) !== lease.initial));\n      const locked = now.control === 'running';\n      if (dirty === lease.dirty && locked === lease.locked) return;\n      lease.dirty = dirty;\n      lease.locked = locked;\n      holder.touch();\n    };\n    sync();\n    return run.subscribe(sync);\n  }, [lease, holder, run]);\n  const opened =\n    run !== null &&\n    compiled !== null &&\n    (snapshot.history.includes('open') || snapshot.step === 'outcome');\n  return (\n    <div\n      data-testid={tid.inlineFlow(compiled?.flowId ?? `${resource}/actions/${name}`, placementKey)}\n      data-buro-host=\"inline\"\n      className=\"flex min-h-0 flex-col gap-4\"\n    >\n      {stale ? (\n        <div\n          role=\"status\"\n          data-buro-flow-state=\"stale\"\n          className=\"flex flex-wrap items-center gap-2 text-sm text-muted-foreground\"\n        >\n          <span>{text(t, 'flow.noLongerApplies', 'This action no longer applies')}</span>\n          <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={onDiscard}>\n            {text(t, 'flow.discard', 'Discard')}\n          </Button>\n        </div>\n      ) : null}\n      {opened ? (\n        <fieldset disabled={stale} className=\"m-0 min-w-0 border-0 p-0\">\n          <HostedFlowScreen\n            binding={binding}\n            host=\"inline\"\n            run={run}\n            compiled={compiled}\n            label={chrome.labelText}\n            record={record}\n          />\n        </fieldset>\n      ) : (\n        <IconLoader2 className=\"h-5 w-5 animate-spin self-center\" aria-hidden=\"true\" />\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAoCA,SAAgB,eAAe,EAC7B,WAAW,IACX,OAAO,IACP,QAAQ,aACR,OACA,QACA,OACA,cACA,QAAQ,OACR,aACoC;CACpC,MAAM,MAAM,WAAW;CACvB,MAAM,MAAM,cAAc,UAAU,IAAI;CACxC,MAAM,SAAS,UAAU,KAAA,IAAY,MAAM;EAAE,GAAG;EAAK;EAAO,WAAW;CAAM;CAC7E,MAAM,SAAS,cACP,eAAe;EAAE;EAAU,QAAQ;CAAK,GAC9C;EAAC;EAAa;EAAU;CAAI,CAC9B;CACA,MAAM,OAAO,WAAW,QAAQ;EAC9B,GAAI,WAAW,KAAA,IAAY,CAAC,IAAI,EAAE,OAAO;EACzC,SAAS;EACT,GAAI,UAAU,KAAA,IAAY,CAAC,IAAI,EAAE,MAAM;CACzC,CAAC;CAED,KAAK,SAAS,IAAI;CAClB,MAAM,EAAE,KAAK,UAAU,aAAa;CACpC,MAAM,UAAU,eACP;EACL,MAAM;EACN,aAAa,KAAK,MAAM;EACxB,cAAc;GACZ,KAAK,QAAQ;GACb,KAAK,MAAM;EACb;CACF,IAEA,CAAC,KAAK,OAAO,KAAK,OAAO,CAC3B;CACA,MAAM,SAAS,eAAe,CAAC,EAAE;CACjC,MAAM,IAAI,aAAa;CAIvB,gBAAgB;EACd,IAAI,UAAU,KAAA,KAAa,WAAW,KAAA,GAAW;EACjD,MAAM,WAAW;EACjB,MAAM,QAAQ,OAAO;EACrB,OAAO,MAAM;EACb,aAAa;GACX,MAAM,WAAW;GACjB,OAAO,MAAM;EACf;CACF,GAAG;EAAC;EAAO;EAAQ,OAAO;CAAS,CAAC;CACpC,gBAAgB;EACd,IAAI,UAAU,KAAA,KAAa,WAAW,KAAA,KAAa,QAAQ,MAAM;EACjE,MAAM,aAAa;GACjB,MAAM,MAAM,IAAI,YAAY;GAC5B,IAAI,MAAM,YAAY,KAAA,KAAa,IAAI,QAAQ,SAAS,MAAM,GAC5D,MAAM,UAAU,KAAK,UAAU,IAAI,MAAM;GAC3C,MAAM,QACJ,IAAI,SAAS,YAAY,cACxB,IAAI,SAAS,YAAY,aACvB,MAAM,YAAY,KAAA,KAAa,KAAK,UAAU,IAAI,MAAM,MAAM,MAAM;GACzE,MAAM,SAAS,IAAI,YAAY;GAC/B,IAAI,UAAU,MAAM,SAAS,WAAW,MAAM,QAAQ;GACtD,MAAM,QAAQ;GACd,MAAM,SAAS;GACf,OAAO,MAAM;EACf;EACA,KAAK;EACL,OAAO,IAAI,UAAU,IAAI;CAC3B,GAAG;EAAC;EAAO;EAAQ;CAAG,CAAC;CACvB,MAAM,SACJ,QAAQ,QACR,aAAa,SACZ,SAAS,QAAQ,SAAS,MAAM,KAAK,SAAS,SAAS;CAC1D,OACE,KAAC,OAAD;EACE,eAAa,IAAI,WAAW,UAAU,UAAU,GAAG,SAAS,WAAW,QAAQ,YAAY;EAC3F,kBAAe;EACf,WAAU;EAHZ,UAAA,CAKG,QACC,KAAC,OAAD;GACE,MAAK;GACL,wBAAqB;GACrB,WAAU;GAHZ,UAAA,CAKE,IAAC,QAAD,EAAA,UAAO,KAAK,GAAG,wBAAwB,+BAA+B,EAAQ,CAAA,GAC9E,IAAC,QAAD;IAAQ,MAAK;IAAS,MAAK;IAAK,SAAQ;IAAU,SAAS;IACxD,UAAA,KAAK,GAAG,gBAAgB,SAAS;GAC5B,CAAA,CACL;EACH,CAAA,IAAA,MACH,SACC,IAAC,YAAD;GAAU,UAAU;GAAO,WAAU;GACnC,UAAA,IAAC,kBAAD;IACW;IACT,MAAK;IACA;IACK;IACV,OAAO,OAAO;IACN;GACT,CAAA;EACO,CAAA,IAEV,IAAC,aAAD;GAAa,WAAU;GAAmC,eAAY;EAAQ,CAAA,CAE7E;;AAET"}

package/dist/inline-flow-host-DV1et3c6.cjs

@@ -0,0 +1,112 @@
+const require_check_confirm_dialog = require("./check-confirm-dialog--gPFnEeg.cjs");
+const require_button = require("./button-BxnnE28H.cjs");
+const require_flow_screen = require("./flow-screen-Ci_Sik4Y.cjs");
+let _burojs_react = require("@burojs/react");
+let _tabler_icons_react = require("@tabler/icons-react");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _burojs_react_flows = require("@burojs/react/flows");
+//#region src/flows/inline-flow-host.tsx
+function InlineFlowHost({ resource = "", name = "", target: givenTarget, label, record, lease, placementKey, stale = false, onDiscard }) {
+	const tid = (0, _burojs_react.useTestIds)();
+	const own = require_check_confirm_dialog.useFlowChrome(resource, name);
+	const chrome = label === void 0 ? own : {
+		...own,
+		label,
+		labelText: label
+	};
+	const target = (0, react.useMemo)(() => givenTarget ?? {
+		resource,
+		action: name
+	}, [
+		givenTarget,
+		resource,
+		name
+	]);
+	const flow = (0, _burojs_react_flows.useFlowRun)(target, {
+		...record === void 0 ? {} : { record },
+		surface: "inline",
+		...lease === void 0 ? {} : { lease }
+	});
+	flow.holdThen(true);
+	const { run, snapshot, compiled } = flow;
+	const binding = (0, react.useMemo)(() => ({
+		kind: "inline",
+		close: () => flow.reset(),
+		finish: () => {
+			flow.runThen();
+			flow.reset();
+		}
+	}), [flow.reset, flow.runThen]);
+	const holder = (0, _burojs_react.useScreenState)()?.inline;
+	const t = (0, _burojs_react.useOptionalT)();
+	(0, react.useEffect)(() => {
+		if (lease === void 0 || holder === void 0) return;
+		lease.mounted += 1;
+		lease.label = chrome.labelText;
+		holder.touch();
+		return () => {
+			lease.mounted -= 1;
+			holder.touch();
+		};
+	}, [
+		lease,
+		holder,
+		chrome.labelText
+	]);
+	(0, react.useEffect)(() => {
+		if (lease === void 0 || holder === void 0 || run === null) return;
+		const sync = () => {
+			const now = run.getSnapshot();
+			if (lease.initial === void 0 && now.history.includes("open")) lease.initial = JSON.stringify(now.values);
+			const dirty = now.outcome?.outcome !== "success" && (now.outcome?.outcome === "unknown" || lease.initial !== void 0 && JSON.stringify(now.values) !== lease.initial);
+			const locked = now.control === "running";
+			if (dirty === lease.dirty && locked === lease.locked) return;
+			lease.dirty = dirty;
+			lease.locked = locked;
+			holder.touch();
+		};
+		sync();
+		return run.subscribe(sync);
+	}, [
+		lease,
+		holder,
+		run
+	]);
+	const opened = run !== null && compiled !== null && (snapshot.history.includes("open") || snapshot.step === "outcome");
+	return (0, react_jsx_runtime.jsxs)("div", {
+		"data-testid": tid.inlineFlow(compiled?.flowId ?? `${resource}/actions/${name}`, placementKey),
+		"data-buro-host": "inline",
+		className: "flex min-h-0 flex-col gap-4",
+		children: [stale ? (0, react_jsx_runtime.jsxs)("div", {
+			role: "status",
+			"data-buro-flow-state": "stale",
+			className: "flex flex-wrap items-center gap-2 text-sm text-muted-foreground",
+			children: [(0, react_jsx_runtime.jsx)("span", { children: require_check_confirm_dialog.text(t, "flow.noLongerApplies", "This action no longer applies") }), (0, react_jsx_runtime.jsx)(require_button.Button, {
+				type: "button",
+				size: "sm",
+				variant: "outline",
+				onClick: onDiscard,
+				children: require_check_confirm_dialog.text(t, "flow.discard", "Discard")
+			})]
+		}) : null, opened ? (0, react_jsx_runtime.jsx)("fieldset", {
+			disabled: stale,
+			className: "m-0 min-w-0 border-0 p-0",
+			children: (0, react_jsx_runtime.jsx)(require_flow_screen.HostedFlowScreen, {
+				binding,
+				host: "inline",
+				run,
+				compiled,
+				label: chrome.labelText,
+				record
+			})
+		}) : (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconLoader2, {
+			className: "h-5 w-5 animate-spin self-center",
+			"aria-hidden": "true"
+		})]
+	});
+}
+//#endregion
+exports.InlineFlowHost = InlineFlowHost;
+
+//# sourceMappingURL=inline-flow-host-DV1et3c6.cjs.map

package/dist/inline-flow-host-DV1et3c6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-flow-host-DV1et3c6.cjs","names":["useTestIds","useFlowChrome","useMemo","useFlowRun","useScreenState","useOptionalT","text","Button","HostedFlowScreen","IconLoader2"],"sources":["../src/flows/inline-flow-host.tsx"],"sourcesContent":["'use client';\n/**\n * The inline host (P6 3.12): an item flow drawn in place in a show tree. The run lives in the\n * placement's lease, held by the screen, so a tab switch away and back finds the typed input and\n * a write in flight, and the flow's attempt slot stays the one P4 keys on (user, flow, record).\n */\nimport type { FlowTarget, Row } from '@burojs/core';\nimport type { InlineLease } from '@burojs/react';\nimport { useOptionalT, useScreenState, useTestIds } from '@burojs/react';\nimport { useFlowRun } from '@burojs/react/flows';\nimport { IconLoader2 } from '@tabler/icons-react';\nimport { type ReactElement, useEffect, useMemo } from 'react';\nimport { Button } from '../primitives/button.js';\nimport { text, useFlowChrome } from './chrome.js';\nimport { type FlowHostBinding, HostedFlowScreen } from './flow-screen.js';\n\nexport interface InlineFlowHostProps {\n  /** The resource of an item flow on a record screen; a page names `target` instead. */\n  readonly resource?: string;\n  readonly name?: string;\n  /** The flow, when it is not an item flow of the screen's resource (a page's, P7 3.15). */\n  readonly target?: FlowTarget;\n  /** The label of a flow with no resource to ask (an app flow's). */\n  readonly label?: string;\n  /** The record an item flow runs on; none on a page. */\n  readonly record?: Row;\n  readonly lease?: InlineLease;\n  readonly placementKey: string;\n  /**\n   * The flow no longer applies to the record (its `when` turned false) while the input is dirty\n   * or the attempt unresolved: the node stays, read-only, with \"no longer applies\" and Discard.\n   */\n  readonly stale?: boolean;\n  readonly onDiscard?: () => void;\n}\n\nexport function InlineFlowHost({\n  resource = '',\n  name = '',\n  target: givenTarget,\n  label,\n  record,\n  lease,\n  placementKey,\n  stale = false,\n  onDiscard,\n}: InlineFlowHostProps): ReactElement {\n  const tid = useTestIds();\n  const own = useFlowChrome(resource, name);\n  const chrome = label === undefined ? own : { ...own, label, labelText: label };\n  const target = useMemo<FlowTarget>(\n    () => givenTarget ?? { resource, action: name },\n    [givenTarget, resource, name],\n  );\n  const flow = useFlowRun(target, {\n    ...(record === undefined ? {} : { record }),\n    surface: 'inline',\n    ...(lease === undefined ? {} : { lease }),\n  });\n  // `then` is this host's to run, once the form it succeeded in has started over.\n  flow.holdThen(true);\n  const { run, snapshot, compiled } = flow;\n  const binding = useMemo<FlowHostBinding>(\n    () => ({\n      kind: 'inline',\n      close: () => flow.reset(),\n      finish: () => {\n        flow.runThen();\n        flow.reset();\n      },\n    }),\n    // biome-ignore lint/correctness/useExhaustiveDependencies: reset and runThen are stable callbacks\n    [flow.reset, flow.runThen],\n  );\n  const holder = useScreenState()?.inline;\n  const t = useOptionalT();\n  // The lease's guard state, from the run: unsaved input or an unresolved attempt (dirty), a\n  // write in flight (locked), and whether a node shows it. The screen's blockers read these\n  // when the node is not on screen (tab switched, placement hidden).\n  useEffect(() => {\n    if (lease === undefined || holder === undefined) return;\n    lease.mounted += 1;\n    lease.label = chrome.labelText;\n    holder.touch();\n    return () => {\n      lease.mounted -= 1;\n      holder.touch();\n    };\n  }, [lease, holder, chrome.labelText]);\n  useEffect(() => {\n    if (lease === undefined || holder === undefined || run === null) return;\n    const sync = () => {\n      const now = run.getSnapshot();\n      if (lease.initial === undefined && now.history.includes('open'))\n        lease.initial = JSON.stringify(now.values);\n      const dirty =\n        now.outcome?.outcome !== 'success' &&\n        (now.outcome?.outcome === 'unknown' ||\n          (lease.initial !== undefined && JSON.stringify(now.values) !== lease.initial));\n      const locked = now.control === 'running';\n      if (dirty === lease.dirty && locked === lease.locked) return;\n      lease.dirty = dirty;\n      lease.locked = locked;\n      holder.touch();\n    };\n    sync();\n    return run.subscribe(sync);\n  }, [lease, holder, run]);\n  const opened =\n    run !== null &&\n    compiled !== null &&\n    (snapshot.history.includes('open') || snapshot.step === 'outcome');\n  return (\n    <div\n      data-testid={tid.inlineFlow(compiled?.flowId ?? `${resource}/actions/${name}`, placementKey)}\n      data-buro-host=\"inline\"\n      className=\"flex min-h-0 flex-col gap-4\"\n    >\n      {stale ? (\n        <div\n          role=\"status\"\n          data-buro-flow-state=\"stale\"\n          className=\"flex flex-wrap items-center gap-2 text-sm text-muted-foreground\"\n        >\n          <span>{text(t, 'flow.noLongerApplies', 'This action no longer applies')}</span>\n          <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={onDiscard}>\n            {text(t, 'flow.discard', 'Discard')}\n          </Button>\n        </div>\n      ) : null}\n      {opened ? (\n        <fieldset disabled={stale} className=\"m-0 min-w-0 border-0 p-0\">\n          <HostedFlowScreen\n            binding={binding}\n            host=\"inline\"\n            run={run}\n            compiled={compiled}\n            label={chrome.labelText}\n            record={record}\n          />\n        </fieldset>\n      ) : (\n        <IconLoader2 className=\"h-5 w-5 animate-spin self-center\" aria-hidden=\"true\" />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/input-BI0czGyI.cjs

@@ -0,0 +1,23 @@
+const require_use_theme = require("./use-theme-DFlpXils.cjs");
+let react = require("react");
+react = require_use_theme.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/primitives/input.tsx
+const Input = react.forwardRef(({ className, type, ...props }, ref) => {
+	return (0, react_jsx_runtime.jsx)("input", {
+		type,
+		className: require_use_theme.cn("flex h-9 w-full rounded-md border border-input bg-background text-foreground px-3 py-1 text-base md:text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-input-disabled", className),
+		ref,
+		...props
+	});
+});
+Input.displayName = "Input";
+//#endregion
+Object.defineProperty(exports, "Input", {
+	enumerable: true,
+	get: function() {
+		return Input;
+	}
+});
+
+//# sourceMappingURL=input-BI0czGyI.cjs.map

package/dist/input-BI0czGyI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-BI0czGyI.cjs","names":["React","cn"],"sources":["../src/primitives/input.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../lib/cn.js';\n\nexport type InputProps = React.InputHTMLAttributes<HTMLInputElement>;\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          'flex h-9 w-full rounded-md border border-input bg-background text-foreground px-3 py-1 text-base md:text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-input-disabled',\n          className,\n        )}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nInput.displayName = 'Input';\n\nexport { Input };\n"],"mappings":";;;;;AAOA,MAAM,QAAQA,MAAM,YACjB,EAAE,WAAW,MAAM,GAAG,SAAS,QAAQ;CACtC,QACE,GAAA,kBAAA,IAAA,CAAC,SAAD;EACQ;EACN,WAAWC,kBAAAA,GACT,yZACA,SACF;EACK;EACL,GAAI;CACL,CAAA;AAEL,CACF;AACA,MAAM,cAAc"}

package/dist/input-CUPStzZO.js

@@ -0,0 +1,17 @@
+import { l as cn } from "./use-theme-dnE3Od3I.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/primitives/input.tsx
+const Input = React.forwardRef(({ className, type, ...props }, ref) => {
+	return jsx("input", {
+		type,
+		className: cn("flex h-9 w-full rounded-md border border-input bg-background text-foreground px-3 py-1 text-base md:text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-input-disabled", className),
+		ref,
+		...props
+	});
+});
+Input.displayName = "Input";
+//#endregion
+export { Input as t };
+
+//# sourceMappingURL=input-CUPStzZO.js.map

package/dist/input-CUPStzZO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-CUPStzZO.js","names":[],"sources":["../src/primitives/input.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../lib/cn.js';\n\nexport type InputProps = React.InputHTMLAttributes<HTMLInputElement>;\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          'flex h-9 w-full rounded-md border border-input bg-background text-foreground px-3 py-1 text-base md:text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-input-disabled',\n          className,\n        )}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nInput.displayName = 'Input';\n\nexport { Input };\n"],"mappings":";;;;AAOA,MAAM,QAAQ,MAAM,YACjB,EAAE,WAAW,MAAM,GAAG,SAAS,QAAQ;CACtC,OACE,IAAC,SAAD;EACQ;EACN,WAAW,GACT,yZACA,SACF;EACK;EACL,GAAI;CACL,CAAA;AAEL,CACF;AACA,MAAM,cAAc"}

package/dist/label-66W1qbke.js

@@ -0,0 +1,29 @@
+import { l as cn } from "./use-theme-dnE3Od3I.js";
+import { useOptionalT } from "@burojs/react";
+import * as React from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as LabelPrimitive from "@radix-ui/react-label";
+//#region src/primitives/label.tsx
+const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
+const Label = React.forwardRef(({ className, required, children, ...props }, ref) => {
+	const t = useOptionalT();
+	return jsxs(LabelPrimitive.Root, {
+		ref,
+		className: cn(labelVariants(), className),
+		...props,
+		children: [children, required && jsxs(Fragment$1, { children: [jsx("span", {
+			className: "ml-0.5 text-destructive",
+			"aria-hidden": "true",
+			children: "*"
+		}), jsxs("span", {
+			className: "sr-only",
+			children: [" ", t("validation.requiredHint", { defaultValue: "(required)" })]
+		})] })]
+	});
+});
+Label.displayName = LabelPrimitive.Root.displayName;
+//#endregion
+export { Label as t };
+
+//# sourceMappingURL=label-66W1qbke.js.map

package/dist/label-66W1qbke.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-66W1qbke.js","names":[],"sources":["../src/primitives/label.tsx"],"sourcesContent":["'use client';\nimport { useOptionalT } from '@burojs/react';\n\nimport * as React from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../lib/cn.js';\n\nconst labelVariants = cva(\n  'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n);\n\nexport type LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n  VariantProps<typeof labelVariants> & {\n    /**\n     * When true, append a destructive-colored asterisk after the label text\n     * plus a screen-reader-only \"(required)\" hint. This is the single-source\n     * required-indicator style — every form should render its required-field\n     * label as `<Label required>...</Label>` rather than hand-rolling the\n     * asterisk markup. The visual asterisk is `aria-hidden`; AT users get\n     * the spoken hint via the sr-only span. (Inputs are still expected to\n     * carry their own `aria-required` / `required` HTML attributes for the\n     * native semantics.)\n     */\n    required?: boolean;\n  };\n\nconst Label = React.forwardRef<React.ElementRef<typeof LabelPrimitive.Root>, LabelProps>(\n  ({ className, required, children, ...props }, ref) => {\n    // Localized so that a screen-reader user in a non-English app does not\n    // hear an English \"(required)\".\n    const t = useOptionalT();\n    return (\n      <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props}>\n        {children}\n        {required && (\n          <>\n            <span className=\"ml-0.5 text-destructive\" aria-hidden=\"true\">\n              *\n            </span>\n            <span className=\"sr-only\">\n              {' '}\n              {t('validation.requiredHint', { defaultValue: '(required)' })}\n            </span>\n          </>\n        )}\n      </LabelPrimitive.Root>\n    );\n  },\n);\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport { Label };\n"],"mappings":";;;;;;;AAQA,MAAM,gBAAgB,IACpB,4FACF;AAiBA,MAAM,QAAQ,MAAM,YACjB,EAAE,WAAW,UAAU,UAAU,GAAG,SAAS,QAAQ;CAGpD,MAAM,IAAI,aAAa;CACvB,OACE,KAAC,eAAe,MAAhB;EAA0B;EAAK,WAAW,GAAG,cAAc,GAAG,SAAS;EAAG,GAAI;EAA9E,UAAA,CACG,UACA,YACC,KAAA,YAAA,EAAA,UAAA,CACE,IAAC,QAAD;GAAM,WAAU;GAA0B,eAAY;GAAO,UAAA;EAEvD,CAAA,GACN,KAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACG,KACA,EAAE,2BAA2B,EAAE,cAAc,aAAa,CAAC,CACxD;EACN,CAAA,CAAA,EAAA,CAAA,CAEe;;AAEzB,CACF;AACA,MAAM,cAAc,eAAe,KAAK"}

package/dist/label-w6JYf2cF.cjs

@@ -0,0 +1,36 @@
+const require_use_theme = require("./use-theme-DFlpXils.cjs");
+let _burojs_react = require("@burojs/react");
+let react = require("react");
+react = require_use_theme.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let class_variance_authority = require("class-variance-authority");
+let _radix_ui_react_label = require("@radix-ui/react-label");
+_radix_ui_react_label = require_use_theme.__toESM(_radix_ui_react_label, 1);
+//#region src/primitives/label.tsx
+const labelVariants = (0, class_variance_authority.cva)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
+const Label = react.forwardRef(({ className, required, children, ...props }, ref) => {
+	const t = (0, _burojs_react.useOptionalT)();
+	return (0, react_jsx_runtime.jsxs)(_radix_ui_react_label.Root, {
+		ref,
+		className: require_use_theme.cn(labelVariants(), className),
+		...props,
+		children: [children, required && (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("span", {
+			className: "ml-0.5 text-destructive",
+			"aria-hidden": "true",
+			children: "*"
+		}), (0, react_jsx_runtime.jsxs)("span", {
+			className: "sr-only",
+			children: [" ", t("validation.requiredHint", { defaultValue: "(required)" })]
+		})] })]
+	});
+});
+Label.displayName = _radix_ui_react_label.Root.displayName;
+//#endregion
+Object.defineProperty(exports, "Label", {
+	enumerable: true,
+	get: function() {
+		return Label;
+	}
+});
+
+//# sourceMappingURL=label-w6JYf2cF.cjs.map

package/dist/label-w6JYf2cF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-w6JYf2cF.cjs","names":["cva","React","useOptionalT","LabelPrimitive","cn"],"sources":["../src/primitives/label.tsx"],"sourcesContent":["'use client';\nimport { useOptionalT } from '@burojs/react';\n\nimport * as React from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../lib/cn.js';\n\nconst labelVariants = cva(\n  'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n);\n\nexport type LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n  VariantProps<typeof labelVariants> & {\n    /**\n     * When true, append a destructive-colored asterisk after the label text\n     * plus a screen-reader-only \"(required)\" hint. This is the single-source\n     * required-indicator style — every form should render its required-field\n     * label as `<Label required>...</Label>` rather than hand-rolling the\n     * asterisk markup. The visual asterisk is `aria-hidden`; AT users get\n     * the spoken hint via the sr-only span. (Inputs are still expected to\n     * carry their own `aria-required` / `required` HTML attributes for the\n     * native semantics.)\n     */\n    required?: boolean;\n  };\n\nconst Label = React.forwardRef<React.ElementRef<typeof LabelPrimitive.Root>, LabelProps>(\n  ({ className, required, children, ...props }, ref) => {\n    // Localized so that a screen-reader user in a non-English app does not\n    // hear an English \"(required)\".\n    const t = useOptionalT();\n    return (\n      <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props}>\n        {children}\n        {required && (\n          <>\n            <span className=\"ml-0.5 text-destructive\" aria-hidden=\"true\">\n              *\n            </span>\n            <span className=\"sr-only\">\n              {' '}\n              {t('validation.requiredHint', { defaultValue: '(required)' })}\n            </span>\n          </>\n        )}\n      </LabelPrimitive.Root>\n    );\n  },\n);\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport { Label };\n"],"mappings":";;;;;;;;;AAQA,MAAM,iBAAA,GAAgBA,yBAAAA,IAAAA,CACpB,4FACF;AAiBA,MAAM,QAAQC,MAAM,YACjB,EAAE,WAAW,UAAU,UAAU,GAAG,SAAS,QAAQ;CAGpD,MAAM,KAAA,GAAIC,cAAAA,aAAAA,CAAa;CACvB,QACE,GAAA,kBAAA,KAAA,CAACC,sBAAe,MAAhB;EAA0B;EAAK,WAAWC,kBAAAA,GAAG,cAAc,GAAG,SAAS;EAAG,GAAI;EAA9E,UAAA,CACG,UACA,aACC,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,EACE,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAU;GAA0B,eAAY;GAAO,UAAA;EAEvD,CAAA,IACN,GAAA,kBAAA,KAAA,CAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACG,KACA,EAAE,2BAA2B,EAAE,cAAc,aAAa,CAAC,CACxD;EACN,CAAA,CAAA,EAAA,CAAA,CAEe;;AAEzB,CACF;AACA,MAAM,cAAcD,sBAAe,KAAK"}

package/dist/markdown/index.cjs

@@ -1,6 +1,6 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_use_theme = require("../use-theme-BwPWinB2.cjs");
+const require_use_theme = require("../use-theme-DFlpXils.cjs");
 let _burojs_react = require("@burojs/react");
 let _tabler_icons_react = require("@tabler/icons-react");
 let react = require("react");

package/dist/markdown/index.d.cts

@@ -1182,9 +1182,8 @@ declare function docSlug(text: string): string;
  * The current fragment, DECODED, without its `#`.
  *
  * `window.location.hash` hands back a percent-encoded string —
- * `#%D0%BF%D0%BE%D1%87%D0%B5%D0%BC%D1%83…` for `#почему…` — so every
- * comparison against a slug fails, silently, for exactly the alphabet this
- * project writes its documentation in. It works perfectly in English, which is
+ * `#%D0%BF%D0%BE%D1%87%D0%B5%D0%BC%D1%83…` for a non-ASCII slug — so every
+ * comparison against a slug fails, silently, for every non-ASCII alphabet. It works perfectly in ASCII-only slugs, which is
  * the worst possible way for it to be wrong.
  */
 declare function readDocHash(): string;

package/dist/markdown/index.d.ts

@@ -1182,9 +1182,8 @@ declare function docSlug(text: string): string;
  * The current fragment, DECODED, without its `#`.
  *
  * `window.location.hash` hands back a percent-encoded string —
- * `#%D0%BF%D0%BE%D1%87%D0%B5%D0%BC%D1%83…` for `#почему…` — so every
- * comparison against a slug fails, silently, for exactly the alphabet this
- * project writes its documentation in. It works perfectly in English, which is
+ * `#%D0%BF%D0%BE%D1%87%D0%B5%D0%BC%D1%83…` for a non-ASCII slug — so every
+ * comparison against a slug fails, silently, for every non-ASCII alphabet. It works perfectly in ASCII-only slugs, which is
  * the worst possible way for it to be wrong.
  */
 declare function readDocHash(): string;

package/dist/markdown/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { a as findDocAnchor, c as cn, i as docSlug, n as DOC_ID_PREFIX, o as readDocHash, r as docShareUrl, s as scrollToDocAnchor, t as useTheme } from "../use-theme-IHmtrhEt.js";
+import { a as docSlug, c as scrollToDocAnchor, i as docShareUrl, l as cn, n as useTheme, o as findDocAnchor, r as DOC_ID_PREFIX, s as readDocHash } from "../use-theme-dnE3Od3I.js";
 import { useOptionalT } from "@burojs/react";
 import { IconCheck, IconChevronDown, IconLink } from "@tabler/icons-react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";