@lssm/lib.design-system 0.0.0-canary-20251217062139 → 0.0.0-canary-20251217060834

package/dist/components/organisms/TestimonialCarousel.js

@@ -1,7 +1,7 @@
-import { Card, CardContent } from "../../ui-kit-web/dist/ui/card.js";
-import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "../../ui-kit-web/dist/ui/carousel.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Card, CardContent } from "@lssm/lib.ui-kit-web/ui/card";
+import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "@lssm/lib.ui-kit-web/ui/carousel";
 
 //#region src/components/organisms/TestimonialCarousel.tsx
 function TestimonialCarousel({ testimonials, className }) {

package/dist/components/templates/lists/ListPageTemplate/index.web.js

@@ -1,18 +1,18 @@
-import { cn } from "../../../../ui-kit-web/dist/ui/utils.js";
-import { Card, CardContent } from "../../../../ui-kit-web/dist/ui/card.js";
-import { Skeleton } from "../../../../ui-kit-web/dist/ui/skeleton.js";
 import { PageHeaderResponsive } from "../../../organisms/PageHeaderResponsive.js";
 import { FiltersToolbar } from "../../../molecules/FiltersToolbar.js";
 import { AiLinkButton } from "../../../molecules/AiLinkButton.js";
 import { EmptyDataList } from "../../../organisms/EmptyDataList.js";
-import * as React$1 from "react";
+import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+import { Card, CardContent } from "@lssm/lib.ui-kit-web/ui/card";
+import { Skeleton } from "@lssm/lib.ui-kit-web/ui/skeleton";
 
 //#region src/components/templates/lists/ListPageTemplate/index.web.tsx
 const containerVariants = cva("space-y-4 md:space-y-6");
 function ListPageTemplate({ children, title, description, breadcrumb, actions, className, searchPlaceholder, searchValue, onSearchChange, onSearchSubmit, isLoading, data, renderItem, emptyProps }) {
-	const mdHref = React$1.useMemo(() => {
+	const mdHref = React.useMemo(() => {
 		if (typeof window === "undefined") return void 0;
 		const url = new URL(window.location.href);
 		url.pathname = url.pathname.replace(/\/$/, "") + ".md";

package/dist/components/templates/lists/ListPageTemplate/types.d.ts

@@ -1,13 +1,13 @@
 import { EmptyDataListProps } from "../../../organisms/EmptyDataList.types.js";
-import * as React$1 from "react";
+import * as React from "react";
 
 //#region src/components/templates/lists/ListPageTemplate/types.d.ts
 interface ListPageTemplateProps<T = any> {
-  children?: React$1.ReactNode;
-  title: React$1.ReactNode;
-  description?: React$1.ReactNode;
-  breadcrumb?: React$1.ReactNode;
-  actions?: React$1.ReactNode;
+  children?: React.ReactNode;
+  title: React.ReactNode;
+  description?: React.ReactNode;
+  breadcrumb?: React.ReactNode;
+  actions?: React.ReactNode;
   className?: string;
   searchPlaceholder?: string;
   searchValue?: string;
@@ -18,7 +18,7 @@ interface ListPageTemplateProps<T = any> {
   renderItem: (args: {
     item: T;
     index: number;
-  }) => React$1.ReactNode;
+  }) => React.ReactNode;
   emptyProps: EmptyDataListProps;
 }
 //#endregion

package/dist/hooks/useListUrlState.js

@@ -1,4 +1,4 @@
-import * as React$1 from "react";
+import * as React from "react";
 
 //#region src/hooks/useListUrlState.ts
 function useListUrlState({ defaults, paramKeys = {
@@ -8,7 +8,7 @@ function useListUrlState({ defaults, paramKeys = {
 	sort: "sort",
 	filters: "f"
 }, replaceState = true }) {
-	const read = React$1.useCallback(() => {
+	const read = React.useCallback(() => {
 		if (typeof window === "undefined") return defaults;
 		const qs = new URL(window.location.href).searchParams;
 		const parseNum = (v, d) => {
@@ -30,8 +30,8 @@ function useListUrlState({ defaults, paramKeys = {
 			filters
 		};
 	}, [defaults, paramKeys]);
-	const [state, setState] = React$1.useState(read);
-	const write = React$1.useCallback((next) => {
+	const [state, setState] = React.useState(read);
+	const write = React.useCallback((next) => {
 		if (typeof window === "undefined") return;
 		const url = new URL(window.location.href);
 		const qs = url.searchParams;
@@ -60,19 +60,19 @@ function useListUrlState({ defaults, paramKeys = {
 		paramKeys,
 		replaceState
 	]);
-	const setFilter = React$1.useCallback((key, value) => {
+	const setFilter = React.useCallback((key, value) => {
 		write({ filters: {
 			...state.filters,
 			[key]: value
 		} });
 	}, [state.filters, write]);
-	const clearFilters = React$1.useCallback(() => {
+	const clearFilters = React.useCallback(() => {
 		write({
 			filters: {},
 			page: 1
 		});
 	}, [write]);
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		const onPop = () => setState(read());
 		window.addEventListener("popstate", onPop);
 		return () => window.removeEventListener("popstate", onPop);

package/dist/index.js

@@ -11,7 +11,6 @@ import { DeleteButton, EditButton, ToggleButton, ToggleLeftButton, ToggleRightBu
 import { DateChip, DurationChip, PlaceChip, TimeChip } from "./components/atoms/DataChips.js";
 import { NavMain } from "./components/molecules/NavMain.js";
 import { NavUser } from "./components/molecules/NavUser.js";
-import { CardContent, CardDescription, CardHeader, CardTitle } from "./ui-kit-web/dist/ui/card.js";
 import { ApprovalQueue } from "./components/agent/ApprovalQueue.js";
 import { AgentMonitor } from "./components/agent/AgentMonitor.js";
 import { AppSidebar } from "./components/organisms/AppSidebar.js";
@@ -26,7 +25,7 @@ import { MarketingHeaderMobile } from "./components/organisms/MarketingHeaderMob
 import { MarketingLayout } from "./components/organisms/MarketingLayout.js";
 import { MarketingSection } from "./components/marketing/MarketingSection.js";
 import { MarketingCardsSection } from "./components/marketing/MarketingCardsSection.js";
-import { MarketingCard } from "./components/marketing/MarketingCard.js";
+import { CardContent, CardDescription, CardHeader, CardTitle, MarketingCard } from "./components/marketing/MarketingCard.js";
 import { MarketingIconCard } from "./components/marketing/MarketingIconCard.js";
 import { MarketingStepCard } from "./components/marketing/MarketingStepCard.js";
 import { MarketingComparisonSection } from "./components/marketing/MarketingComparisonSection.js";

package/dist/platform/useColorScheme.js

@@ -1,11 +1,11 @@
 'use client';
 
-import * as React$1 from "react";
+import * as React from "react";
 
 //#region src/platform/useColorScheme.ts
 function useColorScheme() {
-	const [scheme, setScheme] = React$1.useState("light");
-	React$1.useEffect(() => {
+	const [scheme, setScheme] = React.useState("light");
+	React.useEffect(() => {
 		if (typeof window === "undefined" || !window.matchMedia) return;
 		const media = window.matchMedia("(prefers-color-scheme: dark)");
 		const update = () => setScheme(media.matches ? "dark" : "light");

package/dist/platform/useReducedMotion.js

@@ -1,11 +1,11 @@
 'use client';
 
-import * as React$1 from "react";
+import * as React from "react";
 
 //#region src/platform/useReducedMotion.ts
 function useReducedMotion() {
-	const [reduced, setReduced] = React$1.useState(false);
-	React$1.useEffect(() => {
+	const [reduced, setReduced] = React.useState(false);
+	React.useEffect(() => {
 		if (typeof window === "undefined" || !window.matchMedia) return;
 		const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
 		const onChange = () => setReduced(mq.matches);

package/dist/platform/useResponsive.js

@@ -1,6 +1,6 @@
 'use client';
 
-import * as React$1 from "react";
+import * as React from "react";
 
 //#region src/platform/useResponsive.ts
 const DEFAULT = {
@@ -10,12 +10,12 @@ const DEFAULT = {
 	xl: 1280
 };
 function useResponsive(custom) {
-	const bp = React$1.useMemo(() => ({
+	const bp = React.useMemo(() => ({
 		...DEFAULT,
 		...custom
 	}), [custom]);
-	const [width, setWidth] = React$1.useState(typeof window !== "undefined" ? window.innerWidth : bp.md);
-	React$1.useEffect(() => {
+	const [width, setWidth] = React.useState(typeof window !== "undefined" ? window.innerWidth : bp.md);
+	React.useEffect(() => {
 		if (typeof window === "undefined") return;
 		const onResize = () => setWidth(window.innerWidth);
 		window.addEventListener("resize", onResize);

package/dist/renderers/form-contract.d.ts

@@ -1,7 +1,7 @@
+import * as _lssm_lib_contracts_client_react_form_render0 from "@lssm/lib.contracts/client/react/form-render";
 import * as react_jsx_runtime108 from "react/jsx-runtime";
 import * as _lssm_lib_schema0 from "@lssm/lib.schema";
 import * as _lssm_lib_contracts_forms0 from "@lssm/lib.contracts/forms";
-import * as _lssm_lib_contracts_client_react_form_render0 from "@lssm/lib.contracts/client/react/form-render";
 
 //#region src/renderers/form-contract.d.ts
 declare const formRenderer: {

package/dist/renderers/form-contract.js

@@ -1,25 +1,25 @@
 'use client';
 
-import { v } from "../contracts/dist/client/react/form-render.js";
-import { e } from "../contracts/dist/client/react/drivers/shadcn.js";
-import { Label } from "../ui-kit-web/dist/ui/label.js";
-import { Field, FieldDescription, FieldError, FieldGroup, FieldLabel } from "../ui-kit-web/dist/ui/field.js";
 import { Button } from "../components/atoms/Button.js";
 import { Input } from "../components/atoms/Input.js";
 import { Textarea } from "../components/atoms/Textarea.js";
-import { Switch } from "../ui-kit-web/dist/ui/switch.js";
-import { RadioGroup, RadioGroupItem } from "../ui-kit-web/dist/ui/radio-group.js";
-import { Checkbox } from "../ui-kit-web/dist/ui/checkbox.js";
-import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from "../ui-kit-web/dist/ui/select.js";
-import React from "react";
+import "react";
+import { createFormRenderer } from "@lssm/lib.contracts/client/react/form-render";
+import { shadcnDriver } from "@lssm/lib.contracts/client/react/drivers/shadcn";
+import { Field, FieldDescription, FieldError, FieldGroup, FieldLabel } from "@lssm/lib.ui-kit-web/ui/field";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Switch } from "@lssm/lib.ui-kit-web/ui/switch";
+import { RadioGroup, RadioGroupItem } from "@lssm/lib.ui-kit-web/ui/radio-group";
+import { Checkbox } from "@lssm/lib.ui-kit-web/ui/checkbox";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from "@lssm/lib.ui-kit-web/ui/select";
+import { Label } from "@lssm/lib.ui-kit-web/ui/label";
 
 //#region src/renderers/form-contract.tsx
 const Select$1 = (props) => {
 	const { options, value, onChange, ...rest } = props;
 	return /* @__PURE__ */ jsxs(Select, {
 		value: value ?? "",
-		onValueChange: (v$1) => onChange?.(v$1),
+		onValueChange: (v) => onChange?.(v),
 		...rest,
 		children: [/* @__PURE__ */ jsx(SelectTrigger, {
 			className: "w-[180px]",
@@ -33,7 +33,7 @@ const Select$1 = (props) => {
 };
 const Checkbox$1 = (props) => /* @__PURE__ */ jsx(Checkbox, {
 	checked: !!props.checked,
-	onCheckedChange: (v$1) => props.onCheckedChange?.(v$1),
+	onCheckedChange: (v) => props.onCheckedChange?.(v),
 	...props
 });
 const RadioGroup$1 = (props) => /* @__PURE__ */ jsx(RadioGroup, {
@@ -51,10 +51,10 @@ const RadioGroup$1 = (props) => /* @__PURE__ */ jsx(RadioGroup, {
 });
 const Switch$1 = (props) => /* @__PURE__ */ jsx(Switch, {
 	checked: !!props.checked,
-	onCheckedChange: (v$1) => props.onCheckedChange?.(v$1),
+	onCheckedChange: (v) => props.onCheckedChange?.(v),
 	...props
 });
-const formRenderer = v({ driver: e({
+const formRenderer = createFormRenderer({ driver: shadcnDriver({
 	Field,
 	FieldLabel,
 	FieldDescription,

package/dist/types/navigation.d.ts

@@ -1,40 +1,40 @@
-import * as React$1 from "react";
+import * as React from "react";
 
 //#region src/types/navigation.d.ts
 interface NavLink {
-  label: React$1.ReactNode;
+  label: React.ReactNode;
   href: string;
-  icon?: React$1.ReactNode;
+  icon?: React.ReactNode;
   badge?: string | number;
   target?: '_self' | '_blank';
   ariaLabel?: string;
   external?: boolean;
-  description?: React$1.ReactNode;
+  description?: React.ReactNode;
   imageSrc?: string;
   imageAlt?: string;
   categories?: string[];
 }
 interface NavSection {
-  title?: React$1.ReactNode;
+  title?: React.ReactNode;
   items: NavLink[];
 }
 interface UserMenuItem {
-  label: React$1.ReactNode;
+  label: React.ReactNode;
   href?: string;
   onClick?: () => void;
-  icon?: React$1.ReactNode;
+  icon?: React.ReactNode;
   danger?: boolean;
 }
 interface HeaderNavItem {
-  label: React$1.ReactNode;
+  label: React.ReactNode;
   href?: string;
-  description?: React$1.ReactNode;
+  description?: React.ReactNode;
   key?: string;
   items?: NavLink[];
   match?: 'exact' | 'startsWith';
 }
 interface CtaAction {
-  label: React$1.ReactNode;
+  label: React.ReactNode;
   href?: string;
   onClick?: () => void;
   variant?: 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lssm/lib.design-system",
-  "version": "0.0.0-canary-20251217062139",
+  "version": "0.0.0-canary-20251217060834",
   "scripts": {
     "publish:pkg": "bun publish --tolerate-republish --ignore-scripts --verbose",
     "publish:pkg:canary": "bun publish:pkg --tag canary",
@@ -21,10 +21,10 @@
   "tree-shake": true,
   "dependencies": {
     "@hookform/resolvers": "5.2.2",
-    "@lssm/lib.ai-agent": "0.0.0-canary-20251217062139",
-    "@lssm/lib.contracts": "0.0.0-canary-20251217062139",
-    "@lssm/lib.ui-kit": "0.0.0-canary-20251217062139",
-    "@lssm/lib.ui-kit-web": "0.0.0-canary-20251217062139",
+    "@lssm/lib.ai-agent": "0.0.0-canary-20251217060834",
+    "@lssm/lib.contracts": "0.0.0-canary-20251217060834",
+    "@lssm/lib.ui-kit": "0.0.0-canary-20251217060834",
+    "@lssm/lib.ui-kit-web": "0.0.0-canary-20251217060834",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.535.0",
@@ -35,8 +35,8 @@
     "zod": "^4.1.13"
   },
   "devDependencies": {
-    "@lssm/tool.typescript": "0.0.0-canary-20251217062139",
-    "@lssm/tool.tsdown": "0.0.0-canary-20251217062139",
+    "@lssm/tool.typescript": "0.0.0-canary-20251217060834",
+    "@lssm/tool.tsdown": "0.0.0-canary-20251217060834",
     "@types/node": "^24.9.0",
     "@types/react-dom": "^19.0.14",
     "postcss": "^8.5",

package/dist/contracts/dist/client/react/drivers/shadcn.js

@@ -1,7 +0,0 @@
-//#region ../contracts/dist/client/react/drivers/shadcn.js
-function e(e$1) {
-	return e$1;
-}
-
-//#endregion
-export { e };

package/dist/contracts/dist/client/react/form-render.js

@@ -1,261 +0,0 @@
-import { i, r } from "../../forms.js";
-import React, { useEffect, useMemo, useState } from "react";
-import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
-//#region ../contracts/dist/client/react/form-render.js
-function p(e) {
-	if (e) return Array.isArray(e) ? {
-		kind: `static`,
-		options: e
-	} : e;
-}
-function m(e, t) {
-	if (!t) return;
-	let n = t.replace(/\[(\d+)\]/g, `.$1`).split(`.`).filter(Boolean), r$1 = e;
-	for (let e$1 of n) {
-		if (r$1 == null) return;
-		r$1 = r$1[e$1];
-	}
-	return r$1;
-}
-function h(e, t) {
-	if (!t || t.length === 0) return `[]`;
-	try {
-		return JSON.stringify(t.map((t$1) => m(e, t$1)));
-	} catch {
-		return `[]`;
-	}
-}
-function g(e, t, n) {
-	let [o, s] = useState([]);
-	return useEffect(() => {
-		let r$1 = !0;
-		return (async () => {
-			if (!t) return s([]);
-			if (t.kind === `static`) return s([...t.options ?? []]);
-			let i$1 = n?.[t.resolverKey];
-			if (!i$1) return s([]);
-			let a = await i$1(e, t.args);
-			r$1 && s([...a ?? []]);
-		})(), () => {
-			r$1 = !1;
-		};
-	}, [useMemo(() => t ? t.kind === `static` ? JSON.stringify(t.options ?? []) : h(e, t.deps) : `nil`, [t, e]), t && t.resolverKey]), o;
-}
-function _(e, t, n) {
-	if (!t) return e ?? ``;
-	let r$1 = typeof n == `number` ? `${t.replace(/^\$index$/, String(n))}` : t;
-	return e ? `${e}${typeof n == `number` ? `.${n}` : ``}.${r$1}`.replace(/\.+/g, `.`) : r$1;
-}
-function v(r$1) {
-	let a = r$1, { driver: m$1 } = a;
-	function h$1(r$2) {
-		let { spec: a$1, options: h$2, merged: v$1 } = r$2, y = useMemo(() => i(a$1), [a$1]), b = useForm({
-			...v$1.formOptions,
-			resolver: zodResolver(y),
-			defaultValues: h$2?.defaultValues
-		}), x = b.watch(), S = (e, r$3, i$1) => {
-			let a$2 = m$1.Field, s = m$1.FieldLabel, c = m$1.FieldDescription, l = m$1.FieldError, h$3 = _(r$3, e.name, i$1), y$1 = r(x, e.visibleWhen), w$1 = r(x, e.enabledWhen), T$1 = !!b.getFieldState(h$3)?.invalid;
-			if (!y$1) return null;
-			let E = h$3?.replace(/\./g, `-`), D = {
-				"data-invalid": T$1,
-				hidden: !y$1,
-				disabled: !w$1
-			}, O = e.labelI18n ? jsx(s, {
-				htmlFor: E,
-				children: e.labelI18n
-			}) : null, k = e.descriptionI18n ? jsx(c, { children: e.descriptionI18n }) : null;
-			if (e.kind === `group`) {
-				let t = e.fields.map((e$1, t$1) => jsx(React.Fragment, { children: S(e$1, h$3, i$1) }, `${h$3}-${t$1}`));
-				return jsxs(a$2, {
-					...D,
-					children: [
-						O,
-						t,
-						k
-					]
-				});
-			}
-			return e.kind === `array` ? C(e, r$3) : jsx(Controller, {
-				name: h$3,
-				control: b.control,
-				render: ({ field: t, fieldState: n }) => {
-					let r$4 = n.error ? [n.error] : [], i$2 = n.invalid || void 0;
-					if (e.kind === `text`) {
-						let o = m$1.Input;
-						return jsxs(a$2, {
-							...D,
-							children: [
-								O,
-								jsx(o, {
-									id: E,
-									"aria-invalid": i$2,
-									placeholder: e.placeholderI18n,
-									autoComplete: e.autoComplete,
-									inputMode: e.inputMode,
-									maxLength: e.maxLength,
-									minLength: e.minLength,
-									disabled: !w$1,
-									...t,
-									...e.uiProps,
-									keyboard: e.keyboard,
-									autoComplete: e.keyboard?.autoComplete ?? e.autoComplete
-								}),
-								k,
-								n.invalid ? jsx(l, { errors: r$4 }) : null
-							]
-						});
-					}
-					if (e.kind === `textarea`) {
-						let o = m$1.Textarea;
-						return jsxs(a$2, {
-							...D,
-							children: [
-								O,
-								jsx(o, {
-									id: E,
-									"aria-invalid": i$2,
-									placeholder: e.placeholderI18n,
-									rows: e.rows,
-									maxLength: e.maxLength,
-									disabled: !w$1,
-									...t,
-									...e.uiProps,
-									keyboard: e.keyboard,
-									autoComplete: e.keyboard?.autoComplete ?? e.autoComplete
-								}),
-								k,
-								n.invalid ? jsx(l, { errors: r$4 }) : null
-							]
-						});
-					}
-					if (e.kind === `select`) {
-						let o = m$1.Select, s$1 = g(x, p(e.options), v$1.resolvers);
-						return jsxs(a$2, {
-							...D,
-							children: [
-								O,
-								jsx(o, {
-									id: E,
-									name: h$3,
-									"aria-invalid": i$2,
-									disabled: !w$1,
-									value: t.value,
-									onChange: (e$1) => t.onChange(e$1),
-									options: s$1,
-									...e.uiProps
-								}),
-								k,
-								n.invalid ? jsx(l, { errors: r$4 }) : null
-							]
-						});
-					}
-					if (e.kind === `checkbox`) {
-						let i$3 = m$1.Checkbox;
-						return jsxs(a$2, {
-							...D,
-							children: [
-								O,
-								jsx(i$3, {
-									id: E,
-									name: h$3,
-									disabled: !w$1,
-									checked: !!t.value,
-									onCheckedChange: (e$1) => t.onChange(e$1),
-									...e.uiProps
-								}),
-								k,
-								n.invalid ? jsx(l, { errors: r$4 }) : null
-							]
-						});
-					}
-					if (e.kind === `radio`) {
-						let i$3 = m$1.RadioGroup, o = g(x, p(e.options), v$1.resolvers);
-						return jsxs(a$2, {
-							...D,
-							children: [
-								O,
-								jsx(i$3, {
-									id: E,
-									name: h$3,
-									disabled: !w$1,
-									value: t.value,
-									onValueChange: (e$1) => t.onChange(e$1),
-									options: o,
-									...e.uiProps
-								}),
-								k,
-								n.invalid ? jsx(l, { errors: r$4 }) : null
-							]
-						});
-					}
-					if (e.kind === `switch`) {
-						let i$3 = m$1.Switch;
-						return jsxs(a$2, {
-							...D,
-							children: [
-								O,
-								jsx(i$3, {
-									id: E,
-									name: h$3,
-									disabled: !w$1,
-									checked: !!t.value,
-									onCheckedChange: (e$1) => t.onChange(e$1),
-									...e.uiProps
-								}),
-								k,
-								n.invalid ? jsx(l, { errors: r$4 }) : null
-							]
-						});
-					}
-					return jsx(Fragment, {});
-				}
-			}, h$3);
-		}, C = (e, t) => {
-			let n = _(t, e.name), { fields: r$3, append: i$1, remove: a$2 } = useFieldArray({
-				control: b.control,
-				name: n
-			}), o = e.max == null || r$3.length < e.max, c = (t$1) => (e.min == null ? r$3.length > 0 : r$3.length > e.min) && t$1 >= 0, l = m$1.Button, u = m$1.FieldLabel;
-			return jsxs(`div`, { children: [
-				e.labelI18n ? jsx(u, { children: e.labelI18n }) : null,
-				r$3.map((t$1, r$4) => jsxs(`div`, { children: [S(e.of, n, r$4), c(r$4) ? jsx(l, {
-					type: `button`,
-					variant: `ghost`,
-					size: `sm`,
-					onClick: () => a$2(r$4),
-					children: `Remove`
-				}) : null] }, t$1.id ?? r$4)),
-				o ? jsx(l, {
-					type: `button`,
-					variant: `outline`,
-					size: `sm`,
-					onClick: () => i$1({}),
-					children: `Add`
-				}) : null
-			] }, n);
-		}, w = async (e) => {
-			let t = a$1.actions?.[0]?.key ?? `submit`;
-			if (v$1.onSubmitOverride) return v$1.onSubmitOverride(e, t);
-		}, T = m$1.Button;
-		return jsxs(`form`, {
-			onSubmit: b.handleSubmit(w),
-			children: [(a$1.fields || []).map((e, t) => jsx(React.Fragment, { children: S(e) }, t)), a$1.actions && a$1.actions.length ? jsx(`div`, { children: a$1.actions.map((e) => jsx(T, {
-				type: `submit`,
-				children: e.labelI18n
-			}, e.key)) }) : null]
-		});
-	}
-	return { render: (e, t) => jsx(h$1, {
-		spec: e,
-		options: t,
-		merged: {
-			...a,
-			...t?.overrides ?? {}
-		}
-	}) };
-}
-
-//#endregion
-export { v };