@payfit/unity-components 2.46.13 → 2.46.14

package/dist/esm/components/form-field/TanstackFormField.d.ts

@@ -0,0 +1,49 @@
+export interface FormFieldProps extends React.PropsWithChildren {
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * The `FormField` component represents a single field in a Unity form. It provides a set of features to manage the proper accessibility of the a form field's parts, such as the label and the helper text
+ * @example
+ * ```tsx
+ * import { useTanstackUnityForm } from '@payfit/unity-components'
+ * import { z } from 'zod'
+ *
+ * const loginSchema = z.object({
+ *   email: z.string().email('Invalid email address'),
+ *   password: z.string().min(8, 'Password must be at least 8 characters'),
+ * })
+ *
+ * const MyForm = () => {
+ *   const form = useTanstackUnityForm({
+ *     validators: {
+ *       onBlur: loginSchema,
+ *     },
+ *     defaultValues: {
+ *       email: '',
+ *       password: '',
+ *     },
+ *   })
+ *
+ *   const submitForm = (values: z.infer<typeof loginSchema>) => {
+ *     console.log(values)
+ *   }
+ *
+ *   return (
+ *     <form.Form>
+ *       <form.FormField>
+ *         <form.FormLabel>Email</form.FormLabel>
+ *         <form.FormHelperText>Enter your primary email address</form.FormHelperText>
+ *         <form.Input type="email"/>
+ *         <form.FormFeedbackText/>
+ *       </form.FormField>
+ *    </Form>
+ *   )
+ * }
+ * ```
+ * @note Use this component directly from the `useUnityForm` hook to have type-safety and proper state management.
+ */
+export declare function TanstackFormField({ children, className }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TanstackFormField {
+    var displayName: string;
+}

package/dist/esm/components/form-field/TanstackFormField.js

@@ -0,0 +1,46 @@
+import { jsx as f } from "react/jsx-runtime";
+import { useId as I, useRef as k, useState as u, useLayoutEffect as _, useMemo as T } from "react";
+import { uyTv as F } from "@payfit/unity-themes";
+import { useFieldContext as $ } from "../../hooks/tanstack-form-context.js";
+import { FieldA11yContext as b } from "./TanstackFormField.context.js";
+const h = F({
+  base: ["uy:group/field", "uy:flex uy:flex-col uy:gap-100"]
+});
+function v({ children: l, className: c }) {
+  const m = I(), r = k(null), o = $(), n = o.form.formId || m, a = o.name.replace(/[^\w-]/g, "-"), [i, p] = u(!1), [s, x] = u(!1);
+  _(() => {
+    const e = r.current;
+    if (!e) return;
+    const t = e.querySelector(
+      '[data-unity-slot="form-field-helper-text"]'
+    ), y = e.querySelector(
+      '[data-unity-slot="form-field-contextual-link"]'
+    );
+    p(!!t), x(!!y);
+  }, [l]);
+  const d = T(() => {
+    const e = `form-${n}-field-${a}`, t = {
+      fieldGroupId: e,
+      labelId: `${e}__label`,
+      inputId: `${e}__input`,
+      feedbackTextId: `${e}__feedback-text`
+    };
+    return i && (t.helperTextId = `${e}__helper-text`), s && (t.contextualLinkId = `${e}__contextual-link`), t;
+  }, [n, a, i, s]);
+  return /* @__PURE__ */ f(b.Provider, { value: d, children: /* @__PURE__ */ f(
+    "div",
+    {
+      ref: r,
+      id: d.fieldGroupId,
+      role: "group",
+      className: h({ className: c }),
+      "data-unity-slot": "form-field",
+      "data-invalid": !o.state.meta.isValid,
+      children: l
+    }
+  ) });
+}
+v.displayName = "TanstackFormField";
+export {
+  v as TanstackFormField
+};

package/dist/esm/components/form-field/parts/FormControl.d.ts

@@ -0,0 +1,32 @@
+import { Slot } from '@radix-ui/react-slot';
+export type FormControlProps = React.ComponentProps<typeof Slot>;
+/**
+ * FormControl is a wrapper component that connects input components to form state within a FormField.
+ * It handles accessibility concerns like proper ARIA attributes and focus states.
+ *
+ * This component is required when building custom form fields - it must wrap the actual input element
+ * to connect it properly to the form state.
+ * @example
+ * ```tsx
+ * import { FormControl, FormField, Input } from '@payfit/unity-components'
+ *
+ * function MyFormField() {
+ *   return (
+ *     <FormField name="email">
+ *       <FormControl>
+ *         <Input />
+ *       </FormControl>
+ *     </FormField>
+ *   )
+ * }
+ * ```
+ * @remarks
+ * [API & Docs](https://unity-components.payfit.io/?path=/docs/forms-formfield-formcontrol--docs)
+ * @deprecated React Hook Form components are deprecated. Use the TanStack Form version instead.
+ * @see Storybook docs: https://unity-components.payfit.io/?path=/docs/forms-introduction-to-unity-forms--docs
+ */
+declare function FormControl({ ...props }: FormControlProps): import("react/jsx-runtime").JSX.Element;
+declare namespace FormControl {
+    var displayName: string;
+}
+export { FormControl };

package/dist/esm/components/form-field/parts/FormControl.js

@@ -0,0 +1,54 @@
+import { jsx as I } from "react/jsx-runtime";
+import { useMemo as g } from "react";
+import { Slot as x } from "@radix-ui/react-slot";
+import { mergeProps as C } from "react-aria/mergeProps";
+import { useFormContext as D, useController as F } from "react-hook-form";
+import { useFormField as L } from "../FormField.context.js";
+function R({ ...s }) {
+  const {
+    name: t,
+    hasHelperText: r,
+    hasContextualLink: l,
+    fieldState: o,
+    formLabelId: n,
+    formItemId: m,
+    formDescriptionId: e,
+    formMessageId: a,
+    formContextualLinkId: f
+  } = L(), { control: p } = D(), {
+    field: { ref: c, ...b },
+    fieldState: { invalid: u, error: d }
+  } = F({ name: t, control: p }), y = g(() => [
+    d ? a : void 0,
+    r ? e : void 0
+  ].filter(Boolean).join(" "), [d, r, e, a]), i = {
+    isInvalid: u,
+    isDisabled: o.isDisabled,
+    isLoading: o.isLoading,
+    isReadOnly: o.isReadOnly
+  }, v = C(s, i, b);
+  return /* @__PURE__ */ I(
+    x,
+    {
+      ...v,
+      ref: c,
+      "data-slot": "form-control",
+      id: m,
+      "aria-labelledby": n,
+      "aria-describedby": y,
+      "aria-details": l ? f : void 0,
+      "aria-invalid": i.isInvalid,
+      "data-invalid": i.isInvalid,
+      "aria-disabled": i.isDisabled,
+      "data-disabled": i.isDisabled,
+      "aria-readonly": i.isReadOnly,
+      "data-readonly": i.isReadOnly,
+      "aria-required": o.isRequired,
+      "aria-busy": i.isLoading
+    }
+  );
+}
+R.displayName = "FormControl";
+export {
+  R as FormControl
+};

package/dist/esm/components/form-field/parts/FormFeedbackText.d.ts

@@ -0,0 +1,9 @@
+/**
+ * FormErrorText is a component that displays error text for a form field.
+ * @deprecated React Hook Form components are deprecated. Use the TanStack Form version instead.
+ * @see Storybook docs: https://unity-components.payfit.io/?path=/docs/forms-introduction-to-unity-forms--docs
+ */
+declare const FormFeedbackText: import('react').ForwardRefExoticComponent<{
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLParagraphElement>>;
+export { FormFeedbackText };

package/dist/esm/components/form-field/parts/FormFeedbackText.js

@@ -0,0 +1,26 @@
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { useFormContext as f, useController as p } from "react-hook-form";
+import { Text as u } from "../../text/Text.js";
+import { useFormField as y } from "../FormField.context.js";
+const x = c(
+  ({ children: e, ...n }, a) => {
+    const { name: m, formMessageId: s } = y(), d = f(), o = p({ name: m, control: d.control }), t = o.fieldState.error, i = o.fieldState.invalid, r = t ? String(t.message) : e;
+    return !i || !r ? null : /* @__PURE__ */ l(
+      u,
+      {
+        ...n,
+        id: s,
+        ref: a,
+        "data-unity-slot": "form-feedback-text",
+        className: "uy:typography-body-small-strong uy:text-content-form-invalid",
+        "data-dd-privacy": "allow",
+        children: r
+      }
+    );
+  }
+);
+x.displayName = "FormFeedbackText";
+export {
+  x as FormFeedbackText
+};

package/dist/esm/components/form-field/parts/FormHelperText.d.ts

@@ -0,0 +1,9 @@
+/**
+ * FormHelperText is a component that displays helper text for a form field.
+ * @deprecated React Hook Form components are deprecated. Use the TanStack Form version instead.
+ * @see Storybook docs: https://unity-components.payfit.io/?path=/docs/forms-introduction-to-unity-forms--docs
+ */
+declare const FormHelperText: import('react').ForwardRefExoticComponent<{
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>>;
+export { FormHelperText };

package/dist/esm/components/form-field/parts/FormHelperText.js

@@ -0,0 +1,26 @@
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { Text as m } from "../../text/Text.js";
+import { useFormField as i } from "../FormField.context.js";
+const p = l(
+  ({ children: r, ...o }, t) => {
+    const { formDescriptionId: e } = i();
+    return /* @__PURE__ */ a(
+      m,
+      {
+        ...o,
+        id: e,
+        "data-unity-slot": "helper-text",
+        variant: "bodySmall",
+        color: "content.neutral.low",
+        ref: t,
+        "data-dd-privacy": "allow",
+        children: r
+      }
+    );
+  }
+);
+p.displayName = "HelperText";
+export {
+  p as FormHelperText
+};

package/dist/esm/components/form-field/parts/FormLabel.d.ts

@@ -0,0 +1,10 @@
+import { LabelProps } from '../../label/Label.js';
+export type FormLabelProps = Omit<LabelProps, 'isRequired'>;
+/**
+ * FormLabel is a component that displays a label for a form field.
+ * It is used to provide context for the form field.
+ * @deprecated React Hook Form components are deprecated. Use the TanStack Form version instead.
+ * @see Storybook docs: https://unity-components.payfit.io/?path=/docs/forms-introduction-to-unity-forms--docs
+ */
+declare const FormLabel: import('react').ForwardRefExoticComponent<FormLabelProps & import('react').RefAttributes<HTMLLabelElement>>;
+export { FormLabel };

package/dist/esm/components/form-field/parts/FormLabel.js

@@ -0,0 +1,30 @@
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { Label as f } from "../../label/Label.js";
+import { useFormField as s } from "../FormField.context.js";
+const n = l(
+  ({ children: e, ...r }, o) => {
+    const { requiredVariant: m } = r, {
+      formLabelId: t,
+      formItemId: a,
+      fieldState: { isRequired: i }
+    } = s();
+    return /* @__PURE__ */ d(
+      f,
+      {
+        ref: o,
+        id: t,
+        isRequired: i,
+        requiredVariant: m,
+        htmlFor: a,
+        className: "uy:leading-[1]!",
+        ...r,
+        children: e
+      }
+    );
+  }
+);
+n.displayName = "Label";
+export {
+  n as FormLabel
+};

package/dist/esm/components/form-field/parts/RawFormContextualLink.d.ts

@@ -0,0 +1,22 @@
+import { PropsWithChildren } from 'react';
+interface FormContextualLinkProps {
+    /**
+     * The href of the contextual link
+     */
+    href: string;
+    onPress?: never;
+}
+interface FormContextualLinkActionProps {
+    /**
+     * A function to open a contextual panel
+     */
+    onPress: () => void;
+    href?: never;
+}
+/**
+ * FormContextualLink is a component that displays a contextual link for a form field.
+ * @deprecated React Hook Form components are deprecated. Use the TanStack Form version instead.
+ * @see Storybook docs: https://unity-components.payfit.io/?path=/docs/forms-introduction-to-unity-forms--docs
+ */
+declare const RawFormContextualLink: import('react').ForwardRefExoticComponent<PropsWithChildren<FormContextualLinkProps | FormContextualLinkActionProps> & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { RawFormContextualLink };

package/dist/esm/components/form-field/parts/RawFormContextualLink.js

@@ -0,0 +1,39 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { Button as m } from "react-aria-components/Button";
+import { RawLink as s } from "../../link/RawLink.js";
+import { useFormField as u } from "../FormField.context.js";
+const c = d((l, o) => {
+  const { children: t, href: a, onPress: e, ...r } = l, { formContextualLinkId: n } = u();
+  return a ? /* @__PURE__ */ i(
+    s,
+    {
+      id: n,
+      size: "small",
+      color: "secondary",
+      variant: "standalone",
+      "data-unity-slot": "contextual-link",
+      href: a,
+      ref: o,
+      "data-dd-privacy": "allow",
+      ...r,
+      children: t
+    }
+  ) : /* @__PURE__ */ i(
+    m,
+    {
+      id: n,
+      onPress: e,
+      "data-unity-slot": "contextual-link",
+      className: "uy:typography-body-small uy:w-fit",
+      ref: o,
+      "data-dd-privacy": "allow",
+      ...r,
+      children: t
+    }
+  );
+});
+c.displayName = "RawFormContextualLink";
+export {
+  c as RawFormContextualLink
+};

package/dist/esm/components/form-field/parts/TanstackFormFeedbackText.d.ts

@@ -0,0 +1,12 @@
+import { TextProps } from '../../text/Text.js';
+export type TanstackFormFeedbackTextProps = Omit<TextProps, 'variant' | 'color' | 'className'>;
+/**
+ * `TanstackFormFeedbackText` renders the first validation message for the
+ * current TanStack form field when the field is invalid
+ *
+ * Behavior:
+ * - Returns `null` when the field is valid or has no errors.
+ * - When invalid, renders the first error message.
+ */
+declare const TanstackFormFeedbackText: import('react').ForwardRefExoticComponent<TanstackFormFeedbackTextProps & import('react').RefAttributes<HTMLSpanElement>>;
+export { TanstackFormFeedbackText };

package/dist/esm/components/form-field/parts/TanstackFormFeedbackText.js

@@ -0,0 +1,32 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { useSelector as l } from "@tanstack/react-store";
+import { useFieldContext as c } from "../../../hooks/tanstack-form-context.js";
+import { Text as f } from "../../text/Text.js";
+import { useFieldA11yContext as u } from "../TanstackFormField.context.js";
+const p = s((r, t) => {
+  const a = c(), i = u(), { errors: e, invalid: d, isTouched: m } = l(a.store, (o) => ({
+    errors: o.meta.errors,
+    invalid: !o.meta.isValid,
+    isTouched: o.meta.isTouched
+  }));
+  return !m || !d || e.length === 0 ? null : /* @__PURE__ */ n(
+    f,
+    {
+      "data-dd-privacy": "allow",
+      ...r,
+      ref: t,
+      id: i.feedbackTextId || r.id,
+      role: "alert",
+      "data-unity-slot": "form-feedback-text",
+      variant: "bodySmallStrong",
+      color: "content.form.invalid",
+      asElement: "span",
+      children: typeof e[0] == "object" && "message" in e[0] ? e[0].message : e[0]
+    }
+  );
+});
+p.displayName = "TanstackFormFeedbackText";
+export {
+  p as TanstackFormFeedbackText
+};

package/dist/esm/components/form-field/parts/TanstackFormHelperText.d.ts

@@ -0,0 +1,11 @@
+import { TextProps } from '../../text/Text.js';
+export type TanstackFormHelperTextProps = Omit<TextProps, 'variant' | 'color' | 'className'>;
+/**
+ * `TanstackFormHelperText` displays non-blocking helper text for the current
+ * TanStack form field.
+ *
+ * Usage:
+ * - Place directly under an input/textarea within a `<form.AppField name="…">`.
+ */
+declare const TanstackFormHelperText: import('react').ForwardRefExoticComponent<TanstackFormHelperTextProps & import('react').RefAttributes<HTMLSpanElement>>;
+export { TanstackFormHelperText };

package/dist/esm/components/form-field/parts/TanstackFormHelperText.js

@@ -0,0 +1,26 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { Text as n } from "../../text/Text.js";
+import { useFieldA11yContext as m } from "../TanstackFormField.context.js";
+const d = l(({ children: e, ...t }, a) => {
+  const r = m();
+  return /* @__PURE__ */ o(
+    n,
+    {
+      "data-dd-privacy": "allow",
+      ...t,
+      id: r.helperTextId || t.id,
+      "data-unity-slot": "form-field-helper-text",
+      variant: "bodySmall",
+      asElement: "span",
+      color: "content.neutral.low",
+      className: "uy:[&>a]:text-content-neutral-enabled",
+      ref: a,
+      children: e
+    }
+  );
+});
+d.displayName = "TanstackFormHelperText";
+export {
+  d as TanstackFormHelperText
+};

package/dist/esm/components/form-field/parts/TanstackFormLabel.d.ts

@@ -0,0 +1,8 @@
+import { LabelProps } from '../../label/Label.js';
+export type FormLabelProps = LabelProps;
+/**
+ * `TanstackFormLabel` renders the label for the current TanStack form field.
+ * It is used to provide context for the form field.
+ */
+declare const TanstackFormLabel: import('react').ForwardRefExoticComponent<LabelProps & import('react').RefAttributes<HTMLLabelElement>>;
+export { TanstackFormLabel };

package/dist/esm/components/form-field/parts/TanstackFormLabel.js

@@ -0,0 +1,26 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { Label as n } from "../../label/Label.js";
+import { useFieldA11yContext as d } from "../TanstackFormField.context.js";
+const s = l(
+  ({ children: e, isRequired: o, ...r }, t) => {
+    const { requiredVariant: m } = r, a = d();
+    return /* @__PURE__ */ i(
+      n,
+      {
+        ref: t,
+        htmlFor: a.inputId,
+        id: a.labelId,
+        isRequired: o,
+        requiredVariant: m,
+        className: "uy:leading-[1]!",
+        ...r,
+        children: e
+      }
+    );
+  }
+);
+s.displayName = "Label";
+export {
+  s as TanstackFormLabel
+};

package/dist/esm/components/form-field/parts/TanstackRawFormContextualLink.d.ts

@@ -0,0 +1,26 @@
+import { PropsWithChildren } from 'react';
+import { ButtonProps } from 'react-aria-components/Button';
+import { RawLinkProps } from '../../link/RawLink.js';
+export interface FormContextualLinkProps extends RawLinkProps {
+    /**
+     * The href of the contextual link
+     */
+    href: string;
+    onPress?: never;
+}
+export interface FormContextualLinkActionProps extends ButtonProps {
+    /**
+     * A function to open a contextual panel
+     */
+    onPress: () => void;
+    href?: never;
+}
+export type TanstackRawFormContextualLinkProps = PropsWithChildren<FormContextualLinkProps | FormContextualLinkActionProps>;
+/**
+ * `TanstackRawFormContextualLink` renders a contextual action associated with the
+ * current TanStack form field. It can render either:
+ * - an anchor (`RawLink`) when `href` is provided; or
+ * - a button (from `react-aria-components`) when `onPress` is provided.
+ */
+declare const TanstackRawFormContextualLink: import('react').ForwardRefExoticComponent<TanstackRawFormContextualLinkProps & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { TanstackRawFormContextualLink };

package/dist/esm/components/form-field/parts/TanstackRawFormContextualLink.js

@@ -0,0 +1,46 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { useUnityTheme as c } from "@payfit/unity-themes";
+import { Button as u } from "react-aria-components/Button";
+import { RawLink as y } from "../../link/RawLink.js";
+import { useFieldA11yContext as f } from "../TanstackFormField.context.js";
+const k = s((t, a) => {
+  const { children: o, href: n, onPress: l, ...r } = t, i = f(), { theme: d } = c(), m = d === "rebrand" ? "primary" : "secondary";
+  return n ? (
+    // @ts-expect-error - it's okay in this case
+    /* @__PURE__ */ e(
+      y,
+      {
+        id: i.contextualLinkId || t.id,
+        size: "small",
+        color: m,
+        variant: "standalone",
+        "data-unity-slot": "form-field-contextual-link",
+        href: n,
+        ref: a,
+        "data-dd-privacy": "allow",
+        ...r,
+        children: o
+      }
+    )
+  ) : (
+    // @ts-expect-error - it's okay in this case
+    /* @__PURE__ */ e(
+      u,
+      {
+        id: i.contextualLinkId || t.id,
+        onPress: l,
+        "data-unity-slot": "contextual-link",
+        className: "uy:typography-body-small uy:w-fit",
+        ref: a,
+        "data-dd-privacy": "allow",
+        ...r,
+        children: o
+      }
+    )
+  );
+});
+k.displayName = "TanstackRawFormContextualLink";
+export {
+  k as TanstackRawFormContextualLink
+};

package/dist/esm/components/form-field/utils/isFieldRequired.d.ts

@@ -0,0 +1,8 @@
+import { StandardSchema } from '../../../types/schema.js';
+/**
+ * Determines if a field is required based on its path in a schema
+ * @param schema - The schema adapter object
+ * @param fieldPath - The path to the field (e.g., "preferences.marketing")
+ * @returns true if the field is required, false if optional or not found
+ */
+export declare function isFieldRequired(schema: StandardSchema | null | undefined, fieldPath: string): boolean;

package/dist/esm/components/form-field/utils/isFieldRequired.js

@@ -0,0 +1,8 @@
+function l(e, t) {
+  if (!e) return !1;
+  const i = e.getField(t);
+  return i ? !i.isOptional : !1;
+}
+export {
+  l as isFieldRequired
+};

package/dist/esm/components/full-page-loader/FullPageLoader.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export declare const fullPageLoader: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:w-full uy:h-screen uy:flex uy:place-items-center uy:justify-center", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:w-full uy:h-screen uy:flex uy:place-items-center uy:justify-center", unknown, unknown, undefined>>;
+export type FullPageLoaderProps = {
+    label?: ReactNode;
+};
+/**
+ * The `FullPageLoader` component should used to inform the user that the entire page content is loading
+ */
+declare const FullPageLoader: {
+    ({ label }: FullPageLoaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { FullPageLoader };

package/dist/esm/components/full-page-loader/FullPageLoader.js

@@ -0,0 +1,35 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { uyTv as o } from "@payfit/unity-themes";
+import { useId as s } from "react-aria/useId";
+import { FormattedMessage as t } from "react-intl";
+import { Spinner as i } from "../spinner/Spinner.js";
+const n = o({
+  // add the component styles
+  base: "uy:w-full uy:h-screen uy:flex uy:place-items-center uy:justify-center"
+}), u = ({ label: a }) => {
+  const r = s();
+  return /* @__PURE__ */ l(
+    "main",
+    {
+      id: r,
+      className: n(),
+      "aria-busy": "true",
+      "data-dd-privacy": "allow",
+      children: [
+        /* @__PURE__ */ e("h1", { className: "uy:sr-only", children: a ?? /* @__PURE__ */ e(
+          t,
+          {
+            id: "unity:component:full-page-loader:label",
+            defaultMessage: "Content is loading..."
+          }
+        ) }),
+        /* @__PURE__ */ e(i, { label: "", size: "medium", role: "presentation" })
+      ]
+    }
+  );
+};
+u.displayName = "FullPageLoader";
+export {
+  u as FullPageLoader,
+  n as fullPageLoader
+};

package/dist/esm/components/funnel-layout/FunnelLayout.context.d.ts

@@ -0,0 +1,18 @@
+import { PropsWithChildren } from 'react';
+interface FunnelLayoutContextValue {
+    ids: {
+        topbarId: string;
+        asideId: string;
+        mainContentId: string;
+        funnelTitleId: string;
+        funnelDescriptionId: string;
+        funnelStatusId: string;
+        footerId: string;
+    };
+}
+export declare const useFunnelLayoutContext: () => FunnelLayoutContextValue;
+interface FunnelLayoutProviderProps extends PropsWithChildren {
+    ids: FunnelLayoutContextValue['ids'];
+}
+export declare const FunnelLayoutProvider: ({ children, ids, }: FunnelLayoutProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};