@payfit/unity-components 2.46.11 → 2.46.13

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

@@ -1,49 +0,0 @@
-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

@@ -1,46 +0,0 @@
-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

@@ -1,32 +0,0 @@
-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

@@ -1,54 +0,0 @@
-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

@@ -1,9 +0,0 @@
-/**
- * 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

@@ -1,26 +0,0 @@
-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

@@ -1,9 +0,0 @@
-/**
- * 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

@@ -1,26 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,30 +0,0 @@
-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

@@ -1,22 +0,0 @@
-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

@@ -1,39 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,32 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,26 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,26 +0,0 @@
-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

@@ -1,26 +0,0 @@
-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

@@ -1,46 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,35 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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 {};