@payfit/unity-components 2.67.25 → 2.67.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6,7 +6,45 @@ export interface TabsProps extends Omit<AriaTabsProps, 'isDisabled' | 'orientati
6
6
  scrollable?: boolean;
7
7
  }
8
8
  /**
9
- * Tabs allow users to explore and switch between different views.
9
+ * Use these tabs when switching between sections without changing the URL.
10
+ *
11
+ * When each tab represents a navigable page and its selection must be
12
+ * shareable, bookmarkable, or preserved by browser history, use the
13
+ * [TanStack Router Tabs integration](?path=/docs/library-integrations-reference-tanstack-router-tabs--docs)
14
+ * instead.
15
+ * @example Static API
16
+ * ```tsx
17
+ * <Tabs defaultSelectedKey="profile">
18
+ * <TabList aria-label="Account">
19
+ * <RawTab id="profile">Profile</RawTab>
20
+ * <RawTab id="settings">Settings</RawTab>
21
+ * </TabList>
22
+ * <TabPanels>
23
+ * <TabPanel id="profile">
24
+ * <Profile />
25
+ * </TabPanel>
26
+ * <TabPanel id="settings">
27
+ * <Settings />
28
+ * </TabPanel>
29
+ * </TabPanels>
30
+ * </Tabs>
31
+ * ```
32
+ * @example Dynamic API
33
+ * ```tsx
34
+ * const tabs = [
35
+ * { id: 'profile', title: 'Profile', content: <Profile /> },
36
+ * { id: 'settings', title: 'Settings', content: <Settings /> },
37
+ * ]
38
+ *
39
+ * <Tabs>
40
+ * <TabList aria-label="Account" items={tabs}>
41
+ * {item => <RawTab>{item.title}</RawTab>}
42
+ * </TabList>
43
+ * <TabPanels items={tabs}>
44
+ * {item => <TabPanel>{item.content}</TabPanel>}
45
+ * </TabPanels>
46
+ * </Tabs>
47
+ * ```
10
48
  */
11
49
  declare const Tabs: import('react').ForwardRefExoticComponent<TabsProps & import('react').RefAttributes<HTMLDivElement>>;
12
50
  export { Tabs };
@@ -1,7 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { TabProps as AriaTabProps, Key } from 'react-aria-components/Tabs';
3
3
  export interface TabProps extends Omit<AriaTabProps, 'isDisabled' | 'className' | 'style' | 'download' | 'ping' | 'routerOptions' | 'id'> {
4
- id: Key | undefined;
4
+ id?: Key;
5
5
  suffix?: ReactNode;
6
6
  }
7
7
  declare const RawTab: import('react').ForwardRefExoticComponent<TabProps & {
@@ -1,4 +1,10 @@
1
- declare const TabList: import('react').ForwardRefExoticComponent<object & {
2
- children?: import('react').ReactNode | undefined;
3
- } & import('react').RefAttributes<HTMLDivElement>>;
1
+ import { ForwardedRef } from 'react';
2
+ import { TabListProps as AriaTabListProps } from 'react-aria-components/Tabs';
3
+ export type TabListProps<T extends object> = Omit<AriaTabListProps<T>, 'className' | 'style'>;
4
+ type TabListComponent = (<T extends object>(props: TabListProps<T> & {
5
+ ref?: ForwardedRef<HTMLDivElement>;
6
+ }) => JSX.Element) & {
7
+ displayName?: string;
8
+ };
9
+ declare const TabList: TabListComponent;
4
10
  export { TabList };
@@ -6,76 +6,78 @@ import { jsx as s, jsxs as c } from "react/jsx-runtime";
6
6
  import { useResizeObserver as l } from "usehooks-ts";
7
7
  import { TabList as u } from "react-aria-components/Tabs";
8
8
  //#region src/components/tabs/parts/TabList.tsx
9
- var d = r(({ children: r }, d) => {
10
- let f = a(null), [p, m] = o(!1), [h, g] = o(!1), { variant: _, scrollable: v } = e(), { tabList: y, scroller: b } = t({
11
- variant: _,
12
- scrollable: v
13
- }), x = i(() => {
14
- if (!f.current) return;
15
- let { scrollLeft: e, scrollWidth: t, clientWidth: n } = f.current;
16
- m(e > 0), g(e + n < t);
9
+ var d = r(function({ children: r, ...d }, f) {
10
+ let p = a(null), [m, h] = o(!1), [g, _] = o(!1), { variant: v, scrollable: y } = e(), { tabList: b, scroller: x } = t({
11
+ variant: v,
12
+ scrollable: y
13
+ }), S = i(() => {
14
+ if (!p.current) return;
15
+ let { scrollLeft: e, scrollWidth: t, clientWidth: n } = p.current;
16
+ h(e > 0), _(e + n < t);
17
17
  }, []);
18
18
  l({
19
- ref: f,
20
- onResize: x
19
+ ref: p,
20
+ onResize: S
21
21
  });
22
- let S = (e) => {
23
- x();
24
- }, C = () => {
25
- let e = f.current?.querySelectorAll("[role=tab]");
26
- if (!f.current || !e) return 0;
27
- let { scrollLeft: t } = f.current, n = Array.from(e);
22
+ let C = () => {
23
+ S();
24
+ }, w = () => {
25
+ let e = p.current?.querySelectorAll("[role=tab]");
26
+ if (!p.current || !e) return 0;
27
+ let { scrollLeft: t } = p.current, n = Array.from(e);
28
28
  for (let e = n.length - 1; e >= 0; e--) {
29
29
  let r = n[e];
30
30
  if (r.offsetLeft < t) return -r.offsetWidth;
31
31
  }
32
32
  return 0;
33
- }, w = () => {
34
- let e = f.current?.querySelectorAll("[role=tab]");
35
- if (!f.current || !e) return 0;
36
- let { scrollLeft: t, clientWidth: n } = f.current, r = Array.from(e), i = t + n;
33
+ }, T = () => {
34
+ let e = p.current?.querySelectorAll("[role=tab]");
35
+ if (!p.current || !e) return 0;
36
+ let { scrollLeft: t, clientWidth: n } = p.current, r = Array.from(e), i = t + n;
37
37
  for (let e = 0; e < r.length - 1; e++) {
38
38
  let t = r[e], n = t.offsetLeft + t.offsetWidth;
39
39
  if (n > i || n < i) return t.offsetWidth;
40
40
  }
41
41
  return 0;
42
42
  };
43
- return v ? /* @__PURE__ */ c("div", {
43
+ return y ? /* @__PURE__ */ c("div", {
44
44
  className: "uy:relative",
45
45
  children: [
46
- p && /* @__PURE__ */ s(n, {
46
+ m && /* @__PURE__ */ s(n, {
47
47
  direction: "left",
48
48
  onPress: () => {
49
- f.current?.scrollBy({
49
+ p.current?.scrollBy({
50
50
  behavior: "smooth",
51
- left: C()
51
+ left: w()
52
52
  });
53
53
  }
54
54
  }),
55
55
  /* @__PURE__ */ s("div", {
56
- ref: f,
56
+ ref: p,
57
57
  "data-testid": "scrollable-tab-list",
58
- className: b(),
59
- onScroll: S,
58
+ className: x(),
59
+ onScroll: C,
60
60
  children: /* @__PURE__ */ s(u, {
61
- ref: d,
62
- className: y(),
61
+ ...d,
62
+ ref: f,
63
+ className: b(),
63
64
  children: r
64
65
  })
65
66
  }),
66
- h && /* @__PURE__ */ s(n, {
67
+ g && /* @__PURE__ */ s(n, {
67
68
  direction: "right",
68
69
  onPress: () => {
69
- f.current?.scrollBy({
70
+ p.current?.scrollBy({
70
71
  behavior: "smooth",
71
- left: w()
72
+ left: T()
72
73
  });
73
74
  }
74
75
  })
75
76
  ]
76
77
  }) : /* @__PURE__ */ s(u, {
77
- ref: d,
78
- className: y(),
78
+ ...d,
79
+ ref: f,
80
+ className: b(),
79
81
  children: r
80
82
  });
81
83
  });
@@ -1,6 +1,6 @@
1
1
  import { TabPanelProps as AriaTabPanelProps, Key } from 'react-aria-components/Tabs';
2
2
  export interface TabPanelProps extends Omit<AriaTabPanelProps, 'classname' | 'style' | 'id'> {
3
- id: Key | undefined;
3
+ id?: Key;
4
4
  }
5
5
  declare const TabPanel: import('react').ForwardRefExoticComponent<TabPanelProps & import('react').RefAttributes<HTMLDivElement>>;
6
6
  export { TabPanel };
@@ -0,0 +1,11 @@
1
+ import { ForwardedRef } from 'react';
2
+ import { TabPanelsProps as AriaTabPanelsProps } from 'react-aria-components/Tabs';
3
+ export type TabPanelsProps<T extends object> = Omit<AriaTabPanelsProps<T>, 'className' | 'style'>;
4
+ type TabPanelsComponent = (<T extends object>(props: TabPanelsProps<T> & {
5
+ ref?: ForwardedRef<HTMLDivElement>;
6
+ }) => JSX.Element) & {
7
+ displayName?: string;
8
+ };
9
+ /** Groups tab panels and supports static or dynamic collections. */
10
+ declare const TabPanels: TabPanelsComponent;
11
+ export { TabPanels };
@@ -0,0 +1,13 @@
1
+ import { forwardRef as e } from "react";
2
+ import { jsx as t } from "react/jsx-runtime";
3
+ import { TabPanels as n } from "react-aria-components/Tabs";
4
+ //#region src/components/tabs/parts/TabPanels.tsx
5
+ var r = e(function(e, r) {
6
+ return /* @__PURE__ */ t(n, {
7
+ ...e,
8
+ ref: r
9
+ });
10
+ });
11
+ r.displayName = "TabPanels";
12
+ //#endregion
13
+ export { r as TabPanels };
@@ -197,6 +197,7 @@ export * from './components/tabs/Tabs.js';
197
197
  export * from './components/tabs/parts/RawTab.js';
198
198
  export * from './components/tabs/parts/TabList.js';
199
199
  export * from './components/tabs/parts/TabPanel.js';
200
+ export * from './components/tabs/parts/TabPanels.js';
200
201
  export * from './components/task-menu/TaskMenu.js';
201
202
  export * from './components/task-menu/parts/RawSubTask.js';
202
203
  export * from './components/task-menu/parts/RawTask.js';
package/dist/esm/index.js CHANGED
@@ -206,43 +206,44 @@ import { Tabs as xi } from "./components/tabs/Tabs.js";
206
206
  import { RawTab as Si } from "./components/tabs/parts/RawTab.js";
207
207
  import { TabList as Ci } from "./components/tabs/parts/TabList.js";
208
208
  import { TabPanel as wi } from "./components/tabs/parts/TabPanel.js";
209
- import { TaskMenu as Ti, taskMenu as Ei } from "./components/task-menu/TaskMenu.js";
210
- import { RawSubTask as Di, rawSubTask as Oi } from "./components/task-menu/parts/RawSubTask.js";
211
- import { RawTask as ki, rawTask as Ai } from "./components/task-menu/parts/RawTask.js";
212
- import { TaskGroup as ji } from "./components/task-menu/parts/TaskGroup.js";
213
- import { TextArea as Mi, textArea as Ni } from "./components/text-area/TextArea.js";
214
- import { Timeline as Pi } from "./components/timeline/Timeline.js";
215
- import { TimelineStep as Fi } from "./components/timeline/parts/TimelineStep.js";
216
- import { TimelineStepHeader as Ii } from "./components/timeline/parts/TimelineStepHeader.js";
217
- import { TimelineStepDescription as Li } from "./components/timeline/parts/TimelineStepDescription.js";
218
- import { TOAST_CONFIG as Ri, ToastManager as zi } from "./components/toast/ToastManager.js";
219
- import { toast as Bi } from "./components/toast/toast.js";
220
- import { ToggleSwitchGroup as Vi, toggleSwitchGroup as Hi } from "./components/toggle-switch-group/ToggleSwitchGroup.js";
221
- import { ToggleSwitch as Ui, toggleSwitch as Wi } from "./components/toggle-switch/ToggleSwitch.js";
222
- import { useAsyncList as Gi } from "./hooks/use-async-list.js";
223
- import { FormHelperText as Ki } from "./components/form-field/parts/FormHelperText.js";
224
- import { RawFormContextualLink as qi } from "./components/form-field/parts/RawFormContextualLink.js";
225
- import { FormField as Ji } from "./components/form-field/FormField.js";
226
- import { useUnityForm as Yi } from "./hooks/use-form.js";
227
- import { FormControl as Xi } from "./components/form-field/parts/FormControl.js";
228
- import { FormFeedbackText as Zi } from "./components/form-field/parts/FormFeedbackText.js";
229
- import { CheckboxField as Qi } from "./components/checkbox-field/CheckboxField.js";
230
- import { CheckboxGroupField as $i } from "./components/checkbox-group-field/CheckboxGroupField.js";
231
- import { FormLabel as ea } from "./components/form-field/parts/FormLabel.js";
232
- import { DatePickerField as ta } from "./components/date-picker-field/DatePickerField.js";
233
- import { MultiSelectField as na } from "./components/multi-select-field/MultiSelectField.js";
234
- import { NumberField as ra, numberField as ia } from "./components/number-field/NumberField.js";
235
- import { RadioButtonGroupField as aa } from "./components/radio-button-group-field/RadioButtonGroupField.js";
236
- import { SelectableButtonGroupField as oa } from "./components/selectable-button-group-field/SelectableButtonGroupField.js";
237
- import { SelectableCardCheckboxGroupField as sa } from "./components/selectable-card-checkbox-group-field/SelectableCardCheckboxGroupField.js";
238
- import { SelectableCardRadioGroupField as ca } from "./components/selectable-card-radio-group-field/SelectableCardRadioGroupField.js";
239
- import { SelectField as la } from "./components/select-field/SelectField.js";
240
- import { TextField as ua } from "./components/text-field/TextField.js";
241
- import { ToggleSwitchField as da } from "./components/toggle-switch-field/ToggleSwitchField.js";
242
- import { ToggleSwitchGroupField as fa } from "./components/toggle-switch-group-field/ToggleSwitchGroupField.js";
243
- import { useFieldContext as pa, useFormContext as ma } from "./hooks/tanstack-form-context.js";
244
- import { useTanstackUnityForm as ha, withFieldGroup as ga, withForm as _a } from "./hooks/use-tanstack-form.js";
245
- import { tanstackFormDefaultValues as va } from "./hooks/tanstack-form-default-values.js";
246
- import { useFieldA11yContext as ya } from "./components/form-field/TanstackFormField.context.js";
247
- import { fieldRevalidateLogic as ba } from "./utils/field-revalidate-logic.js";
248
- export { y as ActionBar, u as ActionBarAction, d as ActionBarButton, m as ActionBarIconButton, b as ActionBarRoot, e as Actionable, w as Alert, T as AlertActions, O as AlertContent, k as AlertTitle, A as Anchor, j as AppLayout, I as AppMenu, N as AppMenuContext, P as AppMenuContextProvider, G as AppMenuFooter, Y as AppMenuHeader, X as AppMenuNavContent, W as AppProfileMenuButton, M as AppTopBar, Z as Autocomplete, Q as AutocompleteItem, ee as AutocompleteItemGroup, B as Avatar, H as AvatarFallback, se as AvatarGroup, oe as AvatarGroupCount, ie as AvatarIcon, U as AvatarImage, ae as AvatarPair, ne as AvatarWithTooltip, K as BRAND_ASSETS, we as BREADCRUMB_ITEM_MAX_WIDTH, z as Badge, ce as BadgeDot, le as BottomSheet, de as BottomSheetContent, pe as BottomSheetFooter, he as BottomSheetHeader, ve as Breadcrumb, _e as Breadcrumbs, l as Button, Ie as Card, ze as CardContent, Re as CardTitle, Oe as Carousel, Me as CarouselContent, Ae as CarouselHeader, Ee as CarouselNav, Pe as CarouselSlide, Ue as Checkbox, Qi as CheckboxField, Ve as CheckboxGroup, $i as CheckboxGroupField, We as CheckboxStandalone, S as CircularIconButton, Ge as Collapsible, Ke as CollapsibleContent, Je as CollapsibleGroup, qe as CollapsibleTitle, n as DESKTOP_BREAKPOINTS, xt as DataTable, wt as DataTableBulkActions, St as DataTableRoot, Tt as DateCalendar, Et as DatePicker, ta as DatePickerField, Dt as DateRangeCalendar, Ot as DateRangePicker, At as DefinitionItem, kt as DefinitionList, jt as DefinitionTooltip, Pt as Dialog, Mt as DialogActions, Nt as DialogButton, Lt as DialogContent, Rt as DialogTitle, Ft as DialogTrigger, ct as EmptyState, lt as EmptyStateActions, ut as EmptyStateContent, Kt as EmptyStateGetStarted, Jt as EmptyStateGoodJob, dt as EmptyStateIcon, Xt as EmptyStateNoSearchResults, Yt as EmptyStateUpgradeRequired, Zt as EmptyStateUseDesktop, qt as EmptyStateWaitingForData, $t as ErrorState, rn as FieldGroup, tn as Fieldset, an as Filter, fn as FilterAdapters, on as FilterControls, sn as FilterLabels, pn as FilterToolbar, _n as Flex, yn as FlexItem, un as FloatingActionBar, xn as Form, Xi as FormControl, Zi as FormFeedbackText, Ji as FormField, Ki as FormHelperText, ea as FormLabel, Sn as FullPageLoader, Ln as FunnelBackButton, On as FunnelBody, En as FunnelLayout, An as FunnelPage, Mn as FunnelPageAction, Nn as FunnelPageActions, Fn as FunnelPageContent, Rn as FunnelPageFooter, Bn as FunnelPageHeader, Hn as FunnelSidebar, Wn as FunnelTopBar, Jn as Grid, Yn as GridItem, s as Icon, p as IconButton, Xn as Input, re as InteractiveAvatar, Be as Label, Qn as ListView, rr as ListViewItemLabel, ir as ListViewItemText, tr as ListViewSection, r as MOBILE_BREAKPOINTS, h as Menu, g as MenuContent, R as MenuHeader, ar as MenuSection, L as MenuSeparator, _ as MenuTrigger, or as MultiSelect, na as MultiSelectField, sr as MultiSelectOptGroup, cr as MultiSelectOption, lr as Nav, fr as NavGroup, _r as NavigationCardDescription, mr as NavigationCardGroup, gr as NavigationCardLabel, ye as NoopRouterProvider, ra as NumberField, vr as NumberInput, br as Page, Sr as PageHeader, wr as PageHeading, Tr as Pagination, Dr as PaginationContent, Pr as PaginationEllipsis, kr as PaginationItem, q as PayFitBrand, J as PayFitBrandPreprod, Lr as PhoneNumberInput, Rr as Pill, zr as Popover, Br as PopoverTrigger, Vr as ProgressBar, Ht as PromoDialog, zt as PromoDialogActions, Gt as PromoDialogContent, Bt as PromoDialogHero, Wt as PromoDialogSubtitle, Vt as PromoDialogTitle, Gr as RadioButton, Hr as RadioButtonGroup, aa as RadioButtonGroupField, Ur as RadioButtonHelper, Wr as RadioIndicator, Te as RawBreadcrumbLink, qi as RawFormContextualLink, Se as RawLink, Zn as RawLinkButton, $n as RawListViewItem, v as RawMenuItem, ur as RawNavItem, pr as RawNavigationCard, Ar as RawPaginationLink, Nr as RawPaginationNext, Mr as RawPaginationPrevious, Di as RawSubTask, Si as RawTab, ki as RawTask, be as RouterProvider, Xe as Search, Jr as SegmentedButtonGroup, $e as Select, Qe as SelectButton, la as SelectField, Ye as SelectOption, ii as SelectOptionGroup, ai as SelectOptionHelper, Qr as SelectableButton, Xr as SelectableButtonGroup, oa as SelectableButtonGroupField, ti as SelectableCardCheckbox, ei as SelectableCardCheckboxGroup, sa as SelectableCardCheckboxGroupField, ri as SelectableCardRadio, ni as SelectableCardRadioGroup, ca as SelectableCardRadioGroupField, oi as SidePanel, ci as SidePanelContent, ui as SidePanelFooter, fi as SidePanelHeader, qr as Skeleton, wn as SkipLink, Tn as SkipLinks, c as Spinner, vn as Stack, bn as StackItem, hi as Step, mi as Stepper, Ri as TOAST_CONFIG, Ci as TabList, wi as TabPanel, nt as Table, it as TableBody, _i as TableCell, ot as TableColumnHeader, ft as TableEmptyState, pt as TableEmptyStateError, mt as TableEmptyStateLoading, ht as TableEmptyStateNoData, gt as TableEmptyStateText, yt as TableHeader, _t as TableNoSearchResults, et as TablePagination, rt as TableRoot, yi as TableRow, xi as Tabs, ji as TaskGroup, Ti as TaskMenu, D as Text, Mi as TextArea, ua as TextField, Pi as Timeline, Fi as TimelineStep, Li as TimelineStepDescription, Ii as TimelineStepHeader, zi as ToastManager, Yr as ToggleButton, Ui as ToggleSwitch, da as ToggleSwitchField, Vi as ToggleSwitchGroup, fa as ToggleSwitchGroupField, f as Tooltip, x as actionBarRoot, $ as autocompleteItem, te as autocompleteItemGroup, ue as bottomSheet, fe as bottomSheetContent, me as bottomSheetFooter, ge as bottomSheetHeader, Le as card, ke as carousel, Ne as carouselContent, je as carouselHeader, De as carouselNav, Fe as carouselSlide, He as checkboxGroup, C as circularIconButton, Ct as dataTableRoot, It as dialog, en as errorState, ba as fieldRevalidateLogic, nn as fieldset, cn as filterContainer, ln as filterDismissButton, mn as filterToolbar, hn as flex, gn as flexItem, dn as floatingActionBar, Cn as fullPageLoader, kn as funnelBody, Dn as funnelLayout, jn as funnelPage, Pn as funnelPageActions, In as funnelPageContent, zn as funnelPageFooter, Vn as funnelPageHeader, Un as funnelSidebar, Gn as funnelTopBar, V as getInitials, Kn as grid, qn as gridItem, i as isDesktopBreakpoint, a as isMobileBreakpoint, Ce as link, er as listViewItem, nr as listViewSection, dr as navItemBase, hr as navigationCardGroup, ia as numberField, yr as numberInput, xr as page, Cr as pageHeader, Er as pagination, Or as paginationContent, jr as paginationLink, Ut as promoDialog, Kr as radioButton, Oi as rawSubTask, Ai as rawTask, Ze as search, $r as selectableButton, Zr as selectableButtonGroup, si as sidePanel, li as sidePanelContent, di as sidePanelFooter, pi as sidePanelHeader, at as tableBody, vi as tableCell, st as tableColumnHeader, vt as tableEmptyState, bt as tableHeader, tt as tablePagination, bi as tableRow, va as tanstackFormDefaultValues, Ei as taskMenu, E as text, Ni as textArea, Bi as toast, Wi as toggleSwitch, Hi as toggleSwitchGroup, F as useAppMenuContext, Gi as useAsyncList, o as useBreakpointListener, Qt as useContainerQueryLevel, ya as useFieldA11yContext, pa as useFieldContext, ma as useFormContext, t as useMediaQuery, Ir as usePaginationState, Fr as usePaginationWindow, xe as useRouter, gi as useStepper, ha as useTanstackUnityForm, Yi as useUnityForm, ga as withFieldGroup, _a as withForm };
209
+ import { TabPanels as Ti } from "./components/tabs/parts/TabPanels.js";
210
+ import { TaskMenu as Ei, taskMenu as Di } from "./components/task-menu/TaskMenu.js";
211
+ import { RawSubTask as Oi, rawSubTask as ki } from "./components/task-menu/parts/RawSubTask.js";
212
+ import { RawTask as Ai, rawTask as ji } from "./components/task-menu/parts/RawTask.js";
213
+ import { TaskGroup as Mi } from "./components/task-menu/parts/TaskGroup.js";
214
+ import { TextArea as Ni, textArea as Pi } from "./components/text-area/TextArea.js";
215
+ import { Timeline as Fi } from "./components/timeline/Timeline.js";
216
+ import { TimelineStep as Ii } from "./components/timeline/parts/TimelineStep.js";
217
+ import { TimelineStepHeader as Li } from "./components/timeline/parts/TimelineStepHeader.js";
218
+ import { TimelineStepDescription as Ri } from "./components/timeline/parts/TimelineStepDescription.js";
219
+ import { TOAST_CONFIG as zi, ToastManager as Bi } from "./components/toast/ToastManager.js";
220
+ import { toast as Vi } from "./components/toast/toast.js";
221
+ import { ToggleSwitchGroup as Hi, toggleSwitchGroup as Ui } from "./components/toggle-switch-group/ToggleSwitchGroup.js";
222
+ import { ToggleSwitch as Wi, toggleSwitch as Gi } from "./components/toggle-switch/ToggleSwitch.js";
223
+ import { useAsyncList as Ki } from "./hooks/use-async-list.js";
224
+ import { FormHelperText as qi } from "./components/form-field/parts/FormHelperText.js";
225
+ import { RawFormContextualLink as Ji } from "./components/form-field/parts/RawFormContextualLink.js";
226
+ import { FormField as Yi } from "./components/form-field/FormField.js";
227
+ import { useUnityForm as Xi } from "./hooks/use-form.js";
228
+ import { FormControl as Zi } from "./components/form-field/parts/FormControl.js";
229
+ import { FormFeedbackText as Qi } from "./components/form-field/parts/FormFeedbackText.js";
230
+ import { CheckboxField as $i } from "./components/checkbox-field/CheckboxField.js";
231
+ import { CheckboxGroupField as ea } from "./components/checkbox-group-field/CheckboxGroupField.js";
232
+ import { FormLabel as ta } from "./components/form-field/parts/FormLabel.js";
233
+ import { DatePickerField as na } from "./components/date-picker-field/DatePickerField.js";
234
+ import { MultiSelectField as ra } from "./components/multi-select-field/MultiSelectField.js";
235
+ import { NumberField as ia, numberField as aa } from "./components/number-field/NumberField.js";
236
+ import { RadioButtonGroupField as oa } from "./components/radio-button-group-field/RadioButtonGroupField.js";
237
+ import { SelectableButtonGroupField as sa } from "./components/selectable-button-group-field/SelectableButtonGroupField.js";
238
+ import { SelectableCardCheckboxGroupField as ca } from "./components/selectable-card-checkbox-group-field/SelectableCardCheckboxGroupField.js";
239
+ import { SelectableCardRadioGroupField as la } from "./components/selectable-card-radio-group-field/SelectableCardRadioGroupField.js";
240
+ import { SelectField as ua } from "./components/select-field/SelectField.js";
241
+ import { TextField as da } from "./components/text-field/TextField.js";
242
+ import { ToggleSwitchField as fa } from "./components/toggle-switch-field/ToggleSwitchField.js";
243
+ import { ToggleSwitchGroupField as pa } from "./components/toggle-switch-group-field/ToggleSwitchGroupField.js";
244
+ import { useFieldContext as ma, useFormContext as ha } from "./hooks/tanstack-form-context.js";
245
+ import { useTanstackUnityForm as ga, withFieldGroup as _a, withForm as va } from "./hooks/use-tanstack-form.js";
246
+ import { tanstackFormDefaultValues as ya } from "./hooks/tanstack-form-default-values.js";
247
+ import { useFieldA11yContext as ba } from "./components/form-field/TanstackFormField.context.js";
248
+ import { fieldRevalidateLogic as xa } from "./utils/field-revalidate-logic.js";
249
+ export { y as ActionBar, u as ActionBarAction, d as ActionBarButton, m as ActionBarIconButton, b as ActionBarRoot, e as Actionable, w as Alert, T as AlertActions, O as AlertContent, k as AlertTitle, A as Anchor, j as AppLayout, I as AppMenu, N as AppMenuContext, P as AppMenuContextProvider, G as AppMenuFooter, Y as AppMenuHeader, X as AppMenuNavContent, W as AppProfileMenuButton, M as AppTopBar, Z as Autocomplete, Q as AutocompleteItem, ee as AutocompleteItemGroup, B as Avatar, H as AvatarFallback, se as AvatarGroup, oe as AvatarGroupCount, ie as AvatarIcon, U as AvatarImage, ae as AvatarPair, ne as AvatarWithTooltip, K as BRAND_ASSETS, we as BREADCRUMB_ITEM_MAX_WIDTH, z as Badge, ce as BadgeDot, le as BottomSheet, de as BottomSheetContent, pe as BottomSheetFooter, he as BottomSheetHeader, ve as Breadcrumb, _e as Breadcrumbs, l as Button, Ie as Card, ze as CardContent, Re as CardTitle, Oe as Carousel, Me as CarouselContent, Ae as CarouselHeader, Ee as CarouselNav, Pe as CarouselSlide, Ue as Checkbox, $i as CheckboxField, Ve as CheckboxGroup, ea as CheckboxGroupField, We as CheckboxStandalone, S as CircularIconButton, Ge as Collapsible, Ke as CollapsibleContent, Je as CollapsibleGroup, qe as CollapsibleTitle, n as DESKTOP_BREAKPOINTS, xt as DataTable, wt as DataTableBulkActions, St as DataTableRoot, Tt as DateCalendar, Et as DatePicker, na as DatePickerField, Dt as DateRangeCalendar, Ot as DateRangePicker, At as DefinitionItem, kt as DefinitionList, jt as DefinitionTooltip, Pt as Dialog, Mt as DialogActions, Nt as DialogButton, Lt as DialogContent, Rt as DialogTitle, Ft as DialogTrigger, ct as EmptyState, lt as EmptyStateActions, ut as EmptyStateContent, Kt as EmptyStateGetStarted, Jt as EmptyStateGoodJob, dt as EmptyStateIcon, Xt as EmptyStateNoSearchResults, Yt as EmptyStateUpgradeRequired, Zt as EmptyStateUseDesktop, qt as EmptyStateWaitingForData, $t as ErrorState, rn as FieldGroup, tn as Fieldset, an as Filter, fn as FilterAdapters, on as FilterControls, sn as FilterLabels, pn as FilterToolbar, _n as Flex, yn as FlexItem, un as FloatingActionBar, xn as Form, Zi as FormControl, Qi as FormFeedbackText, Yi as FormField, qi as FormHelperText, ta as FormLabel, Sn as FullPageLoader, Ln as FunnelBackButton, On as FunnelBody, En as FunnelLayout, An as FunnelPage, Mn as FunnelPageAction, Nn as FunnelPageActions, Fn as FunnelPageContent, Rn as FunnelPageFooter, Bn as FunnelPageHeader, Hn as FunnelSidebar, Wn as FunnelTopBar, Jn as Grid, Yn as GridItem, s as Icon, p as IconButton, Xn as Input, re as InteractiveAvatar, Be as Label, Qn as ListView, rr as ListViewItemLabel, ir as ListViewItemText, tr as ListViewSection, r as MOBILE_BREAKPOINTS, h as Menu, g as MenuContent, R as MenuHeader, ar as MenuSection, L as MenuSeparator, _ as MenuTrigger, or as MultiSelect, ra as MultiSelectField, sr as MultiSelectOptGroup, cr as MultiSelectOption, lr as Nav, fr as NavGroup, _r as NavigationCardDescription, mr as NavigationCardGroup, gr as NavigationCardLabel, ye as NoopRouterProvider, ia as NumberField, vr as NumberInput, br as Page, Sr as PageHeader, wr as PageHeading, Tr as Pagination, Dr as PaginationContent, Pr as PaginationEllipsis, kr as PaginationItem, q as PayFitBrand, J as PayFitBrandPreprod, Lr as PhoneNumberInput, Rr as Pill, zr as Popover, Br as PopoverTrigger, Vr as ProgressBar, Ht as PromoDialog, zt as PromoDialogActions, Gt as PromoDialogContent, Bt as PromoDialogHero, Wt as PromoDialogSubtitle, Vt as PromoDialogTitle, Gr as RadioButton, Hr as RadioButtonGroup, oa as RadioButtonGroupField, Ur as RadioButtonHelper, Wr as RadioIndicator, Te as RawBreadcrumbLink, Ji as RawFormContextualLink, Se as RawLink, Zn as RawLinkButton, $n as RawListViewItem, v as RawMenuItem, ur as RawNavItem, pr as RawNavigationCard, Ar as RawPaginationLink, Nr as RawPaginationNext, Mr as RawPaginationPrevious, Oi as RawSubTask, Si as RawTab, Ai as RawTask, be as RouterProvider, Xe as Search, Jr as SegmentedButtonGroup, $e as Select, Qe as SelectButton, ua as SelectField, Ye as SelectOption, ii as SelectOptionGroup, ai as SelectOptionHelper, Qr as SelectableButton, Xr as SelectableButtonGroup, sa as SelectableButtonGroupField, ti as SelectableCardCheckbox, ei as SelectableCardCheckboxGroup, ca as SelectableCardCheckboxGroupField, ri as SelectableCardRadio, ni as SelectableCardRadioGroup, la as SelectableCardRadioGroupField, oi as SidePanel, ci as SidePanelContent, ui as SidePanelFooter, fi as SidePanelHeader, qr as Skeleton, wn as SkipLink, Tn as SkipLinks, c as Spinner, vn as Stack, bn as StackItem, hi as Step, mi as Stepper, zi as TOAST_CONFIG, Ci as TabList, wi as TabPanel, Ti as TabPanels, nt as Table, it as TableBody, _i as TableCell, ot as TableColumnHeader, ft as TableEmptyState, pt as TableEmptyStateError, mt as TableEmptyStateLoading, ht as TableEmptyStateNoData, gt as TableEmptyStateText, yt as TableHeader, _t as TableNoSearchResults, et as TablePagination, rt as TableRoot, yi as TableRow, xi as Tabs, Mi as TaskGroup, Ei as TaskMenu, D as Text, Ni as TextArea, da as TextField, Fi as Timeline, Ii as TimelineStep, Ri as TimelineStepDescription, Li as TimelineStepHeader, Bi as ToastManager, Yr as ToggleButton, Wi as ToggleSwitch, fa as ToggleSwitchField, Hi as ToggleSwitchGroup, pa as ToggleSwitchGroupField, f as Tooltip, x as actionBarRoot, $ as autocompleteItem, te as autocompleteItemGroup, ue as bottomSheet, fe as bottomSheetContent, me as bottomSheetFooter, ge as bottomSheetHeader, Le as card, ke as carousel, Ne as carouselContent, je as carouselHeader, De as carouselNav, Fe as carouselSlide, He as checkboxGroup, C as circularIconButton, Ct as dataTableRoot, It as dialog, en as errorState, xa as fieldRevalidateLogic, nn as fieldset, cn as filterContainer, ln as filterDismissButton, mn as filterToolbar, hn as flex, gn as flexItem, dn as floatingActionBar, Cn as fullPageLoader, kn as funnelBody, Dn as funnelLayout, jn as funnelPage, Pn as funnelPageActions, In as funnelPageContent, zn as funnelPageFooter, Vn as funnelPageHeader, Un as funnelSidebar, Gn as funnelTopBar, V as getInitials, Kn as grid, qn as gridItem, i as isDesktopBreakpoint, a as isMobileBreakpoint, Ce as link, er as listViewItem, nr as listViewSection, dr as navItemBase, hr as navigationCardGroup, aa as numberField, yr as numberInput, xr as page, Cr as pageHeader, Er as pagination, Or as paginationContent, jr as paginationLink, Ut as promoDialog, Kr as radioButton, ki as rawSubTask, ji as rawTask, Ze as search, $r as selectableButton, Zr as selectableButtonGroup, si as sidePanel, li as sidePanelContent, di as sidePanelFooter, pi as sidePanelHeader, at as tableBody, vi as tableCell, st as tableColumnHeader, vt as tableEmptyState, bt as tableHeader, tt as tablePagination, bi as tableRow, ya as tanstackFormDefaultValues, Di as taskMenu, E as text, Pi as textArea, Vi as toast, Gi as toggleSwitch, Ui as toggleSwitchGroup, F as useAppMenuContext, Ki as useAsyncList, o as useBreakpointListener, Qt as useContainerQueryLevel, ba as useFieldA11yContext, ma as useFieldContext, ha as useFormContext, t as useMediaQuery, Ir as usePaginationState, Fr as usePaginationWindow, xe as useRouter, gi as useStepper, ga as useTanstackUnityForm, Xi as useUnityForm, _a as withFieldGroup, va as withForm };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@payfit/unity-components",
3
- "version": "2.67.25",
3
+ "version": "2.67.26",
4
4
  "module": "./dist/esm/index.js",
5
5
  "type": "module",
6
6
  "sideEffects": false,
@@ -96,7 +96,7 @@
96
96
  "tailwind-variants": "3.3.1",
97
97
  "usehooks-ts": "3.1.1",
98
98
  "zod": "4.5.4",
99
- "@payfit/unity-illustrations": "2.67.25"
99
+ "@payfit/unity-illustrations": "2.67.26"
100
100
  },
101
101
  "peerDependencies": {
102
102
  "@hookform/devtools": "^4",
@@ -108,8 +108,8 @@
108
108
  "react-hook-form": "^7",
109
109
  "react-router-dom": "^5",
110
110
  "zod": "^3 || ^4",
111
- "@payfit/unity-icons": "2.67.25",
112
- "@payfit/unity-themes": "2.67.25"
111
+ "@payfit/unity-icons": "2.67.26",
112
+ "@payfit/unity-themes": "2.67.26"
113
113
  },
114
114
  "devDependencies": {
115
115
  "@figma/code-connect": "1.5.3",
@@ -155,15 +155,15 @@
155
155
  "vite": "8.1.4",
156
156
  "vite-plugin-node-polyfills": "0.28.0",
157
157
  "vitest": "4.1.11",
158
- "@payfit/hr-app-eslint": "0.0.0-use.local",
159
- "@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
160
158
  "@payfit/storybook-addon-console-errors": "0.0.0-use.local",
161
159
  "@payfit/storybook-addon-datadog-rum": "0.0.0-use.local",
160
+ "@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
162
161
  "@payfit/storybook-config": "0.0.0-use.local",
163
- "@payfit/unity-icons": "2.67.25",
164
- "@payfit/unity-illustrations": "2.67.25",
165
- "@payfit/unity-themes": "2.67.25",
166
- "@payfit/vite-configs": "0.0.0-use.local"
162
+ "@payfit/unity-illustrations": "2.67.26",
163
+ "@payfit/unity-icons": "2.67.26",
164
+ "@payfit/unity-themes": "2.67.26",
165
+ "@payfit/vite-configs": "0.0.0-use.local",
166
+ "@payfit/hr-app-eslint": "0.0.0-use.local"
167
167
  },
168
168
  "peerDependenciesMeta": {
169
169
  "@hookform/devtools": {