@lssm/lib.presentation-runtime-react 0.0.0-canary-20251217060834 → 0.0.0-canary-20251217073102

package/dist/WorkflowStepRenderer.js

@@ -1,5 +1,6 @@
+import { EmptyState$1 } from "./design-system/dist/components/atoms/EmptyState.js";
+import { LoaderBlock } from "./design-system/dist/components/molecules/LoaderBlock.js";
 import "react";
-import { EmptyState, LoaderBlock } from "@lssm/lib.design-system";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/WorkflowStepRenderer.tsx
@@ -7,7 +8,7 @@ function WorkflowStepRenderer({ spec, state, className, renderHumanStep, renderA
 	const steps = spec.definition.steps;
 	if (!steps.length) return /* @__PURE__ */ jsx("div", {
 		className,
-		children: /* @__PURE__ */ jsx(EmptyState, {
+		children: /* @__PURE__ */ jsx(EmptyState$1, {
 			title: "No steps defined",
 			description: "Add at least one step to this workflow to render it."
 		})
@@ -22,21 +23,21 @@ function WorkflowStepRenderer({ spec, state, className, renderHumanStep, renderA
 	const lastExecution = state.history.at(-1);
 	if (state.status === "failed") return /* @__PURE__ */ jsx("div", {
 		className,
-		children: failedFallback?.(state, lastExecution) ?? /* @__PURE__ */ jsx(EmptyState, {
+		children: failedFallback?.(state, lastExecution) ?? /* @__PURE__ */ jsx(EmptyState$1, {
 			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, {
+		children: cancelledFallback ?? /* @__PURE__ */ jsx(EmptyState$1, {
 			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, {
+		children: completedFallback ?? /* @__PURE__ */ jsx(EmptyState$1, {
 			title: "Workflow complete",
 			description: "All steps have been executed successfully."
 		})
@@ -44,7 +45,7 @@ function WorkflowStepRenderer({ spec, state, className, renderHumanStep, renderA
 	const activeStep = steps.find((step) => step.id === state.currentStep) ?? steps[0];
 	if (!activeStep) return /* @__PURE__ */ jsx("div", {
 		className,
-		children: /* @__PURE__ */ jsx(EmptyState, {
+		children: /* @__PURE__ */ jsx(EmptyState$1, {
 			title: "No active step",
 			description: "This workflow has no active step."
 		})
@@ -58,7 +59,7 @@ function WorkflowStepRenderer({ spec, state, className, renderHumanStep, renderA
 			});
 			return /* @__PURE__ */ jsx("div", {
 				className,
-				children: /* @__PURE__ */ jsx(EmptyState, {
+				children: /* @__PURE__ */ jsx(EmptyState$1, {
 					title: "Form renderer missing",
 					description: "Provide renderHumanStep to render this human step's form."
 				})
@@ -71,7 +72,7 @@ function WorkflowStepRenderer({ spec, state, className, renderHumanStep, renderA
 			});
 			return /* @__PURE__ */ jsx("div", {
 				className,
-				children: /* @__PURE__ */ jsx(EmptyState, {
+				children: /* @__PURE__ */ jsx(EmptyState$1, {
 					title: "Automation step in progress",
 					description: `Waiting for automation "${activeStep.label}" to finish.`
 				})
@@ -83,14 +84,14 @@ function WorkflowStepRenderer({ spec, state, className, renderHumanStep, renderA
 			});
 			return /* @__PURE__ */ jsx("div", {
 				className,
-				children: /* @__PURE__ */ jsx(EmptyState, {
+				children: /* @__PURE__ */ jsx(EmptyState$1, {
 					title: "Decision step awaiting input",
 					description: "Provide a custom decision renderer via renderDecisionStep."
 				})
 			});
 		default: return /* @__PURE__ */ jsx("div", {
 			className,
-			children: /* @__PURE__ */ jsx(EmptyState, {
+			children: /* @__PURE__ */ jsx(EmptyState$1, {
 				title: "Unknown step type",
 				description: `Step "${activeStep.id}" has an unsupported type.`
 			})

package/dist/WorkflowStepper.js

@@ -1,5 +1,5 @@
+import { Stepper$1 } from "./design-system/dist/components/atoms/Stepper.js";
 import "react";
-import { Stepper } from "@lssm/lib.design-system";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/WorkflowStepper.tsx
@@ -9,7 +9,7 @@ function WorkflowStepper({ spec, state, className, showLabels = false }) {
 	const current = computeCurrent(steps, state);
 	return /* @__PURE__ */ jsxs("div", {
 		className: ["flex flex-col gap-2", className].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ jsx(Stepper, {
+		children: [/* @__PURE__ */ jsx(Stepper$1, {
 			current,
 			total
 		}), showLabels && total > 0 && /* @__PURE__ */ jsx("ol", {

package/dist/design-system/dist/_virtual/rolldown_runtime.js

@@ -0,0 +1,5 @@
+//#region ../design-system/dist/_virtual/rolldown_runtime.js
+var __esmMin = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+
+//#endregion
+export { __esmMin };

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

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

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

@@ -0,0 +1,43 @@
+import { cn } 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/dist/components/atoms/LoaderCircular.js
+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 };

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

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

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

@@ -0,0 +1,24 @@
+import { cn } 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/dist/components/molecules/LoaderBlock.js
+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 };

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

@@ -0,0 +1,43 @@
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import { VStack } from "./stack.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region ../design-system/dist/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 };

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

@@ -0,0 +1,158 @@
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region ../design-system/dist/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 };

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

@@ -0,0 +1,37 @@
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import { HStack } from "./stack.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region ../design-system/dist/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 };

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

@@ -0,0 +1,10 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+//#region ../design-system/dist/ui-kit-web/dist/ui/utils.js
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+
+//#endregion
+export { cn };

package/dist/design-system/dist/ui-kit-web/dist/ui-kit-core/dist/utils.js

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

package/dist/index.js

@@ -1,8 +1,8 @@
 import { WorkflowStepRenderer } from "./WorkflowStepRenderer.js";
 import { WorkflowStepper } from "./WorkflowStepper.js";
+import { useForm } from "./ui-kit-web/dist/ui/form.js";
 import { useWorkflow } from "./useWorkflow.js";
 import * as React from "react";
-import { useForm } from "@lssm/lib.ui-kit-web/ui/form";
 
 //#region src/index.ts
 function usePresentationController({ defaults, form: formOpts, toVariables, fetcher, toChips, useUrlState, replace }) {

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lssm/lib.presentation-runtime-react",
-  "version": "0.0.0-canary-20251217060834",
+  "version": "0.0.0-canary-20251217073102",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -21,13 +21,13 @@
     "react": "^19.2.3",
     "react-hook-form": "^7.68.0",
     "zod": "^4.1.13",
-    "@lssm/lib.presentation-runtime-core": "0.0.0-canary-20251217060834"
+    "@lssm/lib.presentation-runtime-core": "0.0.0-canary-20251217073102"
   },
   "dependencies": {
-    "@lssm/lib.presentation-runtime-core": "0.0.0-canary-20251217060834",
-    "@lssm/lib.contracts": "0.0.0-canary-20251217060834",
-    "@lssm/lib.design-system": "0.0.0-canary-20251217060834",
-    "@lssm/lib.ui-kit-web": "0.0.0-canary-20251217060834"
+    "@lssm/lib.presentation-runtime-core": "0.0.0-canary-20251217073102",
+    "@lssm/lib.contracts": "0.0.0-canary-20251217073102",
+    "@lssm/lib.design-system": "0.0.0-canary-20251217073102",
+    "@lssm/lib.ui-kit-web": "0.0.0-canary-20251217073102"
   },
   "files": [
     "dist",