@process.co/ui 0.0.17 → 0.0.18

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-export { B as Button, L as LogicToggleButton, T as ToggleButton, b as buttonVariants, i as fields, l as logicToggleButtonStyles, t as toggleButtonVariants } from './index-D9NS5Zgl.cjs';
+export { B as Button, L as LogicToggleButton, T as ToggleButton, b as buttonVariants, i as fields, l as logicToggleButtonStyles, t as toggleButtonVariants } from './index-DVH6qE_o.cjs';
 import * as React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import 'class-variance-authority/types';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { B as Button, L as LogicToggleButton, T as ToggleButton, b as buttonVariants, i as fields, l as logicToggleButtonStyles, t as toggleButtonVariants } from './index-D9NS5Zgl.js';
+export { B as Button, L as LogicToggleButton, T as ToggleButton, b as buttonVariants, i as fields, l as logicToggleButtonStyles, t as toggleButtonVariants } from './index-DVH6qE_o.js';
 import * as React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import 'class-variance-authority/types';

package/dist/index.js

@@ -8928,7 +8928,10 @@ function Input({
   required = false,
   hasRequiredError = false,
   className,
-  editorClassName
+  editorClassName,
+  showCaseSensitivity = false,
+  caseSensitive = false,
+  onCaseSensitiveChange
 }) {
   const devCtx = useContext(DevContext);
   const resolvedExpectedType = useResolvedExpectedType(expectedType, devCtx);
@@ -8972,7 +8975,19 @@ function Input({
       title: resolvedExpectedType
     },
     resolvedExpectedType
-  ), showError && /* @__PURE__ */ React44.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.createElement("div", { className: "uii:mt-0.5" }, /* @__PURE__ */ React44.createElement(
+  ), showError && /* @__PURE__ */ React44.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.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.createElement("div", { className: "uii:mt-0.5" }, /* @__PURE__ */ React44.createElement(
     "input",
     {
       id: fieldName,