@process.co/ui 0.0.17 → 0.0.18

package/dist/{index-D9NS5Zgl.d.cts → index-DVH6qE_o.d.cts}

@@ -197,6 +197,15 @@ interface InputProps {
     editorClassName?: string;
     /** Property definition (for richer context) */
     propertyDefinition?: any;
+    /**
+     * When true, show a small case-sensitivity toggle next to the type label (e.g. for Value position in conditions).
+     * Controlled by caseSensitive and onCaseSensitiveChange.
+     */
+    showCaseSensitivity?: boolean;
+    /** Current case-sensitive state (when showCaseSensitivity is true). */
+    caseSensitive?: boolean;
+    /** Called when the user toggles case sensitivity (when showCaseSensitivity is true). */
+    onCaseSensitiveChange?: (value: boolean) => void;
 }
 /**
  * Mock Input component for development/design mode.
@@ -215,7 +224,7 @@ interface InputProps {
  * />
  * ```
  */
-declare function Input({ fieldName, label, value, onChange, disabled, placeholder, expectedType, required, hasRequiredError, className, editorClassName, }: InputProps): React.JSX.Element;
+declare function Input({ fieldName, label, value, onChange, disabled, placeholder, expectedType, required, hasRequiredError, className, editorClassName, showCaseSensitivity, caseSensitive, onCaseSensitiveChange, }: InputProps): React.JSX.Element;
 
 interface SelectOption {
     node?: React.ReactNode;

package/dist/{index-D9NS5Zgl.d.ts → index-DVH6qE_o.d.ts}

@@ -197,6 +197,15 @@ interface InputProps {
     editorClassName?: string;
     /** Property definition (for richer context) */
     propertyDefinition?: any;
+    /**
+     * When true, show a small case-sensitivity toggle next to the type label (e.g. for Value position in conditions).
+     * Controlled by caseSensitive and onCaseSensitiveChange.
+     */
+    showCaseSensitivity?: boolean;
+    /** Current case-sensitive state (when showCaseSensitivity is true). */
+    caseSensitive?: boolean;
+    /** Called when the user toggles case sensitivity (when showCaseSensitivity is true). */
+    onCaseSensitiveChange?: (value: boolean) => void;
 }
 /**
  * Mock Input component for development/design mode.
@@ -215,7 +224,7 @@ interface InputProps {
  * />
  * ```
  */
-declare function Input({ fieldName, label, value, onChange, disabled, placeholder, expectedType, required, hasRequiredError, className, editorClassName, }: InputProps): React.JSX.Element;
+declare function Input({ fieldName, label, value, onChange, disabled, placeholder, expectedType, required, hasRequiredError, className, editorClassName, showCaseSensitivity, caseSensitive, onCaseSensitiveChange, }: InputProps): React.JSX.Element;
 
 interface SelectOption {
     node?: React.ReactNode;

package/dist/index.cjs

@@ -8949,7 +8949,10 @@ function Input({
   required = false,
   hasRequiredError = false,
   className,
-  editorClassName
+  editorClassName,
+  showCaseSensitivity = false,
+  caseSensitive = false,
+  onCaseSensitiveChange
 }) {
   const devCtx = React44.useContext(DevContext);
   const resolvedExpectedType = useResolvedExpectedType(expectedType, devCtx);
@@ -8993,7 +8996,19 @@ function Input({
       title: resolvedExpectedType
     },
     resolvedExpectedType
-  ), showError && /* @__PURE__ */ React44__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__ */ React44__namespace.createElement("div", { className: "uii:mt-0.5" }, /* @__PURE__ */ React44__namespace.createElement(
+  ), showError && /* @__PURE__ */ React44__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"), showCaseSensitivity && onCaseSensitiveChange && /* @__PURE__ */ React44__namespace.createElement(
+    "button",
+    {
+      type: "button",
+      title: caseSensitive ? "Case sensitive (click to ignore case)" : "Ignore case (click for case sensitive)",
+      onClick: () => onCaseSensitiveChange(!caseSensitive),
+      className: cn(
+        "uii:-mt-2 uii:inline-flex uii:items-center uii:justify-center uii:rounded-sm uii:border uii:px-1 uii:py-0.5 uii:text-[10px] uii:font-medium uii:transition-colors uii:outline-none focus:uii:ring-2 focus:uii:ring-ring focus:uii:ring-offset-1",
+        caseSensitive ? "uii:bg-primary uii:text-primary-foreground uii:border-primary" : "uii:bg-gray-200 uii:text-muted-foreground uii:border-input hover:uii:bg-gray-300"
+      )
+    },
+    "Aa"
+  )), /* @__PURE__ */ React44__namespace.createElement("div", { className: "uii:mt-0.5" }, /* @__PURE__ */ React44__namespace.createElement(
     "input",
     {
       id: fieldName,