@lssm/lib.presentation-runtime-react 3.0.0

package/dist/WorkflowStepRenderer.d.ts

@@ -0,0 +1,31 @@
+import * as React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/WorkflowStepRenderer.d.ts
+interface WorkflowStepRendererProps {
+  spec: WorkflowSpec;
+  state: WorkflowState | null;
+  className?: string;
+  renderHumanStep?: (form: FormRef, step: Step) => React.ReactNode;
+  renderAutomationStep?: (step: Step) => React.ReactNode;
+  renderDecisionStep?: (step: Step) => React.ReactNode;
+  loadingFallback?: React.ReactNode;
+  completedFallback?: React.ReactNode;
+  cancelledFallback?: React.ReactNode;
+  failedFallback?: (state: WorkflowState, last: StepExecution | undefined) => React.ReactNode;
+}
+declare function WorkflowStepRenderer({
+  spec,
+  state,
+  className,
+  renderHumanStep,
+  renderAutomationStep,
+  renderDecisionStep,
+  loadingFallback,
+  completedFallback,
+  cancelledFallback,
+  failedFallback
+}: WorkflowStepRendererProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { WorkflowStepRenderer, WorkflowStepRendererProps };
+//# sourceMappingURL=WorkflowStepRenderer.d.ts.map

package/dist/WorkflowStepRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowStepRenderer.d.ts","names":[],"sources":["../src/WorkflowStepRenderer.tsx"],"sourcesContent":[],"mappings":";;;;UAUiB,yBAAA;QACT;EADS,KAAA,EAER,aAFQ,GAAA,IAAA;EACT,SAAA,CAAA,EAAA,MAAA;EACC,eAAA,CAAA,EAAA,CAAA,IAAA,EAEkB,OAFlB,EAAA,IAAA,EAEiC,IAFjC,EAAA,GAE0C,KAAA,CAAM,SAFhD;EAEkB,oBAAA,CAAA,EAAA,CAAA,IAAA,EACK,IADL,EAAA,GACc,KAAA,CAAM,SADpB;EAAe,kBAAA,CAAA,EAAA,CAAA,IAAA,EAEZ,IAFY,EAAA,GAEH,KAAA,CAAM,SAFH;EAAS,eAAM,CAAA,EAGrC,KAAA,CAAM,SAH+B;EACzB,iBAAA,CAAA,EAGV,KAAA,CAAM,SAHI;EAAS,iBAAM,CAAA,EAIzB,KAAA,CAAM,SAJmB;EACjB,cAAA,CAAA,EAAA,CAAA,KAAA,EAKnB,aALmB,EAAA,IAAA,EAMpB,aANoB,GAAA,SAAA,EAAA,GAOvB,KAAA,CAAM,SAPiB;;AACJ,iBASV,oBAAA,CATU;EAAA,IAAA;EAAA,KAAA;EAAA,SAAA;EAAA,eAAA;EAAA,oBAAA;EAAA,kBAAA;EAAA,eAAA;EAAA,iBAAA;EAAA,iBAAA;EAAA;AAAA,CAAA,EAoBvB,yBApBuB,CAAA,EAoBE,kBAAA,CAAA,GAAA,CAAA,OApBF"}

package/dist/WorkflowStepRenderer.js

@@ -0,0 +1,104 @@
+import { EmptyState } from "./design-system/src/components/atoms/EmptyState.js";
+import { LoaderBlock } from "./design-system/src/components/molecules/LoaderBlock.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/WorkflowStepRenderer.tsx
+function WorkflowStepRenderer({ spec, state, className, renderHumanStep, renderAutomationStep, renderDecisionStep, loadingFallback, completedFallback, cancelledFallback, failedFallback }) {
+	const steps = spec.definition.steps;
+	if (!steps.length) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: /* @__PURE__ */ jsx(EmptyState, {
+			title: "No steps defined",
+			description: "Add at least one step to this workflow to render it."
+		})
+	});
+	if (!state) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: loadingFallback ?? /* @__PURE__ */ jsx(LoaderBlock, {
+			label: "Loading workflow",
+			description: "Fetching workflow state..."
+		})
+	});
+	const lastExecution = state.history.at(-1);
+	if (state.status === "failed") return /* @__PURE__ */ jsx("div", {
+		className,
+		children: failedFallback?.(state, lastExecution) ?? /* @__PURE__ */ jsx(EmptyState, {
+			title: "Workflow failed",
+			description: lastExecution?.error ?? "Fix the underlying issue and retry the step."
+		})
+	});
+	if (state.status === "cancelled") return /* @__PURE__ */ jsx("div", {
+		className,
+		children: cancelledFallback ?? /* @__PURE__ */ jsx(EmptyState, {
+			title: "Workflow cancelled",
+			description: "This workflow has been cancelled. Restart it to resume."
+		})
+	});
+	if (state.status === "completed") return /* @__PURE__ */ jsx("div", {
+		className,
+		children: completedFallback ?? /* @__PURE__ */ jsx(EmptyState, {
+			title: "Workflow complete",
+			description: "All steps have been executed successfully."
+		})
+	});
+	const activeStep = steps.find((step) => step.id === state.currentStep) ?? steps[0];
+	if (!activeStep) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: /* @__PURE__ */ jsx(EmptyState, {
+			title: "No active step",
+			description: "This workflow has no active step."
+		})
+	});
+	switch (activeStep.type) {
+		case "human": {
+			const form = activeStep.action?.form;
+			if (form && renderHumanStep) return /* @__PURE__ */ jsx("div", {
+				className,
+				children: renderHumanStep(form, activeStep)
+			});
+			return /* @__PURE__ */ jsx("div", {
+				className,
+				children: /* @__PURE__ */ jsx(EmptyState, {
+					title: "Form renderer missing",
+					description: "Provide renderHumanStep to render this human step's form."
+				})
+			});
+		}
+		case "automation":
+			if (renderAutomationStep) return /* @__PURE__ */ jsx("div", {
+				className,
+				children: renderAutomationStep(activeStep)
+			});
+			return /* @__PURE__ */ jsx("div", {
+				className,
+				children: /* @__PURE__ */ jsx(EmptyState, {
+					title: "Automation step in progress",
+					description: `Waiting for automation "${activeStep.label}" to finish.`
+				})
+			});
+		case "decision":
+			if (renderDecisionStep) return /* @__PURE__ */ jsx("div", {
+				className,
+				children: renderDecisionStep(activeStep)
+			});
+			return /* @__PURE__ */ jsx("div", {
+				className,
+				children: /* @__PURE__ */ jsx(EmptyState, {
+					title: "Decision step awaiting input",
+					description: "Provide a custom decision renderer via renderDecisionStep."
+				})
+			});
+		default: return /* @__PURE__ */ jsx("div", {
+			className,
+			children: /* @__PURE__ */ jsx(EmptyState, {
+				title: "Unknown step type",
+				description: `Step "${activeStep.id}" has an unsupported type.`
+			})
+		});
+	}
+}
+
+//#endregion
+export { WorkflowStepRenderer };
+//# sourceMappingURL=WorkflowStepRenderer.js.map

package/dist/WorkflowStepRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowStepRenderer.js","names":[],"sources":["../src/WorkflowStepRenderer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { EmptyState, LoaderBlock } from '@lssm/lib.design-system';\nimport type {\n  FormRef,\n  Step,\n  WorkflowSpec,\n  WorkflowState,\n  StepExecution,\n} from '@lssm/lib.contracts/workflow';\n\nexport interface WorkflowStepRendererProps {\n  spec: WorkflowSpec;\n  state: WorkflowState | null;\n  className?: string;\n  renderHumanStep?: (form: FormRef, step: Step) => React.ReactNode;\n  renderAutomationStep?: (step: Step) => React.ReactNode;\n  renderDecisionStep?: (step: Step) => React.ReactNode;\n  loadingFallback?: React.ReactNode;\n  completedFallback?: React.ReactNode;\n  cancelledFallback?: React.ReactNode;\n  failedFallback?: (\n    state: WorkflowState,\n    last: StepExecution | undefined\n  ) => React.ReactNode;\n}\n\nexport function WorkflowStepRenderer({\n  spec,\n  state,\n  className,\n  renderHumanStep,\n  renderAutomationStep,\n  renderDecisionStep,\n  loadingFallback,\n  completedFallback,\n  cancelledFallback,\n  failedFallback,\n}: WorkflowStepRendererProps) {\n  const steps = spec.definition.steps;\n  if (!steps.length) {\n    return (\n      <div className={className}>\n        <EmptyState\n          title=\"No steps defined\"\n          description=\"Add at least one step to this workflow to render it.\"\n        />\n      </div>\n    );\n  }\n\n  if (!state) {\n    return (\n      <div className={className}>\n        {loadingFallback ?? (\n          <LoaderBlock\n            label=\"Loading workflow\"\n            description=\"Fetching workflow state...\"\n          />\n        )}\n      </div>\n    );\n  }\n\n  const lastExecution = state.history.at(-1);\n\n  if (state.status === 'failed') {\n    return (\n      <div className={className}>\n        {failedFallback?.(state, lastExecution) ?? (\n          <EmptyState\n            title=\"Workflow failed\"\n            description={\n              lastExecution?.error ??\n              'Fix the underlying issue and retry the step.'\n            }\n          />\n        )}\n      </div>\n    );\n  }\n\n  if (state.status === 'cancelled') {\n    return (\n      <div className={className}>\n        {cancelledFallback ?? (\n          <EmptyState\n            title=\"Workflow cancelled\"\n            description=\"This workflow has been cancelled. Restart it to resume.\"\n          />\n        )}\n      </div>\n    );\n  }\n\n  if (state.status === 'completed') {\n    return (\n      <div className={className}>\n        {completedFallback ?? (\n          <EmptyState\n            title=\"Workflow complete\"\n            description=\"All steps have been executed successfully.\"\n          />\n        )}\n      </div>\n    );\n  }\n\n  const activeStep =\n    steps.find((step) => step.id === state.currentStep) ?? steps[0];\n\n  if (!activeStep) {\n    return (\n      <div className={className}>\n        <EmptyState\n          title=\"No active step\"\n          description=\"This workflow has no active step.\"\n        />\n      </div>\n    );\n  }\n\n  switch (activeStep.type) {\n    case 'human': {\n      const form = activeStep.action?.form;\n      if (form && renderHumanStep) {\n        return (\n          <div className={className}>{renderHumanStep(form, activeStep)}</div>\n        );\n      }\n      return (\n        <div className={className}>\n          <EmptyState\n            title=\"Form renderer missing\"\n            description=\"Provide renderHumanStep to render this human step's form.\"\n          />\n        </div>\n      );\n    }\n    case 'automation': {\n      if (renderAutomationStep) {\n        return (\n          <div className={className}>{renderAutomationStep(activeStep)}</div>\n        );\n      }\n      return (\n        <div className={className}>\n          <EmptyState\n            title=\"Automation step in progress\"\n            description={`Waiting for automation \"${activeStep.label}\" to finish.`}\n          />\n        </div>\n      );\n    }\n    case 'decision': {\n      if (renderDecisionStep) {\n        return (\n          <div className={className}>{renderDecisionStep(activeStep)}</div>\n        );\n      }\n      return (\n        <div className={className}>\n          <EmptyState\n            title=\"Decision step awaiting input\"\n            description=\"Provide a custom decision renderer via renderDecisionStep.\"\n          />\n        </div>\n      );\n    }\n    default:\n      return (\n        <div className={className}>\n          <EmptyState\n            title=\"Unknown step type\"\n            description={`Step \"${activeStep.id}\" has an unsupported type.`}\n          />\n        </div>\n      );\n  }\n}\n"],"mappings":";;;;;;AA0BA,SAAgB,qBAAqB,EACnC,MACA,OACA,WACA,iBACA,sBACA,oBACA,iBACA,mBACA,mBACA,kBAC4B;CAC5B,MAAM,QAAQ,KAAK,WAAW;AAC9B,KAAI,CAAC,MAAM,OACT,QACE,oBAAC;EAAe;YACd,oBAAC;GACC,OAAM;GACN,aAAY;IACZ;GACE;AAIV,KAAI,CAAC,MACH,QACE,oBAAC;EAAe;YACb,mBACC,oBAAC;GACC,OAAM;GACN,aAAY;IACZ;GAEA;CAIV,MAAM,gBAAgB,MAAM,QAAQ,GAAG,GAAG;AAE1C,KAAI,MAAM,WAAW,SACnB,QACE,oBAAC;EAAe;YACb,iBAAiB,OAAO,cAAc,IACrC,oBAAC;GACC,OAAM;GACN,aACE,eAAe,SACf;IAEF;GAEA;AAIV,KAAI,MAAM,WAAW,YACnB,QACE,oBAAC;EAAe;YACb,qBACC,oBAAC;GACC,OAAM;GACN,aAAY;IACZ;GAEA;AAIV,KAAI,MAAM,WAAW,YACnB,QACE,oBAAC;EAAe;YACb,qBACC,oBAAC;GACC,OAAM;GACN,aAAY;IACZ;GAEA;CAIV,MAAM,aACJ,MAAM,MAAM,SAAS,KAAK,OAAO,MAAM,YAAY,IAAI,MAAM;AAE/D,KAAI,CAAC,WACH,QACE,oBAAC;EAAe;YACd,oBAAC;GACC,OAAM;GACN,aAAY;IACZ;GACE;AAIV,SAAQ,WAAW,MAAnB;EACE,KAAK,SAAS;GACZ,MAAM,OAAO,WAAW,QAAQ;AAChC,OAAI,QAAQ,gBACV,QACE,oBAAC;IAAe;cAAY,gBAAgB,MAAM,WAAW;KAAO;AAGxE,UACE,oBAAC;IAAe;cACd,oBAAC;KACC,OAAM;KACN,aAAY;MACZ;KACE;;EAGV,KAAK;AACH,OAAI,qBACF,QACE,oBAAC;IAAe;cAAY,qBAAqB,WAAW;KAAO;AAGvE,UACE,oBAAC;IAAe;cACd,oBAAC;KACC,OAAM;KACN,aAAa,2BAA2B,WAAW,MAAM;MACzD;KACE;EAGV,KAAK;AACH,OAAI,mBACF,QACE,oBAAC;IAAe;cAAY,mBAAmB,WAAW;KAAO;AAGrE,UACE,oBAAC;IAAe;cACd,oBAAC;KACC,OAAM;KACN,aAAY;MACZ;KACE;EAGV,QACE,QACE,oBAAC;GAAe;aACd,oBAAC;IACC,OAAM;IACN,aAAa,SAAS,WAAW,GAAG;KACpC;IACE"}

package/dist/WorkflowStepper.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/WorkflowStepper.d.ts
+interface WorkflowStepperProps {
+  spec: WorkflowSpec;
+  state: WorkflowState | null;
+  className?: string;
+  showLabels?: boolean;
+}
+declare function WorkflowStepper({
+  spec,
+  state,
+  className,
+  showLabels
+}: WorkflowStepperProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { WorkflowStepper, WorkflowStepperProps };
+//# sourceMappingURL=WorkflowStepper.d.ts.map

package/dist/WorkflowStepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowStepper.d.ts","names":[],"sources":["../src/WorkflowStepper.tsx"],"sourcesContent":[],"mappings":";;;UAIiB,oBAAA;QACT;EADS,KAAA,EAER,aAFQ,GAAoB,IAAA;EAOrB,SAAA,CAAA,EAAA,MAAe;EAC7B,UAAA,CAAA,EAAA,OAAA;;AAEA,iBAHc,eAAA,CAGd;EAAA,IAAA;EAAA,KAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAEC,oBAFD,CAAA,EAEqB,kBAAA,CAAA,GAAA,CAAA,OAFrB"}

package/dist/WorkflowStepper.js

@@ -0,0 +1,39 @@
+import { Stepper } from "./design-system/src/components/atoms/Stepper.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/WorkflowStepper.tsx
+function WorkflowStepper({ spec, state, className, showLabels = false }) {
+	const steps = spec.definition.steps;
+	const total = steps.length;
+	const current = computeCurrent(steps, state);
+	return /* @__PURE__ */ jsxs("div", {
+		className: ["flex flex-col gap-2", className].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ jsx(Stepper, {
+			current,
+			total
+		}), showLabels && total > 0 && /* @__PURE__ */ jsx("ol", {
+			className: "text-muted-foreground flex flex-wrap gap-2 text-sm",
+			children: steps.map((step, index) => {
+				return /* @__PURE__ */ jsx("li", {
+					className: ["rounded border px-2 py-1", (state?.status === "completed" ? index === total - 1 : step.id === state?.currentStep) ? "border-primary text-primary" : "border-border"].join(" "),
+					children: /* @__PURE__ */ jsx("span", {
+						className: "font-medium",
+						children: step.label
+					})
+				}, step.id);
+			})
+		})]
+	});
+}
+function computeCurrent(steps, state) {
+	if (!steps.length) return 0;
+	if (!state) return 1;
+	if (state.status === "completed") return steps.length;
+	const idx = steps.findIndex((step) => step.id === state.currentStep);
+	return idx === -1 ? 1 : idx + 1;
+}
+
+//#endregion
+export { WorkflowStepper };
+//# sourceMappingURL=WorkflowStepper.js.map

package/dist/WorkflowStepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowStepper.js","names":[],"sources":["../src/WorkflowStepper.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { WorkflowSpec, WorkflowState } from '@lssm/lib.contracts/workflow';\nimport { Stepper } from '@lssm/lib.design-system';\n\nexport interface WorkflowStepperProps {\n  spec: WorkflowSpec;\n  state: WorkflowState | null;\n  className?: string;\n  showLabels?: boolean;\n}\n\nexport function WorkflowStepper({\n  spec,\n  state,\n  className,\n  showLabels = false,\n}: WorkflowStepperProps) {\n  const steps = spec.definition.steps;\n  const total = steps.length;\n  const current = computeCurrent(steps, state);\n\n  return (\n    <div\n      className={['flex flex-col gap-2', className].filter(Boolean).join(' ')}\n    >\n      <Stepper current={current} total={total} />\n      {showLabels && total > 0 && (\n        <ol className=\"text-muted-foreground flex flex-wrap gap-2 text-sm\">\n          {steps.map((step, index) => {\n            const isActive =\n              state?.status === 'completed'\n                ? index === total - 1\n                : step.id === state?.currentStep;\n            return (\n              <li\n                key={step.id}\n                className={[\n                  'rounded border px-2 py-1',\n                  isActive ? 'border-primary text-primary' : 'border-border',\n                ].join(' ')}\n              >\n                <span className=\"font-medium\">{step.label}</span>\n              </li>\n            );\n          })}\n        </ol>\n      )}\n    </div>\n  );\n}\n\nfunction computeCurrent(\n  steps: WorkflowSpec['definition']['steps'],\n  state: WorkflowState | null\n) {\n  if (!steps.length) return 0;\n  if (!state) return 1;\n\n  if (state.status === 'completed') return steps.length;\n\n  const idx = steps.findIndex((step) => step.id === state.currentStep);\n  return idx === -1 ? 1 : idx + 1;\n}\n"],"mappings":";;;;;AAWA,SAAgB,gBAAgB,EAC9B,MACA,OACA,WACA,aAAa,SACU;CACvB,MAAM,QAAQ,KAAK,WAAW;CAC9B,MAAM,QAAQ,MAAM;CACpB,MAAM,UAAU,eAAe,OAAO,MAAM;AAE5C,QACE,qBAAC;EACC,WAAW,CAAC,uBAAuB,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;aAEvE,oBAAC;GAAiB;GAAgB;IAAS,EAC1C,cAAc,QAAQ,KACrB,oBAAC;GAAG,WAAU;aACX,MAAM,KAAK,MAAM,UAAU;AAK1B,WACE,oBAAC;KAEC,WAAW,CACT,6BAPJ,OAAO,WAAW,cACd,UAAU,QAAQ,IAClB,KAAK,OAAO,OAAO,eAMR,gCAAgC,gBAC5C,CAAC,KAAK,IAAI;eAEX,oBAAC;MAAK,WAAU;gBAAe,KAAK;OAAa;OAN5C,KAAK,GAOP;KAEP;IACC;GAEH;;AAIV,SAAS,eACP,OACA,OACA;AACA,KAAI,CAAC,MAAM,OAAQ,QAAO;AAC1B,KAAI,CAAC,MAAO,QAAO;AAEnB,KAAI,MAAM,WAAW,YAAa,QAAO,MAAM;CAE/C,MAAM,MAAM,MAAM,WAAW,SAAS,KAAK,OAAO,MAAM,YAAY;AACpE,QAAO,QAAQ,KAAK,IAAI,MAAM"}

package/dist/_virtual/rolldown_runtime.js

@@ -0,0 +1,22 @@
+//#region rolldown:runtime
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function() {
+	return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+//#endregion
+export { __esm };

package/dist/design-system/src/components/atoms/EmptyState.js

@@ -0,0 +1,15 @@
+'use client';
+
+
+import { EmptyState } from "../../../../ui-kit-web/dist/ui/empty-state.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../design-system/src/components/atoms/EmptyState.tsx
+function EmptyState$1(props) {
+	return /* @__PURE__ */ jsx(EmptyState, { ...props });
+}
+
+//#endregion
+export { EmptyState$1 as EmptyState };
+//# sourceMappingURL=EmptyState.js.map

package/dist/design-system/src/components/atoms/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","names":["EmptyState","WebEmptyState"],"sources":["../../../../../../design-system/src/components/atoms/EmptyState.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  EmptyState as WebEmptyState,\n  type EmptyStateProps,\n} from '@lssm/lib.ui-kit-web/ui/empty-state';\n\nexport function EmptyState(props: EmptyStateProps) {\n  return <WebEmptyState {...props} />;\n}\n"],"mappings":";;;;;;;;AAQA,SAAgBA,aAAW,OAAwB;AACjD,QAAO,oBAACC,cAAc,GAAI,QAAS"}

package/dist/design-system/src/components/atoms/LoaderCircular.js

@@ -0,0 +1,45 @@
+import { cn, init_utils } from "../../../../ui-kit-web/dist/ui/utils.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Loader2 } from "lucide-react";
+
+//#region ../design-system/src/components/atoms/LoaderCircular.tsx
+init_utils();
+const spinnerVariants = cva("animate-spin", {
+	variants: {
+		size: {
+			sm: "h-4 w-4",
+			md: "h-5 w-5",
+			lg: "h-6 w-6"
+		},
+		tone: {
+			default: "text-foreground",
+			muted: "text-muted-foreground"
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		tone: "muted"
+	}
+});
+function LoaderCircular({ size, tone, label, className,...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("inline-flex items-center gap-2", className),
+		role: "status",
+		"aria-live": "polite",
+		"aria-busy": true,
+		...props,
+		children: [/* @__PURE__ */ jsx(Loader2, { className: cn(spinnerVariants({
+			size,
+			tone
+		})) }), label ? /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground text-base",
+			children: label
+		}) : null]
+	});
+}
+
+//#endregion
+export { LoaderCircular };
+//# sourceMappingURL=LoaderCircular.js.map

package/dist/design-system/src/components/atoms/LoaderCircular.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderCircular.js","names":[],"sources":["../../../../../../design-system/src/components/atoms/LoaderCircular.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Loader2 } from 'lucide-react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\n\nconst spinnerVariants = cva('animate-spin', {\n  variants: {\n    size: {\n      sm: 'h-4 w-4',\n      md: 'h-5 w-5',\n      lg: 'h-6 w-6',\n    },\n    tone: {\n      default: 'text-foreground',\n      muted: 'text-muted-foreground',\n    },\n  },\n  defaultVariants: { size: 'md', tone: 'muted' },\n});\n\nexport type LoaderCircularProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof spinnerVariants> & {\n    label?: React.ReactNode;\n  };\n\nexport function LoaderCircular({\n  size,\n  tone,\n  label,\n  className,\n  ...props\n}: LoaderCircularProps) {\n  return (\n    <div\n      className={cn('inline-flex items-center gap-2', className)}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy\n      {...props}\n    >\n      <Loader2 className={cn(spinnerVariants({ size, tone }))} />\n      {label ? (\n        <span className=\"text-muted-foreground text-base\">{label}</span>\n      ) : null}\n    </div>\n  );\n}\n\nexport default LoaderCircular;\n"],"mappings":";;;;;;;YAGmD;AAEnD,MAAM,kBAAkB,IAAI,gBAAgB;CAC1C,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,MAAM;GACJ,SAAS;GACT,OAAO;GACR;EACF;CACD,iBAAiB;EAAE,MAAM;EAAM,MAAM;EAAS;CAC/C,CAAC;AAOF,SAAgB,eAAe,EAC7B,MACA,MACA,OACA,UACA,GAAG,SACmB;AACtB,QACE,qBAAC;EACC,WAAW,GAAG,kCAAkC,UAAU;EAC1D,MAAK;EACL,aAAU;EACV;EACA,GAAI;aAEJ,oBAAC,WAAQ,WAAW,GAAG,gBAAgB;GAAE;GAAM;GAAM,CAAC,CAAC,GAAI,EAC1D,QACC,oBAAC;GAAK,WAAU;aAAmC;IAAa,GAC9D;GACA"}

package/dist/design-system/src/components/atoms/Stepper.js

@@ -0,0 +1,15 @@
+'use client';
+
+
+import { Stepper } from "../../../../ui-kit-web/dist/ui/stepper.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../design-system/src/components/atoms/Stepper.tsx
+function Stepper$1(props) {
+	return /* @__PURE__ */ jsx(Stepper, { ...props });
+}
+
+//#endregion
+export { Stepper$1 as Stepper };
+//# sourceMappingURL=Stepper.js.map

package/dist/design-system/src/components/atoms/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","names":["Stepper","WebStepper"],"sources":["../../../../../../design-system/src/components/atoms/Stepper.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  Stepper as WebStepper,\n  type StepperProps,\n} from '@lssm/lib.ui-kit-web/ui/stepper';\n\nexport function Stepper(props: StepperProps) {\n  return <WebStepper {...props} />;\n}\n"],"mappings":";;;;;;;;AAQA,SAAgBA,UAAQ,OAAqB;AAC3C,QAAO,oBAACC,WAAW,GAAI,QAAS"}

package/dist/design-system/src/components/molecules/LoaderBlock.js

@@ -0,0 +1,26 @@
+import { cn, init_utils } from "../../../../ui-kit-web/dist/ui/utils.js";
+import { LoaderCircular } from "../atoms/LoaderCircular.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ../design-system/src/components/molecules/LoaderBlock.tsx
+init_utils();
+function LoaderBlock({ label, description, className, size = "md" }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center justify-center p-6", className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "inline-flex items-center gap-3",
+			children: [/* @__PURE__ */ jsx(LoaderCircular, {
+				size,
+				label
+			}), description ? /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground text-base",
+				children: description
+			}) : null]
+		})
+	});
+}
+
+//#endregion
+export { LoaderBlock };
+//# sourceMappingURL=LoaderBlock.js.map

package/dist/design-system/src/components/molecules/LoaderBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderBlock.js","names":[],"sources":["../../../../../../design-system/src/components/molecules/LoaderBlock.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport { LoaderCircular } from '../atoms/LoaderCircular';\n\nexport interface LoaderBlockProps {\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  className?: string;\n  size?: 'sm' | 'md' | 'lg';\n}\n\nexport function LoaderBlock({\n  label,\n  description,\n  className,\n  size = 'md',\n}: LoaderBlockProps) {\n  return (\n    <div className={cn('flex items-center justify-center p-6', className)}>\n      <div className=\"inline-flex items-center gap-3\">\n        <LoaderCircular size={size} label={label} />\n        {description ? (\n          <span className=\"text-muted-foreground text-base\">{description}</span>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nexport default LoaderBlock;\n"],"mappings":";;;;;;YACmD;AAUnD,SAAgB,YAAY,EAC1B,OACA,aACA,WACA,OAAO,QACY;AACnB,QACE,oBAAC;EAAI,WAAW,GAAG,wCAAwC,UAAU;YACnE,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAqB;IAAa;KAAS,EAC3C,cACC,oBAAC;IAAK,WAAU;cAAmC;KAAmB,GACpE;IACA;GACF"}

package/dist/index.d.ts

@@ -0,0 +1,114 @@
+import { WorkflowStepRenderer } from "./WorkflowStepRenderer.js";
+import { WorkflowStepper } from "./WorkflowStepper.js";
+import { UseWorkflowOptions, UseWorkflowResult, useWorkflow } from "./useWorkflow.js";
+import * as React from "react";
+import { DefaultValues, Resolver, UseFormReturn } from "react-hook-form";
+
+//#region src/index.d.ts
+interface UsePresentationControllerOpts<TFilters extends Record<string, unknown>, TVars, TItem> {
+  defaults: ListState<TFilters>;
+  form: {
+    defaultValues: DefaultValues<TFilters> | TFilters;
+    resolver?: Resolver<TFilters>;
+  };
+  toVariables: (input: ListState<TFilters>) => TVars;
+  fetcher: ListFetcher<TVars, TItem>;
+  toChips?: (filters: TFilters, setFilter: (key: keyof TFilters, value: TFilters[keyof TFilters] | null) => void) => {
+    key: string;
+    label: React.ReactNode;
+    onRemove?: () => void;
+  }[];
+  useUrlState: (args: {
+    defaults: ListState<TFilters>;
+    replace?: boolean;
+  }) => {
+    state: ListState<TFilters>;
+    setState: (next: Partial<ListState<TFilters>>) => void;
+    setFilter: (key: keyof TFilters, value: TFilters[keyof TFilters] | null) => void;
+    clearFilters: () => void;
+  };
+  replace?: boolean;
+}
+declare function usePresentationController<TFilters extends Record<string, unknown>, TVars, TItem>({
+  defaults,
+  form: formOpts,
+  toVariables,
+  fetcher,
+  toChips,
+  useUrlState,
+  replace
+}: UsePresentationControllerOpts<TFilters, TVars, TItem>): {
+  readonly form: UseFormReturn<TFilters>;
+  readonly url: {
+    state: ListState<TFilters>;
+    setState: (next: Partial<ListState<TFilters>>) => void;
+    setFilter: (key: keyof TFilters, value: TFilters[keyof TFilters] | null) => void;
+    clearFilters: () => void;
+  };
+  readonly variables: TVars;
+  readonly data: TItem[];
+  readonly loading: boolean;
+  readonly error: unknown;
+  readonly totalItems: number | undefined;
+  readonly totalPages: number | undefined;
+  readonly refetch: () => Promise<void>;
+  readonly chips: {
+    key: string;
+    label: React.ReactNode;
+    onRemove?: () => void;
+  }[];
+  readonly setSearch: (q: string) => void;
+  readonly submitFilters: (e?: React.BaseSyntheticEvent) => Promise<void>;
+  readonly clearAll: () => void;
+};
+interface UseListCoordinatorOpts<TFilters extends Record<string, unknown>, TVars> {
+  defaults: ListState<TFilters>;
+  form: {
+    defaultValues: DefaultValues<TFilters>;
+    resolver?: Resolver<TFilters>;
+  };
+  toVariables: (input: ListState<TFilters>) => TVars;
+  toChips?: (filters: TFilters, setFilter: (key: keyof TFilters, value: TFilters[keyof TFilters] | null) => void) => {
+    key: string;
+    label: React.ReactNode;
+    onRemove?: () => void;
+  }[];
+  useUrlState: (args: {
+    defaults: ListState<TFilters>;
+    replace?: boolean;
+  }) => {
+    state: ListState<TFilters>;
+    setState: (next: Partial<ListState<TFilters>>) => void;
+    setFilter: (key: keyof TFilters, value: TFilters[keyof TFilters] | null) => void;
+    clearFilters: () => void;
+  };
+  replace?: boolean;
+}
+declare function useListCoordinator<TFilters extends Record<string, unknown>, TVars>({
+  defaults,
+  form: formOpts,
+  toVariables,
+  toChips,
+  useUrlState,
+  replace
+}: UseListCoordinatorOpts<TFilters, TVars>): {
+  readonly form: UseFormReturn<TFilters>;
+  readonly url: {
+    state: ListState<TFilters>;
+    setState: (next: Partial<ListState<TFilters>>) => void;
+    setFilter: (key: keyof TFilters, value: TFilters[keyof TFilters] | null) => void;
+    clearFilters: () => void;
+  };
+  readonly variables: TVars;
+  readonly chips: {
+    key: string;
+    label: React.ReactNode;
+    onRemove?: () => void;
+  }[];
+  readonly setSearch: (q: string) => void;
+  readonly submitFilters: (e?: React.BaseSyntheticEvent) => Promise<void>;
+  readonly clearAll: () => void;
+};
+//#endregion
+export { UseListCoordinatorOpts, UsePresentationControllerOpts, type UseWorkflowOptions, type UseWorkflowResult, WorkflowStepRenderer, WorkflowStepper, useListCoordinator, usePresentationController, useWorkflow };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/index.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,130 @@
+import { useForm } from "./ui-kit-web/dist/ui/form.js";
+import { WorkflowStepRenderer } from "./WorkflowStepRenderer.js";
+import { WorkflowStepper } from "./WorkflowStepper.js";
+import { useWorkflow } from "./useWorkflow.js";
+import * as React from "react";
+
+//#region src/index.ts
+function usePresentationController({ defaults, form: formOpts, toVariables, fetcher, toChips, useUrlState, replace }) {
+	const url = useUrlState({
+		defaults,
+		replace
+	});
+	const form = useForm({
+		defaultValues: formOpts.defaultValues,
+		resolver: formOpts.resolver
+	});
+	React.useEffect(() => {
+		form.reset({
+			...form.getValues(),
+			...url.state.filters
+		});
+	}, [url.state.filters]);
+	const submitFilters = form.handleSubmit((values) => {
+		url.setState({
+			filters: values,
+			page: 1
+		});
+	});
+	const setSearch = React.useCallback((q) => url.setState({
+		q,
+		page: 1
+	}), [url]);
+	const variables = React.useMemo(() => toVariables(url.state), [url.state, toVariables]);
+	const [data, setData] = React.useState([]);
+	const [loading, setLoading] = React.useState(false);
+	const [error, setError] = React.useState(null);
+	const [totalItems, setTotalItems] = React.useState(void 0);
+	const [totalPages, setTotalPages] = React.useState(void 0);
+	const refetch = React.useCallback(async () => {
+		setLoading(true);
+		setError(null);
+		try {
+			const out = await fetcher(variables);
+			setData(out.items);
+			setTotalItems(out.totalItems);
+			setTotalPages(out.totalPages);
+		} catch (e) {
+			setError(e);
+		} finally {
+			setLoading(false);
+		}
+	}, [variables, fetcher]);
+	React.useEffect(() => {
+		refetch();
+	}, [refetch]);
+	return {
+		form,
+		url,
+		variables,
+		data,
+		loading,
+		error,
+		totalItems,
+		totalPages,
+		refetch,
+		chips: React.useMemo(() => toChips ? toChips(url.state.filters || {}, url.setFilter) : [], [url.state.filters, toChips]),
+		setSearch,
+		submitFilters,
+		clearAll: React.useCallback(() => {
+			form.reset(formOpts.defaultValues);
+			url.setState({
+				filters: {},
+				page: 1
+			});
+		}, [
+			form,
+			formOpts.defaultValues,
+			url
+		])
+	};
+}
+function useListCoordinator({ defaults, form: formOpts, toVariables, toChips, useUrlState, replace }) {
+	const url = useUrlState({
+		defaults,
+		replace
+	});
+	const form = useForm({
+		defaultValues: formOpts.defaultValues,
+		resolver: formOpts.resolver
+	});
+	React.useEffect(() => {
+		form.reset({
+			...form.getValues(),
+			...url.state.filters
+		});
+	}, [url.state.filters]);
+	const submitFilters = form.handleSubmit((values) => {
+		url.setState({
+			filters: values,
+			page: 1
+		});
+	});
+	const setSearch = React.useCallback((q) => url.setState({
+		q,
+		page: 1
+	}), [url]);
+	return {
+		form,
+		url,
+		variables: React.useMemo(() => toVariables(url.state), [url.state, toVariables]),
+		chips: React.useMemo(() => toChips ? toChips(url.state.filters || {}, url.setFilter) : [], [url.state.filters, toChips]),
+		setSearch,
+		submitFilters,
+		clearAll: React.useCallback(() => {
+			form.reset(formOpts.defaultValues);
+			url.setState({
+				filters: {},
+				page: 1
+			});
+		}, [
+			form,
+			formOpts.defaultValues,
+			url
+		])
+	};
+}
+
+//#endregion
+export { WorkflowStepRenderer, WorkflowStepper, useListCoordinator, usePresentationController, useWorkflow };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import * as React from 'react';\nimport type { DefaultValues, Resolver, UseFormReturn } from 'react-hook-form';\nimport { useForm } from '@lssm/lib.ui-kit-web/ui/form';\nimport type {\n  ListFetcher,\n  ListState,\n} from '@lssm/lib.presentation-runtime-core';\n\nexport interface UsePresentationControllerOpts<\n  TFilters extends Record<string, unknown>,\n  TVars,\n  TItem,\n> {\n  defaults: ListState<TFilters>;\n  form: {\n    defaultValues: DefaultValues<TFilters> | TFilters;\n    resolver?: Resolver<TFilters>;\n  };\n  toVariables: (input: ListState<TFilters>) => TVars;\n  fetcher: ListFetcher<TVars, TItem>;\n  toChips?: (\n    filters: TFilters,\n    setFilter: (\n      key: keyof TFilters,\n      value: TFilters[keyof TFilters] | null\n    ) => void\n  ) => { key: string; label: React.ReactNode; onRemove?: () => void }[];\n  useUrlState: (args: { defaults: ListState<TFilters>; replace?: boolean }) => {\n    state: ListState<TFilters>;\n    setState: (next: Partial<ListState<TFilters>>) => void;\n    setFilter: (\n      key: keyof TFilters,\n      value: TFilters[keyof TFilters] | null\n    ) => void;\n    clearFilters: () => void;\n  };\n  replace?: boolean;\n}\n\nexport function usePresentationController<\n  TFilters extends Record<string, unknown>,\n  TVars,\n  TItem,\n>({\n  defaults,\n  form: formOpts,\n  toVariables,\n  fetcher,\n  toChips,\n  useUrlState,\n  replace,\n}: UsePresentationControllerOpts<TFilters, TVars, TItem>) {\n  const url = useUrlState({ defaults, replace });\n  const form = useForm<TFilters>({\n    defaultValues: formOpts.defaultValues,\n    resolver: formOpts.resolver as any,\n  } as any);\n\n  React.useEffect(() => {\n    form.reset({ ...(form.getValues() as any), ...(url.state.filters as any) });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [url.state.filters]);\n\n  const submitFilters = form.handleSubmit((values) => {\n    url.setState({ filters: values as TFilters, page: 1 });\n  });\n\n  const setSearch = React.useCallback(\n    (q: string) => url.setState({ q, page: 1 }),\n    [url]\n  );\n  const variables = React.useMemo(\n    () => toVariables(url.state),\n    [url.state, toVariables]\n  );\n\n  const [data, setData] = React.useState<TItem[]>([]);\n  const [loading, setLoading] = React.useState(false);\n  const [error, setError] = React.useState<unknown>(null);\n  const [totalItems, setTotalItems] = React.useState<number | undefined>(\n    undefined\n  );\n  const [totalPages, setTotalPages] = React.useState<number | undefined>(\n    undefined\n  );\n\n  const refetch = React.useCallback(async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      const out = await fetcher(variables);\n      setData(out.items);\n      setTotalItems(out.totalItems);\n      setTotalPages(out.totalPages);\n    } catch (e) {\n      setError(e);\n    } finally {\n      setLoading(false);\n    }\n  }, [variables, fetcher]);\n\n  React.useEffect(() => {\n    void refetch();\n  }, [refetch]);\n\n  const chips = React.useMemo(\n    () =>\n      toChips\n        ? toChips(\n            (url.state.filters as TFilters) || ({} as any),\n            url.setFilter as any\n          )\n        : [],\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [url.state.filters, toChips]\n  );\n\n  const clearAll = React.useCallback(() => {\n    form.reset(formOpts.defaultValues as any);\n    url.setState({ filters: {} as TFilters, page: 1 });\n  }, [form, formOpts.defaultValues, url]);\n\n  return {\n    form: form as UseFormReturn<TFilters>,\n    url,\n    variables,\n    data,\n    loading,\n    error,\n    totalItems,\n    totalPages,\n    refetch,\n    chips,\n    setSearch,\n    submitFilters,\n    clearAll,\n  } as const;\n}\n\nexport interface UseListCoordinatorOpts<\n  TFilters extends Record<string, unknown>,\n  TVars,\n> {\n  defaults: ListState<TFilters>;\n  form: {\n    defaultValues: DefaultValues<TFilters>;\n    resolver?: Resolver<TFilters>;\n  };\n  toVariables: (input: ListState<TFilters>) => TVars;\n  toChips?: (\n    filters: TFilters,\n    setFilter: (\n      key: keyof TFilters,\n      value: TFilters[keyof TFilters] | null\n    ) => void\n  ) => { key: string; label: React.ReactNode; onRemove?: () => void }[];\n  useUrlState: (args: { defaults: ListState<TFilters>; replace?: boolean }) => {\n    state: ListState<TFilters>;\n    setState: (next: Partial<ListState<TFilters>>) => void;\n    setFilter: (\n      key: keyof TFilters,\n      value: TFilters[keyof TFilters] | null\n    ) => void;\n    clearFilters: () => void;\n  };\n  replace?: boolean;\n}\n\nexport function useListCoordinator<\n  TFilters extends Record<string, unknown>,\n  TVars,\n>({\n  defaults,\n  form: formOpts,\n  toVariables,\n  toChips,\n  useUrlState,\n  replace,\n}: UseListCoordinatorOpts<TFilters, TVars>) {\n  const url = useUrlState({ defaults, replace });\n  const form = useForm<TFilters>({\n    defaultValues: formOpts.defaultValues,\n    resolver: formOpts.resolver,\n  } as any);\n\n  React.useEffect(() => {\n    form.reset({ ...(form.getValues() as any), ...(url.state.filters as any) });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [url.state.filters]);\n\n  const submitFilters = form.handleSubmit((values) => {\n    url.setState({ filters: values as TFilters, page: 1 });\n  });\n\n  const setSearch = React.useCallback(\n    (q: string) => url.setState({ q, page: 1 }),\n    [url]\n  );\n  const variables = React.useMemo(\n    () => toVariables(url.state),\n    [url.state, toVariables]\n  );\n\n  const chips = React.useMemo(\n    () =>\n      toChips\n        ? toChips(\n            (url.state.filters as TFilters) || ({} as any),\n            url.setFilter as any\n          )\n        : [],\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [url.state.filters, toChips]\n  );\n\n  const clearAll = React.useCallback(() => {\n    form.reset(formOpts.defaultValues as any);\n    url.setState({ filters: {} as TFilters, page: 1 });\n  }, [form, formOpts.defaultValues, url]);\n\n  return {\n    form: form as UseFormReturn<TFilters>,\n    url,\n    variables,\n    chips,\n    setSearch,\n    submitFilters,\n    clearAll,\n  } as const;\n}\n\nexport { useWorkflow } from './useWorkflow';\nexport type {\n  UseWorkflowOptions,\n  UseWorkflowResult,\n} from './useWorkflow';\nexport { WorkflowStepper } from './WorkflowStepper';\nexport { WorkflowStepRenderer } from './WorkflowStepRenderer';\n"],"mappings":"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"}

package/dist/nativewind-env.d.ts

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

package/dist/ui-kit-web/dist/ui/empty-state.js

@@ -0,0 +1,44 @@
+import { cn, init_utils } from "./utils.js";
+import { VStack } from "./stack.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region ../ui-kit-web/dist/ui/empty-state.js
+init_utils();
+const containerVariants = cva("items-center text-center", {
+	variants: { density: {
+		compact: "gap-3 p-6",
+		default: "gap-4 p-8"
+	} },
+	defaultVariants: { density: "default" }
+});
+function EmptyState({ icon, title, description, primaryAction, secondaryAction, className, density }) {
+	return /* @__PURE__ */ jsxs(VStack, {
+		className: cn(containerVariants({ density }), className),
+		children: [
+			icon ? /* @__PURE__ */ jsx("div", {
+				className: "bg-muted flex h-12 w-12 items-center justify-center rounded-full",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "text-muted-foreground flex items-center justify-center",
+					children: icon
+				})
+			}) : null,
+			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+				className: "font-medium",
+				children: title
+			}), description ? /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-base",
+				children: description
+			}) : null] }),
+			(primaryAction || secondaryAction) && /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-center gap-2",
+				children: [primaryAction, secondaryAction]
+			})
+		]
+	});
+}
+
+//#endregion
+export { EmptyState };
+//# sourceMappingURL=empty-state.js.map

package/dist/ui-kit-web/dist/ui/empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/empty-state.js"],"sourcesContent":["import { cn } from \"./utils.js\";\nimport { VStack } from \"./stack.js\";\nimport \"react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nimport { cva } from \"class-variance-authority\";\n\n//#region ui/empty-state.tsx\nconst containerVariants = cva(\"items-center text-center\", {\n\tvariants: { density: {\n\t\tcompact: \"gap-3 p-6\",\n\t\tdefault: \"gap-4 p-8\"\n\t} },\n\tdefaultVariants: { density: \"default\" }\n});\nfunction EmptyState({ icon, title, description, primaryAction, secondaryAction, className, density }) {\n\treturn /* @__PURE__ */ jsxs(VStack, {\n\t\tclassName: cn(containerVariants({ density }), className),\n\t\tchildren: [\n\t\t\ticon ? /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\tclassName: \"bg-muted flex h-12 w-12 items-center justify-center rounded-full\",\n\t\t\t\tchildren: /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\tclassName: \"text-muted-foreground flex items-center justify-center\",\n\t\t\t\t\tchildren: icon\n\t\t\t\t})\n\t\t\t}) : null,\n\t\t\t/* @__PURE__ */ jsxs(\"div\", { children: [/* @__PURE__ */ jsx(\"h3\", {\n\t\t\t\tclassName: \"font-medium\",\n\t\t\t\tchildren: title\n\t\t\t}), description ? /* @__PURE__ */ jsx(\"p\", {\n\t\t\t\tclassName: \"text-muted-foreground text-base\",\n\t\t\t\tchildren: description\n\t\t\t}) : null] }),\n\t\t\t(primaryAction || secondaryAction) && /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\tclassName: \"flex items-center justify-center gap-2\",\n\t\t\t\tchildren: [primaryAction, secondaryAction]\n\t\t\t})\n\t\t]\n\t});\n}\n\n//#endregion\nexport { EmptyState };\n//# sourceMappingURL=empty-state.js.map"],"mappings":";;;;;;;YAAgC;AAOhC,MAAM,oBAAoB,IAAI,4BAA4B;CACzD,UAAU,EAAE,SAAS;EACpB,SAAS;EACT,SAAS;EACT,EAAE;CACH,iBAAiB,EAAE,SAAS,WAAW;CACvC,CAAC;AACF,SAAS,WAAW,EAAE,MAAM,OAAO,aAAa,eAAe,iBAAiB,WAAW,WAAW;AACrG,QAAuB,qBAAK,QAAQ;EACnC,WAAW,GAAG,kBAAkB,EAAE,SAAS,CAAC,EAAE,UAAU;EACxD,UAAU;GACT,OAAuB,oBAAI,OAAO;IACjC,WAAW;IACX,UAA0B,oBAAI,OAAO;KACpC,WAAW;KACX,UAAU;KACV,CAAC;IACF,CAAC,GAAG;GACW,qBAAK,OAAO,EAAE,UAAU,CAAiB,oBAAI,MAAM;IAClE,WAAW;IACX,UAAU;IACV,CAAC,EAAE,cAA8B,oBAAI,KAAK;IAC1C,WAAW;IACX,UAAU;IACV,CAAC,GAAG,KAAK,EAAE,CAAC;IACZ,iBAAiB,oBAAoC,qBAAK,OAAO;IACjE,WAAW;IACX,UAAU,CAAC,eAAe,gBAAgB;IAC1C,CAAC;GACF;EACD,CAAC"}

package/dist/ui-kit-web/dist/ui/form.js

@@ -0,0 +1,17 @@
+'use client';
+
+
+import * as React$1 from "react";
+import { useForm } from "react-hook-form";
+import "@hookform/resolvers/zod";
+import { jsx } from "react/jsx-runtime";
+import "@radix-ui/react-label";
+import "@radix-ui/react-slot";
+
+//#region ../ui-kit-web/dist/ui/form.js
+const FormFieldContext = React$1.createContext({});
+const FormItemContext = React$1.createContext({});
+
+//#endregion
+export { useForm };
+//# sourceMappingURL=form.js.map

package/dist/ui-kit-web/dist/ui/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/form.js"],"sourcesContent":["'use client';\n\n\nimport { cn } from \"./utils.js\";\nimport { Label } from \"./label.js\";\nimport * as React$1 from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport \"@radix-ui/react-label\";\nimport { Controller, FormProvider, useFieldArray, useForm, useFormContext, useFormState } from \"react-hook-form\";\nimport { zodResolver } from \"@hookform/resolvers/zod\";\n\n//#region ui/form.tsx\nconst Form = FormProvider;\nconst FormFieldContext = React$1.createContext({});\nconst FormField = ({ ...props }) => {\n\treturn /* @__PURE__ */ jsx(FormFieldContext.Provider, {\n\t\tvalue: { name: props.name },\n\t\tchildren: /* @__PURE__ */ jsx(Controller, { ...props })\n\t});\n};\nconst useFormField = () => {\n\tconst fieldContext = React$1.useContext(FormFieldContext);\n\tconst itemContext = React$1.useContext(FormItemContext);\n\tconst { getFieldState } = useFormContext();\n\tconst formState = useFormState({ name: fieldContext.name });\n\tconst fieldState = getFieldState(fieldContext.name, formState);\n\tif (!fieldContext) throw new Error(\"useFormField should be used within <FormField>\");\n\tconst { id } = itemContext;\n\treturn {\n\t\tid,\n\t\tname: fieldContext.name,\n\t\tformItemId: `${id}-form-item`,\n\t\tformDescriptionId: `${id}-form-item-description`,\n\t\tformMessageId: `${id}-form-item-message`,\n\t\t...fieldState\n\t};\n};\nconst FormItemContext = React$1.createContext({});\nfunction FormItem({ className,...props }) {\n\tconst id = React$1.useId();\n\treturn /* @__PURE__ */ jsx(FormItemContext.Provider, {\n\t\tvalue: { id },\n\t\tchildren: /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\"data-slot\": \"form-item\",\n\t\t\tclassName: cn(\"grid gap-2\", className),\n\t\t\t...props\n\t\t})\n\t});\n}\nfunction FormLabel({ className,...props }) {\n\tconst { error, formItemId } = useFormField();\n\treturn /* @__PURE__ */ jsx(Label, {\n\t\t\"data-slot\": \"form-label\",\n\t\t\"data-error\": !!error,\n\t\tclassName: cn(\"data-[error=true]:text-destructive\", className),\n\t\thtmlFor: formItemId,\n\t\t...props\n\t});\n}\nfunction FormControl({ ...props }) {\n\tconst { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\treturn /* @__PURE__ */ jsx(Slot, {\n\t\t\"data-slot\": \"form-control\",\n\t\tid: formItemId,\n\t\t\"aria-describedby\": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,\n\t\t\"aria-invalid\": !!error,\n\t\t...props\n\t});\n}\nfunction FormDescription({ className,...props }) {\n\tconst { formDescriptionId } = useFormField();\n\treturn /* @__PURE__ */ jsx(\"p\", {\n\t\t\"data-slot\": \"form-description\",\n\t\tid: formDescriptionId,\n\t\tclassName: cn(\"text-muted-foreground text-sm\", className),\n\t\t...props\n\t});\n}\nfunction FormMessage({ className,...props }) {\n\tconst { error, formMessageId } = useFormField();\n\tconst body = error ? String(error?.message ?? \"\") : props.children;\n\tif (!body) return null;\n\treturn /* @__PURE__ */ jsx(\"p\", {\n\t\t\"data-slot\": \"form-message\",\n\t\tid: formMessageId,\n\t\tclassName: cn(\"text-destructive text-sm\", className),\n\t\t...props,\n\t\tchildren: body\n\t});\n}\n\n//#endregion\nexport { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFieldArray, useForm, useFormField, zodResolver };\n//# sourceMappingURL=form.js.map"],"mappings":";;;;;;;;;;;AAcA,MAAM,mBAAmB,QAAQ,cAAc,EAAE,CAAC;AAwBlD,MAAM,kBAAkB,QAAQ,cAAc,EAAE,CAAC"}

package/dist/ui-kit-web/dist/ui/stack.js

@@ -0,0 +1,159 @@
+import { cn, init_utils } from "./utils.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region ../ui-kit-web/dist/ui/stack.js
+init_utils();
+const vStackVariants = cva("flex flex-col", {
+	variants: {
+		gap: {
+			none: "gap-0",
+			xs: "gap-1",
+			sm: "gap-2",
+			md: "gap-3",
+			lg: "gap-4",
+			xl: "gap-6",
+			"2xl": "gap-8"
+		},
+		align: {
+			start: "items-start",
+			center: "items-center",
+			end: "items-end",
+			stretch: "items-stretch"
+		},
+		justify: {
+			start: "justify-start",
+			center: "justify-center",
+			end: "justify-end",
+			between: "justify-between",
+			around: "justify-around",
+			evenly: "justify-evenly"
+		}
+	},
+	defaultVariants: {
+		gap: "md",
+		align: "stretch",
+		justify: "start"
+	}
+});
+const VStack = React$1.forwardRef(({ className, gap, align, justify, as = "div",...props }, ref) => {
+	return /* @__PURE__ */ jsx(as, {
+		ref,
+		className: cn(vStackVariants({
+			gap,
+			align,
+			justify
+		}), className),
+		...props
+	});
+});
+VStack.displayName = "VStack";
+const hStackVariants = cva("flex flex-row", {
+	variants: {
+		gap: {
+			none: "gap-0",
+			xs: "gap-1",
+			sm: "gap-2",
+			md: "gap-3",
+			lg: "gap-4",
+			xl: "gap-6",
+			"2xl": "gap-8"
+		},
+		align: {
+			start: "items-start",
+			center: "items-center",
+			end: "items-end",
+			stretch: "items-stretch",
+			baseline: "items-baseline"
+		},
+		justify: {
+			start: "justify-start",
+			center: "justify-center",
+			end: "justify-end",
+			between: "justify-between",
+			around: "justify-around",
+			evenly: "justify-evenly"
+		},
+		wrap: {
+			nowrap: "flex-nowrap",
+			wrap: "flex-wrap",
+			wrapReverse: "flex-wrap-reverse"
+		}
+	},
+	defaultVariants: {
+		gap: "md",
+		align: "center",
+		justify: "start",
+		wrap: "wrap"
+	}
+});
+const HStack = React$1.forwardRef(({ className, gap, align, justify, wrap, as = "div",...props }, ref) => {
+	return /* @__PURE__ */ jsx(as, {
+		ref,
+		className: cn(hStackVariants({
+			gap,
+			align,
+			justify,
+			wrap
+		}), className),
+		...props
+	});
+});
+HStack.displayName = "HStack";
+const boxVariants = cva("flex flex-row", {
+	variants: {
+		gap: {
+			none: "gap-0",
+			xs: "gap-1",
+			sm: "gap-2",
+			md: "gap-3",
+			lg: "gap-4",
+			xl: "gap-6",
+			"2xl": "gap-8"
+		},
+		align: {
+			start: "items-start",
+			center: "items-center",
+			end: "items-end",
+			stretch: "items-stretch",
+			baseline: "items-baseline"
+		},
+		justify: {
+			start: "justify-start",
+			center: "justify-center",
+			end: "justify-end",
+			between: "justify-between",
+			around: "justify-around",
+			evenly: "justify-evenly"
+		},
+		wrap: {
+			nowrap: "flex-nowrap",
+			wrap: "flex-wrap",
+			wrapReverse: "flex-wrap-reverse"
+		}
+	},
+	defaultVariants: {
+		gap: "md",
+		align: "center",
+		justify: "center",
+		wrap: "nowrap"
+	}
+});
+const Box = React$1.forwardRef(({ className, gap, align, justify, wrap, as = "div",...props }, ref) => {
+	return /* @__PURE__ */ jsx(as, {
+		ref,
+		className: cn(boxVariants({
+			gap,
+			align,
+			justify,
+			wrap
+		}), className),
+		...props
+	});
+});
+Box.displayName = "Box";
+
+//#endregion
+export { HStack, VStack };
+//# sourceMappingURL=stack.js.map

package/dist/ui-kit-web/dist/ui/stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/stack.js"],"sourcesContent":["import { cn } from \"./utils.js\";\nimport * as React$1 from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { cva } from \"class-variance-authority\";\n\n//#region ui/stack.tsx\nconst vStackVariants = cva(\"flex flex-col\", {\n\tvariants: {\n\t\tgap: {\n\t\t\tnone: \"gap-0\",\n\t\t\txs: \"gap-1\",\n\t\t\tsm: \"gap-2\",\n\t\t\tmd: \"gap-3\",\n\t\t\tlg: \"gap-4\",\n\t\t\txl: \"gap-6\",\n\t\t\t\"2xl\": \"gap-8\"\n\t\t},\n\t\talign: {\n\t\t\tstart: \"items-start\",\n\t\t\tcenter: \"items-center\",\n\t\t\tend: \"items-end\",\n\t\t\tstretch: \"items-stretch\"\n\t\t},\n\t\tjustify: {\n\t\t\tstart: \"justify-start\",\n\t\t\tcenter: \"justify-center\",\n\t\t\tend: \"justify-end\",\n\t\t\tbetween: \"justify-between\",\n\t\t\taround: \"justify-around\",\n\t\t\tevenly: \"justify-evenly\"\n\t\t}\n\t},\n\tdefaultVariants: {\n\t\tgap: \"md\",\n\t\talign: \"stretch\",\n\t\tjustify: \"start\"\n\t}\n});\nconst VStack = React$1.forwardRef(({ className, gap, align, justify, as = \"div\",...props }, ref) => {\n\treturn /* @__PURE__ */ jsx(as, {\n\t\tref,\n\t\tclassName: cn(vStackVariants({\n\t\t\tgap,\n\t\t\talign,\n\t\t\tjustify\n\t\t}), className),\n\t\t...props\n\t});\n});\nVStack.displayName = \"VStack\";\nconst hStackVariants = cva(\"flex flex-row\", {\n\tvariants: {\n\t\tgap: {\n\t\t\tnone: \"gap-0\",\n\t\t\txs: \"gap-1\",\n\t\t\tsm: \"gap-2\",\n\t\t\tmd: \"gap-3\",\n\t\t\tlg: \"gap-4\",\n\t\t\txl: \"gap-6\",\n\t\t\t\"2xl\": \"gap-8\"\n\t\t},\n\t\talign: {\n\t\t\tstart: \"items-start\",\n\t\t\tcenter: \"items-center\",\n\t\t\tend: \"items-end\",\n\t\t\tstretch: \"items-stretch\",\n\t\t\tbaseline: \"items-baseline\"\n\t\t},\n\t\tjustify: {\n\t\t\tstart: \"justify-start\",\n\t\t\tcenter: \"justify-center\",\n\t\t\tend: \"justify-end\",\n\t\t\tbetween: \"justify-between\",\n\t\t\taround: \"justify-around\",\n\t\t\tevenly: \"justify-evenly\"\n\t\t},\n\t\twrap: {\n\t\t\tnowrap: \"flex-nowrap\",\n\t\t\twrap: \"flex-wrap\",\n\t\t\twrapReverse: \"flex-wrap-reverse\"\n\t\t}\n\t},\n\tdefaultVariants: {\n\t\tgap: \"md\",\n\t\talign: \"center\",\n\t\tjustify: \"start\",\n\t\twrap: \"wrap\"\n\t}\n});\nconst HStack = React$1.forwardRef(({ className, gap, align, justify, wrap, as = \"div\",...props }, ref) => {\n\treturn /* @__PURE__ */ jsx(as, {\n\t\tref,\n\t\tclassName: cn(hStackVariants({\n\t\t\tgap,\n\t\t\talign,\n\t\t\tjustify,\n\t\t\twrap\n\t\t}), className),\n\t\t...props\n\t});\n});\nHStack.displayName = \"HStack\";\nconst boxVariants = cva(\"flex flex-row\", {\n\tvariants: {\n\t\tgap: {\n\t\t\tnone: \"gap-0\",\n\t\t\txs: \"gap-1\",\n\t\t\tsm: \"gap-2\",\n\t\t\tmd: \"gap-3\",\n\t\t\tlg: \"gap-4\",\n\t\t\txl: \"gap-6\",\n\t\t\t\"2xl\": \"gap-8\"\n\t\t},\n\t\talign: {\n\t\t\tstart: \"items-start\",\n\t\t\tcenter: \"items-center\",\n\t\t\tend: \"items-end\",\n\t\t\tstretch: \"items-stretch\",\n\t\t\tbaseline: \"items-baseline\"\n\t\t},\n\t\tjustify: {\n\t\t\tstart: \"justify-start\",\n\t\t\tcenter: \"justify-center\",\n\t\t\tend: \"justify-end\",\n\t\t\tbetween: \"justify-between\",\n\t\t\taround: \"justify-around\",\n\t\t\tevenly: \"justify-evenly\"\n\t\t},\n\t\twrap: {\n\t\t\tnowrap: \"flex-nowrap\",\n\t\t\twrap: \"flex-wrap\",\n\t\t\twrapReverse: \"flex-wrap-reverse\"\n\t\t}\n\t},\n\tdefaultVariants: {\n\t\tgap: \"md\",\n\t\talign: \"center\",\n\t\tjustify: \"center\",\n\t\twrap: \"nowrap\"\n\t}\n});\nconst Box = React$1.forwardRef(({ className, gap, align, justify, wrap, as = \"div\",...props }, ref) => {\n\treturn /* @__PURE__ */ jsx(as, {\n\t\tref,\n\t\tclassName: cn(boxVariants({\n\t\t\tgap,\n\t\t\talign,\n\t\t\tjustify,\n\t\t\twrap\n\t\t}), className),\n\t\t...props\n\t});\n});\nBox.displayName = \"Box\";\n\n//#endregion\nexport { Box, HStack, VStack, boxVariants, hStackVariants, vStackVariants };\n//# sourceMappingURL=stack.js.map"],"mappings":";;;;;;YAAgC;AAMhC,MAAM,iBAAiB,IAAI,iBAAiB;CAC3C,UAAU;EACT,KAAK;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACP;EACD,OAAO;GACN,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT;EACD,SAAS;GACR,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACR;EACD;CACD,iBAAiB;EAChB,KAAK;EACL,OAAO;EACP,SAAS;EACT;CACD,CAAC;AACF,MAAM,SAAS,QAAQ,YAAY,EAAE,WAAW,KAAK,OAAO,SAAS,KAAK,MAAM,GAAG,SAAS,QAAQ;AACnG,QAAuB,oBAAI,IAAI;EAC9B;EACA,WAAW,GAAG,eAAe;GAC5B;GACA;GACA;GACA,CAAC,EAAE,UAAU;EACd,GAAG;EACH,CAAC;EACD;AACF,OAAO,cAAc;AACrB,MAAM,iBAAiB,IAAI,iBAAiB;CAC3C,UAAU;EACT,KAAK;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACP;EACD,OAAO;GACN,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,UAAU;GACV;EACD,SAAS;GACR,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACR;EACD,MAAM;GACL,QAAQ;GACR,MAAM;GACN,aAAa;GACb;EACD;CACD,iBAAiB;EAChB,KAAK;EACL,OAAO;EACP,SAAS;EACT,MAAM;EACN;CACD,CAAC;AACF,MAAM,SAAS,QAAQ,YAAY,EAAE,WAAW,KAAK,OAAO,SAAS,MAAM,KAAK,MAAM,GAAG,SAAS,QAAQ;AACzG,QAAuB,oBAAI,IAAI;EAC9B;EACA,WAAW,GAAG,eAAe;GAC5B;GACA;GACA;GACA;GACA,CAAC,EAAE,UAAU;EACd,GAAG;EACH,CAAC;EACD;AACF,OAAO,cAAc;AACrB,MAAM,cAAc,IAAI,iBAAiB;CACxC,UAAU;EACT,KAAK;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACP;EACD,OAAO;GACN,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,UAAU;GACV;EACD,SAAS;GACR,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACR;EACD,MAAM;GACL,QAAQ;GACR,MAAM;GACN,aAAa;GACb;EACD;CACD,iBAAiB;EAChB,KAAK;EACL,OAAO;EACP,SAAS;EACT,MAAM;EACN;CACD,CAAC;AACF,MAAM,MAAM,QAAQ,YAAY,EAAE,WAAW,KAAK,OAAO,SAAS,MAAM,KAAK,MAAM,GAAG,SAAS,QAAQ;AACtG,QAAuB,oBAAI,IAAI;EAC9B;EACA,WAAW,GAAG,YAAY;GACzB;GACA;GACA;GACA;GACA,CAAC,EAAE,UAAU;EACd,GAAG;EACH,CAAC;EACD;AACF,IAAI,cAAc"}

package/dist/ui-kit-web/dist/ui/stepper.js

@@ -0,0 +1,38 @@
+import { cn, init_utils } from "./utils.js";
+import { HStack } from "./stack.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region ../ui-kit-web/dist/ui/stepper.js
+init_utils();
+const dotVariants = cva("h-2 w-2 rounded-full", {
+	variants: {
+		state: {
+			active: "bg-primary",
+			inactive: "bg-muted-foreground/20"
+		},
+		size: {
+			sm: "",
+			md: "h-2.5 w-2.5"
+		}
+	},
+	defaultVariants: {
+		state: "inactive",
+		size: "md"
+	}
+});
+function Stepper({ current, total, size, className }) {
+	const items = Array.from({ length: Math.max(0, total) });
+	return /* @__PURE__ */ jsx(HStack, {
+		className: cn("items-center gap-2", className),
+		children: items.map((_, idx) => /* @__PURE__ */ jsx("span", { className: cn(dotVariants({
+			state: idx + 1 === current ? "active" : "inactive",
+			size
+		})) }, idx))
+	});
+}
+
+//#endregion
+export { Stepper };
+//# sourceMappingURL=stepper.js.map

package/dist/ui-kit-web/dist/ui/stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/stepper.js"],"sourcesContent":["import { cn } from \"./utils.js\";\nimport { HStack } from \"./stack.js\";\nimport \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { cva } from \"class-variance-authority\";\n\n//#region ui/stepper.tsx\nconst dotVariants = cva(\"h-2 w-2 rounded-full\", {\n\tvariants: {\n\t\tstate: {\n\t\t\tactive: \"bg-primary\",\n\t\t\tinactive: \"bg-muted-foreground/20\"\n\t\t},\n\t\tsize: {\n\t\t\tsm: \"\",\n\t\t\tmd: \"h-2.5 w-2.5\"\n\t\t}\n\t},\n\tdefaultVariants: {\n\t\tstate: \"inactive\",\n\t\tsize: \"md\"\n\t}\n});\nfunction Stepper({ current, total, size, className }) {\n\tconst items = Array.from({ length: Math.max(0, total) });\n\treturn /* @__PURE__ */ jsx(HStack, {\n\t\tclassName: cn(\"items-center gap-2\", className),\n\t\tchildren: items.map((_, idx) => /* @__PURE__ */ jsx(\"span\", { className: cn(dotVariants({\n\t\t\tstate: idx + 1 === current ? \"active\" : \"inactive\",\n\t\t\tsize\n\t\t})) }, idx))\n\t});\n}\n\n//#endregion\nexport { Stepper };\n//# sourceMappingURL=stepper.js.map"],"mappings":";;;;;;;YAAgC;AAOhC,MAAM,cAAc,IAAI,wBAAwB;CAC/C,UAAU;EACT,OAAO;GACN,QAAQ;GACR,UAAU;GACV;EACD,MAAM;GACL,IAAI;GACJ,IAAI;GACJ;EACD;CACD,iBAAiB;EAChB,OAAO;EACP,MAAM;EACN;CACD,CAAC;AACF,SAAS,QAAQ,EAAE,SAAS,OAAO,MAAM,aAAa;CACrD,MAAM,QAAQ,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAI,GAAG,MAAM,EAAE,CAAC;AACxD,QAAuB,oBAAI,QAAQ;EAClC,WAAW,GAAG,sBAAsB,UAAU;EAC9C,UAAU,MAAM,KAAK,GAAG,QAAwB,oBAAI,QAAQ,EAAE,WAAW,GAAG,YAAY;GACvF,OAAO,MAAM,MAAM,UAAU,WAAW;GACxC;GACA,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC;EACZ,CAAC"}

package/dist/ui-kit-web/dist/ui/utils.js

@@ -0,0 +1,14 @@
+import { __esm } from "../../../_virtual/rolldown_runtime.js";
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+//#region ../ui-kit-web/dist/ui/utils.js
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+var init_utils = __esm({ "../ui-kit-web/dist/ui/utils.js": (() => {}) });
+
+//#endregion
+init_utils();
+export { cn, init_utils };
+//# sourceMappingURL=utils.js.map

package/dist/ui-kit-web/dist/ui/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/utils.js"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n//#region ui/utils.ts\nfunction cn(...inputs) {\n\treturn twMerge(clsx(inputs));\n}\n\n//#endregion\nexport { cn };\n//# sourceMappingURL=utils.js.map"],"mappings":";;;;;AAIA,SAAS,GAAG,GAAG,QAAQ;AACtB,QAAO,QAAQ,KAAK,OAAO,CAAC"}

package/dist/useWorkflow.d.ts

@@ -0,0 +1,25 @@
+//#region src/useWorkflow.d.ts
+interface UseWorkflowOptions {
+  workflowId: string;
+  runner: WorkflowRunner;
+  autoRefresh?: boolean;
+  refreshIntervalMs?: number;
+}
+interface UseWorkflowResult {
+  state: WorkflowState | null;
+  isLoading: boolean;
+  error: Error | null;
+  isExecuting: boolean;
+  refresh: () => Promise<void>;
+  executeStep: (input?: unknown) => Promise<void>;
+  cancel: () => Promise<void>;
+}
+declare function useWorkflow({
+  workflowId,
+  runner,
+  autoRefresh,
+  refreshIntervalMs
+}: UseWorkflowOptions): UseWorkflowResult;
+//#endregion
+export { UseWorkflowOptions, UseWorkflowResult, useWorkflow };
+//# sourceMappingURL=useWorkflow.d.ts.map

package/dist/useWorkflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWorkflow.d.ts","names":[],"sources":["../src/useWorkflow.ts"],"sourcesContent":[],"mappings":";AAMiB,UAAA,kBAAA,CAEP;EAKO,UAAA,EAAA,MAAA;EACR,MAAA,EANC,cAMD;EAEA,WAAA,CAAA,EAAA,OAAA;EAEQ,iBAAA,CAAA,EAAA,MAAA;;AAED,UAPC,iBAAA,CAOD;EAAO,KAAA,EANd,aAMc,GAAA,IAAA;EAGP,SAAA,EAAA,OAAW;EACzB,KAAA,EARO,KAQP,GAAA,IAAA;EACA,WAAA,EAAA,OAAA;EACA,OAAA,EAAA,GAAA,GARe,OAQf,CAAA,IAAA,CAAA;EACA,WAAA,EAAA,CAAA,KAAA,CAAA,EAAA,OAAA,EAAA,GARkC,OAQlC,CAAA,IAAA,CAAA;EACC,MAAA,EAAA,GAAA,GARa,OAQb,CAAA,IAAA,CAAA;;AAAsC,iBALzB,WAAA,CAKyB;EAAA,UAAA;EAAA,MAAA;EAAA,WAAA;EAAA;AAAA,CAAA,EAAtC,kBAAsC,CAAA,EAAjB,iBAAiB"}

package/dist/useWorkflow.js

@@ -0,0 +1,79 @@
+import * as React from "react";
+
+//#region src/useWorkflow.ts
+function useWorkflow({ workflowId, runner, autoRefresh = true, refreshIntervalMs = 2e3 }) {
+	const isMounted = React.useRef(true);
+	const [state, setState] = React.useState(null);
+	const [isLoading, setIsLoading] = React.useState(true);
+	const [error, setError] = React.useState(null);
+	const [isExecuting, setIsExecuting] = React.useState(false);
+	const refresh = React.useCallback(async () => {
+		try {
+			setIsLoading(true);
+			const next = await runner.getState(workflowId);
+			if (!isMounted.current) return;
+			setState(next);
+			setError(null);
+		} catch (err) {
+			if (!isMounted.current) return;
+			setError(err instanceof Error ? err : new Error(String(err)));
+		} finally {
+			if (isMounted.current) setIsLoading(false);
+		}
+	}, [runner, workflowId]);
+	const executeStep = React.useCallback(async (input) => {
+		setIsExecuting(true);
+		try {
+			await runner.executeStep(workflowId, input);
+			await refresh();
+		} catch (err) {
+			if (isMounted.current) setError(err instanceof Error ? err : new Error(String(err)));
+			throw err;
+		} finally {
+			if (isMounted.current) setIsExecuting(false);
+		}
+	}, [
+		runner,
+		workflowId,
+		refresh
+	]);
+	const cancel = React.useCallback(async () => {
+		await runner.cancel(workflowId);
+		await refresh();
+	}, [
+		runner,
+		workflowId,
+		refresh
+	]);
+	React.useEffect(() => {
+		isMounted.current = true;
+		refresh();
+		if (!autoRefresh) return () => {
+			isMounted.current = false;
+		};
+		const interval = setInterval(() => {
+			refresh();
+		}, refreshIntervalMs);
+		return () => {
+			isMounted.current = false;
+			clearInterval(interval);
+		};
+	}, [
+		refresh,
+		autoRefresh,
+		refreshIntervalMs
+	]);
+	return {
+		state,
+		isLoading,
+		error,
+		isExecuting,
+		refresh,
+		executeStep,
+		cancel
+	};
+}
+
+//#endregion
+export { useWorkflow };
+//# sourceMappingURL=useWorkflow.js.map

package/dist/useWorkflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWorkflow.js","names":[],"sources":["../src/useWorkflow.ts"],"sourcesContent":["import * as React from 'react';\nimport type {\n  WorkflowRunner,\n  WorkflowState,\n} from '@lssm/lib.contracts/workflow';\n\nexport interface UseWorkflowOptions {\n  workflowId: string;\n  runner: WorkflowRunner;\n  autoRefresh?: boolean;\n  refreshIntervalMs?: number;\n}\n\nexport interface UseWorkflowResult {\n  state: WorkflowState | null;\n  isLoading: boolean;\n  error: Error | null;\n  isExecuting: boolean;\n  refresh: () => Promise<void>;\n  executeStep: (input?: unknown) => Promise<void>;\n  cancel: () => Promise<void>;\n}\n\nexport function useWorkflow({\n  workflowId,\n  runner,\n  autoRefresh = true,\n  refreshIntervalMs = 2000,\n}: UseWorkflowOptions): UseWorkflowResult {\n  const isMounted = React.useRef(true);\n  const [state, setState] = React.useState<WorkflowState | null>(null);\n  const [isLoading, setIsLoading] = React.useState(true);\n  const [error, setError] = React.useState<Error | null>(null);\n  const [isExecuting, setIsExecuting] = React.useState(false);\n\n  const refresh = React.useCallback(async () => {\n    try {\n      setIsLoading(true);\n      const next = await runner.getState(workflowId);\n      if (!isMounted.current) return;\n      setState(next);\n      setError(null);\n    } catch (err) {\n      if (!isMounted.current) return;\n      setError(err instanceof Error ? err : new Error(String(err)));\n    } finally {\n      if (isMounted.current) setIsLoading(false);\n    }\n  }, [runner, workflowId]);\n\n  const executeStep = React.useCallback(\n    async (input?: unknown) => {\n      setIsExecuting(true);\n      try {\n        await runner.executeStep(workflowId, input);\n        await refresh();\n      } catch (err) {\n        if (isMounted.current) {\n          setError(err instanceof Error ? err : new Error(String(err)));\n        }\n        throw err;\n      } finally {\n        if (isMounted.current) setIsExecuting(false);\n      }\n    },\n    [runner, workflowId, refresh]\n  );\n\n  const cancel = React.useCallback(async () => {\n    await runner.cancel(workflowId);\n    await refresh();\n  }, [runner, workflowId, refresh]);\n\n  React.useEffect(() => {\n    isMounted.current = true;\n    void refresh();\n    if (!autoRefresh) {\n      return () => {\n        isMounted.current = false;\n      };\n    }\n    const interval = setInterval(() => {\n      void refresh();\n    }, refreshIntervalMs);\n    return () => {\n      isMounted.current = false;\n      clearInterval(interval);\n    };\n  }, [refresh, autoRefresh, refreshIntervalMs]);\n\n  return {\n    state,\n    isLoading,\n    error,\n    isExecuting,\n    refresh,\n    executeStep,\n    cancel,\n  };\n}\n\n"],"mappings":";;;AAuBA,SAAgB,YAAY,EAC1B,YACA,QACA,cAAc,MACd,oBAAoB,OACoB;CACxC,MAAM,YAAY,MAAM,OAAO,KAAK;CACpC,MAAM,CAAC,OAAO,YAAY,MAAM,SAA+B,KAAK;CACpE,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAS,KAAK;CACtD,MAAM,CAAC,OAAO,YAAY,MAAM,SAAuB,KAAK;CAC5D,MAAM,CAAC,aAAa,kBAAkB,MAAM,SAAS,MAAM;CAE3D,MAAM,UAAU,MAAM,YAAY,YAAY;AAC5C,MAAI;AACF,gBAAa,KAAK;GAClB,MAAM,OAAO,MAAM,OAAO,SAAS,WAAW;AAC9C,OAAI,CAAC,UAAU,QAAS;AACxB,YAAS,KAAK;AACd,YAAS,KAAK;WACP,KAAK;AACZ,OAAI,CAAC,UAAU,QAAS;AACxB,YAAS,eAAe,QAAQ,MAAM,IAAI,MAAM,OAAO,IAAI,CAAC,CAAC;YACrD;AACR,OAAI,UAAU,QAAS,cAAa,MAAM;;IAE3C,CAAC,QAAQ,WAAW,CAAC;CAExB,MAAM,cAAc,MAAM,YACxB,OAAO,UAAoB;AACzB,iBAAe,KAAK;AACpB,MAAI;AACF,SAAM,OAAO,YAAY,YAAY,MAAM;AAC3C,SAAM,SAAS;WACR,KAAK;AACZ,OAAI,UAAU,QACZ,UAAS,eAAe,QAAQ,MAAM,IAAI,MAAM,OAAO,IAAI,CAAC,CAAC;AAE/D,SAAM;YACE;AACR,OAAI,UAAU,QAAS,gBAAe,MAAM;;IAGhD;EAAC;EAAQ;EAAY;EAAQ,CAC9B;CAED,MAAM,SAAS,MAAM,YAAY,YAAY;AAC3C,QAAM,OAAO,OAAO,WAAW;AAC/B,QAAM,SAAS;IACd;EAAC;EAAQ;EAAY;EAAQ,CAAC;AAEjC,OAAM,gBAAgB;AACpB,YAAU,UAAU;AACpB,EAAK,SAAS;AACd,MAAI,CAAC,YACH,cAAa;AACX,aAAU,UAAU;;EAGxB,MAAM,WAAW,kBAAkB;AACjC,GAAK,SAAS;KACb,kBAAkB;AACrB,eAAa;AACX,aAAU,UAAU;AACpB,iBAAc,SAAS;;IAExB;EAAC;EAAS;EAAa;EAAkB,CAAC;AAE7C,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@lssm/lib.presentation-runtime-react",
+  "version": "3.0.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "scripts": {
+    "build": "bun build:bundle && bun build:types",
+    "build:bundle": "tsdown",
+    "build:types": "tsc --noEmit -p tsconfig.json",
+    "dev": "bun run build:bundle --watch",
+    "lint": "bun run lint:fix",
+    "lint:fix": "eslint src --fix",
+    "lint:check": "eslint src"
+  },
+  "peerDependencies": {
+    "react": "^19.1.0",
+    "react-hook-form": "7.66.0",
+    "zod": "^4.1.5",
+    "@lssm/lib.presentation-runtime-core": "^1.2.0"
+  },
+  "dependencies": {
+    "@lssm/lib.presentation-runtime-core": "workspace:^1.2.0",
+    "@lssm/lib.contracts": "workspace:^1.2.0",
+    "@lssm/lib.design-system": "workspace:^1.2.0"
+  },
+  "exports": {
+    ".": "./src/index.ts",
+    "./useWorkflow": "./src/useWorkflow.ts",
+    "./WorkflowStepper": "./src/WorkflowStepper.tsx",
+    "./WorkflowStepRenderer": "./src/WorkflowStepRenderer.tsx",
+    "./*": "./*"
+  },
+  "publishConfig": {
+    "exports": {
+      ".": "./dist/index.js",
+      "./useWorkflow": "./dist/useWorkflow.js",
+      "./WorkflowStepper": "./dist/WorkflowStepper.js",
+      "./WorkflowStepRenderer": "./dist/WorkflowStepRenderer.js",
+      "./*": "./*"
+    },
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ]
+}