@k3-tech/react-kit 0.0.59 → 0.0.61

package/dist/index.js

@@ -4040,215 +4040,215 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$J = [
+const __iconNode$K = [
   ["rect", { width: "20", height: "5", x: "2", y: "3", rx: "1", key: "1wp1u1" }],
   ["path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8", key: "1s80jp" }],
   ["path", { d: "M10 12h4", key: "a56b0p" }]
 ];
-const Archive = createLucideIcon("archive", __iconNode$J);
+const Archive = createLucideIcon("archive", __iconNode$K);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$I = [
+const __iconNode$J = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
 ];
-const ArrowDown = createLucideIcon("arrow-down", __iconNode$I);
+const ArrowDown = createLucideIcon("arrow-down", __iconNode$J);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$H = [
+const __iconNode$I = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$H);
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$I);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$G = [
+const __iconNode$H = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ];
-const ArrowUp = createLucideIcon("arrow-up", __iconNode$G);
+const ArrowUp = createLucideIcon("arrow-up", __iconNode$H);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$F = [
+const __iconNode$G = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
   ["path", { d: "M3 10h18", key: "8toen8" }]
 ];
-const Calendar$1 = createLucideIcon("calendar", __iconNode$F);
+const Calendar$1 = createLucideIcon("calendar", __iconNode$G);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$E = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$E);
+const __iconNode$F = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$F);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$D = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$D);
+const __iconNode$E = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$E);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$C = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$C);
+const __iconNode$D = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$D);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$B = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$B);
+const __iconNode$C = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$C);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$A = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$A);
+const __iconNode$B = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode$B);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$z = [
+const __iconNode$A = [
   ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
   ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
 ];
-const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$z);
+const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$A);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$y = [
+const __iconNode$z = [
   ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
   ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
 ];
-const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$y);
+const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$z);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$x = [
+const __iconNode$y = [
   ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
   ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
 ];
-const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$x);
+const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$y);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$w = [
+const __iconNode$x = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$w);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$x);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$v = [
+const __iconNode$w = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ];
-const CircleCheck = createLucideIcon("circle-check", __iconNode$v);
+const CircleCheck = createLucideIcon("circle-check", __iconNode$w);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$u = [
+const __iconNode$v = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
 ];
-const CircleX = createLucideIcon("circle-x", __iconNode$u);
+const CircleX = createLucideIcon("circle-x", __iconNode$v);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$t = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-const Circle = createLucideIcon("circle", __iconNode$t);
+const __iconNode$u = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+const Circle = createLucideIcon("circle", __iconNode$u);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$s = [
+const __iconNode$t = [
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
 ];
-const Clock = createLucideIcon("clock", __iconNode$s);
+const Clock = createLucideIcon("clock", __iconNode$t);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$r = [
+const __iconNode$s = [
   ["path", { d: "M12 13v8", key: "1l5pq0" }],
   ["path", { d: "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242", key: "1pljnt" }],
   ["path", { d: "m8 17 4-4 4 4", key: "1quai1" }]
 ];
-const CloudUpload = createLucideIcon("cloud-upload", __iconNode$r);
+const CloudUpload = createLucideIcon("cloud-upload", __iconNode$s);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$q = [
+const __iconNode$r = [
   ["path", { d: "M20 4v7a4 4 0 0 1-4 4H4", key: "6o5b7l" }],
   ["path", { d: "m9 10-5 5 5 5", key: "1kshq7" }]
 ];
-const CornerDownLeft = createLucideIcon("corner-down-left", __iconNode$q);
+const CornerDownLeft = createLucideIcon("corner-down-left", __iconNode$r);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$p = [
+const __iconNode$q = [
   [
     "path",
     {
@@ -4259,38 +4259,38 @@ const __iconNode$p = [
   ["path", { d: "m12 9 6 6", key: "anjzzh" }],
   ["path", { d: "m18 9-6 6", key: "1fp51s" }]
 ];
-const Delete = createLucideIcon("delete", __iconNode$p);
+const Delete = createLucideIcon("delete", __iconNode$q);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$o = [
+const __iconNode$p = [
   ["path", { d: "M12 15V3", key: "m9g1x1" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
 ];
-const Download = createLucideIcon("download", __iconNode$o);
+const Download = createLucideIcon("download", __iconNode$p);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$n = [
+const __iconNode$o = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
   ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
 ];
-const Ellipsis = createLucideIcon("ellipsis", __iconNode$n);
+const Ellipsis = createLucideIcon("ellipsis", __iconNode$o);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$m = [
+const __iconNode$n = [
   [
     "path",
     {
@@ -4308,52 +4308,52 @@ const __iconNode$m = [
   ],
   ["path", { d: "m2 2 20 20", key: "1ooewy" }]
 ];
-const EyeOff = createLucideIcon("eye-off", __iconNode$m);
+const EyeOff = createLucideIcon("eye-off", __iconNode$n);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$l = [
+const __iconNode$m = [
   ["path", { d: "M10 12.5 8 15l2 2.5", key: "1tg20x" }],
   ["path", { d: "m14 12.5 2 2.5-2 2.5", key: "yinavb" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z", key: "1mlx9k" }]
 ];
-const FileCode = createLucideIcon("file-code", __iconNode$l);
+const FileCode = createLucideIcon("file-code", __iconNode$m);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$k = [
+const __iconNode$l = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M10 9H8", key: "b1mrlr" }],
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$k);
+const FileText = createLucideIcon("file-text", __iconNode$l);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$j = [
+const __iconNode$k = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }]
 ];
-const File$1 = createLucideIcon("file", __iconNode$j);
+const File$1 = createLucideIcon("file", __iconNode$k);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$i = [
+const __iconNode$j = [
   ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
   ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
   ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
@@ -4361,19 +4361,31 @@ const __iconNode$i = [
   ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
   ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
 ];
-const GripVertical = createLucideIcon("grip-vertical", __iconNode$i);
+const GripVertical = createLucideIcon("grip-vertical", __iconNode$j);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$h = [
+const __iconNode$i = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
   ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
   ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
 ];
-const Image$2 = createLucideIcon("image", __iconNode$h);
+const Image$2 = createLucideIcon("image", __iconNode$i);
+/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$h = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 16v-4", key: "1dtifu" }],
+  ["path", { d: "M12 8h.01", key: "e9boi3" }]
+];
+const Info = createLucideIcon("info", __iconNode$h);
 /**
  * @license lucide-react v0.540.0 - ISC
  *
@@ -23564,6 +23576,7 @@ function Autocomplete({
   defaultValue,
   allowCustomValue = false,
   clearable = true,
+  dataTestID,
   initialSelectedOptions,
   loadSelected
 }, ref) {
@@ -23889,7 +23902,7 @@ function Autocomplete({
       {
         inert: disabled,
         className: cn$1(
-          "flex min-h-10 items-center gap-2 rounded-md border border-border bg-background px-3 py-2 text-sm",
+          "flex min-h-9 items-center gap-2 rounded-md border border-border bg-background px-3 py-2 text-sm",
           "ring-offset-background",
           "focus-within:outline-none focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
           disabled && "cursor-not-allowed opacity-50",
@@ -23938,6 +23951,7 @@ function Autocomplete({
                   }
                 }
               }),
+              "data-testid": dataTestID,
               className: cn$1(
                 "flex-1 bg-transparent outline-none placeholder:text-muted-foreground",
                 width ? "w-full" : "min-w-[120px]"
@@ -24116,7 +24130,8 @@ function TextField({
       placeholder: field.placeholder,
       type,
       value: value || "",
-      onChange: (e2) => onChange(e2.target.value)
+      onChange: (e2) => onChange(e2.target.value),
+      "data-testid": field.dataTestID
     }
   );
 }
@@ -24126,15 +24141,64 @@ function NumberField({
   onChange,
   className
 }) {
+  const innerValue = value;
+  const [displayValue, setDisplayValue] = useState(
+    (Number(innerValue) || "").toLocaleString("id-ID")
+  );
+  if (field.numberMode === "currency") {
+    const parseAndFormatIDRInput = (input) => {
+      const cleaned = input.replace(/[^\d.,]/g, "");
+      if (!cleaned) {
+        return { display: "", numeric: 0 };
+      }
+      const hasDecimalSeparator = cleaned.includes(",");
+      const sepIndex = cleaned.lastIndexOf(",");
+      const rawInteger = hasDecimalSeparator ? cleaned.slice(0, Math.max(0, sepIndex)) : cleaned;
+      const rawFraction = hasDecimalSeparator ? cleaned.slice(sepIndex + 1) : "";
+      const integerDigits = rawInteger.replace(/\D/g, "");
+      const fractionDigits = rawFraction.replace(/\D/g, "");
+      const safeInteger = integerDigits || "0";
+      const groupedInteger = Number(safeInteger).toLocaleString("id-ID");
+      const display = hasDecimalSeparator ? `${groupedInteger},${fractionDigits}` : groupedInteger;
+      const numeric = Number(
+        fractionDigits ? `${safeInteger}.${fractionDigits}` : safeInteger
+      );
+      return {
+        display,
+        numeric: Number.isFinite(numeric) ? numeric : 0
+      };
+    };
+    const handleInputChange = (e2) => {
+      const { display, numeric } = parseAndFormatIDRInput(
+        e2.currentTarget.value
+      );
+      setDisplayValue(display);
+      onChange(numeric);
+    };
+    return /* @__PURE__ */ jsx(
+      Input,
+      {
+        type: "text",
+        inputMode: "decimal",
+        value: displayValue,
+        onChange: handleInputChange,
+        className: "min-w-[120px] text-right bg-background text-foreground",
+        "data-testid": field.dataTestID
+      }
+    );
+  }
   return /* @__PURE__ */ jsx(
     Input,
     {
+      "data-testid": field.dataTestID,
       className,
       disabled: field.disabled || field.readOnly,
       placeholder: field.placeholder,
       type: "number",
-      value: value ?? "",
-      onChange: (e2) => onChange(Number(e2.target.value))
+      value: innerValue ?? "",
+      onChange: (e2) => onChange(
+        typeof e2.currentTarget.valueAsNumber === "number" ? e2.currentTarget.valueAsNumber : null
+      )
     }
   );
 }
@@ -24165,7 +24229,8 @@ function TextareaField({
       placeholder: field.placeholder,
       value: value || "",
       onChange: (e2) => onChange(e2.target.value),
-      rows: 4
+      rows: field.rows || 4,
+      "data-testid": field.dataTestID
     }
   );
 }
@@ -25515,6 +25580,7 @@ function SelectField({
       value: toUiValue(value),
       onValueChange: (val) => onChange(fromUiValue(val)),
       disabled: field.disabled || field.readOnly,
+      "data-testid": field.dataTestID,
       children: [
         /* @__PURE__ */ jsx(SelectTrigger, { className, children: /* @__PURE__ */ jsx(SelectValue, { placeholder: field.placeholder }) }),
         /* @__PURE__ */ jsx(SelectContent, { children: (_a2 = field.options) == null ? void 0 : _a2.map((option) => /* @__PURE__ */ jsx(
@@ -25529,162 +25595,701 @@ function SelectField({
     }
   );
 }
-function CheckboxField({
-  field,
-  fieldPath,
-  value,
-  onChange,
-  className
-}) {
-  const placement = field.labelPlacement ?? "inline";
-  if (placement === "stacked") {
-    const labelId = `${fieldPath}-label`;
-    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs(Label$2, { id: labelId, className: "text-sm font-medium", children: [
-        field.label,
-        field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
-      ] }),
-      /* @__PURE__ */ jsx(
-        Checkbox,
-        {
-          "aria-labelledby": labelId,
-          id: fieldPath,
-          checked: value || false,
-          onCheckedChange: onChange,
-          disabled: field.disabled || field.readOnly,
-          className: cn$1(className)
-        }
-      )
-    ] });
-  }
-  if (placement === "hidden") {
-    return /* @__PURE__ */ jsx(
-      Checkbox,
-      {
-        id: fieldPath,
-        checked: value || false,
-        onCheckedChange: onChange,
-        disabled: field.disabled,
-        className: cn$1(className)
+var [createTooltipContext] = createContextScope("Tooltip", [
+  createPopperScope
+]);
+var usePopperScope$2 = createPopperScope();
+var PROVIDER_NAME = "TooltipProvider";
+var DEFAULT_DELAY_DURATION = 700;
+var TOOLTIP_OPEN = "tooltip.open";
+var [TooltipProviderContextProvider, useTooltipProviderContext] = createTooltipContext(PROVIDER_NAME);
+var TooltipProvider$1 = (props2) => {
+  const {
+    __scopeTooltip,
+    delayDuration = DEFAULT_DELAY_DURATION,
+    skipDelayDuration = 300,
+    disableHoverableContent = false,
+    children
+  } = props2;
+  const isOpenDelayedRef = React.useRef(true);
+  const isPointerInTransitRef = React.useRef(false);
+  const skipDelayTimerRef = React.useRef(0);
+  React.useEffect(() => {
+    const skipDelayTimer = skipDelayTimerRef.current;
+    return () => window.clearTimeout(skipDelayTimer);
+  }, []);
+  return /* @__PURE__ */ jsx(
+    TooltipProviderContextProvider,
+    {
+      scope: __scopeTooltip,
+      isOpenDelayedRef,
+      delayDuration,
+      onOpen: React.useCallback(() => {
+        window.clearTimeout(skipDelayTimerRef.current);
+        isOpenDelayedRef.current = false;
+      }, []),
+      onClose: React.useCallback(() => {
+        window.clearTimeout(skipDelayTimerRef.current);
+        skipDelayTimerRef.current = window.setTimeout(
+          () => isOpenDelayedRef.current = true,
+          skipDelayDuration
+        );
+      }, [skipDelayDuration]),
+      isPointerInTransitRef,
+      onPointerInTransitChange: React.useCallback((inTransit) => {
+        isPointerInTransitRef.current = inTransit;
+      }, []),
+      disableHoverableContent,
+      children
+    }
+  );
+};
+TooltipProvider$1.displayName = PROVIDER_NAME;
+var TOOLTIP_NAME = "Tooltip";
+var [TooltipContextProvider, useTooltipContext] = createTooltipContext(TOOLTIP_NAME);
+var Tooltip$2 = (props2) => {
+  const {
+    __scopeTooltip,
+    children,
+    open: openProp,
+    defaultOpen,
+    onOpenChange,
+    disableHoverableContent: disableHoverableContentProp,
+    delayDuration: delayDurationProp
+  } = props2;
+  const providerContext = useTooltipProviderContext(TOOLTIP_NAME, props2.__scopeTooltip);
+  const popperScope = usePopperScope$2(__scopeTooltip);
+  const [trigger, setTrigger] = React.useState(null);
+  const contentId = useId$1();
+  const openTimerRef = React.useRef(0);
+  const disableHoverableContent = disableHoverableContentProp ?? providerContext.disableHoverableContent;
+  const delayDuration = delayDurationProp ?? providerContext.delayDuration;
+  const wasOpenDelayedRef = React.useRef(false);
+  const [open, setOpen] = useControllableState$1({
+    prop: openProp,
+    defaultProp: defaultOpen ?? false,
+    onChange: (open2) => {
+      if (open2) {
+        providerContext.onOpen();
+        document.dispatchEvent(new CustomEvent(TOOLTIP_OPEN));
+      } else {
+        providerContext.onClose();
       }
-    );
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ jsx(
-      Checkbox,
-      {
-        id: fieldPath,
-        checked: value || false,
-        onCheckedChange: onChange,
-        disabled: field.disabled,
-        className: cn$1(className)
+      onOpenChange == null ? void 0 : onOpenChange(open2);
+    },
+    caller: TOOLTIP_NAME
+  });
+  const stateAttribute = React.useMemo(() => {
+    return open ? wasOpenDelayedRef.current ? "delayed-open" : "instant-open" : "closed";
+  }, [open]);
+  const handleOpen = React.useCallback(() => {
+    window.clearTimeout(openTimerRef.current);
+    openTimerRef.current = 0;
+    wasOpenDelayedRef.current = false;
+    setOpen(true);
+  }, [setOpen]);
+  const handleClose = React.useCallback(() => {
+    window.clearTimeout(openTimerRef.current);
+    openTimerRef.current = 0;
+    setOpen(false);
+  }, [setOpen]);
+  const handleDelayedOpen = React.useCallback(() => {
+    window.clearTimeout(openTimerRef.current);
+    openTimerRef.current = window.setTimeout(() => {
+      wasOpenDelayedRef.current = true;
+      setOpen(true);
+      openTimerRef.current = 0;
+    }, delayDuration);
+  }, [delayDuration, setOpen]);
+  React.useEffect(() => {
+    return () => {
+      if (openTimerRef.current) {
+        window.clearTimeout(openTimerRef.current);
+        openTimerRef.current = 0;
       }
-    ),
-    /* @__PURE__ */ jsxs(
-      Label$2,
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(Root2$9, { ...popperScope, children: /* @__PURE__ */ jsx(
+    TooltipContextProvider,
+    {
+      scope: __scopeTooltip,
+      contentId,
+      open,
+      stateAttribute,
+      trigger,
+      onTriggerChange: setTrigger,
+      onTriggerEnter: React.useCallback(() => {
+        if (providerContext.isOpenDelayedRef.current) handleDelayedOpen();
+        else handleOpen();
+      }, [providerContext.isOpenDelayedRef, handleDelayedOpen, handleOpen]),
+      onTriggerLeave: React.useCallback(() => {
+        if (disableHoverableContent) {
+          handleClose();
+        } else {
+          window.clearTimeout(openTimerRef.current);
+          openTimerRef.current = 0;
+        }
+      }, [handleClose, disableHoverableContent]),
+      onOpen: handleOpen,
+      onClose: handleClose,
+      disableHoverableContent,
+      children
+    }
+  ) });
+};
+Tooltip$2.displayName = TOOLTIP_NAME;
+var TRIGGER_NAME$7 = "TooltipTrigger";
+var TooltipTrigger$1 = React.forwardRef(
+  (props2, forwardedRef) => {
+    const { __scopeTooltip, ...triggerProps } = props2;
+    const context = useTooltipContext(TRIGGER_NAME$7, __scopeTooltip);
+    const providerContext = useTooltipProviderContext(TRIGGER_NAME$7, __scopeTooltip);
+    const popperScope = usePopperScope$2(__scopeTooltip);
+    const ref = React.useRef(null);
+    const composedRefs = useComposedRefs$1(forwardedRef, ref, context.onTriggerChange);
+    const isPointerDownRef = React.useRef(false);
+    const hasPointerMoveOpenedRef = React.useRef(false);
+    const handlePointerUp2 = React.useCallback(() => isPointerDownRef.current = false, []);
+    React.useEffect(() => {
+      return () => document.removeEventListener("pointerup", handlePointerUp2);
+    }, [handlePointerUp2]);
+    return /* @__PURE__ */ jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx(
+      Primitive.button,
       {
-        htmlFor: fieldPath,
-        className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-        children: [
-          field.label,
-          field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
-        ]
+        "aria-describedby": context.open ? context.contentId : void 0,
+        "data-state": context.stateAttribute,
+        ...triggerProps,
+        ref: composedRefs,
+        onPointerMove: composeEventHandlers$1(props2.onPointerMove, (event) => {
+          if (event.pointerType === "touch") return;
+          if (!hasPointerMoveOpenedRef.current && !providerContext.isPointerInTransitRef.current) {
+            context.onTriggerEnter();
+            hasPointerMoveOpenedRef.current = true;
+          }
+        }),
+        onPointerLeave: composeEventHandlers$1(props2.onPointerLeave, () => {
+          context.onTriggerLeave();
+          hasPointerMoveOpenedRef.current = false;
+        }),
+        onPointerDown: composeEventHandlers$1(props2.onPointerDown, () => {
+          if (context.open) {
+            context.onClose();
+          }
+          isPointerDownRef.current = true;
+          document.addEventListener("pointerup", handlePointerUp2, { once: true });
+        }),
+        onFocus: composeEventHandlers$1(props2.onFocus, () => {
+          if (!isPointerDownRef.current) context.onOpen();
+        }),
+        onBlur: composeEventHandlers$1(props2.onBlur, context.onClose),
+        onClick: composeEventHandlers$1(props2.onClick, context.onClose)
       }
-    )
-  ] });
-}
-var SWITCH_NAME = "Switch";
-var [createSwitchContext] = createContextScope(SWITCH_NAME);
-var [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);
-var Switch$1 = React.forwardRef(
+    ) });
+  }
+);
+TooltipTrigger$1.displayName = TRIGGER_NAME$7;
+var PORTAL_NAME$7 = "TooltipPortal";
+var [PortalProvider$3, usePortalContext$3] = createTooltipContext(PORTAL_NAME$7, {
+  forceMount: void 0
+});
+var TooltipPortal = (props2) => {
+  const { __scopeTooltip, forceMount, children, container } = props2;
+  const context = useTooltipContext(PORTAL_NAME$7, __scopeTooltip);
+  return /* @__PURE__ */ jsx(PortalProvider$3, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$7, { asChild: true, container, children }) }) });
+};
+TooltipPortal.displayName = PORTAL_NAME$7;
+var CONTENT_NAME$8 = "TooltipContent";
+var TooltipContent$1 = React.forwardRef(
   (props2, forwardedRef) => {
-    const {
-      __scopeSwitch,
-      name,
-      checked: checkedProp,
-      defaultChecked,
-      required: required2,
-      disabled,
-      value = "on",
-      onCheckedChange,
-      form,
-      ...switchProps
-    } = props2;
-    const [button, setButton] = React.useState(null);
-    const composedRefs = useComposedRefs$1(forwardedRef, (node) => setButton(node));
-    const hasConsumerStoppedPropagationRef = React.useRef(false);
-    const isFormControl = button ? form || !!button.closest("form") : true;
-    const [checked, setChecked] = useControllableState$1({
-      prop: checkedProp,
-      defaultProp: defaultChecked ?? false,
-      onChange: onCheckedChange,
-      caller: SWITCH_NAME
-    });
-    return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [
-      /* @__PURE__ */ jsx(
-        Primitive.button,
-        {
-          type: "button",
-          role: "switch",
-          "aria-checked": checked,
-          "aria-required": required2,
-          "data-state": getState$2(checked),
-          "data-disabled": disabled ? "" : void 0,
-          disabled,
-          value,
-          ...switchProps,
-          ref: composedRefs,
-          onClick: composeEventHandlers$1(props2.onClick, (event) => {
-            setChecked((prevChecked) => !prevChecked);
-            if (isFormControl) {
-              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
-              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
-            }
-          })
-        }
-      ),
-      isFormControl && /* @__PURE__ */ jsx(
-        SwitchBubbleInput,
-        {
-          control: button,
-          bubbles: !hasConsumerStoppedPropagationRef.current,
-          name,
-          value,
-          checked,
-          required: required2,
-          disabled,
-          form,
-          style: { transform: "translateX(-100%)" }
-        }
-      )
-    ] });
+    const portalContext = usePortalContext$3(CONTENT_NAME$8, props2.__scopeTooltip);
+    const { forceMount = portalContext.forceMount, side = "top", ...contentProps } = props2;
+    const context = useTooltipContext(CONTENT_NAME$8, props2.__scopeTooltip);
+    return /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: context.disableHoverableContent ? /* @__PURE__ */ jsx(TooltipContentImpl, { side, ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(TooltipContentHoverable, { side, ...contentProps, ref: forwardedRef }) });
   }
 );
-Switch$1.displayName = SWITCH_NAME;
-var THUMB_NAME$2 = "SwitchThumb";
-var SwitchThumb = React.forwardRef(
+var TooltipContentHoverable = React.forwardRef((props2, forwardedRef) => {
+  const context = useTooltipContext(CONTENT_NAME$8, props2.__scopeTooltip);
+  const providerContext = useTooltipProviderContext(CONTENT_NAME$8, props2.__scopeTooltip);
+  const ref = React.useRef(null);
+  const composedRefs = useComposedRefs$1(forwardedRef, ref);
+  const [pointerGraceArea, setPointerGraceArea] = React.useState(null);
+  const { trigger, onClose } = context;
+  const content = ref.current;
+  const { onPointerInTransitChange } = providerContext;
+  const handleRemoveGraceArea = React.useCallback(() => {
+    setPointerGraceArea(null);
+    onPointerInTransitChange(false);
+  }, [onPointerInTransitChange]);
+  const handleCreateGraceArea = React.useCallback(
+    (event, hoverTarget) => {
+      const currentTarget = event.currentTarget;
+      const exitPoint = { x: event.clientX, y: event.clientY };
+      const exitSide = getExitSideFromRect(exitPoint, currentTarget.getBoundingClientRect());
+      const paddedExitPoints = getPaddedExitPoints(exitPoint, exitSide);
+      const hoverTargetPoints = getPointsFromRect(hoverTarget.getBoundingClientRect());
+      const graceArea = getHull([...paddedExitPoints, ...hoverTargetPoints]);
+      setPointerGraceArea(graceArea);
+      onPointerInTransitChange(true);
+    },
+    [onPointerInTransitChange]
+  );
+  React.useEffect(() => {
+    return () => handleRemoveGraceArea();
+  }, [handleRemoveGraceArea]);
+  React.useEffect(() => {
+    if (trigger && content) {
+      const handleTriggerLeave = (event) => handleCreateGraceArea(event, content);
+      const handleContentLeave = (event) => handleCreateGraceArea(event, trigger);
+      trigger.addEventListener("pointerleave", handleTriggerLeave);
+      content.addEventListener("pointerleave", handleContentLeave);
+      return () => {
+        trigger.removeEventListener("pointerleave", handleTriggerLeave);
+        content.removeEventListener("pointerleave", handleContentLeave);
+      };
+    }
+  }, [trigger, content, handleCreateGraceArea, handleRemoveGraceArea]);
+  React.useEffect(() => {
+    if (pointerGraceArea) {
+      const handleTrackPointerGrace = (event) => {
+        const target = event.target;
+        const pointerPosition = { x: event.clientX, y: event.clientY };
+        const hasEnteredTarget = (trigger == null ? void 0 : trigger.contains(target)) || (content == null ? void 0 : content.contains(target));
+        const isPointerOutsideGraceArea = !isPointInPolygon$1(pointerPosition, pointerGraceArea);
+        if (hasEnteredTarget) {
+          handleRemoveGraceArea();
+        } else if (isPointerOutsideGraceArea) {
+          handleRemoveGraceArea();
+          onClose();
+        }
+      };
+      document.addEventListener("pointermove", handleTrackPointerGrace);
+      return () => document.removeEventListener("pointermove", handleTrackPointerGrace);
+    }
+  }, [trigger, content, pointerGraceArea, onClose, handleRemoveGraceArea]);
+  return /* @__PURE__ */ jsx(TooltipContentImpl, { ...props2, ref: composedRefs });
+});
+var [VisuallyHiddenContentContextProvider, useVisuallyHiddenContentContext] = createTooltipContext(TOOLTIP_NAME, { isInside: false });
+var Slottable$1 = /* @__PURE__ */ createSlottable("TooltipContent");
+var TooltipContentImpl = React.forwardRef(
   (props2, forwardedRef) => {
-    const { __scopeSwitch, ...thumbProps } = props2;
-    const context = useSwitchContext(THUMB_NAME$2, __scopeSwitch);
+    const {
+      __scopeTooltip,
+      children,
+      "aria-label": ariaLabel,
+      onEscapeKeyDown,
+      onPointerDownOutside,
+      ...contentProps
+    } = props2;
+    const context = useTooltipContext(CONTENT_NAME$8, __scopeTooltip);
+    const popperScope = usePopperScope$2(__scopeTooltip);
+    const { onClose } = context;
+    React.useEffect(() => {
+      document.addEventListener(TOOLTIP_OPEN, onClose);
+      return () => document.removeEventListener(TOOLTIP_OPEN, onClose);
+    }, [onClose]);
+    React.useEffect(() => {
+      if (context.trigger) {
+        const handleScroll2 = (event) => {
+          const target = event.target;
+          if (target == null ? void 0 : target.contains(context.trigger)) onClose();
+        };
+        window.addEventListener("scroll", handleScroll2, { capture: true });
+        return () => window.removeEventListener("scroll", handleScroll2, { capture: true });
+      }
+    }, [context.trigger, onClose]);
     return /* @__PURE__ */ jsx(
-      Primitive.span,
+      DismissableLayer,
       {
-        "data-state": getState$2(context.checked),
-        "data-disabled": context.disabled ? "" : void 0,
-        ...thumbProps,
-        ref: forwardedRef
+        asChild: true,
+        disableOutsidePointerEvents: false,
+        onEscapeKeyDown,
+        onPointerDownOutside,
+        onFocusOutside: (event) => event.preventDefault(),
+        onDismiss: onClose,
+        children: /* @__PURE__ */ jsxs(
+          Content$3,
+          {
+            "data-state": context.stateAttribute,
+            ...popperScope,
+            ...contentProps,
+            ref: forwardedRef,
+            style: {
+              ...contentProps.style,
+              // re-namespace exposed content custom properties
+              ...{
+                "--radix-tooltip-content-transform-origin": "var(--radix-popper-transform-origin)",
+                "--radix-tooltip-content-available-width": "var(--radix-popper-available-width)",
+                "--radix-tooltip-content-available-height": "var(--radix-popper-available-height)",
+                "--radix-tooltip-trigger-width": "var(--radix-popper-anchor-width)",
+                "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
+              }
+            },
+            children: [
+              /* @__PURE__ */ jsx(Slottable$1, { children }),
+              /* @__PURE__ */ jsx(VisuallyHiddenContentContextProvider, { scope: __scopeTooltip, isInside: true, children: /* @__PURE__ */ jsx(Root$a, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
+            ]
+          }
+        )
       }
     );
   }
 );
-SwitchThumb.displayName = THUMB_NAME$2;
-var BUBBLE_INPUT_NAME$2 = "SwitchBubbleInput";
-var SwitchBubbleInput = React.forwardRef(
-  ({
-    __scopeSwitch,
-    control,
-    checked,
-    bubbles = true,
+TooltipContent$1.displayName = CONTENT_NAME$8;
+var ARROW_NAME$5 = "TooltipArrow";
+var TooltipArrow = React.forwardRef(
+  (props2, forwardedRef) => {
+    const { __scopeTooltip, ...arrowProps } = props2;
+    const popperScope = usePopperScope$2(__scopeTooltip);
+    const visuallyHiddenContentContext = useVisuallyHiddenContentContext(
+      ARROW_NAME$5,
+      __scopeTooltip
+    );
+    return visuallyHiddenContentContext.isInside ? null : /* @__PURE__ */ jsx(Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
+  }
+);
+TooltipArrow.displayName = ARROW_NAME$5;
+function getExitSideFromRect(point, rect) {
+  const top = Math.abs(rect.top - point.y);
+  const bottom = Math.abs(rect.bottom - point.y);
+  const right = Math.abs(rect.right - point.x);
+  const left = Math.abs(rect.left - point.x);
+  switch (Math.min(top, bottom, right, left)) {
+    case left:
+      return "left";
+    case right:
+      return "right";
+    case top:
+      return "top";
+    case bottom:
+      return "bottom";
+    default:
+      throw new Error("unreachable");
+  }
+}
+function getPaddedExitPoints(exitPoint, exitSide, padding = 5) {
+  const paddedExitPoints = [];
+  switch (exitSide) {
+    case "top":
+      paddedExitPoints.push(
+        { x: exitPoint.x - padding, y: exitPoint.y + padding },
+        { x: exitPoint.x + padding, y: exitPoint.y + padding }
+      );
+      break;
+    case "bottom":
+      paddedExitPoints.push(
+        { x: exitPoint.x - padding, y: exitPoint.y - padding },
+        { x: exitPoint.x + padding, y: exitPoint.y - padding }
+      );
+      break;
+    case "left":
+      paddedExitPoints.push(
+        { x: exitPoint.x + padding, y: exitPoint.y - padding },
+        { x: exitPoint.x + padding, y: exitPoint.y + padding }
+      );
+      break;
+    case "right":
+      paddedExitPoints.push(
+        { x: exitPoint.x - padding, y: exitPoint.y - padding },
+        { x: exitPoint.x - padding, y: exitPoint.y + padding }
+      );
+      break;
+  }
+  return paddedExitPoints;
+}
+function getPointsFromRect(rect) {
+  const { top, right, bottom, left } = rect;
+  return [
+    { x: left, y: top },
+    { x: right, y: top },
+    { x: right, y: bottom },
+    { x: left, y: bottom }
+  ];
+}
+function isPointInPolygon$1(point, polygon) {
+  const { x: x2, y } = point;
+  let inside = false;
+  for (let i2 = 0, j = polygon.length - 1; i2 < polygon.length; j = i2++) {
+    const ii = polygon[i2];
+    const jj = polygon[j];
+    const xi = ii.x;
+    const yi = ii.y;
+    const xj = jj.x;
+    const yj = jj.y;
+    const intersect = yi > y !== yj > y && x2 < (xj - xi) * (y - yi) / (yj - yi) + xi;
+    if (intersect) inside = !inside;
+  }
+  return inside;
+}
+function getHull(points) {
+  const newPoints = points.slice();
+  newPoints.sort((a2, b2) => {
+    if (a2.x < b2.x) return -1;
+    else if (a2.x > b2.x) return 1;
+    else if (a2.y < b2.y) return -1;
+    else if (a2.y > b2.y) return 1;
+    else return 0;
+  });
+  return getHullPresorted(newPoints);
+}
+function getHullPresorted(points) {
+  if (points.length <= 1) return points.slice();
+  const upperHull = [];
+  for (let i2 = 0; i2 < points.length; i2++) {
+    const p2 = points[i2];
+    while (upperHull.length >= 2) {
+      const q = upperHull[upperHull.length - 1];
+      const r2 = upperHull[upperHull.length - 2];
+      if ((q.x - r2.x) * (p2.y - r2.y) >= (q.y - r2.y) * (p2.x - r2.x)) upperHull.pop();
+      else break;
+    }
+    upperHull.push(p2);
+  }
+  upperHull.pop();
+  const lowerHull = [];
+  for (let i2 = points.length - 1; i2 >= 0; i2--) {
+    const p2 = points[i2];
+    while (lowerHull.length >= 2) {
+      const q = lowerHull[lowerHull.length - 1];
+      const r2 = lowerHull[lowerHull.length - 2];
+      if ((q.x - r2.x) * (p2.y - r2.y) >= (q.y - r2.y) * (p2.x - r2.x)) lowerHull.pop();
+      else break;
+    }
+    lowerHull.push(p2);
+  }
+  lowerHull.pop();
+  if (upperHull.length === 1 && lowerHull.length === 1 && upperHull[0].x === lowerHull[0].x && upperHull[0].y === lowerHull[0].y) {
+    return upperHull;
+  } else {
+    return upperHull.concat(lowerHull);
+  }
+}
+var Provider = TooltipProvider$1;
+var Root3$2 = Tooltip$2;
+var Trigger$6 = TooltipTrigger$1;
+var Portal$4 = TooltipPortal;
+var Content2$6 = TooltipContent$1;
+var Arrow2$1 = TooltipArrow;
+function TooltipProvider({
+  delayDuration = 0,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx(
+    Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration,
+      ...props2
+    }
+  );
+}
+function Tooltip$1({
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(Root3$2, { "data-slot": "tooltip", ...props2 }) });
+}
+function TooltipTrigger({
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx(Trigger$6, { "data-slot": "tooltip-trigger", ...props2 });
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx(Portal$4, { children: /* @__PURE__ */ jsxs(
+    Content2$6,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn$1(
+        "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        className
+      ),
+      ...props2,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(Arrow2$1, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+      ]
+    }
+  ) });
+}
+function InfoTooltip({ iconSize, content }) {
+  return /* @__PURE__ */ jsxs(Tooltip$1, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { children: /* @__PURE__ */ jsx(Info, { size: iconSize }) }),
+    /* @__PURE__ */ jsx(TooltipContent, { children: content })
+  ] });
+}
+function CheckboxField({
+  field,
+  fieldPath,
+  value,
+  onChange,
+  className
+}) {
+  const placement = field.labelPlacement ?? "inline";
+  if (placement === "stacked") {
+    const labelId = `${fieldPath}-label`;
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs(Label$2, { id: labelId, className: "text-sm font-medium", children: [
+        field.label,
+        field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" }),
+        field.infoTooltip && /* @__PURE__ */ jsx(
+          InfoTooltip,
+          {
+            iconSize: field.infoTooltipIconSize,
+            content: field.infoTooltip
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-4", children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            "aria-labelledby": labelId,
+            id: fieldPath,
+            checked: value || false,
+            onCheckedChange: onChange,
+            disabled: field.disabled || field.readOnly,
+            className: cn$1(className),
+            "data-testid": field.dataTestID
+          }
+        ),
+        field.subLabel
+      ] })
+    ] });
+  }
+  if (placement === "hidden") {
+    return /* @__PURE__ */ jsx(
+      Checkbox,
+      {
+        id: fieldPath,
+        checked: value || false,
+        onCheckedChange: onChange,
+        disabled: field.disabled,
+        className: cn$1(className),
+        "data-testid": field.dataTestID
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ jsx(
+      Checkbox,
+      {
+        id: fieldPath,
+        checked: value || false,
+        onCheckedChange: onChange,
+        disabled: field.disabled,
+        className: cn$1(className),
+        "data-testid": field.dataTestID
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Label$2,
+      {
+        htmlFor: fieldPath,
+        className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        children: [
+          field.label,
+          field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
+        ]
+      }
+    )
+  ] });
+}
+var SWITCH_NAME = "Switch";
+var [createSwitchContext] = createContextScope(SWITCH_NAME);
+var [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);
+var Switch$1 = React.forwardRef(
+  (props2, forwardedRef) => {
+    const {
+      __scopeSwitch,
+      name,
+      checked: checkedProp,
+      defaultChecked,
+      required: required2,
+      disabled,
+      value = "on",
+      onCheckedChange,
+      form,
+      ...switchProps
+    } = props2;
+    const [button, setButton] = React.useState(null);
+    const composedRefs = useComposedRefs$1(forwardedRef, (node) => setButton(node));
+    const hasConsumerStoppedPropagationRef = React.useRef(false);
+    const isFormControl = button ? form || !!button.closest("form") : true;
+    const [checked, setChecked] = useControllableState$1({
+      prop: checkedProp,
+      defaultProp: defaultChecked ?? false,
+      onChange: onCheckedChange,
+      caller: SWITCH_NAME
+    });
+    return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [
+      /* @__PURE__ */ jsx(
+        Primitive.button,
+        {
+          type: "button",
+          role: "switch",
+          "aria-checked": checked,
+          "aria-required": required2,
+          "data-state": getState$2(checked),
+          "data-disabled": disabled ? "" : void 0,
+          disabled,
+          value,
+          ...switchProps,
+          ref: composedRefs,
+          onClick: composeEventHandlers$1(props2.onClick, (event) => {
+            setChecked((prevChecked) => !prevChecked);
+            if (isFormControl) {
+              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
+              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
+            }
+          })
+        }
+      ),
+      isFormControl && /* @__PURE__ */ jsx(
+        SwitchBubbleInput,
+        {
+          control: button,
+          bubbles: !hasConsumerStoppedPropagationRef.current,
+          name,
+          value,
+          checked,
+          required: required2,
+          disabled,
+          form,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+Switch$1.displayName = SWITCH_NAME;
+var THUMB_NAME$2 = "SwitchThumb";
+var SwitchThumb = React.forwardRef(
+  (props2, forwardedRef) => {
+    const { __scopeSwitch, ...thumbProps } = props2;
+    const context = useSwitchContext(THUMB_NAME$2, __scopeSwitch);
+    return /* @__PURE__ */ jsx(
+      Primitive.span,
+      {
+        "data-state": getState$2(context.checked),
+        "data-disabled": context.disabled ? "" : void 0,
+        ...thumbProps,
+        ref: forwardedRef
+      }
+    );
+  }
+);
+SwitchThumb.displayName = THUMB_NAME$2;
+var BUBBLE_INPUT_NAME$2 = "SwitchBubbleInput";
+var SwitchBubbleInput = React.forwardRef(
+  ({
+    __scopeSwitch,
+    control,
+    checked,
+    bubbles = true,
     ...props2
   }, forwardedRef) => {
     const ref = React.useRef(null);
@@ -25771,7 +26376,14 @@ function SwitchField({
     return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsxs(Label$2, { id: labelId, className: "text-sm font-medium", children: [
         field.label,
-        field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
+        field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" }),
+        field.infoTooltip && /* @__PURE__ */ jsx(
+          InfoTooltip,
+          {
+            iconSize: field.infoTooltipIconSize,
+            content: field.infoTooltip
+          }
+        )
       ] }),
       /* @__PURE__ */ jsx(
         Switch,
@@ -25781,9 +26393,11 @@ function SwitchField({
           checked: value || false,
           onCheckedChange: onChange,
           disabled: field.disabled || field.readOnly,
-          className: cn$1(className)
+          className: cn$1(className),
+          "data-testid": field.dataTestID
         }
-      )
+      ),
+      field.subLabel
     ] });
   }
   if (placement === "hidden") {
@@ -25794,7 +26408,8 @@ function SwitchField({
         checked: value || false,
         onCheckedChange: onChange,
         disabled: field.disabled,
-        className: cn$1(className)
+        className: cn$1(className),
+        "data-testid": field.dataTestID
       }
     );
   }
@@ -25806,7 +26421,8 @@ function SwitchField({
         checked: value || false,
         onCheckedChange: onChange,
         disabled: field.disabled,
-        className: cn$1(className)
+        className: cn$1(className),
+        "data-testid": field.dataTestID
       }
     ),
     /* @__PURE__ */ jsxs(
@@ -26149,6 +26765,7 @@ function RadioField({
       onValueChange: (val) => onChange(fromUiValue(val)),
       disabled: field.disabled || field.readOnly,
       className,
+      "data-testid": field.dataTestID,
       children: (_a2 = field.options) == null ? void 0 : _a2.map((option) => /* @__PURE__ */ jsxs(
         "div",
         {
@@ -26207,7 +26824,8 @@ function DateField({
       defaultValue: parseDateValueForInput(value),
       min: parseDateValueForInput(minDate),
       max: parseDateValueForInput(maxDate),
-      onChange: (e2) => onChange(e2.target.value ? new Date(e2.target.value) : null)
+      onChange: (e2) => onChange(e2.target.value ? new Date(e2.target.value) : null),
+      "data-testid": field.dataTestID
     }
   );
 }
@@ -30348,7 +30966,8 @@ function DatePickerField({
       disabledDates: field.disabledDates,
       format: field.dateFormat,
       placeholder: field.placeholder,
-      buttonVariant: "outline"
+      buttonVariant: "outline",
+      "data-testid": field.dataTestID
     }
   );
 }
@@ -30809,7 +31428,8 @@ function DateRangePickerField({
       popoverSide: field.popoverSide,
       showFooter: field.showFooter,
       cancelLabel: field.cancelLabel,
-      applyLabel: field.applyLabel
+      applyLabel: field.applyLabel,
+      "data-testid": field.dataTestID
     }
   );
 }
@@ -31071,7 +31691,8 @@ function MonthPickerField({
       ),
       showFooter: true,
       clearLabel: field.cancelLabel,
-      closeLabel: field.applyLabel
+      closeLabel: field.applyLabel,
+      "data-testid": field.dataTestID
     }
   );
 }
@@ -31496,7 +32117,8 @@ function MonthRangePickerField({
       popoverSide: field.popoverSide,
       showFooter: true,
       cancelLabel: field.cancelLabel,
-      applyLabel: field.applyLabel
+      applyLabel: field.applyLabel,
+      "data-testid": field.dataTestID
     }
   );
 }
@@ -31752,7 +32374,8 @@ function TimePickerField({
       secondStep: field.secondStep ?? 5,
       showFooter: field.showFooter,
       cancelLabel: field.cancelLabel,
-      applyLabel: field.applyLabel
+      applyLabel: field.applyLabel,
+      "data-testid": field.dataTestID
     }
   );
 }
@@ -32050,7 +32673,8 @@ function TimeRangePickerField({
       secondStep: field.secondStep ?? 5,
       showFooter: field.showFooter,
       cancelLabel: field.cancelLabel,
-      applyLabel: field.applyLabel
+      applyLabel: field.applyLabel,
+      "data-testid": field.dataTestID
     }
   );
 }
@@ -32409,7 +33033,8 @@ function DateTimePickerField({
       secondStep: field.secondStep ?? 5,
       showFooter: field.showFooter,
       cancelLabel: field.cancelLabel,
-      applyLabel: field.applyLabel
+      applyLabel: field.applyLabel,
+      "data-testid": field.dataTestID
     }
   );
 }
@@ -32992,7 +33617,8 @@ function DateTimeRangePickerField({
       secondStep: field.secondStep ?? 5,
       showFooter: field.showFooter,
       cancelLabel: field.cancelLabel,
-      applyLabel: field.applyLabel
+      applyLabel: field.applyLabel,
+      "data-testid": field.dataTestID
     }
   );
 }
@@ -35416,11 +36042,11 @@ var Dialog$1 = (props2) => {
   );
 };
 Dialog$1.displayName = DIALOG_NAME;
-var TRIGGER_NAME$7 = "DialogTrigger";
+var TRIGGER_NAME$6 = "DialogTrigger";
 var DialogTrigger$1 = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeDialog, ...triggerProps } = props2;
-    const context = useDialogContext(TRIGGER_NAME$7, __scopeDialog);
+    const context = useDialogContext(TRIGGER_NAME$6, __scopeDialog);
     const composedTriggerRef = useComposedRefs$1(forwardedRef, context.triggerRef);
     return /* @__PURE__ */ jsx(
       Primitive.button,
@@ -35437,21 +36063,21 @@ var DialogTrigger$1 = React.forwardRef(
     );
   }
 );
-DialogTrigger$1.displayName = TRIGGER_NAME$7;
-var PORTAL_NAME$7 = "DialogPortal";
-var [PortalProvider$3, usePortalContext$3] = createDialogContext(PORTAL_NAME$7, {
+DialogTrigger$1.displayName = TRIGGER_NAME$6;
+var PORTAL_NAME$6 = "DialogPortal";
+var [PortalProvider$2, usePortalContext$2] = createDialogContext(PORTAL_NAME$6, {
   forceMount: void 0
 });
 var DialogPortal$1 = (props2) => {
   const { __scopeDialog, forceMount, children, container } = props2;
-  const context = useDialogContext(PORTAL_NAME$7, __scopeDialog);
-  return /* @__PURE__ */ jsx(PortalProvider$3, { scope: __scopeDialog, forceMount, children: React.Children.map(children, (child) => /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$7, { asChild: true, container, children: child }) })) });
+  const context = useDialogContext(PORTAL_NAME$6, __scopeDialog);
+  return /* @__PURE__ */ jsx(PortalProvider$2, { scope: __scopeDialog, forceMount, children: React.Children.map(children, (child) => /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$7, { asChild: true, container, children: child }) })) });
 };
-DialogPortal$1.displayName = PORTAL_NAME$7;
+DialogPortal$1.displayName = PORTAL_NAME$6;
 var OVERLAY_NAME$1 = "DialogOverlay";
 var DialogOverlay$1 = React.forwardRef(
   (props2, forwardedRef) => {
-    const portalContext = usePortalContext$3(OVERLAY_NAME$1, props2.__scopeDialog);
+    const portalContext = usePortalContext$2(OVERLAY_NAME$1, props2.__scopeDialog);
     const { forceMount = portalContext.forceMount, ...overlayProps } = props2;
     const context = useDialogContext(OVERLAY_NAME$1, props2.__scopeDialog);
     return context.modal ? /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
@@ -35478,19 +36104,19 @@ var DialogOverlayImpl = React.forwardRef(
     );
   }
 );
-var CONTENT_NAME$8 = "DialogContent";
+var CONTENT_NAME$7 = "DialogContent";
 var DialogContent$1 = React.forwardRef(
   (props2, forwardedRef) => {
-    const portalContext = usePortalContext$3(CONTENT_NAME$8, props2.__scopeDialog);
+    const portalContext = usePortalContext$2(CONTENT_NAME$7, props2.__scopeDialog);
     const { forceMount = portalContext.forceMount, ...contentProps } = props2;
-    const context = useDialogContext(CONTENT_NAME$8, props2.__scopeDialog);
+    const context = useDialogContext(CONTENT_NAME$7, props2.__scopeDialog);
     return /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
   }
 );
-DialogContent$1.displayName = CONTENT_NAME$8;
+DialogContent$1.displayName = CONTENT_NAME$7;
 var DialogContentModal = React.forwardRef(
   (props2, forwardedRef) => {
-    const context = useDialogContext(CONTENT_NAME$8, props2.__scopeDialog);
+    const context = useDialogContext(CONTENT_NAME$7, props2.__scopeDialog);
     const contentRef = React.useRef(null);
     const composedRefs = useComposedRefs$1(forwardedRef, context.contentRef, contentRef);
     React.useEffect(() => {
@@ -35525,7 +36151,7 @@ var DialogContentModal = React.forwardRef(
 );
 var DialogContentNonModal = React.forwardRef(
   (props2, forwardedRef) => {
-    const context = useDialogContext(CONTENT_NAME$8, props2.__scopeDialog);
+    const context = useDialogContext(CONTENT_NAME$7, props2.__scopeDialog);
     const hasInteractedOutsideRef = React.useRef(false);
     const hasPointerDownOutsideRef = React.useRef(false);
     return /* @__PURE__ */ jsx(
@@ -35568,7 +36194,7 @@ var DialogContentNonModal = React.forwardRef(
 var DialogContentImpl = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props2;
-    const context = useDialogContext(CONTENT_NAME$8, __scopeDialog);
+    const context = useDialogContext(CONTENT_NAME$7, __scopeDialog);
     const contentRef = React.useRef(null);
     const composedRefs = useComposedRefs$1(forwardedRef, contentRef);
     useFocusGuards();
@@ -35643,7 +36269,7 @@ function getState(open) {
 }
 var TITLE_WARNING_NAME = "DialogTitleWarning";
 var [WarningProvider, useWarningContext] = createContext2(TITLE_WARNING_NAME, {
-  contentName: CONTENT_NAME$8,
+  contentName: CONTENT_NAME$7,
   titleName: TITLE_NAME$1,
   docsSlug: "dialog"
 });
@@ -35677,8 +36303,8 @@ var DescriptionWarning$1 = ({ contentRef, descriptionId }) => {
   return null;
 };
 var Root$7 = Dialog$1;
-var Trigger$6 = DialogTrigger$1;
-var Portal$4 = DialogPortal$1;
+var Trigger$5 = DialogTrigger$1;
+var Portal$3 = DialogPortal$1;
 var Overlay$1 = DialogOverlay$1;
 var Content$2 = DialogContent$1;
 var Title = DialogTitle$1;
@@ -35692,12 +36318,12 @@ function Dialog({
 function DialogTrigger({
   ...props2
 }) {
-  return /* @__PURE__ */ jsx(Trigger$6, { "data-slot": "dialog-trigger", ...props2 });
+  return /* @__PURE__ */ jsx(Trigger$5, { "data-slot": "dialog-trigger", ...props2 });
 }
 function DialogPortal({
   ...props2
 }) {
-  return /* @__PURE__ */ jsx(Portal$4, { "data-slot": "dialog-portal", ...props2 });
+  return /* @__PURE__ */ jsx(Portal$3, { "data-slot": "dialog-portal", ...props2 });
 }
 function DialogClose({
   ...props2
@@ -35915,526 +36541,6 @@ function Progress({
     }
   );
 }
-var [createTooltipContext] = createContextScope("Tooltip", [
-  createPopperScope
-]);
-var usePopperScope$2 = createPopperScope();
-var PROVIDER_NAME = "TooltipProvider";
-var DEFAULT_DELAY_DURATION = 700;
-var TOOLTIP_OPEN = "tooltip.open";
-var [TooltipProviderContextProvider, useTooltipProviderContext] = createTooltipContext(PROVIDER_NAME);
-var TooltipProvider$1 = (props2) => {
-  const {
-    __scopeTooltip,
-    delayDuration = DEFAULT_DELAY_DURATION,
-    skipDelayDuration = 300,
-    disableHoverableContent = false,
-    children
-  } = props2;
-  const isOpenDelayedRef = React.useRef(true);
-  const isPointerInTransitRef = React.useRef(false);
-  const skipDelayTimerRef = React.useRef(0);
-  React.useEffect(() => {
-    const skipDelayTimer = skipDelayTimerRef.current;
-    return () => window.clearTimeout(skipDelayTimer);
-  }, []);
-  return /* @__PURE__ */ jsx(
-    TooltipProviderContextProvider,
-    {
-      scope: __scopeTooltip,
-      isOpenDelayedRef,
-      delayDuration,
-      onOpen: React.useCallback(() => {
-        window.clearTimeout(skipDelayTimerRef.current);
-        isOpenDelayedRef.current = false;
-      }, []),
-      onClose: React.useCallback(() => {
-        window.clearTimeout(skipDelayTimerRef.current);
-        skipDelayTimerRef.current = window.setTimeout(
-          () => isOpenDelayedRef.current = true,
-          skipDelayDuration
-        );
-      }, [skipDelayDuration]),
-      isPointerInTransitRef,
-      onPointerInTransitChange: React.useCallback((inTransit) => {
-        isPointerInTransitRef.current = inTransit;
-      }, []),
-      disableHoverableContent,
-      children
-    }
-  );
-};
-TooltipProvider$1.displayName = PROVIDER_NAME;
-var TOOLTIP_NAME = "Tooltip";
-var [TooltipContextProvider, useTooltipContext] = createTooltipContext(TOOLTIP_NAME);
-var Tooltip$2 = (props2) => {
-  const {
-    __scopeTooltip,
-    children,
-    open: openProp,
-    defaultOpen,
-    onOpenChange,
-    disableHoverableContent: disableHoverableContentProp,
-    delayDuration: delayDurationProp
-  } = props2;
-  const providerContext = useTooltipProviderContext(TOOLTIP_NAME, props2.__scopeTooltip);
-  const popperScope = usePopperScope$2(__scopeTooltip);
-  const [trigger, setTrigger] = React.useState(null);
-  const contentId = useId$1();
-  const openTimerRef = React.useRef(0);
-  const disableHoverableContent = disableHoverableContentProp ?? providerContext.disableHoverableContent;
-  const delayDuration = delayDurationProp ?? providerContext.delayDuration;
-  const wasOpenDelayedRef = React.useRef(false);
-  const [open, setOpen] = useControllableState$1({
-    prop: openProp,
-    defaultProp: defaultOpen ?? false,
-    onChange: (open2) => {
-      if (open2) {
-        providerContext.onOpen();
-        document.dispatchEvent(new CustomEvent(TOOLTIP_OPEN));
-      } else {
-        providerContext.onClose();
-      }
-      onOpenChange == null ? void 0 : onOpenChange(open2);
-    },
-    caller: TOOLTIP_NAME
-  });
-  const stateAttribute = React.useMemo(() => {
-    return open ? wasOpenDelayedRef.current ? "delayed-open" : "instant-open" : "closed";
-  }, [open]);
-  const handleOpen = React.useCallback(() => {
-    window.clearTimeout(openTimerRef.current);
-    openTimerRef.current = 0;
-    wasOpenDelayedRef.current = false;
-    setOpen(true);
-  }, [setOpen]);
-  const handleClose = React.useCallback(() => {
-    window.clearTimeout(openTimerRef.current);
-    openTimerRef.current = 0;
-    setOpen(false);
-  }, [setOpen]);
-  const handleDelayedOpen = React.useCallback(() => {
-    window.clearTimeout(openTimerRef.current);
-    openTimerRef.current = window.setTimeout(() => {
-      wasOpenDelayedRef.current = true;
-      setOpen(true);
-      openTimerRef.current = 0;
-    }, delayDuration);
-  }, [delayDuration, setOpen]);
-  React.useEffect(() => {
-    return () => {
-      if (openTimerRef.current) {
-        window.clearTimeout(openTimerRef.current);
-        openTimerRef.current = 0;
-      }
-    };
-  }, []);
-  return /* @__PURE__ */ jsx(Root2$9, { ...popperScope, children: /* @__PURE__ */ jsx(
-    TooltipContextProvider,
-    {
-      scope: __scopeTooltip,
-      contentId,
-      open,
-      stateAttribute,
-      trigger,
-      onTriggerChange: setTrigger,
-      onTriggerEnter: React.useCallback(() => {
-        if (providerContext.isOpenDelayedRef.current) handleDelayedOpen();
-        else handleOpen();
-      }, [providerContext.isOpenDelayedRef, handleDelayedOpen, handleOpen]),
-      onTriggerLeave: React.useCallback(() => {
-        if (disableHoverableContent) {
-          handleClose();
-        } else {
-          window.clearTimeout(openTimerRef.current);
-          openTimerRef.current = 0;
-        }
-      }, [handleClose, disableHoverableContent]),
-      onOpen: handleOpen,
-      onClose: handleClose,
-      disableHoverableContent,
-      children
-    }
-  ) });
-};
-Tooltip$2.displayName = TOOLTIP_NAME;
-var TRIGGER_NAME$6 = "TooltipTrigger";
-var TooltipTrigger$1 = React.forwardRef(
-  (props2, forwardedRef) => {
-    const { __scopeTooltip, ...triggerProps } = props2;
-    const context = useTooltipContext(TRIGGER_NAME$6, __scopeTooltip);
-    const providerContext = useTooltipProviderContext(TRIGGER_NAME$6, __scopeTooltip);
-    const popperScope = usePopperScope$2(__scopeTooltip);
-    const ref = React.useRef(null);
-    const composedRefs = useComposedRefs$1(forwardedRef, ref, context.onTriggerChange);
-    const isPointerDownRef = React.useRef(false);
-    const hasPointerMoveOpenedRef = React.useRef(false);
-    const handlePointerUp2 = React.useCallback(() => isPointerDownRef.current = false, []);
-    React.useEffect(() => {
-      return () => document.removeEventListener("pointerup", handlePointerUp2);
-    }, [handlePointerUp2]);
-    return /* @__PURE__ */ jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx(
-      Primitive.button,
-      {
-        "aria-describedby": context.open ? context.contentId : void 0,
-        "data-state": context.stateAttribute,
-        ...triggerProps,
-        ref: composedRefs,
-        onPointerMove: composeEventHandlers$1(props2.onPointerMove, (event) => {
-          if (event.pointerType === "touch") return;
-          if (!hasPointerMoveOpenedRef.current && !providerContext.isPointerInTransitRef.current) {
-            context.onTriggerEnter();
-            hasPointerMoveOpenedRef.current = true;
-          }
-        }),
-        onPointerLeave: composeEventHandlers$1(props2.onPointerLeave, () => {
-          context.onTriggerLeave();
-          hasPointerMoveOpenedRef.current = false;
-        }),
-        onPointerDown: composeEventHandlers$1(props2.onPointerDown, () => {
-          if (context.open) {
-            context.onClose();
-          }
-          isPointerDownRef.current = true;
-          document.addEventListener("pointerup", handlePointerUp2, { once: true });
-        }),
-        onFocus: composeEventHandlers$1(props2.onFocus, () => {
-          if (!isPointerDownRef.current) context.onOpen();
-        }),
-        onBlur: composeEventHandlers$1(props2.onBlur, context.onClose),
-        onClick: composeEventHandlers$1(props2.onClick, context.onClose)
-      }
-    ) });
-  }
-);
-TooltipTrigger$1.displayName = TRIGGER_NAME$6;
-var PORTAL_NAME$6 = "TooltipPortal";
-var [PortalProvider$2, usePortalContext$2] = createTooltipContext(PORTAL_NAME$6, {
-  forceMount: void 0
-});
-var TooltipPortal = (props2) => {
-  const { __scopeTooltip, forceMount, children, container } = props2;
-  const context = useTooltipContext(PORTAL_NAME$6, __scopeTooltip);
-  return /* @__PURE__ */ jsx(PortalProvider$2, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$7, { asChild: true, container, children }) }) });
-};
-TooltipPortal.displayName = PORTAL_NAME$6;
-var CONTENT_NAME$7 = "TooltipContent";
-var TooltipContent$1 = React.forwardRef(
-  (props2, forwardedRef) => {
-    const portalContext = usePortalContext$2(CONTENT_NAME$7, props2.__scopeTooltip);
-    const { forceMount = portalContext.forceMount, side = "top", ...contentProps } = props2;
-    const context = useTooltipContext(CONTENT_NAME$7, props2.__scopeTooltip);
-    return /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: context.disableHoverableContent ? /* @__PURE__ */ jsx(TooltipContentImpl, { side, ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(TooltipContentHoverable, { side, ...contentProps, ref: forwardedRef }) });
-  }
-);
-var TooltipContentHoverable = React.forwardRef((props2, forwardedRef) => {
-  const context = useTooltipContext(CONTENT_NAME$7, props2.__scopeTooltip);
-  const providerContext = useTooltipProviderContext(CONTENT_NAME$7, props2.__scopeTooltip);
-  const ref = React.useRef(null);
-  const composedRefs = useComposedRefs$1(forwardedRef, ref);
-  const [pointerGraceArea, setPointerGraceArea] = React.useState(null);
-  const { trigger, onClose } = context;
-  const content = ref.current;
-  const { onPointerInTransitChange } = providerContext;
-  const handleRemoveGraceArea = React.useCallback(() => {
-    setPointerGraceArea(null);
-    onPointerInTransitChange(false);
-  }, [onPointerInTransitChange]);
-  const handleCreateGraceArea = React.useCallback(
-    (event, hoverTarget) => {
-      const currentTarget = event.currentTarget;
-      const exitPoint = { x: event.clientX, y: event.clientY };
-      const exitSide = getExitSideFromRect(exitPoint, currentTarget.getBoundingClientRect());
-      const paddedExitPoints = getPaddedExitPoints(exitPoint, exitSide);
-      const hoverTargetPoints = getPointsFromRect(hoverTarget.getBoundingClientRect());
-      const graceArea = getHull([...paddedExitPoints, ...hoverTargetPoints]);
-      setPointerGraceArea(graceArea);
-      onPointerInTransitChange(true);
-    },
-    [onPointerInTransitChange]
-  );
-  React.useEffect(() => {
-    return () => handleRemoveGraceArea();
-  }, [handleRemoveGraceArea]);
-  React.useEffect(() => {
-    if (trigger && content) {
-      const handleTriggerLeave = (event) => handleCreateGraceArea(event, content);
-      const handleContentLeave = (event) => handleCreateGraceArea(event, trigger);
-      trigger.addEventListener("pointerleave", handleTriggerLeave);
-      content.addEventListener("pointerleave", handleContentLeave);
-      return () => {
-        trigger.removeEventListener("pointerleave", handleTriggerLeave);
-        content.removeEventListener("pointerleave", handleContentLeave);
-      };
-    }
-  }, [trigger, content, handleCreateGraceArea, handleRemoveGraceArea]);
-  React.useEffect(() => {
-    if (pointerGraceArea) {
-      const handleTrackPointerGrace = (event) => {
-        const target = event.target;
-        const pointerPosition = { x: event.clientX, y: event.clientY };
-        const hasEnteredTarget = (trigger == null ? void 0 : trigger.contains(target)) || (content == null ? void 0 : content.contains(target));
-        const isPointerOutsideGraceArea = !isPointInPolygon$1(pointerPosition, pointerGraceArea);
-        if (hasEnteredTarget) {
-          handleRemoveGraceArea();
-        } else if (isPointerOutsideGraceArea) {
-          handleRemoveGraceArea();
-          onClose();
-        }
-      };
-      document.addEventListener("pointermove", handleTrackPointerGrace);
-      return () => document.removeEventListener("pointermove", handleTrackPointerGrace);
-    }
-  }, [trigger, content, pointerGraceArea, onClose, handleRemoveGraceArea]);
-  return /* @__PURE__ */ jsx(TooltipContentImpl, { ...props2, ref: composedRefs });
-});
-var [VisuallyHiddenContentContextProvider, useVisuallyHiddenContentContext] = createTooltipContext(TOOLTIP_NAME, { isInside: false });
-var Slottable$1 = /* @__PURE__ */ createSlottable("TooltipContent");
-var TooltipContentImpl = React.forwardRef(
-  (props2, forwardedRef) => {
-    const {
-      __scopeTooltip,
-      children,
-      "aria-label": ariaLabel,
-      onEscapeKeyDown,
-      onPointerDownOutside,
-      ...contentProps
-    } = props2;
-    const context = useTooltipContext(CONTENT_NAME$7, __scopeTooltip);
-    const popperScope = usePopperScope$2(__scopeTooltip);
-    const { onClose } = context;
-    React.useEffect(() => {
-      document.addEventListener(TOOLTIP_OPEN, onClose);
-      return () => document.removeEventListener(TOOLTIP_OPEN, onClose);
-    }, [onClose]);
-    React.useEffect(() => {
-      if (context.trigger) {
-        const handleScroll2 = (event) => {
-          const target = event.target;
-          if (target == null ? void 0 : target.contains(context.trigger)) onClose();
-        };
-        window.addEventListener("scroll", handleScroll2, { capture: true });
-        return () => window.removeEventListener("scroll", handleScroll2, { capture: true });
-      }
-    }, [context.trigger, onClose]);
-    return /* @__PURE__ */ jsx(
-      DismissableLayer,
-      {
-        asChild: true,
-        disableOutsidePointerEvents: false,
-        onEscapeKeyDown,
-        onPointerDownOutside,
-        onFocusOutside: (event) => event.preventDefault(),
-        onDismiss: onClose,
-        children: /* @__PURE__ */ jsxs(
-          Content$3,
-          {
-            "data-state": context.stateAttribute,
-            ...popperScope,
-            ...contentProps,
-            ref: forwardedRef,
-            style: {
-              ...contentProps.style,
-              // re-namespace exposed content custom properties
-              ...{
-                "--radix-tooltip-content-transform-origin": "var(--radix-popper-transform-origin)",
-                "--radix-tooltip-content-available-width": "var(--radix-popper-available-width)",
-                "--radix-tooltip-content-available-height": "var(--radix-popper-available-height)",
-                "--radix-tooltip-trigger-width": "var(--radix-popper-anchor-width)",
-                "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
-              }
-            },
-            children: [
-              /* @__PURE__ */ jsx(Slottable$1, { children }),
-              /* @__PURE__ */ jsx(VisuallyHiddenContentContextProvider, { scope: __scopeTooltip, isInside: true, children: /* @__PURE__ */ jsx(Root$a, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-TooltipContent$1.displayName = CONTENT_NAME$7;
-var ARROW_NAME$5 = "TooltipArrow";
-var TooltipArrow = React.forwardRef(
-  (props2, forwardedRef) => {
-    const { __scopeTooltip, ...arrowProps } = props2;
-    const popperScope = usePopperScope$2(__scopeTooltip);
-    const visuallyHiddenContentContext = useVisuallyHiddenContentContext(
-      ARROW_NAME$5,
-      __scopeTooltip
-    );
-    return visuallyHiddenContentContext.isInside ? null : /* @__PURE__ */ jsx(Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
-  }
-);
-TooltipArrow.displayName = ARROW_NAME$5;
-function getExitSideFromRect(point, rect) {
-  const top = Math.abs(rect.top - point.y);
-  const bottom = Math.abs(rect.bottom - point.y);
-  const right = Math.abs(rect.right - point.x);
-  const left = Math.abs(rect.left - point.x);
-  switch (Math.min(top, bottom, right, left)) {
-    case left:
-      return "left";
-    case right:
-      return "right";
-    case top:
-      return "top";
-    case bottom:
-      return "bottom";
-    default:
-      throw new Error("unreachable");
-  }
-}
-function getPaddedExitPoints(exitPoint, exitSide, padding = 5) {
-  const paddedExitPoints = [];
-  switch (exitSide) {
-    case "top":
-      paddedExitPoints.push(
-        { x: exitPoint.x - padding, y: exitPoint.y + padding },
-        { x: exitPoint.x + padding, y: exitPoint.y + padding }
-      );
-      break;
-    case "bottom":
-      paddedExitPoints.push(
-        { x: exitPoint.x - padding, y: exitPoint.y - padding },
-        { x: exitPoint.x + padding, y: exitPoint.y - padding }
-      );
-      break;
-    case "left":
-      paddedExitPoints.push(
-        { x: exitPoint.x + padding, y: exitPoint.y - padding },
-        { x: exitPoint.x + padding, y: exitPoint.y + padding }
-      );
-      break;
-    case "right":
-      paddedExitPoints.push(
-        { x: exitPoint.x - padding, y: exitPoint.y - padding },
-        { x: exitPoint.x - padding, y: exitPoint.y + padding }
-      );
-      break;
-  }
-  return paddedExitPoints;
-}
-function getPointsFromRect(rect) {
-  const { top, right, bottom, left } = rect;
-  return [
-    { x: left, y: top },
-    { x: right, y: top },
-    { x: right, y: bottom },
-    { x: left, y: bottom }
-  ];
-}
-function isPointInPolygon$1(point, polygon) {
-  const { x: x2, y } = point;
-  let inside = false;
-  for (let i2 = 0, j = polygon.length - 1; i2 < polygon.length; j = i2++) {
-    const ii = polygon[i2];
-    const jj = polygon[j];
-    const xi = ii.x;
-    const yi = ii.y;
-    const xj = jj.x;
-    const yj = jj.y;
-    const intersect = yi > y !== yj > y && x2 < (xj - xi) * (y - yi) / (yj - yi) + xi;
-    if (intersect) inside = !inside;
-  }
-  return inside;
-}
-function getHull(points) {
-  const newPoints = points.slice();
-  newPoints.sort((a2, b2) => {
-    if (a2.x < b2.x) return -1;
-    else if (a2.x > b2.x) return 1;
-    else if (a2.y < b2.y) return -1;
-    else if (a2.y > b2.y) return 1;
-    else return 0;
-  });
-  return getHullPresorted(newPoints);
-}
-function getHullPresorted(points) {
-  if (points.length <= 1) return points.slice();
-  const upperHull = [];
-  for (let i2 = 0; i2 < points.length; i2++) {
-    const p2 = points[i2];
-    while (upperHull.length >= 2) {
-      const q = upperHull[upperHull.length - 1];
-      const r2 = upperHull[upperHull.length - 2];
-      if ((q.x - r2.x) * (p2.y - r2.y) >= (q.y - r2.y) * (p2.x - r2.x)) upperHull.pop();
-      else break;
-    }
-    upperHull.push(p2);
-  }
-  upperHull.pop();
-  const lowerHull = [];
-  for (let i2 = points.length - 1; i2 >= 0; i2--) {
-    const p2 = points[i2];
-    while (lowerHull.length >= 2) {
-      const q = lowerHull[lowerHull.length - 1];
-      const r2 = lowerHull[lowerHull.length - 2];
-      if ((q.x - r2.x) * (p2.y - r2.y) >= (q.y - r2.y) * (p2.x - r2.x)) lowerHull.pop();
-      else break;
-    }
-    lowerHull.push(p2);
-  }
-  lowerHull.pop();
-  if (upperHull.length === 1 && lowerHull.length === 1 && upperHull[0].x === lowerHull[0].x && upperHull[0].y === lowerHull[0].y) {
-    return upperHull;
-  } else {
-    return upperHull.concat(lowerHull);
-  }
-}
-var Provider = TooltipProvider$1;
-var Root3$2 = Tooltip$2;
-var Trigger$5 = TooltipTrigger$1;
-var Portal$3 = TooltipPortal;
-var Content2$6 = TooltipContent$1;
-var Arrow2$1 = TooltipArrow;
-function TooltipProvider({
-  delayDuration = 0,
-  ...props2
-}) {
-  return /* @__PURE__ */ jsx(
-    Provider,
-    {
-      "data-slot": "tooltip-provider",
-      delayDuration,
-      ...props2
-    }
-  );
-}
-function Tooltip$1({
-  ...props2
-}) {
-  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(Root3$2, { "data-slot": "tooltip", ...props2 }) });
-}
-function TooltipTrigger({
-  ...props2
-}) {
-  return /* @__PURE__ */ jsx(Trigger$5, { "data-slot": "tooltip-trigger", ...props2 });
-}
-function TooltipContent({
-  className,
-  sideOffset = 0,
-  children,
-  ...props2
-}) {
-  return /* @__PURE__ */ jsx(Portal$3, { children: /* @__PURE__ */ jsxs(
-    Content2$6,
-    {
-      "data-slot": "tooltip-content",
-      sideOffset,
-      className: cn$1(
-        "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
-        className
-      ),
-      ...props2,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(Arrow2$1, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
-      ]
-    }
-  ) });
-}
 let backgroundRemovalLoader = null;
 function createFileLike(blob, fileName, lastModified, type = blob.type) {
   try {
@@ -36752,7 +36858,8 @@ function FileUploader({
   withDownload = true,
   withImagePreview = false,
   placeholder = "Drag and drop files here, or click to select",
-  className
+  className,
+  dataTestID
 }) {
   const isControlled = value !== void 0;
   const [files, setFiles] = useState(() => defaultValue ?? []);
@@ -37195,6 +37302,7 @@ function FileUploader({
       /* @__PURE__ */ jsx(
         "input",
         {
+          "data-testid": dataTestID,
           ...getInputProps({
             onClick: (e2) => {
               e2.target.value = "";
@@ -37336,7 +37444,8 @@ function FileField({
       onUploadError: field.fileOnUploadError,
       onRemove: field.fileOnRemove,
       onRetry: field.fileOnRetry,
-      onRetryAll: field.fileOnRetryAll
+      onRetryAll: field.fileOnRetryAll,
+      dataTestID: field.dataTestID
     }
   );
 }
@@ -37573,7 +37682,8 @@ function ArrayField({
             onChange(newArray);
           },
           placeholder: `Item ${index2 + 1}`,
-          disabled: field.disabled
+          disabled: field.disabled,
+          "data-testid": field.dataTestID
         }
       ) })
     ] }, item.id)) })
@@ -37951,7 +38061,14 @@ function FormBuilderField({
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsxs(Label$2, { htmlFor: fieldPath, className: "text-sm font-medium", children: [
               field.label,
-              field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
+              field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" }),
+              field.infoTooltip && /* @__PURE__ */ jsx(
+                InfoTooltip,
+                {
+                  iconSize: field.infoTooltipIconSize,
+                  content: field.infoTooltip
+                }
+              )
             ] }),
             renderField()
           ] }),
@@ -37979,7 +38096,14 @@ function FormBuilderField({
       children: [
         /* @__PURE__ */ jsxs(Label$2, { htmlFor: fieldPath, className: "text-sm font-medium", children: [
           field.label,
-          field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
+          field.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" }),
+          field.infoTooltip && /* @__PURE__ */ jsx(
+            InfoTooltip,
+            {
+              iconSize: field.infoTooltipIconSize,
+              content: field.infoTooltip
+            }
+          )
         ] }),
         renderField(),
         field.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: field.description }),
@@ -40120,7 +40244,8 @@ function DataTable({
   onRowClick,
   filterWrapper,
   filterTitle,
-  filterShowActionsSeparator
+  filterShowActionsSeparator,
+  CustomHeaderComponent
 }) {
   var _a2;
   const [rowSelection, setRowSelection] = React.useState({});
@@ -40303,86 +40428,88 @@ function DataTable({
   const effectiveFilterWrapper = filterWrapper ?? "accordion";
   const effectiveFilterTitle = filterTitle ?? "Filters";
   return /* @__PURE__ */ jsxs("div", { className: cn$1("space-y-3", className), children: [
-    (formFilters == null ? void 0 : formFilters.length) ? effectiveFilterWrapper === "accordion" ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-border", children: /* @__PURE__ */ jsx(
-      Accordion,
-      {
-        type: "single",
-        collapsible: true,
-        className: "w-full",
-        defaultValue: "filters",
-        children: /* @__PURE__ */ jsxs(AccordionItem, { value: "filters", children: [
-          /* @__PURE__ */ jsx(AccordionTrigger, { className: "px-4 py-3 border-b border-border text-md", children: effectiveFilterTitle }),
-          /* @__PURE__ */ jsx(AccordionContent, { className: "px-4 pb-4 pt-5", children: /* @__PURE__ */ jsx(
-            FormBuilder,
+    CustomHeaderComponent ? CustomHeaderComponent() : /* @__PURE__ */ jsxs(Fragment, { children: [
+      (formFilters == null ? void 0 : formFilters.length) ? effectiveFilterWrapper === "accordion" ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-border", children: /* @__PURE__ */ jsx(
+        Accordion,
+        {
+          type: "single",
+          collapsible: true,
+          className: "w-full",
+          defaultValue: "filters",
+          children: /* @__PURE__ */ jsxs(AccordionItem, { value: "filters", children: [
+            /* @__PURE__ */ jsx(AccordionTrigger, { className: "px-4 py-3 border-b border-border text-md", children: effectiveFilterTitle }),
+            /* @__PURE__ */ jsx(AccordionContent, { className: "px-4 pb-4 pt-5", children: /* @__PURE__ */ jsx(
+              FormBuilder,
+              {
+                sections: formFilters,
+                defaultValues: formFilterValues,
+                onSubmit: (data2) => onFormFilterChange == null ? void 0 : onFormFilterChange(data2),
+                onReset: () => onFormFilterChange == null ? void 0 : onFormFilterChange({}),
+                showActions: true,
+                submitLabel: "Apply",
+                resetLabel: "Clear",
+                showActionsSeparator: filterShowActionsSeparator
+              },
+              JSON.stringify(formFilterValues ?? {})
+            ) })
+          ] })
+        }
+      ) }) : effectiveFilterWrapper === "card" ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-border p-4", children: /* @__PURE__ */ jsx(
+        FormBuilder,
+        {
+          sections: formFilters,
+          defaultValues: formFilterValues,
+          onSubmit: (data2) => onFormFilterChange == null ? void 0 : onFormFilterChange(data2),
+          onReset: () => onFormFilterChange == null ? void 0 : onFormFilterChange({}),
+          showActions: true,
+          submitLabel: "Apply",
+          resetLabel: "Clear",
+          showActionsSeparator: filterShowActionsSeparator
+        },
+        JSON.stringify(formFilterValues ?? {})
+      ) }) : /* @__PURE__ */ jsx(
+        FormBuilder,
+        {
+          sections: formFilters,
+          defaultValues: formFilterValues,
+          onSubmit: (data2) => onFormFilterChange == null ? void 0 : onFormFilterChange(data2),
+          onReset: () => onFormFilterChange == null ? void 0 : onFormFilterChange({}),
+          showActions: true,
+          submitLabel: "Apply",
+          resetLabel: "Clear",
+          showActionsSeparator: filterShowActionsSeparator
+        },
+        JSON.stringify(formFilterValues ?? {})
+      ) : null,
+      (safeActions.length || showStandardActions || selectable && table.getSelectedRowModel().rows.length > 0 && safeBatchActions.length) && /* @__PURE__ */ jsx("div", { className: "rounded-md p-2 mt-6", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: selectable && table.getSelectedRowModel().rows.length > 0 && safeBatchActions.map((a2) => renderBatchButton(a2, a2.key)) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          showStandardActions && onRefresh && /* @__PURE__ */ jsxs(
+            Button$1,
             {
-              sections: formFilters,
-              defaultValues: formFilterValues,
-              onSubmit: (data2) => onFormFilterChange == null ? void 0 : onFormFilterChange(data2),
-              onReset: () => onFormFilterChange == null ? void 0 : onFormFilterChange({}),
-              showActions: true,
-              submitLabel: "Apply",
-              resetLabel: "Clear",
-              showActionsSeparator: filterShowActionsSeparator
-            },
-            JSON.stringify(formFilterValues ?? {})
-          ) })
+              variant: "outline",
+              size: "sm",
+              onClick: handleRefresh,
+              disabled: loading,
+              className: "h-8",
+              title: "Refresh",
+              children: [
+                /* @__PURE__ */ jsx(
+                  RefreshCw,
+                  {
+                    className: cn$1("h-4 w-4", loading && "animate-spin")
+                  }
+                ),
+                " ",
+                "Refresh"
+              ]
+            }
+          ),
+          isColumnVisibilityEnabled ? /* @__PURE__ */ jsx(DataTableViewOptions, { table }) : null,
+          safeActions.map((a2) => renderActionButton(a2, a2.key))
         ] })
-      }
-    ) }) : effectiveFilterWrapper === "card" ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-border p-4", children: /* @__PURE__ */ jsx(
-      FormBuilder,
-      {
-        sections: formFilters,
-        defaultValues: formFilterValues,
-        onSubmit: (data2) => onFormFilterChange == null ? void 0 : onFormFilterChange(data2),
-        onReset: () => onFormFilterChange == null ? void 0 : onFormFilterChange({}),
-        showActions: true,
-        submitLabel: "Apply",
-        resetLabel: "Clear",
-        showActionsSeparator: filterShowActionsSeparator
-      },
-      JSON.stringify(formFilterValues ?? {})
-    ) }) : /* @__PURE__ */ jsx(
-      FormBuilder,
-      {
-        sections: formFilters,
-        defaultValues: formFilterValues,
-        onSubmit: (data2) => onFormFilterChange == null ? void 0 : onFormFilterChange(data2),
-        onReset: () => onFormFilterChange == null ? void 0 : onFormFilterChange({}),
-        showActions: true,
-        submitLabel: "Apply",
-        resetLabel: "Clear",
-        showActionsSeparator: filterShowActionsSeparator
-      },
-      JSON.stringify(formFilterValues ?? {})
-    ) : null,
-    (safeActions.length || showStandardActions || selectable && table.getSelectedRowModel().rows.length > 0 && safeBatchActions.length) && /* @__PURE__ */ jsx("div", { className: "rounded-md p-2 mt-6", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: selectable && table.getSelectedRowModel().rows.length > 0 && safeBatchActions.map((a2) => renderBatchButton(a2, a2.key)) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        showStandardActions && onRefresh && /* @__PURE__ */ jsxs(
-          Button$1,
-          {
-            variant: "outline",
-            size: "sm",
-            onClick: handleRefresh,
-            disabled: loading,
-            className: "h-8",
-            title: "Refresh",
-            children: [
-              /* @__PURE__ */ jsx(
-                RefreshCw,
-                {
-                  className: cn$1("h-4 w-4", loading && "animate-spin")
-                }
-              ),
-              " ",
-              "Refresh"
-            ]
-          }
-        ),
-        isColumnVisibilityEnabled ? /* @__PURE__ */ jsx(DataTableViewOptions, { table }) : null,
-        safeActions.map((a2) => renderActionButton(a2, a2.key))
-      ] })
-    ] }) }),
+      ] }) })
+    ] }),
     /* @__PURE__ */ jsxs(
       "div",
       {
@@ -45980,7 +46107,7 @@ var AlertDialogTrigger$1 = React.forwardRef(
   (props2, forwardedRef) => {
     const { __scopeAlertDialog, ...triggerProps } = props2;
     const dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ jsx(Trigger$6, { ...dialogScope, ...triggerProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx(Trigger$5, { ...dialogScope, ...triggerProps, ref: forwardedRef });
   }
 );
 AlertDialogTrigger$1.displayName = TRIGGER_NAME$4;
@@ -45988,7 +46115,7 @@ var PORTAL_NAME$3 = "AlertDialogPortal";
 var AlertDialogPortal$1 = (props2) => {
   const { __scopeAlertDialog, ...portalProps } = props2;
   const dialogScope = useDialogScope(__scopeAlertDialog);
-  return /* @__PURE__ */ jsx(Portal$4, { ...dialogScope, ...portalProps });
+  return /* @__PURE__ */ jsx(Portal$3, { ...dialogScope, ...portalProps });
 };
 AlertDialogPortal$1.displayName = PORTAL_NAME$3;
 var OVERLAY_NAME = "AlertDialogOverlay";
@@ -47742,7 +47869,7 @@ function Sheet({ ...props2 }) {
 function SheetTrigger({
   ...props2
 }) {
-  return /* @__PURE__ */ jsx(Trigger$6, { "data-slot": "sheet-trigger", ...props2 });
+  return /* @__PURE__ */ jsx(Trigger$5, { "data-slot": "sheet-trigger", ...props2 });
 }
 function SheetClose({
   ...props2
@@ -47752,7 +47879,7 @@ function SheetClose({
 function SheetPortal({
   ...props2
 }) {
-  return /* @__PURE__ */ jsx(Portal$4, { "data-slot": "sheet-portal", ...props2 });
+  return /* @__PURE__ */ jsx(Portal$3, { "data-slot": "sheet-portal", ...props2 });
 }
 function SheetOverlay({
   className,
@@ -58455,7 +58582,7 @@ var N = '[cmdk-group=""]', Y$1 = '[cmdk-group-items=""]', be = '[cmdk-group-head
   }, []), React.createElement(Primitive.div, { ref: composeRefs$2(d, o2), ...c2, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": p2, "aria-label": u2, id: b2.listId }, B(r2, (m2) => React.createElement("div", { ref: composeRefs$2(f, b2.listInnerRef), "cmdk-list-sizer": "" }, m2)));
 }), xe = React.forwardRef((r2, o2) => {
   let { open: n2, onOpenChange: u2, overlayClassName: c2, contentClassName: d, container: f, ...p2 } = r2;
-  return React.createElement(Root$7, { open: n2, onOpenChange: u2 }, React.createElement(Portal$4, { container: f }, React.createElement(Overlay$1, { "cmdk-overlay": "", className: c2 }), React.createElement(Content$2, { "aria-label": r2.label, "cmdk-dialog": "", className: d }, React.createElement(me, { ref: o2, ...p2 }))));
+  return React.createElement(Root$7, { open: n2, onOpenChange: u2 }, React.createElement(Portal$3, { container: f }, React.createElement(Overlay$1, { "cmdk-overlay": "", className: c2 }), React.createElement(Content$2, { "aria-label": r2.label, "cmdk-dialog": "", className: d }, React.createElement(me, { ref: o2, ...p2 }))));
 }), Ie = React.forwardRef((r2, o2) => P((u2) => u2.filtered.count === 0) ? React.createElement(Primitive.div, { ref: o2, ...r2, "cmdk-empty": "", role: "presentation" }) : null), Pe = React.forwardRef((r2, o2) => {
   let { progress: n2, children: u2, label: c2 = "Loading...", ...d } = r2;
   return React.createElement(Primitive.div, { ref: o2, ...d, "cmdk-loading": "", role: "progressbar", "aria-valuenow": n2, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": c2 }, B(r2, (f) => React.createElement("div", { "aria-hidden": true }, f)));
@@ -60605,7 +60732,7 @@ Handle.displayName = "Drawer.Handle";
 function Portal$1(props2) {
   const context = useDrawerContext();
   const { container = context.container, ...portalProps } = props2;
-  return /* @__PURE__ */ React__default.createElement(Portal$4, {
+  return /* @__PURE__ */ React__default.createElement(Portal$3, {
     container,
     ...portalProps
   });
@@ -60614,7 +60741,7 @@ const Drawer$1 = {
   Root: Root$3,
   Content: Content$1,
   Overlay,
-  Trigger: Trigger$6,
+  Trigger: Trigger$5,
   Portal: Portal$1,
   Close,
   Title,