formanitor 0.0.35 → 0.0.36

package/dist/index.cjs

@@ -5348,6 +5348,40 @@ var DiagnosisTextareaWidget = ({ fieldId }) => {
     showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-500", children: error })
   ] });
 };
+var Switch = React15__namespace.forwardRef(
+  ({ className, checked, onCheckedChange, disabled, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        role: "switch",
+        "aria-checked": checked,
+        "data-state": checked ? "checked" : "unchecked",
+        disabled,
+        ref,
+        onClick: () => {
+          if (!disabled && onCheckedChange) {
+            onCheckedChange(!checked);
+          }
+        },
+        className: cn(
+          "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "data-state": checked ? "checked" : "unchecked",
+            className: "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform",
+            style: { transform: checked ? "translateX(1rem)" : "translateX(0)" }
+          }
+        )
+      }
+    );
+  }
+);
+Switch.displayName = "Switch";
 var DEFAULT_DRAFT = {
   gpal: { G: 0, P: 0, A: 0, L: 0 },
   lmp: "",
@@ -7921,6 +7955,26 @@ function renderWidget(fieldId, fieldDef) {
       return /* @__PURE__ */ jsxRuntime.jsx(OphthalDiagnosisWidget, { fieldId });
     case "orthopedic_exam":
       return /* @__PURE__ */ jsxRuntime.jsx(OrthopedicExamWidget, { fieldId });
+    case "toggle": {
+      const { value, setValue, setTouched, disabled } = useField(fieldId);
+      const store = useFormStore();
+      const excludes = fieldDef.excludes ?? [];
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Switch,
+          {
+            checked: value === true,
+            disabled,
+            onCheckedChange: (checked) => {
+              setValue(checked);
+              setTouched();
+              if (checked) excludes.forEach((id) => store.setValue(id, false));
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "text-sm font-medium leading-none cursor-pointer select-none", children: fieldDef.label })
+      ] });
+    }
     case "static_text": {
       const def = fieldDef;
       const size = def.size ?? "regular";
@@ -8614,6 +8668,13 @@ var ReadOnlyFieldRenderer = ({ fieldDef, value }) => {
       return /* @__PURE__ */ jsxRuntime.jsx(ReadOnlyReferral, { fieldDef, value });
     case "discharge_medication_orders":
       return /* @__PURE__ */ jsxRuntime.jsx(ReadOnlyDischargeMedicationOrders, { fieldDef, value });
+    case "toggle": {
+      const isOn = value === true;
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: fieldDef.label }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium ${isOn ? "bg-green-100 text-green-800" : "bg-gray-100 text-gray-600"}`, children: isOn ? "Yes" : "No" })
+      ] });
+    }
     case "static_text": {
       const def = fieldDef;
       const size = def.size ?? "regular";