@process.co/ui 0.0.8 → 0.0.9

package/dist/index.cjs

@@ -158,10 +158,11 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-var React3 = require('react');
+var React2 = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var lucideReact = require('lucide-react');
+var SelectPrimitive = require('@radix-ui/react-select');
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
     var n = Object.create(null);
@@ -181,8 +182,9 @@ function _interopNamespace(e) {
     n.default = e;
     return Object.freeze(n);
 }
-var React3__namespace = /*#__PURE__*/ _interopNamespace(React3);
+var React2__namespace = /*#__PURE__*/ _interopNamespace(React2);
 var DropdownMenuPrimitive__namespace = /*#__PURE__*/ _interopNamespace(DropdownMenuPrimitive);
+var SelectPrimitive__namespace = /*#__PURE__*/ _interopNamespace(SelectPrimitive);
 var __defProp = Object.defineProperty;
 var __export = function(target, all) {
     for(var name in all)__defProp(target, name, {
@@ -4908,7 +4910,7 @@ function Button(_param) {
         "asChild"
     ]);
     var Comp = asChild ? reactSlot.Slot : "button";
-    return /* @__PURE__ */ React3__namespace.createElement(Comp, _object_spread({
+    return /* @__PURE__ */ React2__namespace.createElement(Comp, _object_spread({
         "data-slot": "button",
         className: cn(buttonVariants({
             variant: variant,
@@ -4919,19 +4921,19 @@ function Button(_param) {
 }
 function DropdownMenu(_param) {
     var props = _extends({}, _object_destructuring_empty(_param));
-    return /* @__PURE__ */ React3__namespace.createElement(DropdownMenuPrimitive__namespace.Root, _object_spread({
+    return /* @__PURE__ */ React2__namespace.createElement(DropdownMenuPrimitive__namespace.Root, _object_spread({
         "data-slot": "dropdown-menu"
     }, props));
 }
 function DropdownMenuPortal(_param) {
     var props = _extends({}, _object_destructuring_empty(_param));
-    return /* @__PURE__ */ React3__namespace.createElement(DropdownMenuPrimitive__namespace.Portal, _object_spread({
+    return /* @__PURE__ */ React2__namespace.createElement(DropdownMenuPrimitive__namespace.Portal, _object_spread({
         "data-slot": "dropdown-menu-portal"
     }, props));
 }
 function DropdownMenuTrigger(_param) {
     var props = _extends({}, _object_destructuring_empty(_param));
-    return /* @__PURE__ */ React3__namespace.createElement(DropdownMenuPrimitive__namespace.Trigger, _object_spread({
+    return /* @__PURE__ */ React2__namespace.createElement(DropdownMenuPrimitive__namespace.Trigger, _object_spread({
         "data-slot": "dropdown-menu-trigger"
     }, props));
 }
@@ -4940,7 +4942,7 @@ function DropdownMenuContent(_param) {
         "className",
         "sideOffset"
     ]);
-    return /* @__PURE__ */ React3__namespace.createElement(DropdownMenuPrimitive__namespace.Portal, null, /* @__PURE__ */ React3__namespace.createElement(DropdownMenuPrimitive__namespace.Content, _object_spread({
+    return /* @__PURE__ */ React2__namespace.createElement(DropdownMenuPrimitive__namespace.Portal, null, /* @__PURE__ */ React2__namespace.createElement(DropdownMenuPrimitive__namespace.Content, _object_spread({
         "data-slot": "dropdown-menu-content",
         sideOffset: sideOffset,
         className: cn("uii:bg-popover uii:text-popover-foreground uii:data-[state=open]:animate-in uii:data-[state=closed]:animate-out uii:data-[state=closed]:fade-out-0 uii:data-[state=open]:fade-in-0 uii:data-[state=closed]:zoom-out-95 uii:data-[state=open]:zoom-in-95 uii:data-[side=bottom]:slide-in-from-top-2 uii:data-[side=left]:slide-in-from-right-2 uii:data-[side=right]:slide-in-from-left-2 uii:data-[side=top]:slide-in-from-bottom-2 uii:z-50 uii:min-w-[8rem] uii:overflow-hidden uii:rounded-md uii:border uii:p-1 uii:shadow-md", className)
@@ -4950,14 +4952,14 @@ function DropdownMenuClose(_param) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ React3__namespace.createElement(DropdownMenuPrimitive__namespace.Item, _object_spread({
+    return /* @__PURE__ */ React2__namespace.createElement(DropdownMenuPrimitive__namespace.Item, _object_spread({
         "data-slot": "dropdown-menu-close",
         className: "hidden"
     }, props));
 }
 function DropdownMenuGroup(_param) {
     var props = _extends({}, _object_destructuring_empty(_param));
-    return /* @__PURE__ */ React3__namespace.createElement(DropdownMenuPrimitive__namespace.Group, _object_spread({
+    return /* @__PURE__ */ React2__namespace.createElement(DropdownMenuPrimitive__namespace.Group, _object_spread({
         "data-slot": "dropdown-menu-group"
     }, props));
 }
@@ -4966,14 +4968,14 @@ function ConfirmationDropdownMenuItem(_param) {
     var originalOnClick = props.onClick, rest = _object_without_properties(props, [
         "onClick"
     ]);
-    var _React3__namespace_useState = _sliced_to_array(React3__namespace.useState(false), 2), isConfirming = _React3__namespace_useState[0], setIsConfirming = _React3__namespace_useState[1];
-    return !isConfirming ? /* @__PURE__ */ React3__namespace.createElement(DropdownMenuItem, _object_spread_props(_object_spread({}, rest), {
+    var _React2__namespace_useState = _sliced_to_array(React2__namespace.useState(false), 2), isConfirming = _React2__namespace_useState[0], setIsConfirming = _React2__namespace_useState[1];
+    return !isConfirming ? /* @__PURE__ */ React2__namespace.createElement(DropdownMenuItem, _object_spread_props(_object_spread({}, rest), {
         onClick: function(e) {
             setIsConfirming(true);
             e.preventDefault();
             e.stopPropagation();
         }
-    })) : /* @__PURE__ */ React3__namespace.createElement(DropdownMenuItem, _object_spread_props(_object_spread({}, rest), {
+    })) : /* @__PURE__ */ React2__namespace.createElement(DropdownMenuItem, _object_spread_props(_object_spread({}, rest), {
         onClick: function(e) {
             if (originalOnClick) {
                 setIsConfirming(false);
@@ -4982,9 +4984,9 @@ function ConfirmationDropdownMenuItem(_param) {
                 e.stopPropagation();
             }
         }
-    }), /* @__PURE__ */ React3__namespace.createElement("div", {
+    }), /* @__PURE__ */ React2__namespace.createElement("div", {
         className: "flex flex-row gap-2 items-center"
-    }, /* @__PURE__ */ React3__namespace.createElement("div", {
+    }, /* @__PURE__ */ React2__namespace.createElement("div", {
         className: "text-destructive"
     }, "Are you sure ?")));
 }
@@ -4994,7 +4996,7 @@ function DropdownMenuItem(_param) {
         "inset",
         "variant"
     ]);
-    return /* @__PURE__ */ React3__namespace.createElement(DropdownMenuPrimitive__namespace.Item, _object_spread({
+    return /* @__PURE__ */ React2__namespace.createElement(DropdownMenuPrimitive__namespace.Item, _object_spread({
         "data-slot": "dropdown-menu-item",
         "data-inset": inset,
         "data-variant": variant,
@@ -5007,19 +5009,19 @@ function DropdownMenuCheckboxItem(_param) {
         "children",
         "checked"
     ]);
-    return /* @__PURE__ */ React3__namespace.createElement(DropdownMenuPrimitive__namespace.CheckboxItem, _object_spread({
+    return /* @__PURE__ */ React2__namespace.createElement(DropdownMenuPrimitive__namespace.CheckboxItem, _object_spread({
         "data-slot": "dropdown-menu-checkbox-item",
         className: cn("uii:focus:bg-accent uii:focus:text-accent-foreground uii:relative uii:flex uii:cursor-default uii:items-center uii:gap-2 uii:rounded-sm uii:py-1.5 uii:pr-2 uii:pl-8 uii:text-sm uii:outline-hidden uii:select-none uii:data-[disabled]:pointer-events-none uii:data-[disabled]:opacity-50 uii:[&_svg]:pointer-events-none uii:[&_svg]:shrink-0 uii:[&_svg:not([class*=size-])]:size-4", className),
         checked: checked
-    }, props), /* @__PURE__ */ React3__namespace.createElement("span", {
+    }, props), /* @__PURE__ */ React2__namespace.createElement("span", {
         className: "uii:pointer-events-none uii:absolute uii:left-2 uii:flex uii:size-3.5 uii:items-center uii:justify-center"
-    }, /* @__PURE__ */ React3__namespace.createElement(DropdownMenuPrimitive__namespace.ItemIndicator, null, /* @__PURE__ */ React3__namespace.createElement(lucideReact.CheckIcon, {
+    }, /* @__PURE__ */ React2__namespace.createElement(DropdownMenuPrimitive__namespace.ItemIndicator, null, /* @__PURE__ */ React2__namespace.createElement(lucideReact.CheckIcon, {
         className: "uii:size-4"
     }))), children);
 }
 function DropdownMenuRadioGroup(_param) {
     var props = _extends({}, _object_destructuring_empty(_param));
-    return /* @__PURE__ */ React3__namespace.createElement(DropdownMenuPrimitive__namespace.RadioGroup, _object_spread({
+    return /* @__PURE__ */ React2__namespace.createElement(DropdownMenuPrimitive__namespace.RadioGroup, _object_spread({
         "data-slot": "dropdown-menu-radio-group"
     }, props));
 }
@@ -5028,12 +5030,12 @@ function DropdownMenuRadioItem(_param) {
         "className",
         "children"
     ]);
-    return /* @__PURE__ */ React3__namespace.createElement(DropdownMenuPrimitive__namespace.RadioItem, _object_spread({
+    return /* @__PURE__ */ React2__namespace.createElement(DropdownMenuPrimitive__namespace.RadioItem, _object_spread({
         "data-slot": "dropdown-menu-radio-item",
         className: cn("uii:focus:bg-accent uii:focus:text-accent-foreground uii:relative uii:flex uii:cursor-default uii:items-center uii:gap-2 uii:rounded-sm uii:py-1.5 uii:pr-2 uii:pl-8 uii:text-sm uii:outline-hidden uii:select-none uii:data-[disabled]:pointer-events-none uii:data-[disabled]:opacity-50 uii:[&_svg]:pointer-events-none uii:[&_svg]:shrink-0 uii:[&_svg:not([class*=size-])]:size-4", className)
-    }, props), /* @__PURE__ */ React3__namespace.createElement("span", {
+    }, props), /* @__PURE__ */ React2__namespace.createElement("span", {
         className: "uii:pointer-events-none uii:absolute uii:left-2 uii:flex uii:size-3.5 uii:items-center uii:justify-center"
-    }, /* @__PURE__ */ React3__namespace.createElement(DropdownMenuPrimitive__namespace.ItemIndicator, null, /* @__PURE__ */ React3__namespace.createElement(lucideReact.CircleIcon, {
+    }, /* @__PURE__ */ React2__namespace.createElement(DropdownMenuPrimitive__namespace.ItemIndicator, null, /* @__PURE__ */ React2__namespace.createElement(lucideReact.CircleIcon, {
         className: "uii:size-2 uii:fill-current"
     }))), children);
 }
@@ -5042,7 +5044,7 @@ function DropdownMenuLabel(_param) {
         "className",
         "inset"
     ]);
-    return /* @__PURE__ */ React3__namespace.createElement(DropdownMenuPrimitive__namespace.Label, _object_spread({
+    return /* @__PURE__ */ React2__namespace.createElement(DropdownMenuPrimitive__namespace.Label, _object_spread({
         "data-slot": "dropdown-menu-label",
         "data-inset": inset,
         className: cn("uii:px-2 uii:py-1.5 uii:text-sm uii:font-medium uii:data-[inset]:pl-8", className)
@@ -5052,7 +5054,7 @@ function DropdownMenuSeparator(_param) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ React3__namespace.createElement(DropdownMenuPrimitive__namespace.Separator, _object_spread({
+    return /* @__PURE__ */ React2__namespace.createElement(DropdownMenuPrimitive__namespace.Separator, _object_spread({
         "data-slot": "dropdown-menu-separator",
         className: cn("uii:bg-border uii:-mx-1 uii:my-1 uii:h-px", className)
     }, props));
@@ -5061,14 +5063,14 @@ function DropdownMenuShortcut(_param) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ React3__namespace.createElement("span", _object_spread({
+    return /* @__PURE__ */ React2__namespace.createElement("span", _object_spread({
         "data-slot": "dropdown-menu-shortcut",
         className: cn("uii:text-muted-foreground uii:ml-auto uii:text-xs uii:tracking-widest", className)
     }, props));
 }
 function DropdownMenuSub(_param) {
     var props = _extends({}, _object_destructuring_empty(_param));
-    return /* @__PURE__ */ React3__namespace.createElement(DropdownMenuPrimitive__namespace.Sub, _object_spread({
+    return /* @__PURE__ */ React2__namespace.createElement(DropdownMenuPrimitive__namespace.Sub, _object_spread({
         "data-slot": "dropdown-menu-sub"
     }, props));
 }
@@ -5078,11 +5080,11 @@ function DropdownMenuSubTrigger(_param) {
         "inset",
         "children"
     ]);
-    return /* @__PURE__ */ React3__namespace.createElement(DropdownMenuPrimitive__namespace.SubTrigger, _object_spread({
+    return /* @__PURE__ */ React2__namespace.createElement(DropdownMenuPrimitive__namespace.SubTrigger, _object_spread({
         "data-slot": "dropdown-menu-sub-trigger",
         "data-inset": inset,
         className: cn("uii:focus:bg-accent uii:focus:text-accent-foreground uii:data-[state=open]:bg-accent uii:data-[state=open]:text-accent-foreground uii:flex uii:cursor-default uii:items-center uii:rounded-sm uii:px-2 uii:py-1.5 uii:text-sm uii:outline-hidden uii:select-none uii:data-[inset]:pl-8", className)
-    }, props), children, /* @__PURE__ */ React3__namespace.createElement(lucideReact.ChevronRightIcon, {
+    }, props), children, /* @__PURE__ */ React2__namespace.createElement(lucideReact.ChevronRightIcon, {
         className: "uii:ml-auto uii:size-4"
     }));
 }
@@ -5090,7 +5092,7 @@ function DropdownMenuSubContent(_param) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ React3__namespace.createElement(DropdownMenuPrimitive__namespace.SubContent, _object_spread({
+    return /* @__PURE__ */ React2__namespace.createElement(DropdownMenuPrimitive__namespace.SubContent, _object_spread({
         "data-slot": "dropdown-menu-sub-content",
         className: cn("uii:bg-popover uii:text-popover-foreground uii:data-[state=open]:animate-in uii:data-[state=closed]:animate-out uii:data-[state=closed]:fade-out-0 uii:data-[state=open]:fade-in-0 uii:data-[state=closed]:zoom-out-95 uii:data-[state=open]:zoom-in-95 uii:data-[side=bottom]:slide-in-from-top-2 uii:data-[side=left]:slide-in-from-right-2 uii:data-[side=right]:slide-in-from-left-2 uii:data-[side=top]:slide-in-from-bottom-2 uii:z-50 uii:min-w-[8rem] uii:overflow-hidden uii:rounded-md uii:border uii:p-1 uii:shadow-lg", className)
     }, props));
@@ -5110,11 +5112,14 @@ __export(fields_exports, {
     NestedFieldProvider: function() {
         return NestedFieldProvider;
     },
+    NodePropertyProvider: function() {
+        return NodePropertyProvider;
+    },
     OPERATORS_BY_TYPE: function() {
         return OPERATORS_BY_TYPE;
     },
     Select: function() {
-        return Select;
+        return Select2;
     },
     TemplateFieldProvider: function() {
         return TemplateFieldProvider;
@@ -5128,22 +5133,46 @@ __export(fields_exports, {
     parseInferSyntax: function() {
         return parseInferSyntax;
     },
+    useAllInferredTypes: function() {
+        return useAllInferredTypes;
+    },
     useFieldPath: function() {
         return useFieldPath;
     },
+    useFieldValidation: function() {
+        return useFieldValidation;
+    },
+    useInferredType: function() {
+        return useInferredType;
+    },
     useInferredTypes: function() {
         return useInferredTypes;
     },
+    useIsInNodePropertyProvider: function() {
+        return useIsInNodePropertyProvider;
+    },
     useIsInTemplateFieldProvider: function() {
         return useIsInTemplateFieldProvider;
     },
+    useNodeProperties: function() {
+        return useNodeProperties;
+    },
+    useNodeProperty: function() {
+        return useNodeProperty;
+    },
+    useSetInferredType: function() {
+        return useSetInferredType;
+    },
+    useSetProperty: function() {
+        return useSetProperty;
+    },
     useTemplateFieldContext: function() {
         return useTemplateFieldContext;
     }
 });
 function Input(param) {
     var fieldName = param.fieldName, label = param.label, value = param.value, onChange = param.onChange, _param_disabled = param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, placeholder = param.placeholder, _param_expectedType = param.expectedType, expectedType = _param_expectedType === void 0 ? "string" : _param_expectedType, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, _param_hasRequiredError = param.hasRequiredError, hasRequiredError = _param_hasRequiredError === void 0 ? false : _param_hasRequiredError, className = param.className, editorClassName = param.editorClassName;
-    var displayValue = React3__namespace.useMemo(function() {
+    var displayValue = React2__namespace.useMemo(function() {
         if (value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" && "expression" in value) {
             return value.expression || "";
         }
@@ -5151,12 +5180,12 @@ function Input(param) {
     }, [
         value
     ]);
-    var isExpression = React3__namespace.useMemo(function() {
+    var isExpression = React2__namespace.useMemo(function() {
         return value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" && "expression" in value;
     }, [
         value
     ]);
-    var handleChange = React3__namespace.useCallback(function(e) {
+    var handleChange = React2__namespace.useCallback(function(e) {
         var newValue = e.target.value;
         if (newValue.includes("{{")) {
             onChange({
@@ -5170,20 +5199,20 @@ function Input(param) {
         onChange
     ]);
     var showError = hasRequiredError || required && !displayValue;
-    return /* @__PURE__ */ React3__namespace.createElement("div", {
+    return /* @__PURE__ */ React2__namespace.createElement("div", {
         className: cn("uii:mb-2", className)
-    }, /* @__PURE__ */ React3__namespace.createElement("div", {
+    }, /* @__PURE__ */ React2__namespace.createElement("div", {
         className: "uii:flex uii:items-center uii:gap-2 uii:mt-2"
-    }, /* @__PURE__ */ React3__namespace.createElement("label", {
+    }, /* @__PURE__ */ React2__namespace.createElement("label", {
         htmlFor: fieldName,
         className: "uii:text-xs uii:font-bold uii:text-muted-foreground"
-    }, label, ":"), expectedType !== "$.interface.timer" && /* @__PURE__ */ React3__namespace.createElement("span", {
+    }, label, ":"), expectedType !== "$.interface.timer" && /* @__PURE__ */ React2__namespace.createElement("span", {
         className: "uii:-mt-2 uii:inline-flex uii:px-1 uii:py-0.5 uii:bg-gray-200 uii:rounded-sm uii:text-[10px] uii:font-mono uii:text-muted-foreground uii:font-light"
-    }, expectedType), showError && /* @__PURE__ */ React3__namespace.createElement("span", {
+    }, expectedType), showError && /* @__PURE__ */ React2__namespace.createElement("span", {
         className: "uii:-mt-2 uii:inline-flex uii:px-1 uii:py-0.5 uii:bg-red-100 uii:text-red-600 uii:rounded-sm uii:text-[10px] uii:font-medium"
-    }, "Required")), /* @__PURE__ */ React3__namespace.createElement("div", {
+    }, "Required")), /* @__PURE__ */ React2__namespace.createElement("div", {
         className: "uii:mt-0.5"
-    }, /* @__PURE__ */ React3__namespace.createElement("input", {
+    }, /* @__PURE__ */ React2__namespace.createElement("input", {
         id: fieldName,
         name: fieldName,
         type: "text",
@@ -5194,11 +5223,93 @@ function Input(param) {
         className: cn("uii:w-full uii:h-9 uii:px-3 uii:rounded-sm uii:border uii:bg-background uii:text-sm", "uii:outline-none uii:transition-all", "focus:uii:border-ring focus:uii:ring-ring/50 focus:uii:ring-[3px]", showError ? "uii:border-red-500 hover:uii:border-red-600" : "uii:border-input hover:uii:border-ring/50", isExpression && "uii:font-mono uii:text-amber-600", disabled && "uii:opacity-50 uii:cursor-not-allowed", editorClassName)
     })));
 }
-function Select(param) {
+function Select(_param) {
+    var props = _extends({}, _object_destructuring_empty(_param));
+    return /* @__PURE__ */ React2__namespace.createElement(SelectPrimitive__namespace.Root, _object_spread({
+        "data-slot": "select"
+    }, props));
+}
+function SelectValue(_param) {
+    var props = _extends({}, _object_destructuring_empty(_param));
+    return /* @__PURE__ */ React2__namespace.createElement(SelectPrimitive__namespace.Value, _object_spread({
+        "data-slot": "select-value"
+    }, props));
+}
+function SelectTrigger(_param) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ React2__namespace.createElement(SelectPrimitive__namespace.Trigger, _object_spread({
+        "data-slot": "select-trigger",
+        className: cn("uii:border-input uii:data-[placeholder]:text-muted-foreground uii:[&_svg:not([class*=text-])]:text-muted-foreground uii:focus-visible:border-ring uii:focus-visible:ring-ring/50 uii:aria-invalid:ring-destructive/20 uii:dark:aria-invalid:ring-destructive/40 uii:aria-invalid:border-destructive uii:flex uii:h-9 uii:w-full uii:items-center uii:justify-between uii:gap-2 uii:rounded-md uii:border uii:bg-transparent uii:px-3 uii:py-2 uii:text-sm uii:whitespace-nowrap uii:shadow-xs uii:transition-[color,box-shadow] uii:outline-none uii:focus-visible:ring-[3px] uii:disabled:cursor-not-allowed uii:disabled:opacity-50 uii:*:data-[slot=select-value]:line-clamp-1 uii:*:data-[slot=select-value]:flex uii:*:data-[slot=select-value]:items-center uii:*:data-[slot=select-value]:gap-2 uii:[&_svg]:pointer-events-none uii:[&_svg]:shrink-0 uii:[&_svg:not([class*=size-])]:size-4", className)
+    }, props), children, /* @__PURE__ */ React2__namespace.createElement(SelectPrimitive__namespace.Icon, {
+        asChild: true
+    }, /* @__PURE__ */ React2__namespace.createElement(lucideReact.ChevronDownIcon, {
+        className: "uii:size-4 uii:opacity-50"
+    })));
+}
+function SelectContent(_param) {
+    var className = _param.className, children = _param.children, _param_position = _param.position, position = _param_position === void 0 ? "popper" : _param_position, footer = _param.footer, _param_hideScrollUpButton = _param.hideScrollUpButton, hideScrollUpButton = _param_hideScrollUpButton === void 0 ? false : _param_hideScrollUpButton, _param_hideScrollDownButton = _param.hideScrollDownButton, hideScrollDownButton = _param_hideScrollDownButton === void 0 ? false : _param_hideScrollDownButton, props = _object_without_properties(_param, [
+        "className",
+        "children",
+        "position",
+        "footer",
+        "hideScrollUpButton",
+        "hideScrollDownButton"
+    ]);
+    return /* @__PURE__ */ React2__namespace.createElement(SelectPrimitive__namespace.Portal, null, /* @__PURE__ */ React2__namespace.createElement(SelectPrimitive__namespace.Content, _object_spread({
+        "data-slot": "select-content",
+        className: cn("uii:bg-popover uii:text-popover-foreground uii:data-[state=open]:animate-in uii:data-[state=closed]:animate-out uii:data-[state=closed]:fade-out-0 uii:data-[state=open]:fade-in-0 uii:data-[state=closed]:zoom-out-95 uii:data-[state=open]:zoom-in-95 uii:data-[side=bottom]:slide-in-from-top-2 uii:data-[side=left]:slide-in-from-right-2 uii:data-[side=right]:slide-in-from-left-2 uii:data-[side=top]:slide-in-from-bottom-2 uii:relative uii:z-50 uii:max-h-96 uii:min-w-[8rem] uii:overflow-hidden uii:rounded-md uii:border uii:shadow-md", position === "popper" && "uii:data-[side=bottom]:translate-y-1 uii:data-[side=left]:-translate-x-1 uii:data-[side=right]:translate-x-1 uii:data-[side=top]:-translate-y-1", "uii:slide-in-from-right-6", className),
+        position: position
+    }, props), !hideScrollUpButton && /* @__PURE__ */ React2__namespace.createElement(SelectScrollUpButton, null), /* @__PURE__ */ React2__namespace.createElement(SelectPrimitive__namespace.Viewport, {
+        className: cn("uii:p-1", position === "popper" && "uii:h-[var(--radix-select-trigger-height)] uii:w-full uii:min-w-[var(--radix-select-trigger-width)] uii:scroll-my-1")
+    }, children), footer ? /* @__PURE__ */ React2__namespace.createElement("div", {
+        className: "uii:border-t uii:p-2 uii:bg-popover"
+    }, footer) : null, !hideScrollDownButton && /* @__PURE__ */ React2__namespace.createElement(SelectScrollDownButton, null)));
+}
+function SelectItem(_param) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ React2__namespace.createElement(SelectPrimitive__namespace.Item, _object_spread({
+        "data-slot": "select-item",
+        className: cn("uii:focus:bg-accent uii:focus:text-accent-foreground uii:[&_svg:not([class*=text-])]:text-muted-foreground uii:relative uii:flex uii:w-full uii:cursor-default uii:items-center uii:gap-2 uii:rounded-sm uii:py-1.5 uii:pr-8 uii:pl-2 uii:text-sm uii:outline-hidden uii:select-none uii:data-[disabled]:pointer-events-none uii:data-[disabled]:opacity-50 uii:[&_svg]:pointer-events-none uii:[&_svg]:shrink-0 uii:[&_svg:not([class*=size-])]:size-4 uii:*:[span]:last:flex uii:*:[span]:last:items-center uii:*:[span]:last:gap-2", className)
+    }, props), /* @__PURE__ */ React2__namespace.createElement("span", {
+        className: "uii:absolute uii:right-2 uii:flex uii:size-3.5 uii:items-center uii:justify-center"
+    }, /* @__PURE__ */ React2__namespace.createElement(SelectPrimitive__namespace.ItemIndicator, null, /* @__PURE__ */ React2__namespace.createElement(lucideReact.CheckIcon, {
+        className: "uii:size-4"
+    }))), /* @__PURE__ */ React2__namespace.createElement(SelectPrimitive__namespace.ItemText, null, children));
+}
+function SelectScrollUpButton(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ React2__namespace.createElement(SelectPrimitive__namespace.ScrollUpButton, _object_spread({
+        "data-slot": "select-scroll-up-button",
+        className: cn("uii:flex uii:cursor-default uii:items-center uii:justify-center uii:py-1", className)
+    }, props), /* @__PURE__ */ React2__namespace.createElement(lucideReact.ChevronUpIcon, {
+        className: "uii:size-4"
+    }));
+}
+function SelectScrollDownButton(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ React2__namespace.createElement(SelectPrimitive__namespace.ScrollDownButton, _object_spread({
+        "data-slot": "select-scroll-down-button",
+        className: cn("uii:flex uii:cursor-default uii:items-center uii:justify-center uii:py-1", className)
+    }, props), /* @__PURE__ */ React2__namespace.createElement(lucideReact.ChevronDownIcon, {
+        className: "uii:size-4"
+    }));
+}
+// src/components/fields/Select.tsx
+function Select2(param) {
     var fieldName = param.fieldName, label = param.label, value = param.value, onChange = param.onChange, rawOptions = param.options, _param_disabled = param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, placeholder = param.placeholder, _param_expectedType = param.expectedType, expectedType = _param_expectedType === void 0 ? "string" : _param_expectedType, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, _param_hasRequiredError = param.hasRequiredError, hasRequiredError = _param_hasRequiredError === void 0 ? false : _param_hasRequiredError, className = param.className, children = param.children;
-    var _React3__namespace_useState = _sliced_to_array(React3__namespace.useState(false), 2), isExpressionMode = _React3__namespace_useState[0], setIsExpressionMode = _React3__namespace_useState[1];
-    var _React3__namespace_useState1 = _sliced_to_array(React3__namespace.useState(""), 2), expressionValue = _React3__namespace_useState1[0], setExpressionValue = _React3__namespace_useState1[1];
-    var options = React3__namespace.useMemo(function() {
+    var _React2__namespace_useState = _sliced_to_array(React2__namespace.useState(false), 2), isExpressionMode = _React2__namespace_useState[0], setIsExpressionMode = _React2__namespace_useState[1];
+    var _React2__namespace_useState1 = _sliced_to_array(React2__namespace.useState(""), 2), expressionValue = _React2__namespace_useState1[0], setExpressionValue = _React2__namespace_useState1[1];
+    var options = React2__namespace.useMemo(function() {
         return rawOptions.map(function(opt) {
             return typeof opt === "string" ? {
                 value: opt,
@@ -5208,7 +5319,7 @@ function Select(param) {
     }, [
         rawOptions
     ]);
-    var displayValue = React3__namespace.useMemo(function() {
+    var displayValue = React2__namespace.useMemo(function() {
         if (value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" && "expression" in value) {
             return value.expression || "";
         }
@@ -5216,12 +5327,12 @@ function Select(param) {
     }, [
         value
     ]);
-    var isExpression = React3__namespace.useMemo(function() {
+    var isExpression = React2__namespace.useMemo(function() {
         return value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" && "expression" in value;
     }, [
         value
     ]);
-    React3__namespace.useEffect(function() {
+    React2__namespace.useEffect(function() {
         if (isExpression) {
             setIsExpressionMode(true);
             setExpressionValue(displayValue);
@@ -5230,7 +5341,7 @@ function Select(param) {
         isExpression,
         displayValue
     ]);
-    var handleSelectChange = React3__namespace.useCallback(function(newValue) {
+    var handleSelectChange = React2__namespace.useCallback(function(newValue) {
         if (newValue === "__expression__") {
             setIsExpressionMode(true);
             return;
@@ -5239,7 +5350,7 @@ function Select(param) {
     }, [
         onChange
     ]);
-    var handleExpressionChange = React3__namespace.useCallback(function(e) {
+    var handleExpressionChange = React2__namespace.useCallback(function(e) {
         var newValue = e.target.value;
         setExpressionValue(newValue);
         onChange({
@@ -5249,7 +5360,7 @@ function Select(param) {
     }, [
         onChange
     ]);
-    var handleSwitchToValue = React3__namespace.useCallback(function() {
+    var handleSwitchToValue = React2__namespace.useCallback(function() {
         setIsExpressionMode(false);
         setExpressionValue("");
         onChange("");
@@ -5284,24 +5395,24 @@ function Select(param) {
         },
         hasError: showError
     };
-    return /* @__PURE__ */ React3__namespace.createElement("div", {
+    return /* @__PURE__ */ React2__namespace.createElement("div", {
         className: cn("uii:mb-2", className)
-    }, /* @__PURE__ */ React3__namespace.createElement("div", {
+    }, /* @__PURE__ */ React2__namespace.createElement("div", {
         className: "uii:flex uii:items-center uii:gap-2 uii:mt-2"
-    }, /* @__PURE__ */ React3__namespace.createElement("label", {
+    }, /* @__PURE__ */ React2__namespace.createElement("label", {
         htmlFor: fieldName,
         className: "uii:text-xs uii:font-bold uii:text-muted-foreground"
-    }, label, ":"), expectedType !== "$.interface.timer" && /* @__PURE__ */ React3__namespace.createElement("span", {
+    }, label, ":"), expectedType !== "$.interface.timer" && /* @__PURE__ */ React2__namespace.createElement("span", {
         className: "uii:-mt-2 uii:inline-flex uii:px-1 uii:py-0.5 uii:bg-gray-200 uii:rounded-sm uii:text-[10px] uii:font-mono uii:text-muted-foreground uii:font-light"
-    }, expectedType), showError && /* @__PURE__ */ React3__namespace.createElement("span", {
+    }, expectedType), showError && /* @__PURE__ */ React2__namespace.createElement("span", {
         className: "uii:-mt-2 uii:inline-flex uii:px-1 uii:py-0.5 uii:bg-red-100 uii:text-red-600 uii:rounded-sm uii:text-[10px] uii:font-medium"
-    }, "Required")), /* @__PURE__ */ React3__namespace.createElement("div", {
+    }, "Required")), /* @__PURE__ */ React2__namespace.createElement("div", {
         className: "uii:mt-0.5"
     }, children ? // Use custom render function
     children(renderProps) : isExpressionMode ? // Expression mode - show input with clear button
-    /* @__PURE__ */ React3__namespace.createElement("div", {
+    /* @__PURE__ */ React2__namespace.createElement("div", {
         className: "uii:flex uii:items-center uii:h-9 uii:rounded-sm uii:border uii:border-amber-500/50 uii:bg-amber-500/5"
-    }, /* @__PURE__ */ React3__namespace.createElement("input", {
+    }, /* @__PURE__ */ React2__namespace.createElement("input", {
         id: fieldName,
         name: fieldName,
         type: "text",
@@ -5310,32 +5421,58 @@ function Select(param) {
         disabled: disabled,
         placeholder: "Enter expression...",
         className: cn("uii:flex-1 uii:h-full uii:px-3 uii:bg-transparent uii:text-sm uii:font-mono uii:text-amber-600", "uii:outline-none uii:border-none", disabled && "uii:opacity-50 uii:cursor-not-allowed")
-    }), /* @__PURE__ */ React3__namespace.createElement("button", {
+    }), /* @__PURE__ */ React2__namespace.createElement("button", {
         type: "button",
         onClick: handleSwitchToValue,
         className: "uii:flex uii:items-center uii:justify-center uii:h-full uii:px-2 uii:text-amber-600 hover:uii:text-red-600 uii:border-l uii:border-amber-500/30",
         title: "Clear and return to value mode"
     }, "\xD7")) : // Value mode - show select
-    /* @__PURE__ */ React3__namespace.createElement("select", {
-        id: fieldName,
-        name: fieldName,
+    // <select
+    //   id={fieldName}
+    //   name={fieldName}
+    //   value={displayValue}
+    //   onChange={(e) => handleSelectChange(e.target.value)}
+    //   disabled={disabled}
+    //   className={cn(
+    //     'uii:w-full uii:h-9 uii:px-3 uii:rounded-sm uii:border uii:bg-background uii:text-sm',
+    //     'uii:outline-none uii:transition-all uii:cursor-pointer',
+    //     'focus:uii:border-ring focus:uii:ring-ring/50 focus:uii:ring-[3px]',
+    //     showError
+    //       ? 'uii:border-red-500 hover:uii:border-red-600'
+    //       : 'uii:border-input hover:uii:border-ring/50',
+    //     disabled && 'uii:opacity-50 uii:cursor-not-allowed'
+    //   )}
+    // >
+    //   {placeholder && (
+    //     <option value="" disabled>
+    //       {placeholder}
+    //     </option>
+    //   )}
+    //   {options.map(opt => (
+    //     <option key={opt.value} value={opt.value}>
+    //       {opt.label}
+    //     </option>
+    //   ))}
+    //   <option value="__expression__">
+    //     📝 Custom Expression
+    //   </option>
+    // </select>
+    /* @__PURE__ */ React2__namespace.createElement(Select, {
         value: displayValue,
-        onChange: function(e) {
-            return handleSelectChange(e.target.value);
+        onValueChange: function(e) {
+            return handleSelectChange(e);
         },
-        disabled: disabled,
-        className: cn("uii:w-full uii:h-9 uii:px-3 uii:rounded-sm uii:border uii:bg-background uii:text-sm", "uii:outline-none uii:transition-all uii:cursor-pointer", "focus:uii:border-ring focus:uii:ring-ring/50 focus:uii:ring-[3px]", showError ? "uii:border-red-500 hover:uii:border-red-600" : "uii:border-input hover:uii:border-ring/50", disabled && "uii:opacity-50 uii:cursor-not-allowed")
-    }, placeholder && /* @__PURE__ */ React3__namespace.createElement("option", {
-        value: "",
-        disabled: true
-    }, placeholder), options.map(function(opt) {
-        return /* @__PURE__ */ React3__namespace.createElement("option", {
+        disabled: disabled !== null && disabled !== void 0 ? disabled : disabled
+    }, /* @__PURE__ */ React2__namespace.createElement(SelectTrigger, {
+        className: "ui:w-full ui:h-9 ui:px-3 ui:border ui:border-input ui:rounded-sm ui:bg-background"
+    }, /* @__PURE__ */ React2__namespace.createElement(SelectValue, {
+        placeholder: placeholder
+    })), /* @__PURE__ */ React2__namespace.createElement(SelectContent, null, options.map(function(opt) {
+        return /* @__PURE__ */ React2__namespace.createElement(SelectItem, {
             key: opt.value,
             value: opt.value
-        }, opt.label);
-    }), /* @__PURE__ */ React3__namespace.createElement("option", {
-        value: "__expression__"
-    }, "\uD83D\uDCDD Custom Expression"))));
+        }, opt.node ? opt.node : /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, opt.label));
+    })))));
 }
 // src/components/fields/index.tsx
 function useTemplateFieldContext() {
@@ -5364,19 +5501,19 @@ function useFieldPath(fieldName) {
 }
 function TemplateFieldProvider(param) {
     var children = param.children;
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+    return /* @__PURE__ */ React2__namespace.default.createElement(React2__namespace.default.Fragment, null, children);
 }
 function NestedFieldProvider(param) {
     var children = param.children;
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+    return /* @__PURE__ */ React2__namespace.default.createElement(React2__namespace.default.Fragment, null, children);
 }
-var InferredTypesContext = React3.createContext(null);
+var InferredTypesContext = React2.createContext(null);
 function useInferredTypes() {
-    return React3.useContext(InferredTypesContext);
+    return React2.useContext(InferredTypesContext);
 }
 function InferredTypesProvider(param) {
     var children = param.children;
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+    return /* @__PURE__ */ React2__namespace.default.createElement(React2__namespace.default.Fragment, null, children);
 }
 function intersectTypes(types) {
     var validTypes = types.filter(function(t) {
@@ -5497,6 +5634,77 @@ function getOperatorsForType(type) {
         }
     ];
 }
+function NodePropertyProvider(param) {
+    var children = param.children;
+    return /* @__PURE__ */ React2__namespace.default.createElement(React2__namespace.default.Fragment, null, children);
+}
+function useIsInNodePropertyProvider() {
+    return false;
+}
+function useNodeProperty(key) {
+    var noopSetter = React2.useCallback(function() {
+        console.warn('[useNodeProperty] Mock mode - cannot set "'.concat(key, '"'));
+    }, [
+        key
+    ]);
+    return [
+        void 0,
+        noopSetter
+    ];
+}
+function useNodeProperties() {
+    var noopSetter = React2.useCallback(function() {
+        console.warn("[useNodeProperties] Mock mode - cannot set properties");
+    }, []);
+    return [
+        {},
+        noopSetter
+    ];
+}
+function useInferredType(fieldName) {
+    return void 0;
+}
+function useSetInferredType() {
+    return React2.useCallback(function(fieldName, type) {
+        console.warn('[useSetInferredType] Mock mode - cannot set "'.concat(fieldName, '" to "').concat(type, '"'));
+    }, []);
+}
+function useAllInferredTypes() {
+    return {};
+}
+function useSetProperty() {
+    return React2.useCallback(function(key, value) {
+        console.warn('[useSetProperty] Mock mode - cannot set "'.concat(key, '"'));
+    }, []);
+}
+function useFieldValidation() {
+    var setFieldRequired = React2.useCallback(function(fieldName, required) {
+        console.warn('[useFieldValidation] Mock mode - cannot set required for "'.concat(fieldName, '"'));
+    }, []);
+    var setFieldRequiredIf = React2.useCallback(function(fieldName, requiredIf) {
+        console.warn('[useFieldValidation] Mock mode - cannot set requiredIf for "'.concat(fieldName, '"'));
+    }, []);
+    var setFieldValidation = React2.useCallback(function(fieldName, customValidation) {
+        console.warn('[useFieldValidation] Mock mode - cannot set validation for "'.concat(fieldName, '"'));
+    }, []);
+    var clearFieldValidation = React2.useCallback(function(fieldName) {
+        console.warn('[useFieldValidation] Mock mode - cannot clear validation for "'.concat(fieldName, '"'));
+    }, []);
+    var isFieldRequired = React2.useCallback(function(fieldName) {
+        return false;
+    }, []);
+    var validateField = React2.useCallback(function(fieldName) {
+        return null;
+    }, []);
+    return {
+        setFieldRequired: setFieldRequired,
+        setFieldRequiredIf: setFieldRequiredIf,
+        setFieldValidation: setFieldValidation,
+        clearFieldValidation: clearFieldValidation,
+        isFieldRequired: isFieldRequired,
+        validateField: validateField
+    };
+}
 exports.Button = Button;
 exports.ConfirmationDropdownMenuItem = ConfirmationDropdownMenuItem;
 exports.DropdownMenu = DropdownMenu;