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

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

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

package/dist/contracts/dist/forms.js

@@ -0,0 +1,78 @@
+//#region ../contracts/dist/forms.js
+function n(e, t) {
+	if (!t) return;
+	let n$1 = t.replace(/\[(\d+)\]/g, `.$1`).split(`.`).filter(Boolean), r$1 = e;
+	for (let e$1 of n$1) {
+		if (r$1 == null) return;
+		r$1 = r$1[e$1];
+	}
+	return r$1;
+}
+function r(e, t) {
+	if (!t) return !0;
+	if (t.not) return !r(e, t.not);
+	if (t.all && t.all.length) return t.all.every((t$1) => r(e, t$1));
+	if (t.any && t.any.length) return t.any.some((t$1) => r(e, t$1));
+	if (t.when) {
+		let { path: r$1, op: i$1 = `truthy`, value: a } = t.when, o = n(e, r$1);
+		switch (i$1) {
+			case `equals`: return o === a;
+			case `notEquals`: return o !== a;
+			case `in`: return Array.isArray(a) && a.includes(o);
+			case `notIn`: return Array.isArray(a) && !a.includes(o);
+			case `gt`: return Number(o) > Number(a);
+			case `gte`: return Number(o) >= Number(a);
+			case `lt`: return Number(o) < Number(a);
+			case `lte`: return Number(o) <= Number(a);
+			case `empty`: return o == null || (Array.isArray(o) ? o.length === 0 : String(o).length === 0);
+			case `lengthGt`: return (Array.isArray(o) || typeof o == `string`) && o.length > Number(a ?? 0);
+			case `lengthGte`: return (Array.isArray(o) || typeof o == `string`) && o.length >= Number(a ?? 0);
+			case `lengthLt`: return (Array.isArray(o) || typeof o == `string`) && o.length < Number(a ?? 0);
+			case `lengthLte`: return (Array.isArray(o) || typeof o == `string`) && o.length <= Number(a ?? 0);
+			case `truthy`:
+			default: return !!o;
+		}
+	}
+	return !0;
+}
+function i(e, t) {
+	return e.model.getZod().superRefine((i$1, a) => {
+		let o = (e$1, t$1) => {
+			let s = e$1.name ? t$1 ? `${t$1}.${e$1.name}` : e$1.name : t$1 ?? ``;
+			if (e$1.requiredWhen && r(i$1, e$1.requiredWhen)) {
+				let e$2 = n(i$1, s);
+				(e$2 == null || typeof e$2 == `string` && e$2.trim().length === 0 || Array.isArray(e$2) && e$2.length === 0) && a.addIssue({
+					code: `custom`,
+					path: s.split(`.`),
+					message: `required`
+				});
+			}
+			if (e$1.kind === `array`) {
+				let t$2 = n(i$1, s);
+				e$1.min != null && Array.isArray(t$2) && t$2.length < e$1.min && a.addIssue({
+					code: `custom`,
+					path: s.split(`.`),
+					message: `min:${e$1.min}`
+				}), e$1.max != null && Array.isArray(t$2) && t$2.length > e$1.max && a.addIssue({
+					code: `custom`,
+					path: s.split(`.`),
+					message: `max:${e$1.max}`
+				}), o(e$1.of, s);
+			} else if (e$1.kind === `group`) for (let t$2 of e$1.fields) o(t$2, s);
+		};
+		for (let t$1 of e.fields) o(t$1);
+		if (e.constraints && t) for (let n$1 of e.constraints) {
+			let e$1 = t[n$1.key];
+			if (!e$1) continue;
+			let r$1 = e$1(i$1, n$1.paths, n$1.args);
+			r$1.ok || a.addIssue({
+				code: `custom`,
+				path: (r$1.path ?? n$1.paths[0] ?? ``).split(`.`).filter(Boolean),
+				message: r$1.message ?? n$1.messageI18n
+			});
+		}
+	});
+}
+
+//#endregion
+export { i, r };

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

@@ -11,6 +11,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 +26,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,11 +1,11 @@
-import * as _lssm_lib_contracts_client_react_form_render0 from "@lssm/lib.contracts/client/react/form-render";
-import * as react_jsx_runtime113 from "react/jsx-runtime";
+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: {
-  render: (spec: _lssm_lib_contracts_forms0.FormSpec<_lssm_lib_schema0.AnySchemaModel>, options?: _lssm_lib_contracts_client_react_form_render0.RenderOptions<Record<string, any>> | undefined) => react_jsx_runtime113.JSX.Element;
+  render: (spec: _lssm_lib_contracts_forms0.FormSpec<_lssm_lib_schema0.AnySchemaModel>, options?: _lssm_lib_contracts_client_react_form_render0.RenderOptions<Record<string, any>> | undefined) => react_jsx_runtime108.JSX.Element;
 };
 //#endregion
 export { 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 "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) => {
 	const { options, value, onChange, ...rest } = props;
 	return /* @__PURE__ */ jsxs(Select, {
 		value: value ?? "",
-		onValueChange: (v) => onChange?.(v),
+		onValueChange: (v$1) => onChange?.(v$1),
 		...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) => props.onCheckedChange?.(v),
+	onCheckedChange: (v$1) => props.onCheckedChange?.(v$1),
 	...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) => props.onCheckedChange?.(v),
+	onCheckedChange: (v$1) => props.onCheckedChange?.(v$1),
 	...props
 });
-const formRenderer = createFormRenderer({ driver: shadcnDriver({
+const formRenderer = v({ driver: e({
 	Field,
 	FieldLabel,
 	FieldDescription,

package/dist/theme/variants.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types16 from "class-variance-authority/types";
+import * as class_variance_authority_types21 from "class-variance-authority/types";
 
 //#region src/theme/variants.d.ts
 type SizeVariant = 'sm' | 'md' | 'lg';
@@ -15,7 +15,7 @@ declare const dsBaseVariants: (props?: ({
   density?: "compact" | "comfortable" | null | undefined;
   tone?: "neutral" | "danger" | "info" | "success" | "warning" | null | undefined;
   emphasis?: "default" | "strong" | "subtle" | null | undefined;
-} & class_variance_authority_types16.ClassProp) | undefined) => string;
+} & class_variance_authority_types21.ClassProp) | undefined) => string;
 type DSBaseVariantsProps = VariantProps<typeof dsBaseVariants>;
 //#endregion
 export { DSBaseVariantsProps, DensityVariant, EmphasisVariant, SizeVariant, ToneVariant, dsBaseVariants };

package/dist/types/navigation.d.ts

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

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

@@ -0,0 +1,48 @@
+'use client';
+
+import { cn, init_utils } from "../ui-kit-core/dist/utils.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon } from "lucide-react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+
+//#region ../ui-kit-web/dist/ui/accordion.js
+init_utils();
+function Accordion({ ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Root, {
+		"data-slot": "accordion",
+		...props
+	});
+}
+function AccordionItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Item, {
+		"data-slot": "accordion-item",
+		className: cn("border-b last:border-b-0", className),
+		...props
+	});
+}
+function AccordionTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Header, {
+		className: "flex",
+		children: /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, {
+			"data-slot": "accordion-trigger",
+			className: cn("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium outline-hidden transition-all hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className),
+			...props,
+			children: [children, /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })]
+		})
+	});
+}
+function AccordionContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Content, {
+		"data-slot": "accordion-content",
+		className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("pt-0 pb-4", className),
+			children
+		})
+	});
+}
+
+//#endregion
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };