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

package/dist/esm/components/text-area/TextArea.mjs

@@ -1,14 +1,14 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { forwardRef as v } from "react";
 import { TextArea as w } from "react-aria-components";
-import { useIntl as A } from "react-intl";
-import { tv as M } from "tailwind-variants";
-import { useResizable as z } from "../../hooks/use-resizable.mjs";
-import { Icon as L } from "../icon/Icon.mjs";
-import { Spinner as T } from "../spinner/Spinner.mjs";
-const D = M({
+import { useIntl as M } from "react-intl";
+import { tv as z } from "tailwind-variants";
+import { useResizable as L } from "../../hooks/use-resizable.mjs";
+import { Icon as D } from "../icon/Icon.mjs";
+import { Spinner as N } from "../spinner/Spinner.mjs";
+const W = z({
   slots: {
-    base: "uy-flex uy-border uy-rounded-100 focus-within:uy-outline-none focus-within:uy-ring-2 focus-within:uy-ring-utility-focus-ring focus-within:uy-ring-offset-2 active:uy-border-border-form-active uy-overflow-hidden uy-relative",
+    base: "uy-flex uy-border uy-border-solid uy-rounded-100 focus-within:uy-outline-none focus-within:uy-ring-2 focus-within:uy-ring-utility-focus-ring focus-within:uy-ring-offset-2 active:uy-border-border-form-active uy-overflow-hidden uy-relative",
     inputWrapper: "uy-flex uy-gap-50 uy-flex-grow uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-rounded-100",
     input: "uy-flex-grow uy-flex-shrink uy-outline-none uy-typography-body placeholder:uy-text-content-neutral-lowest uy-resize-none",
     state: "uy-flex uy-gap-50 uy-flex-shrink-0 uy-basis-250",
@@ -56,38 +56,36 @@ const D = M({
     isDisabled: !1,
     isReadOnly: !1
   }
-}), N = v(
+}), A = v(
   ({
     isInvalid: n,
     isLoading: s,
-    isDisabled: o,
-    isReadOnly: t,
+    isDisabled: t,
+    isReadOnly: o,
     isResizable: i = !1,
-    ...l
-  }, f) => {
-    const a = A(), { containerRef: d, handleResizeStart: m } = z({
-      isDisabled: !i || o || t
-    });
-    console.log("[TEXTAREA | userProps]", l), console.log("[TEXTAREA | ref]", f);
-    const { base: c, inputWrapper: p, input: g, state: x, resizeHandle: h } = D({
+    ...y
+  }, b) => {
+    const a = M(), { containerRef: l, handleResizeStart: m } = L({
+      isDisabled: !i || t || o
+    }), { base: c, inputWrapper: p, input: g, state: x, resizeHandle: h } = W({
       isInvalid: n,
-      isDisabled: o,
-      isReadOnly: t
+      isDisabled: t,
+      isReadOnly: o
     });
-    return /* @__PURE__ */ r("div", { ref: d, className: c(), children: [
+    return /* @__PURE__ */ r("div", { ref: l, className: c(), children: [
       /* @__PURE__ */ r("div", { className: p(), children: [
         /* @__PURE__ */ e(
           w,
           {
-            ...l,
-            ref: f,
+            ...y,
+            ref: b,
             className: g(),
             "aria-busy": s
           }
         ),
         /* @__PURE__ */ r("div", { className: x(), children: [
           s && /* @__PURE__ */ e(
-            T,
+            N,
             {
               color: "inherit",
               size: "small",
@@ -98,7 +96,7 @@ const D = M({
             }
           ),
           n && /* @__PURE__ */ e(
-            L,
+            D,
             {
               src: "WarningCircleOutlined",
               color: "content.form.invalid",
@@ -110,7 +108,7 @@ const D = M({
           )
         ] })
       ] }),
-      i && !o && !t && /* @__PURE__ */ e(
+      i && !t && !o && /* @__PURE__ */ e(
         "div",
         {
           className: h(),
@@ -122,8 +120,8 @@ const D = M({
             defaultMessage: "Resize textarea"
           }),
           onKeyDown: (u) => {
-            var y, b;
-            (u.key === "Enter" || u.key === " ") && (u.preventDefault(), (b = (y = d.current) == null ? void 0 : y.querySelector("textarea")) == null || b.focus());
+            var f, d;
+            (u.key === "Enter" || u.key === " ") && (u.preventDefault(), (d = (f = l.current) == null ? void 0 : f.querySelector("textarea")) == null || d.focus());
           },
           children: /* @__PURE__ */ r(
             "svg",
@@ -156,8 +154,8 @@ const D = M({
     ] });
   }
 );
-N.displayName = "TextArea";
+A.displayName = "TextArea";
 export {
-  N as TextArea,
-  D as textArea
+  A as TextArea,
+  W as textArea
 };

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

@@ -5,7 +5,7 @@ declare const unityToast: import('tailwind-variants').TVReturnType<{
         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<{
+}, undefined, "sm:uy-w-[416px] uy-border uy-border-solid uy-rounded-75 uy-text-content-neutral uy-bg-surface-neutral uy-shadow-floating uy-p-100 uy-flex uy-gap-125", import('tailwind-variants/dist/config').TVConfig<{
     variant: {
         success: string;
         error: string;
@@ -25,7 +25,7 @@ declare const unityToast: import('tailwind-variants').TVReturnType<{
         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<{
+}, undefined, "sm:uy-w-[416px] uy-border uy-border-solid uy-rounded-75 uy-text-content-neutral uy-bg-surface-neutral uy-shadow-floating uy-p-100 uy-flex uy-gap-125", import('tailwind-variants/dist/config').TVConfig<{
     variant: {
         success: string;
         error: string;

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

@@ -5,9 +5,9 @@ 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",
+import { ToastProvider as b } from "./Toast.context.mjs";
+const g = m({
+  base: "sm:uy-w-[416px] uy-border uy-border-solid uy-rounded-75 uy-text-content-neutral uy-bg-surface-neutral uy-shadow-floating uy-p-100 uy-flex uy-gap-125",
   variants: {
     variant: {
       success: "uy-border-border-success",
@@ -28,8 +28,8 @@ const b = m({
 }) => {
   const a = y();
   x(e);
-  const u = b({ variant: t });
-  return /* @__PURE__ */ r(g, { inline: o, children: /* @__PURE__ */ l(
+  const u = g({ variant: t });
+  return /* @__PURE__ */ r(b, { inline: o, children: /* @__PURE__ */ l(
     "div",
     {
       tabIndex: -1,

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

@@ -1,26 +1,20 @@
-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(
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { TooltipTrigger as u, Tooltip as r, Button as y } from "react-aria-components";
+import { Button as a } from "../button/Button.mjs";
+const i = (t) => t.type === a || t.type === y;
+function d({ title: t, children: e }) {
+  return /* @__PURE__ */ l(u, { delay: 500, closeDelay: 1500, children: [
+    e,
+    /* @__PURE__ */ o(
       r,
       {
-        offset: s(t) ? 4 : 8,
+        offset: i(e) ? 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 })
+        children: /* @__PURE__ */ o("p", { className: "uy-typography-body-small uy-text-content-inverted uy-overflow-hidden uy-text-ellipsis uy-line-clamp-3", children: t })
       }
     )
   ] });
 }
 export {
-  x as default
+  d as default
 };

package/dist/esm/index.d.mts

@@ -27,8 +27,11 @@ 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/DialogActions/DialogButton.mjs';
 export * from './components/dialog/parts/DialogContent.mjs';
 export * from './components/dialog/parts/DialogTitle.mjs';
+export * from './components/fieldset/Fieldset.mjs';
+export * from './components/fieldset/parts/FieldGroup.mjs';
 export * from './components/flex/Flex.mjs';
 export * from './components/flex/Flex.variants.mjs';
 export * from './components/flex/FlexItem.mjs';
@@ -54,6 +57,10 @@ 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/multi-select/MultiSelect.mjs';
+export * from './components/multi-select/parts/MultiSelectOption.mjs';
+export * from './components/multi-select/parts/MultiSelectOptGroup.mjs';
+export * from './components/multi-select-field/MultiSelectField.mjs';
 export * from './components/nav/Nav.mjs';
 export * from './components/nav/parts/NavGroup.mjs';
 export * from './components/nav/parts/NavItem.mjs';
@@ -67,6 +74,8 @@ 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/selectable-button-group/SelectableButtonGroup.mjs';
+export * from './components/selectable-button-group/parts/SelectableButton.mjs';
 export * from './components/spinner/Spinner.mjs';
 export * from './components/tabs/Tabs.mjs';
 export * from './components/tabs/parts/Tab.mjs';
@@ -78,6 +87,7 @@ 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 './components/tooltip/Tooltip.mjs';
 export * from './hooks/use-breakpoint-listener.mjs';
 export * from './hooks/use-media-query.mjs';
 export * from './hooks/use-form.mjs';

package/dist/esm/index.mjs

@@ -2,18 +2,18 @@ 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 { AlertTitle as n } 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 { AppMenu as A } from "./components/app-menu/AppMenu.mjs";
+import { AppMenuHeader as s } from "./components/app-menu/parts/AppMenuHeader.mjs";
+import { AppMenuFooter as M } from "./components/app-menu/parts/AppMenuFooter.mjs";
+import { AppMenuNavContent as B } from "./components/app-menu/parts/AppMenuNavContent.mjs";
+import { AppMenuContext as k, AppMenuContextProvider as C, useAppMenuContext as I } from "./components/app-menu/parts/AppMenu.context.mjs";
+import { Avatar as v } from "./components/avatar/Avatar.mjs";
+import { getInitials as L } from "./components/avatar/utils.mjs";
+import { AvatarFallback as h } from "./components/avatar/parts/AvatarFallback.mjs";
+import { AvatarImage as y } 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";
@@ -22,85 +22,94 @@ 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";
+import { CheckboxGroupField as oo } from "./components/checkbox-group-field/CheckboxGroupField.mjs";
+import { DatePicker as eo } from "./components/date-picker/DatePicker.mjs";
+import { DatePickerField as po } from "./components/date-picker-field/DatePickerField.mjs";
+import { Dialog as mo } from "./components/dialog/Dialog.mjs";
+import { DialogActions as ao } from "./components/dialog/parts/DialogActions.mjs";
+import { DialogButton as no } from "./components/dialog/parts/DialogActions/DialogButton.mjs";
+import { DialogContent as uo } from "./components/dialog/parts/DialogContent.mjs";
+import { DialogTitle as Fo } from "./components/dialog/parts/DialogTitle.mjs";
+import { Fieldset as bo, fieldset as so } from "./components/fieldset/Fieldset.mjs";
+import { FieldGroup as Mo } from "./components/fieldset/parts/FieldGroup.mjs";
+import { Flex as Bo, Stack as To } from "./components/flex/Flex.mjs";
+import { flex as Co, flexItem as Io } from "./components/flex/Flex.variants.mjs";
+import { FlexItem as vo, StackItem as Go } from "./components/flex/FlexItem.mjs";
+import { Form as Do } from "./components/form/Form.mjs";
+import { FormField as Oo } from "./components/form-field/FormField.mjs";
+import { FormControl as No } from "./components/form-field/parts/FormControl.mjs";
+import { FormContextualLink as Ro } from "./components/form-field/parts/FormContextualLink.mjs";
+import { FormFeedbackText as Qo } from "./components/form-field/parts/FormFeedbackText.mjs";
+import { FormHelperText as _o } from "./components/form-field/parts/FormHelperText.mjs";
+import { FormLabel as qo } from "./components/form-field/parts/FormLabel.mjs";
+import { FullPageLoader as zo, fullPageLoader as Eo } from "./components/full-page-loader/FullPageLoader.mjs";
+import { Grid as Ko } from "./components/grid/Grid.mjs";
+import { grid as Xo, gridItem as Yo } from "./components/grid/Grid.variants.mjs";
+import { GridItem as $o } from "./components/grid/GridItem.mjs";
+import { Icon as rr } from "./components/icon/Icon.mjs";
+import { IconButton as tr } from "./components/icon-button/IconButton.mjs";
+import { Input as xr } from "./components/input/Input.mjs";
+import { Label as fr } from "./components/label/Label.mjs";
+import { Link as lr } from "./components/link/Link.mjs";
+import { Menu as ir } from "./components/menu/Menu.mjs";
+import { MenuContent as cr } from "./components/menu/parts/MenuContent.mjs";
+import { MenuHeader as Fr } from "./components/menu/parts/MenuHeader.mjs";
+import { MenuItem as br } from "./components/menu/parts/MenuItem.mjs";
+import { MenuSeparator as gr } from "./components/menu/parts/MenuSeparator.mjs";
+import { MenuTrigger as Sr } from "./components/menu/parts/MenuTrigger.mjs";
+import { MultiSelect as Tr } from "./components/multi-select/MultiSelect.mjs";
+import { MultiSelectOption as Cr } from "./components/multi-select/parts/MultiSelectOption.mjs";
+import { MultiSelectOptGroup as Pr } from "./components/multi-select/parts/MultiSelectOptGroup.mjs";
+import { MultiSelectField as Gr } from "./components/multi-select-field/MultiSelectField.mjs";
+import { Nav as Dr } from "./components/nav/Nav.mjs";
+import { NavGroup as Or } from "./components/nav/parts/NavGroup.mjs";
+import { NavItem as Nr, navItemBase as Hr } from "./components/nav/parts/NavItem.mjs";
+import { PayFitBrand as Ur } from "./components/payfit-brand/PayFitBrand.mjs";
+import { PayFitBrandPreprod as Vr } from "./components/payfit-brand/PayFitPreprod.mjs";
+import { Pill as jr } from "./components/pill/Pill.mjs";
+import { ProgressBar as wr } from "./components/progress-bar/ProgressBar.mjs";
+import { SelectButton as Er } from "./components/select/parts/SelectButton.mjs";
+import { SelectOption as Kr } from "./components/select/parts/SelectOption.mjs";
+import { SelectOptionGroup as Xr } from "./components/select/parts/SelectOptionGroup.mjs";
+import { SelectOptionHelper as Zr } from "./components/select/parts/SelectOptionHelper.mjs";
+import { Select as oe } from "./components/select/Select.mjs";
+import { SelectField as ee } from "./components/select-field/SelectField.mjs";
+import { SelectableButtonGroup as pe, selectableButtonGroup as xe } from "./components/selectable-button-group/SelectableButtonGroup.mjs";
+import { SelectableButton as fe, selectableButton as ae } from "./components/selectable-button-group/parts/SelectableButton.mjs";
+import { Spinner as ne } from "./components/spinner/Spinner.mjs";
+import { Tabs as ue } from "./components/tabs/Tabs.mjs";
+import { Tab as de } from "./components/tabs/parts/Tab.mjs";
+import { TabList as Ae } from "./components/tabs/parts/TabList.mjs";
+import { TabPanel as se } from "./components/tabs/parts/TabPanel.mjs";
+import { Text as Me } from "./components/text/Text.mjs";
+import { text as Be } from "./components/text/Text.variants.mjs";
+import { TextArea as ke, textArea as Ce } from "./components/text-area/TextArea.mjs";
+import { TextField as Pe } from "./components/text-field/TextField.mjs";
+import { toast as Ge } from "./components/toast/toast.mjs";
+import { TOAST_CONFIG as De, ToastManager as he } from "./components/toast/ToastManager.mjs";
+import { useBreakpointListener as ye } from "./hooks/use-breakpoint-listener.mjs";
+import { useMediaQuery as He } from "./hooks/use-media-query.mjs";
+import { useUnityForm as Ue } from "./hooks/use-form.mjs";
+import { RouterProvider as Ve, useRouter as _e } from "./providers/router/RouterProvider.mjs";
+import { UnityReactRouterV5Provider as qe } from "./providers/router/integrations/UnityReactRouterV5Provider.mjs";
+import { DialogTrigger as ze } from "react-aria-components";
 export {
   e as Actionable,
   p as Alert,
   m as AlertActions,
   a as AlertContent,
-  i as AlertTitle,
+  n 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,
+  A as AppMenu,
+  k as AppMenuContext,
+  C as AppMenuContextProvider,
+  M as AppMenuFooter,
+  s as AppMenuHeader,
+  B as AppMenuNavContent,
+  v as Avatar,
+  h as AvatarFallback,
+  y as AvatarImage,
   H as AvatarPair,
   U as Badge,
   j as Breadcrumb,
@@ -109,79 +118,91 @@ export {
   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,
+  oo as CheckboxGroupField,
+  eo as DatePicker,
+  po as DatePickerField,
+  mo as Dialog,
+  ao as DialogActions,
+  no as DialogButton,
+  uo as DialogContent,
+  Fo as DialogTitle,
+  ze as DialogTrigger,
+  Mo as FieldGroup,
+  bo as Fieldset,
+  Bo as Flex,
+  vo as FlexItem,
+  Do as Form,
+  Ro as FormContextualLink,
+  No as FormControl,
+  Qo as FormFeedbackText,
+  Oo as FormField,
+  _o as FormHelperText,
+  qo as FormLabel,
+  zo as FullPageLoader,
+  Ko as Grid,
+  $o as GridItem,
+  rr as Icon,
+  tr as IconButton,
+  xr as Input,
+  fr as Label,
+  lr as Link,
+  ir as Menu,
+  cr as MenuContent,
+  Fr as MenuHeader,
+  br as MenuItem,
+  gr as MenuSeparator,
+  Sr as MenuTrigger,
+  Tr as MultiSelect,
+  Gr as MultiSelectField,
+  Pr as MultiSelectOptGroup,
+  Cr as MultiSelectOption,
+  Dr as Nav,
+  Or as NavGroup,
+  Nr as NavItem,
+  Ur as PayFitBrand,
+  Vr as PayFitBrandPreprod,
+  jr as Pill,
+  wr as ProgressBar,
+  Ve as RouterProvider,
+  oe as Select,
+  Er as SelectButton,
+  ee as SelectField,
+  Kr as SelectOption,
+  Xr as SelectOptionGroup,
+  Zr as SelectOptionHelper,
+  fe as SelectableButton,
+  pe as SelectableButtonGroup,
+  ne as Spinner,
+  To as Stack,
+  Go as StackItem,
+  De as TOAST_CONFIG,
+  de as Tab,
+  Ae as TabList,
+  se as TabPanel,
+  ue as Tabs,
+  Me as Text,
+  ke as TextArea,
+  Pe as TextField,
+  he as ToastManager,
+  qe 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
+  so as fieldset,
+  Co as flex,
+  Io as flexItem,
+  Eo as fullPageLoader,
+  L as getInitials,
+  Xo as grid,
+  Yo as gridItem,
+  Hr as navItemBase,
+  ae as selectableButton,
+  xe as selectableButtonGroup,
+  Be as text,
+  Ce as textArea,
+  Ge as toast,
+  I as useAppMenuContext,
+  ye as useBreakpointListener,
+  He as useMediaQuery,
+  _e as useRouter,
+  Ue as useUnityForm
 };

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

@@ -1,9 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
-import { createContext as u, useContext as i } from "react";
+import { useContext as u, createContext as i } from "react";
 import { RouterProvider as d } from "react-aria-components";
-const o = u(
+const o = i(
   null
-), R = () => i(o);
+), R = () => u(o);
 function m({
   isActive: t,
   children: n,

package/dist/esm/types/utils.d.mts

@@ -0,0 +1 @@
+export type IconName<T extends string> = T extends `${infer Base}${'Filled' | 'Outlined'}` ? Base : T;