@worknice/whiteboard 0.35.0 → 0.36.0

package/dist/icons/FilterIcon.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from "./_types";
+declare const SidebarIcon: Icon;
+export default SidebarIcon;

package/dist/icons/FilterIcon.js

@@ -0,0 +1,11 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+const SidebarIcon = ({ id })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("symbol", {
+        id: id,
+        viewBox: "0 0 16 20",
+        fill: "currentColor",
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+            d: "M1.6 5.943c0-.41.333-.743.743-.743H13.66a.743.743 0 0 1 .525 1.268L10 10.648v5.01a.743.743 0 0 1-1.267.525l-2.558-2.558A.6.6 0 0 1 6 13.2v-2.552L1.818 6.465a.73.73 0 0 1-.218-.522m1.848.457 3.577 3.575a.6.6 0 0 1 .175.425v2.553l1.6 1.6V10.4a.6.6 0 0 1 .175-.425L12.55 6.4z"
+        })
+    });
+const FilterIcon_rslib_entry_ = SidebarIcon;
+export { FilterIcon_rslib_entry_ as default };

package/dist/icons/SearchIcon.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from "./_types";
+declare const SidebarIcon: Icon;
+export default SidebarIcon;

package/dist/icons/SearchIcon.js

@@ -0,0 +1,11 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+const SidebarIcon = ({ id })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("symbol", {
+        id: id,
+        viewBox: "0 0 16 20",
+        fill: "currentColor",
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+            d: "M10.8 8.8c0-2.21-1.79-4-4-4s-4 1.79-4 4 1.79 4 4 4 4-1.79 4-4m-.772 4.077A5.2 5.2 0 0 1 1.6 8.8a5.2 5.2 0 0 1 5.2-5.2 5.2 5.2 0 0 1 4.077 8.428l3.347 3.347a.6.6 0 0 1-.848.848z"
+        })
+    });
+const SearchIcon_rslib_entry_ = SidebarIcon;
+export { SearchIcon_rslib_entry_ as default };

package/dist/icons/index.d.ts

@@ -30,6 +30,7 @@ export * as Edit from "./EditIcon";
 export * as Email from "./EmailIcon";
 export * as EmergencyContact from "./EmergencyContactIcon";
 export * as External from "./ExternalIcon";
+export * as Filter from "./FilterIcon";
 export * as FilterList from "./FilterListIcon";
 export * as GripLines from "./GripLinesIcon";
 export * as Help from "./HelpIcon";
@@ -63,6 +64,7 @@ export * as Reschedule from "./RescheduleIcon";
 export * as Restore from "./RestoreIcon";
 export * as Review from "./ReviewIcon";
 export * as Schedule from "./ScheduleIcon";
+export * as Search from "./SearchIcon";
 export * as Settings from "./SettingsIcon";
 export * as Sidebar from "./SidebarIcon";
 export * as SortAsc from "./SortAscIcon";

package/dist/icons/index.js

@@ -30,6 +30,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__EditIcon_js_3342ace4__ from "./EditIcon.j
 import * as __WEBPACK_EXTERNAL_MODULE__EmailIcon_js_8d64b8cb__ from "./EmailIcon.js";
 import * as __WEBPACK_EXTERNAL_MODULE__EmergencyContactIcon_js_3112db55__ from "./EmergencyContactIcon.js";
 import * as __WEBPACK_EXTERNAL_MODULE__ExternalIcon_js_a6633445__ from "./ExternalIcon.js";
+import * as __WEBPACK_EXTERNAL_MODULE__FilterIcon_js_90456cf2__ from "./FilterIcon.js";
 import * as __WEBPACK_EXTERNAL_MODULE__FilterListIcon_js_b5d1b183__ from "./FilterListIcon.js";
 import * as __WEBPACK_EXTERNAL_MODULE__GripLinesIcon_js_42ade8a1__ from "./GripLinesIcon.js";
 import * as __WEBPACK_EXTERNAL_MODULE__HelpIcon_js_d34773d0__ from "./HelpIcon.js";
@@ -63,6 +64,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__RescheduleIcon_js_63b08904__ from "./Resc
 import * as __WEBPACK_EXTERNAL_MODULE__RestoreIcon_js_45731d5a__ from "./RestoreIcon.js";
 import * as __WEBPACK_EXTERNAL_MODULE__ReviewIcon_js_558f02af__ from "./ReviewIcon.js";
 import * as __WEBPACK_EXTERNAL_MODULE__ScheduleIcon_js_4cf8260a__ from "./ScheduleIcon.js";
+import * as __WEBPACK_EXTERNAL_MODULE__SearchIcon_js_a31e2fc4__ from "./SearchIcon.js";
 import * as __WEBPACK_EXTERNAL_MODULE__SettingsIcon_js_1af53a9f__ from "./SettingsIcon.js";
 import * as __WEBPACK_EXTERNAL_MODULE__SidebarIcon_js_a97e2580__ from "./SidebarIcon.js";
 import * as __WEBPACK_EXTERNAL_MODULE__SortAscIcon_js_e82ead94__ from "./SortAscIcon.js";
@@ -80,4 +82,4 @@ import * as __WEBPACK_EXTERNAL_MODULE__TaxIcon_js_8f7ba7b5__ from "./TaxIcon.js"
 import * as __WEBPACK_EXTERNAL_MODULE__TenureIcon_js_e97b0cbe__ from "./TenureIcon.js";
 import * as __WEBPACK_EXTERNAL_MODULE__VisibleIcon_js_485deefe__ from "./VisibleIcon.js";
 import * as __WEBPACK_EXTERNAL_MODULE__WarningIcon_js_4f217719__ from "./WarningIcon.js";
-export { __WEBPACK_EXTERNAL_MODULE__ApprovalIcon_js_6ddeff58__ as Approval, __WEBPACK_EXTERNAL_MODULE__AppsIcon_js_b1780082__ as Apps, __WEBPACK_EXTERNAL_MODULE__ArchiveIcon_js_0df693d9__ as Archive, __WEBPACK_EXTERNAL_MODULE__ArrowLeftIcon_js_a43428cc__ as ArrowLeft, __WEBPACK_EXTERNAL_MODULE__ArrowRightIcon_js_a319d809__ as ArrowRight, __WEBPACK_EXTERNAL_MODULE__AssignIcon_js_c6d10fb4__ as Assign, __WEBPACK_EXTERNAL_MODULE__AssignmentCertificateIcon_js_cd196992__ as AssignmentCertificate, __WEBPACK_EXTERNAL_MODULE__AssignmentDocumentIcon_js_f5583172__ as AssignmentDocument, __WEBPACK_EXTERNAL_MODULE__AssignmentQuestionnaireIcon_js_ee706333__ as AssignmentQuestionnaire, __WEBPACK_EXTERNAL_MODULE__BankAccountIcon_js_3a8e5afa__ as BankAccount, __WEBPACK_EXTERNAL_MODULE__CalendarIcon_js_cf14e51f__ as Calendar, __WEBPACK_EXTERNAL_MODULE__CancelIcon_js_e3190d1e__ as Cancel, __WEBPACK_EXTERNAL_MODULE__CaratDownIcon_js_c98cfbe6__ as CaratDown, __WEBPACK_EXTERNAL_MODULE__CaratLeftIcon_js_e435370b__ as CaratLeft, __WEBPACK_EXTERNAL_MODULE__CaratRightIcon_js_13d5858f__ as CaratRight, __WEBPACK_EXTERNAL_MODULE__CaratUpIcon_js_5715333b__ as CaratUp, __WEBPACK_EXTERNAL_MODULE__CheckmarkIcon_js_5421c9ae__ as CheckMark, __WEBPACK_EXTERNAL_MODULE__ChevronDownIcon_js_e6ad3c1a__ as ChevronDown, __WEBPACK_EXTERNAL_MODULE__ChevronLeftIcon_js_21cb7e78__ as ChevronLeft, __WEBPACK_EXTERNAL_MODULE__ChevronRightIcon_js_57f70204__ as ChevronRight, __WEBPACK_EXTERNAL_MODULE__ChevronUpIcon_js_11d99379__ as ChevronUp, __WEBPACK_EXTERNAL_MODULE__CloseIcon_js_0a1faf05__ as Close, __WEBPACK_EXTERNAL_MODULE__ColumnsIcon_js_18c6dc5c__ as Columns, __WEBPACK_EXTERNAL_MODULE__CopyIcon_js_8906ee53__ as Copy, __WEBPACK_EXTERNAL_MODULE__DashIcon_js_8078292d__ as Dash, __WEBPACK_EXTERNAL_MODULE__DeleteIcon_js_1aa05ea7__ as Delete, __WEBPACK_EXTERNAL_MODULE__DocumentProcessingFailedIcon_js_344528d0__ as DocumentProcessingFailed, __WEBPACK_EXTERNAL_MODULE__DownloadIcon_js_b7ee5537__ as Download, __WEBPACK_EXTERNAL_MODULE__EditIcon_js_3342ace4__ as Edit, __WEBPACK_EXTERNAL_MODULE__EmailIcon_js_8d64b8cb__ as Email, __WEBPACK_EXTERNAL_MODULE__EmergencyContactIcon_js_3112db55__ as EmergencyContact, __WEBPACK_EXTERNAL_MODULE__ExternalIcon_js_a6633445__ as External, __WEBPACK_EXTERNAL_MODULE__FilterListIcon_js_b5d1b183__ as FilterList, __WEBPACK_EXTERNAL_MODULE__GripLinesIcon_js_42ade8a1__ as GripLines, __WEBPACK_EXTERNAL_MODULE__HelpIcon_js_d34773d0__ as Help, __WEBPACK_EXTERNAL_MODULE__HiddenIcon_js_38a1f694__ as Hidden, __WEBPACK_EXTERNAL_MODULE__InboxIcon_js_ea9ef75c__ as Inbox, __WEBPACK_EXTERNAL_MODULE__InsightsIcon_js_7936cb17__ as Insights, __WEBPACK_EXTERNAL_MODULE__JobIcon_js_7e74ea2a__ as Job, __WEBPACK_EXTERNAL_MODULE__LeaveIcon_js_8b20d256__ as Leave, __WEBPACK_EXTERNAL_MODULE__LoadingIcon_js_8dc48fe1__ as Loading, __WEBPACK_EXTERNAL_MODULE__LogoutIcon_js_c164ad6c__ as Logout, __WEBPACK_EXTERNAL_MODULE__MicrosoftIcon_js_4dfbd2d2__ as Microsoft, __WEBPACK_EXTERNAL_MODULE__MinusIcon_js_a7a752cf__ as Minus, __WEBPACK_EXTERNAL_MODULE__OverflowIcon_js_3c3ec1a8__ as Overflow, __WEBPACK_EXTERNAL_MODULE__PaperworkIcon_js_018de875__ as Paperwork, __WEBPACK_EXTERNAL_MODULE__PaperworkAssignedIcon_js_0d373e0b__ as PaperworkAssigned, __WEBPACK_EXTERNAL_MODULE__PaperworkDraftIcon_js_f9c883a4__ as PaperworkDraft, __WEBPACK_EXTERNAL_MODULE__PaperworkExpiredIcon_js_9ecae61a__ as PaperworkExpired, __WEBPACK_EXTERNAL_MODULE__PaperworkExpiringSoonIcon_js_70b915c9__ as PaperworkExpiringSoon, __WEBPACK_EXTERNAL_MODULE__PaperworkMissingIcon_js_698cc14e__ as PaperworkMissing, __WEBPACK_EXTERNAL_MODULE__PaperworkProcessedIcon_js_2c7d512d__ as PaperworkProcessed, __WEBPACK_EXTERNAL_MODULE__PaperworkSubmittedIcon_js_4e7b8311__ as PaperworkSubmitted, __WEBPACK_EXTERNAL_MODULE__PeopleIcon_js_1ff7d23d__ as People, __WEBPACK_EXTERNAL_MODULE__PhoneIcon_js_db0d55d7__ as Phone, __WEBPACK_EXTERNAL_MODULE__PlusIcon_js_199c47e5__ as Plus, __WEBPACK_EXTERNAL_MODULE__PositionsIcon_js_b062da4f__ as Positions, __WEBPACK_EXTERNAL_MODULE__ProfileIcon_js_3552922e__ as Profile, __WEBPACK_EXTERNAL_MODULE__ProfileFemaleIcon_js_50219531__ as ProfileFemale, __WEBPACK_EXTERNAL_MODULE__ProfileMaleIcon_js_37736fa2__ as ProfileMale, __WEBPACK_EXTERNAL_MODULE__RemunerationIcon_js_f9abb575__ as Remuneration, __WEBPACK_EXTERNAL_MODULE__RescheduleIcon_js_63b08904__ as Reschedule, __WEBPACK_EXTERNAL_MODULE__RestoreIcon_js_45731d5a__ as Restore, __WEBPACK_EXTERNAL_MODULE__ReviewIcon_js_558f02af__ as Review, __WEBPACK_EXTERNAL_MODULE__ScheduleIcon_js_4cf8260a__ as Schedule, __WEBPACK_EXTERNAL_MODULE__SettingsIcon_js_1af53a9f__ as Settings, __WEBPACK_EXTERNAL_MODULE__SidebarIcon_js_a97e2580__ as Sidebar, __WEBPACK_EXTERNAL_MODULE__SortAscIcon_js_e82ead94__ as SortAsc, __WEBPACK_EXTERNAL_MODULE__SortDefaultIcon_js_69692758__ as SortDefault, __WEBPACK_EXTERNAL_MODULE__SortDesIcon_js_bc97efa8__ as SortDes, __WEBPACK_EXTERNAL_MODULE__StepsCompleteIcon_js_ebed55cd__ as StepsComplete, __WEBPACK_EXTERNAL_MODULE__StepsCurrentIcon_js_6ce2a148__ as StepsCurrent, __WEBPACK_EXTERNAL_MODULE__StepsIncompleteIcon_js_9a1c947d__ as StepsIncomplete, __WEBPACK_EXTERNAL_MODULE__SubmitIcon_js_60dd6261__ as Submit, __WEBPACK_EXTERNAL_MODULE__SuccessIcon_js_e011b583__ as Success, __WEBPACK_EXTERNAL_MODULE__SuperFundIcon_js_53e5730b__ as SuperFund, __WEBPACK_EXTERNAL_MODULE__SyncIcon_js_d84a7371__ as Sync, __WEBPACK_EXTERNAL_MODULE__TaskIcon_js_4d0222da__ as Task, __WEBPACK_EXTERNAL_MODULE__TaxIcon_js_8f7ba7b5__ as Tax, __WEBPACK_EXTERNAL_MODULE__TenureIcon_js_e97b0cbe__ as Tenure, __WEBPACK_EXTERNAL_MODULE__VisibleIcon_js_485deefe__ as Visible, __WEBPACK_EXTERNAL_MODULE__WarningIcon_js_4f217719__ as Warning };
+export { __WEBPACK_EXTERNAL_MODULE__ApprovalIcon_js_6ddeff58__ as Approval, __WEBPACK_EXTERNAL_MODULE__AppsIcon_js_b1780082__ as Apps, __WEBPACK_EXTERNAL_MODULE__ArchiveIcon_js_0df693d9__ as Archive, __WEBPACK_EXTERNAL_MODULE__ArrowLeftIcon_js_a43428cc__ as ArrowLeft, __WEBPACK_EXTERNAL_MODULE__ArrowRightIcon_js_a319d809__ as ArrowRight, __WEBPACK_EXTERNAL_MODULE__AssignIcon_js_c6d10fb4__ as Assign, __WEBPACK_EXTERNAL_MODULE__AssignmentCertificateIcon_js_cd196992__ as AssignmentCertificate, __WEBPACK_EXTERNAL_MODULE__AssignmentDocumentIcon_js_f5583172__ as AssignmentDocument, __WEBPACK_EXTERNAL_MODULE__AssignmentQuestionnaireIcon_js_ee706333__ as AssignmentQuestionnaire, __WEBPACK_EXTERNAL_MODULE__BankAccountIcon_js_3a8e5afa__ as BankAccount, __WEBPACK_EXTERNAL_MODULE__CalendarIcon_js_cf14e51f__ as Calendar, __WEBPACK_EXTERNAL_MODULE__CancelIcon_js_e3190d1e__ as Cancel, __WEBPACK_EXTERNAL_MODULE__CaratDownIcon_js_c98cfbe6__ as CaratDown, __WEBPACK_EXTERNAL_MODULE__CaratLeftIcon_js_e435370b__ as CaratLeft, __WEBPACK_EXTERNAL_MODULE__CaratRightIcon_js_13d5858f__ as CaratRight, __WEBPACK_EXTERNAL_MODULE__CaratUpIcon_js_5715333b__ as CaratUp, __WEBPACK_EXTERNAL_MODULE__CheckmarkIcon_js_5421c9ae__ as CheckMark, __WEBPACK_EXTERNAL_MODULE__ChevronDownIcon_js_e6ad3c1a__ as ChevronDown, __WEBPACK_EXTERNAL_MODULE__ChevronLeftIcon_js_21cb7e78__ as ChevronLeft, __WEBPACK_EXTERNAL_MODULE__ChevronRightIcon_js_57f70204__ as ChevronRight, __WEBPACK_EXTERNAL_MODULE__ChevronUpIcon_js_11d99379__ as ChevronUp, __WEBPACK_EXTERNAL_MODULE__CloseIcon_js_0a1faf05__ as Close, __WEBPACK_EXTERNAL_MODULE__ColumnsIcon_js_18c6dc5c__ as Columns, __WEBPACK_EXTERNAL_MODULE__CopyIcon_js_8906ee53__ as Copy, __WEBPACK_EXTERNAL_MODULE__DashIcon_js_8078292d__ as Dash, __WEBPACK_EXTERNAL_MODULE__DeleteIcon_js_1aa05ea7__ as Delete, __WEBPACK_EXTERNAL_MODULE__DocumentProcessingFailedIcon_js_344528d0__ as DocumentProcessingFailed, __WEBPACK_EXTERNAL_MODULE__DownloadIcon_js_b7ee5537__ as Download, __WEBPACK_EXTERNAL_MODULE__EditIcon_js_3342ace4__ as Edit, __WEBPACK_EXTERNAL_MODULE__EmailIcon_js_8d64b8cb__ as Email, __WEBPACK_EXTERNAL_MODULE__EmergencyContactIcon_js_3112db55__ as EmergencyContact, __WEBPACK_EXTERNAL_MODULE__ExternalIcon_js_a6633445__ as External, __WEBPACK_EXTERNAL_MODULE__FilterIcon_js_90456cf2__ as Filter, __WEBPACK_EXTERNAL_MODULE__FilterListIcon_js_b5d1b183__ as FilterList, __WEBPACK_EXTERNAL_MODULE__GripLinesIcon_js_42ade8a1__ as GripLines, __WEBPACK_EXTERNAL_MODULE__HelpIcon_js_d34773d0__ as Help, __WEBPACK_EXTERNAL_MODULE__HiddenIcon_js_38a1f694__ as Hidden, __WEBPACK_EXTERNAL_MODULE__InboxIcon_js_ea9ef75c__ as Inbox, __WEBPACK_EXTERNAL_MODULE__InsightsIcon_js_7936cb17__ as Insights, __WEBPACK_EXTERNAL_MODULE__JobIcon_js_7e74ea2a__ as Job, __WEBPACK_EXTERNAL_MODULE__LeaveIcon_js_8b20d256__ as Leave, __WEBPACK_EXTERNAL_MODULE__LoadingIcon_js_8dc48fe1__ as Loading, __WEBPACK_EXTERNAL_MODULE__LogoutIcon_js_c164ad6c__ as Logout, __WEBPACK_EXTERNAL_MODULE__MicrosoftIcon_js_4dfbd2d2__ as Microsoft, __WEBPACK_EXTERNAL_MODULE__MinusIcon_js_a7a752cf__ as Minus, __WEBPACK_EXTERNAL_MODULE__OverflowIcon_js_3c3ec1a8__ as Overflow, __WEBPACK_EXTERNAL_MODULE__PaperworkIcon_js_018de875__ as Paperwork, __WEBPACK_EXTERNAL_MODULE__PaperworkAssignedIcon_js_0d373e0b__ as PaperworkAssigned, __WEBPACK_EXTERNAL_MODULE__PaperworkDraftIcon_js_f9c883a4__ as PaperworkDraft, __WEBPACK_EXTERNAL_MODULE__PaperworkExpiredIcon_js_9ecae61a__ as PaperworkExpired, __WEBPACK_EXTERNAL_MODULE__PaperworkExpiringSoonIcon_js_70b915c9__ as PaperworkExpiringSoon, __WEBPACK_EXTERNAL_MODULE__PaperworkMissingIcon_js_698cc14e__ as PaperworkMissing, __WEBPACK_EXTERNAL_MODULE__PaperworkProcessedIcon_js_2c7d512d__ as PaperworkProcessed, __WEBPACK_EXTERNAL_MODULE__PaperworkSubmittedIcon_js_4e7b8311__ as PaperworkSubmitted, __WEBPACK_EXTERNAL_MODULE__PeopleIcon_js_1ff7d23d__ as People, __WEBPACK_EXTERNAL_MODULE__PhoneIcon_js_db0d55d7__ as Phone, __WEBPACK_EXTERNAL_MODULE__PlusIcon_js_199c47e5__ as Plus, __WEBPACK_EXTERNAL_MODULE__PositionsIcon_js_b062da4f__ as Positions, __WEBPACK_EXTERNAL_MODULE__ProfileIcon_js_3552922e__ as Profile, __WEBPACK_EXTERNAL_MODULE__ProfileFemaleIcon_js_50219531__ as ProfileFemale, __WEBPACK_EXTERNAL_MODULE__ProfileMaleIcon_js_37736fa2__ as ProfileMale, __WEBPACK_EXTERNAL_MODULE__RemunerationIcon_js_f9abb575__ as Remuneration, __WEBPACK_EXTERNAL_MODULE__RescheduleIcon_js_63b08904__ as Reschedule, __WEBPACK_EXTERNAL_MODULE__RestoreIcon_js_45731d5a__ as Restore, __WEBPACK_EXTERNAL_MODULE__ReviewIcon_js_558f02af__ as Review, __WEBPACK_EXTERNAL_MODULE__ScheduleIcon_js_4cf8260a__ as Schedule, __WEBPACK_EXTERNAL_MODULE__SearchIcon_js_a31e2fc4__ as Search, __WEBPACK_EXTERNAL_MODULE__SettingsIcon_js_1af53a9f__ as Settings, __WEBPACK_EXTERNAL_MODULE__SidebarIcon_js_a97e2580__ as Sidebar, __WEBPACK_EXTERNAL_MODULE__SortAscIcon_js_e82ead94__ as SortAsc, __WEBPACK_EXTERNAL_MODULE__SortDefaultIcon_js_69692758__ as SortDefault, __WEBPACK_EXTERNAL_MODULE__SortDesIcon_js_bc97efa8__ as SortDes, __WEBPACK_EXTERNAL_MODULE__StepsCompleteIcon_js_ebed55cd__ as StepsComplete, __WEBPACK_EXTERNAL_MODULE__StepsCurrentIcon_js_6ce2a148__ as StepsCurrent, __WEBPACK_EXTERNAL_MODULE__StepsIncompleteIcon_js_9a1c947d__ as StepsIncomplete, __WEBPACK_EXTERNAL_MODULE__SubmitIcon_js_60dd6261__ as Submit, __WEBPACK_EXTERNAL_MODULE__SuccessIcon_js_e011b583__ as Success, __WEBPACK_EXTERNAL_MODULE__SuperFundIcon_js_53e5730b__ as SuperFund, __WEBPACK_EXTERNAL_MODULE__SyncIcon_js_d84a7371__ as Sync, __WEBPACK_EXTERNAL_MODULE__TaskIcon_js_4d0222da__ as Task, __WEBPACK_EXTERNAL_MODULE__TaxIcon_js_8f7ba7b5__ as Tax, __WEBPACK_EXTERNAL_MODULE__TenureIcon_js_e97b0cbe__ as Tenure, __WEBPACK_EXTERNAL_MODULE__VisibleIcon_js_485deefe__ as Visible, __WEBPACK_EXTERNAL_MODULE__WarningIcon_js_4f217719__ as Warning };

package/dist/inputs/StringInput.d.ts

@@ -1,4 +1,4 @@
-import { type Dispatch } from "react";
+import { type Dispatch, type ReactNode } from "react";
 type Props = {
     autoFocus?: boolean;
     disabled?: boolean;
@@ -8,7 +8,7 @@ type Props = {
     placeholder?: string;
     type?: "text" | "multiline" | "email" | "tel" | "url" | "search" | "password";
     value: string | null;
-    prefix?: string | null;
+    prefix?: ReactNode | null;
     suffix?: string | null;
     inputMode?: "text" | "numeric" | "decimal" | "numeric" | "tel" | "search" | "url" | "email";
     maxLength?: number;

package/dist/presentation/Table_v2.d.ts

@@ -0,0 +1,67 @@
+import type { SortingColumnDef } from "@tanstack/react-table";
+import { type ReactNode } from "react";
+import { type ZodTypeAny } from "zod";
+import { type MenuButtonOption } from "../controls/MenuButton";
+type PrimitiveValue = boolean | string | undefined | number;
+type Filter<Type> = {
+    label: string;
+    options: Array<{
+        id: string;
+        label: string;
+        /**
+         * If omitted no filtering will be applied.
+         */
+        predicate?: (row: Type) => boolean;
+    }>;
+};
+type Grouping<Type> = {
+    fn: (row: Type) => string;
+    header: (row: Type) => ReactNode;
+    label: string;
+    size: number;
+};
+type BulkAction<Type> = {
+    key: string;
+    label: string;
+    render: (props: {
+        rows: Array<Type>;
+        resetRowSelection: () => void;
+        onClose: () => void;
+    }) => ReactNode;
+    predicate?: (row: Type) => boolean;
+};
+type Props<Type> = {
+    data: Array<Type>;
+    columns: Array<{
+        cell?: (row: Type) => ReactNode;
+        filter?: Filter<Type>;
+        grouping?: Grouping<Type>;
+        hiddenByDefault?: boolean;
+        id: string;
+        csvExport?: boolean;
+        globalFiltering?: boolean;
+        size?: number;
+        enableSorting?: boolean;
+        sortUndefined?: SortingColumnDef<Type>["sortUndefined"];
+    } & ({
+        type?: "accessor";
+        value: (row: Type) => PrimitiveValue;
+        header: string;
+    } | {
+        /** @deprecated Use row actions instead. */
+        type: "display";
+        header?: string;
+    })>;
+    rowActions?: (row: Type) => Array<MenuButtonOption | null>;
+    csvFilename?: string;
+    bulkActions?: BulkAction<Type>[];
+    secondaryBulkActions?: BulkAction<Type>[];
+    estimatedRowSize?: number;
+    emptyState?: ReactNode;
+    id?: string;
+    pathName?: string;
+    localStorageSchema?: ZodTypeAny;
+    getRowId: (row: Type) => string;
+};
+declare const Table: <Type>({ data, columns, bulkActions, secondaryBulkActions, csvFilename, estimatedRowSize, emptyState, pathName, id, localStorageSchema, getRowId, rowActions, }: Props<Type>) => import("react/jsx-runtime").JSX.Element;
+export default Table;

package/dist/presentation/Table_v2.js

@@ -0,0 +1,590 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__floating_ui_react_dom_d5bb3c23__ from "@floating-ui/react-dom";
+import * as __WEBPACK_EXTERNAL_MODULE__react_hook_throttle_d66151d4__ from "@react-hook/throttle";
+import * as __WEBPACK_EXTERNAL_MODULE__tanstack_react_table_777e1b4b__ from "@tanstack/react-table";
+import * as __WEBPACK_EXTERNAL_MODULE__tanstack_react_virtual_e7b31bc6__ from "@tanstack/react-virtual";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_utf8__ from "utf8";
+import * as __WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__ from "../controls/Button.js";
+import * as __WEBPACK_EXTERNAL_MODULE__controls_Disclosure_js_6e4cc59c__ from "../controls/Disclosure.js";
+import * as __WEBPACK_EXTERNAL_MODULE__controls_MenuButton_js_b23cdd05__ from "../controls/MenuButton.js";
+import * as __WEBPACK_EXTERNAL_MODULE__forms_FormButtonSet_js_c160eb1a__ from "../forms/FormButtonSet.js";
+import * as __WEBPACK_EXTERNAL_MODULE__inputs_CheckboxInput_js_3a83f64b__ from "../inputs/CheckboxInput.js";
+import * as __WEBPACK_EXTERNAL_MODULE__inputs_SelectInput_js_d1a6f32e__ from "../inputs/SelectInput.js";
+import * as __WEBPACK_EXTERNAL_MODULE__inputs_StringInput_js_091f1e06__ from "../inputs/StringInput.js";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_encodeCsv_js_1d824629__ from "../utils/encodeCsv.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Card_js_d67c086a__ from "./Card.js";
+import * as __WEBPACK_EXTERNAL_MODULE__CardContent_js_20e3f6de__ from "./CardContent.js";
+import * as __WEBPACK_EXTERNAL_MODULE__HStack_js_cc26058d__ from "./HStack.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__ from "./Icon.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Modal_js_50f53bdf__ from "./Modal.js";
+import * as __WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__ from "./PlainText.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__ from "./Table_v2.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE__VStack_js_02eb6792__ from "./VStack.js";
+const selectColumnId = "_selectColumn";
+const actionsColumnId = "_actionsColumn";
+const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csvFilename, estimatedRowSize = 100, emptyState = "No results", pathName, id, localStorageSchema, getRowId, rowActions })=>{
+    const [searchTerm, setSearchTerm] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)("");
+    const [isFilterModalOpen, setIsFilterModalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    const lastSelectedRow = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(void 0);
+    const { refs, x: bulkSelectionModalXCoordinate } = (0, __WEBPACK_EXTERNAL_MODULE__floating_ui_react_dom_d5bb3c23__.useFloating)({
+        placement: "bottom",
+        whileElementsMounted: __WEBPACK_EXTERNAL_MODULE__floating_ui_react_dom_d5bb3c23__.autoUpdate
+    });
+    const enableRowSelection = bulkActions.length + secondaryBulkActions.length > 0;
+    const isRowSelectable = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((row)=>{
+        const allBulkActions = [
+            ...bulkActions,
+            ...secondaryBulkActions
+        ];
+        return allBulkActions.some((bulkAction)=>!bulkAction.predicate || bulkAction.predicate(row.original));
+    }, [
+        bulkActions,
+        secondaryBulkActions
+    ]);
+    const columnDefs = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        const columnHelper = (0, __WEBPACK_EXTERNAL_MODULE__tanstack_react_table_777e1b4b__.createColumnHelper)();
+        const result = columns.map((column)=>{
+            const { filter, grouping, header, id, cell, globalFiltering, type, size, enableSorting, sortUndefined } = column;
+            if ("accessor" == type || void 0 == type) return columnHelper.accessor((row)=>column.value(row), {
+                cell: cell ? (props)=>cell(props.row.original) : void 0,
+                enableGlobalFilter: false !== globalFiltering,
+                enableSorting,
+                filterFn: filter ? (row, _, filterValue)=>{
+                    const option = filter.options.find((option)=>option.id === filterValue);
+                    return option?.predicate?.(row.original) ?? true;
+                } : void 0,
+                getGroupingValue: grouping ? (row)=>grouping.fn(row) : void 0,
+                header,
+                id,
+                size,
+                sortUndefined: sortUndefined ?? 1
+            });
+            return columnHelper.display({
+                cell: cell ? (props)=>cell(props.row.original) : void 0,
+                header,
+                id,
+                size
+            });
+        });
+        const rowSelectionColumn = enableRowSelection ? columnHelper.display({
+            id: selectColumnId,
+            header: ({ table })=>{
+                const selectableRows = table.getRowModel().rows.filter((row)=>row.getCanSelect());
+                const allRowsSelected = table.getIsAllRowsSelected();
+                return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__inputs_CheckboxInput_js_3a83f64b__["default"], {
+                    disabled: 0 === selectableRows.length,
+                    value: allRowsSelected,
+                    onChange: ()=>{
+                        table.toggleAllRowsSelected(!(allRowsSelected || table.getIsSomeRowsSelected()));
+                    },
+                    indeterminate: table.getIsSomeRowsSelected()
+                });
+            },
+            cell: ({ table, row })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__inputs_CheckboxInput_js_3a83f64b__["default"], {
+                    disabled: !row.getCanSelect(),
+                    value: row.getIsSelected(),
+                    onClick: (event)=>{
+                        if (event.shiftKey && lastSelectedRow.current) {
+                            const visibleRows = table.getRowModel().rows;
+                            const visibleIndex = visibleRows.findIndex((r)=>r.id === row.id);
+                            const lastIndex = visibleRows.findIndex((r)=>r.id === lastSelectedRow.current?.id);
+                            const startIndex = Math.min(lastIndex, visibleIndex);
+                            const endIndex = Math.max(lastIndex, visibleIndex);
+                            const rowsToSelect = visibleRows.slice(startIndex, endIndex + 1).filter((r)=>0 === r.subRows.length && r.getCanSelect());
+                            rowsToSelect.forEach((rowToSelect)=>rowToSelect.toggleSelected(!row.getIsSelected()));
+                        }
+                        lastSelectedRow.current = row;
+                    },
+                    onChange: (value)=>{
+                        row.toggleSelected(value);
+                    }
+                }),
+            size: 24,
+            enableSorting: false,
+            enableResizing: false,
+            enableColumnFilter: false
+        }) : void 0;
+        const actionsColumn = rowActions ? columnHelper.display({
+            id: actionsColumnId,
+            header: "",
+            size: 38,
+            cell: ({ row })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_MenuButton_js_b23cdd05__["default"], {
+                    options: rowActions(row.original).filter((action)=>null !== action),
+                    icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"], {
+                        symbol: "Overflow"
+                    })
+                }),
+            enableSorting: false,
+            enableHiding: false,
+            enableResizing: false,
+            enableColumnFilter: false
+        }) : void 0;
+        return [
+            rowSelectionColumn,
+            ...result,
+            actionsColumn
+        ].filter((column)=>void 0 !== column);
+    }, [
+        columns,
+        enableRowSelection,
+        rowActions
+    ]);
+    const globalFilterableColumns = columns.filter((column)=>false !== column.globalFiltering && "display" !== column.type);
+    const filterableColumns = columns.filter((column)=>void 0 !== column.filter);
+    const groupableColumns = columns.filter((column)=>void 0 !== column.grouping);
+    const csvExportableColumns = columns.filter((column)=>true === column.csvExport);
+    const columnFiltersInitialState = filterableColumns.map((col)=>({
+            id: col.id,
+            value: col.filter.options[0].id
+        }));
+    const localStorageData = "undefined" != typeof window && pathName && id ? window.localStorage.getItem(`${pathName}#${id}`) : null;
+    let parsedLocalStorage = {};
+    if (localStorageData && localStorageSchema) try {
+        parsedLocalStorage = JSON.parse(localStorageData);
+        localStorageSchema.parse(parsedLocalStorage);
+    } catch (error) {
+        console.error("Error parsing localStorage data:", error);
+        parsedLocalStorage = {};
+    }
+    const table = (0, __WEBPACK_EXTERNAL_MODULE__tanstack_react_table_777e1b4b__.useReactTable)({
+        data,
+        getRowId,
+        columns: columnDefs,
+        groupedColumnMode: false,
+        getCoreRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_react_table_777e1b4b__.getCoreRowModel)(),
+        getSortedRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_react_table_777e1b4b__.getSortedRowModel)(),
+        getGroupedRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_react_table_777e1b4b__.getGroupedRowModel)(),
+        getFilteredRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_react_table_777e1b4b__.getFilteredRowModel)(),
+        getExpandedRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_react_table_777e1b4b__.getExpandedRowModel)(),
+        getColumnCanGlobalFilter: ()=>true,
+        enableRowSelection: enableRowSelection ? isRowSelectable : false,
+        initialState: {
+            expanded: true,
+            columnFilters: parsedLocalStorage.columnFilters ?? columnFiltersInitialState,
+            sorting: parsedLocalStorage.sorting ?? [],
+            grouping: parsedLocalStorage.grouping ?? [],
+            columnVisibility: Object.fromEntries(columns.filter((col)=>true === col.hiddenByDefault).map((col)=>[
+                    col.id,
+                    false
+                ])),
+            globalFilter: ""
+        },
+        defaultColumn: {
+            enableGrouping: false,
+            enableColumnFilter: false,
+            enableGlobalFilter: false,
+            enableSorting: false
+        }
+    });
+    const tableState = table.getState();
+    const tBodyRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+    const rows = table.getRowModel().rows;
+    const estimateSize = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((index)=>{
+        if (!rows[index].getIsGrouped()) return estimatedRowSize;
+        {
+            const groupColumn = groupableColumns.find((column)=>column.id === rows[index].groupingColumnId);
+            return groupColumn?.grouping.size ?? estimatedRowSize;
+        }
+    }, [
+        estimatedRowSize,
+        groupableColumns,
+        rows
+    ]);
+    const rowVirtualizer = (0, __WEBPACK_EXTERNAL_MODULE__tanstack_react_virtual_e7b31bc6__.useWindowVirtualizer)({
+        count: rows.length,
+        estimateSize,
+        overscan: 10,
+        scrollMargin: tBodyRef.current?.offsetTop ?? 0,
+        initialRect: {
+            height: 1080,
+            width: 1920
+        },
+        getItemKey: (index)=>{
+            const row = rows[index];
+            return `${row.id}-${table.getState().grouping.join(",")}`;
+        },
+        measureElement: (element, _, instance)=>{
+            const rect = element.getBoundingClientRect();
+            if (rect.height > 0 && rect.width > 0) return Math.round(rect.height);
+            const cachedSize = instance.measurementsCache[instance.indexFromElement(element)].size;
+            return cachedSize;
+        }
+    });
+    const createCsvDataUrl = (columns, rows)=>{
+        const csvContent = (0, __WEBPACK_EXTERNAL_MODULE__utils_encodeCsv_js_1d824629__["default"])([
+            columns.map((col)=>col.header),
+            ...rows.map((row)=>columns.map((col)=>row.getValue(col.id)))
+        ]);
+        return `data:text/csv;charset=utf-8,${__WEBPACK_EXTERNAL_MODULE_utf8__["default"].encode(csvContent)}`;
+    };
+    const handleDownloadCsv = (columns, rows)=>{
+        if (!csvFilename) return;
+        const csvDataUrl = createCsvDataUrl(columns, rows);
+        const a = document.createElement("a");
+        a.href = csvDataUrl;
+        a.download = csvFilename.endsWith(".csv") ? csvFilename : `${csvFilename}.csv`;
+        a.click();
+    };
+    const throttledSetGlobalFilter = (0, __WEBPACK_EXTERNAL_MODULE__react_hook_throttle_d66151d4__.useThrottleCallback)((value)=>table.setGlobalFilter(value), 4);
+    const showSearchReset = columnFiltersInitialState.some((filter, index)=>filter.value !== table.getState().columnFilters[index].value) || table.initialState.globalFilter !== table.getState().globalFilter;
+    const filteredSelectedRows = table.getFilteredSelectedRowModel();
+    const validPrimaryBulkActions = bulkActions.filter((bulkAction)=>filteredSelectedRows.rows.some((row)=>bulkAction.predicate ? bulkAction.predicate(row.original) : true));
+    const validSecondaryBulkActions = secondaryBulkActions.filter((bulkAction)=>filteredSelectedRows.rows.some((row)=>bulkAction.predicate ? bulkAction.predicate(row.original) : true));
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (pathName && id) window.localStorage.setItem(`${pathName}#${id}`, JSON.stringify({
+            columnFilters: tableState.columnFilters,
+            sorting: tableState.sorting,
+            grouping: tableState.grouping
+        }));
+    }, [
+        tableState.columnFilters,
+        tableState.sorting,
+        tableState.grouping,
+        pathName,
+        id
+    ]);
+    const shouldShowCsvExport = csvExportableColumns.length > 0 && csvFilename;
+    const shouldShowMoreActions = validSecondaryBulkActions.length > 0 || shouldShowCsvExport;
+    const getbulkActionRows = (bulkAction)=>filteredSelectedRows.flatRows.filter((row)=>bulkAction.predicate ? bulkAction.predicate(row.original) : true).map((row)=>row.original);
+    const primaryBulkActionRowsMap = new Map(validPrimaryBulkActions.map((bulkAction)=>[
+            bulkAction.key,
+            getbulkActionRows(bulkAction)
+        ]));
+    const secondaryBulkActionRowsMap = new Map(validSecondaryBulkActions.map((bulkAction)=>[
+            bulkAction.key,
+            getbulkActionRows(bulkAction)
+        ]));
+    const allBulkActionRowCounts = [
+        ...Array.from(primaryBulkActionRowsMap.values()).map((rows)=>rows.length),
+        ...Array.from(secondaryBulkActionRowsMap.values()).map((rows)=>rows.length)
+    ];
+    const bulkActionRowCountsDiffer = new Set(allBulkActionRowCounts).size > 1;
+    const hasMultipleActions = allBulkActionRowCounts.length > 1;
+    const allRowsCanDoAllActions = hasMultipleActions && allBulkActionRowCounts.every((count)=>count === filteredSelectedRows.rows.length);
+    const showBulkActionCounts = bulkActionRowCountsDiffer || hasMultipleActions && !allRowsCanDoAllActions;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                ref: refs.setReference,
+                children: [
+                    validPrimaryBulkActions.length > 0 || validSecondaryBulkActions.length > 0 ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                        ref: refs.setFloating,
+                        className: __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].bulkSelectionModal,
+                        style: {
+                            left: bulkSelectionModalXCoordinate
+                        },
+                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Card_js_d67c086a__["default"], {
+                            hasShadow: true,
+                            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__CardContent_js_20e3f6de__["default"], {
+                                spacing: "00",
+                                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                                    className: __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].bulkSelectionModalContent,
+                                    children: [
+                                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__["default"], {
+                                            font: "regular-bold",
+                                            children: [
+                                                filteredSelectedRows.rows.length,
+                                                " ",
+                                                1 === filteredSelectedRows.rows.length ? "selection" : "selections"
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                                            className: __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].bulkSelectionActions,
+                                            children: [
+                                                validPrimaryBulkActions.map((bulkAction)=>{
+                                                    const rows = primaryBulkActionRowsMap.get(bulkAction.key) ?? [];
+                                                    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Disclosure_js_6e4cc59c__["default"], {
+                                                        render: (onClose)=>bulkAction.render({
+                                                                rows: primaryBulkActionRowsMap.get(bulkAction.key) ?? [],
+                                                                resetRowSelection: ()=>table.resetRowSelection(),
+                                                                onClose: onClose
+                                                            }),
+                                                        children: showBulkActionCounts ? `${bulkAction.label} (${rows.length})` : bulkAction.label
+                                                    }, bulkAction.key);
+                                                }),
+                                                shouldShowMoreActions ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_MenuButton_js_b23cdd05__["default"], {
+                                                    id: "bulkActionOverflow",
+                                                    options: [
+                                                        ...validSecondaryBulkActions.map((bulkAction)=>{
+                                                            const rows = secondaryBulkActionRowsMap.get(bulkAction.key) ?? [];
+                                                            return {
+                                                                id: bulkAction.key,
+                                                                label: showBulkActionCounts ? `${bulkAction.label} (${rows.length})` : bulkAction.label,
+                                                                type: "render",
+                                                                render: (onClose)=>bulkAction.render({
+                                                                        rows: rows,
+                                                                        resetRowSelection: ()=>table.resetRowSelection(),
+                                                                        onClose: onClose
+                                                                    })
+                                                            };
+                                                        }),
+                                                        ...shouldShowCsvExport ? [
+                                                            {
+                                                                id: "download-selected-rows",
+                                                                label: "Download selected rows as CSV",
+                                                                type: "onClick",
+                                                                onClick: ()=>handleDownloadCsv(csvExportableColumns, table.getSelectedRowModel().rows)
+                                                            }
+                                                        ] : []
+                                                    ],
+                                                    icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"], {
+                                                        symbol: "Plus"
+                                                    }),
+                                                    children: "More actions"
+                                                }) : null,
+                                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__["default"], {
+                                                    icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"], {
+                                                        symbol: "Close"
+                                                    }),
+                                                    onClick: ()=>{
+                                                        table.resetRowSelection(true);
+                                                    },
+                                                    title: `Deselect ${table.getFilteredSelectedRowModel().rows.length} ${1 === table.getFilteredSelectedRowModel().rows.length ? "selection" : "selections"}`,
+                                                    type: "secondary"
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            })
+                        })
+                    }) : null,
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__VStack_js_02eb6792__["default"], {
+                        spacing: "p1",
+                        children: [
+                            0 !== globalFilterableColumns.length || 0 !== filterableColumns.length || 0 !== groupableColumns.length ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                                className: __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].filterBar,
+                                children: [
+                                    0 !== globalFilterableColumns.length ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__inputs_StringInput_js_091f1e06__["default"], {
+                                        prefix: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"], {
+                                            symbol: "Search"
+                                        }),
+                                        placeholder: "Search",
+                                        id: "globalSearch",
+                                        value: searchTerm,
+                                        onChange: (value)=>{
+                                            setSearchTerm(value ?? "");
+                                            throttledSetGlobalFilter(value ?? "");
+                                        }
+                                    }) : null,
+                                    0 !== filterableColumns.length || 0 !== groupableColumns.length ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                                        className: __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].filterSelectMenus,
+                                        children: [
+                                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__["default"], {
+                                                type: "secondary",
+                                                onClick: ()=>setIsFilterModalOpen(true),
+                                                icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"], {
+                                                    symbol: "Filter"
+                                                }),
+                                                children: "Filters (1)"
+                                            }),
+                                            0 !== groupableColumns.length ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__inputs_SelectInput_js_d1a6f32e__["default"], {
+                                                id: "columnGroupings",
+                                                onChange: (value)=>table.setGrouping(value ? [
+                                                        value.id
+                                                    ] : []),
+                                                options: [
+                                                    void 0,
+                                                    ...groupableColumns
+                                                ],
+                                                optionToId: (option)=>void 0 === option ? "noGrouping" : option.id,
+                                                optionToLabel: (option)=>void 0 === option ? "No grouping" : option.grouping.label,
+                                                value: groupableColumns.find((column)=>table.getState().grouping.some((id)=>id === column.id))
+                                            }) : null
+                                        ]
+                                    }) : null
+                                ]
+                            }) : null,
+                            showSearchReset ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__HStack_js_cc26058d__["default"], {
+                                children: [
+                                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("p", {
+                                        children: [
+                                            "Showing ",
+                                            table.getPreGroupedRowModel().flatRows.length,
+                                            " of",
+                                            " ",
+                                            table.getPreFilteredRowModel().flatRows.length
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__["default"], {
+                                        onClick: ()=>{
+                                            table.setColumnFilters(columnFiltersInitialState);
+                                            table.resetGlobalFilter();
+                                            setSearchTerm("");
+                                        },
+                                        type: "secondary",
+                                        size: "small",
+                                        children: "Reset filters and search"
+                                    })
+                                ]
+                            }) : null,
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                className: __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].tableContainer,
+                                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("table", {
+                                    className: __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].table,
+                                    children: [
+                                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("thead", {
+                                            className: __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].tableHead,
+                                            children: table.getHeaderGroups().map((headerGroup)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("tr", {
+                                                    className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])([
+                                                        __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].tableRow,
+                                                        enableRowSelection ? __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].selectableRows : ""
+                                                    ]),
+                                                    children: headerGroup.headers.map((header)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("th", {
+                                                            className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])([
+                                                                __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].tableCell,
+                                                                __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].tableHeader,
+                                                                header.column.id === selectColumnId ? __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].selectionCell : void 0,
+                                                                header.column.id === actionsColumnId ? __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].actionsCell : void 0
+                                                            ]),
+                                                            style: {
+                                                                width: header.column.getSize(),
+                                                                flexGrow: header.column.id === selectColumnId || header.column.id === actionsColumnId ? 0 : header.column.getSize()
+                                                            },
+                                                            children: header.isPlaceholder ? null : header.column.getCanSort() ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("button", {
+                                                                onClick: header.column.getToggleSortingHandler(),
+                                                                className: __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].sortableTableHeader,
+                                                                title: "asc" === header.column.getIsSorted() ? "Sorted by ascending order" : "desc" === header.column.getIsSorted() ? "Sorted by descending order" : "Default sorting order",
+                                                                children: [
+                                                                    (0, __WEBPACK_EXTERNAL_MODULE__tanstack_react_table_777e1b4b__.flexRender)(header.column.columnDef.header, header.getContext()),
+                                                                    "asc" === header.column.getIsSorted() ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"], {
+                                                                        size: "small",
+                                                                        symbol: "SortAsc",
+                                                                        className: __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].sortIcon
+                                                                    }) : "desc" === header.column.getIsSorted() ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"], {
+                                                                        size: "small",
+                                                                        symbol: "SortDes",
+                                                                        className: __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].sortIcon
+                                                                    }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"], {
+                                                                        size: "small",
+                                                                        symbol: "SortDefault",
+                                                                        className: __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].sortIcon
+                                                                    })
+                                                                ]
+                                                            }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                                                children: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_react_table_777e1b4b__.flexRender)(header.column.columnDef.header, header.getContext())
+                                                            })
+                                                        }, header.id))
+                                                }, headerGroup.id))
+                                        }),
+                                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("tbody", {
+                                            ref: tBodyRef,
+                                            className: __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].tableBody,
+                                            style: {
+                                                height: rows.length > 0 ? `${rowVirtualizer.getTotalSize()}px` : "auto"
+                                            },
+                                            children: table.getRowModel().rows.length ? rowVirtualizer.getVirtualItems().map((virtualRow)=>{
+                                                const row = rows[virtualRow.index];
+                                                const groupColumn = groupableColumns.find((column)=>column.id === row.groupingColumnId);
+                                                return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("tr", {
+                                                    "data-state": row.getIsSelected() ? "selected" : "",
+                                                    className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])([
+                                                        __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].tableRow,
+                                                        enableRowSelection ? __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].selectableRows : "",
+                                                        row.getIsGrouped() && groupColumn ? __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].tableRowGrouped : ""
+                                                    ]),
+                                                    "data-index": virtualRow.index,
+                                                    ref: rowVirtualizer.measureElement,
+                                                    style: {
+                                                        position: "absolute",
+                                                        transform: `translateY(${virtualRow.start - rowVirtualizer.options.scrollMargin}px)`
+                                                    },
+                                                    children: row.getIsGrouped() && groupColumn ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("td", {
+                                                        className: __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].tableCell,
+                                                        children: groupColumn.grouping.header(row.original)
+                                                    }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
+                                                        children: row.getVisibleCells().map((cell)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("td", {
+                                                                className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])([
+                                                                    __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].tableCell,
+                                                                    cell.column.id === selectColumnId ? __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].selectionCell : void 0,
+                                                                    cell.column.id === actionsColumnId ? __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].actionsCell : void 0
+                                                                ]),
+                                                                style: {
+                                                                    width: cell.column.getSize(),
+                                                                    flexGrow: cell.column.id === selectColumnId || cell.column.id === actionsColumnId ? 0 : cell.column.getSize()
+                                                                },
+                                                                children: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_react_table_777e1b4b__.flexRender)(cell.column.columnDef.cell, cell.getContext())
+                                                            }, cell.id))
+                                                    })
+                                                }, row.id);
+                                            }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("tr", {
+                                                className: __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].tableRow,
+                                                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("td", {
+                                                    className: __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].noRows,
+                                                    children: emptyState
+                                                })
+                                            })
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                                className: __WEBPACK_EXTERNAL_MODULE__Table_v2_module_js_4f5732a4__["default"].downloadLink,
+                                children: [
+                                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("p", {
+                                        children: [
+                                            "Showing ",
+                                            table.getPreGroupedRowModel().flatRows.length,
+                                            " of",
+                                            " ",
+                                            table.getPreFilteredRowModel().flatRows.length
+                                        ]
+                                    }),
+                                    shouldShowCsvExport ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__["default"], {
+                                        type: "secondary",
+                                        onClick: ()=>handleDownloadCsv(csvExportableColumns, table.getRowModel().rows),
+                                        children: "Download all rows as CSV"
+                                    }) : null
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            isFilterModalOpen && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FilterModal, {
+                onClose: ()=>setIsFilterModalOpen(false)
+            })
+        ]
+    });
+};
+const FilterModal = ({ onClose })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Modal_js_50f53bdf__["default"], {
+        onClose: onClose,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Card_js_d67c086a__["default"], {
+            header: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__["default"], {
+                font: "h6",
+                tagName: "h6",
+                children: "Filters"
+            }),
+            footer: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__HStack_js_cc26058d__["default"], {
+                justify: "space-between",
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__["default"], {
+                        type: "secondary",
+                        onClick: onClose,
+                        icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"], {
+                            symbol: "Close"
+                        }),
+                        children: "Clear filters"
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_FormButtonSet_js_c160eb1a__["default"], {
+                        formStatus: "fresh",
+                        primary: {
+                            action: onClose,
+                            label: "Apply filters"
+                        },
+                        secondary: {
+                            action: onClose,
+                            label: "Cancel"
+                        }
+                    })
+                ]
+            }),
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__CardContent_js_20e3f6de__["default"], {
+                children: "TODO: Add filters"
+            })
+        })
+    });
+const Table_v2_rslib_entry_ = Table;
+export { Table_v2_rslib_entry_ as default };

package/dist/presentation/Table_v2.module.js

@@ -0,0 +1,24 @@
+import "./Table_v2_module.css";
+const Table_v2_module_rslib_entry_ = {
+    tableContainer: "tableContainer-_qG8Rb",
+    table: "table-Xw7IT1",
+    tableHead: "tableHead-AXbyXy",
+    tableBody: "tableBody-OOKTou",
+    tableRow: "tableRow-Xsp_Zh",
+    tableHeader: "tableHeader-gvWiaq",
+    tableCell: "tableCell-RmDk3Z",
+    sortableTableHeader: "sortableTableHeader-jvKjLZ",
+    sortIcon: "sortIcon-r7jDnT",
+    selectionCell: "selectionCell-_ab2of",
+    actionsCell: "actionsCell-CO8MvV",
+    tableRowGrouped: "tableRowGrouped-eHbRtb",
+    noRows: "noRows-eGdELG",
+    bulkSelectionModal: "bulkSelectionModal-kuRu15",
+    bulkSelectionModalContent: "bulkSelectionModalContent-FxyimS",
+    bulkSelectionActions: "bulkSelectionActions-HWKS5Z",
+    filterBar: "filterBar-BGMBrI",
+    filterSelectMenus: "filterSelectMenus-uB_VUK",
+    filterButton: "filterButton-_xmjv4",
+    downloadLink: "downloadLink-ikiKns"
+};
+export { Table_v2_module_rslib_entry_ as default };

package/dist/presentation/Table_v2_module.css

@@ -0,0 +1,136 @@
+.tableContainer-_qG8Rb {
+  background: var(--color-white);
+  border-radius: var(--size-n3);
+  border: solid var(--size-n5) var(--color-grey-t08);
+  color: var(--color-grey-s01);
+  overflow-x: auto;
+}
+
+.table-Xw7IT1 {
+  width: 100%;
+  display: grid;
+}
+
+.tableHead-AXbyXy {
+  display: grid;
+}
+
+.tableBody-OOKTou {
+  display: grid;
+  position: relative;
+}
+
+.tableRow-Xsp_Zh {
+  gap: var(--size-00);
+  border-top: solid var(--size-n5) var(--color-grey-t08);
+  width: 100%;
+  padding: var(--size-00);
+  display: flex;
+}
+
+.tableHead-AXbyXy .tableRow-Xsp_Zh {
+  border-top: none;
+}
+
+.tableHeader-gvWiaq {
+  font: var(--font-regular-bold);
+}
+
+.tableCell-RmDk3Z {
+  vertical-align: middle;
+  flex-shrink: 0;
+  flex-basis: auto;
+  place-items: center start;
+  display: grid;
+}
+
+.sortableTableHeader-jvKjLZ {
+  gap: var(--size-n2);
+  grid-template-columns: auto max-content;
+  align-items: center;
+  display: grid;
+}
+
+.sortIcon-r7jDnT {
+  flex-shrink: 0;
+}
+
+.selectionCell-_ab2of {
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.actionsCell-CO8MvV {
+  justify-content: flex-end;
+}
+
+.tableRowGrouped-eHbRtb {
+  background-color: var(--color-grey-t10);
+}
+
+.noRows-eGdELG {
+  padding: var(--size-p3) var(--size-00);
+  text-align: center;
+  width: 100%;
+}
+
+.bulkSelectionModal-kuRu15 {
+  bottom: var(--size-00);
+  z-index: 1;
+  position: fixed;
+}
+
+.bulkSelectionModalContent-FxyimS {
+  gap: var(--size-00);
+  align-items: center;
+  display: flex;
+}
+
+.bulkSelectionActions-HWKS5Z {
+  gap: var(--size-n2);
+  grid-auto-flow: column;
+  display: grid;
+}
+
+.filterBar-BGMBrI {
+  gap: var(--size-00);
+  grid-template-rows: auto auto;
+  grid-template-columns: 1fr;
+  display: grid;
+}
+
+.filterBar-BGMBrI:has( > :only-child) {
+  gap: 0;
+}
+
+@media (min-width: 768px) {
+  .filterBar-BGMBrI {
+    grid-template-rows: auto;
+    grid-template-columns: 1fr max-content;
+  }
+}
+
+.filterSelectMenus-uB_VUK {
+  gap: var(--size-00);
+  grid-auto-columns: 1fr;
+  display: grid;
+}
+
+.filterSelectMenus-uB_VUK:has( > :only-child) {
+  gap: 0;
+}
+
+@media (min-width: 768px) {
+  .filterSelectMenus-uB_VUK {
+    grid-auto-columns: max-content;
+    grid-auto-flow: column;
+  }
+}
+
+.filterButton-_xmjv4, .downloadLink-ikiKns {
+  justify-content: flex-end;
+  gap: var(--size-00);
+  align-items: center;
+  display: flex;
+}
+

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@worknice/whiteboard",
   "description": "",
-  "version": "0.35.0",
+  "version": "0.36.0",
   "license": "MIT",
   "private": false,
   "files": [
@@ -39,7 +39,7 @@
     "react-markdown": "^10.1.0",
     "utf8": "^3.0.0",
     "zod": "^4.1.13",
-    "@worknice/utils": "^0.18.0"
+    "@worknice/utils": "^0.19.0"
   },
   "devDependencies": {
     "@anolilab/semantic-release-pnpm": "^3.2.2",