treege 3.0.0-beta.3 → 3.0.0-beta.31

package/dist/renderer.js

@@ -1,45 +1,4 @@
-import { c as t, d as s, e as u, f as l, g as r, h as n, D as i, i as o, j as f, k as d, l as p, m as D, n as I, o as T, p as m, q as g, r as F, s as c, v, w as x, T as R, b as S, J as b, K as h, t as C, x as w, y as z, z as A, A as H, C as N, F as k, G as P, I as y, E, H as G, B as V, u as j, a as q } from "./TreegeRenderer-D3EvsEfJ.js";
-import { T as J, g as K, u as U } from "./ThemeContext-BIvs8Kw-.js";
-export {
-  t as DefaultAddressInput,
-  s as DefaultAutocompleteInput,
-  u as DefaultCheckboxInput,
-  l as DefaultDateInput,
-  r as DefaultDateRangeInput,
-  n as DefaultFileInput,
-  i as DefaultGroup,
-  o as DefaultHiddenInput,
-  f as DefaultHttpInput,
-  d as DefaultNumberInput,
-  p as DefaultPasswordInput,
-  D as DefaultRadioInput,
-  I as DefaultSelectInput,
-  T as DefaultSwitchInput,
-  m as DefaultTextAreaInput,
-  g as DefaultTextInput,
-  F as DefaultTimeInput,
-  c as DefaultTimeRangeInput,
-  v as Divider,
-  J as ThemeProvider,
-  x as Title,
-  R as TreegeConfigProvider,
-  S as TreegeRenderer,
-  b as checkFormFieldHasValue,
-  h as convertFormValuesToNamedFormat,
-  C as defaultInputRenderers,
-  w as defaultUI,
-  z as evaluateCondition,
-  A as evaluateConditions,
-  H as fileToSerializable,
-  N as filesToSerializable,
-  k as findStartNode,
-  P as getFlowRenderState,
-  K as getTranslatedText,
-  y as isFieldEmpty,
-  E as isStartNode,
-  G as mergeFlows,
-  V as serializableToFile,
-  U as useTheme,
-  j as useTreegeConfig,
-  q as useTreegeRenderer
-};
+import { n as e, s as t, t as n } from "./ThemeContext-Cw-S1U8B.js";
+import { C as r, _ as i, a, b as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, p as h, r as g, u as _, v, w as y, x as b, y as x } from "./useRenderNode-IL6mmCOS.js";
+import { C as S, S as C, _ as w, a as T, b as E, c as D, d as O, f as k, g as A, h as j, i as M, l as N, m as P, n as F, o as I, p as L, r as R, s as z, t as B, u as V, v as H, x as U, y as W } from "./renderer-CsU2Y0iu.js";
+export { C as DefaultAddressInput, U as DefaultAutocompleteInput, E as DefaultCheckboxInput, W as DefaultDateInput, H as DefaultDateRangeInput, w as DefaultFileInput, S as DefaultGroup, A as DefaultHiddenInput, j as DefaultHttpInput, P as DefaultNumberInput, L as DefaultPasswordInput, k as DefaultRadioInput, O as DefaultSelectInput, V as DefaultSwitchInput, N as DefaultTextAreaInput, D as DefaultTextInput, z as DefaultTimeInput, I as DefaultTimeRangeInput, F as Divider, n as ThemeProvider, R as Title, r as TreegeConfigProvider, B as TreegeRenderer, i as applyReferenceTransformation, v as calculateReferenceFieldUpdates, x as checkFormFieldHasValue, o as convertFormValuesToNamedFormat, T as defaultInputRenderers, M as defaultUI, h as evaluateCondition, p as evaluateConditions, m as fileToSerializable, g as filesToSerializable, f as findStartNode, _ as getFlowRenderState, t as getTranslatedText, b as isFieldEmpty, s as isStartNode, c as mergeFlows, u as sanitize, l as sanitizeHttpResponse, d as serializableToFile, e as useTheme, y as useTreegeConfig, a as useTreegeRenderer };

package/dist/separator-B9rc85M6.js

@@ -0,0 +1,351 @@
+import { f as e } from "./ThemeContext-Cw-S1U8B.js";
+import "react";
+import { CheckIcon as t, ChevronDownIcon as n, ChevronUpIcon as r, SearchIcon as i, XIcon as a } from "lucide-react";
+import { Slot as o } from "@radix-ui/react-slot";
+import { cva as s } from "class-variance-authority";
+import { clsx as c } from "clsx";
+import { twMerge as l } from "tailwind-merge";
+import * as u from "@radix-ui/react-checkbox";
+import * as d from "@radix-ui/react-label";
+import * as f from "@radix-ui/react-popover";
+import * as p from "@radix-ui/react-select";
+import * as m from "@radix-ui/react-dialog";
+import * as h from "@radix-ui/react-switch";
+import { Command as g } from "cmdk";
+import * as _ from "@radix-ui/react-separator";
+//#region src/shared/lib/utils.ts
+function v(...e) {
+	return l(c(e));
+}
+//#endregion
+//#region src/shared/components/ui/button.tsx
+var y = e(), b = s("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+	defaultVariants: {
+		size: "default",
+		variant: "default"
+	},
+	variants: {
+		size: {
+			default: "h-9 px-4 py-2 has-[>svg]:px-3",
+			icon: "size-9",
+			"icon-lg": "size-10",
+			"icon-sm": "size-8",
+			lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+			sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+			xs: "h-6 rounded-md gap-1 px-2 text-xs has-[>svg]:px-1.5"
+		},
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+			ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+			link: "text-primary underline-offset-4 hover:underline",
+			outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80"
+		}
+	}
+});
+function x({ className: e, variant: t, size: n, asChild: r = !1, ...i }) {
+	return /* @__PURE__ */ (0, y.jsx)(r ? o : "button", {
+		"data-slot": "button",
+		className: v(b({
+			className: e,
+			size: n,
+			variant: t
+		})),
+		...i
+	});
+}
+//#endregion
+//#region src/shared/components/ui/checkbox.tsx
+function S({ className: e, ...n }) {
+	return /* @__PURE__ */ (0, y.jsx)(u.Root, {
+		"data-slot": "checkbox",
+		className: v("peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs outline-none transition-shadow focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:data-[state=checked]:bg-primary dark:aria-invalid:ring-destructive/40", e),
+		...n,
+		children: /* @__PURE__ */ (0, y.jsx)(u.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "grid place-content-center text-current transition-none",
+			children: /* @__PURE__ */ (0, y.jsx)(t, { className: "size-3.5" })
+		})
+	});
+}
+//#endregion
+//#region src/shared/components/ui/form.tsx
+function C({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, y.jsx)("div", {
+		"data-slot": "form-item",
+		className: v("grid gap-2", e),
+		...t
+	});
+}
+function w({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, y.jsx)("p", {
+		"data-slot": "form-description",
+		className: v("text-muted-foreground text-xs", e),
+		...t
+	});
+}
+function T({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, y.jsx)("p", {
+		"data-slot": "form-error",
+		className: v("text-destructive text-xs", e),
+		...t
+	});
+}
+//#endregion
+//#region src/shared/components/ui/input.tsx
+function E({ className: e, type: t, ...n }) {
+	return /* @__PURE__ */ (0, y.jsx)("input", {
+		type: t,
+		"data-slot": "input",
+		className: v("h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs outline-none transition-[color,box-shadow] selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium file:text-foreground file:text-sm placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30", "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", e),
+		...n
+	});
+}
+//#endregion
+//#region src/shared/components/ui/label.tsx
+var D = ({ className: e, ...t }) => /* @__PURE__ */ (0, y.jsx)(d.Root, {
+	"data-slot": "label",
+	className: v("flex select-none items-center gap-2 font-medium text-muted-foreground text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50", e),
+	...t
+});
+//#endregion
+//#region src/shared/components/ui/popover.tsx
+function O({ ...e }) {
+	return /* @__PURE__ */ (0, y.jsx)(f.Root, {
+		"data-slot": "popover",
+		...e
+	});
+}
+function k({ ...e }) {
+	return /* @__PURE__ */ (0, y.jsx)(f.Trigger, {
+		"data-slot": "popover-trigger",
+		...e
+	});
+}
+function A({ className: e, align: t = "center", sideOffset: n = 4, disablePortal: r = !1, ...i }) {
+	let a = /* @__PURE__ */ (0, y.jsx)(f.Content, {
+		"data-slot": "popover-content",
+		align: t,
+		sideOffset: n,
+		className: v("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[state=closed]:animate-out data-[state=open]:animate-in", e),
+		...i
+	});
+	return r ? a : /* @__PURE__ */ (0, y.jsx)(f.Portal, { children: a });
+}
+//#endregion
+//#region src/shared/components/ui/select.tsx
+var j = ({ ...e }) => /* @__PURE__ */ (0, y.jsx)(p.Root, {
+	"data-slot": "select",
+	...e
+}), M = ({ ...e }) => /* @__PURE__ */ (0, y.jsx)(p.Group, {
+	"data-slot": "select-group",
+	...e
+}), N = ({ ...e }) => /* @__PURE__ */ (0, y.jsx)(p.Value, {
+	"data-slot": "select-value",
+	...e
+}), P = ({ className: e, size: t = "default", children: r, ...i }) => /* @__PURE__ */ (0, y.jsxs)(p.Trigger, {
+	"data-slot": "select-trigger",
+	"data-size": t,
+	className: v("flex w-fit items-center justify-between gap-2 whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs outline-none transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[size=default]:h-9 data-[size=sm]:h-8 data-[placeholder]:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:hover:bg-input/50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0", e),
+	...i,
+	children: [r, /* @__PURE__ */ (0, y.jsx)(p.Icon, {
+		asChild: !0,
+		children: /* @__PURE__ */ (0, y.jsx)(n, { className: "size-4 opacity-50" })
+	})]
+}), F = ({ className: e, children: t, position: n = "popper", ...r }) => /* @__PURE__ */ (0, y.jsx)(p.Portal, { children: /* @__PURE__ */ (0, y.jsxs)(p.Content, {
+	"data-slot": "select-content",
+	className: v("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in", n === "popper" && "data-[side=left]:-translate-x-1 data-[side=top]:-translate-y-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1", e),
+	position: n,
+	...r,
+	children: [
+		/* @__PURE__ */ (0, y.jsx)(L, {}),
+		/* @__PURE__ */ (0, y.jsx)(p.Viewport, {
+			className: v("p-1", n === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
+			children: t
+		}),
+		/* @__PURE__ */ (0, y.jsx)(R, {})
+	]
+}) }), ee = ({ className: e, htmlFor: t, children: n, ...r }) => /* @__PURE__ */ (0, y.jsx)(p.Label, {
+	"data-slot": "select-label",
+	className: v("pb-1.5 font-medium text-muted-foreground text-sm", e),
+	...r,
+	children: /* @__PURE__ */ (0, y.jsx)("label", {
+		htmlFor: t,
+		children: n
+	})
+}), I = ({ className: e, children: n, ...r }) => /* @__PURE__ */ (0, y.jsxs)(p.Item, {
+	"data-slot": "select-item",
+	className: v("relative flex w-full cursor-pointer select-none items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", e),
+	...r,
+	children: [/* @__PURE__ */ (0, y.jsx)("span", {
+		className: "absolute right-2 flex size-3.5 items-center justify-center",
+		children: /* @__PURE__ */ (0, y.jsx)(p.ItemIndicator, { children: /* @__PURE__ */ (0, y.jsx)(t, { className: "size-4" }) })
+	}), /* @__PURE__ */ (0, y.jsx)(p.ItemText, { children: n })]
+}), L = ({ className: e, ...t }) => /* @__PURE__ */ (0, y.jsx)(p.ScrollUpButton, {
+	"data-slot": "select-scroll-up-button",
+	className: v("flex cursor-default items-center justify-center py-1", e),
+	...t,
+	children: /* @__PURE__ */ (0, y.jsx)(r, { className: "size-4" })
+}), R = ({ className: e, ...t }) => /* @__PURE__ */ (0, y.jsx)(p.ScrollDownButton, {
+	"data-slot": "select-scroll-down-button",
+	className: v("flex cursor-default items-center justify-center py-1", e),
+	...t,
+	children: /* @__PURE__ */ (0, y.jsx)(n, { className: "size-4" })
+});
+//#endregion
+//#region src/shared/components/ui/dialog.tsx
+function z({ ...e }) {
+	return /* @__PURE__ */ (0, y.jsx)(m.Root, {
+		"data-slot": "dialog",
+		...e
+	});
+}
+function B({ ...e }) {
+	return /* @__PURE__ */ (0, y.jsx)(m.Trigger, {
+		"data-slot": "dialog-trigger",
+		...e
+	});
+}
+function V({ ...e }) {
+	return /* @__PURE__ */ (0, y.jsx)(m.Portal, {
+		"data-slot": "dialog-portal",
+		...e
+	});
+}
+function H({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, y.jsx)(m.Overlay, {
+		"data-slot": "dialog-overlay",
+		className: v("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in", e),
+		...t
+	});
+}
+function U({ className: e, children: t, showCloseButton: n = !0, ...r }) {
+	return /* @__PURE__ */ (0, y.jsxs)(V, {
+		"data-slot": "dialog-portal",
+		children: [/* @__PURE__ */ (0, y.jsx)(H, {}), /* @__PURE__ */ (0, y.jsxs)(m.Content, {
+			"data-slot": "dialog-content",
+			className: v("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:max-w-lg", e),
+			...r,
+			children: [t, n && /* @__PURE__ */ (0, y.jsxs)(m.Close, {
+				"data-slot": "dialog-close",
+				className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+				children: [/* @__PURE__ */ (0, y.jsx)(a, {}), /* @__PURE__ */ (0, y.jsx)("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})]
+		})]
+	});
+}
+function W({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, y.jsx)("div", {
+		"data-slot": "dialog-header",
+		className: v("flex flex-col gap-2 text-center sm:text-left", e),
+		...t
+	});
+}
+function G({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, y.jsx)("div", {
+		"data-slot": "dialog-footer",
+		className: v("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", e),
+		...t
+	});
+}
+function K({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, y.jsx)(m.Title, {
+		"data-slot": "dialog-title",
+		className: v("font-semibold text-lg leading-none", e),
+		...t
+	});
+}
+function q({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, y.jsx)(m.Description, {
+		"data-slot": "dialog-description",
+		className: v("text-muted-foreground text-sm", e),
+		...t
+	});
+}
+//#endregion
+//#region src/shared/components/ui/textarea.tsx
+function J({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, y.jsx)("textarea", {
+		"data-slot": "textarea",
+		className: v("field-sizing-content flex min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs outline-none transition-[color,box-shadow] placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40", e),
+		...t
+	});
+}
+//#endregion
+//#region src/shared/components/ui/switch.tsx
+function Y({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, y.jsx)(h.Root, {
+		"data-slot": "switch",
+		className: v("peer inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80", e),
+		...t,
+		children: /* @__PURE__ */ (0, y.jsx)(h.Thumb, {
+			"data-slot": "switch-thumb",
+			className: v("pointer-events-none block size-4 rounded-full bg-background ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground")
+		})
+	});
+}
+//#endregion
+//#region src/shared/components/ui/command.tsx
+function X({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, y.jsx)(g, {
+		"data-slot": "command",
+		className: v("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", e),
+		...t
+	});
+}
+function Z({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, y.jsxs)("div", {
+		"data-slot": "command-input-wrapper",
+		className: "flex h-9 items-center gap-2 border-b px-3",
+		children: [/* @__PURE__ */ (0, y.jsx)(i, { className: "size-4 shrink-0 opacity-50" }), /* @__PURE__ */ (0, y.jsx)(g.Input, {
+			"data-slot": "command-input",
+			className: v("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", e),
+			...t
+		})]
+	});
+}
+function Q({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, y.jsx)(g.List, {
+		"data-slot": "command-list",
+		className: v("max-h-[300px] scroll-py-1 overflow-y-auto overflow-x-hidden", e),
+		...t
+	});
+}
+function $({ ...e }) {
+	return /* @__PURE__ */ (0, y.jsx)(g.Empty, {
+		"data-slot": "command-empty",
+		className: "py-6 text-center text-sm",
+		...e
+	});
+}
+function te({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, y.jsx)(g.Group, {
+		"data-slot": "command-group",
+		className: v("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs", e),
+		...t
+	});
+}
+function ne({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, y.jsx)(g.Item, {
+		"data-slot": "command-item",
+		className: v("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0", e),
+		...t
+	});
+}
+//#endregion
+//#region src/shared/components/ui/separator.tsx
+function re({ className: e, orientation: t = "horizontal", decorative: n = !0, ...r }) {
+	return /* @__PURE__ */ (0, y.jsx)(_.Root, {
+		"data-slot": "separator",
+		decorative: n,
+		orientation: t,
+		className: v("shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px", e),
+		...r
+	});
+}
+//#endregion
+export { T as A, N as C, D, k as E, v as F, S as M, x as N, E as O, b as P, P as S, A as T, j as _, Z as a, I as b, Y as c, U as d, q as f, B as g, K as h, te as i, C as j, w as k, J as l, W as m, X as n, ne as o, G as p, $ as r, Q as s, re as t, z as u, F as v, O as w, ee as x, M as y };

package/dist/shared/components/ui/alert-dialog.d.ts

@@ -0,0 +1,14 @@
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import * as React from "react";
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };

package/dist/shared/components/ui/badge.d.ts

@@ -1,8 +1,8 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "purple" | null | undefined;
-} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "blue" | "purple" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/shared/components/ui/button.d.ts

@@ -1,9 +1,9 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    size?: "default" | "icon" | "icon-lg" | "icon-sm" | "lg" | "sm" | null | undefined;
+    size?: "default" | "icon" | "icon-lg" | "icon-sm" | "lg" | "sm" | "xs" | null | undefined;
     variant?: "default" | "link" | "destructive" | "ghost" | "outline" | "secondary" | null | undefined;
-} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/shared/components/ui/collapsible.d.ts

@@ -2,4 +2,4 @@ import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
 declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
-export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/shared/components/ui/command.d.ts

@@ -15,4 +15,4 @@ declare function CommandGroup({ className, ...props }: React.ComponentProps<type
 declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
 declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
 declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator };
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

package/dist/shared/components/ui/dropdown-menu.d.ts

@@ -22,4 +22,4 @@ declare function DropdownMenuSubTrigger({ className, inset, children, ...props }
     inset?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };

package/dist/shared/components/ui/form.d.ts

@@ -2,4 +2,4 @@ import * as React from "react";
 declare function FormItem({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
 declare function FormError({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
-export { FormError, FormItem, FormDescription };
+export { FormDescription, FormError, FormItem };

package/dist/shared/components/ui/popover.d.ts

@@ -2,6 +2,8 @@ import * as PopoverPrimitive from "@radix-ui/react-popover";
 import * as React from "react";
 declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, disablePortal, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content> & {
+    disablePortal?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
 declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };

package/dist/shared/components/ui/select.d.ts

@@ -7,7 +7,9 @@ declare const SelectTrigger: ({ className, size, children, ...props }: React.Com
     size?: "sm" | "default";
 }) => import("react/jsx-runtime").JSX.Element;
 declare const SelectContent: ({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>) => import("react/jsx-runtime").JSX.Element;
-declare const SelectLabel: ({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectLabel: ({ className, htmlFor, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Label> & {
+    htmlFor?: string;
+}) => import("react/jsx-runtime").JSX.Element;
 declare const SelectItem: ({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>) => import("react/jsx-runtime").JSX.Element;
 declare const SelectSeparator: ({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>) => import("react/jsx-runtime").JSX.Element;
 declare const SelectScrollUpButton: ({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/components/ui/sheet.d.ts

@@ -10,4 +10,4 @@ declare function SheetHeader({ className, ...props }: React.ComponentProps<"div"
 declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
 declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
-export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription };
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/shared/components/ui/tooltip.d.ts

@@ -4,4 +4,4 @@ declare function TooltipProvider({ delayDuration, ...props }: React.ComponentPro
 declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/shared/constants/colors.d.ts

@@ -0,0 +1,45 @@
+export declare const COLORS: {
+    dark: {
+        background: string;
+        border: string;
+        borderFocus: string;
+        card: string;
+        error: string;
+        errorBg: string;
+        errorLight: string;
+        input: string;
+        muted: string;
+        primary: string;
+        primaryDisabled: string;
+        primaryForeground: string;
+        primaryLight: string;
+        separator: string;
+        success: string;
+        successBg: string;
+        text: string;
+        textMuted: string;
+        textSecondary: string;
+    };
+    light: {
+        background: string;
+        border: string;
+        borderFocus: string;
+        card: string;
+        error: string;
+        errorBg: string;
+        errorLight: string;
+        input: string;
+        muted: string;
+        primary: string;
+        primaryDisabled: string;
+        primaryForeground: string;
+        primaryLight: string;
+        separator: string;
+        success: string;
+        successBg: string;
+        text: string;
+        textMuted: string;
+        textSecondary: string;
+    };
+};
+export type ThemeColors = typeof COLORS.light;

package/dist/shared/constants/inputType.d.ts

@@ -11,6 +11,7 @@ export declare const INPUT_TYPE: {
     readonly password: "password";
     readonly radio: "radio";
     readonly select: "select";
+    readonly submit: "submit";
     readonly switch: "switch";
     readonly text: "text";
     readonly textarea: "textarea";

package/dist/shared/context/ThemeContext.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { ThemeColors } from '../constants/colors';
 type Theme = "dark" | "light" | "system";
 interface ThemeProviderProps {
     children: ReactNode;
@@ -7,6 +8,7 @@ interface ThemeProviderProps {
     theme?: "dark" | "light";
 }
 interface ThemeProviderState {
+    colors: ThemeColors;
     theme: Theme;
     setTheme: (theme: Theme) => void;
 }

package/dist/shared/context/ThemeContext.native.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { ThemeColors } from '../constants/colors';
+type Theme = "dark" | "light" | "system";
+interface ThemeProviderProps {
+    children: ReactNode;
+    defaultTheme?: Theme;
+    storageKey?: string;
+    theme?: "dark" | "light";
+}
+interface ThemeProviderState {
+    colors: ThemeColors;
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+}
+/**
+ * ThemeProvider for React Native
+ * Unlike the web version, this doesn't manipulate DOM classes
+ * Provides theme colors directly through the context
+ */
+export declare const ThemeProvider: ({ children, defaultTheme, theme: controlledTheme, ...props }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useTheme: () => ThemeProviderState;
+export {};

package/dist/shared/hooks/useThemeColors.d.ts

@@ -0,0 +1,37 @@
+/**
+ * useThemeColors hook for Web
+ *
+ * On web, theming is handled via CSS classes and CSS variables in the global stylesheet.
+ * This hook provides color values that map to CSS variables or returns empty strings
+ * since actual colors are defined in the CSS theme.
+ *
+ * React Native uses this same interface but returns actual color values.
+ */
+export type ThemeColors = {
+    background: string;
+    card: string;
+    input: string;
+    border: string;
+    borderFocus: string;
+    error: string;
+    errorBg: string;
+    errorLight: string;
+    muted: string;
+    primary: string;
+    primaryDisabled: string;
+    primaryLight: string;
+    success: string;
+    successBg: string;
+    text: string;
+    textMuted: string;
+    textSecondary: string;
+    separator: string;
+};
+/**
+ * For web, we don't need to return actual color values since theming
+ * is handled via CSS classes (`.light` / `.dark`) and CSS variables.
+ *
+ * Components should use CSS classes for styling on web instead of inline styles.
+ * This hook exists for API compatibility with React Native.
+ */
+export declare const useThemeColors: () => ThemeColors;