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

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.d.ts

@@ -1,5 +1,5 @@
 import { ListPageTemplateProps } from "./types.js";
-import * as react_jsx_runtime110 from "react/jsx-runtime";
+import * as react_jsx_runtime113 from "react/jsx-runtime";
 
 //#region src/components/templates/lists/ListPageTemplate/index.web.d.ts
 declare function ListPageTemplate<T = any>({
@@ -17,6 +17,6 @@ declare function ListPageTemplate<T = any>({
   data,
   renderItem,
   emptyProps
-}: ListPageTemplateProps<T>): react_jsx_runtime110.JSX.Element;
+}: ListPageTemplateProps<T>): react_jsx_runtime113.JSX.Element;
 //#endregion
 export { ListPageTemplate };

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

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

@@ -0,0 +1,11 @@
+//#region ../contracts/dist/client/react/drivers/shadcn.js
+/**
+* Create a shadcn/ui driver by mapping required slots to components.
+* Host apps should import their shadcn primitives and pass them here.
+*/
+function shadcnDriver(slots) {
+	return slots;
+}
+
+//#endregion
+export { shadcnDriver };

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

@@ -0,0 +1,298 @@
+import { buildZodWithRelations, evalPredicate } 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 toOptionsArray(src) {
+	if (!src) return void 0;
+	if (Array.isArray(src)) return {
+		kind: "static",
+		options: src
+	};
+	return src;
+}
+function getAtPath(values, path) {
+	if (!path) return void 0;
+	const segs = path.replace(/\[(\d+)\]/g, ".$1").split(".").filter(Boolean);
+	let cur = values;
+	for (const s of segs) {
+		if (cur == null) return void 0;
+		cur = cur[s];
+	}
+	return cur;
+}
+function makeDepsKey(values, deps) {
+	if (!deps || deps.length === 0) return "[]";
+	try {
+		return JSON.stringify(deps.map((d) => getAtPath(values, d)));
+	} catch {
+		return "[]";
+	}
+}
+function useResolvedOptions(values, source, resolvers) {
+	const [opts, setOpts] = useState([]);
+	useEffect(() => {
+		let mounted = true;
+		const run = async () => {
+			if (!source) return setOpts([]);
+			if (source.kind === "static") return setOpts([...source.options ?? []]);
+			const fn = resolvers?.[source.resolverKey];
+			if (!fn) return setOpts([]);
+			const res = await fn(values, source.args);
+			if (mounted) setOpts([...res ?? []]);
+		};
+		run();
+		return () => {
+			mounted = false;
+		};
+	}, [useMemo(() => {
+		if (!source) return "nil";
+		if (source.kind === "static") return JSON.stringify(source.options ?? []);
+		return makeDepsKey(values, source.deps);
+	}, [source, values]), source && source.resolverKey]);
+	return opts;
+}
+function fieldPath(parent, name, arrayIndex) {
+	if (!name) return parent ?? "";
+	const child = typeof arrayIndex === "number" ? `${name.replace(/^\$index$/, String(arrayIndex))}` : name;
+	return parent ? `${parent}${typeof arrayIndex === "number" ? `.${arrayIndex}` : ""}.${child}`.replace(/\.+/g, ".") : child;
+}
+function createFormRenderer(base) {
+	const conf = base;
+	const { driver } = conf;
+	function InternalForm(props) {
+		const { spec, options, merged } = props;
+		const baseZod = useMemo(() => buildZodWithRelations(spec), [spec]);
+		const form = useForm({
+			...merged.formOptions,
+			resolver: zodResolver(baseZod),
+			defaultValues: options?.defaultValues
+		});
+		const values = form.watch();
+		const renderOne = (f, parent, arrayIndex) => {
+			const DriverField = driver.Field;
+			const DriverLabel = driver.FieldLabel;
+			const DriverDesc = driver.FieldDescription;
+			const DriverError = driver.FieldError;
+			const name = fieldPath(parent, f.name, arrayIndex);
+			const visible = evalPredicate(values, f.visibleWhen);
+			const enabled = evalPredicate(values, f.enabledWhen);
+			const invalid = Boolean(form.getFieldState(name)?.invalid);
+			if (!visible) return null;
+			const id = name?.replace(/\./g, "-");
+			const commonWrapProps = {
+				"data-invalid": invalid,
+				hidden: !visible,
+				disabled: !enabled
+			};
+			const labelNode = f.labelI18n ? /* @__PURE__ */ jsx(DriverLabel, {
+				htmlFor: id,
+				children: f.labelI18n
+			}) : null;
+			const descNode = f.descriptionI18n ? /* @__PURE__ */ jsx(DriverDesc, { children: f.descriptionI18n }) : null;
+			if (f.kind === "group") {
+				const children = f.fields.map((c, i) => /* @__PURE__ */ jsx(React.Fragment, { children: renderOne(c, name, arrayIndex) }, `${name}-${i}`));
+				return /* @__PURE__ */ jsxs(DriverField, {
+					...commonWrapProps,
+					children: [
+						labelNode,
+						children,
+						descNode
+					]
+				});
+			}
+			if (f.kind === "array") return renderArray(f, parent);
+			return /* @__PURE__ */ jsx(Controller, {
+				name,
+				control: form.control,
+				render: ({ field, fieldState }) => {
+					const err = fieldState.error ? [fieldState.error] : [];
+					const ariaInvalid = fieldState.invalid || void 0;
+					if (f.kind === "text") {
+						const Input = driver.Input;
+						return /* @__PURE__ */ jsxs(DriverField, {
+							...commonWrapProps,
+							children: [
+								labelNode,
+								/* @__PURE__ */ jsx(Input, {
+									id,
+									"aria-invalid": ariaInvalid,
+									placeholder: f.placeholderI18n,
+									autoComplete: f.autoComplete,
+									inputMode: f.inputMode,
+									maxLength: f.maxLength,
+									minLength: f.minLength,
+									disabled: !enabled,
+									...field,
+									...f.uiProps,
+									keyboard: f.keyboard,
+									autoComplete: f.keyboard?.autoComplete ?? f.autoComplete
+								}),
+								descNode,
+								fieldState.invalid ? /* @__PURE__ */ jsx(DriverError, { errors: err }) : null
+							]
+						});
+					}
+					if (f.kind === "textarea") {
+						const Textarea = driver.Textarea;
+						return /* @__PURE__ */ jsxs(DriverField, {
+							...commonWrapProps,
+							children: [
+								labelNode,
+								/* @__PURE__ */ jsx(Textarea, {
+									id,
+									"aria-invalid": ariaInvalid,
+									placeholder: f.placeholderI18n,
+									rows: f.rows,
+									maxLength: f.maxLength,
+									disabled: !enabled,
+									...field,
+									...f.uiProps,
+									keyboard: f.keyboard,
+									autoComplete: f.keyboard?.autoComplete ?? f.autoComplete
+								}),
+								descNode,
+								fieldState.invalid ? /* @__PURE__ */ jsx(DriverError, { errors: err }) : null
+							]
+						});
+					}
+					if (f.kind === "select") {
+						const Select = driver.Select;
+						const opts = useResolvedOptions(values, toOptionsArray(f.options), merged.resolvers);
+						return /* @__PURE__ */ jsxs(DriverField, {
+							...commonWrapProps,
+							children: [
+								labelNode,
+								/* @__PURE__ */ jsx(Select, {
+									id,
+									name,
+									"aria-invalid": ariaInvalid,
+									disabled: !enabled,
+									value: field.value,
+									onChange: (v) => field.onChange(v),
+									options: opts,
+									...f.uiProps
+								}),
+								descNode,
+								fieldState.invalid ? /* @__PURE__ */ jsx(DriverError, { errors: err }) : null
+							]
+						});
+					}
+					if (f.kind === "checkbox") {
+						const Checkbox = driver.Checkbox;
+						return /* @__PURE__ */ jsxs(DriverField, {
+							...commonWrapProps,
+							children: [
+								labelNode,
+								/* @__PURE__ */ jsx(Checkbox, {
+									id,
+									name,
+									disabled: !enabled,
+									checked: !!field.value,
+									onCheckedChange: (v) => field.onChange(v),
+									...f.uiProps
+								}),
+								descNode,
+								fieldState.invalid ? /* @__PURE__ */ jsx(DriverError, { errors: err }) : null
+							]
+						});
+					}
+					if (f.kind === "radio") {
+						const RadioGroup = driver.RadioGroup;
+						const opts = useResolvedOptions(values, toOptionsArray(f.options), merged.resolvers);
+						return /* @__PURE__ */ jsxs(DriverField, {
+							...commonWrapProps,
+							children: [
+								labelNode,
+								/* @__PURE__ */ jsx(RadioGroup, {
+									id,
+									name,
+									disabled: !enabled,
+									value: field.value,
+									onValueChange: (v) => field.onChange(v),
+									options: opts,
+									...f.uiProps
+								}),
+								descNode,
+								fieldState.invalid ? /* @__PURE__ */ jsx(DriverError, { errors: err }) : null
+							]
+						});
+					}
+					if (f.kind === "switch") {
+						const Switch = driver.Switch;
+						return /* @__PURE__ */ jsxs(DriverField, {
+							...commonWrapProps,
+							children: [
+								labelNode,
+								/* @__PURE__ */ jsx(Switch, {
+									id,
+									name,
+									disabled: !enabled,
+									checked: !!field.value,
+									onCheckedChange: (v) => field.onChange(v),
+									...f.uiProps
+								}),
+								descNode,
+								fieldState.invalid ? /* @__PURE__ */ jsx(DriverError, { errors: err }) : null
+							]
+						});
+					}
+					return /* @__PURE__ */ jsx(Fragment, {});
+				}
+			}, name);
+		};
+		const renderArray = (f, parent) => {
+			const name = fieldPath(parent, f.name);
+			const { fields, append, remove } = useFieldArray({
+				control: form.control,
+				name
+			});
+			const canAdd = f.max == null || fields.length < f.max;
+			const canRemove = (idx) => (f.min == null ? fields.length > 0 : fields.length > f.min) && idx >= 0;
+			const Button$1 = driver.Button;
+			const Label = driver.FieldLabel;
+			return /* @__PURE__ */ jsxs("div", { children: [
+				f.labelI18n ? /* @__PURE__ */ jsx(Label, { children: f.labelI18n }) : null,
+				fields.map((row, idx) => /* @__PURE__ */ jsxs("div", { children: [renderOne(f.of, name, idx), canRemove(idx) ? /* @__PURE__ */ jsx(Button$1, {
+					type: "button",
+					variant: "ghost",
+					size: "sm",
+					onClick: () => remove(idx),
+					children: "Remove"
+				}) : null] }, row.id ?? idx)),
+				canAdd ? /* @__PURE__ */ jsx(Button$1, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					onClick: () => append({}),
+					children: "Add"
+				}) : null
+			] }, name);
+		};
+		const onSubmit = async (data) => {
+			const actionKey = spec.actions?.[0]?.key ?? "submit";
+			if (merged.onSubmitOverride) return merged.onSubmitOverride(data, actionKey);
+		};
+		const Button = driver.Button;
+		return /* @__PURE__ */ jsxs("form", {
+			onSubmit: form.handleSubmit(onSubmit),
+			children: [(spec.fields || []).map((f, i) => /* @__PURE__ */ jsx(React.Fragment, { children: renderOne(f) }, i)), spec.actions && spec.actions.length ? /* @__PURE__ */ jsx("div", { children: spec.actions.map((a) => /* @__PURE__ */ jsx(Button, {
+				type: "submit",
+				children: a.labelI18n
+			}, a.key)) }) : null]
+		});
+	}
+	return { render: (spec, options) => /* @__PURE__ */ jsx(InternalForm, {
+		spec,
+		options,
+		merged: {
+			...conf,
+			...options?.overrides ?? {}
+		}
+	}) };
+}
+
+//#endregion
+export { createFormRenderer };

package/dist/contracts/dist/forms.js

@@ -0,0 +1,88 @@
+//#region ../contracts/dist/forms.js
+function getAtPath(values, path) {
+	if (!path) return void 0;
+	const segs = path.replace(/\[(\d+)\]/g, ".$1").split(".").filter(Boolean);
+	let cur = values;
+	for (const s of segs) {
+		if (cur == null) return void 0;
+		cur = cur[s];
+	}
+	return cur;
+}
+function evalPredicate(values, pred) {
+	if (!pred) return true;
+	if (pred.not) return !evalPredicate(values, pred.not);
+	if (pred.all && pred.all.length) return pred.all.every((p) => evalPredicate(values, p));
+	if (pred.any && pred.any.length) return pred.any.some((p) => evalPredicate(values, p));
+	if (pred.when) {
+		const { path, op = "truthy", value } = pred.when;
+		const v = getAtPath(values, path);
+		switch (op) {
+			case "equals": return v === value;
+			case "notEquals": return v !== value;
+			case "in": return Array.isArray(value) && value.includes(v);
+			case "notIn": return Array.isArray(value) && !value.includes(v);
+			case "gt": return Number(v) > Number(value);
+			case "gte": return Number(v) >= Number(value);
+			case "lt": return Number(v) < Number(value);
+			case "lte": return Number(v) <= Number(value);
+			case "empty": return v == null || (Array.isArray(v) ? v.length === 0 : String(v).length === 0);
+			case "lengthGt": return (Array.isArray(v) || typeof v === "string") && v.length > Number(value ?? 0);
+			case "lengthGte": return (Array.isArray(v) || typeof v === "string") && v.length >= Number(value ?? 0);
+			case "lengthLt": return (Array.isArray(v) || typeof v === "string") && v.length < Number(value ?? 0);
+			case "lengthLte": return (Array.isArray(v) || typeof v === "string") && v.length <= Number(value ?? 0);
+			case "truthy":
+			default: return Boolean(v);
+		}
+	}
+	return true;
+}
+/**
+* Wrap the base zod schema with relation-driven refinements (requiredWhen, array min/max)
+* and optional custom constraints. Call this when wiring RHF resolver.
+*/
+function buildZodWithRelations(spec, handlers) {
+	return spec.model.getZod().superRefine((values, ctx) => {
+		const visit = (field, parentPath) => {
+			const path = field.name ? parentPath ? `${parentPath}.${field.name}` : field.name : parentPath ?? "";
+			if (field.requiredWhen) {
+				if (evalPredicate(values, field.requiredWhen)) {
+					const v = getAtPath(values, path);
+					if (v == null || typeof v === "string" && v.trim().length === 0 || Array.isArray(v) && v.length === 0) ctx.addIssue({
+						code: "custom",
+						path: path.split("."),
+						message: "required"
+					});
+				}
+			}
+			if (field.kind === "array") {
+				const arr = getAtPath(values, path);
+				if (field.min != null && Array.isArray(arr) && arr.length < field.min) ctx.addIssue({
+					code: "custom",
+					path: path.split("."),
+					message: `min:${field.min}`
+				});
+				if (field.max != null && Array.isArray(arr) && arr.length > field.max) ctx.addIssue({
+					code: "custom",
+					path: path.split("."),
+					message: `max:${field.max}`
+				});
+				visit(field.of, path);
+			} else if (field.kind === "group") for (const child of field.fields) visit(child, path);
+		};
+		for (const f of spec.fields) visit(f);
+		if (spec.constraints && handlers) for (const c of spec.constraints) {
+			const fn = handlers[c.key];
+			if (!fn) continue;
+			const res = fn(values, c.paths, c.args);
+			if (!res.ok) ctx.addIssue({
+				code: "custom",
+				path: (res.path ?? c.paths[0] ?? "").split(".").filter(Boolean),
+				message: res.message ?? c.messageI18n
+			});
+		}
+	});
+}
+
+//#endregion
+export { buildZodWithRelations, evalPredicate };

package/dist/hooks/useListUrlState.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React$1 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.useCallback(() => {
+	const read = React$1.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.useState(read);
-	const write = React.useCallback((next) => {
+	const [state, setState] = React$1.useState(read);
+	const write = React$1.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.useCallback((key, value) => {
+	const setFilter = React$1.useCallback((key, value) => {
 		write({ filters: {
 			...state.filters,
 			[key]: value
 		} });
 	}, [state.filters, write]);
-	const clearFilters = React.useCallback(() => {
+	const clearFilters = React$1.useCallback(() => {
 		write({
 			filters: {},
 			page: 1
 		});
 	}, [write]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		const onPop = () => setState(read());
 		window.addEventListener("popstate", onPop);
 		return () => window.removeEventListener("popstate", onPop);

package/dist/index.js

@@ -1,3 +1,4 @@
+import "./types/navigation.js";
 import { Button } from "./components/atoms/Button.js";
 import { Input } from "./components/atoms/Input.js";
 import { Textarea } from "./components/atoms/Textarea.js";
@@ -11,6 +12,7 @@ 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";
@@ -25,7 +27,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 { CardContent, CardDescription, CardHeader, CardTitle, MarketingCard } from "./components/marketing/MarketingCard.js";
+import { 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 from "react";
+import * as React$1 from "react";
 
 //#region src/platform/useColorScheme.ts
 function useColorScheme() {
-	const [scheme, setScheme] = React.useState("light");
-	React.useEffect(() => {
+	const [scheme, setScheme] = React$1.useState("light");
+	React$1.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 from "react";
+import * as React$1 from "react";
 
 //#region src/platform/useReducedMotion.ts
 function useReducedMotion() {
-	const [reduced, setReduced] = React.useState(false);
-	React.useEffect(() => {
+	const [reduced, setReduced] = React$1.useState(false);
+	React$1.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 from "react";
+import * as React$1 from "react";
 
 //#region src/platform/useResponsive.ts
 const DEFAULT = {
@@ -10,12 +10,12 @@ const DEFAULT = {
 	xl: 1280
 };
 function useResponsive(custom) {
-	const bp = React.useMemo(() => ({
+	const bp = React$1.useMemo(() => ({
 		...DEFAULT,
 		...custom
 	}), [custom]);
-	const [width, setWidth] = React.useState(typeof window !== "undefined" ? window.innerWidth : bp.md);
-	React.useEffect(() => {
+	const [width, setWidth] = React$1.useState(typeof window !== "undefined" ? window.innerWidth : bp.md);
+	React$1.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,18 +1,18 @@
 'use client';
 
+import { createFormRenderer } from "../contracts/dist/client/react/form-render.js";
+import { shadcnDriver } 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 "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 { 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 { 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) => {

package/dist/theme/variants.d.ts

@@ -14,7 +14,7 @@ declare const dsBaseVariants: (props?: ({
   size?: "sm" | "md" | "lg" | null | undefined;
   density?: "compact" | "comfortable" | null | undefined;
   tone?: "neutral" | "danger" | "info" | "success" | "warning" | null | undefined;
-  emphasis?: "default" | "strong" | "subtle" | null | undefined;
+  emphasis?: "strong" | "default" | "subtle" | null | undefined;
 } & class_variance_authority_types21.ClassProp) | undefined) => string;
 type DSBaseVariantsProps = VariantProps<typeof dsBaseVariants>;
 //#endregion