@payfit/unity-components 0.0.0-alpha.11

package/dist/esm/components/toast/UnityToast.d.ts

@@ -0,0 +1,55 @@
+import { PropsWithChildren } from 'react';
+import { VariantProps } from 'tailwind-variants';
+declare const unityToast: import('tailwind-variants').TVReturnType<{
+    variant: {
+        success: string;
+        error: string;
+    };
+}, undefined, "sm:uy-w-[416px] uy-border uy-border-solid uy-rounded-75 uy-text-content-neutral uy-bg-surface-neutral uy-shadow-floating uy-p-100 uy-flex uy-gap-125", import('tailwind-variants/dist/config.js').TVConfig<{
+    variant: {
+        success: string;
+        error: string;
+    };
+}, {
+    variant: {
+        success: string;
+        error: string;
+    };
+}>, {
+    variant: {
+        success: string;
+        error: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        success: string;
+        error: string;
+    };
+}, undefined, "sm:uy-w-[416px] uy-border uy-border-solid uy-rounded-75 uy-text-content-neutral uy-bg-surface-neutral uy-shadow-floating uy-p-100 uy-flex uy-gap-125", import('tailwind-variants/dist/config.js').TVConfig<{
+    variant: {
+        success: string;
+        error: string;
+    };
+}, {
+    variant: {
+        success: string;
+        error: string;
+    };
+}>, unknown, unknown, undefined>>;
+export interface UnityToastProps extends Required<Pick<VariantProps<typeof unityToast>, 'variant'>> {
+    /** callback to call to close the toast*/
+    onClose: () => void;
+    /** render the toast in inline mode or not (by default true) */
+    inline?: boolean;
+}
+/**
+ * The `UnityToast` is the component which will contain a title, a content, and action
+ * - `ToastTitle`: The title of the toast
+ * - `ToastContent`(optional): The content of the toast
+ * - `ToastAction`(optional): The action on the toast
+ */
+declare const UnityToast: {
+    ({ children, onClose, variant, inline, ...rest }: PropsWithChildren<UnityToastProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { UnityToast };

package/dist/esm/components/toast/UnityToast.js

@@ -0,0 +1,93 @@
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { isValidElement as n, Fragment as c, Children as y } from "react";
+import { useIntl as m } from "react-intl";
+import { tv as d } from "tailwind-variants";
+import { IconButton as p } from "../icon-button/IconButton.js";
+import { Icon as f } from "../icon/Icon.js";
+import { ToastTitle as b } from "./parts/ToastTitle.js";
+import { ToastProvider as g } from "./Toast.context.js";
+const x = d({
+  base: "sm:uy-w-[416px] uy-border uy-border-solid uy-rounded-75 uy-text-content-neutral uy-bg-surface-neutral uy-shadow-floating uy-p-100 uy-flex uy-gap-125",
+  variants: {
+    variant: {
+      success: "uy-border-border-success",
+      error: "uy-border-border-danger"
+    }
+  }
+}), T = (e) => {
+  const s = n(e) && e.type === c ? e.props.children : e;
+  if (y.toArray(s).filter(
+    (o) => n(o) && o.type === b
+  ).length !== 1)
+    throw new Error("UnityToast must have one ToastTitle component");
+}, h = ({
+  children: e,
+  onClose: s,
+  variant: t,
+  inline: o = !0,
+  ...i
+}) => {
+  const a = m();
+  T(e);
+  const u = x({ variant: t });
+  return /* @__PURE__ */ r(g, { inline: o, children: /* @__PURE__ */ l(
+    "div",
+    {
+      "data-dd-privacy": "mask",
+      ...i,
+      tabIndex: -1,
+      role: t === "error" ? "alert" : "status",
+      "aria-atomic": "true",
+      "aria-live": t === "error" ? "assertive" : "polite",
+      className: u,
+      children: [
+        /* @__PURE__ */ l("div", { className: "uy-flex uy-flex-row uy-grow", children: [
+          /* @__PURE__ */ r(
+            f,
+            {
+              src: t === "success" ? "CheckCircleFilled" : "WarningCircleFilled",
+              color: t === "success" ? "content.success" : "content.danger",
+              className: "uy-mt-100",
+              alt: a.formatMessage({
+                id: "unity:component:toast:icon:status",
+                defaultMessage: "Status"
+              })
+            }
+          ),
+          /* @__PURE__ */ r(
+            "div",
+            {
+              className: `${o ? "uy-flex-col" : "uy-flex-row uy-justify-between"} uy-flex uy-grow uy-ml-125`,
+              children: e
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            role: "presentation",
+            className: "uy-border-l-[1px] uy-border-solid uy-border-border-neutral uy-self-stretch"
+          }
+        ),
+        /* @__PURE__ */ r(
+          p,
+          {
+            icon: "CloseOutlined",
+            iconRole: "presentation",
+            label: a.formatMessage({
+              id: "unity:component:common:close:label",
+              defaultMessage: "Close"
+            }),
+            variant: "ghost",
+            color: "neutral",
+            onClick: s
+          }
+        )
+      ]
+    }
+  ) });
+};
+h.displayName = "UnityToast";
+export {
+  h as UnityToast
+};

package/dist/esm/components/toast/parts/ToastAction.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+export interface ToastActionProps {
+    onPress: () => void;
+}
+declare function ToastAction({ children, onPress, }: PropsWithChildren<ToastActionProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace ToastAction {
+    var displayName: string;
+}
+export { ToastAction };

package/dist/esm/components/toast/parts/ToastAction.js

@@ -0,0 +1,12 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Button as i } from "../../button/Button.js";
+function a({
+  children: t,
+  onPress: r
+}) {
+  return /* @__PURE__ */ o("div", { className: "uy-self-end", children: /* @__PURE__ */ o(i, { variant: "ghost", color: "primary", onPress: r, children: t }) });
+}
+a.displayName = "ToastAction";
+export {
+  a as ToastAction
+};

package/dist/esm/components/toast/parts/ToastContent.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+declare function ToastContent({ children }: PropsWithChildren<object>): import("react/jsx-runtime").JSX.Element | null;
+declare namespace ToastContent {
+    var displayName: string;
+}
+export { ToastContent };

package/dist/esm/components/toast/parts/ToastContent.js

@@ -0,0 +1,11 @@
+import { jsx as n } from "react/jsx-runtime";
+import { Text as r } from "../../text/Text.js";
+import { useToastContext as e } from "../Toast.context.js";
+function a({ children: t }) {
+  const { inline: o } = e();
+  return o ? /* @__PURE__ */ n(r, { variant: "body", className: "uy-mb-100", children: t }) : null;
+}
+a.displayName = "ToastContent";
+export {
+  a as ToastContent
+};

package/dist/esm/components/toast/parts/ToastTitle.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+declare function ToastTitle({ children }: PropsWithChildren<object>): import("react/jsx-runtime").JSX.Element;
+declare namespace ToastTitle {
+    var displayName: string;
+}
+export { ToastTitle };

package/dist/esm/components/toast/parts/ToastTitle.js

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Text as a } from "../../text/Text.js";
+function e({ children: t }) {
+  return /* @__PURE__ */ o(a, { asElement: "h4", variant: "bodyStrong", className: "uy-mt-100", children: t });
+}
+e.displayName = "ToastTitle";
+export {
+  e as ToastTitle
+};

package/dist/esm/components/toast/toast.d.ts

@@ -0,0 +1,44 @@
+import { ReactNode } from 'react';
+import { ToastActionProps } from './parts/ToastAction.js';
+import { UnityToastProps } from './UnityToast.js';
+interface Base {
+    title: ReactNode;
+    content?: ReactNode;
+    datadogPrivacy?: 'allow' | 'mask' | 'hidden';
+}
+interface WithAction {
+    action: ReactNode;
+    actionOnPress: ToastActionProps['onPress'];
+}
+interface SuccessParams extends Base {
+    variant: Extract<UnityToastProps['variant'], 'success'>;
+    duration?: number;
+    action?: never;
+    actionOnPress?: never;
+}
+interface ErrorParams extends Base {
+    variant: Extract<UnityToastProps['variant'], 'error'>;
+    duration?: never;
+    action?: never;
+    actionOnPress?: never;
+}
+interface SuccessParamsWithAction extends Base, WithAction {
+    variant: Extract<UnityToastProps['variant'], 'success'>;
+    duration?: number;
+}
+interface ErrorParamsWithAction extends Base, WithAction {
+    variant: Extract<UnityToastProps['variant'], 'error'>;
+    duration?: never;
+}
+/**
+ * creates a toast
+ * @param prop the object which contains all the properties
+ * @param prop.title the toast title
+ * @param prop.content (optional) the content of the toast
+ * @param prop.variant the toast type
+ * @param prop.action (optional) the label of the action
+ * @param prop.actionOnPress (optional) the function to trigger when click on the action
+ * @param prop.duration (optional) to override the toast duration
+ */
+declare function toast({ title, content, variant, action, actionOnPress, duration, datadogPrivacy, }: SuccessParams | ErrorParams | SuccessParamsWithAction | ErrorParamsWithAction): string;
+export { toast };

package/dist/esm/components/toast/toast.js

@@ -0,0 +1,39 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import m from "react-hot-toast";
+import { ToastAction as p } from "./parts/ToastAction.js";
+import { ToastContent as f } from "./parts/ToastContent.js";
+import { ToastTitle as T } from "./parts/ToastTitle.js";
+import { TOAST_CONFIG as u } from "./ToastManager.js";
+import { UnityToast as c } from "./UnityToast.js";
+function k({
+  title: s,
+  content: o,
+  variant: i,
+  action: t,
+  actionOnPress: n,
+  duration: d,
+  datadogPrivacy: l = "mask"
+}) {
+  return m.custom(
+    (a) => /* @__PURE__ */ e(
+      c,
+      {
+        onClose: () => {
+          m.dismiss(a.id);
+        },
+        variant: i,
+        inline: !!o,
+        "data-dd-privacy": l,
+        children: [
+          /* @__PURE__ */ r(T, { children: s }),
+          o ? /* @__PURE__ */ r(f, { children: o }) : null,
+          t ? /* @__PURE__ */ r(p, { onPress: n, children: t }) : null
+        ]
+      }
+    ),
+    { duration: d ?? u[i].duration }
+  );
+}
+export {
+  k as toast
+};

package/dist/esm/components/toggle-switch/ToggleSwitch.d.ts

@@ -0,0 +1,111 @@
+import { SwitchProps as AriaSwitchProps } from 'react-aria-components';
+import { VariantProps } from 'tailwind-variants';
+export declare const toggleSwitch: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            indicator?: import('tailwind-merge').ClassNameValue;
+            label?: import('tailwind-merge').ClassNameValue;
+            container?: import('tailwind-merge').ClassNameValue;
+            textWrapper?: import('tailwind-merge').ClassNameValue;
+            hintText?: import('tailwind-merge').ClassNameValue;
+            knob?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            indicator?: import('tailwind-merge').ClassNameValue;
+            label?: import('tailwind-merge').ClassNameValue;
+            container?: import('tailwind-merge').ClassNameValue;
+            textWrapper?: import('tailwind-merge').ClassNameValue;
+            hintText?: import('tailwind-merge').ClassNameValue;
+            knob?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    container: string[];
+    textWrapper: string[];
+    label: string[];
+    hintText: string[];
+    indicator: string[];
+    knob: string[];
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            indicator?: import('tailwind-merge').ClassNameValue;
+            label?: import('tailwind-merge').ClassNameValue;
+            container?: import('tailwind-merge').ClassNameValue;
+            textWrapper?: import('tailwind-merge').ClassNameValue;
+            hintText?: import('tailwind-merge').ClassNameValue;
+            knob?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            indicator?: import('tailwind-merge').ClassNameValue;
+            label?: import('tailwind-merge').ClassNameValue;
+            container?: import('tailwind-merge').ClassNameValue;
+            textWrapper?: import('tailwind-merge').ClassNameValue;
+            hintText?: import('tailwind-merge').ClassNameValue;
+            knob?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    container: string[];
+    textWrapper: string[];
+    label: string[];
+    hintText: string[];
+    indicator: string[];
+    knob: string[];
+}, import('tailwind-variants').TVReturnType<unknown, {
+    container: string[];
+    textWrapper: string[];
+    label: string[];
+    hintText: string[];
+    indicator: string[];
+    knob: string[];
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            indicator?: import('tailwind-merge').ClassNameValue;
+            label?: import('tailwind-merge').ClassNameValue;
+            container?: import('tailwind-merge').ClassNameValue;
+            textWrapper?: import('tailwind-merge').ClassNameValue;
+            hintText?: import('tailwind-merge').ClassNameValue;
+            knob?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+interface ToggleSwitchProps extends Omit<AriaSwitchProps, 'children' | 'className' | 'style'>, VariantProps<typeof toggleSwitch> {
+    /** The label for the toggle switch. */
+    label: string;
+    /** Whether the label is visually hidden and accessible only to screen readers. */
+    isLabelSrOnly?: boolean;
+    /** A helper text to display below the toggle switch's label. */
+    helperText?: string;
+}
+/**
+ * The `ToggleSwitch` component provides a binary choice input that allows users to toggle between two states.c
+ * The component includes a sliding knob animation and supports various states like disabled, selected, and pressed.
+ * It can be used standalone or within a form context using the ToggleSwitchField component.
+ * @param {ToggleSwitchProps} props - Props for the ToggleSwitch component
+ * @example
+ * ```tsx
+ * import { ToggleSwitch } from '@payfit/unity-components'
+ *
+ * function Example() {
+ *   return (
+ *     <ToggleSwitch
+ *       label="Enable notifications"
+ *       helperText="Receive updates about your account"
+ *     />
+ *   )
+ * }
+ * ```
+ * @see {@link ToggleSwitchProps} for all available props
+ * @remarks
+ * [API](/?path=/docs/inputs-toggleswitch--docs) • [Demo](/?path=/story/inputs-toggleswitch--primary)
+ */
+export declare const ToggleSwitch: import('react').ForwardRefExoticComponent<ToggleSwitchProps & import('react').RefAttributes<HTMLLabelElement>>;
+export {};

package/dist/esm/components/toggle-switch/ToggleSwitch.js

@@ -0,0 +1,60 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { Switch as g } from "react-aria-components";
+import { tv as f } from "tailwind-variants";
+const m = f({
+  slots: {
+    container: ["uy-flex uy-gap-100 uy-group"],
+    textWrapper: ["uy-flex uy-flex-col uy-gap-50"],
+    label: ["uy-typography-body uy-text-content-form-enabled"],
+    hintText: ["uy-typography-body-small uy-text-content-neutral-low"],
+    indicator: [
+      "uy-p-50 uy-w-500 uy-h-300 uy-flex uy-items-center",
+      "uy-rounded-pill",
+      "uy-border uy-border-solid uy-border-border-form-disabled uy-bg-surface-form-disabled",
+      "uy-cursor-pointer uy-transition-colors uy-duration-200 uy-ease-in-out",
+      "group-data-[pressed]:uy-bg-surface-form-pressed group-data-[pressed]:uy-border-border-form-pressed",
+      'group-data-[selected="true"]:uy-bg-surface-form-active group-data-[selected="true"]:uy-border-border-form-active group-data-[selected="true"]:group-data-[pressed]:uy-bg-surface-form-active group-data-[selected="true"]:group-data-[pressed]:uy-border-border-form-active',
+      "group-data-[disabled]:uy-bg-surface-form-disabled group-data-[disabled]:uy-border-border-form-disabled group-data-[disabled]:uy-cursor-not-allowed",
+      "group-data-[focus-visible]:uy-outline-2 group-data-[focus-visible]:uy-outline group-data-[focus-visible]:uy-outline-offset-2 group-data-[focus-visible]:uy-outline-utility-focus-ring"
+    ],
+    knob: [
+      "uy-w-200 uy-h-200 uy-rounded-circle",
+      "uy-border uy-border-solid uy-border-border-form-enabled uy-bg-surface-form-enabled",
+      "uy-transition-all uy-duration-200 uy-ease-in-out",
+      "group-data-[pressed]:uy-bg-surface-form-pressed group-data-[pressed]:uy-border-border-form-pressed",
+      'group-data-[selected="true"]:uy-translate-x-[90%] group-data-[selected="true"]:uy-border-border-inverted-enabled group-data-[selected="true"]:group-data-[pressed]:uy-bg-surface-form-pressed group-data-[selected="true"]:group-data-[pressed]:uy-border-border-inverted-pressed',
+      "group-data-[disabled]:uy-bg-surface-form-disabled group-data-[disabled]:uy-border-border-form-disabled"
+    ]
+  }
+}), h = n(
+  ({
+    label: o,
+    helperText: r,
+    isLabelSrOnly: d = !1,
+    ...u
+  }, t) => {
+    const { container: s, indicator: l, knob: i, textWrapper: y, label: p, hintText: c } = m(), b = { ...u, role: "switch" };
+    return /* @__PURE__ */ a(g, { ...b, ref: t, className: s(), children: [
+      /* @__PURE__ */ e("div", { className: l(), "data-dd-privacy": "mask", children: /* @__PURE__ */ e("div", { className: i() }) }),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: y({
+            className: d ? "uy-sr-only" : ""
+          }),
+          "data-dd-privacy": "allow",
+          children: [
+            /* @__PURE__ */ e("span", { className: p(), children: o }),
+            r && /* @__PURE__ */ e("span", { className: c(), children: r })
+          ]
+        }
+      )
+    ] });
+  }
+);
+h.displayName = "ToggleSwitch";
+export {
+  h as ToggleSwitch,
+  m as toggleSwitch
+};

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

@@ -0,0 +1,73 @@
+import { ForwardedRef, 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 { LabelProps } from '../label/Label.js';
+interface FieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Pick<LabelProps, 'isRequired' | 'requiredVariant'> {
+    /** The name of the field, which should match the form schema. */
+    name: TName;
+    /** The label for the toggle switch. */
+    label: string;
+    /** Helper text to display below form field. */
+    helperText?: ReactNode;
+    /** Helper text to display below the toggle switch. */
+    switchHelperText?: string;
+    /** A contextual link to display below the toggle switch. */
+    contextualLink?: ReactNode;
+    /** The default selected value of the toggle switch. */
+    defaultSelected?: boolean;
+    /** Whether the toggle switch is disabled. */
+    isDisabled?: boolean;
+    /** Whether the toggle switch is read-only. */
+    isReadOnly?: boolean;
+    /** Whether the toggle switch is invalid. */
+    isInvalid?: boolean;
+    /** Whether the toggle switch is loading. */
+    isLoading?: boolean;
+    /** Whether the label is visually hidden and accessible only to screen readers. */
+    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>> & {
+    ref?: ForwardedRef<HTMLLabelElement>;
+}) => JSX.Element) & {
+    displayName?: string;
+};
+/**
+ * The `ToggleSwitchField` component enhances the base ToggleSwitch with form integration capabilities.
+ * It automatically integrates with Unity's form context and handles value updates through the form's state management.
+ *
+ * The component provides form validation, helper text, and error feedback while maintaining the same
+ * API as the base ToggleSwitch component. It's the recommended way to use toggle switches within forms.
+ * @param {ToggleSwitchFieldProps} props - Props for the ToggleSwitchField component
+ * @example
+ * ```tsx
+ * import { useUnityForm, ToggleSwitchField } from '@payfit/unity-components'
+ * import * as z from 'zod'
+ *
+ * function Example() {
+ *   const schema = z.object({
+ *     enableFeature: z.boolean(),
+ *   })
+ *
+ *   const { Form } = useUnityForm(schema)
+ *
+ *   return (
+ *     <Form action={handleSubmit}>
+ *       <ToggleSwitchField<typeof schema>
+ *         name="enableFeature"
+ *         label="Enable feature"
+ *         helperText="Turn this on to enable the feature."
+ *       />
+ *     </Form>
+ *   )
+ * }
+ * ```
+ * @see {@link ToggleSwitchFieldProps} for all available props
+ * @remarks
+ * [API](/?path=/docs/forms-toggleswitchfield--docs) • [Demo](/?path=/story/forms-toggleswitchfield--primary)
+ * @note The schema type parameter is needed to ensure type safety with the form's schema.
+ * If you omit it, the `name` prop will not be type-safe.
+ */
+declare const ToggleSwitchField: ToggleSwitchFieldComponent;
+export { ToggleSwitchField };

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

@@ -0,0 +1,67 @@
+import { jsxs as T, jsx as o } from "react/jsx-runtime";
+import { forwardRef as w } from "react";
+import { useFormContext as S } from "react-hook-form";
+import { FormField as y } from "../form-field/FormField.js";
+import { FormControl as j } from "../form-field/parts/FormControl.js";
+import { FormFeedbackText as C } from "../form-field/parts/FormFeedbackText.js";
+import { FormHelperText as N } from "../form-field/parts/FormHelperText.js";
+import { FormLabel as P } from "../form-field/parts/FormLabel.js";
+import { ToggleSwitch as b } from "../toggle-switch/ToggleSwitch.js";
+function k({
+  name: e,
+  label: r,
+  defaultSelected: t,
+  helperText: m,
+  switchHelperText: i,
+  contextualLink: l,
+  isRequired: c,
+  isInvalid: n,
+  isLoading: p,
+  isDisabled: f,
+  isReadOnly: s,
+  requiredVariant: d,
+  isLabelSrOnly: F,
+  ...g
+}, h) {
+  const { control: u, watch: x } = S(), a = x(e);
+  return /* @__PURE__ */ T(
+    y,
+    {
+      control: u,
+      name: e,
+      className: "uy-flex uy-flex-col uy-gap-100",
+      ...{
+        isRequired: c,
+        isInvalid: n,
+        isLoading: p,
+        isDisabled: f,
+        isReadOnly: s
+      },
+      children: [
+        /* @__PURE__ */ o(P, { requiredVariant: d, children: r }),
+        /* @__PURE__ */ o(N, { children: m }),
+        /* @__PURE__ */ o(j, { children: /* @__PURE__ */ o(
+          b,
+          {
+            ref: h,
+            defaultSelected: t,
+            isSelected: a,
+            label: r,
+            isLabelSrOnly: F,
+            helperText: i,
+            ...g
+          }
+        ) }),
+        /* @__PURE__ */ o(C, {}),
+        l
+      ]
+    }
+  );
+}
+const v = w(function(r, t) {
+  return k(r, t);
+});
+v.displayName = "ToggleSwitchField";
+export {
+  v as ToggleSwitchField
+};