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

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.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): import("react/jsx-runtime").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/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, PropsWithChildren } 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: PropsWithChildren<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` a Zod schema definition to validate the form data, {@link [Zod](https://zod.dev)}
+ * @param `options` the options to pass to the `react-hook-form` hook. See the official documentation for more details. {@link [React Hook Form](https://react-hook-form.com/api/useform)}
+ * @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".
+ *      <FormField 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-form.mjs

@@ -0,0 +1,32 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useMemo as n } from "react";
+import { zodResolver as l } from "@hookform/resolvers/zod";
+import { useForm as c } from "react-hook-form";
+import { FormField as u } from "../components/form-field/FormField.mjs";
+import { Form as s } from "../components/form/Form.mjs";
+function v(m, i = {
+  mode: "onTouched",
+  reValidateMode: "onChange"
+}) {
+  const r = c({
+    ...i,
+    resolver: l(m)
+  }), d = n(() => {
+    const o = (e) => /* @__PURE__ */ t(s, { ...e, form: r, schema: m, children: e.children });
+    return o.displayName = "FormWithSchema", o;
+  }, [r, m]), F = n(() => {
+    const o = (e) => (
+      // @ts-expect-error: REACT-18-MIGRATION
+      /* @__PURE__ */ t(u, { ...e, control: r.control, children: e.children })
+    );
+    return o.displayName = "FormFieldWithSchema", o;
+  }, [r]);
+  return {
+    methods: r,
+    Form: d,
+    FormField: F
+  };
+}
+export {
+  v as useUnityForm
+};

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,85 @@
+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/app-menu/AppMenu.mjs';
+export * from './components/app-menu/parts/AppMenuHeader.mjs';
+export * from './components/app-menu/parts/AppMenuFooter.mjs';
+export * from './components/app-menu/parts/AppMenuNavContent.mjs';
+export * from './components/app-menu/parts/AppMenu.context.mjs';
+export * from './components/avatar/Avatar.mjs';
+export * from './components/avatar/utils.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/checkbox/Checkbox.mjs';
+export * from './components/checkbox-field/CheckboxField.mjs';
+export * from './components/checkbox-group/CheckboxGroup.mjs';
+export * from './components/checkbox-group-field/CheckboxGroupField.mjs';
+export * from './components/date-picker/DatePicker.mjs';
+export * from './components/date-picker-field/DatePickerField.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/form-field/FormField.mjs';
+export * from './components/form-field/parts/FormControl.mjs';
+export * from './components/form-field/parts/FormContextualLink.mjs';
+export * from './components/form-field/parts/FormFeedbackText.mjs';
+export * from './components/form-field/parts/FormHelperText.mjs';
+export * from './components/form-field/parts/FormLabel.mjs';
+export * from './components/full-page-loader/FullPageLoader.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/input/Input.mjs';
+export * from './components/label/Label.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/select/parts/SelectButton.mjs';
+export * from './components/select/parts/SelectOption.mjs';
+export * from './components/select/parts/SelectOptionGroup.mjs';
+export * from './components/select/parts/SelectOptionHelper.mjs';
+export * from './components/select/Select.mjs';
+export * from './components/select-field/SelectField.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/text-area/TextArea.mjs';
+export * from './components/text-field/TextField.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 './hooks/use-form.mjs';
+export * from './providers/router/RouterProvider.mjs';
+export * from './providers/router/integrations/UnityReactRouterV5Provider.mjs';

package/dist/esm/index.mjs

@@ -0,0 +1,187 @@
+import { Actionable as e } from "./components/actionable/Actionable.mjs";
+import { Alert as p } from "./components/alert/Alert.mjs";
+import { AlertActions as m } 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 { AppMenu as F } from "./components/app-menu/AppMenu.mjs";
+import { AppMenuHeader as b } from "./components/app-menu/parts/AppMenuHeader.mjs";
+import { AppMenuFooter as T } from "./components/app-menu/parts/AppMenuFooter.mjs";
+import { AppMenuNavContent as M } from "./components/app-menu/parts/AppMenuNavContent.mjs";
+import { AppMenuContext as I, AppMenuContextProvider as P, useAppMenuContext as v } from "./components/app-menu/parts/AppMenu.context.mjs";
+import { Avatar as S } from "./components/avatar/Avatar.mjs";
+import { getInitials as G } from "./components/avatar/utils.mjs";
+import { AvatarFallback as D } from "./components/avatar/parts/AvatarFallback.mjs";
+import { AvatarImage as N } from "./components/avatar/parts/AvatarImage.mjs";
+import { AvatarPair as H } from "./components/avatar/parts/AvatarPair.mjs";
+import { Badge as U } from "./components/badge/Badge.mjs";
+import { Breadcrumbs as V } from "./components/breadcrumbs/Breadcrumbs.mjs";
+import { Breadcrumb as j } from "./components/breadcrumbs/parts/Breadcrumb.mjs";
+import { Button as w } from "./components/button/Button.mjs";
+import { Checkbox as E, checkbox as J } from "./components/checkbox/Checkbox.mjs";
+import { CheckboxField as W } from "./components/checkbox-field/CheckboxField.mjs";
+import { CheckboxGroup as Y, checkboxGroup as Z } from "./components/checkbox-group/CheckboxGroup.mjs";
+import { CheckboxGroupField as rr } from "./components/checkbox-group-field/CheckboxGroupField.mjs";
+import { DatePicker as er } from "./components/date-picker/DatePicker.mjs";
+import { DatePickerField as pr } from "./components/date-picker-field/DatePickerField.mjs";
+import { Dialog as mr } from "./components/dialog/Dialog.mjs";
+import { DialogActions as ar } from "./components/dialog/parts/DialogActions.mjs";
+import { DialogContent as ir } from "./components/dialog/parts/DialogContent.mjs";
+import { DialogTitle as ur } from "./components/dialog/parts/DialogTitle.mjs";
+import { Flex as dr, Stack as Ar } from "./components/flex/Flex.mjs";
+import { flex as gr, flexItem as br } from "./components/flex/Flex.variants.mjs";
+import { FlexItem as Tr, StackItem as kr } from "./components/flex/FlexItem.mjs";
+import { Form as Cr } from "./components/form/Form.mjs";
+import { FormField as Pr } from "./components/form-field/FormField.mjs";
+import { FormControl as Br } from "./components/form-field/parts/FormControl.mjs";
+import { FormContextualLink as Lr } from "./components/form-field/parts/FormContextualLink.mjs";
+import { FormFeedbackText as hr } from "./components/form-field/parts/FormFeedbackText.mjs";
+import { FormHelperText as yr } from "./components/form-field/parts/FormHelperText.mjs";
+import { FormLabel as Or } from "./components/form-field/parts/FormLabel.mjs";
+import { FullPageLoader as Rr, fullPageLoader as Ur } from "./components/full-page-loader/FullPageLoader.mjs";
+import { Grid as Vr } from "./components/grid/Grid.mjs";
+import { grid as jr, gridItem as qr } from "./components/grid/Grid.variants.mjs";
+import { GridItem as zr } from "./components/grid/GridItem.mjs";
+import { Icon as Jr } from "./components/icon/Icon.mjs";
+import { IconButton as Wr } from "./components/icon-button/IconButton.mjs";
+import { Input as Yr } from "./components/input/Input.mjs";
+import { Label as $r } from "./components/label/Label.mjs";
+import { Link as oo } from "./components/link/Link.mjs";
+import { Menu as to } from "./components/menu/Menu.mjs";
+import { MenuContent as xo } from "./components/menu/parts/MenuContent.mjs";
+import { MenuHeader as fo } from "./components/menu/parts/MenuHeader.mjs";
+import { MenuItem as no } from "./components/menu/parts/MenuItem.mjs";
+import { MenuSeparator as lo } from "./components/menu/parts/MenuSeparator.mjs";
+import { MenuTrigger as co } from "./components/menu/parts/MenuTrigger.mjs";
+import { Nav as Fo } from "./components/nav/Nav.mjs";
+import { NavGroup as bo } from "./components/nav/parts/NavGroup.mjs";
+import { NavItem as To, navItemBase as ko } from "./components/nav/parts/NavItem.mjs";
+import { PayFitBrand as Co } from "./components/payfit-brand/PayFitBrand.mjs";
+import { PayFitBrandPreprod as Po } from "./components/payfit-brand/PayFitPreprod.mjs";
+import { Pill as Bo } from "./components/pill/Pill.mjs";
+import { ProgressBar as Lo } from "./components/progress-bar/ProgressBar.mjs";
+import { SelectButton as ho } from "./components/select/parts/SelectButton.mjs";
+import { SelectOption as yo } from "./components/select/parts/SelectOption.mjs";
+import { SelectOptionGroup as Oo } from "./components/select/parts/SelectOptionGroup.mjs";
+import { SelectOptionHelper as Ro } from "./components/select/parts/SelectOptionHelper.mjs";
+import { Select as Qo } from "./components/select/Select.mjs";
+import { SelectField as _o } from "./components/select-field/SelectField.mjs";
+import { Spinner as qo } from "./components/spinner/Spinner.mjs";
+import { Tabs as zo } from "./components/tabs/Tabs.mjs";
+import { Tab as Jo } from "./components/tabs/parts/Tab.mjs";
+import { TabList as Wo } from "./components/tabs/parts/TabList.mjs";
+import { TabPanel as Yo } from "./components/tabs/parts/TabPanel.mjs";
+import { Text as $o } from "./components/text/Text.mjs";
+import { text as oe } from "./components/text/Text.variants.mjs";
+import { TextArea as te, textArea as pe } from "./components/text-area/TextArea.mjs";
+import { TextField as me } from "./components/text-field/TextField.mjs";
+import { toast as ae } from "./components/toast/toast.mjs";
+import { TOAST_CONFIG as ie, ToastManager as le } from "./components/toast/ToastManager.mjs";
+import { useBreakpointListener as ce } from "./hooks/use-breakpoint-listener.mjs";
+import { useMediaQuery as Ae } from "./hooks/use-media-query.mjs";
+import { useUnityForm as ge } from "./hooks/use-form.mjs";
+import { RouterProvider as se, useRouter as Te } from "./providers/router/RouterProvider.mjs";
+import { UnityReactRouterV5Provider as Me } from "./providers/router/integrations/UnityReactRouterV5Provider.mjs";
+import { DialogTrigger as Ie } from "react-aria-components";
+export {
+  e as Actionable,
+  p as Alert,
+  m as AlertActions,
+  a as AlertContent,
+  i as AlertTitle,
+  u as Anchor,
+  d as AppLayout,
+  F as AppMenu,
+  I as AppMenuContext,
+  P as AppMenuContextProvider,
+  T as AppMenuFooter,
+  b as AppMenuHeader,
+  M as AppMenuNavContent,
+  S as Avatar,
+  D as AvatarFallback,
+  N as AvatarImage,
+  H as AvatarPair,
+  U as Badge,
+  j as Breadcrumb,
+  V as Breadcrumbs,
+  w as Button,
+  E as Checkbox,
+  W as CheckboxField,
+  Y as CheckboxGroup,
+  rr as CheckboxGroupField,
+  er as DatePicker,
+  pr as DatePickerField,
+  mr as Dialog,
+  ar as DialogActions,
+  ir as DialogContent,
+  ur as DialogTitle,
+  Ie as DialogTrigger,
+  dr as Flex,
+  Tr as FlexItem,
+  Cr as Form,
+  Lr as FormContextualLink,
+  Br as FormControl,
+  hr as FormFeedbackText,
+  Pr as FormField,
+  yr as FormHelperText,
+  Or as FormLabel,
+  Rr as FullPageLoader,
+  Vr as Grid,
+  zr as GridItem,
+  Jr as Icon,
+  Wr as IconButton,
+  Yr as Input,
+  $r as Label,
+  oo as Link,
+  to as Menu,
+  xo as MenuContent,
+  fo as MenuHeader,
+  no as MenuItem,
+  lo as MenuSeparator,
+  co as MenuTrigger,
+  Fo as Nav,
+  bo as NavGroup,
+  To as NavItem,
+  Co as PayFitBrand,
+  Po as PayFitBrandPreprod,
+  Bo as Pill,
+  Lo as ProgressBar,
+  se as RouterProvider,
+  Qo as Select,
+  ho as SelectButton,
+  _o as SelectField,
+  yo as SelectOption,
+  Oo as SelectOptionGroup,
+  Ro as SelectOptionHelper,
+  qo as Spinner,
+  Ar as Stack,
+  kr as StackItem,
+  ie as TOAST_CONFIG,
+  Jo as Tab,
+  Wo as TabList,
+  Yo as TabPanel,
+  zo as Tabs,
+  $o as Text,
+  te as TextArea,
+  me as TextField,
+  le as ToastManager,
+  Me as UnityReactRouterV5Provider,
+  J as checkbox,
+  Z as checkboxGroup,
+  gr as flex,
+  br as flexItem,
+  Ur as fullPageLoader,
+  G as getInitials,
+  jr as grid,
+  qr as gridItem,
+  ko as navItemBase,
+  oe as text,
+  pe as textArea,
+  ae as toast,
+  v as useAppMenuContext,
+  ce as useBreakpointListener,
+  Ae as useMediaQuery,
+  Te as useRouter,
+  ge as useUnityForm
+};

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): import("react/jsx-runtime").JSX.Element;
+export declare namespace RouterProvider {
+    var displayName: string;
+}
+export {};

package/dist/esm/providers/router/RouterProvider.mjs

@@ -0,0 +1,18 @@
+import { jsx as e } from "react/jsx-runtime";
+import { createContext as u, useContext as i } from "react";
+import { RouterProvider as d } from "react-aria-components";
+const o = u(
+  null
+), R = () => i(o);
+function m({
+  isActive: t,
+  children: n,
+  ...r
+}) {
+  return /* @__PURE__ */ e(o.Provider, { value: { isActive: t, ...r }, children: /* @__PURE__ */ e(d, { ...r, children: n }) });
+}
+m.displayName = "RouterProvider";
+export {
+  m as RouterProvider,
+  R as useRouter
+};

package/dist/esm/providers/router/integrations/UnityReactRouterV5Provider.d.mts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+/**
+ * Provider that integrates Unity's RouterProvider with React Router v5.
+ * Handles navigation and active state detection automatically.
+ */
+export declare function UnityReactRouterV5Provider({ children, }: PropsWithChildren<unknown>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/providers/router/integrations/UnityReactRouterV5Provider.mjs

@@ -0,0 +1,29 @@
+import { jsx as c } from "react/jsx-runtime";
+import { createLocation as s } from "history";
+import { useHistory as m, useLocation as p, matchPath as u } from "react-router-dom";
+import { RouterProvider as h } from "../RouterProvider.mjs";
+const l = (o, r) => s(o, null, void 0, r);
+function g({
+  children: o
+}) {
+  const r = m(), e = p();
+  return /* @__PURE__ */ c(
+    h,
+    {
+      navigate: (t) => {
+        r.push(t.toString());
+      },
+      isActive: (t) => {
+        const a = l(t, e), { pathname: i } = a, n = i.replace(/([.+*?=^!:${}()[\]|/\\])/g, "\\$1");
+        return n ? !!u(e.pathname, {
+          path: n,
+          exact: t === "/"
+        }) : !1;
+      },
+      children: o
+    }
+  );
+}
+export {
+  g as UnityReactRouterV5Provider
+};