treege 3.0.0-beta.26 → 3.0.0-beta.28

package/dist/renderer.js

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

package/dist/separator-oCo7kxCK.js

@@ -0,0 +1,364 @@
+import { j as t } from "./ThemeContext-BBEqRK_Q.js";
+import { Slot as f } from "@radix-ui/react-slot";
+import { cva as x } from "class-variance-authority";
+import * as u from "@radix-ui/react-checkbox";
+import { CheckIcon as p, ChevronDownIcon as g, ChevronUpIcon as b, SearchIcon as v } from "lucide-react";
+import * as h from "@radix-ui/react-label";
+import * as l from "@radix-ui/react-popover";
+import * as s from "@radix-ui/react-select";
+import * as m from "@radix-ui/react-switch";
+import { Command as i } from "cmdk";
+import "@radix-ui/react-dialog";
+import * as w from "@radix-ui/react-separator";
+import { clsx as j } from "clsx";
+import { twMerge as k } from "tailwind-merge";
+function r(...e) {
+  return k(j(e));
+}
+const y = x(
+  "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"
+      },
+      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 B({
+  className: e,
+  variant: a,
+  size: o,
+  asChild: n = !1,
+  ...c
+}) {
+  const d = n ? f : "button";
+  return /* @__PURE__ */ t.jsx(d, { "data-slot": "button", className: r(y({ className: e, size: o, variant: a })), ...c });
+}
+function V({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    u.Root,
+    {
+      "data-slot": "checkbox",
+      className: r(
+        "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
+      ),
+      ...a,
+      children: /* @__PURE__ */ t.jsx(u.Indicator, { "data-slot": "checkbox-indicator", className: "grid place-content-center text-current transition-none", children: /* @__PURE__ */ t.jsx(p, { className: "size-3.5" }) })
+    }
+  );
+}
+function D({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx("div", { "data-slot": "form-item", className: r("grid gap-2", e), ...a });
+}
+function E({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx("p", { "data-slot": "form-description", className: r("text-muted-foreground text-xs", e), ...a });
+}
+function F({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx("p", { "data-slot": "form-error", className: r("text-destructive text-xs", e), ...a });
+}
+function G({ className: e, type: a, ...o }) {
+  return /* @__PURE__ */ t.jsx(
+    "input",
+    {
+      type: a,
+      "data-slot": "input",
+      className: r(
+        "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
+      ),
+      ...o
+    }
+  );
+}
+const U = ({ className: e, ...a }) => /* @__PURE__ */ t.jsx(
+  h.Root,
+  {
+    "data-slot": "label",
+    className: r(
+      "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
+    ),
+    ...a
+  }
+);
+function q({ ...e }) {
+  return /* @__PURE__ */ t.jsx(l.Root, { "data-slot": "popover", ...e });
+}
+function M({ ...e }) {
+  return /* @__PURE__ */ t.jsx(l.Trigger, { "data-slot": "popover-trigger", ...e });
+}
+function $({
+  className: e,
+  align: a = "center",
+  sideOffset: o = 4,
+  disablePortal: n = !1,
+  ...c
+}) {
+  const d = /* @__PURE__ */ t.jsx(
+    l.Content,
+    {
+      "data-slot": "popover-content",
+      align: a,
+      sideOffset: o,
+      className: r(
+        "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
+      ),
+      ...c
+    }
+  );
+  return n ? d : /* @__PURE__ */ t.jsx(l.Portal, { children: d });
+}
+const A = ({ ...e }) => /* @__PURE__ */ t.jsx(s.Root, { "data-slot": "select", ...e }), H = ({ ...e }) => /* @__PURE__ */ t.jsx(s.Group, { "data-slot": "select-group", ...e }), J = ({ ...e }) => /* @__PURE__ */ t.jsx(s.Value, { "data-slot": "select-value", ...e }), K = ({
+  className: e,
+  size: a = "default",
+  children: o,
+  ...n
+}) => /* @__PURE__ */ t.jsxs(
+  s.Trigger,
+  {
+    "data-slot": "select-trigger",
+    "data-size": a,
+    className: r(
+      "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
+    ),
+    ...n,
+    children: [
+      o,
+      /* @__PURE__ */ t.jsx(s.Icon, { asChild: !0, children: /* @__PURE__ */ t.jsx(g, { className: "size-4 opacity-50" }) })
+    ]
+  }
+), O = ({ className: e, children: a, position: o = "popper", ...n }) => /* @__PURE__ */ t.jsx(s.Portal, { children: /* @__PURE__ */ t.jsxs(
+  s.Content,
+  {
+    "data-slot": "select-content",
+    className: r(
+      "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",
+      o === "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: o,
+    ...n,
+    children: [
+      /* @__PURE__ */ t.jsx(z, {}),
+      /* @__PURE__ */ t.jsx(
+        s.Viewport,
+        {
+          className: r(
+            "p-1",
+            o === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+          ),
+          children: a
+        }
+      ),
+      /* @__PURE__ */ t.jsx(N, {})
+    ]
+  }
+) }), Q = ({
+  className: e,
+  htmlFor: a,
+  children: o,
+  ...n
+}) => /* @__PURE__ */ t.jsx(s.Label, { "data-slot": "select-label", className: r("pb-1.5 font-medium text-muted-foreground text-sm", e), ...n, children: /* @__PURE__ */ t.jsx("label", { htmlFor: a, children: o }) }), W = ({ className: e, children: a, ...o }) => /* @__PURE__ */ t.jsxs(
+  s.Item,
+  {
+    "data-slot": "select-item",
+    className: r(
+      "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
+    ),
+    ...o,
+    children: [
+      /* @__PURE__ */ t.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t.jsx(s.ItemIndicator, { children: /* @__PURE__ */ t.jsx(p, { className: "size-4" }) }) }),
+      /* @__PURE__ */ t.jsx(s.ItemText, { children: a })
+    ]
+  }
+), z = ({ className: e, ...a }) => /* @__PURE__ */ t.jsx(
+  s.ScrollUpButton,
+  {
+    "data-slot": "select-scroll-up-button",
+    className: r("flex cursor-default items-center justify-center py-1", e),
+    ...a,
+    children: /* @__PURE__ */ t.jsx(b, { className: "size-4" })
+  }
+), N = ({ className: e, ...a }) => /* @__PURE__ */ t.jsx(
+  s.ScrollDownButton,
+  {
+    "data-slot": "select-scroll-down-button",
+    className: r("flex cursor-default items-center justify-center py-1", e),
+    ...a,
+    children: /* @__PURE__ */ t.jsx(g, { className: "size-4" })
+  }
+);
+function X({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: r(
+        "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
+      ),
+      ...a
+    }
+  );
+}
+function Y({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    m.Root,
+    {
+      "data-slot": "switch",
+      className: r(
+        "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
+      ),
+      ...a,
+      children: /* @__PURE__ */ t.jsx(
+        m.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: r(
+            "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"
+          )
+        }
+      )
+    }
+  );
+}
+function Z({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    i,
+    {
+      "data-slot": "command",
+      className: r("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", e),
+      ...a
+    }
+  );
+}
+function ee({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsxs("div", { "data-slot": "command-input-wrapper", className: "flex h-9 items-center gap-2 border-b px-3", children: [
+    /* @__PURE__ */ t.jsx(v, { className: "size-4 shrink-0 opacity-50" }),
+    /* @__PURE__ */ t.jsx(
+      i.Input,
+      {
+        "data-slot": "command-input",
+        className: r(
+          "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
+        ),
+        ...a
+      }
+    )
+  ] });
+}
+function te({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    i.List,
+    {
+      "data-slot": "command-list",
+      className: r("max-h-[300px] scroll-py-1 overflow-y-auto overflow-x-hidden", e),
+      ...a
+    }
+  );
+}
+function ae({ ...e }) {
+  return /* @__PURE__ */ t.jsx(i.Empty, { "data-slot": "command-empty", className: "py-6 text-center text-sm", ...e });
+}
+function re({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    i.Group,
+    {
+      "data-slot": "command-group",
+      className: r(
+        "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
+      ),
+      ...a
+    }
+  );
+}
+function oe({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    i.Item,
+    {
+      "data-slot": "command-item",
+      className: r(
+        "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
+      ),
+      ...a
+    }
+  );
+}
+function se({
+  className: e,
+  orientation: a = "horizontal",
+  decorative: o = !0,
+  ...n
+}) {
+  return /* @__PURE__ */ t.jsx(
+    w.Root,
+    {
+      "data-slot": "separator",
+      decorative: o,
+      orientation: a,
+      className: r(
+        "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
+      ),
+      ...n
+    }
+  );
+}
+export {
+  B,
+  Z as C,
+  D as F,
+  G as I,
+  U as L,
+  q as P,
+  A as S,
+  X as T,
+  te as a,
+  ae as b,
+  re as c,
+  oe as d,
+  F as e,
+  E as f,
+  M as g,
+  $ as h,
+  ee as i,
+  r as j,
+  V as k,
+  y as l,
+  K as m,
+  J as n,
+  O as o,
+  H as p,
+  W as q,
+  Y as r,
+  se as s,
+  Q as t
+};

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/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;

package/dist/shared/locales/ar.json.d.ts

@@ -125,8 +125,8 @@ declare const _default: {
       "searchParameterDesc": "إذا تم تعيينه، يتم تمكين مربع بحث يضيف هذا المعامل إلى استدعاءات API (مثال: ?q=باريس)",
       "searchParameterPlaceholder": "q، بحث، استعلام...",
       "selectMethod": "اختر الطريقة",
-      "sendFormData": "إرسال جميع بيانات النموذج",
-      "sendFormDataDesc": "إرسال جميع قيم النموذج تلقائياً كمحتوى JSON",
+      "sendAllFormValues": "إرسال جميع بيانات النموذج",
+      "sendAllFormValuesDesc": "إرسال جميع قيم النموذج تلقائياً كمحتوى JSON",
       "showLoadingState": "إظهار حالة التحميل",
       "valueField": "حقل القيمة",
       "valueFieldDesc": "الحقل المستخدم كقيمة خيار (مثال: id)",
@@ -239,8 +239,8 @@ declare const _default: {
       "requestBodyDesc": "استخدم {{fieldId}} للإشارة إلى حقول أخرى. تأكد من تنسيق JSON الصحيح بما في ذلك علامات الاقتباس حول القيم النصية.",
       "requestBodyPlaceholder": "{\"name\": \"{{userName}}\", \"email\": \"{{userEmail}}\"}",
       "selectMethod": "اختر الطريقة",
-      "sendFormData": "إرسال جميع بيانات النموذج",
-      "sendFormDataDesc": "إرسال جميع قيم النموذج تلقائياً كمحتوى JSON",
+      "sendAllFormValues": "إرسال جميع بيانات النموذج",
+      "sendAllFormValuesDesc": "إرسال جميع قيم النموذج تلقائياً كمحتوى JSON",
       "showLoadingState": "إظهار حالة التحميل",
       "successMessage": "رسالة النجاح",
       "successMessageDesc": "الرسالة المعروضة عند نجاح الإرسال",
@@ -256,7 +256,9 @@ declare const _default: {
   "renderer": {
     "defaultAddressInput": {
       "enterAddress": "أدخل عنواناً...",
-      "noAddressesFound": "لم يتم العثور على عناوين."
+      "noAddressesFound": "لم يتم العثور على عناوين.",
+      "searching": "جاري البحث...",
+      "typeMinChars": "اكتب 3 أحرف على الأقل للبحث"
     },
     "defaultAutocompleteInput": {
       "noResults": "لم يتم العثور على نتائج.",
@@ -276,11 +278,17 @@ declare const _default: {
       "waitingForRequiredFields": "في انتظار الحقول المطلوبة"
     },
     "defaultInputs": {
+      "addMoreFiles": "إضافة المزيد من الملفات",
       "endDate": "تاريخ الانتهاء",
       "endTime": "وقت الانتهاء",
+      "filePickerError": "فشل في اختيار الملف",
+      "filePickerUnavailable": "اختيار الملفات غير متاح. يرجى تثبيت react-native-document-picker.",
+      "replaceFile": "استبدال الملف",
       "required": "*",
       "selectDate": "اختر التاريخ",
       "selectDateRange": "اختر نطاق التاريخ",
+      "selectFile": "اختر ملف",
+      "selectFiles": "اختر ملفات",
       "startDate": "تاريخ البدء",
       "startTime": "وقت البدء"
     },