@payfit/unity-components 3.15.14 → 3.15.16

package/dist/esm/core/components/file-upload-trigger/FileUploadTrigger.js

@@ -0,0 +1,19 @@
+import { forwardRef as e, useCallback as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { FileTrigger as r } from "react-aria-components";
+//#region src/core/components/file-upload-trigger/FileUploadTrigger.tsx
+var i = e(({ id: e, name: i, ...a }, o) => /* @__PURE__ */ n("div", {
+	ref: t((t) => {
+		let n = t?.querySelector("input[type=\"file\"]") ?? null;
+		n && (e && (n.id = e), i && (n.name = i)), typeof o == "function" ? o(n) : o && (o.current = n);
+	}, [
+		o,
+		e,
+		i
+	]),
+	className: "uy:contents",
+	children: /* @__PURE__ */ n(r, { ...a })
+}));
+i.displayName = "FileUploadTrigger";
+//#endregion
+export { i as FileUploadTrigger };

package/dist/esm/core/index.d.ts

@@ -217,3 +217,14 @@ export * from './hooks/use-container-query-level.js';
 export * from './hooks/use-media-query.js';
 export * from './providers/router/RouterProvider.js';
 export * from './components/scroll-area/ScrollArea.js';
+export * from './components/dropzone/Dropzone.js';
+export * from './components/dropzone/DropzoneOverlay.js';
+export * from './components/dropzone/parts/DropzoneIcon.js';
+export * from './components/dropzone/parts/DropzoneContent.js';
+export * from './components/dropzone/parts/DropzoneActions.js';
+export * from './components/dropzone/parts/DropzoneIllustration.js';
+export * from './components/dropzone/parts/DropzoneLabel.js';
+export * from './components/dropzone/parts/DropzoneDescription.js';
+export * from './components/file-upload-trigger/FileUploadTrigger.js';
+export * from './components/file-upload-dropzone/FileUploadDropzone.js';
+export * from './components/file-upload-dropzone/parts/FileUploadDropzoneButton.js';

package/dist/esm/core/index.js

@@ -218,4 +218,15 @@ import { ToggleSwitchGroup as Ii, toggleSwitchGroup as Li } from "./components/t
 import { ToggleSwitch as Ri, toggleSwitch as zi } from "./components/toggle-switch/ToggleSwitch.js";
 import { useAsyncList as Bi } from "./hooks/use-async-list.js";
 import { ScrollArea as Vi } from "./components/scroll-area/ScrollArea.js";
-export { v as ActionBar, u as ActionBarButton, p as ActionBarIconButton, y as ActionBarRoot, e as Actionable, C as Alert, w as AlertActions, D as AlertContent, O as AlertTitle, k as Anchor, A as AppLayout, F as AppMenu, M as AppMenuContext, N as AppMenuContextProvider, W as AppMenuFooter, J as AppMenuHeader, Y as AppMenuNavContent, U as AppProfileMenuButton, j as AppTopBar, X as Autocomplete, Z as AutocompleteItem, $ as AutocompleteItemGroup, z as Avatar, V as AvatarFallback, oe as AvatarGroup, ae as AvatarGroupCount, re as AvatarIcon, H as AvatarImage, ie as AvatarPair, te as AvatarWithTooltip, G as BRAND_ASSETS, Ce as BREADCRUMB_ITEM_MAX_WIDTH, R as Badge, se as BadgeDot, ce as BottomSheet, ue as BottomSheetContent, fe as BottomSheetFooter, me as BottomSheetHeader, _e as Breadcrumb, ge as Breadcrumbs, l as Button, Fe as Card, Re as CardContent, Le as CardTitle, De as Carousel, je as CarouselContent, ke as CarouselHeader, Te as CarouselNav, Ne as CarouselSlide, He as Checkbox, Be as CheckboxGroup, Ue as CheckboxStandalone, x as CircularIconButton, We as Collapsible, Ge as CollapsibleContent, qe as CollapsibleGroup, Ke as CollapsibleTitle, n as DESKTOP_BREAKPOINTS, Je as DateCalendar, Ye as DatePicker, Xe as DateRangeCalendar, Ze as DateRangePicker, $e as DefinitionItem, Qe as DefinitionList, et as DefinitionListGroup, tt as DefinitionTooltip, rt as Dialog, ot as DialogActions, nt as DialogButton, st as DialogContent, ct as DialogTitle, it as DialogTrigger, gt as EmptyState, yt as EmptyStateActions, vt as EmptyStateContent, bt as EmptyStateGetStarted, St as EmptyStateGoodJob, _t as EmptyStateIcon, wt as EmptyStateNoSearchResults, Ct as EmptyStateUpgradeRequired, Tt as EmptyStateUseDesktop, xt as EmptyStateWaitingForData, Dt as ErrorState, jt as FieldGroup, kt as Fieldset, Mt as Filter, Nt as FilterControls, Pt as FilterLabels, zt as FilterToolbar, Ut as Flex, Gt as FlexItem, Lt as FloatingActionBar, qt as FullPageLoader, ln as FunnelBackButton, $t as FunnelBody, Zt as FunnelLayout, tn as FunnelPage, rn as FunnelPageAction, an as FunnelPageActions, sn as FunnelPageContent, un as FunnelPageFooter, fn as FunnelPageHeader, mn as FunnelSidebar, gn as FunnelTopBar, bn as Grid, xn as GridItem, s as Icon, f as IconButton, Sn as Input, ne as InteractiveAvatar, ze as Label, wn as ListView, kn as ListViewItemLabel, An as ListViewItemText, Dn as ListViewSection, r as MOBILE_BREAKPOINTS, m as Menu, h as MenuContent, L as MenuHeader, jn as MenuSection, I as MenuSeparator, g as MenuTrigger, Pn as MultiSelect, Fn as MultiSelectOptGroup, In as MultiSelectOption, Ln as Nav, Bn as NavGroup, Gn as NavigationCardDescription, Hn as NavigationCardGroup, Wn as NavigationCardLabel, ve as NoopRouterProvider, Kn as NumberInput, Jn as Page, Xn as PageHeader, Qn as PageHeading, $n as Pagination, tr as PaginationContent, cr as PaginationEllipsis, rr as PaginationItem, K as PayFitBrand, q as PayFitBrandPreprod, dr as PhoneNumberInput, fr as Pill, pr as Popover, mr as PopoverTrigger, hr as ProgressBar, ft as PromoDialog, lt as PromoDialogActions, ht as PromoDialogContent, ut as PromoDialogHero, mt as PromoDialogSubtitle, dt as PromoDialogTitle, yr as RadioButton, gr as RadioButtonGroup, _r as RadioButtonHelper, vr as RadioIndicator, we as RawBreadcrumbLink, xe as RawLink, Cn as RawLinkButton, Tn as RawListViewItem, _ as RawMenuItem, Rn as RawNavItem, Vn as RawNavigationCard, ir as RawPaginationLink, sr as RawPaginationNext, or as RawPaginationPrevious, Si as RawSubTask, gi as RawTab, wi as RawTask, ye as RouterProvider, Vi as ScrollArea, Mn as Search, Sr as SegmentedButtonGroup, Nr as Select, Mr as SelectButton, Pr as SelectOption, Fr as SelectOptionGroup, Ir as SelectOptionHelper, Er as SelectableButton, wr as SelectableButtonGroup, kr as SelectableCardCheckbox, Or as SelectableCardCheckboxGroup, jr as SelectableCardRadio, Ar as SelectableCardRadioGroup, Lr as SidePanel, zr as SidePanelContent, Vr as SidePanelFooter, Ur as SidePanelHeader, xr as Skeleton, Yt as SkipLink, Xt as SkipLinks, c as Spinner, Wt as Stack, Kt as StackItem, Kr as Step, Gr as Stepper, Ni as TOAST_CONFIG, _i as TabList, vi as TabPanel, yi as TabPanels, Jr as Table, Xr as TableBody, Qr as TableCell, ei as TableColumnHeader, ni as TableEmptyState, ri as TableEmptyStateError, ii as TableEmptyStateLoading, ai as TableEmptyStateNoData, oi as TableEmptyStateText, li as TableHeader, si as TableNoSearchResults, di as TablePagination, Yr as TableRoot, pi as TableRow, hi as Tabs, Ei as TaskGroup, bi as TaskMenu, E as Text, Di as TextArea, ki as Timeline, Ai as TimelineStep, Mi as TimelineStepDescription, ji as TimelineStepHeader, Pi as ToastManager, Cr as ToggleButton, Ri as ToggleSwitch, Ii as ToggleSwitchGroup, d as Tooltip, b as actionBarRoot, Q as autocompleteItem, ee as autocompleteItemGroup, le as bottomSheet, de as bottomSheetContent, pe as bottomSheetFooter, he as bottomSheetHeader, Ie as card, Oe as carousel, Me as carouselContent, Ae as carouselHeader, Ee as carouselNav, Pe as carouselSlide, Ve as checkboxGroup, S as circularIconButton, at as dialog, Ot as errorState, At as fieldset, Ft as filterContainer, It as filterDismissButton, Bt as filterToolbar, Vt as flex, Ht as flexItem, Rt as floatingActionBar, Jt as fullPageLoader, en as funnelBody, Qt as funnelLayout, nn as funnelPage, on as funnelPageActions, cn as funnelPageContent, dn as funnelPageFooter, pn as funnelPageHeader, hn as funnelSidebar, _n as funnelTopBar, B as getInitials, vn as grid, yn as gridItem, i as isDesktopBreakpoint, a as isMobileBreakpoint, Se as link, En as listViewItem, On as listViewSection, zn as navItemBase, Un as navigationCardGroup, qn as numberInput, Yn as page, Zn as pageHeader, er as pagination, nr as paginationContent, ar as paginationLink, pt as promoDialog, br as radioButton, Ci as rawSubTask, Ti as rawTask, Nn as search, Dr as selectableButton, Tr as selectableButtonGroup, Rr as sidePanel, Br as sidePanelContent, Hr as sidePanelFooter, Wr as sidePanelHeader, Zr as tableBody, $r as tableCell, ti as tableColumnHeader, ci as tableEmptyState, ui as tableHeader, fi as tablePagination, mi as tableRow, xi as taskMenu, T as text, Oi as textArea, Fi as toast, zi as toggleSwitch, Li as toggleSwitchGroup, P as useAppMenuContext, Bi as useAsyncList, o as useBreakpointListener, Et as useContainerQueryLevel, t as useMediaQuery, ur as usePaginationState, lr as usePaginationWindow, be as useRouter, qr as useStepper };
+import { Dropzone as Hi } from "./components/dropzone/Dropzone.js";
+import { DropzoneContent as Ui } from "./components/dropzone/parts/DropzoneContent.js";
+import { DropzoneOverlay as Wi, dropzoneOverlay as Gi } from "./components/dropzone/DropzoneOverlay.js";
+import { DropzoneIcon as Ki } from "./components/dropzone/parts/DropzoneIcon.js";
+import { DropzoneActions as qi } from "./components/dropzone/parts/DropzoneActions.js";
+import { DropzoneIllustration as Ji } from "./components/dropzone/parts/DropzoneIllustration.js";
+import { DropzoneLabel as Yi } from "./components/dropzone/parts/DropzoneLabel.js";
+import { DropzoneDescription as Xi } from "./components/dropzone/parts/DropzoneDescription.js";
+import { FileUploadTrigger as Zi } from "./components/file-upload-trigger/FileUploadTrigger.js";
+import { FileUploadDropzoneButton as Qi } from "./components/file-upload-dropzone/parts/FileUploadDropzoneButton.js";
+import { FileUploadDropzone as $i } from "./components/file-upload-dropzone/FileUploadDropzone.js";
+export { v as ActionBar, u as ActionBarButton, p as ActionBarIconButton, y as ActionBarRoot, e as Actionable, C as Alert, w as AlertActions, D as AlertContent, O as AlertTitle, k as Anchor, A as AppLayout, F as AppMenu, M as AppMenuContext, N as AppMenuContextProvider, W as AppMenuFooter, J as AppMenuHeader, Y as AppMenuNavContent, U as AppProfileMenuButton, j as AppTopBar, X as Autocomplete, Z as AutocompleteItem, $ as AutocompleteItemGroup, z as Avatar, V as AvatarFallback, oe as AvatarGroup, ae as AvatarGroupCount, re as AvatarIcon, H as AvatarImage, ie as AvatarPair, te as AvatarWithTooltip, G as BRAND_ASSETS, Ce as BREADCRUMB_ITEM_MAX_WIDTH, R as Badge, se as BadgeDot, ce as BottomSheet, ue as BottomSheetContent, fe as BottomSheetFooter, me as BottomSheetHeader, _e as Breadcrumb, ge as Breadcrumbs, l as Button, Fe as Card, Re as CardContent, Le as CardTitle, De as Carousel, je as CarouselContent, ke as CarouselHeader, Te as CarouselNav, Ne as CarouselSlide, He as Checkbox, Be as CheckboxGroup, Ue as CheckboxStandalone, x as CircularIconButton, We as Collapsible, Ge as CollapsibleContent, qe as CollapsibleGroup, Ke as CollapsibleTitle, n as DESKTOP_BREAKPOINTS, Je as DateCalendar, Ye as DatePicker, Xe as DateRangeCalendar, Ze as DateRangePicker, $e as DefinitionItem, Qe as DefinitionList, et as DefinitionListGroup, tt as DefinitionTooltip, rt as Dialog, ot as DialogActions, nt as DialogButton, st as DialogContent, ct as DialogTitle, it as DialogTrigger, Hi as Dropzone, qi as DropzoneActions, Ui as DropzoneContent, Xi as DropzoneDescription, Ki as DropzoneIcon, Ji as DropzoneIllustration, Yi as DropzoneLabel, Wi as DropzoneOverlay, gt as EmptyState, yt as EmptyStateActions, vt as EmptyStateContent, bt as EmptyStateGetStarted, St as EmptyStateGoodJob, _t as EmptyStateIcon, wt as EmptyStateNoSearchResults, Ct as EmptyStateUpgradeRequired, Tt as EmptyStateUseDesktop, xt as EmptyStateWaitingForData, Dt as ErrorState, jt as FieldGroup, kt as Fieldset, $i as FileUploadDropzone, Qi as FileUploadDropzoneButton, Zi as FileUploadTrigger, Mt as Filter, Nt as FilterControls, Pt as FilterLabels, zt as FilterToolbar, Ut as Flex, Gt as FlexItem, Lt as FloatingActionBar, qt as FullPageLoader, ln as FunnelBackButton, $t as FunnelBody, Zt as FunnelLayout, tn as FunnelPage, rn as FunnelPageAction, an as FunnelPageActions, sn as FunnelPageContent, un as FunnelPageFooter, fn as FunnelPageHeader, mn as FunnelSidebar, gn as FunnelTopBar, bn as Grid, xn as GridItem, s as Icon, f as IconButton, Sn as Input, ne as InteractiveAvatar, ze as Label, wn as ListView, kn as ListViewItemLabel, An as ListViewItemText, Dn as ListViewSection, r as MOBILE_BREAKPOINTS, m as Menu, h as MenuContent, L as MenuHeader, jn as MenuSection, I as MenuSeparator, g as MenuTrigger, Pn as MultiSelect, Fn as MultiSelectOptGroup, In as MultiSelectOption, Ln as Nav, Bn as NavGroup, Gn as NavigationCardDescription, Hn as NavigationCardGroup, Wn as NavigationCardLabel, ve as NoopRouterProvider, Kn as NumberInput, Jn as Page, Xn as PageHeader, Qn as PageHeading, $n as Pagination, tr as PaginationContent, cr as PaginationEllipsis, rr as PaginationItem, K as PayFitBrand, q as PayFitBrandPreprod, dr as PhoneNumberInput, fr as Pill, pr as Popover, mr as PopoverTrigger, hr as ProgressBar, ft as PromoDialog, lt as PromoDialogActions, ht as PromoDialogContent, ut as PromoDialogHero, mt as PromoDialogSubtitle, dt as PromoDialogTitle, yr as RadioButton, gr as RadioButtonGroup, _r as RadioButtonHelper, vr as RadioIndicator, we as RawBreadcrumbLink, xe as RawLink, Cn as RawLinkButton, Tn as RawListViewItem, _ as RawMenuItem, Rn as RawNavItem, Vn as RawNavigationCard, ir as RawPaginationLink, sr as RawPaginationNext, or as RawPaginationPrevious, Si as RawSubTask, gi as RawTab, wi as RawTask, ye as RouterProvider, Vi as ScrollArea, Mn as Search, Sr as SegmentedButtonGroup, Nr as Select, Mr as SelectButton, Pr as SelectOption, Fr as SelectOptionGroup, Ir as SelectOptionHelper, Er as SelectableButton, wr as SelectableButtonGroup, kr as SelectableCardCheckbox, Or as SelectableCardCheckboxGroup, jr as SelectableCardRadio, Ar as SelectableCardRadioGroup, Lr as SidePanel, zr as SidePanelContent, Vr as SidePanelFooter, Ur as SidePanelHeader, xr as Skeleton, Yt as SkipLink, Xt as SkipLinks, c as Spinner, Wt as Stack, Kt as StackItem, Kr as Step, Gr as Stepper, Ni as TOAST_CONFIG, _i as TabList, vi as TabPanel, yi as TabPanels, Jr as Table, Xr as TableBody, Qr as TableCell, ei as TableColumnHeader, ni as TableEmptyState, ri as TableEmptyStateError, ii as TableEmptyStateLoading, ai as TableEmptyStateNoData, oi as TableEmptyStateText, li as TableHeader, si as TableNoSearchResults, di as TablePagination, Yr as TableRoot, pi as TableRow, hi as Tabs, Ei as TaskGroup, bi as TaskMenu, E as Text, Di as TextArea, ki as Timeline, Ai as TimelineStep, Mi as TimelineStepDescription, ji as TimelineStepHeader, Pi as ToastManager, Cr as ToggleButton, Ri as ToggleSwitch, Ii as ToggleSwitchGroup, d as Tooltip, b as actionBarRoot, Q as autocompleteItem, ee as autocompleteItemGroup, le as bottomSheet, de as bottomSheetContent, pe as bottomSheetFooter, he as bottomSheetHeader, Ie as card, Oe as carousel, Me as carouselContent, Ae as carouselHeader, Ee as carouselNav, Pe as carouselSlide, Ve as checkboxGroup, S as circularIconButton, at as dialog, Gi as dropzoneOverlay, Ot as errorState, At as fieldset, Ft as filterContainer, It as filterDismissButton, Bt as filterToolbar, Vt as flex, Ht as flexItem, Rt as floatingActionBar, Jt as fullPageLoader, en as funnelBody, Qt as funnelLayout, nn as funnelPage, on as funnelPageActions, cn as funnelPageContent, dn as funnelPageFooter, pn as funnelPageHeader, hn as funnelSidebar, _n as funnelTopBar, B as getInitials, vn as grid, yn as gridItem, i as isDesktopBreakpoint, a as isMobileBreakpoint, Se as link, En as listViewItem, On as listViewSection, zn as navItemBase, Un as navigationCardGroup, qn as numberInput, Yn as page, Zn as pageHeader, er as pagination, nr as paginationContent, ar as paginationLink, pt as promoDialog, br as radioButton, Ci as rawSubTask, Ti as rawTask, Nn as search, Dr as selectableButton, Tr as selectableButtonGroup, Rr as sidePanel, Br as sidePanelContent, Hr as sidePanelFooter, Wr as sidePanelHeader, Zr as tableBody, $r as tableCell, ti as tableColumnHeader, ci as tableEmptyState, ui as tableHeader, fi as tablePagination, mi as tableRow, xi as taskMenu, T as text, Oi as textArea, Fi as toast, zi as toggleSwitch, Li as toggleSwitchGroup, P as useAppMenuContext, Bi as useAsyncList, o as useBreakpointListener, Et as useContainerQueryLevel, t as useMediaQuery, ur as usePaginationState, lr as usePaginationWindow, be as useRouter, qr as useStepper };

package/dist/esm/index.js

@@ -218,17 +218,28 @@ import { ToggleSwitchGroup as Ii, toggleSwitchGroup as Li } from "./core/compone
 import { ToggleSwitch as Ri, toggleSwitch as zi } from "./core/components/toggle-switch/ToggleSwitch.js";
 import { useAsyncList as Bi } from "./core/hooks/use-async-list.js";
 import { ScrollArea as Vi } from "./core/components/scroll-area/ScrollArea.js";
-import { useFieldContext as Hi, useFormContext as Ui } from "./modules/tanstack-form/hooks/tanstack-form-context.js";
-import { useTanstackUnityForm as Wi, withFieldGroup as Gi, withForm as Ki } from "./modules/tanstack-form/hooks/use-tanstack-form.js";
-import { tanstackFormDefaultValues as qi } from "./modules/tanstack-form/hooks/tanstack-form-default-values.js";
-import { useFieldA11yContext as Ji } from "./modules/tanstack-form/components/form-field/TanstackFormField.context.js";
-import { fieldRevalidateLogic as Yi } from "./modules/tanstack-form/utils/field-revalidate-logic.js";
-import { StandardSchemaAdapter as Xi } from "./modules/tanstack-form/adapters/standardSchemaAdapter.js";
-import { ZodV3SchemaAdapter as Zi, ZodV4SchemaAdapter as Qi } from "./modules/tanstack-form/adapters/zodAdapter.js";
-import { createSchemaAdapter as $i } from "./modules/tanstack-form/utils/createSchemaAdapter.js";
-import { ColumnSortHeader as ea, isSortableHeader as ta } from "./modules/tanstack-table/components/data-table/parts/ColumnSortHeader.js";
-import { DataTable as na } from "./modules/tanstack-table/components/data-table/DataTable.js";
-import { DataTableRoot as ra, dataTableRoot as ia } from "./modules/tanstack-table/components/data-table/parts/DataTableRoot.js";
-import { DataTableBulkActions as aa } from "./modules/tanstack-table/components/data-table-bulk-actions/DataTableBulkActions.js";
-import { FilterAdapters as oa } from "./modules/tanstack-table/adapters/filter-adapters.js";
-export { v as ActionBar, u as ActionBarButton, p as ActionBarIconButton, y as ActionBarRoot, e as Actionable, C as Alert, w as AlertActions, D as AlertContent, O as AlertTitle, k as Anchor, A as AppLayout, F as AppMenu, M as AppMenuContext, N as AppMenuContextProvider, W as AppMenuFooter, J as AppMenuHeader, Y as AppMenuNavContent, U as AppProfileMenuButton, j as AppTopBar, X as Autocomplete, Z as AutocompleteItem, $ as AutocompleteItemGroup, z as Avatar, V as AvatarFallback, oe as AvatarGroup, ae as AvatarGroupCount, re as AvatarIcon, H as AvatarImage, ie as AvatarPair, te as AvatarWithTooltip, G as BRAND_ASSETS, Ce as BREADCRUMB_ITEM_MAX_WIDTH, R as Badge, se as BadgeDot, ce as BottomSheet, ue as BottomSheetContent, fe as BottomSheetFooter, me as BottomSheetHeader, _e as Breadcrumb, ge as Breadcrumbs, l as Button, Fe as Card, Re as CardContent, Le as CardTitle, De as Carousel, je as CarouselContent, ke as CarouselHeader, Te as CarouselNav, Ne as CarouselSlide, He as Checkbox, Be as CheckboxGroup, Ue as CheckboxStandalone, x as CircularIconButton, We as Collapsible, Ge as CollapsibleContent, qe as CollapsibleGroup, Ke as CollapsibleTitle, ea as ColumnSortHeader, n as DESKTOP_BREAKPOINTS, na as DataTable, aa as DataTableBulkActions, ra as DataTableRoot, Je as DateCalendar, Ye as DatePicker, Xe as DateRangeCalendar, Ze as DateRangePicker, $e as DefinitionItem, Qe as DefinitionList, et as DefinitionListGroup, tt as DefinitionTooltip, rt as Dialog, ot as DialogActions, nt as DialogButton, st as DialogContent, ct as DialogTitle, it as DialogTrigger, gt as EmptyState, yt as EmptyStateActions, vt as EmptyStateContent, bt as EmptyStateGetStarted, St as EmptyStateGoodJob, _t as EmptyStateIcon, wt as EmptyStateNoSearchResults, Ct as EmptyStateUpgradeRequired, Tt as EmptyStateUseDesktop, xt as EmptyStateWaitingForData, Dt as ErrorState, jt as FieldGroup, kt as Fieldset, Mt as Filter, oa as FilterAdapters, Nt as FilterControls, Pt as FilterLabels, zt as FilterToolbar, Ut as Flex, Gt as FlexItem, Lt as FloatingActionBar, qt as FullPageLoader, ln as FunnelBackButton, $t as FunnelBody, Zt as FunnelLayout, tn as FunnelPage, rn as FunnelPageAction, an as FunnelPageActions, sn as FunnelPageContent, un as FunnelPageFooter, fn as FunnelPageHeader, mn as FunnelSidebar, gn as FunnelTopBar, bn as Grid, xn as GridItem, s as Icon, f as IconButton, Sn as Input, ne as InteractiveAvatar, ze as Label, wn as ListView, kn as ListViewItemLabel, An as ListViewItemText, Dn as ListViewSection, r as MOBILE_BREAKPOINTS, m as Menu, h as MenuContent, L as MenuHeader, jn as MenuSection, I as MenuSeparator, g as MenuTrigger, Pn as MultiSelect, Fn as MultiSelectOptGroup, In as MultiSelectOption, Ln as Nav, Bn as NavGroup, Gn as NavigationCardDescription, Hn as NavigationCardGroup, Wn as NavigationCardLabel, ve as NoopRouterProvider, Kn as NumberInput, Jn as Page, Xn as PageHeader, Qn as PageHeading, $n as Pagination, tr as PaginationContent, cr as PaginationEllipsis, rr as PaginationItem, K as PayFitBrand, q as PayFitBrandPreprod, dr as PhoneNumberInput, fr as Pill, pr as Popover, mr as PopoverTrigger, hr as ProgressBar, ft as PromoDialog, lt as PromoDialogActions, ht as PromoDialogContent, ut as PromoDialogHero, mt as PromoDialogSubtitle, dt as PromoDialogTitle, yr as RadioButton, gr as RadioButtonGroup, _r as RadioButtonHelper, vr as RadioIndicator, we as RawBreadcrumbLink, xe as RawLink, Cn as RawLinkButton, Tn as RawListViewItem, _ as RawMenuItem, Rn as RawNavItem, Vn as RawNavigationCard, ir as RawPaginationLink, sr as RawPaginationNext, or as RawPaginationPrevious, Si as RawSubTask, gi as RawTab, wi as RawTask, ye as RouterProvider, Vi as ScrollArea, Mn as Search, Sr as SegmentedButtonGroup, Nr as Select, Mr as SelectButton, Pr as SelectOption, Fr as SelectOptionGroup, Ir as SelectOptionHelper, Er as SelectableButton, wr as SelectableButtonGroup, kr as SelectableCardCheckbox, Or as SelectableCardCheckboxGroup, jr as SelectableCardRadio, Ar as SelectableCardRadioGroup, Lr as SidePanel, zr as SidePanelContent, Vr as SidePanelFooter, Ur as SidePanelHeader, xr as Skeleton, Yt as SkipLink, Xt as SkipLinks, c as Spinner, Wt as Stack, Kt as StackItem, Xi as StandardSchemaAdapter, Kr as Step, Gr as Stepper, Ni as TOAST_CONFIG, _i as TabList, vi as TabPanel, yi as TabPanels, Jr as Table, Xr as TableBody, Qr as TableCell, ei as TableColumnHeader, ni as TableEmptyState, ri as TableEmptyStateError, ii as TableEmptyStateLoading, ai as TableEmptyStateNoData, oi as TableEmptyStateText, li as TableHeader, si as TableNoSearchResults, di as TablePagination, Yr as TableRoot, pi as TableRow, hi as Tabs, Ei as TaskGroup, bi as TaskMenu, E as Text, Di as TextArea, ki as Timeline, Ai as TimelineStep, Mi as TimelineStepDescription, ji as TimelineStepHeader, Pi as ToastManager, Cr as ToggleButton, Ri as ToggleSwitch, Ii as ToggleSwitchGroup, d as Tooltip, Zi as ZodV3SchemaAdapter, Qi as ZodV4SchemaAdapter, b as actionBarRoot, Q as autocompleteItem, ee as autocompleteItemGroup, le as bottomSheet, de as bottomSheetContent, pe as bottomSheetFooter, he as bottomSheetHeader, Ie as card, Oe as carousel, Me as carouselContent, Ae as carouselHeader, Ee as carouselNav, Pe as carouselSlide, Ve as checkboxGroup, S as circularIconButton, $i as createSchemaAdapter, ia as dataTableRoot, at as dialog, Ot as errorState, Yi as fieldRevalidateLogic, At as fieldset, Ft as filterContainer, It as filterDismissButton, Bt as filterToolbar, Vt as flex, Ht as flexItem, Rt as floatingActionBar, Jt as fullPageLoader, en as funnelBody, Qt as funnelLayout, nn as funnelPage, on as funnelPageActions, cn as funnelPageContent, dn as funnelPageFooter, pn as funnelPageHeader, hn as funnelSidebar, _n as funnelTopBar, B as getInitials, vn as grid, yn as gridItem, i as isDesktopBreakpoint, a as isMobileBreakpoint, ta as isSortableHeader, Se as link, En as listViewItem, On as listViewSection, zn as navItemBase, Un as navigationCardGroup, qn as numberInput, Yn as page, Zn as pageHeader, er as pagination, nr as paginationContent, ar as paginationLink, pt as promoDialog, br as radioButton, Ci as rawSubTask, Ti as rawTask, Nn as search, Dr as selectableButton, Tr as selectableButtonGroup, Rr as sidePanel, Br as sidePanelContent, Hr as sidePanelFooter, Wr as sidePanelHeader, Zr as tableBody, $r as tableCell, ti as tableColumnHeader, ci as tableEmptyState, ui as tableHeader, fi as tablePagination, mi as tableRow, qi as tanstackFormDefaultValues, xi as taskMenu, T as text, Oi as textArea, Fi as toast, zi as toggleSwitch, Li as toggleSwitchGroup, P as useAppMenuContext, Bi as useAsyncList, o as useBreakpointListener, Et as useContainerQueryLevel, Ji as useFieldA11yContext, Hi as useFieldContext, Ui as useFormContext, t as useMediaQuery, ur as usePaginationState, lr as usePaginationWindow, be as useRouter, qr as useStepper, Wi as useTanstackUnityForm, Gi as withFieldGroup, Ki as withForm };
+import { Dropzone as Hi } from "./core/components/dropzone/Dropzone.js";
+import { DropzoneContent as Ui } from "./core/components/dropzone/parts/DropzoneContent.js";
+import { DropzoneOverlay as Wi, dropzoneOverlay as Gi } from "./core/components/dropzone/DropzoneOverlay.js";
+import { DropzoneIcon as Ki } from "./core/components/dropzone/parts/DropzoneIcon.js";
+import { DropzoneActions as qi } from "./core/components/dropzone/parts/DropzoneActions.js";
+import { DropzoneIllustration as Ji } from "./core/components/dropzone/parts/DropzoneIllustration.js";
+import { DropzoneLabel as Yi } from "./core/components/dropzone/parts/DropzoneLabel.js";
+import { DropzoneDescription as Xi } from "./core/components/dropzone/parts/DropzoneDescription.js";
+import { FileUploadTrigger as Zi } from "./core/components/file-upload-trigger/FileUploadTrigger.js";
+import { FileUploadDropzoneButton as Qi } from "./core/components/file-upload-dropzone/parts/FileUploadDropzoneButton.js";
+import { FileUploadDropzone as $i } from "./core/components/file-upload-dropzone/FileUploadDropzone.js";
+import { useFieldContext as ea, useFormContext as ta } from "./modules/tanstack-form/hooks/tanstack-form-context.js";
+import { useTanstackUnityForm as na, withFieldGroup as ra, withForm as ia } from "./modules/tanstack-form/hooks/use-tanstack-form.js";
+import { tanstackFormDefaultValues as aa } from "./modules/tanstack-form/hooks/tanstack-form-default-values.js";
+import { useFieldA11yContext as oa } from "./modules/tanstack-form/components/form-field/TanstackFormField.context.js";
+import { fieldRevalidateLogic as sa } from "./modules/tanstack-form/utils/field-revalidate-logic.js";
+import { StandardSchemaAdapter as ca } from "./modules/tanstack-form/adapters/standardSchemaAdapter.js";
+import { ZodV3SchemaAdapter as la, ZodV4SchemaAdapter as ua } from "./modules/tanstack-form/adapters/zodAdapter.js";
+import { createSchemaAdapter as da } from "./modules/tanstack-form/utils/createSchemaAdapter.js";
+import { ColumnSortHeader as fa, isSortableHeader as pa } from "./modules/tanstack-table/components/data-table/parts/ColumnSortHeader.js";
+import { DataTable as ma } from "./modules/tanstack-table/components/data-table/DataTable.js";
+import { DataTableRoot as ha, dataTableRoot as ga } from "./modules/tanstack-table/components/data-table/parts/DataTableRoot.js";
+import { DataTableBulkActions as _a } from "./modules/tanstack-table/components/data-table-bulk-actions/DataTableBulkActions.js";
+import { FilterAdapters as va } from "./modules/tanstack-table/adapters/filter-adapters.js";
+export { v as ActionBar, u as ActionBarButton, p as ActionBarIconButton, y as ActionBarRoot, e as Actionable, C as Alert, w as AlertActions, D as AlertContent, O as AlertTitle, k as Anchor, A as AppLayout, F as AppMenu, M as AppMenuContext, N as AppMenuContextProvider, W as AppMenuFooter, J as AppMenuHeader, Y as AppMenuNavContent, U as AppProfileMenuButton, j as AppTopBar, X as Autocomplete, Z as AutocompleteItem, $ as AutocompleteItemGroup, z as Avatar, V as AvatarFallback, oe as AvatarGroup, ae as AvatarGroupCount, re as AvatarIcon, H as AvatarImage, ie as AvatarPair, te as AvatarWithTooltip, G as BRAND_ASSETS, Ce as BREADCRUMB_ITEM_MAX_WIDTH, R as Badge, se as BadgeDot, ce as BottomSheet, ue as BottomSheetContent, fe as BottomSheetFooter, me as BottomSheetHeader, _e as Breadcrumb, ge as Breadcrumbs, l as Button, Fe as Card, Re as CardContent, Le as CardTitle, De as Carousel, je as CarouselContent, ke as CarouselHeader, Te as CarouselNav, Ne as CarouselSlide, He as Checkbox, Be as CheckboxGroup, Ue as CheckboxStandalone, x as CircularIconButton, We as Collapsible, Ge as CollapsibleContent, qe as CollapsibleGroup, Ke as CollapsibleTitle, fa as ColumnSortHeader, n as DESKTOP_BREAKPOINTS, ma as DataTable, _a as DataTableBulkActions, ha as DataTableRoot, Je as DateCalendar, Ye as DatePicker, Xe as DateRangeCalendar, Ze as DateRangePicker, $e as DefinitionItem, Qe as DefinitionList, et as DefinitionListGroup, tt as DefinitionTooltip, rt as Dialog, ot as DialogActions, nt as DialogButton, st as DialogContent, ct as DialogTitle, it as DialogTrigger, Hi as Dropzone, qi as DropzoneActions, Ui as DropzoneContent, Xi as DropzoneDescription, Ki as DropzoneIcon, Ji as DropzoneIllustration, Yi as DropzoneLabel, Wi as DropzoneOverlay, gt as EmptyState, yt as EmptyStateActions, vt as EmptyStateContent, bt as EmptyStateGetStarted, St as EmptyStateGoodJob, _t as EmptyStateIcon, wt as EmptyStateNoSearchResults, Ct as EmptyStateUpgradeRequired, Tt as EmptyStateUseDesktop, xt as EmptyStateWaitingForData, Dt as ErrorState, jt as FieldGroup, kt as Fieldset, $i as FileUploadDropzone, Qi as FileUploadDropzoneButton, Zi as FileUploadTrigger, Mt as Filter, va as FilterAdapters, Nt as FilterControls, Pt as FilterLabels, zt as FilterToolbar, Ut as Flex, Gt as FlexItem, Lt as FloatingActionBar, qt as FullPageLoader, ln as FunnelBackButton, $t as FunnelBody, Zt as FunnelLayout, tn as FunnelPage, rn as FunnelPageAction, an as FunnelPageActions, sn as FunnelPageContent, un as FunnelPageFooter, fn as FunnelPageHeader, mn as FunnelSidebar, gn as FunnelTopBar, bn as Grid, xn as GridItem, s as Icon, f as IconButton, Sn as Input, ne as InteractiveAvatar, ze as Label, wn as ListView, kn as ListViewItemLabel, An as ListViewItemText, Dn as ListViewSection, r as MOBILE_BREAKPOINTS, m as Menu, h as MenuContent, L as MenuHeader, jn as MenuSection, I as MenuSeparator, g as MenuTrigger, Pn as MultiSelect, Fn as MultiSelectOptGroup, In as MultiSelectOption, Ln as Nav, Bn as NavGroup, Gn as NavigationCardDescription, Hn as NavigationCardGroup, Wn as NavigationCardLabel, ve as NoopRouterProvider, Kn as NumberInput, Jn as Page, Xn as PageHeader, Qn as PageHeading, $n as Pagination, tr as PaginationContent, cr as PaginationEllipsis, rr as PaginationItem, K as PayFitBrand, q as PayFitBrandPreprod, dr as PhoneNumberInput, fr as Pill, pr as Popover, mr as PopoverTrigger, hr as ProgressBar, ft as PromoDialog, lt as PromoDialogActions, ht as PromoDialogContent, ut as PromoDialogHero, mt as PromoDialogSubtitle, dt as PromoDialogTitle, yr as RadioButton, gr as RadioButtonGroup, _r as RadioButtonHelper, vr as RadioIndicator, we as RawBreadcrumbLink, xe as RawLink, Cn as RawLinkButton, Tn as RawListViewItem, _ as RawMenuItem, Rn as RawNavItem, Vn as RawNavigationCard, ir as RawPaginationLink, sr as RawPaginationNext, or as RawPaginationPrevious, Si as RawSubTask, gi as RawTab, wi as RawTask, ye as RouterProvider, Vi as ScrollArea, Mn as Search, Sr as SegmentedButtonGroup, Nr as Select, Mr as SelectButton, Pr as SelectOption, Fr as SelectOptionGroup, Ir as SelectOptionHelper, Er as SelectableButton, wr as SelectableButtonGroup, kr as SelectableCardCheckbox, Or as SelectableCardCheckboxGroup, jr as SelectableCardRadio, Ar as SelectableCardRadioGroup, Lr as SidePanel, zr as SidePanelContent, Vr as SidePanelFooter, Ur as SidePanelHeader, xr as Skeleton, Yt as SkipLink, Xt as SkipLinks, c as Spinner, Wt as Stack, Kt as StackItem, ca as StandardSchemaAdapter, Kr as Step, Gr as Stepper, Ni as TOAST_CONFIG, _i as TabList, vi as TabPanel, yi as TabPanels, Jr as Table, Xr as TableBody, Qr as TableCell, ei as TableColumnHeader, ni as TableEmptyState, ri as TableEmptyStateError, ii as TableEmptyStateLoading, ai as TableEmptyStateNoData, oi as TableEmptyStateText, li as TableHeader, si as TableNoSearchResults, di as TablePagination, Yr as TableRoot, pi as TableRow, hi as Tabs, Ei as TaskGroup, bi as TaskMenu, E as Text, Di as TextArea, ki as Timeline, Ai as TimelineStep, Mi as TimelineStepDescription, ji as TimelineStepHeader, Pi as ToastManager, Cr as ToggleButton, Ri as ToggleSwitch, Ii as ToggleSwitchGroup, d as Tooltip, la as ZodV3SchemaAdapter, ua as ZodV4SchemaAdapter, b as actionBarRoot, Q as autocompleteItem, ee as autocompleteItemGroup, le as bottomSheet, de as bottomSheetContent, pe as bottomSheetFooter, he as bottomSheetHeader, Ie as card, Oe as carousel, Me as carouselContent, Ae as carouselHeader, Ee as carouselNav, Pe as carouselSlide, Ve as checkboxGroup, S as circularIconButton, da as createSchemaAdapter, ga as dataTableRoot, at as dialog, Gi as dropzoneOverlay, Ot as errorState, sa as fieldRevalidateLogic, At as fieldset, Ft as filterContainer, It as filterDismissButton, Bt as filterToolbar, Vt as flex, Ht as flexItem, Rt as floatingActionBar, Jt as fullPageLoader, en as funnelBody, Qt as funnelLayout, nn as funnelPage, on as funnelPageActions, cn as funnelPageContent, dn as funnelPageFooter, pn as funnelPageHeader, hn as funnelSidebar, _n as funnelTopBar, B as getInitials, vn as grid, yn as gridItem, i as isDesktopBreakpoint, a as isMobileBreakpoint, pa as isSortableHeader, Se as link, En as listViewItem, On as listViewSection, zn as navItemBase, Un as navigationCardGroup, qn as numberInput, Yn as page, Zn as pageHeader, er as pagination, nr as paginationContent, ar as paginationLink, pt as promoDialog, br as radioButton, Ci as rawSubTask, Ti as rawTask, Nn as search, Dr as selectableButton, Tr as selectableButtonGroup, Rr as sidePanel, Br as sidePanelContent, Hr as sidePanelFooter, Wr as sidePanelHeader, Zr as tableBody, $r as tableCell, ti as tableColumnHeader, ci as tableEmptyState, ui as tableHeader, fi as tablePagination, mi as tableRow, aa as tanstackFormDefaultValues, xi as taskMenu, T as text, Oi as textArea, Fi as toast, zi as toggleSwitch, Li as toggleSwitchGroup, P as useAppMenuContext, Bi as useAsyncList, o as useBreakpointListener, Et as useContainerQueryLevel, oa as useFieldA11yContext, ea as useFieldContext, ta as useFormContext, t as useMediaQuery, ur as usePaginationState, lr as usePaginationWindow, be as useRouter, qr as useStepper, na as useTanstackUnityForm, ra as withFieldGroup, ia as withForm };

package/dist/esm/modules/tanstack-form/components/tanstack-file-upload-dropzone/TanstackFileUploadDropzone.d.ts

@@ -0,0 +1,52 @@
+import { FileUploadDropzoneProps } from '../../../../core/components/file-upload-dropzone/FileUploadDropzone.js';
+export interface FileUploadDropzoneInputProps extends Omit<FileUploadDropzoneProps, 'name' | 'onDrop' | 'onSelect' | 'state'> {
+    /** Disables both file selection and file dropping. */
+    isDisabled?: boolean;
+}
+/**
+ * Keeps file drops and picker selections in the same TanStack Form field.
+ *
+ * FileUploadDropzoneInput derives its field name, accessible relationships,
+ * disabled state, and invalid state from the current `AppField`. It replaces
+ * the field's `File[]` value after a picker selection or file drop.
+ * @param props - File-acquisition options and the Dropzone target content.
+ * @param props.children - The icon, label, and description shown in the target.
+ * @param props.isDisabled - Disables dropping and file selection.
+ * @see {@link FileUploadDropzoneInputProps} for all supported props.
+ * @example
+ * ```tsx
+ * import {
+ *   DropzoneDescription,
+ *   DropzoneLabel,
+ * } from '@payfit/unity-components'
+ * import { useTanstackUnityForm } from '@payfit/unity-components/forms'
+ *
+ * export function SupportingDocumentsForm() {
+ *   const form = useTanstackUnityForm({
+ *     defaultValues: { documents: [] as File[] },
+ *   })
+ *
+ *   return (
+ *     <form.AppForm>
+ *       <form.Form>
+ *         <form.AppField name="documents">
+ *           {field => (
+ *             <field.FileUploadDropzoneInput allowsMultiple>
+ *               <DropzoneLabel>Drop documents here</DropzoneLabel>
+ *               <DropzoneDescription>
+ *                 Or choose files from your device.
+ *               </DropzoneDescription>
+ *             </field.FileUploadDropzoneInput>
+ *           )}
+ *         </form.AppField>
+ *       </form.Form>
+ *     </form.AppForm>
+ *   )
+ * }
+ * ```
+ * @remarks
+ * - Render FileUploadDropzoneInput inside `form.AppField`.
+ * - Drops update TanStack Form state only; they cannot populate the browser's hidden native input.
+ * - Use `field.FileUploadDropzoneField` when the dropzone needs its own label, helper text, and validation feedback.
+ */
+export declare function FileUploadDropzoneInput({ isDisabled, ...props }: FileUploadDropzoneInputProps): import('react/jsx-runtime').JSX.Element;

package/dist/esm/modules/tanstack-form/components/tanstack-file-upload-dropzone/TanstackFileUploadDropzone.js

@@ -0,0 +1,26 @@
+import { FileUploadDropzone as e } from "../../../../core/components/file-upload-dropzone/FileUploadDropzone.js";
+import { useFieldContext as t } from "../../hooks/tanstack-form-context.js";
+import { useFieldA11yContext as n } from "../form-field/TanstackFormField.context.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/modules/tanstack-form/components/tanstack-file-upload-dropzone/TanstackFileUploadDropzone.tsx
+function i({ isDisabled: i, ...a }) {
+	let o = t(), s = n(), c = o.state.meta.isTouched && !o.state.meta.isValid;
+	return /* @__PURE__ */ r(e, {
+		...a,
+		name: o.name,
+		state: i ? "disabled" : c ? "invalid" : void 0,
+		"aria-labelledby": s.labelId || void 0,
+		"aria-describedby": [s.helperTextId, s.feedbackTextId].filter(Boolean).join(" ") || void 0,
+		onSelect: (e) => {
+			o.handleChange(e ? Array.from(e) : []), o.handleBlur();
+		},
+		onDrop: (e) => {
+			let t = e.items.filter((e) => e.kind === "file");
+			t.length !== 0 && Promise.all(t.map((e) => e.getFile())).then((e) => {
+				o.handleChange(e), o.handleBlur();
+			});
+		}
+	});
+}
+//#endregion
+export { i as FileUploadDropzoneInput };

package/dist/esm/modules/tanstack-form/components/tanstack-file-upload-dropzone/TanstackFileUploadDropzoneField.d.ts

@@ -0,0 +1,68 @@
+import { ReactNode } from 'react';
+import { LabelProps } from '../../../../core/components/label/Label.js';
+import { FileUploadDropzoneInputProps } from './TanstackFileUploadDropzone.js';
+export interface FileUploadDropzoneFieldProps extends FileUploadDropzoneInputProps, Pick<LabelProps, 'isRequired' | 'requiredVariant'> {
+    /** Visible name for the file field. */
+    label: string;
+    /** Supplemental guidance displayed above the dropzone. */
+    helperText?: ReactNode;
+    /** Additional field content displayed after validation feedback. */
+    contextualLink?: ReactNode;
+}
+/**
+ * Provides a complete labeled file-drop field for a TanStack Form `File[]`
+ * value.
+ * FileUploadDropzoneField composes the dropzone input with a Unity field
+ * label, optional guidance, and validation feedback. Keep a DropzoneLabel and
+ * DropzoneDescription in `children` so people can identify the drop target.
+ * @param props - Field content and file-acquisition configuration.
+ * @param props.label - The visible name for the file field.
+ * @param props.helperText - Supplemental guidance shown above the dropzone.
+ * @param props.contextualLink - Additional field content shown after feedback.
+ * @param props.isRequired - Marks the field label as required.
+ * @param props.requiredVariant - Controls how the required label indicator appears.
+ * @see {@link FileUploadDropzoneFieldProps} for all supported props.
+ * @example
+ * ```tsx
+ * import {
+ *   DropzoneDescription,
+ *   DropzoneLabel,
+ * } from '@payfit/unity-components'
+ * import { useTanstackUnityForm } from '@payfit/unity-components/forms'
+ *
+ * export function SupportingDocumentsForm() {
+ *   const form = useTanstackUnityForm({
+ *     defaultValues: {
+ *       documents: [] as File[],
+ *     },
+ *   })
+ *
+ *   return (
+ *     <form.AppForm>
+ *       <form.Form>
+ *         <form.AppField name="documents">
+ *           {field => (
+ *             <field.FileUploadDropzoneField
+ *               acceptedFileTypes={['application/pdf']}
+ *               helperText="Upload the documents needed for review."
+ *               label="Supporting documents"
+ *             >
+ *               <DropzoneLabel>Drop documents here</DropzoneLabel>
+ *               <DropzoneDescription>
+ *                 Or choose PDF files from your device.
+ *               </DropzoneDescription>
+ *             </field.FileUploadDropzoneField>
+ *           )}
+ *         </form.AppField>
+ *       </form.Form>
+ *     </form.AppForm>
+ *   )
+ * }
+ * ```
+ * @remarks
+ * - Render FileUploadDropzoneField inside `form.AppField`.
+ * - It links `label`, `helperText`, and validation feedback to the target.
+ * - Its children provide the target's accessible name and drop guidance.
+ */
+declare function FileUploadDropzoneField({ label, helperText, contextualLink, isRequired, requiredVariant, ...inputProps }: FileUploadDropzoneFieldProps): import('react/jsx-runtime').JSX.Element;
+export { FileUploadDropzoneField };

package/dist/esm/modules/tanstack-form/components/tanstack-file-upload-dropzone/TanstackFileUploadDropzoneField.js

@@ -0,0 +1,22 @@
+import { TanstackFormFeedbackText as e } from "../form-field/parts/TanstackFormFeedbackText.js";
+import { TanstackFormField as t } from "../form-field/TanstackFormField.js";
+import { TanstackFormHelperText as n } from "../form-field/parts/TanstackFormHelperText.js";
+import { TanstackFormLabel as r } from "../form-field/parts/TanstackFormLabel.js";
+import { FileUploadDropzoneInput as i } from "./TanstackFileUploadDropzone.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/modules/tanstack-form/components/tanstack-file-upload-dropzone/TanstackFileUploadDropzoneField.tsx
+function s({ label: s, helperText: c, contextualLink: l, isRequired: u, requiredVariant: d, ...f }) {
+	return /* @__PURE__ */ o(t, { children: [
+		/* @__PURE__ */ a(r, {
+			isRequired: u,
+			requiredVariant: d,
+			children: s
+		}),
+		c && /* @__PURE__ */ a(n, { children: c }),
+		/* @__PURE__ */ a(i, { ...f }),
+		/* @__PURE__ */ a(e, {}),
+		l
+	] });
+}
+//#endregion
+export { s as FileUploadDropzoneField };

package/dist/esm/modules/tanstack-form/components/tanstack-file-upload-trigger/TanstackFileUploadTrigger.d.ts

@@ -0,0 +1,48 @@
+import { FileUploadTriggerProps } from '../../../../core/components/file-upload-trigger/FileUploadTrigger.js';
+export interface FileUploadTriggerInputProps extends Omit<FileUploadTriggerProps, 'id' | 'name' | 'onSelect'> {
+    /** Disables the visible picker action. */
+    isDisabled?: boolean;
+}
+/**
+ * Keeps file selections in the same TanStack Form state as the rest of a
+ * workflow.
+ *
+ * FileUploadTriggerInput uses the current `AppField` for its native input
+ * name, visible label relationship, guidance, and feedback. It replaces the
+ * field's `File[]` value after each selection and marks the field touched.
+ * @param props - Native picker options and the pressable picker action.
+ * @param props.children - The Button or Actionable that opens the file picker.
+ * @param props.isDisabled - Disables the picker action and native input.
+ * @see {@link FileUploadTriggerInputProps} for all supported props.
+ * @example
+ * ```tsx
+ * import { Button } from '@payfit/unity-components'
+ * import { useTanstackUnityForm } from '@payfit/unity-components/forms'
+ *
+ * export function SupportingDocumentsForm() {
+ *   const form = useTanstackUnityForm({
+ *     defaultValues: { documents: [] as File[] },
+ *   })
+ *
+ *   return (
+ *     <form.AppForm>
+ *       <form.Form>
+ *         <form.AppField name="documents">
+ *           {field => (
+ *             <field.FileUploadTriggerInput allowsMultiple>
+ *               <Button variant="primary">Choose documents</Button>
+ *             </field.FileUploadTriggerInput>
+ *           )}
+ *         </form.AppField>
+ *       </form.Form>
+ *     </form.AppForm>
+ *   )
+ * }
+ * ```
+ * @remarks
+ * - Render FileUploadTriggerInput inside `form.AppField`.
+ * - Do not pass `id` or `name`; the component derives both from the current field.
+ * - Use `field.FileUploadTriggerField` when the picker needs its own label, helper text, and validation feedback.
+ */
+declare const FileUploadTriggerInput: import('react').ForwardRefExoticComponent<FileUploadTriggerInputProps & import('react').RefAttributes<HTMLInputElement>>;
+export { FileUploadTriggerInput };

package/dist/esm/modules/tanstack-form/components/tanstack-file-upload-trigger/TanstackFileUploadTrigger.js

@@ -0,0 +1,26 @@
+import { FileUploadTrigger as e } from "../../../../core/components/file-upload-trigger/FileUploadTrigger.js";
+import { useFieldContext as t } from "../../hooks/tanstack-form-context.js";
+import { useFieldA11yContext as n } from "../form-field/TanstackFormField.context.js";
+import { cloneElement as r, forwardRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/modules/tanstack-form/components/tanstack-file-upload-trigger/TanstackFileUploadTrigger.tsx
+var o = i(({ children: i, isDisabled: o, ...s }, c) => {
+	let l = t(), u = n(), d = [u.helperTextId, u.feedbackTextId].filter(Boolean).join(" "), f = i;
+	return /* @__PURE__ */ a(e, {
+		...s,
+		ref: c,
+		id: u.inputId,
+		name: l.name,
+		onSelect: (e) => {
+			l.handleChange(e ? Array.from(e) : []), l.handleBlur();
+		},
+		children: r(f, {
+			"aria-labelledby": u.labelId || f.props["aria-labelledby"],
+			"aria-describedby": [f.props["aria-describedby"], d].filter(Boolean).join(" ") || void 0,
+			isDisabled: o || f.props.isDisabled
+		})
+	});
+});
+o.displayName = "FileUploadTriggerInput";
+//#endregion
+export { o as FileUploadTriggerInput };

package/dist/esm/modules/tanstack-form/components/tanstack-file-upload-trigger/TanstackFileUploadTriggerField.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { LabelProps } from '../../../../core/components/label/Label.js';
+import { FileUploadTriggerInputProps } from './TanstackFileUploadTrigger.js';
+export interface FileUploadTriggerFieldProps extends FileUploadTriggerInputProps, Pick<LabelProps, 'isRequired' | 'requiredVariant'> {
+    /** Visible name for the file field. */
+    label: string;
+    /** Supplemental guidance displayed below the picker action. */
+    helperText?: ReactNode;
+    /** Additional field content displayed after validation feedback. */
+    contextualLink?: ReactNode;
+}
+declare const FileUploadTriggerField: import('react').ForwardRefExoticComponent<FileUploadTriggerFieldProps & import('react').RefAttributes<HTMLInputElement>>;
+export { FileUploadTriggerField };

package/dist/esm/modules/tanstack-form/components/tanstack-file-upload-trigger/TanstackFileUploadTriggerField.js

@@ -0,0 +1,28 @@
+import { TanstackFormFeedbackText as e } from "../form-field/parts/TanstackFormFeedbackText.js";
+import { TanstackFormField as t } from "../form-field/TanstackFormField.js";
+import { TanstackFormHelperText as n } from "../form-field/parts/TanstackFormHelperText.js";
+import { TanstackFormLabel as r } from "../form-field/parts/TanstackFormLabel.js";
+import { FileUploadTriggerInput as i } from "./TanstackFileUploadTrigger.js";
+import { forwardRef as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/modules/tanstack-form/components/tanstack-file-upload-trigger/TanstackFileUploadTriggerField.tsx
+function c({ label: a, helperText: c, contextualLink: l, isRequired: u, requiredVariant: d, ...f }, p) {
+	return /* @__PURE__ */ s(t, { children: [
+		/* @__PURE__ */ o(r, {
+			isRequired: u,
+			requiredVariant: d,
+			children: a
+		}),
+		c && /* @__PURE__ */ o(n, { children: c }),
+		/* @__PURE__ */ o(i, {
+			...f,
+			ref: p
+		}),
+		/* @__PURE__ */ o(e, {}),
+		l
+	] });
+}
+var l = a(c);
+l.displayName = "FileUploadTriggerField";
+//#endregion
+export { l as FileUploadTriggerField };

package/dist/esm/modules/tanstack-form/hooks/use-tanstack-form.d.ts

@@ -25,10 +25,14 @@ export declare const useTanstackUnityForm: <TFormData, TOnMount extends import('
     };
     readonly TextAreaInput: import('react').ForwardRefExoticComponent<import('../components/text-area/TanstackTextArea.js').TanstackTextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
     readonly TextInput: import('react').ForwardRefExoticComponent<import('../components/input/TanstackInput.js').TanstackInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly FileUploadTriggerInput: import('react').ForwardRefExoticComponent<import('../components/tanstack-file-upload-trigger/TanstackFileUploadTrigger.js').FileUploadTriggerInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly FileUploadDropzoneInput: typeof import('../components/tanstack-file-upload-dropzone/TanstackFileUploadDropzone.js').FileUploadDropzoneInput;
     readonly ToggleSwitchGroupInput: import('react').ForwardRefExoticComponent<import('../components/toggle-switch-group/TanstackToggleSwitchGroup.js').TanstackToggleSwitchGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
     readonly ToggleSwitchInput: import('react').ForwardRefExoticComponent<Omit<import('../components/toggle-switch/TanstackToggleSwitch.js').TanstackToggleSwitchProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
     readonly CheckboxField: import('react').ForwardRefExoticComponent<import('../components/checkbox-field/TanstackCheckboxField.js').FieldProps & import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
     readonly CheckboxGroupField: import('react').ForwardRefExoticComponent<import('../components/checkbox-group-field/TanstackCheckGroupField.js').FieldProps & import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly FileUploadTriggerField: import('react').ForwardRefExoticComponent<import('../components/tanstack-file-upload-trigger/TanstackFileUploadTriggerField.js').FileUploadTriggerFieldProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly FileUploadDropzoneField: typeof import('../components/tanstack-file-upload-dropzone/TanstackFileUploadDropzoneField.js').FileUploadDropzoneField;
     readonly DatePickerField: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & Pick<import('../../../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
         label: string;
         helperText?: import('react').ReactNode;
@@ -103,10 +107,14 @@ export declare const withForm: <TFormData, TOnMount extends import('@tanstack/fo
     };
     readonly TextAreaInput: import('react').ForwardRefExoticComponent<import('../components/text-area/TanstackTextArea.js').TanstackTextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
     readonly TextInput: import('react').ForwardRefExoticComponent<import('../components/input/TanstackInput.js').TanstackInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly FileUploadTriggerInput: import('react').ForwardRefExoticComponent<import('../components/tanstack-file-upload-trigger/TanstackFileUploadTrigger.js').FileUploadTriggerInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly FileUploadDropzoneInput: typeof import('../components/tanstack-file-upload-dropzone/TanstackFileUploadDropzone.js').FileUploadDropzoneInput;
     readonly ToggleSwitchGroupInput: import('react').ForwardRefExoticComponent<import('../components/toggle-switch-group/TanstackToggleSwitchGroup.js').TanstackToggleSwitchGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
     readonly ToggleSwitchInput: import('react').ForwardRefExoticComponent<Omit<import('../components/toggle-switch/TanstackToggleSwitch.js').TanstackToggleSwitchProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
     readonly CheckboxField: import('react').ForwardRefExoticComponent<import('../components/checkbox-field/TanstackCheckboxField.js').FieldProps & import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
     readonly CheckboxGroupField: import('react').ForwardRefExoticComponent<import('../components/checkbox-group-field/TanstackCheckGroupField.js').FieldProps & import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly FileUploadTriggerField: import('react').ForwardRefExoticComponent<import('../components/tanstack-file-upload-trigger/TanstackFileUploadTriggerField.js').FileUploadTriggerFieldProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly FileUploadDropzoneField: typeof import('../components/tanstack-file-upload-dropzone/TanstackFileUploadDropzoneField.js').FileUploadDropzoneField;
     readonly DatePickerField: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & Pick<import('../../../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
         label: string;
         helperText?: import('react').ReactNode;
@@ -181,10 +189,14 @@ export declare const withForm: <TFormData, TOnMount extends import('@tanstack/fo
         };
         readonly TextAreaInput: import('react').ForwardRefExoticComponent<import('../components/text-area/TanstackTextArea.js').TanstackTextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
         readonly TextInput: import('react').ForwardRefExoticComponent<import('../components/input/TanstackInput.js').TanstackInputProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly FileUploadTriggerInput: import('react').ForwardRefExoticComponent<import('../components/tanstack-file-upload-trigger/TanstackFileUploadTrigger.js').FileUploadTriggerInputProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly FileUploadDropzoneInput: typeof import('../components/tanstack-file-upload-dropzone/TanstackFileUploadDropzone.js').FileUploadDropzoneInput;
         readonly ToggleSwitchGroupInput: import('react').ForwardRefExoticComponent<import('../components/toggle-switch-group/TanstackToggleSwitchGroup.js').TanstackToggleSwitchGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
         readonly ToggleSwitchInput: import('react').ForwardRefExoticComponent<Omit<import('../components/toggle-switch/TanstackToggleSwitch.js').TanstackToggleSwitchProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
         readonly CheckboxField: import('react').ForwardRefExoticComponent<import('../components/checkbox-field/TanstackCheckboxField.js').FieldProps & import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
         readonly CheckboxGroupField: import('react').ForwardRefExoticComponent<import('../components/checkbox-group-field/TanstackCheckGroupField.js').FieldProps & import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly FileUploadTriggerField: import('react').ForwardRefExoticComponent<import('../components/tanstack-file-upload-trigger/TanstackFileUploadTriggerField.js').FileUploadTriggerFieldProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly FileUploadDropzoneField: typeof import('../components/tanstack-file-upload-dropzone/TanstackFileUploadDropzoneField.js').FileUploadDropzoneField;
         readonly DatePickerField: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & Pick<import('../../../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
             label: string;
             helperText?: import('react').ReactNode;
@@ -260,10 +272,14 @@ export declare const withFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps
     };
     readonly TextAreaInput: import('react').ForwardRefExoticComponent<import('../components/text-area/TanstackTextArea.js').TanstackTextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
     readonly TextInput: import('react').ForwardRefExoticComponent<import('../components/input/TanstackInput.js').TanstackInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly FileUploadTriggerInput: import('react').ForwardRefExoticComponent<import('../components/tanstack-file-upload-trigger/TanstackFileUploadTrigger.js').FileUploadTriggerInputProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly FileUploadDropzoneInput: typeof import('../components/tanstack-file-upload-dropzone/TanstackFileUploadDropzone.js').FileUploadDropzoneInput;
     readonly ToggleSwitchGroupInput: import('react').ForwardRefExoticComponent<import('../components/toggle-switch-group/TanstackToggleSwitchGroup.js').TanstackToggleSwitchGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
     readonly ToggleSwitchInput: import('react').ForwardRefExoticComponent<Omit<import('../components/toggle-switch/TanstackToggleSwitch.js').TanstackToggleSwitchProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
     readonly CheckboxField: import('react').ForwardRefExoticComponent<import('../components/checkbox-field/TanstackCheckboxField.js').FieldProps & import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
     readonly CheckboxGroupField: import('react').ForwardRefExoticComponent<import('../components/checkbox-group-field/TanstackCheckGroupField.js').FieldProps & import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    readonly FileUploadTriggerField: import('react').ForwardRefExoticComponent<import('../components/tanstack-file-upload-trigger/TanstackFileUploadTriggerField.js').FileUploadTriggerFieldProps & import('react').RefAttributes<HTMLInputElement>>;
+    readonly FileUploadDropzoneField: typeof import('../components/tanstack-file-upload-dropzone/TanstackFileUploadDropzoneField.js').FileUploadDropzoneField;
     readonly DatePickerField: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & Pick<import('../../../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
         label: string;
         helperText?: import('react').ReactNode;
@@ -338,10 +354,14 @@ export declare const withFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps
         };
         readonly TextAreaInput: import('react').ForwardRefExoticComponent<import('../components/text-area/TanstackTextArea.js').TanstackTextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
         readonly TextInput: import('react').ForwardRefExoticComponent<import('../components/input/TanstackInput.js').TanstackInputProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly FileUploadTriggerInput: import('react').ForwardRefExoticComponent<import('../components/tanstack-file-upload-trigger/TanstackFileUploadTrigger.js').FileUploadTriggerInputProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly FileUploadDropzoneInput: typeof import('../components/tanstack-file-upload-dropzone/TanstackFileUploadDropzone.js').FileUploadDropzoneInput;
         readonly ToggleSwitchGroupInput: import('react').ForwardRefExoticComponent<import('../components/toggle-switch-group/TanstackToggleSwitchGroup.js').TanstackToggleSwitchGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
         readonly ToggleSwitchInput: import('react').ForwardRefExoticComponent<Omit<import('../components/toggle-switch/TanstackToggleSwitch.js').TanstackToggleSwitchProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
         readonly CheckboxField: import('react').ForwardRefExoticComponent<import('../components/checkbox-field/TanstackCheckboxField.js').FieldProps & import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
         readonly CheckboxGroupField: import('react').ForwardRefExoticComponent<import('../components/checkbox-group-field/TanstackCheckGroupField.js').FieldProps & import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly FileUploadTriggerField: import('react').ForwardRefExoticComponent<import('../components/tanstack-file-upload-trigger/TanstackFileUploadTriggerField.js').FileUploadTriggerFieldProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly FileUploadDropzoneField: typeof import('../components/tanstack-file-upload-dropzone/TanstackFileUploadDropzoneField.js').FileUploadDropzoneField;
         readonly DatePickerField: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & Pick<import('../../../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
             label: string;
             helperText?: import('react').ReactNode;
@@ -415,10 +435,14 @@ export declare const withFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps
         };
         readonly TextAreaInput: import('react').ForwardRefExoticComponent<import('../components/text-area/TanstackTextArea.js').TanstackTextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
         readonly TextInput: import('react').ForwardRefExoticComponent<import('../components/input/TanstackInput.js').TanstackInputProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly FileUploadTriggerInput: import('react').ForwardRefExoticComponent<import('../components/tanstack-file-upload-trigger/TanstackFileUploadTrigger.js').FileUploadTriggerInputProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly FileUploadDropzoneInput: typeof import('../components/tanstack-file-upload-dropzone/TanstackFileUploadDropzone.js').FileUploadDropzoneInput;
         readonly ToggleSwitchGroupInput: import('react').ForwardRefExoticComponent<import('../components/toggle-switch-group/TanstackToggleSwitchGroup.js').TanstackToggleSwitchGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
         readonly ToggleSwitchInput: import('react').ForwardRefExoticComponent<Omit<import('../components/toggle-switch/TanstackToggleSwitch.js').TanstackToggleSwitchProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
         readonly CheckboxField: import('react').ForwardRefExoticComponent<import('../components/checkbox-field/TanstackCheckboxField.js').FieldProps & import('../components/checkbox/TanstackCheckbox.js').TanstackCheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
         readonly CheckboxGroupField: import('react').ForwardRefExoticComponent<import('../components/checkbox-group-field/TanstackCheckGroupField.js').FieldProps & import('../components/checkbox-group/TanstackCheckboxGroup.js').TanstackCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+        readonly FileUploadTriggerField: import('react').ForwardRefExoticComponent<import('../components/tanstack-file-upload-trigger/TanstackFileUploadTriggerField.js').FileUploadTriggerFieldProps & import('react').RefAttributes<HTMLInputElement>>;
+        readonly FileUploadDropzoneField: typeof import('../components/tanstack-file-upload-dropzone/TanstackFileUploadDropzoneField.js').FileUploadDropzoneField;
         readonly DatePickerField: import('react').ForwardRefExoticComponent<import('../components/date-picker/TanstackDatePicker.js').TanstackDatePickerProps & Pick<import('../../../index.js').LabelProps, "isRequired" | "requiredVariant"> & {
             label: string;
             helperText?: import('react').ReactNode;