treege 3.0.0-beta.9 → 3.0.0-beta.91

package/dist/renderer.js

@@ -1,45 +1,5 @@
-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-BVaqgInZ.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 { I as e, L as t, _ as n, a as r, b as i, c as a, g as o, h as s, i as c, l, m as u, n as d, o as f, q as p, r as m, s as h, t as g, v as _, y as v } from "./ThemeContext-CPsC8QIP.js";
+import { C as y, L as b, S as x, _ as S, a as C, b as w, c as T, d as E, g as D, h as O, i as k, m as A, n as j, o as M, r as N, u as P, v as F, x as I, y as L } from "./DefaultSubmitButton-NeSDqyzv.js";
+import { a as R, c as z, i as B, l as V, n as H, o as U, r as W, s as G } from "./useRenderNode-CG466pNk.js";
+import { a as K, c as q, i as J, l as Y, n as X, o as Z, r as Q, s as $, t as ee } from "./renderer-CNbSt_QW.js";
+export { y as DefaultAddressInput, x as DefaultAutocompleteInput, I as DefaultCheckboxInput, w as DefaultDateInput, L as DefaultDateRangeInput, F as DefaultFileInput, S as DefaultHiddenInput, D as DefaultHttpInput, b as DefaultInputLabel, O as DefaultNumberInput, A as DefaultPasswordInput, E as DefaultRadioInput, P as DefaultSelectInput, T as DefaultSwitchInput, M as DefaultTextAreaInput, C as DefaultTextInput, k as DefaultTimeInput, N as DefaultTimeRangeInput, Z as Divider, g as ThemeProvider, $ as Title, K as TreegeRenderer, z as TreegeRendererProvider, ee as TreegeViewer, Y as TreegeViewerProvider, m as applyReferenceTransformation, c as buildInitialFormValues, r as calculateReferenceFieldUpdates, f as checkFormFieldHasValue, h as convertFormValuesToNamedFormat, j as defaultInputRenderers, q as defaultUI, U as evaluateCondition, G as evaluateConditions, u as fileNameFromUrl, s as fileToSerializable, o as filesToSerializable, W as findStartNode, n as formatFileSize, B as getFlowRenderState, p as getTranslatedText, X as getViewerFields, a as isFieldEmpty, Q as isImageFile, _ as isRemoteFileData, R as isStartNode, v as normalizeSerializableFiles, l as resolveNodeDefaultValue, e as sanitize, t as sanitizeHttpResponse, i as serializableToFile, d as useTheme, H as useTreegeRenderer, V as useTreegeRendererConfig, J as viewerFieldsFromResponse };

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;
-    variant?: "default" | "link" | "destructive" | "ghost" | "outline" | "secondary" | null | undefined;
-} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+    size?: "default" | "icon" | "icon-lg" | "icon-sm" | "lg" | "sm" | "xs" | null | undefined;
+    variant?: "default" | "link" | "icon" | "destructive" | "ghost" | "outline" | "secondary" | null | undefined;
+} & 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/field.d.ts

@@ -0,0 +1,24 @@
+import { VariantProps } from 'class-variance-authority';
+import { Label } from './label';
+declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): import("react/jsx-runtime").JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("react/jsx-runtime").JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): import("react/jsx-runtime").JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): import("react/jsx-runtime").JSX.Element | null;
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };

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

@@ -0,0 +1,23 @@
+import { VariantProps } from 'class-variance-authority';
+import { Separator } from './separator';
+import * as React from "react";
+declare function ItemGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+declare const itemVariants: (props?: ({
+    size?: "default" | "sm" | null | undefined;
+    variant?: "default" | "outline" | "muted" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare const itemMediaVariants: (props?: ({
+    variant?: "default" | "image" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function ItemActions({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ItemFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

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

@@ -2,6 +2,14 @@ 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, container, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content> & {
+    disablePortal?: boolean;
+    /**
+     * Element to portal the content into. Defaults to the nearest
+     * `PortalContainerProvider` (the editor root, or an enclosing Sheet/Dialog),
+     * falling back to `document.body`. Ignored when `disablePortal` is set.
+     */
+    container?: HTMLElement | null;
+}): 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/skeleton.d.ts

@@ -0,0 +1,3 @@
+import type * as React from "react";
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };

package/dist/shared/components/ui/toggle-group.d.ts

@@ -0,0 +1,7 @@
+import { VariantProps } from 'class-variance-authority';
+import { toggleVariants } from './toggle';
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import * as React from "react";
+declare function ToggleGroup({ className, variant, size, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { ToggleGroup, ToggleGroupItem };

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

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import * as React from "react";
+declare const toggleVariants: (props?: ({
+    size?: "default" | "lg" | "sm" | null | undefined;
+    variant?: "default" | "outline" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+export { Toggle, toggleVariants };

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,9 +11,15 @@ 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";
     readonly time: "time";
     readonly timerange: "timerange";
 };
+/**
+ * Input types that carry a static option list (`data.options`) or can use a
+ * remote `data.optionsSource`. Anything else is treated as a free-form input.
+ */
+export declare const OPTIONS_INPUT_TYPES: readonly string[];

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

@@ -1,5 +1,4 @@
 export declare const NODE_TYPE: {
-    readonly flow: "flow";
     readonly group: "group";
     readonly input: "input";
     readonly ui: "ui";

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

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+export declare const usePortalContainer: () => HTMLElement | null;
+export declare const PortalContainerProvider: ({ container, children }: PropsWithChildren<{
+    container: HTMLElement | null;
+}>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+declare const MEDIA_QUERIES: {
+    desktop: string;
+    mobile: string;
+    tablet: string;
+};
+type Breakpoint = keyof typeof MEDIA_QUERIES;
+/**
+ *  Tracks whether the current window matches a CSS media query.
+ *  Accepts a preset (`"mobile"`, `"tablet"`, `"desktop"`) or any custom query string.
+ */
+export declare const useMediaQuery: (query: Breakpoint | (string & {})) => boolean;
+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;