@layerfi/components 0.1.132-alpha → 0.1.132-alpha.1

package/dist/esm/index.mjs

@@ -4,7 +4,7 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { usePlaidLink } from "react-plaid-link";
 import useSWR, { SWRConfig, unstable_serialize, useSWRConfig } from "swr";
 import useSWRMutation from "swr/mutation";
-import { Breadcrumb, Breadcrumbs, Button, Calendar, CalendarCell, CalendarGrid, CalendarGridBody, CalendarGridHeader, CalendarHeaderCell, Cell, Checkbox, Collection, Column, DateField, DateInput, DatePicker, DateSegment, Dialog, DialogTrigger, FieldError, Form, GridList, GridListHeader, GridListItem, GridListSection, Group, Header, Heading, I18nProvider, Input, Label, Link, Menu, MenuItem, MenuTrigger, Meter, Modal, ModalOverlay, NumberField, Popover, Radio, RadioGroup, Row, SearchField, SelectionIndicator, Switch, Table, TableBody, TableHeader, Text, TextArea, TextField, ToggleButton, ToggleButtonGroup, Tree, TreeItem, TreeItemContent, composeRenderProps } from "react-aria-components";
+import { I18nProvider } from "react-aria-components/I18nProvider";
 import { I18nextProvider, Trans, useTranslation } from "react-i18next";
 import { IntlProvider, useIntl } from "react-intl";
 import i18next from "i18next";
@@ -18,22 +18,56 @@ import { Schema as Schema$1, pipe as pipe$1 } from "effect/index";
 import { useStoreWithEqualityFn } from "zustand/traditional";
 import { FloatingPortal, autoUpdate, flip, offset, shift, useDismiss, useFloating, useFocus, useHover, useInteractions, useMergeRefs, useRole, useTransitionStyles } from "@floating-ui/react";
 import { CalendarDate, ZonedDateTime, fromDate, getLocalTimeZone, parseDate, toCalendarDate, today } from "@internationalized/date";
+import { ToggleButtonGroup } from "react-aria-components/ToggleButtonGroup";
+import { SelectionIndicator } from "react-aria-components/SelectionIndicator";
+import { ToggleButton } from "react-aria-components/ToggleButton";
+import { Header } from "react-aria-components/Header";
+import { Label } from "react-aria-components/Label";
+import { Text } from "react-aria-components/Text";
 import { mergeRefs } from "react-merge-refs";
 import useResizeObserver from "@react-hook/resize-observer";
-import { AlertCircle, AlertTriangle, Archive, ArchiveRestore, ArrowRight, ArrowUpRight, Briefcase, Car, Check, CheckCircle, CheckIcon, ChevronLeft, ChevronRight, Circle, Clock, Clock3, CopyIcon, Edit, ExternalLink, FileDownIcon, FileSpreadsheet, FileText, HandCoins, Hourglass, Info, Layers2Icon, List, LoaderCircle, Lock, Menu as Menu$1, MenuIcon, Minus, PencilRuler, Play, Plus, RefreshCcw, RotateCcw, Save, Search, SearchX, Trash, Trash2, TriangleAlert, UploadCloud, UserRoundPen, Video, X, XCircle, XIcon } from "lucide-react";
+import { Button } from "react-aria-components/Button";
+import { AlertCircle, AlertTriangle, Archive, ArchiveRestore, ArrowRight, ArrowUpRight, Briefcase, Car, Check, CheckCircle, CheckIcon, ChevronLeft, ChevronRight, Circle, Clock, Clock3, CopyIcon, Edit, ExternalLink, FileDownIcon, FileSpreadsheet, FileText, HandCoins, Hourglass, Info, Layers2Icon, List, LoaderCircle, Lock, Menu, MenuIcon, Minus, PencilRuler, Play, Plus, RefreshCcw, RotateCcw, Save, Search, SearchX, Trash, Trash2, TriangleAlert, UploadCloud, UserRoundPen, Video, X, XCircle, XIcon } from "lucide-react";
 import { DurationFormat } from "@formatjs/intl-durationformat";
+import { Dialog, DialogTrigger } from "react-aria-components/Dialog";
+import { Modal, ModalOverlay } from "react-aria-components/Modal";
+import { Heading } from "react-aria-components/Heading";
 import Select, { components } from "react-select";
+import { Group } from "react-aria-components/Group";
+import { Input } from "react-aria-components/Input";
+import { SearchField } from "react-aria-components/SearchField";
+import { GridList, GridListHeader, GridListItem, GridListSection } from "react-aria-components/GridList";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
+import { Checkbox } from "react-aria-components/Checkbox";
 import CreatableSelect from "react-select/creatable";
 import { useDropzone } from "react-dropzone";
 import { createFormHook, createFormHookContexts, revalidateLogic, useForm, useStore as useStore$1 } from "@tanstack/react-form";
+import { FieldError } from "react-aria-components/FieldError";
+import { Form } from "react-aria-components/Form";
+import { TextField } from "react-aria-components/TextField";
+import { DateField, DateInput, DateSegment } from "react-aria-components/DateField";
+import { DatePicker } from "react-aria-components/DatePicker";
+import { Calendar, CalendarCell, CalendarGrid, CalendarGridBody, CalendarGridHeader, CalendarHeaderCell } from "react-aria-components/Calendar";
+import { Popover } from "react-aria-components/Popover";
+import { NumberField } from "react-aria-components/NumberField";
+import { Radio, RadioGroup } from "react-aria-components/RadioGroup";
+import { Switch } from "react-aria-components/Switch";
+import { TextArea } from "react-aria-components/TextArea";
 import { createColumnHelper, flexRender, getCoreRowModel, getExpandedRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
 import { useVirtualizer } from "@tanstack/react-virtual";
+import { Cell, Column, Row, Table, TableBody, TableHeader } from "react-aria-components/Table";
+import { Menu as Menu$1, MenuItem, MenuTrigger, Popover as Popover$1 } from "react-aria-components/Menu";
 import { AnimatePresence, motion } from "motion/react";
 import { v4 } from "uuid";
 import CurrencyInput from "react-currency-input-field";
 import { Bar, BarChart, CartesianGrid, Cell as Cell$1, ComposedChart, DefaultZIndexes, Label as Label$1, LabelList, Legend, Line, Pie, PieChart, Rectangle, ReferenceLine, ResponsiveContainer, Text as Text$1, Tooltip, XAxis, YAxis, ZIndexLayer } from "recharts";
 import { createPortal } from "react-dom";
 import { PopupModal, useCalendlyEventListener } from "react-calendly";
+import { Meter } from "react-aria-components/Meter";
+import { Collection } from "react-aria-components/Collection";
+import { Tree, TreeItem, TreeItemContent } from "react-aria-components/Tree";
+import { Breadcrumb, Breadcrumbs } from "react-aria-components/Breadcrumbs";
+import { Link } from "react-aria-components/Link";
 //#region \0rolldown/runtime.js
 var __defProp = Object.defineProperty;
 var __exportAll = (all, no_symbols) => {
@@ -216,7 +250,7 @@ var getIntlLocale = (locale) => {
 };
 var package_default = {
 	name: "@layerfi/components",
-	version: "0.1.132-alpha",
+	version: "0.1.132-alpha.1",
 	description: "Layer React Components",
 	main: "dist/cjs/index.cjs",
 	module: "dist/esm/index.mjs",
@@ -318,7 +352,7 @@ var package_default = {
 		"lodash-es": "^4.17.21",
 		"lucide-react": "^0.507.0",
 		"motion": "^12.23.11",
-		"react-aria-components": "^1.13.0",
+		"react-aria-components": "^1.17.0",
 		"react-calendly": "^4.4.0",
 		"react-currency-input-field": "^3.10.0",
 		"react-dropzone": "^14.3.8",
@@ -11199,8 +11233,8 @@ var CategorySelectDrawerWithTrigger = ({ selectedValue, onSelectedValueChange, s
 };
 //#endregion
 //#region src/components/TaxCodeSelect/useTaxCodeSelect.ts
-var EMPTY_ARRAY$6 = [];
-var useTaxCodeSelect = ({ options = EMPTY_ARRAY$6, selectedValue, onSelectedValueChange }) => {
+var EMPTY_ARRAY$7 = [];
+var useTaxCodeSelect = ({ options = EMPTY_ARRAY$7, selectedValue, onSelectedValueChange }) => {
 	const { t } = useTranslation();
 	const noTaxCodeOption = useMemo(() => TaxCodeComboBoxOption.noTaxCode(t("bankTransactions:action.no_tax_code", "No tax code")), [t]);
 	const optionsWithNoTaxCode = useMemo(() => [noTaxCodeOption, ...options], [noTaxCodeOption, options]);
@@ -11362,7 +11396,7 @@ var MobileListSection = ({ label, items, renderItem, onClickItem }) => /* @__PUR
 });
 //#endregion
 //#region src/components/ui/MobileList/MobileList.tsx
-var EMPTY_ARRAY$5 = [];
+var EMPTY_ARRAY$6 = [];
 var isSelectionEnabled = (props) => props.selectionMode !== "none" && props.enableSelection;
 var isGrouped = (data) => !!data && !Array.isArray(data);
 var MobileList = ({ ariaLabel, data, slots, renderItem, onClickItem, isLoading, isError, variant = "default", enableSelection = false, selectionMode = "none", selectedKeys, onSelectionChange }) => {
@@ -11396,7 +11430,7 @@ var MobileList = ({ ariaLabel, data, slots, renderItem, onClickItem, isLoading,
 			items: group.items,
 			renderItem,
 			onClickItem
-		}, group.label)) : (data !== null && data !== void 0 ? data : EMPTY_ARRAY$5).map(renderRow)
+		}, group.label)) : (data !== null && data !== void 0 ? data : EMPTY_ARRAY$6).map(renderRow)
 	});
 };
 //#endregion
@@ -13223,7 +13257,7 @@ var DatePickerInput = ({ errorText, variant, onClick, isReadOnly }) => {
 //#region src/components/ui/Popover/Popover.tsx
 var _excluded$68 = ["flexInline"];
 var POPOVER_CLASS_NAMES = `Layer__Portal Layer__Popover`;
-var Popover$1 = forwardRef(function Popover$2(_ref, ref) {
+var Popover$2 = forwardRef(function Popover$3(_ref, ref) {
 	let { flexInline = false } = _ref, restProps = _objectWithoutProperties(_ref, _excluded$68);
 	const dataProperties = toDataProperties({ "flex-inline": flexInline });
 	return /* @__PURE__ */ jsx(Popover, _objectSpread2(_objectSpread2(_objectSpread2({}, restProps), dataProperties), {}, {
@@ -13242,7 +13276,7 @@ function ResponsivePopover({ children, triggerRef }) {
 		isDismissable: true,
 		children
 	});
-	return /* @__PURE__ */ jsx(Popover$1, {
+	return /* @__PURE__ */ jsx(Popover$2, {
 		triggerRef,
 		placement: "bottom left",
 		flexInline: true,
@@ -14560,7 +14594,7 @@ var DEFAULT_NUM_ROWS = 15;
 var HEADER_HEIGHT = 52;
 var DEFAULT_TABLE_HEIGHT = DEFAULT_ROW_HEIGHT * DEFAULT_NUM_ROWS + HEADER_HEIGHT - 1;
 var CSS_PREFIX = "Layer__UI__VirtualizedTable";
-var EMPTY_ARRAY$4 = [];
+var EMPTY_ARRAY$5 = [];
 var VirtualizedDataTable = ({ columnConfig, data, isLoading, isError, componentName, ariaLabel, slots, shrinkHeightToFitRows = false, height = DEFAULT_TABLE_HEIGHT, rowHeight = DEFAULT_ROW_HEIGHT, overscan = DEFAULT_OVERSCAN }) => {
 	const { EmptyState, ErrorState } = slots;
 	const containerRef = useRef(null);
@@ -14576,7 +14610,7 @@ var VirtualizedDataTable = ({ columnConfig, data, isLoading, isError, componentN
 		shrinkHeightToFitRows
 	]);
 	const table = useReactTable({
-		data: data !== null && data !== void 0 ? data : EMPTY_ARRAY$4,
+		data: data !== null && data !== void 0 ? data : EMPTY_ARRAY$5,
 		columns: getColumnDefs(columnConfig),
 		getCoreRowModel: getCoreRowModel(),
 		getSortedRowModel: getSortedRowModel()
@@ -14946,7 +14980,7 @@ var MenuItem$2 = ({ children, onClick, isDisabled }) => {
 };
 var MenuList = ({ children }) => {
 	const { variant } = useDropdownMenu();
-	return /* @__PURE__ */ jsx(Menu, _objectSpread2(_objectSpread2({ className: "Layer__UI__DropdownMenu__Menu" }, toDataProperties({ variant })), {}, { children }));
+	return /* @__PURE__ */ jsx(Menu$1, _objectSpread2(_objectSpread2({ className: "Layer__UI__DropdownMenu__Menu" }, toDataProperties({ variant })), {}, { children }));
 };
 var DropdownMenu = ({ children, ariaLabel, variant, slots, slotProps }) => {
 	var _slotProps$Dialog;
@@ -14954,7 +14988,7 @@ var DropdownMenu = ({ children, ariaLabel, variant, slots, slotProps }) => {
 	const { Trigger } = slots;
 	const width = slotProps === null || slotProps === void 0 || (_slotProps$Dialog = slotProps.Dialog) === null || _slotProps$Dialog === void 0 ? void 0 : _slotProps$Dialog.width;
 	const dataProps = toDataProperties({ variant });
-	return /* @__PURE__ */ jsxs(MenuTrigger, { children: [/* @__PURE__ */ jsx(Trigger, { "aria-label": t("ui:label.menu", "Menu") }), /* @__PURE__ */ jsx(Popover, {
+	return /* @__PURE__ */ jsxs(MenuTrigger, { children: [/* @__PURE__ */ jsx(Trigger, { "aria-label": t("ui:label.menu", "Menu") }), /* @__PURE__ */ jsx(Popover$1, {
 		placement: "bottom right",
 		className: "Layer__UI__DropdownMenu__Popover Layer__variables",
 		children: /* @__PURE__ */ jsx(Dialog, _objectSpread2(_objectSpread2({
@@ -20202,13 +20236,13 @@ var Pagination = ({ onPageChange, totalCount, siblingCount = 1, currentPage, pag
 //#endregion
 //#region src/components/ui/MobileList/PaginatedMobileList.tsx
 var _excluded$39 = ["data", "paginationProps"];
-var EMPTY_ARRAY$3 = [];
+var EMPTY_ARRAY$4 = [];
 var PaginatedMobileList = (props) => {
 	var _data$length;
 	const { data, paginationProps } = props, listProps = _objectWithoutProperties(props, _excluded$39);
 	const { initialPage = 0, onSetPage, pageSize = 20, hasMore, fetchMore, autoResetPageIndexRef } = paginationProps;
 	const { pageItems, pageIndex, setPage } = usePaginatedList({
-		data: data !== null && data !== void 0 ? data : EMPTY_ARRAY$3,
+		data: data !== null && data !== void 0 ? data : EMPTY_ARRAY$4,
 		pageSize,
 		initialPage,
 		onSetPage
@@ -20434,7 +20468,20 @@ var DataTableSkeleton = ({ numColumns, nonAria }) => {
 	}, `loading-${rowIndex}`)) });
 };
 //#endregion
+//#region src/components/utility/ConditionalList.tsx
+function ConditionalList({ list, Empty, Container, isLoading, Loading, isError, Error, children }) {
+	if (isError) return Error;
+	if (isLoading) return Loading;
+	if (list.length === 0) return Empty;
+	const listItems = list.map((item, index) => children({
+		item,
+		index
+	}));
+	return Container ? /* @__PURE__ */ jsx(Container, { children: listItems }) : listItems;
+}
+//#endregion
 //#region src/components/DataTable/DataTable.tsx
+var EMPTY_ARRAY$3 = [];
 var DataTable = ({ isLoading, isError, componentName, ariaLabel, slots, dependencies, data, headerGroups, numColumns, withClickableRow }) => {
 	const scrollContainerRef = useRef(null);
 	const nonAria = headerGroups.length > 1 || numColumns === 0;
@@ -20442,66 +20489,49 @@ var DataTable = ({ isLoading, isError, componentName, ariaLabel, slots, dependen
 	const hasHorizontalOverflow = useHorizontalOverflow(scrollContainerRef, { dependencies: [data, numColumns] });
 	const showLoadingFallbackHeaders = isLoading && numColumns === 0;
 	const { headerRef, pinningStyles } = useColumnPinningStyles(headerGroups);
-	const isEmptyTable = (data === null || data === void 0 ? void 0 : data.length) === 0;
-	const renderTableBody = useMemo(() => {
-		if (isError) return /* @__PURE__ */ jsx(Row$1, {
-			className: "Layer__DataTable__EmptyState__Row",
+	const renderHeaderColumn = useCallback((header) => {
+		var _header$column$column, _header$column$column2;
+		return /* @__PURE__ */ jsx(Column$1, {
+			isRowHeader: (_header$column$column = header.column.columnDef.meta) === null || _header$column$column === void 0 ? void 0 : _header$column$column.isRowHeader,
+			className: `Layer__UI__Table-Column__${componentName}--${header.id}`,
+			alignment: (_header$column$column2 = header.column.columnDef.meta) === null || _header$column$column2 === void 0 ? void 0 : _header$column$column2.alignment,
+			pinned: header.column.getIsPinned(),
+			style: pinningStyles.get(header.column.id),
 			nonAria,
-			children: /* @__PURE__ */ jsx(Cell$2, {
-				className: "Layer__DataTable__EmptyState__Cell",
-				colSpan: numColumns,
-				nonAria,
-				children: /* @__PURE__ */ jsx(ErrorState, {})
-			})
-		});
-		if (isLoading) return /* @__PURE__ */ jsx(DataTableSkeleton, {
-			numColumns,
-			nonAria
-		});
-		if (isEmptyTable) return /* @__PURE__ */ jsx(Row$1, {
-			className: "Layer__DataTable__EmptyState__Row",
+			colSpan: header.colSpan,
+			children: header.isPlaceholder ? null : typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header
+		}, header.id);
+	}, [
+		componentName,
+		nonAria,
+		pinningStyles
+	]);
+	const renderHeaderContent = useMemo(() => {
+		if (showLoadingFallbackHeaders) return /* @__PURE__ */ jsx(DataTableHeaderSkeleton, {
 			nonAria,
-			children: /* @__PURE__ */ jsx(Cell$2, {
-				className: "Layer__DataTable__EmptyState__Cell",
-				colSpan: numColumns,
-				nonAria,
-				children: /* @__PURE__ */ jsx(EmptyState, {})
-			})
+			numColumns: 3
 		});
-		return /* @__PURE__ */ jsx(Fragment$1, { children: data === null || data === void 0 ? void 0 : data.map((row) => {
-			const isClickable = withClickableRow === null || withClickableRow === void 0 ? void 0 : withClickableRow.isRowClickable(row);
-			const onAction = isClickable && (withClickableRow === null || withClickableRow === void 0 ? void 0 : withClickableRow.onRowClick) ? () => withClickableRow.onRowClick(row) : void 0;
-			return /* @__PURE__ */ jsx(Row$1, {
-				depth: row.depth,
-				nonAria,
-				onAction,
-				className: isClickable ? "Layer__DataTable__ClickableRow" : void 0,
-				children: row.getVisibleCells().map((cell) => {
-					var _cell$column$columnDe;
-					return /* @__PURE__ */ jsx(Cell$2, {
-						className: `Layer__UI__Table-Cell__${componentName}--${cell.column.id}`,
-						alignment: (_cell$column$columnDe = cell.column.columnDef.meta) === null || _cell$column$columnDe === void 0 ? void 0 : _cell$column$columnDe.alignment,
-						pinned: cell.column.getIsPinned(),
-						style: pinningStyles.get(cell.column.id),
-						nonAria,
-						children: flexRender(cell.column.columnDef.cell, cell.getContext())
-					}, `${row.id}-${cell.id}`);
-				})
-			}, row.id);
-		}) });
+		if (nonAria) return headerGroups.map((headerGroup) => /* @__PURE__ */ jsx(Row$1, {
+			nonAria,
+			children: headerGroup.headers.map((header) => renderHeaderColumn(header))
+		}, headerGroup.id));
+		return headerGroups.flatMap((headerGroup) => headerGroup.headers.map((header) => renderHeaderColumn(header)));
 	}, [
-		isError,
-		isLoading,
-		isEmptyTable,
-		data,
+		showLoadingFallbackHeaders,
 		nonAria,
-		numColumns,
-		ErrorState,
-		EmptyState,
-		withClickableRow,
-		componentName,
-		pinningStyles
+		headerGroups,
+		renderHeaderColumn
 	]);
+	const FullWidthCellRow = useCallback(({ children }) => /* @__PURE__ */ jsx(Row$1, {
+		className: "Layer__DataTable__EmptyState__Row",
+		nonAria,
+		children: /* @__PURE__ */ jsx(Cell$2, {
+			className: "Layer__DataTable__EmptyState__Cell",
+			colSpan: numColumns,
+			nonAria,
+			children
+		})
+	}), [nonAria, numColumns]);
 	return /* @__PURE__ */ jsx("div", {
 		ref: scrollContainerRef,
 		className: classNames("Layer__UI__Table-ScrollContainer", hasHorizontalOverflow && "Layer__UI__Table-ScrollContainer--has-horizontal-overflow"),
@@ -20512,29 +20542,42 @@ var DataTable = ({ isLoading, isError, componentName, ariaLabel, slots, dependen
 			children: [/* @__PURE__ */ jsx(TableHeader$1, {
 				ref: headerRef,
 				nonAria,
-				children: showLoadingFallbackHeaders ? /* @__PURE__ */ jsx(DataTableHeaderSkeleton, {
-					nonAria,
-					numColumns: 3
-				}) : headerGroups.map((headerGroup) => /* @__PURE__ */ jsx(Row$1, {
-					nonAria,
-					children: headerGroup.headers.map((header) => {
-						var _header$column$column, _header$column$column2;
-						return /* @__PURE__ */ jsx(Column$1, {
-							isRowHeader: (_header$column$column = header.column.columnDef.meta) === null || _header$column$column === void 0 ? void 0 : _header$column$column.isRowHeader,
-							className: `Layer__UI__Table-Column__${componentName}--${header.id}`,
-							alignment: (_header$column$column2 = header.column.columnDef.meta) === null || _header$column$column2 === void 0 ? void 0 : _header$column$column2.alignment,
-							pinned: header.column.getIsPinned(),
-							style: pinningStyles.get(header.column.id),
-							nonAria,
-							colSpan: header.colSpan,
-							children: header.isPlaceholder ? null : typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header
-						}, header.id);
-					})
-				}, headerGroup.id))
+				children: renderHeaderContent
 			}), /* @__PURE__ */ jsx(TableBody$2, {
 				dependencies,
 				nonAria,
-				children: renderTableBody
+				children: /* @__PURE__ */ jsx(ConditionalList, {
+					list: data !== null && data !== void 0 ? data : EMPTY_ARRAY$3,
+					isLoading,
+					isError,
+					Loading: /* @__PURE__ */ jsx(DataTableSkeleton, {
+						numColumns,
+						nonAria
+					}),
+					Error: /* @__PURE__ */ jsx(FullWidthCellRow, { children: /* @__PURE__ */ jsx(ErrorState, {}) }),
+					Empty: /* @__PURE__ */ jsx(FullWidthCellRow, { children: /* @__PURE__ */ jsx(EmptyState, {}) }),
+					children: ({ item: row }) => {
+						const isClickable = withClickableRow === null || withClickableRow === void 0 ? void 0 : withClickableRow.isRowClickable(row);
+						const onAction = isClickable && (withClickableRow === null || withClickableRow === void 0 ? void 0 : withClickableRow.onRowClick) ? () => withClickableRow.onRowClick(row) : void 0;
+						return /* @__PURE__ */ jsx(Row$1, {
+							depth: row.depth,
+							nonAria,
+							onAction,
+							className: isClickable ? "Layer__DataTable__ClickableRow" : void 0,
+							children: row.getVisibleCells().map((cell) => {
+								var _cell$column$columnDe;
+								return /* @__PURE__ */ jsx(Cell$2, {
+									className: `Layer__UI__Table-Cell__${componentName}--${cell.column.id}`,
+									alignment: (_cell$column$columnDe = cell.column.columnDef.meta) === null || _cell$column$columnDe === void 0 ? void 0 : _cell$column$columnDe.alignment,
+									pinned: cell.column.getIsPinned(),
+									style: pinningStyles.get(cell.column.id),
+									nonAria,
+									children: flexRender(cell.column.columnDef.cell, cell.getContext())
+								}, `${row.id}-${cell.id}`);
+							})
+						}, row.id);
+					}
+				})
 			})]
 		}, `${componentName}-cols-${numColumns}`)
 	});
@@ -22466,18 +22509,6 @@ function LinkedAccountToConfirm({ account, isConfirmed, onChangeConfirmed }) {
 	});
 }
 //#endregion
-//#region src/components/utility/ConditionalList.tsx
-function ConditionalList({ list, Empty, Container, isLoading, Loading, isError, Error, children }) {
-	if (isError) return Error;
-	if (isLoading) return Loading;
-	if (list.length === 0) return Empty;
-	const listItems = list.map((item, index) => children({
-		item,
-		index
-	}));
-	return Container ? /* @__PURE__ */ jsx(Container, { children: listItems }) : listItems;
-}
-//#endregion
 //#region src/components/LinkedAccounts/ConfirmationModal/LinkedAccountsConfirmationModal.tsx
 function useLinkedAccountsConfirmationModal() {
 	const { data, refetchAccounts } = useLinkedAccounts();
@@ -22653,8 +22684,8 @@ function LinkedAccountsConfirmationModal() {
 //#endregion
 //#region src/components/ui/Menu/Menu.tsx
 var MENU_CLASS_NAME = "Layer__Menu";
-var Menu$2 = forwardRef(function Menu$3({ children }, ref) {
-	return /* @__PURE__ */ jsx(Menu, {
+var Menu$2 = forwardRef(function Menu({ children }, ref) {
+	return /* @__PURE__ */ jsx(Menu$1, {
 		className: MENU_CLASS_NAME,
 		ref,
 		children
@@ -22694,7 +22725,7 @@ function LinkedAccountPill({ label, items }) {
 			status: "error",
 			onPress: () => setIsOpen(true),
 			children: [/* @__PURE__ */ jsx(AlertCircle$1, { size: 14 }), label]
-		}), /* @__PURE__ */ jsx(Popover, {
+		}), /* @__PURE__ */ jsx(Popover$1, {
 			className: "Layer__Portal",
 			placement: "bottom end",
 			children: /* @__PURE__ */ jsx(Menu$2, { children: items.map(({ action, name }, index) => /* @__PURE__ */ jsx(MenuItem$1, {
@@ -36916,7 +36947,7 @@ var InvoiceDetailHeaderMenu = ({ onEditInvoice }) => {
 		return /* @__PURE__ */ jsx(Button$1, {
 			icon: true,
 			variant: "outlined",
-			children: /* @__PURE__ */ jsx(Menu$1, { size: 14 })
+			children: /* @__PURE__ */ jsx(Menu, { size: 14 })
 		});
 	}, []);
 	if (viewState.mode === UpsertInvoiceMode.Create) return null;
@@ -46264,7 +46295,7 @@ var TaxEstimatesViewHeader = () => {
 		return /* @__PURE__ */ jsx(Button$1, {
 			icon: true,
 			variant: "outlined",
-			children: /* @__PURE__ */ jsx(Menu$1, { size: 14 })
+			children: /* @__PURE__ */ jsx(Menu, { size: 14 })
 		});
 	}, []);
 	return /* @__PURE__ */ jsxs(HStack, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layerfi/components",
-  "version": "0.1.132-alpha",
+  "version": "0.1.132-alpha.1",
   "description": "Layer React Components",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.mjs",
@@ -108,7 +108,7 @@
     "lodash-es": "^4.17.21",
     "lucide-react": "^0.507.0",
     "motion": "^12.23.11",
-    "react-aria-components": "^1.13.0",
+    "react-aria-components": "^1.17.0",
     "react-calendly": "^4.4.0",
     "react-currency-input-field": "^3.10.0",
     "react-dropzone": "^14.3.8",