@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260729064437 → 0.8.1-dev.20260803093422

package/dist/{HlsPlayer-5AWFZ2P6.mjs → HlsPlayer-2P7SBFDP.mjs}

@@ -328,8 +328,16 @@ var HlsPlayer = React.memo(
               loop,
               playsInline: true,
               preload: playOptions === "autoplay" ? "auto" : "none",
-              onClick: handleVideoClick,
-              onDoubleClick: handleVideoDoubleClick,
+              onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                handleVideoClick();
+              },
+              onDoubleClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                handleVideoDoubleClick();
+              },
               children: playOptions === "autoplay" && resolvedSources.map(({ src, media }, i) => /* @__PURE__ */ jsx(
                 "source",
                 {

package/dist/{HlsPlayer-57543DTW.mjs → HlsPlayer-TZM3MFPW.mjs}

@@ -326,8 +326,16 @@ var HlsPlayer = React.memo(
               loop,
               playsInline: true,
               preload: playOptions === "autoplay" ? "auto" : "none",
-              onClick: handleVideoClick,
-              onDoubleClick: handleVideoDoubleClick,
+              onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                handleVideoClick();
+              },
+              onDoubleClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                handleVideoDoubleClick();
+              },
               children: playOptions === "autoplay" && resolvedSources.map(({ src, media }, i) => /* @__PURE__ */ jsx(
                 "source",
                 {

package/dist/{InputControlClient-VFHLKYVF.mjs → InputControlClient-XR37ZIQ2.mjs}

@@ -21,7 +21,7 @@ import {
   Select_default,
   Switcher_default,
   TimeInput_default
-} from "./chunk-6JFCMNX2.mjs";
+} from "./chunk-65QPOTZ4.mjs";
 import {
   Hyperlink,
   Icon_default,
@@ -557,8 +557,15 @@ var SwitchInput = (props) => {
 };
 var SwitchInput_default = SwitchInput;
 
-// src/components/controls/edit/InputControlClient.tsx
+// src/components/controls/edit/ReferenceInput.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
+var ReferenceInput = (props) => {
+  return /* @__PURE__ */ jsx4(SelectWithSearchInput_default, { ...props });
+};
+var ReferenceInput_default = ReferenceInput;
+
+// src/components/controls/edit/InputControlClient.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
 var InputControl = React4.forwardRef(
   (props, ref) => {
     const ControlComponents = {
@@ -583,10 +590,11 @@ var InputControl = React4.forwardRef(
       [InputControlType_default.switchInput]: SwitchInput_default,
       [InputControlType_default.dateInput]: DateInput_default,
       [InputControlType_default.radioInput]: RadioInput_default,
-      [InputControlType_default.switcher]: Switcher_default
+      [InputControlType_default.switcher]: Switcher_default,
+      [InputControlType_default.referenceInput]: ReferenceInput_default
     };
     const SelectedControlComponent = ControlComponents[props.controlType];
-    return /* @__PURE__ */ jsx4(React4.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx4(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
+    return /* @__PURE__ */ jsx5(React4.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx5(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
   }
 );
 InputControl.displayName = "InputControl";

package/dist/{chunk-6JFCMNX2.mjs → chunk-65QPOTZ4.mjs}

@@ -757,8 +757,9 @@ var SelectWithSearchInput = (props) => {
       });
     }
   }, [highlightedIndex]);
+  const isReadOnly = props.attributes?.readOnly || props.disable || props.attributes?.disable;
   return /* @__PURE__ */ jsxs12("div", { className: "relative", children: [
-    /* @__PURE__ */ jsxs12("label", { children: [
+    /* @__PURE__ */ jsxs12("label", { className: "pb-1", children: [
       props.attributes?.label,
       " ",
       props?.attributes?.required && /* @__PURE__ */ jsx12("span", { className: "bg-error-weak", children: "*" })
@@ -777,16 +778,25 @@ var SelectWithSearchInput = (props) => {
           onFocus: () => setIsOpen(true),
           onKeyDown: handleKeyDown,
           placeholder: props.attributes?.placeholder ?? "Search...",
-          readOnly: props.attributes?.readOnly,
+          readOnly: isReadOnly,
           disabled: props.disable || props.attributes?.disable,
-          className: "peer py-1.5 select block w-full text-black rounded border-gray-300 shadow-sm\n          focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n          disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n          "
+          className: `peer mt-2 py-1.5 select block w-full text-black rounded border-gray-300 shadow-sm
+          focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
+          disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none
+          ${isReadOnly ? "bg-neutral-soft opacity-50 cursor-not-allowed" : "bg-default"}
+          `
         }
       ),
       /* @__PURE__ */ jsx12(
         "button",
         {
           type: "button",
-          onClick: () => setIsOpen(!isOpen),
+          disabled: isReadOnly,
+          onClick: () => {
+            if (!isReadOnly) {
+              setIsOpen(!isOpen);
+            }
+          },
           className: "absolute right-2 top-3 h-5 w-5 text-gray-500 focus:outline-none",
           children: /* @__PURE__ */ jsx12(
             "svg",
@@ -810,11 +820,11 @@ var SelectWithSearchInput = (props) => {
         }
       )
     ] }),
-    isOpen && /* @__PURE__ */ jsx12(
+    !isReadOnly && isOpen && /* @__PURE__ */ jsx12(
       "div",
       {
         ref: dropdownRef,
-        className: "absolute z-10 mt-2 w-full bg-white border border-gray-200 rounded-md shadow-lg max-h-48 overflow-y-auto",
+        className: "absolute z-10 w-full bg-default border border-gray-200 shadow-lg max-h-48 overflow-y-auto",
         children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ jsx12(
           "button",
           {