@payfit/unity-components 0.0.0-alpha.11 → 0.0.0-alpha.6

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

@@ -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-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').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-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').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, }: PropsWithChildren<UnityToastProps>): JSX.Element;
+    displayName: string;
+};
+export { UnityToast };

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

@@ -0,0 +1,90 @@
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { isValidElement as n, Fragment as i, Children as c } from "react";
+import { useIntl as y } from "react-intl";
+import { tv as m } from "tailwind-variants";
+import { IconButton as d } from "../icon-button/IconButton.mjs";
+import { Icon as f } from "../icon/Icon.mjs";
+import { ToastTitle as p } from "./parts/ToastTitle.mjs";
+import { ToastProvider as g } from "./Toast.context.mjs";
+const b = m({
+  base: "sm:uy-w-[416px] uy-border 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"
+    }
+  }
+}), x = (e) => {
+  const s = n(e) && e.type === i ? e.props.children : e;
+  if (c.toArray(s).filter(
+    (o) => n(o) && o.type === p
+  ).length !== 1)
+    throw new Error("UnityToast must have one ToastTitle component");
+}, T = ({
+  children: e,
+  onClose: s,
+  variant: t,
+  inline: o = !0
+}) => {
+  const a = y();
+  x(e);
+  const u = b({ variant: t });
+  return /* @__PURE__ */ r(g, { inline: o, children: /* @__PURE__ */ l(
+    "div",
+    {
+      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-border-neutral uy-self-stretch"
+          }
+        ),
+        /* @__PURE__ */ r(
+          d,
+          {
+            icon: "CloseOutlined",
+            iconRole: "presentation",
+            label: a.formatMessage({
+              id: "unity:component:toast:close:label",
+              defaultMessage: "Close"
+            }),
+            variant: "ghost",
+            color: "neutral",
+            onClick: s
+          }
+        )
+      ]
+    }
+  ) });
+};
+T.displayName = "UnityToast";
+export {
+  T as UnityToast
+};

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

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

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

@@ -0,0 +1,12 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Button as i } from "../../button/Button.mjs";
+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.mts

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

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

@@ -0,0 +1,11 @@
+import { jsx as n } from "react/jsx-runtime";
+import { Text as r } from "../../text/Text.mjs";
+import { useToastContext as e } from "../Toast.context.mjs";
+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.mts

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

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

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Text as a } from "../../text/Text.mjs";
+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.mts

@@ -0,0 +1,43 @@
+import { ReactNode } from 'react';
+import { ToastActionProps } from './parts/ToastAction.mjs';
+import { UnityToastProps } from './UnityToast.mjs';
+interface Base {
+    title: ReactNode;
+    content?: ReactNode;
+}
+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, }: SuccessParams | ErrorParams | SuccessParamsWithAction | ErrorParamsWithAction): string;
+export { toast };

package/dist/esm/components/toast/toast.mjs

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

package/dist/esm/components/tooltip/Tooltip.d.mts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+interface TooltipProps {
+    title: string;
+    children: ReactElement;
+}
+declare function Tooltip({ title, children }: TooltipProps): JSX.Element;
+export default Tooltip;

package/dist/esm/components/tooltip/Tooltip.mjs

@@ -0,0 +1,26 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { Button as p, Link as y, TooltipTrigger as a, Tooltip as r } from "react-aria-components";
+import { Actionable as u } from "../actionable/Actionable.mjs";
+import { Button as i } from "../button/Button.mjs";
+import { Link as l } from "../link/Link.mjs";
+const s = (o) => o.type === i || o.type === p;
+function x({ title: o, children: t }) {
+  if (t.type !== i && t.type !== p && t.type !== l && t.type !== y && t.type !== u)
+    throw new Error(
+      "The tooltip can be applied only to Button and Link components, if you want to use it with something else, be sure to wrap it with a Actionable component"
+    );
+  return /* @__PURE__ */ n(a, { delay: 500, closeDelay: 1500, children: [
+    t,
+    /* @__PURE__ */ e(
+      r,
+      {
+        offset: s(t) ? 4 : 8,
+        className: "uy-inline-flex uy-rounded-50 uy-pl-100 uy-pr-100 uy-pt-50 uy-pb-50 uy-bg-grayscale-L12 uy-max-w-[300px]",
+        children: /* @__PURE__ */ e("p", { className: "uy-typography-body-small uy-text-content-inverted uy-overflow-hidden uy-text-ellipsis uy-line-clamp-3", children: o })
+      }
+    )
+  ] });
+}
+export {
+  x as default
+};

package/dist/esm/docs/blocks/Cards.d.mts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+type CardProps = React.PropsWithChildren<unknown>;
+export declare const Card: React.FC<CardProps>;
+export declare const CardWithCover: React.FC<CardProps & {
+    coverSrc: string;
+    coverAlt: string;
+}>;
+export declare const CardHeader: React.FC;
+export declare const CardTitle: React.FC;
+export declare const CardContent: React.FC;
+export declare const CardActions: React.FC;
+export declare const Link: React.FC<React.ComponentProps<"a">>;
+type CardGridProps = {
+    children: React.ReactNode;
+    cols?: number;
+};
+export declare const CardGrid: React.FC<CardGridProps>;
+export {};

package/dist/esm/hooks/use-breakpoint-listener.mjs

@@ -0,0 +1,14 @@
+import { useMediaQuery as r } from "./use-media-query.mjs";
+const o = (e) => {
+  const t = getComputedStyle(document.documentElement).getPropertyValue(
+    `--uy-screens-${e}`
+  );
+  return parseInt(t.replace("px", ""), 10);
+}, n = (e) => `(min-width: ${o(e)}px)`;
+function c() {
+  const e = r(n("xl")), t = r(n("lg")), s = r(n("md")), u = r(n("sm"));
+  return e ? "xl" : t ? "lg" : s ? "md" : u ? "sm" : "xs";
+}
+export {
+  c as useBreakpointListener
+};

package/dist/esm/hooks/use-form.d.mts

@@ -0,0 +1,48 @@
+import { JSX } from 'react';
+import { UseFormProps as UseHookFormProps, UseFormReturn as UseHookFormReturn } from 'react-hook-form';
+import { infer as ZodInfer } from 'zod';
+import { FormFieldProps } from '../components/form-field/FormField.mjs';
+import { FormProps } from '../components/form/Form.mjs';
+import { Schema } from './use-form.types.mjs';
+export type UseUnityFormReturn<TSchema extends Schema> = {
+    methods: UseHookFormReturn<ZodInfer<TSchema>>;
+    Form: (props: Omit<FormProps<TSchema>, 'form' | 'schema'>) => JSX.Element;
+    FormField: (props: Omit<FormFieldProps<ZodInfer<TSchema>>, 'control'>) => JSX.Element;
+};
+/**
+ * A hook to create `Form` and `FormField` components that are bound to a specific schema definition and form controller. The resulting components will have full type-safety based on the provided schema type.
+ * @param schema {ZodObject} a Zod schema definition to validate the form data
+ * @param options {UseHookFormProps} the options to pass to the `react-hook-form` hook. See the [official documentation](https://react-hook-form.com/api/useform) for more details.
+ * @returns an object containing the bounded  `Form` and `FormField` components, as well as the form controller methods {@link UseUnityFormReturn}
+ * @example
+ * ```tsx
+ * import { useUnityForm } from '@payfit/unity-components'
+ * import * as z from 'zod'
+ *
+ * const schema = z.object({
+ *  foo: z.string().min(3),
+ *  bar: z.string().optional(),
+ * })
+ *
+ * function DemoForm() {
+ *   const { Form, FormField } = useUnityForm(schema, {
+ *     defaultValues: { foo: 'Hello world', bar: '' },
+ *   })
+ *
+ *   return (
+ *    <Form action={() => ...}>
+ *      <FormField name="foo" type="text">
+ *        // ...
+ *      </FormField>
+ *      // Type Error: "baz" is not assignable to "foo" | "bar".
+ *      <FormBield name="baz" type="text">
+ *        // ...
+ *      </FormField>
+ *    </Form>
+ *   )
+ * }
+ * ```
+ * @remarks
+ * [API]() • [Demo]()
+ */
+export declare function useUnityForm<TSchema extends Schema>(schema: TSchema, options?: Omit<UseHookFormProps<ZodInfer<TSchema>>, 'resolver'>): UseUnityFormReturn<TSchema>;

package/dist/esm/hooks/use-media-query.mjs

@@ -0,0 +1,19 @@
+import { useMemo as o, useState as c, useCallback as u, useLayoutEffect as d } from "react";
+import { isBrowser as m, isTestEnvironment as M } from "../utils/platform.mjs";
+const f = (t) => m() && !M() ? window.matchMedia(t) : null, s = (t) => t.matches;
+function v(t, r = !1) {
+  const e = o(() => f(t), [t]), [a, i] = c(
+    e ? s(e) : r
+  ), n = u(() => {
+    e && i(s(e));
+  }, [e]);
+  return d(() => {
+    if (e)
+      return e.addEventListener("change", n), () => {
+        e.removeEventListener("change", n);
+      };
+  }), a;
+}
+export {
+  v as useMediaQuery
+};

package/dist/esm/index.d.mts

@@ -0,0 +1,55 @@
+export * from './components/actionable/Actionable.mjs';
+export * from './components/alert/Alert.mjs';
+export * from './components/alert/parts/AlertActions.mjs';
+export * from './components/alert/parts/AlertContent.mjs';
+export * from './components/alert/parts/AlertTitle.mjs';
+export * from './components/anchor/Anchor.mjs';
+export * from './components/app-layout/AppLayout.mjs';
+export * from './components/avatar/Avatar.mjs';
+export * from './components/avatar/parts/AvatarFallback.mjs';
+export * from './components/avatar/parts/AvatarImage.mjs';
+export * from './components/avatar/parts/AvatarPair.mjs';
+export * from './components/badge/Badge.mjs';
+export * from './components/breadcrumbs/Breadcrumbs.mjs';
+export * from './components/breadcrumbs/parts/Breadcrumb.mjs';
+export * from './components/button/Button.mjs';
+export * from './components/dialog/Dialog.mjs';
+export * from './components/dialog/parts/DialogActions.mjs';
+export * from './components/dialog/parts/DialogContent.mjs';
+export * from './components/dialog/parts/DialogTitle.mjs';
+export * from './components/flex/Flex.mjs';
+export * from './components/flex/Flex.variants.mjs';
+export * from './components/flex/FlexItem.mjs';
+export * from './components/form/Form.mjs';
+export * from './components/grid/Grid.mjs';
+export * from './components/grid/Grid.variants.mjs';
+export * from './components/grid/GridItem.mjs';
+export * from './components/icon/Icon.mjs';
+export * from './components/icon-button/IconButton.mjs';
+export * from './components/link/Link.mjs';
+export * from './components/menu/Menu.mjs';
+export * from './components/menu/parts/MenuContent.mjs';
+export * from './components/menu/parts/MenuHeader.mjs';
+export * from './components/menu/parts/MenuItem.mjs';
+export * from './components/menu/parts/MenuSeparator.mjs';
+export * from './components/menu/parts/MenuTrigger.mjs';
+export * from './components/nav/Nav.mjs';
+export * from './components/nav/parts/NavGroup.mjs';
+export * from './components/nav/parts/NavItem.mjs';
+export * from './components/payfit-brand/PayFitBrand.mjs';
+export * from './components/payfit-brand/PayFitPreprod.mjs';
+export * from './components/pill/Pill.mjs';
+export * from './components/progress-bar/ProgressBar.mjs';
+export * from './components/spinner/Spinner.mjs';
+export * from './components/tabs/Tabs.mjs';
+export * from './components/tabs/parts/Tab.mjs';
+export * from './components/tabs/parts/TabList.mjs';
+export * from './components/tabs/parts/TabPanel.mjs';
+export * from './components/text/Text.mjs';
+export * from './components/text/Text.variants.mjs';
+export * from './components/toast/toast.mjs';
+export * from './components/toast/ToastManager.mjs';
+export * from './hooks/use-breakpoint-listener.mjs';
+export * from './hooks/use-media-query.mjs';
+export * from './providers/router/RouterProvider.mjs';
+export * from './providers/router/integrations/UnityReactRouterV5Provider.mjs';

package/dist/esm/index.mjs

@@ -0,0 +1,121 @@
+import { Actionable as e } from "./components/actionable/Actionable.mjs";
+import { Alert as m } from "./components/alert/Alert.mjs";
+import { AlertActions as x } from "./components/alert/parts/AlertActions.mjs";
+import { AlertContent as a } from "./components/alert/parts/AlertContent.mjs";
+import { AlertTitle as i } from "./components/alert/parts/AlertTitle.mjs";
+import { Anchor as u } from "./components/anchor/Anchor.mjs";
+import { AppLayout as d } from "./components/app-layout/AppLayout.mjs";
+import { Avatar as A } from "./components/avatar/Avatar.mjs";
+import { AvatarFallback as I } from "./components/avatar/parts/AvatarFallback.mjs";
+import { AvatarImage as v } from "./components/avatar/parts/AvatarImage.mjs";
+import { AvatarPair as P } from "./components/avatar/parts/AvatarPair.mjs";
+import { Badge as M } from "./components/badge/Badge.mjs";
+import { Breadcrumbs as k } from "./components/breadcrumbs/Breadcrumbs.mjs";
+import { Breadcrumb as D } from "./components/breadcrumbs/parts/Breadcrumb.mjs";
+import { Button as C } from "./components/button/Button.mjs";
+import { Dialog as L } from "./components/dialog/Dialog.mjs";
+import { DialogActions as R } from "./components/dialog/parts/DialogActions.mjs";
+import { DialogContent as h } from "./components/dialog/parts/DialogContent.mjs";
+import { DialogTitle as Q } from "./components/dialog/parts/DialogTitle.mjs";
+import { Flex as V, Stack as _ } from "./components/flex/Flex.mjs";
+import { flex as q, flexItem as w } from "./components/flex/Flex.variants.mjs";
+import { FlexItem as E, StackItem as J } from "./components/flex/FlexItem.mjs";
+import { Form as W } from "./components/form/Form.mjs";
+import { Grid as Y } from "./components/grid/Grid.mjs";
+import { grid as $, gridItem as rr } from "./components/grid/Grid.variants.mjs";
+import { GridItem as er } from "./components/grid/GridItem.mjs";
+import { Icon as mr } from "./components/icon/Icon.mjs";
+import { IconButton as xr } from "./components/icon-button/IconButton.mjs";
+import { Link as ar } from "./components/link/Link.mjs";
+import { Menu as ir } from "./components/menu/Menu.mjs";
+import { MenuContent as ur } from "./components/menu/parts/MenuContent.mjs";
+import { MenuHeader as dr } from "./components/menu/parts/MenuHeader.mjs";
+import { MenuItem as Ar } from "./components/menu/parts/MenuItem.mjs";
+import { MenuSeparator as Ir } from "./components/menu/parts/MenuSeparator.mjs";
+import { MenuTrigger as vr } from "./components/menu/parts/MenuTrigger.mjs";
+import { Nav as Pr } from "./components/nav/Nav.mjs";
+import { NavGroup as Mr } from "./components/nav/parts/NavGroup.mjs";
+import { NavItem as kr, navItemBase as yr } from "./components/nav/parts/NavItem.mjs";
+import { PayFitBrand as Sr } from "./components/payfit-brand/PayFitBrand.mjs";
+import { PayFitBrandPreprod as Gr } from "./components/payfit-brand/PayFitPreprod.mjs";
+import { Pill as Nr } from "./components/pill/Pill.mjs";
+import { ProgressBar as Or } from "./components/progress-bar/ProgressBar.mjs";
+import { Spinner as Hr } from "./components/spinner/Spinner.mjs";
+import { Tabs as Ur } from "./components/tabs/Tabs.mjs";
+import { Tab as _r } from "./components/tabs/parts/Tab.mjs";
+import { TabList as qr } from "./components/tabs/parts/TabList.mjs";
+import { TabPanel as zr } from "./components/tabs/parts/TabPanel.mjs";
+import { Text as Jr } from "./components/text/Text.mjs";
+import { text as Wr } from "./components/text/Text.variants.mjs";
+import { toast as Yr } from "./components/toast/toast.mjs";
+import { TOAST_CONFIG as $r, ToastManager as ro } from "./components/toast/ToastManager.mjs";
+import { useBreakpointListener as eo } from "./hooks/use-breakpoint-listener.mjs";
+import { useMediaQuery as mo } from "./hooks/use-media-query.mjs";
+import { RouterProvider as xo, useRouter as fo } from "./providers/router/RouterProvider.mjs";
+import { UnityReactRouterV5Provider as no } from "./providers/router/integrations/UnityReactRouterV5Provider.mjs";
+import { DialogTrigger as lo } from "react-aria-components";
+export {
+  e as Actionable,
+  m as Alert,
+  x as AlertActions,
+  a as AlertContent,
+  i as AlertTitle,
+  u as Anchor,
+  d as AppLayout,
+  A as Avatar,
+  I as AvatarFallback,
+  v as AvatarImage,
+  P as AvatarPair,
+  M as Badge,
+  D as Breadcrumb,
+  k as Breadcrumbs,
+  C as Button,
+  L as Dialog,
+  R as DialogActions,
+  h as DialogContent,
+  Q as DialogTitle,
+  lo as DialogTrigger,
+  V as Flex,
+  E as FlexItem,
+  W as Form,
+  Y as Grid,
+  er as GridItem,
+  mr as Icon,
+  xr as IconButton,
+  ar as Link,
+  ir as Menu,
+  ur as MenuContent,
+  dr as MenuHeader,
+  Ar as MenuItem,
+  Ir as MenuSeparator,
+  vr as MenuTrigger,
+  Pr as Nav,
+  Mr as NavGroup,
+  kr as NavItem,
+  Sr as PayFitBrand,
+  Gr as PayFitBrandPreprod,
+  Nr as Pill,
+  Or as ProgressBar,
+  xo as RouterProvider,
+  Hr as Spinner,
+  _ as Stack,
+  J as StackItem,
+  $r as TOAST_CONFIG,
+  _r as Tab,
+  qr as TabList,
+  zr as TabPanel,
+  Ur as Tabs,
+  Jr as Text,
+  ro as ToastManager,
+  no as UnityReactRouterV5Provider,
+  q as flex,
+  w as flexItem,
+  $ as grid,
+  rr as gridItem,
+  yr as navItemBase,
+  Wr as text,
+  Yr as toast,
+  eo as useBreakpointListener,
+  mo as useMediaQuery,
+  fo as useRouter
+};

package/dist/esm/providers/router/RouterProvider.d.mts

@@ -0,0 +1,37 @@
+import { ComponentProps } from 'react';
+import { RouterProvider as AriaRouterProvider } from 'react-aria-components';
+export interface ExtendedRouterContextValue {
+    /**
+     * Function to determine if a route is active
+     */
+    isActive: (to: string) => boolean;
+}
+/**
+ * Hook to access the extended ARIA router context. For internal use in Unity only.
+ */
+export declare const useRouter: () => ExtendedRouterContextValue | null;
+type AriaRouterProviderProps = ComponentProps<typeof AriaRouterProvider>;
+export interface RouterProviderProps extends ComponentProps<typeof AriaRouterProvider> {
+    /**
+     * function received from a client-side routing library to perform a client-side navigation programmatically
+     */
+    navigate: AriaRouterProviderProps['navigate'];
+    /**
+     * Optional function to convert a router-specific href to a native HTML href, e.g. prepending a base path
+     */
+    useHref?: AriaRouterProviderProps['useHref'];
+    /**
+     * Function to determine if a route is active
+     */
+    isActive: (to: string) => boolean;
+}
+/**
+ * The `RouterProvider` component is a provider that allows for integrations between Unity components that render links (such as `Link`, `NavItem`, etc.) and any client-side routing library in a single or multi-page application.
+ *
+ * By default, links perform native browser navigation when they are interacted with. However, many apps and frameworks use client side routers to avoid a full page reload when navigating between pages. The `RouterProvider` component configures all Unity components that support it to navigate using the client side router you provide. Set this up once in the root of your app, and any component with the href prop will automatically navigate using your router.
+ */
+export declare function RouterProvider({ isActive, children, ...routerProps }: RouterProviderProps): JSX.Element;
+export declare namespace RouterProvider {
+    var displayName: string;
+}
+export {};