treege 2.1.0 → 3.0.0-beta.2

package/dist/renderer/utils/flow.d.ts

@@ -0,0 +1,91 @@
+import { Edge, Node } from '@xyflow/react';
+import { FormValues } from '../types/renderer';
+import { ConditionalEdgeData } from '../../shared/types/edge';
+import { Flow, TreegeNodeData } from '../../shared/types/node';
+/**
+ * Result from computing the flow render state
+ * Contains everything needed to render the form and determine its state
+ *
+ * This is the output of getFlowRenderState and represents which nodes should be visible
+ * based on the current form values and conditional logic.
+ */
+export interface FlowRenderState {
+    /**
+     * Whether the end of the flow path has been reached (no more unexplored paths)
+     * This does NOT mean the form is valid - just that we've traversed as far as possible
+     *
+     * Use case: Determines if the submit button should be enabled (endOfPathReached + valid form)
+     */
+    endOfPathReached: boolean;
+    /**
+     * Set of all visible node IDs for quick lookup
+     *
+     * Use case: O(1) check if a node is visible (includes parent groups)
+     */
+    visibleNodeIds: Set<string>;
+    /**
+     * All visible nodes (for validation, includes children of groups)
+     *
+     * Use case: Running validation on all visible input nodes
+     */
+    visibleNodes: Node<TreegeNodeData>[];
+    /**
+     * Visible nodes at root level (to render at top-level, ordered by flow)
+     *
+     * Use case: Rendering the form - only these nodes need to be rendered at the root
+     * (their children will be rendered by group components)
+     */
+    visibleRootNodes: Node<TreegeNodeData>[];
+}
+/**
+ * Check if a node is the start node (has no incoming edges)
+ * Used by UI components to determine if a node is the first in the flow
+ */
+export declare const isStartNode: (nodeId: string, edges: Edge[]) => boolean;
+/**
+ * Find the start node (node without incoming edges)
+ * Prefers input nodes as the start, otherwise takes the first node found
+ */
+export declare const findStartNode: (nodes: Node<TreegeNodeData>[], edges: Edge[]) => Node<TreegeNodeData> | undefined;
+/**
+ * Get the complete render state for the flow
+ *
+ * This is the MAIN function that computes everything needed to render the form:
+ * 1. Finds the start node (node without incoming edges)
+ * 2. Determines which nodes should be visible based on form values and edge conditions
+ * 3. Orders them in the correct flow sequence for rendering
+ * 4. Detects if we've reached the end of the path (important for submit button state)
+ *
+ * Progressive Rendering Logic:
+ * - Start from the first node (no incoming edges)
+ * - Show the current node
+ * - If the node has outgoing edges:
+ *   - Unconditional edges: always follow
+ *   - Conditional edges: only follow if conditions are met AND all required fields are filled
+ *   - Fallback edges: follow only if no conditional edges match
+ * - If we encounter a node where conditional fields are not yet filled, STOP (wait for user input)
+ * - Continue until no more nodes can be revealed
+ *
+ * @param nodes - All nodes from the editor
+ * @param edges - All edges from the editor
+ * @param formValues - Current form values
+ * @returns Complete flow render state (visible nodes, end-of-path flag, etc.)
+ */
+export declare const getFlowRenderState: (nodes: Node<TreegeNodeData>[], edges: Edge<ConditionalEdgeData>[], formValues: FormValues) => FlowRenderState;
+/**
+ * Merge multiple flows into a single flow by recursively replacing FlowNodes with their target flow's nodes
+ *
+ * This function takes a flow or an array of flows, automatically detects the main flow, then:
+ * 1. Replaces each FlowNode with the nodes from its target flow
+ * 2. Preserves the order of nodes by inserting sub-flow nodes at the FlowNode position
+ * 3. Redirects edges that point to FlowNodes to the first node of the target flow
+ * 4. Connects the last nodes of sub-flows to the nodes that followed the FlowNode
+ *
+ * Main flow detection:
+ * - The main flow is automatically identified as the one that references other flows but is not referenced itself
+ * - This allows flows to be passed in any order without breaking the merge logic
+ *
+ * @param flows - A single Flow or an array of flows (can be null/undefined)
+ * @returns A single merged Flow containing all nodes and edges
+ */
+export declare const mergeFlows: (flows?: Flow | Flow[] | null) => Flow;

package/dist/renderer/utils/form.d.ts

@@ -0,0 +1,26 @@
+import { Node } from '@xyflow/react';
+import { FormValues } from '../types/renderer';
+import { InputNodeData } from '../../shared/types/node';
+/**
+ * Check if a form field value is considered empty for validation purposes
+ * Used for required field validation
+ * @param value - The field value to check
+ * @returns True if the value is empty (undefined, null, empty string, or empty array)
+ */
+export declare const isFieldEmpty: (value: unknown) => boolean;
+/**
+ * Check if a form field has been filled by the user (presence check)
+ * Considers false, 0, and "" as valid filled values
+ * Used for conditional edge evaluation in progressive rendering
+ * @param fieldName - The name of the form field
+ * @param formValues - The current form values
+ * @returns True if the field has been filled (any value except undefined/null), false otherwise
+ */
+export declare const checkFormFieldHasValue: (fieldName: string | undefined, formValues: FormValues) => boolean;
+/**
+ * Convert internal form values (keyed by nodeId) to external format (keyed by name)
+ * When multiple nodes share the same name, later values overwrite earlier ones
+ * example: convertFormValuesToNamedFormat({ id1: 'Alice', id2: 'Bob' }, [ { id: 'id1', data: { name: 'firstName' } }, { id: 'id2', data: { name: 'lastName' } } ])
+ * returns { firstName: 'Alice', lastName: 'Bob' }
+ */
+export declare const convertFormValuesToNamedFormat: (formValues: FormValues, nodes: Node<InputNodeData>[]) => Record<string, unknown>;

package/dist/renderer/utils/node.d.ts

@@ -0,0 +1,16 @@
+import { Node } from '@xyflow/react';
+import { InputNodeData, TreegeNodeData } from '../../shared/types/node';
+/**
+ * Filter nodes to get only input nodes
+ * @param nodes - Array of nodes to filter
+ * @returns Array of input nodes only
+ */
+export declare const getInputNodes: (nodes: Node<TreegeNodeData>[]) => Node<InputNodeData>[];
+/**
+ * Get the field name (DOM name attribute) for a given node ID
+ * Uses node.data.name if available, otherwise falls back to nodeId
+ * @param nodeId - The ID of the input node
+ * @param nodes - Array of input nodes
+ * @returns The field name to use in the DOM, or undefined if node not found
+ */
+export declare const getFieldNameFromNodeId: (nodeId: string, nodes: Node<InputNodeData>[]) => string | undefined;

package/dist/renderer.d.ts

@@ -0,0 +1,2 @@
+export * from './renderer/index'
+export {}

package/dist/renderer.js

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

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

@@ -0,0 +1,9 @@
+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;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };

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

@@ -0,0 +1,10 @@
+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;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };

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

@@ -0,0 +1,8 @@
+import { DayButton, DayPicker } from 'react-day-picker';
+import { Button } from './button';
+import * as React from "react";
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React.ComponentProps<typeof Button>["variant"];
+}): import("react/jsx-runtime").JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
+export { Calendar, CalendarDayButton };

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

@@ -0,0 +1,4 @@
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import * as React from "react";
+declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Checkbox };

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

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

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

@@ -0,0 +1,18 @@
+import { Command as CommandPrimitive } from 'cmdk';
+import { Dialog } from './dialog';
+import * as React from "react";
+declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
+declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+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 };

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

@@ -0,0 +1,15 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

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

@@ -0,0 +1,25 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as React from "react";
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    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, };

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

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

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

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

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

@@ -0,0 +1,4 @@
+import * as LabelPrimitive from "@radix-ui/react-label";
+import * as React from "react";
+declare const Label: ({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
+export { Label };

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

@@ -0,0 +1,7 @@
+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 PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

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

@@ -0,0 +1,5 @@
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import * as React from "react";
+declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+export { RadioGroup, RadioGroupItem };

package/dist/shared/components/ui/scroll-area.d.ts

@@ -0,0 +1,5 @@
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import * as React from "react";
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
+export { ScrollArea, ScrollBar };

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

@@ -0,0 +1,15 @@
+import * as SelectPrimitive from "@radix-ui/react-select";
+import * as React from "react";
+declare const Select: ({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectGroup: ({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectValue: ({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectTrigger: ({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    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 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;
+declare const SelectScrollDownButton: ({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) => import("react/jsx-runtime").JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

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

@@ -0,0 +1,4 @@
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import * as React from "react";
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Separator };

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

@@ -0,0 +1,13 @@
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function SheetContent({ className, children, side, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
+    side?: "top" | "right" | "bottom" | "left";
+}): import("react/jsx-runtime").JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+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 };

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

@@ -0,0 +1,3 @@
+import { ToasterProps } from 'sonner';
+declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
+export { Toaster };

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

@@ -0,0 +1,4 @@
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import * as React from "react";
+declare function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Switch };

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

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

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

@@ -0,0 +1,7 @@
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import * as React from "react";
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+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 };

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

@@ -0,0 +1,19 @@
+export declare const INPUT_TYPE: {
+    readonly address: "address";
+    readonly autocomplete: "autocomplete";
+    readonly checkbox: "checkbox";
+    readonly date: "date";
+    readonly daterange: "daterange";
+    readonly file: "file";
+    readonly hidden: "hidden";
+    readonly http: "http";
+    readonly number: "number";
+    readonly password: "password";
+    readonly radio: "radio";
+    readonly select: "select";
+    readonly switch: "switch";
+    readonly text: "text";
+    readonly textarea: "textarea";
+    readonly time: "time";
+    readonly timerange: "timerange";
+};

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

@@ -0,0 +1,10 @@
+export declare const LANGUAGES: {
+    readonly ar: "ar";
+    readonly de: "de";
+    readonly en: "en";
+    readonly es: "es";
+    readonly fr: "fr";
+    readonly it: "it";
+    readonly pt: "pt";
+};
+export type Language = (typeof LANGUAGES)[keyof typeof LANGUAGES];

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

@@ -0,0 +1,6 @@
+export declare const NODE_TYPE: {
+    readonly flow: "flow";
+    readonly group: "group";
+    readonly input: "input";
+    readonly ui: "ui";
+};

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

@@ -0,0 +1,4 @@
+export declare const LOGICAL_OPERATOR: {
+    AND: string;
+    OR: string;
+};

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

@@ -0,0 +1,7 @@
+export declare const PATTERN: {
+    alphanumeric: string;
+    email: string;
+    letters: string;
+    number: string;
+    url: string;
+};

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

@@ -0,0 +1,4 @@
+export declare const UI_TYPE: {
+    readonly divider: "divider";
+    readonly title: "title";
+};

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

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+type Theme = "dark" | "light" | "system";
+interface ThemeProviderProps {
+    children: ReactNode;
+    defaultTheme?: Theme;
+    storageKey?: string;
+    theme?: "dark" | "light";
+}
+interface ThemeProviderState {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+}
+export declare const ThemeProvider: ({ children, defaultTheme, storageKey, theme: controlledTheme, ...props }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useTheme: () => ThemeProviderState;
+export {};

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

@@ -0,0 +1,23 @@
+import { Translatable } from '../types/translate';
+import { TranslationKey } from '../utils/translations';
+/**
+ * Unified hook for translating text (both static and dynamic translations)
+ *
+ * This hook handles two types of translations:
+ * 1. Static translations: Internal UI strings from translation files (passed as string keys)
+ * 2. Dynamic translations: User-defined translatable content from nodes (passed as Translatable objects)
+ *
+ * @param language - The language code to use for translations
+ * @returns A function that translates either a translation key or a Translatable object
+ *
+ * @example
+ * // Static translation (from translation files)
+ * const t = useTranslate("fr");
+ * const saveButton = t("common.save"); // "Enregistrer"
+ *
+ * @example
+ * // Dynamic translation (from node data)
+ * const t = useTranslate("en");
+ * const label = t(node.data.label); // Translates user-defined content
+ */
+export declare const useTranslate: (language: string) => (key?: Translatable | TranslationKey | string) => string;

package/dist/shared/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;