@payfit/unity-components 1.1.1-beta.1 → 2.0.0

package/dist/esm/components/task-menu/parts/TaskGroup.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { DataAttributes } from '../../../types/DataAttributes.js';
-import { SubTaskProps } from './SubTask.js';
-import { TaskProps } from './Task.js';
+import { SubTaskProps } from './RawSubTask.js';
+import { TaskProps } from './RawTask.js';
 export interface TaskGroupProps extends Omit<TaskProps, 'href' | 'isExact' | 'isCurrent' | 'onPress' | 'isSelected'>, DataAttributes {
     /**
      * The subtasks that belong to this task group. Can be a single SubTask or an array of SubTask components.
@@ -19,9 +19,9 @@ export interface TaskGroupProps extends Omit<TaskProps, 'href' | 'isExact' | 'is
  *   taskNumber={1}
  *   taskStatus="uncompleted"
  * >
- *   <SubTask uniqueId="profile" label="Complete Profile" href="/profile" />
- *   <SubTask uniqueId="documents" label="Upload Documents" href="/documents" />
- *   <SubTask uniqueId="training" label="Complete Training" href="/training" />
+ *   <RawSubTask uniqueId="profile" label="Complete Profile" href="/profile" />
+ *   <RawSubTask uniqueId="documents" label="Upload Documents" href="/documents" />
+ *   <RawSubTask uniqueId="training" label="Complete Training" href="/training" />
  * </TaskGroup>
  * ```
  * @see {@link TaskGroupProps} for all available props

package/dist/esm/components/task-menu/parts/TaskGroup.js

@@ -1,11 +1,11 @@
-import { jsxs as c, jsx as n } from "react/jsx-runtime";
-import { forwardRef as j, Children as d, isValidElement as u, cloneElement as A } from "react";
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { forwardRef as j, Children as i, isValidElement as u, cloneElement as A } from "react";
 import { uyTv as V } from "@payfit/unity-themes";
 import { useId as $ } from "react-aria";
 import { Button as B } from "react-aria-components";
 import { useIntl as D } from "react-intl";
 import { Icon as F } from "../../icon/Icon.js";
-import { Text as g } from "../../text/Text.js";
+import { Text as f } from "../../text/Text.js";
 import { useTaskMenuContext as H } from "../TaskMenu.context.js";
 import { commonTask as O } from "./task.variants.js";
 const P = V({
@@ -71,56 +71,56 @@ const P = V({
       }
     }
   ]
-}), R = (e, t) => e ? d.toArray(t).some(
-  (r) => u(r) && r.props.uniqueId === e
-) : !1, U = (e) => e ? d.toArray(e).find(
+}), R = (e, t) => e ? i.toArray(t).some(
+  (s) => u(s) && s.props.uniqueId === e
+) : !1, U = (e) => e ? i.toArray(e).find(
   (t) => u(t) && t.props.taskStatus !== "completed" && t.props.taskStatus !== "locked"
 ) : null, J = j(
   ({
     children: e,
     label: t,
-    taskNumber: r,
-    taskStatus: p = "uncompleted",
-    uniqueId: y,
-    ...S
-  }, h) => {
-    const { currentTask: l, setCurrentTask: i, toggleTaskGroup: m, expandedTaskGroup: k } = H(), b = $(), T = D(), a = k === y, N = (o) => {
-      if (m == null || m(y), !o) {
-        const x = U(e);
-        if (u(x)) {
-          const { uniqueId: M, label: W } = x.props;
-          i == null || i({ uniqueId: M, label: W });
+    taskNumber: s,
+    taskStatus: m = "uncompleted",
+    uniqueId: c,
+    ...g
+  }, k) => {
+    const { currentTask: v, setCurrentTask: x, toggleTaskGroup: S, expandedTaskGroup: h } = H(), d = $(), T = D(), a = h === c, N = (n) => {
+      if (S?.(c), !n) {
+        const b = U(e);
+        if (u(b)) {
+          const { uniqueId: M, label: W } = b.props;
+          x?.({ uniqueId: M, label: W });
         }
       }
-    }, I = d.map(e, (o) => u(o) ? A(o, { isDisabled: !a }) : o), f = `${b}-toggle`, v = `${b}-content`, s = R(
-      l == null ? void 0 : l.uniqueId,
+    }, I = i.map(e, (n) => u(n) ? A(n, { isDisabled: !a }) : n), p = `${d}-toggle`, y = `${d}-content`, o = R(
+      v?.uniqueId,
       e
-    ), { base: w, number: E, text: z, bar: q, element: C, containerSubTasks: G } = P({
-      taskStatus: p,
-      hasSelectedSubTask: s,
+    ), { base: w, number: C, text: E, bar: G, element: z, containerSubTasks: q } = P({
+      taskStatus: m,
+      hasSelectedSubTask: o,
       expanded: a
     });
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ l(
       "li",
       {
-        ref: h,
+        ref: k,
         "data-group": "true",
-        "data-active-group": s,
+        "data-active-group": o,
         className: w(),
         children: [
-          /* @__PURE__ */ c(
+          /* @__PURE__ */ l(
             B,
             {
-              id: f,
-              className: C(),
+              id: p,
+              className: z(),
               onPress: () => {
                 N(a);
               },
               "aria-expanded": a,
-              "aria-controls": v,
-              ...S,
+              "aria-controls": y,
+              ...g,
               children: [
-                /* @__PURE__ */ n("div", { className: E(), children: p === "completed" ? /* @__PURE__ */ n(
+                /* @__PURE__ */ r("div", { className: C(), children: m === "completed" ? /* @__PURE__ */ r(
                   F,
                   {
                     size: 24,
@@ -130,39 +130,39 @@ const P = V({
                       defaultMessage: "Completed"
                     })
                   }
-                ) : /* @__PURE__ */ n(
-                  g,
+                ) : /* @__PURE__ */ r(
+                  f,
                   {
                     asElement: "span",
-                    variant: s ? "bodyStrong" : "body",
+                    variant: o ? "bodyStrong" : "body",
                     className: "uy:leading-[1]",
-                    children: r
+                    children: s
                   }
                 ) }),
-                /* @__PURE__ */ n(
-                  g,
+                /* @__PURE__ */ r(
+                  f,
                   {
                     asElement: "span",
-                    className: z(),
-                    variant: s ? "bodyStrong" : "body",
+                    className: E(),
+                    variant: o ? "bodyStrong" : "body",
                     children: t
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ c("div", { style: { maxHeight: a ? 1e3 : 0 }, children: [
-            /* @__PURE__ */ n(
+          /* @__PURE__ */ l("div", { style: { maxHeight: a ? 1e3 : 0 }, children: [
+            /* @__PURE__ */ r(
               "ol",
               {
-                id: v,
-                "aria-labelledby": f,
+                id: y,
+                "aria-labelledby": p,
                 "aria-hidden": !a,
-                className: G(),
+                className: q(),
                 children: I
               }
             ),
-            /* @__PURE__ */ n("div", { role: "presentation", className: q() })
+            /* @__PURE__ */ r("div", { role: "presentation", className: G() })
           ] })
         ]
       }

package/dist/esm/components/text/Text.js

@@ -1,7 +1,7 @@
-import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { text as h } from "./Text.variants.js";
-const y = {
+import { jsx as h } from "react/jsx-runtime";
+import { forwardRef as y, useMemo as c } from "react";
+import { text as g } from "./Text.variants.js";
+const b = {
   inherit: "span",
   h1: "h1",
   h2: "h2",
@@ -21,38 +21,41 @@ const y = {
   actionLarge: "span",
   actionSmall: "span",
   actionInfo: "span"
-}, g = c(
+}, x = y(
   ({
-    children: e,
+    children: l,
     variant: o,
-    color: n,
-    isTruncated: a,
-    lineClamp: t,
-    asElement: s,
-    className: r,
-    ...l
+    color: t,
+    isTruncated: e,
+    lineClamp: s,
+    asElement: m,
+    className: n,
+    ...r
   }, i) => {
-    const m = h({
-      variant: o,
-      color: n,
-      isTruncated: a,
-      isLineClamped: t !== void 0,
-      className: r
-    }), p = y[o ?? "inherit"];
-    return /* @__PURE__ */ d(
-      s ?? p,
+    const a = s !== void 0, p = c(
+      () => g({
+        variant: o,
+        color: t,
+        isTruncated: e,
+        isLineClamped: a,
+        className: n
+      }),
+      [n, t, a, e, o]
+    ), d = b[o ?? "inherit"];
+    return /* @__PURE__ */ h(
+      m ?? d,
       {
         "data-dd-privacy": "mask",
-        ...l,
+        ...r,
         ref: i,
-        className: m,
-        style: { "--uy-text-line-clamp": t },
-        children: e
+        className: p,
+        style: { "--uy-text-line-clamp": s },
+        children: l
       }
     );
   }
 );
-g.displayName = "Text";
+x.displayName = "Text";
 export {
-  g as Text
+  x as Text
 };

package/dist/esm/components/text-area/TextArea.js

@@ -1,15 +1,15 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { forwardRef as v } from "react";
-import { uyTv as w } from "@payfit/unity-themes";
-import { TextArea as M } from "react-aria-components";
-import { useIntl as z } from "react-intl";
-import { useResizable as L } from "../../hooks/use-resizable.js";
-import { Icon as D } from "../icon/Icon.js";
-import { Spinner as N } from "../spinner/Spinner.js";
-const W = w({
+import { forwardRef as x } from "react";
+import { uyTv as h } from "@payfit/unity-themes";
+import { TextArea as v } from "react-aria-components";
+import { useIntl as w } from "react-intl";
+import { useResizable as M } from "../../hooks/use-resizable.js";
+import { Icon as z } from "../icon/Icon.js";
+import { Spinner as L } from "../spinner/Spinner.js";
+const D = h({
   slots: {
-    base: "uy:flex uy:border uy:border-solid uy:rounded-100 uy:focus-within:outline-none uy:focus-within:ring-2 uy:focus-within:ring-utility-focus-ring uy:focus-within:ring-offset-2 uy:active:border-border-form-active uy:overflow-hidden uy:relative",
-    inputWrapper: "uy:flex uy:gap-50 uy:flex-grow uy:pt-100 uy:pb-100 uy:pl-150 uy:pr-150 uy:rounded-100",
+    base: "uy:flex uy:border uy:border-solid uy:rounded-75 uy:focus-within:outline-none uy:focus-within:ring-2 uy:focus-within:ring-utility-focus-ring uy:focus-within:ring-offset-2 uy:active:border-border-form-active uy:overflow-hidden uy:relative",
+    inputWrapper: "uy:flex uy:gap-50 uy:flex-grow uy:pt-100 uy:pb-100 uy:pl-150 uy:pr-150 uy:rounded-75",
     input: "uy:flex-grow uy:flex-shrink uy:outline-none uy:typography-body uy:placeholder:text-content-neutral-lowest uy:resize-none",
     state: "uy:flex uy:gap-50 uy:flex-shrink-0 uy:basis-250",
     resizeHandle: "uy:absolute uy:bottom-25 uy:right-25 uy:w-100 uy:h-100 uy:cursor-se-resize uy:flex uy:items-center uy:justify-center"
@@ -56,38 +56,38 @@ const W = w({
     isDisabled: !1,
     isReadOnly: !1
   }
-}), k = v(
+}), N = x(
   ({
     isInvalid: n,
     isLoading: s,
     isDisabled: a,
     isReadOnly: r,
     isResizable: i = !1,
-    ...y
-  }, b) => {
-    const o = z(), { containerRef: l, handleResizeStart: m } = L({
+    ...d
+  }, f) => {
+    const o = w(), { containerRef: l, handleResizeStart: y } = M({
       isDisabled: !i || a || r
-    }), { base: c, inputWrapper: p, input: g, state: x, resizeHandle: h } = W({
+    }), { base: b, inputWrapper: m, input: c, state: p, resizeHandle: g } = D({
       isInvalid: n,
       isDisabled: a,
       isReadOnly: r
     });
-    return /* @__PURE__ */ t("div", { ref: l, className: c(), children: [
-      /* @__PURE__ */ t("div", { className: p(), children: [
+    return /* @__PURE__ */ t("div", { ref: l, className: b(), children: [
+      /* @__PURE__ */ t("div", { className: m(), children: [
         /* @__PURE__ */ e(
-          M,
+          v,
           {
             "data-dd-privacy": "mask",
-            ...y,
-            ref: b,
-            className: g(),
+            ...d,
+            ref: f,
+            className: c(),
             "aria-busy": s,
             readOnly: r
           }
         ),
-        /* @__PURE__ */ t("div", { className: x(), children: [
+        /* @__PURE__ */ t("div", { className: p(), children: [
           s && /* @__PURE__ */ e(
-            N,
+            L,
             {
               color: "inherit",
               size: "small",
@@ -98,7 +98,7 @@ const W = w({
             }
           ),
           n && /* @__PURE__ */ e(
-            D,
+            z,
             {
               src: "WarningCircleOutlined",
               color: "content.form.invalid",
@@ -113,8 +113,8 @@ const W = w({
       i && !a && !r && /* @__PURE__ */ e(
         "div",
         {
-          className: h(),
-          onMouseDown: m,
+          className: g(),
+          onMouseDown: y,
           role: "button",
           tabIndex: 0,
           "aria-label": o.formatMessage({
@@ -122,8 +122,7 @@ const W = w({
             defaultMessage: "Resize textarea"
           }),
           onKeyDown: (u) => {
-            var d, f;
-            (u.key === "Enter" || u.key === " ") && (u.preventDefault(), (f = (d = l.current) == null ? void 0 : d.querySelector("textarea")) == null || f.focus());
+            (u.key === "Enter" || u.key === " ") && (u.preventDefault(), l.current?.querySelector("textarea")?.focus());
           },
           children: /* @__PURE__ */ t(
             "svg",
@@ -156,8 +155,8 @@ const W = w({
     ] });
   }
 );
-k.displayName = "TextArea";
+N.displayName = "TextArea";
 export {
-  k as TextArea,
-  W as textArea
+  N as TextArea,
+  D as textArea
 };

package/dist/esm/components/text-field/TextField.d.ts

@@ -1,6 +1,6 @@
+import { StandardSchemaV1 } from '@standard-schema/spec';
 import { ForwardedRef, HTMLAttributes, JSX, ReactNode } from 'react';
 import { FieldPath, FieldValues } from 'react-hook-form';
-import { infer as ZodInfer } from 'zod';
 import { Schema } from '../../hooks/use-form.types.js';
 import { InputProps } from '../input/Input.js';
 import { LabelProps } from '../label/Label.js';
@@ -30,7 +30,7 @@ interface TextFieldWithTextAreaProps<TFieldValues extends FieldValues = FieldVal
     type?: never;
 }
 export type TextFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = TextFieldWithInputProps<TFieldValues, TName> | TextFieldWithTextAreaProps<TFieldValues, TName>;
-type TextFieldComponent = (<TSchema extends Schema>(props: TextFieldProps<ZodInfer<TSchema>> & {
+type TextFieldComponent = (<TSchema extends Schema>(props: TextFieldProps<StandardSchemaV1.InferOutput<TSchema>> & {
     ref?: ForwardedRef<HTMLInputElement | HTMLTextAreaElement>;
 }) => JSX.Element) & {
     displayName?: string;

package/dist/esm/components/toggle-switch-field/ToggleSwitchField.d.ts

@@ -1,6 +1,6 @@
+import { StandardSchemaV1 } from '@standard-schema/spec';
 import { ForwardedRef, JSX } from 'react';
 import { FieldPath, FieldValues } from 'react-hook-form';
-import { infer as ZodInfer } from 'zod';
 import { Schema } from '../../hooks/use-form.types.js';
 interface FieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
     /** The name of the field, which should match the form schema. */
@@ -23,7 +23,7 @@ interface FieldProps<TFieldValues extends FieldValues = FieldValues, TName exten
     isLabelSrOnly?: boolean;
 }
 export type ToggleSwitchFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FieldProps<TFieldValues, TName>;
-type ToggleSwitchFieldComponent = (<TSchema extends Schema>(props: ToggleSwitchFieldProps<ZodInfer<TSchema>> & {
+type ToggleSwitchFieldComponent = (<TSchema extends Schema>(props: ToggleSwitchFieldProps<StandardSchemaV1.InferOutput<TSchema>> & {
     ref?: ForwardedRef<HTMLLabelElement>;
 }) => JSX.Element) & {
     displayName?: string;

package/dist/esm/components/toggle-switch-field/ToggleSwitchField.js

@@ -49,7 +49,10 @@ function y({
   );
 }
 const j = u(function(r, e) {
-  return y(r, e);
+  return y(
+    r,
+    e
+  );
 });
 j.displayName = "ToggleSwitchField";
 export {

package/dist/esm/components/toggle-switch-group/ToggleSwitchGroup.js

@@ -1,99 +1,99 @@
-import { jsxs as A, jsx as d } from "react/jsx-runtime";
-import { forwardRef as B, useState as H, useId as J, useRef as K, useCallback as Q, isValidElement as V, cloneElement as N, Children as U } from "react";
-import { uyTv as W } from "@payfit/unity-themes";
-import { Label as X } from "../label/Label.js";
-import { Text as R } from "../text/Text.js";
-const Y = W({
+import { jsxs as k, jsx as t } from "react/jsx-runtime";
+import { forwardRef as q, useState as z, useId as A, useRef as H, useCallback as J, isValidElement as B, cloneElement as w, Children as K } from "react";
+import { uyTv as Q } from "@payfit/unity-themes";
+import { Label as U } from "../label/Label.js";
+import { Text as j } from "../text/Text.js";
+const W = Q({
   base: "uy:flex uy:flex-col uy:gap-50"
 });
-function Z(n) {
-  if (!V(n)) return !1;
-  const r = n.props;
-  return typeof r == "object" && r !== null && "value" in r && typeof r.value == "string";
+function X(i) {
+  if (!B(i)) return !1;
+  const o = i.props;
+  return typeof o == "object" && o !== null && "value" in o && typeof o.value == "string";
 }
-const _ = B(
+const Y = q(
   ({
-    label: n,
-    helperText: r,
-    feedbackText: l,
-    isDisabled: b,
-    isReadOnly: G,
-    isInvalid: c,
-    isRequired: S,
-    children: I,
-    requiredVariant: h,
-    value: g,
-    defaultValue: M,
-    onChange: a,
-    onFocus: u,
-    onBlur: p,
-    onFocusChange: t,
-    ...O
-  }, $) => {
-    const f = g !== void 0, [x, D] = H(
-      M ?? []
-    ), s = f ? g : x, w = J(), j = r ? `${w}-helper` : void 0, y = c && l ? `${w}-feedback` : void 0, L = [j, y].filter(Boolean).join(" ") || void 0, E = K(!1), P = (e) => {
-      E.current = !0, u == null || u(e), t == null || t(!0);
-    }, k = (e) => {
-      E.current = !1, p == null || p(e), t == null || t(!1);
-    }, q = Q(
+    label: i,
+    helperText: o,
+    feedbackText: r,
+    isDisabled: f,
+    isReadOnly: E,
+    isInvalid: a,
+    isRequired: y,
+    children: N,
+    requiredVariant: R,
+    value: m,
+    defaultValue: V,
+    onChange: g,
+    onFocus: C,
+    onBlur: G,
+    onFocusChange: h,
+    ...I
+  }, F) => {
+    const c = m !== void 0, [M, O] = z(
+      V ?? []
+    ), n = c ? m : M, v = A(), b = o ? `${v}-helper` : void 0, d = a && r ? `${v}-feedback` : void 0, $ = [b, d].filter(Boolean).join(" ") || void 0, S = H(!1), x = (e) => {
+      S.current = !0, C?.(e), h?.(!0);
+    }, D = (e) => {
+      S.current = !1, G?.(e), h?.(!1);
+    }, L = J(
       (e) => {
-        let i;
-        s.includes(e) ? i = s.filter((o) => o !== e) : i = [...s, e], f || D(i), a == null || a(i);
+        let l;
+        n.includes(e) ? l = n.filter((s) => s !== e) : l = [...n, e], c || O(l), g?.(l);
       },
-      [s, f, a]
-    ), z = () => U.map(I, (e, i) => {
-      if (!Z(e)) return e;
-      const o = e, m = o.props, v = m.value;
-      return N(o, {
-        key: o.key ?? i,
-        isSelected: s.includes(v),
-        isDisabled: b ?? m.isDisabled,
-        isReadOnly: G ?? m.isReadOnly,
-        value: v,
+      [n, c, g]
+    ), P = () => K.map(N, (e, l) => {
+      if (!X(e)) return e;
+      const s = e, u = s.props, p = u.value;
+      return w(s, {
+        key: s.key ?? l,
+        isSelected: n.includes(p),
+        isDisabled: f ?? u.isDisabled,
+        isReadOnly: E ?? u.isReadOnly,
+        value: p,
         onChange: () => {
-          q(v);
+          L(p);
         }
       });
     });
-    return /* @__PURE__ */ A(
+    return /* @__PURE__ */ k(
       "fieldset",
       {
-        ...O,
-        ref: $,
-        className: Y(),
-        "aria-describedby": L,
-        "aria-invalid": c || void 0,
-        "aria-required": S || void 0,
-        disabled: b,
-        onFocus: P,
-        onBlur: k,
+        ...I,
+        ref: F,
+        className: W(),
+        "aria-describedby": $,
+        "aria-invalid": a || void 0,
+        "aria-required": y || void 0,
+        disabled: f,
+        onFocus: x,
+        onBlur: D,
         children: [
-          /* @__PURE__ */ d("legend", { className: "uy:mb-50", children: /* @__PURE__ */ d(X, { isRequired: S, requiredVariant: h, children: n }) }),
-          r && /* @__PURE__ */ d(
-            R,
+          /* @__PURE__ */ t("legend", { className: "uy:mb-50", children: /* @__PURE__ */ t(U, { isRequired: y, requiredVariant: R, children: i }) }),
+          o && /* @__PURE__ */ t(
+            j,
             {
-              id: j,
+              id: b,
               variant: "bodySmall",
               color: "content.neutral.low",
               slot: "description",
-              children: r
+              children: o
             }
           ),
-          /* @__PURE__ */ d("div", { className: "uy:mt-100 uy:flex uy:flex-col uy:gap-150 uy:py-25", children: z() }),
-          c && l && (typeof l == "string" ? /* @__PURE__ */ d(
-            R,
+          /* @__PURE__ */ t("div", { className: "uy:mt-100 uy:flex uy:flex-col uy:gap-150 uy:py-25", children: P() }),
+          a && r && (typeof r == "string" ? /* @__PURE__ */ t(
+            j,
             {
-              id: y,
+              id: d,
               variant: "bodySmallStrong",
               color: "content.form.invalid",
               slot: "errorMessage",
-              children: l
+              children: r
             }
-          ) : V(l) && N(
-            l,
+          ) : B(r) && w(
+            r,
             {
-              id: y,
+              id: d,
               slot: "errorMessage"
             }
           ))
@@ -102,8 +102,8 @@ const _ = B(
     );
   }
 );
-_.displayName = "ToggleSwitchGroup";
+Y.displayName = "ToggleSwitchGroup";
 export {
-  _ as ToggleSwitchGroup,
-  Y as toggleSwitchGroup
+  Y as ToggleSwitchGroup,
+  W as toggleSwitchGroup
 };

package/dist/esm/components/toggle-switch-group-field/ToggleSwitchGroupField.d.ts

@@ -1,6 +1,6 @@
+import { StandardSchemaV1 } from '@standard-schema/spec';
 import { ForwardedRef, JSX, PropsWithChildren, ReactNode } from 'react';
 import { FieldPath, FieldValues } from 'react-hook-form';
-import { infer as ZodInfer } from 'zod';
 import { Schema } from '../../hooks/use-form.types.js';
 import { LabelProps } from '../label/Label.js';
 import { ToggleSwitchGroupProps } from '../toggle-switch-group/ToggleSwitchGroup.js';
@@ -33,7 +33,7 @@ interface FieldProps<TFieldValues extends FieldValues = FieldValues, TName exten
     onFocusChange?: (isFocused: boolean) => void;
 }
 export type ToggleSwitchGroupFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FieldProps<TFieldValues, TName>;
-type ToggleSwitchGroupFieldComponent = (<TSchema extends Schema>(props: ToggleSwitchGroupFieldProps<ZodInfer<TSchema>> & {
+type ToggleSwitchGroupFieldComponent = (<TSchema extends Schema>(props: ToggleSwitchGroupFieldProps<StandardSchemaV1.InferOutput<TSchema>> & {
     ref?: ForwardedRef<HTMLFieldSetElement>;
 }) => JSX.Element) & {
     displayName?: string;