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

package/dist/WorkflowStepRenderer.js

@@ -1,6 +1,5 @@
-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
@@ -8,7 +7,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$1, {
+		children: /* @__PURE__ */ jsx(EmptyState, {
 			title: "No steps defined",
 			description: "Add at least one step to this workflow to render it."
 		})
@@ -23,21 +22,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$1, {
+		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$1, {
+		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$1, {
+		children: completedFallback ?? /* @__PURE__ */ jsx(EmptyState, {
 			title: "Workflow complete",
 			description: "All steps have been executed successfully."
 		})
@@ -45,7 +44,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$1, {
+		children: /* @__PURE__ */ jsx(EmptyState, {
 			title: "No active step",
 			description: "This workflow has no active step."
 		})
@@ -59,7 +58,7 @@ function WorkflowStepRenderer({ spec, state, className, renderHumanStep, renderA
 			});
 			return /* @__PURE__ */ jsx("div", {
 				className,
-				children: /* @__PURE__ */ jsx(EmptyState$1, {
+				children: /* @__PURE__ */ jsx(EmptyState, {
 					title: "Form renderer missing",
 					description: "Provide renderHumanStep to render this human step's form."
 				})
@@ -72,7 +71,7 @@ function WorkflowStepRenderer({ spec, state, className, renderHumanStep, renderA
 			});
 			return /* @__PURE__ */ jsx("div", {
 				className,
-				children: /* @__PURE__ */ jsx(EmptyState$1, {
+				children: /* @__PURE__ */ jsx(EmptyState, {
 					title: "Automation step in progress",
 					description: `Waiting for automation "${activeStep.label}" to finish.`
 				})
@@ -84,14 +83,14 @@ function WorkflowStepRenderer({ spec, state, className, renderHumanStep, renderA
 			});
 			return /* @__PURE__ */ jsx("div", {
 				className,
-				children: /* @__PURE__ */ jsx(EmptyState$1, {
+				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$1, {
+			children: /* @__PURE__ */ jsx(EmptyState, {
 				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$1, {
+		children: [/* @__PURE__ */ jsx(Stepper, {
 			current,
 			total
 		}), showLabels && total > 0 && /* @__PURE__ */ jsx("ol", {

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lssm/lib.presentation-runtime-react",
-  "version": "0.0.0-canary-20251217062139",
+  "version": "0.0.0-canary-20251217060834",
   "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-20251217062139"
+    "@lssm/lib.presentation-runtime-core": "0.0.0-canary-20251217060834"
   },
   "dependencies": {
-    "@lssm/lib.presentation-runtime-core": "0.0.0-canary-20251217062139",
-    "@lssm/lib.contracts": "0.0.0-canary-20251217062139",
-    "@lssm/lib.design-system": "0.0.0-canary-20251217062139",
-    "@lssm/lib.ui-kit-web": "0.0.0-canary-20251217062139"
+    "@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"
   },
   "files": [
     "dist",

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

@@ -1,5 +0,0 @@
-//#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

@@ -1,13 +0,0 @@
-'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

@@ -1,43 +0,0 @@
-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

@@ -1,13 +0,0 @@
-'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

@@ -1,24 +0,0 @@
-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

@@ -1,43 +0,0 @@
-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

@@ -1,158 +0,0 @@
-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

@@ -1,37 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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/ui-kit-web/dist/ui/form.js

@@ -1,15 +0,0 @@
-'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 };