@rebasepro/ui 0.0.1-canary.2 → 0.0.1-canary.4d4fb3e

package/dist/index.es.js

@@ -4,10 +4,10 @@ import { c } from "react-compiler-runtime";
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 import * as React from "react";
-import React__default, { createContext, useContext, useEffect, useState, useRef, Children, forwardRef, useLayoutEffect, useDeferredValue } from "react";
+import React__default, { createContext, useContext, useEffect, useRef, useState, Children, forwardRef, useLayoutEffect, useDeferredValue, useMemo, createRef, useCallback } from "react";
 import * as Collapsible from "@radix-ui/react-collapsible";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import "@material-design-icons/font/filled.css";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import * as VisuallyHidden from "@radix-ui/react-visually-hidden";
@@ -25,13 +25,13 @@ import * as SelectPrimitive from "@radix-ui/react-select";
 import * as SliderPrimitive from "@radix-ui/react-slider";
 import * as ReactDOM from "react-dom";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { FixedSizeList } from "react-window";
+import useMeasure from "react-use-measure";
+import { useSortable, arrayMove, SortableContext, horizontalListSortingStrategy } from "@dnd-kit/sortable";
+import { useSensors, useSensor, PointerSensor, DndContext, closestCenter } from "@dnd-kit/core";
 function cls(...classes) {
   return twMerge(clsx(classes));
 }
-function cn(...classes) {
-  console.warn("cn() is deprecated, use cls() instead. cn will be removed in the final 3.0.0 version");
-  return cls(...classes);
-}
 function debounce(func, wait = 166) {
   let timeout;
   function debounced(...args) {
@@ -381,6 +381,98 @@ function isInPresentationLayer(node) {
   }
   return false;
 }
+function useDebouncedCallback(value, callback, immediate, t0) {
+  const $ = c(11);
+  const timeoutMs = t0 === void 0 ? 300 : t0;
+  const pendingUpdate = React__default.useRef(false);
+  const callbackRef = React__default.useRef(callback);
+  let t1;
+  let t2;
+  if ($[0] !== callback) {
+    t1 = () => {
+      callbackRef.current = callback;
+    };
+    t2 = [callback];
+    $[0] = callback;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t1 = $[1];
+    t2 = $[2];
+  }
+  React__default.useEffect(t1, t2);
+  let t3;
+  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => {
+      callbackRef.current();
+      pendingUpdate.current = false;
+    };
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const performUpdate = t3;
+  const handlerRef = React__default.useRef(void 0);
+  let t4;
+  if ($[4] !== immediate || $[5] !== timeoutMs) {
+    t4 = () => {
+      if (immediate) {
+        clearTimeout(handlerRef.current);
+        if (pendingUpdate.current) {
+          performUpdate();
+        }
+        return;
+      }
+      pendingUpdate.current = true;
+      clearTimeout(handlerRef.current);
+      handlerRef.current = setTimeout(performUpdate, timeoutMs);
+      return () => {
+        if (immediate) {
+          performUpdate();
+        }
+      };
+    };
+    $[4] = immediate;
+    $[5] = timeoutMs;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== immediate || $[8] !== timeoutMs || $[9] !== value) {
+    t5 = [immediate, value, performUpdate, timeoutMs];
+    $[7] = immediate;
+    $[8] = timeoutMs;
+    $[9] = value;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  React__default.useEffect(t4, t5);
+}
+function useDebounceCallback(callback, delay) {
+  const $ = c(3);
+  const timeoutRef = useRef(null);
+  let t0;
+  if ($[0] !== callback || $[1] !== delay) {
+    t0 = (...t1) => {
+      const args = t1;
+      if (timeoutRef.current !== null) {
+        clearTimeout(timeoutRef.current);
+      }
+      timeoutRef.current = window.setTimeout(() => {
+        callback?.(...args);
+      }, delay ?? 200);
+    };
+    $[0] = callback;
+    $[1] = delay;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const debouncedCallback = t0;
+  return debouncedCallback;
+}
 function useDebounceValue(value, t0) {
   const $ = c(4);
   const delay = t0 === void 0 ? 300 : t0;
@@ -1310,6 +1402,212 @@ function CircularProgress(t0) {
   }
   return t4;
 }
+const typographyVariants = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  subtitle1: "h6",
+  subtitle2: "h6",
+  label: "label",
+  body1: "p",
+  body2: "p",
+  inherit: "p",
+  caption: "p",
+  button: "span"
+};
+const colorToClasses = {
+  inherit: "text-inherit",
+  initial: "text-current",
+  primary: "text-text-primary dark:text-text-primary-dark",
+  secondary: "text-text-secondary dark:text-text-secondary-dark",
+  disabled: "text-text-disabled dark:text-text-disabled-dark",
+  error: "text-red-600 dark:text-red-500"
+};
+const gutterBottomClasses = {
+  h1: "mb-5",
+  h2: "mb-4",
+  h3: "mb-4",
+  h4: "mb-4",
+  h5: "mb-3",
+  h6: "mb-3",
+  subtitle1: "mb-3",
+  subtitle2: "mb-3",
+  body1: "mb-3",
+  body2: "mb-3",
+  inherit: "mb-3",
+  caption: "mb-2",
+  button: "mb-2",
+  label: "mb-2"
+};
+const variantToClasses = {
+  h1: "typography-h1",
+  h2: "typography-h2",
+  h3: "typography-h3",
+  h4: "typography-h4",
+  h5: "typography-h5",
+  h6: "typography-h6",
+  subtitle1: "typography-subtitle1",
+  subtitle2: "typography-subtitle2",
+  body1: "typography-body1",
+  body2: "typography-body2",
+  label: "typography-label",
+  inherit: "typography-inherit",
+  caption: "typography-caption",
+  button: "typography-button"
+};
+function Typography(t0) {
+  const $ = c(29);
+  let children;
+  let className;
+  let component;
+  let onClick;
+  let other;
+  let style;
+  let t1;
+  let t2;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  let t7;
+  if ($[0] !== t0) {
+    ({
+      align: t1,
+      color: t2,
+      children,
+      className,
+      component,
+      gutterBottom: t3,
+      noWrap: t4,
+      paragraph: t5,
+      variant: t6,
+      variantMapping: t7,
+      style,
+      onClick,
+      ...other
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = component;
+    $[4] = onClick;
+    $[5] = other;
+    $[6] = style;
+    $[7] = t1;
+    $[8] = t2;
+    $[9] = t3;
+    $[10] = t4;
+    $[11] = t5;
+    $[12] = t6;
+    $[13] = t7;
+  } else {
+    children = $[1];
+    className = $[2];
+    component = $[3];
+    onClick = $[4];
+    other = $[5];
+    style = $[6];
+    t1 = $[7];
+    t2 = $[8];
+    t3 = $[9];
+    t4 = $[10];
+    t5 = $[11];
+    t6 = $[12];
+    t7 = $[13];
+  }
+  const align = t1 === void 0 ? "inherit" : t1;
+  const color = t2 === void 0 ? "primary" : t2;
+  const gutterBottom = t3 === void 0 ? false : t3;
+  const noWrap = t4 === void 0 ? false : t4;
+  const paragraph = t5 === void 0 ? false : t5;
+  const variant = t6 === void 0 ? "body1" : t6;
+  const variantMapping = t7 === void 0 ? typographyVariants : t7;
+  const Component = component || (paragraph ? "p" : variantMapping[variant] || typographyVariants[variant]) || "span";
+  const t8 = variantToClasses[variant];
+  const t9 = color ? colorToClasses[color] : "";
+  const t10 = align !== "inherit" && `text-${align}`;
+  const t11 = gutterBottom && gutterBottomClasses[variant];
+  const t12 = noWrap && "truncate";
+  const t13 = paragraph && "mb-3";
+  let t14;
+  if ($[14] !== className || $[15] !== t10 || $[16] !== t11 || $[17] !== t12 || $[18] !== t13 || $[19] !== t8 || $[20] !== t9) {
+    t14 = cls(t8, t9, t10, t11, t12, t13, className);
+    $[14] = className;
+    $[15] = t10;
+    $[16] = t11;
+    $[17] = t12;
+    $[18] = t13;
+    $[19] = t8;
+    $[20] = t9;
+    $[21] = t14;
+  } else {
+    t14 = $[21];
+  }
+  const classes = t14;
+  let t15;
+  if ($[22] !== Component || $[23] !== children || $[24] !== classes || $[25] !== onClick || $[26] !== other || $[27] !== style) {
+    t15 = /* @__PURE__ */ jsx(Component, { className: classes, onClick, style, ...other, children });
+    $[22] = Component;
+    $[23] = children;
+    $[24] = classes;
+    $[25] = onClick;
+    $[26] = other;
+    $[27] = style;
+    $[28] = t15;
+  } else {
+    t15 = $[28];
+  }
+  return t15;
+}
+function CircularProgressCenter(t0) {
+  const $ = c(10);
+  let props;
+  let text;
+  if ($[0] !== t0) {
+    ({
+      text,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+    $[2] = text;
+  } else {
+    props = $[1];
+    text = $[2];
+  }
+  let t1;
+  if ($[3] !== props) {
+    t1 = /* @__PURE__ */ jsx(CircularProgress, { ...props });
+    $[3] = props;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== text) {
+    t2 = text && /* @__PURE__ */ jsx(Typography, { color: "secondary", variant: "caption", className: "text-center", children: text });
+    $[5] = text;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== t1 || $[8] !== t2) {
+    t3 = /* @__PURE__ */ jsx("div", { className: "flex w-full h-screen max-h-full max-w-full gap-4", children: /* @__PURE__ */ jsxs("div", { className: "m-auto flex flex-col gap-2 items-center", children: [
+      t1,
+      t2
+    ] }) });
+    $[7] = t1;
+    $[8] = t2;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
+}
 const iconKeys = ["10k", "10mp", "11mp", "123", "12mp", "13mp", "14mp", "15mp", "16mp", "17mp", "18_up_rating", "18mp", "19mp", "1k", "1k_plus", "1x_mobiledata", "20mp", "21mp", "22mp", "23mp", "24mp", "2k", "2k_plus", "2mp", "30fps", "30fps_select", "360", "3d_rotation", "3g_mobiledata", "3k", "3k_plus", "3mp", "3p", "4g_mobiledata", "4g_plus_mobiledata", "4k", "4k_plus", "4mp", "5g", "5k", "5k_plus", "5mp", "60fps", "60fps_select", "6_ft_apart", "6k", "6k_plus", "6mp", "7k", "7k_plus", "7mp", "8k", "8k_plus", "8mp", "9k", "9k_plus", "9mp", "abc", "ac_unit", "access_alarm", "access_alarms", "access_time", "access_time_filled", "accessibility", "accessibility_new", "accessible", "accessible_forward", "account_balance", "account_balance_wallet", "account_box", "account_circle", "account_tree", "ad_units", "adb", "add", "add_a_photo", "add_alarm", "add_alert", "add_box", "add_business", "add_card", "add_chart", "add_circle", "add_circle_outline", "add_comment", "add_home", "add_home_work", "add_ic_call", "add_link", "add_location", "add_location_alt", "add_moderator", "add_photo_alternate", "add_reaction", "add_road", "add_shopping_cart", "add_task", "add_to_drive", "add_to_home_screen", "add_to_photos", "add_to_queue", "addchart", "adf_scanner", "adjust", "admin_panel_settings", "adobe", "ads_click", "agriculture", "air", "airline_seat_flat", "airline_seat_flat_angled", "airline_seat_individual_suite", "airline_seat_legroom_extra", "airline_seat_legroom_normal", "airline_seat_legroom_reduced", "airline_seat_recline_extra", "airline_seat_recline_normal", "airline_stops", "airlines", "airplane_ticket", "airplanemode_active", "airplanemode_inactive", "airplanemode_off", "airplanemode_on", "airplay", "airport_shuttle", "alarm", "alarm_add", "alarm_off", "alarm_on", "album", "align_horizontal_center", "align_horizontal_left", "align_horizontal_right", "align_vertical_bottom", "align_vertical_center", "align_vertical_top", "all_inbox", "all_inclusive", "all_out", "alt_route", "alternate_email", "amp_stories", "analytics", "anchor", "android", "animation", "announcement", "aod", "apartment", "api", "app_blocking", "app_registration", "app_settings_alt", "app_shortcut", "apple", "approval", "apps", "apps_outage", "architecture", "archive", "area_chart", "arrow_back", "arrow_back_ios", "arrow_back_ios_new", "arrow_circle_down", "arrow_circle_left", "arrow_circle_right", "arrow_circle_up", "arrow_downward", "arrow_drop_down", "arrow_drop_down_circle", "arrow_drop_up", "arrow_forward", "arrow_forward_ios", "arrow_left", "arrow_outward", "arrow_right", "arrow_right_alt", "arrow_upward", "art_track", "article", "aspect_ratio", "assessment", "assignment", "assignment_ind", "assignment_late", "assignment_return", "assignment_returned", "assignment_turned_in", "assist_walker", "assistant", "assistant_direction", "assistant_photo", "assured_workload", "atm", "attach_email", "attach_file", "attach_money", "attachment", "attractions", "attribution", "audio_file", "audiotrack", "auto_awesome", "auto_awesome_mosaic", "auto_awesome_motion", "auto_delete", "auto_fix_high", "auto_fix_normal", "auto_fix_off", "auto_graph", "auto_mode", "auto_stories", "autofps_select", "autorenew", "av_timer", "baby_changing_station", "back_hand", "backpack", "backspace", "backup", "backup_table", "badge", "bakery_dining", "balance", "balcony", "ballot", "bar_chart", "batch_prediction", "bathroom", "bathtub", "battery_0_bar", "battery_1_bar", "battery_2_bar", "battery_3_bar", "battery_4_bar", "battery_5_bar", "battery_6_bar", "battery_alert", "battery_charging_full", "battery_full", "battery_saver", "battery_std", "battery_unknown", "beach_access", "bed", "bedroom_baby", "bedroom_child", "bedroom_parent", "bedtime", "bedtime_off", "beenhere", "bento", "bike_scooter", "biotech", "blender", "blind", "blinds", "blinds_closed", "block", "bloodtype", "bluetooth", "bluetooth_audio", "bluetooth_connected", "bluetooth_disabled", "bluetooth_drive", "bluetooth_searching", "blur_circular", "blur_linear", "blur_off", "blur_on", "bolt", "book", "book_online", "bookmark", "bookmark_add", "bookmark_added", "bookmark_border", "bookmark_outline", "bookmark_remove", "bookmarks", "border_all", "border_bottom", "border_clear", "border_color", "border_horizontal", "border_inner", "border_left", "border_outer", "border_right", "border_style", "border_top", "border_vertical", "boy", "branding_watermark", "breakfast_dining", "brightness_1", "brightness_2", "brightness_3", "brightness_4", "brightness_5", "brightness_6", "brightness_7", "brightness_auto", "brightness_high", "brightness_low", "brightness_medium", "broadcast_on_home", "broadcast_on_personal", "broken_image", "browse_gallery", "browser_not_supported", "browser_updated", "brunch_dining", "brush", "bubble_chart", "bug_report", "build", "build_circle", "bungalow", "burst_mode", "bus_alert", "business", "business_center", "cabin", "cable", "cached", "cake", "calculate", "calendar_month", "calendar_today", "calendar_view_day", "calendar_view_month", "calendar_view_week", "call", "call_end", "call_made", "call_merge", "call_missed", "call_missed_outgoing", "call_received", "call_split", "call_to_action", "camera", "camera_alt", "camera_enhance", "camera_front", "camera_indoor", "camera_outdoor", "camera_rear", "camera_roll", "cameraswitch", "campaign", "cancel", "cancel_presentation", "cancel_schedule_send", "candlestick_chart", "car_crash", "car_rental", "car_repair", "card_giftcard", "card_membership", "card_travel", "carpenter", "cases", "casino", "cast", "cast_connected", "cast_for_education", "castle", "catching_pokemon", "category", "celebration", "cell_tower", "cell_wifi", "center_focus_strong", "center_focus_weak", "chair", "chair_alt", "chalet", "change_circle", "change_history", "charging_station", "chat", "chat_bubble", "chat_bubble_outline", "check", "check_box", "check_box_outline_blank", "check_circle", "check_circle_outline", "checklist", "checklist_rtl", "checkroom", "chevron_left", "chevron_right", "child_care", "child_friendly", "chrome_reader_mode", "church", "circle", "circle_notifications", "class", "clean_hands", "cleaning_services", "clear", "clear_all", "close", "close_fullscreen", "closed_caption", "closed_caption_disabled", "closed_caption_off", "cloud", "cloud_circle", "cloud_done", "cloud_download", "cloud_off", "cloud_queue", "cloud_sync", "cloud_upload", "co2", "co_present", "code", "code_off", "coffee", "coffee_maker", "collections", "collections_bookmark", "color_lens", "colorize", "comment", "comment_bank", "comments_disabled", "commit", "commute", "compare", "compare_arrows", "compass_calibration", "compost", "compress", "computer", "confirmation_num", "confirmation_number", "connect_without_contact", "connected_tv", "connecting_airports", "construction", "contact_emergency", "contact_mail", "contact_page", "contact_phone", "contact_support", "contactless", "contacts", "content_copy", "content_cut", "content_paste", "content_paste_go", "content_paste_off", "content_paste_search", "contrast", "control_camera", "control_point", "control_point_duplicate", "cookie", "copy", "copy_all", "copyright", "coronavirus", "corporate_fare", "cottage", "countertops", "create", "create_new_folder", "credit_card", "credit_card_off", "credit_score", "crib", "crisis_alert", "crop", "crop_16_9", "crop_3_2", "crop_5_4", "crop_7_5", "crop_din", "crop_free", "crop_landscape", "crop_original", "crop_portrait", "crop_rotate", "crop_square", "cruelty_free", "css", "currency_bitcoin", "currency_exchange", "currency_franc", "currency_lira", "currency_pound", "currency_ruble", "currency_rupee", "currency_yen", "currency_yuan", "curtains", "curtains_closed", "cut", "cyclone", "dangerous", "dark_mode", "dashboard", "dashboard_customize", "data_array", "data_exploration", "data_object", "data_saver_off", "data_saver_on", "data_thresholding", "data_usage", "dataset", "dataset_linked", "date_range", "deblur", "deck", "dehaze", "delete", "delete_forever", "delete_outline", "delete_sweep", "delivery_dining", "density_large", "density_medium", "density_small", "departure_board", "description", "deselect", "design_services", "desk", "desktop_access_disabled", "desktop_mac", "desktop_windows", "details", "developer_board", "developer_board_off", "developer_mode", "device_hub", "device_thermostat", "device_unknown", "devices", "devices_fold", "devices_other", "dialer_sip", "dialpad", "diamond", "difference", "dining", "dinner_dining", "directions", "directions_bike", "directions_boat", "directions_boat_filled", "directions_bus", "directions_bus_filled", "directions_car", "directions_car_filled", "directions_ferry", "directions_off", "directions_railway", "directions_railway_filled", "directions_run", "directions_subway", "directions_subway_filled", "directions_train", "directions_transit", "directions_transit_filled", "directions_walk", "dirty_lens", "disabled_by_default", "disabled_visible", "disc_full", "discord", "discount", "display_settings", "diversity_1", "diversity_2", "diversity_3", "dnd_forwardslash", "dns", "do_disturb", "do_disturb_alt", "do_disturb_off", "do_disturb_on", "do_not_disturb", "do_not_disturb_alt", "do_not_disturb_off", "do_not_disturb_on", "do_not_disturb_on_total_silence", "do_not_step", "do_not_touch", "dock", "document_scanner", "domain", "domain_add", "domain_disabled", "domain_verification", "done", "done_all", "done_outline", "donut_large", "donut_small", "door_back", "door_front", "door_sliding", "doorbell", "double_arrow", "downhill_skiing", "download", "download_done", "download_for_offline", "downloading", "drafts", "drag_handle", "drag_indicator", "draw", "drive_eta", "drive_file_move", "drive_file_move_rtl", "drive_file_rename_outline", "drive_folder_upload", "dry", "dry_cleaning", "duo", "dvr", "dynamic_feed", "dynamic_form", "e_mobiledata", "earbuds", "earbuds_battery", "east", "eco", "edgesensor_high", "edgesensor_low", "edit", "edit_attributes", "edit_calendar", "edit_location", "edit_location_alt", "edit_note", "edit_notifications", "edit_off", "edit_road", "egg", "egg_alt", "eject", "elderly", "elderly_woman", "electric_bike", "electric_bolt", "electric_car", "electric_meter", "electric_moped", "electric_rickshaw", "electric_scooter", "electrical_services", "elevator", "email", "emergency", "emergency_recording", "emergency_share", "emoji_emotions", "emoji_events", "emoji_flags", "emoji_food_beverage", "emoji_nature", "emoji_objects", "emoji_people", "emoji_symbols", "emoji_transportation", "energy_savings_leaf", "engineering", "enhance_photo_translate", "enhanced_encryption", "equalizer", "error", "error_outline", "escalator", "escalator_warning", "euro", "euro_symbol", "ev_station", "event", "event_available", "event_busy", "event_note", "event_repeat", "event_seat", "exit_to_app", "expand", "expand_circle_down", "expand_less", "expand_more", "explicit", "explore", "explore_off", "exposure", "exposure_minus_1", "exposure_minus_2", "exposure_neg_1", "exposure_neg_2", "exposure_plus_1", "exposure_plus_2", "exposure_zero", "extension", "extension_off", "face", "face_2", "face_3", "face_4", "face_5", "face_6", "face_retouching_natural", "face_retouching_off", "face_unlock", "facebook", "fact_check", "factory", "family_restroom", "fast_forward", "fast_rewind", "fastfood", "favorite", "favorite_border", "favorite_outline", "fax", "featured_play_list", "featured_video", "feed", "feedback", "female", "fence", "festival", "fiber_dvr", "fiber_manual_record", "fiber_new", "fiber_pin", "fiber_smart_record", "file_copy", "file_download", "file_download_done", "file_download_off", "file_open", "file_present", "file_upload", "filter", "filter_1", "filter_2", "filter_3", "filter_4", "filter_5", "filter_6", "filter_7", "filter_8", "filter_9", "filter_9_plus", "filter_alt", "filter_alt_off", "filter_b_and_w", "filter_center_focus", "filter_drama", "filter_frames", "filter_hdr", "filter_list", "filter_list_off", "filter_none", "filter_tilt_shift", "filter_vintage", "find_in_page", "find_replace", "fingerprint", "fire_extinguisher", "fire_hydrant_alt", "fire_truck", "fireplace", "first_page", "fit_screen", "fitbit", "fitness_center", "flag", "flag_circle", "flaky", "flare", "flash_auto", "flash_off", "flash_on", "flashlight_off", "flashlight_on", "flatware", "flight", "flight_class", "flight_land", "flight_takeoff", "flip", "flip_camera_android", "flip_camera_ios", "flip_to_back", "flip_to_front", "flood", "flourescent", "fluorescent", "flutter_dash", "fmd_bad", "fmd_good", "folder", "folder_copy", "folder_delete", "folder_off", "folder_open", "folder_shared", "folder_special", "folder_zip", "follow_the_signs", "font_download", "font_download_off", "food_bank", "forest", "fork_left", "fork_right", "format_align_center", "format_align_justify", "format_align_left", "format_align_right", "format_bold", "format_clear", "format_color_fill", "format_color_reset", "format_color_text", "format_indent_decrease", "format_indent_increase", "format_italic", "format_line_spacing", "format_list_bulleted", "format_list_numbered", "format_list_numbered_rtl", "format_overline", "format_paint", "format_quote", "format_shapes", "format_size", "format_strikethrough", "format_textdirection_l_to_r", "format_textdirection_r_to_l", "format_underline", "format_underlined", "fort", "forum", "forward", "forward_10", "forward_30", "forward_5", "forward_to_inbox", "foundation", "free_breakfast", "free_cancellation", "front_hand", "fullscreen", "fullscreen_exit", "functions", "g_mobiledata", "g_translate", "gamepad", "games", "garage", "gas_meter", "gavel", "generating_tokens", "gesture", "get_app", "gif", "gif_box", "girl", "gite", "golf_course", "gpp_bad", "gpp_good", "gpp_maybe", "gps_fixed", "gps_not_fixed", "gps_off", "grade", "gradient", "grading", "grain", "graphic_eq", "grass", "grid_3x3", "grid_4x4", "grid_goldenratio", "grid_off", "grid_on", "grid_view", "group", "group_add", "group_off", "group_remove", "group_work", "groups", "groups_2", "groups_3", "h_mobiledata", "h_plus_mobiledata", "hail", "handshake", "handyman", "hardware", "hd", "hdr_auto", "hdr_auto_select", "hdr_enhanced_select", "hdr_off", "hdr_off_select", "hdr_on", "hdr_on_select", "hdr_plus", "hdr_strong", "hdr_weak", "headphones", "headphones_battery", "headset", "headset_mic", "headset_off", "healing", "health_and_safety", "hearing", "hearing_disabled", "heart_broken", "heat_pump", "height", "help", "help_center", "help_outline", "hevc", "hexagon", "hide_image", "hide_source", "high_quality", "highlight", "highlight_alt", "highlight_off", "highlight_remove", "hiking", "history", "history_edu", "history_toggle_off", "hive", "hls", "hls_off", "holiday_village", "home", "home_max", "home_mini", "home_repair_service", "home_work", "horizontal_distribute", "horizontal_rule", "horizontal_split", "hot_tub", "hotel", "hotel_class", "hourglass_bottom", "hourglass_disabled", "hourglass_empty", "hourglass_full", "hourglass_top", "house", "house_siding", "houseboat", "how_to_reg", "how_to_vote", "html", "http", "https", "hub", "hvac", "ice_skating", "icecream", "image", "image_aspect_ratio", "image_not_supported", "image_search", "imagesearch_roller", "import_contacts", "import_export", "important_devices", "inbox", "incomplete_circle", "indeterminate_check_box", "info", "info_outline", "input", "insert_chart", "insert_chart_outlined", "insert_comment", "insert_drive_file", "insert_emoticon", "insert_invitation", "insert_link", "insert_page_break", "insert_photo", "insights", "install_desktop", "install_mobile", "integration_instructions", "interests", "interpreter_mode", "inventory", "inventory_2", "invert_colors", "invert_colors_off", "invert_colors_on", "ios_share", "iron", "iso", "javascript", "join_full", "join_inner", "join_left", "join_right", "kayaking", "kebab_dining", "key", "key_off", "keyboard", "keyboard_alt", "keyboard_arrow_down", "keyboard_arrow_left", "keyboard_arrow_right", "keyboard_arrow_up", "keyboard_backspace", "keyboard_capslock", "keyboard_command_key", "keyboard_control", "keyboard_control_key", "keyboard_double_arrow_down", "keyboard_double_arrow_left", "keyboard_double_arrow_right", "keyboard_double_arrow_up", "keyboard_hide", "keyboard_option_key", "keyboard_return", "keyboard_tab", "keyboard_voice", "king_bed", "kitchen", "kitesurfing", "label", "label_important", "label_important_outline", "label_off", "label_outline", "lan", "landscape", "landslide", "language", "laptop", "laptop_chromebook", "laptop_mac", "laptop_windows", "last_page", "launch", "layers", "layers_clear", "leaderboard", "leak_add", "leak_remove", "leave_bags_at_home", "legend_toggle", "lens", "lens_blur", "library_add", "library_add_check", "library_books", "library_music", "light", "light_mode", "lightbulb", "lightbulb_circle", "lightbulb_outline", "line_axis", "line_style", "line_weight", "linear_scale", "link", "link_off", "linked_camera", "liquor", "list", "list_alt", "live_help", "live_tv", "living", "local_activity", "local_airport", "local_atm", "local_attraction", "local_bar", "local_cafe", "local_car_wash", "local_convenience_store", "local_dining", "local_drink", "local_fire_department", "local_florist", "local_gas_station", "local_grocery_store", "local_hospital", "local_hotel", "local_laundry_service", "local_library", "local_mall", "local_movies", "local_offer", "local_parking", "local_pharmacy", "local_phone", "local_pizza", "local_play", "local_police", "local_post_office", "local_print_shop", "local_printshop", "local_restaurant", "local_see", "local_shipping", "local_taxi", "location_city", "location_disabled", "location_history", "location_off", "location_on", "location_searching", "lock", "lock_clock", "lock_open", "lock_outline", "lock_person", "lock_reset", "login", "logo_dev", "logout", "looks", "looks_3", "looks_4", "looks_5", "looks_6", "looks_one", "looks_two", "loop", "loupe", "low_priority", "loyalty", "lte_mobiledata", "lte_plus_mobiledata", "luggage", "lunch_dining", "lyrics", "macro_off", "mail", "mail_lock", "mail_outline", "male", "man", "man_2", "man_3", "man_4", "manage_accounts", "manage_history", "manage_search", "map", "maps_home_work", "maps_ugc", "margin", "mark_as_unread", "mark_chat_read", "mark_chat_unread", "mark_email_read", "mark_email_unread", "mark_unread_chat_alt", "markunread", "markunread_mailbox", "masks", "maximize", "media_bluetooth_off", "media_bluetooth_on", "mediation", "medical_information", "medical_services", "medication", "medication_liquid", "meeting_room", "memory", "menu", "menu_book", "menu_open", "merge", "merge_type", "message", "messenger", "messenger_outline", "mic", "mic_external_off", "mic_external_on", "mic_none", "mic_off", "microwave", "military_tech", "minimize", "minor_crash", "miscellaneous_services", "missed_video_call", "mms", "mobile_friendly", "mobile_off", "mobile_screen_share", "mobiledata_off", "mode", "mode_comment", "mode_edit", "mode_edit_outline", "mode_fan_off", "mode_night", "mode_of_travel", "mode_standby", "model_training", "monetization_on", "money", "money_off", "money_off_csred", "monitor", "monitor_heart", "monitor_weight", "monochrome_photos", "mood", "mood_bad", "moped", "more", "more_horiz", "more_time", "more_vert", "mosque", "motion_photos_auto", "motion_photos_off", "motion_photos_on", "motion_photos_pause", "motion_photos_paused", "motorcycle", "mouse", "move_down", "move_to_inbox", "move_up", "movie", "movie_creation", "movie_filter", "moving", "mp", "multiline_chart", "multiple_stop", "multitrack_audio", "museum", "music_note", "music_off", "music_video", "my_library_add", "my_library_books", "my_library_music", "my_location", "nat", "nature", "nature_people", "navigate_before", "navigate_next", "navigation", "near_me", "near_me_disabled", "nearby_error", "nearby_off", "nest_cam_wired_stand", "network_cell", "network_check", "network_locked", "network_ping", "network_wifi", "network_wifi_1_bar", "network_wifi_2_bar", "network_wifi_3_bar", "new_label", "new_releases", "newspaper", "next_plan", "next_week", "nfc", "night_shelter", "nightlife", "nightlight", "nightlight_round", "nights_stay", "no_accounts", "no_adult_content", "no_backpack", "no_cell", "no_crash", "no_drinks", "no_encryption", "no_encryption_gmailerrorred", "no_flash", "no_food", "no_luggage", "no_meals", "no_meeting_room", "no_photography", "no_sim", "no_stroller", "no_transfer", "noise_aware", "noise_control_off", "nordic_walking", "north", "north_east", "north_west", "not_accessible", "not_interested", "not_listed_location", "not_started", "note", "note_add", "note_alt", "notes", "notification_add", "notification_important", "notifications", "notifications_active", "notifications_none", "notifications_off", "notifications_on", "notifications_paused", "now_wallpaper", "now_widgets", "numbers", "offline_bolt", "offline_pin", "offline_share", "oil_barrel", "on_device_training", "ondemand_video", "online_prediction", "opacity", "open_in_browser", "open_in_full", "open_in_new", "open_in_new_off", "open_with", "other_houses", "outbond", "outbound", "outbox", "outdoor_grill", "outlet", "outlined_flag", "output", "padding", "pages", "pageview", "paid", "palette", "pan_tool", "pan_tool_alt", "panorama", "panorama_fish_eye", "panorama_fisheye", "panorama_horizontal", "panorama_horizontal_select", "panorama_photosphere", "panorama_photosphere_select", "panorama_vertical", "panorama_vertical_select", "panorama_wide_angle", "panorama_wide_angle_select", "paragliding", "park", "party_mode", "password", "paste", "pattern", "pause", "pause_circle", "pause_circle_filled", "pause_circle_outline", "pause_presentation", "payment", "payments", "paypal", "pedal_bike", "pending", "pending_actions", "pentagon", "people", "people_alt", "people_outline", "percent", "perm_camera_mic", "perm_contact_cal", "perm_contact_calendar", "perm_data_setting", "perm_device_info", "perm_device_information", "perm_identity", "perm_media", "perm_phone_msg", "perm_scan_wifi", "person", "person_2", "person_3", "person_4", "person_add", "person_add_alt", "person_add_alt_1", "person_add_disabled", "person_off", "person_outline", "person_pin", "person_pin_circle", "person_remove", "person_remove_alt_1", "person_search", "personal_injury", "personal_video", "pest_control", "pest_control_rodent", "pets", "phishing", "phone", "phone_android", "phone_bluetooth_speaker", "phone_callback", "phone_disabled", "phone_enabled", "phone_forwarded", "phone_in_talk", "phone_iphone", "phone_locked", "phone_missed", "phone_paused", "phonelink", "phonelink_erase", "phonelink_lock", "phonelink_off", "phonelink_ring", "phonelink_setup", "photo", "photo_album", "photo_camera", "photo_camera_back", "photo_camera_front", "photo_filter", "photo_library", "photo_size_select_actual", "photo_size_select_large", "photo_size_select_small", "php", "piano", "piano_off", "picture_as_pdf", "picture_in_picture", "picture_in_picture_alt", "pie_chart", "pie_chart_outline", "pin", "pin_drop", "pin_end", "pin_invoke", "pinch", "pivot_table_chart", "pix", "place", "plagiarism", "play_arrow", "play_circle", "play_circle_fill", "play_circle_filled", "play_circle_outline", "play_disabled", "play_for_work", "play_lesson", "playlist_add", "playlist_add_check", "playlist_add_check_circle", "playlist_add_circle", "playlist_play", "playlist_remove", "plumbing", "plus_one", "podcasts", "point_of_sale", "policy", "poll", "polyline", "polymer", "pool", "portable_wifi_off", "portrait", "post_add", "power", "power_input", "power_off", "power_settings_new", "precision_manufacturing", "pregnant_woman", "present_to_all", "preview", "price_change", "price_check", "print", "print_disabled", "priority_high", "privacy_tip", "private_connectivity", "production_quantity_limits", "propane", "propane_tank", "psychology", "psychology_alt", "public", "public_off", "publish", "published_with_changes", "punch_clock", "push_pin", "qr_code", "qr_code_2", "qr_code_scanner", "query_builder", "query_stats", "question_answer", "question_mark", "queue", "queue_music", "queue_play_next", "quick_contacts_dialer", "quick_contacts_mail", "quickreply", "quiz", "quora", "r_mobiledata", "radar", "radio", "radio_button_checked", "radio_button_off", "radio_button_on", "radio_button_unchecked", "railway_alert", "ramen_dining", "ramp_left", "ramp_right", "rate_review", "raw_off", "raw_on", "read_more", "real_estate_agent", "receipt", "receipt_long", "recent_actors", "recommend", "record_voice_over", "rectangle", "recycling", "reddit", "redeem", "redo", "reduce_capacity", "refresh", "remember_me", "remove", "remove_circle", "remove_circle_outline", "remove_done", "remove_from_queue", "remove_moderator", "remove_red_eye", "remove_road", "remove_shopping_cart", "reorder", "repartition", "repeat", "repeat_on", "repeat_one", "repeat_one_on", "replay", "replay_10", "replay_30", "replay_5", "replay_circle_filled", "reply", "reply_all", "report", "report_gmailerrorred", "report_off", "report_problem", "request_page", "request_quote", "reset_tv", "restart_alt", "restaurant", "restaurant_menu", "restore", "restore_from_trash", "restore_page", "reviews", "rice_bowl", "ring_volume", "rocket", "rocket_launch", "roller_shades", "roller_shades_closed", "roller_skating", "roofing", "room", "room_preferences", "room_service", "rotate_90_degrees_ccw", "rotate_90_degrees_cw", "rotate_left", "rotate_right", "roundabout_left", "roundabout_right", "rounded_corner", "route", "router", "rowing", "rss_feed", "rsvp", "rtt", "rule", "rule_folder", "run_circle", "running_with_errors", "rv_hookup", "safety_check", "safety_divider", "sailing", "sanitizer", "satellite", "satellite_alt", "save", "save_alt", "save_as", "saved_search", "savings", "scale", "scanner", "scatter_plot", "schedule", "schedule_send", "schema", "school", "science", "score", "scoreboard", "screen_lock_landscape", "screen_lock_portrait", "screen_lock_rotation", "screen_rotation", "screen_rotation_alt", "screen_search_desktop", "screen_share", "screenshot", "screenshot_monitor", "scuba_diving", "sd", "sd_card", "sd_card_alert", "sd_storage", "search", "search_off", "security", "security_update", "security_update_good", "security_update_warning", "segment", "select_all", "self_improvement", "sell", "send", "send_and_archive", "send_time_extension", "send_to_mobile", "sensor_door", "sensor_occupied", "sensor_window", "sensors", "sensors_off", "sentiment_dissatisfied", "sentiment_neutral", "sentiment_satisfied", "sentiment_satisfied_alt", "sentiment_very_dissatisfied", "sentiment_very_satisfied", "set_meal", "settings", "settings_accessibility", "settings_applications", "settings_backup_restore", "settings_bluetooth", "settings_brightness", "settings_cell", "settings_display", "settings_ethernet", "settings_input_antenna", "settings_input_component", "settings_input_composite", "settings_input_hdmi", "settings_input_svideo", "settings_overscan", "settings_phone", "settings_power", "settings_remote", "settings_suggest", "settings_system_daydream", "settings_voice", "severe_cold", "shape_line", "share", "share_arrival_time", "share_location", "shield", "shield_moon", "shop", "shop_2", "shop_two", "shopify", "shopping_bag", "shopping_basket", "shopping_cart", "shopping_cart_checkout", "short_text", "shortcut", "show_chart", "shower", "shuffle", "shuffle_on", "shutter_speed", "sick", "sign_language", "signal_cellular_0_bar", "signal_cellular_4_bar", "signal_cellular_alt", "signal_cellular_alt_1_bar", "signal_cellular_alt_2_bar", "signal_cellular_connected_no_internet_0_bar", "signal_cellular_connected_no_internet_4_bar", "signal_cellular_no_sim", "signal_cellular_nodata", "signal_cellular_null", "signal_cellular_off", "signal_wifi_0_bar", "signal_wifi_4_bar", "signal_wifi_4_bar_lock", "signal_wifi_bad", "signal_wifi_connected_no_internet_4", "signal_wifi_off", "signal_wifi_statusbar_4_bar", "signal_wifi_statusbar_connected_no_internet_4", "signal_wifi_statusbar_null", "signpost", "sim_card", "sim_card_alert", "sim_card_download", "single_bed", "sip", "skateboarding", "skip_next", "skip_previous", "sledding", "slideshow", "slow_motion_video", "smart_button", "smart_display", "smart_screen", "smart_toy", "smartphone", "smoke_free", "smoking_rooms", "sms", "sms_failed", "snapchat", "snippet_folder", "snooze", "snowboarding", "snowmobile", "snowshoeing", "soap", "social_distance", "solar_power", "sort", "sort_by_alpha", "sos", "soup_kitchen", "source", "south", "south_america", "south_east", "south_west", "spa", "space_bar", "space_dashboard", "spatial_audio", "spatial_audio_off", "spatial_tracking", "speaker", "speaker_group", "speaker_notes", "speaker_notes_off", "speaker_phone", "speed", "spellcheck", "splitscreen", "spoke", "sports", "sports_bar", "sports_baseball", "sports_basketball", "sports_cricket", "sports_esports", "sports_football", "sports_golf", "sports_gymnastics", "sports_handball", "sports_hockey", "sports_kabaddi", "sports_martial_arts", "sports_mma", "sports_motorsports", "sports_rugby", "sports_score", "sports_soccer", "sports_tennis", "sports_volleyball", "square", "square_foot", "ssid_chart", "stacked_bar_chart", "stacked_line_chart", "stadium", "stairs", "star", "star_border", "star_border_purple500", "star_half", "star_outline", "star_purple500", "star_rate", "stars", "start", "stay_current_landscape", "stay_current_portrait", "stay_primary_landscape", "stay_primary_portrait", "sticky_note_2", "stop", "stop_circle", "stop_screen_share", "storage", "store", "store_mall_directory", "storefront", "storm", "straight", "straighten", "stream", "streetview", "strikethrough_s", "stroller", "style", "subdirectory_arrow_left", "subdirectory_arrow_right", "subject", "subscript", "subscriptions", "subtitles", "subtitles_off", "subway", "summarize", "superscript", "supervised_user_circle", "supervisor_account", "support", "support_agent", "surfing", "surround_sound", "swap_calls", "swap_horiz", "swap_horizontal_circle", "swap_vert", "swap_vert_circle", "swap_vertical_circle", "swipe", "swipe_down", "swipe_down_alt", "swipe_left", "swipe_left_alt", "swipe_right", "swipe_right_alt", "swipe_up", "swipe_up_alt", "swipe_vertical", "switch_access_shortcut", "switch_access_shortcut_add", "switch_account", "switch_camera", "switch_left", "switch_right", "switch_video", "synagogue", "sync", "sync_alt", "sync_disabled", "sync_lock", "sync_problem", "system_security_update", "system_security_update_good", "system_security_update_warning", "system_update", "system_update_alt", "system_update_tv", "tab", "tab_unselected", "table_bar", "table_chart", "table_restaurant", "table_rows", "table_view", "tablet", "tablet_android", "tablet_mac", "tag", "tag_faces", "takeout_dining", "tap_and_play", "tapas", "task", "task_alt", "taxi_alert", "telegram", "temple_buddhist", "temple_hindu", "terminal", "terrain", "text_decrease", "text_fields", "text_format", "text_increase", "text_rotate_up", "text_rotate_vertical", "text_rotation_angledown", "text_rotation_angleup", "text_rotation_down", "text_rotation_none", "text_snippet", "textsms", "texture", "theater_comedy", "theaters", "thermostat", "thermostat_auto", "thumb_down", "thumb_down_alt", "thumb_down_off_alt", "thumb_up", "thumb_up_alt", "thumb_up_off_alt", "thumbs_up_down", "thunderstorm", "tiktok", "time_to_leave", "timelapse", "timeline", "timer", "timer_10", "timer_10_select", "timer_3", "timer_3_select", "timer_off", "tips_and_updates", "tire_repair", "title", "toc", "today", "toggle_off", "toggle_on", "token", "toll", "tonality", "topic", "tornado", "touch_app", "tour", "toys", "track_changes", "traffic", "train", "tram", "transcribe", "transfer_within_a_station", "transform", "transgender", "transit_enterexit", "translate", "travel_explore", "trending_down", "trending_flat", "trending_neutral", "trending_up", "trip_origin", "troubleshoot", "try", "tsunami", "tty", "tune", "tungsten", "turn_left", "turn_right", "turn_sharp_left", "turn_sharp_right", "turn_slight_left", "turn_slight_right", "turned_in", "turned_in_not", "tv", "tv_off", "two_wheeler", "type_specimen", "u_turn_left", "u_turn_right", "umbrella", "unarchive", "undo", "unfold_less", "unfold_less_double", "unfold_more", "unfold_more_double", "unpublished", "unsubscribe", "upcoming", "update", "update_disabled", "upgrade", "upload", "upload_file", "usb", "usb_off", "vaccines", "vape_free", "vaping_rooms", "verified", "verified_user", "vertical_align_bottom", "vertical_align_center", "vertical_align_top", "vertical_distribute", "vertical_shades", "vertical_shades_closed", "vertical_split", "vibration", "video_call", "video_camera_back", "video_camera_front", "video_chat", "video_collection", "video_file", "video_label", "video_library", "video_settings", "video_stable", "videocam", "videocam_off", "videogame_asset", "videogame_asset_off", "view_agenda", "view_array", "view_carousel", "view_column", "view_comfortable", "view_comfy", "view_comfy_alt", "view_compact", "view_compact_alt", "view_cozy", "view_day", "view_headline", "view_in_ar", "view_kanban", "view_list", "view_module", "view_quilt", "view_sidebar", "view_stream", "view_timeline", "view_week", "vignette", "villa", "visibility", "visibility_off", "voice_chat", "voice_over_off", "voicemail", "volcano", "volume_down", "volume_mute", "volume_off", "volume_up", "volunteer_activism", "vpn_key", "vpn_key_off", "vpn_lock", "vrpano", "wallet", "wallet_giftcard", "wallet_membership", "wallet_travel", "wallpaper", "warehouse", "warning", "warning_amber", "wash", "watch", "watch_later", "watch_off", "water", "water_damage", "water_drop", "waterfall_chart", "waves", "waving_hand", "wb_auto", "wb_cloudy", "wb_incandescent", "wb_iridescent", "wb_shade", "wb_sunny", "wb_twilight", "wc", "web", "web_asset", "web_asset_off", "web_stories", "webhook", "wechat", "weekend", "west", "whatshot", "wheelchair_pickup", "where_to_vote", "widgets", "width_full", "width_normal", "width_wide", "wifi", "wifi_1_bar", "wifi_2_bar", "wifi_calling", "wifi_calling_3", "wifi_channel", "wifi_find", "wifi_lock", "wifi_off", "wifi_password", "wifi_protected_setup", "wifi_tethering", "wifi_tethering_error", "wifi_tethering_error_rounded", "wifi_tethering_off", "wind_power", "window", "wine_bar", "woman", "woman_2", "woo_commerce", "wordpress", "work", "work_history", "work_off", "work_outline", "workspace_premium", "workspaces", "wrap_text", "wrong_location", "wysiwyg", "yard", "youtube_searched_for", "zoom_in", "zoom_in_map", "zoom_out", "zoom_out_map", ""];
 const coolIconKeys = ["table_rows", "video_label", "airlines", "bento", "border_all", "border_clear", "ac_unit", "adjust", "align_horizontal_center", "album", "all_inclusive", "all_out", "animation", "assistant", "audiotrack", "account_balance_wallet", "auto_awesome_mosaic", "bolt", "brightness_1", "breakfast_dining", "broken_image", "brightness_5", "cable", "calendar_view_month", "casino", "category", "cloud", "color_lens", "credit_card", "earbuds", "egg_alt", "fiber_smart_record", "flag", "healing", "heat_pump", "hive", "hub", "local_library", "local_pizza", "memory", "outlet", "pages", "panorama_photosphere", "signal_cellular_0_bar", "sports_baseball", "storm", "stairs", "keyboard_command_key"];
 const colorClassesMapping = {
@@ -32192,6 +32490,35 @@ const ZoomOutMapIcon = React__default.forwardRef((props, ref) => {
   return t0;
 });
 ZoomOutMapIcon.displayName = "ZoomOutMapIcon";
+class ErrorBoundary extends React__default.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      error: null
+    };
+  }
+  // eslint-disable-next-line n/handle-callback-err
+  static getDerivedStateFromError(error) {
+    return {
+      error
+    };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error(error);
+  }
+  render() {
+    if (this.state.error) {
+      return /* @__PURE__ */ jsxs("div", { className: "flex flex-col m-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center m-2", children: [
+          /* @__PURE__ */ jsx(ErrorIcon, { color: "error", size: "small" }),
+          /* @__PURE__ */ jsx("div", { className: "ml-4", children: "Error" })
+        ] }),
+        /* @__PURE__ */ jsx(Typography, { variant: "caption", children: this.state.error?.message ?? "See the error in the console" })
+      ] });
+    }
+    return this.props.children;
+  }
+}
 const sizeClasses$1 = {
   large: "w-6 h-6 rounded flex items-center justify-center",
   medium: "w-5 h-5 rounded flex items-center justify-center",
@@ -32781,166 +33108,6 @@ const InputLabel = React.forwardRef(function InputLabel2(inProps, ref) {
   }
   return t2;
 });
-const typographyVariants = {
-  h1: "h1",
-  h2: "h2",
-  h3: "h3",
-  h4: "h4",
-  h5: "h5",
-  h6: "h6",
-  subtitle1: "h6",
-  subtitle2: "h6",
-  label: "label",
-  body1: "p",
-  body2: "p",
-  inherit: "p",
-  caption: "p",
-  button: "span"
-};
-const colorToClasses = {
-  inherit: "text-inherit",
-  initial: "text-current",
-  primary: "text-text-primary dark:text-text-primary-dark",
-  secondary: "text-text-secondary dark:text-text-secondary-dark",
-  disabled: "text-text-disabled dark:text-text-disabled-dark",
-  error: "text-red-600 dark:text-red-500"
-};
-const gutterBottomClasses = {
-  h1: "mb-5",
-  h2: "mb-4",
-  h3: "mb-4",
-  h4: "mb-4",
-  h5: "mb-3",
-  h6: "mb-3",
-  subtitle1: "mb-3",
-  subtitle2: "mb-3",
-  body1: "mb-3",
-  body2: "mb-3",
-  inherit: "mb-3",
-  caption: "mb-2",
-  button: "mb-2",
-  label: "mb-2"
-};
-const variantToClasses = {
-  h1: "typography-h1",
-  h2: "typography-h2",
-  h3: "typography-h3",
-  h4: "typography-h4",
-  h5: "typography-h5",
-  h6: "typography-h6",
-  subtitle1: "typography-subtitle1",
-  subtitle2: "typography-subtitle2",
-  body1: "typography-body1",
-  body2: "typography-body2",
-  label: "typography-label",
-  inherit: "typography-inherit",
-  caption: "typography-caption",
-  button: "typography-button"
-};
-function Typography(t0) {
-  const $ = c(29);
-  let children;
-  let className;
-  let component;
-  let onClick;
-  let other;
-  let style;
-  let t1;
-  let t2;
-  let t3;
-  let t4;
-  let t5;
-  let t6;
-  let t7;
-  if ($[0] !== t0) {
-    ({
-      align: t1,
-      color: t2,
-      children,
-      className,
-      component,
-      gutterBottom: t3,
-      noWrap: t4,
-      paragraph: t5,
-      variant: t6,
-      variantMapping: t7,
-      style,
-      onClick,
-      ...other
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = className;
-    $[3] = component;
-    $[4] = onClick;
-    $[5] = other;
-    $[6] = style;
-    $[7] = t1;
-    $[8] = t2;
-    $[9] = t3;
-    $[10] = t4;
-    $[11] = t5;
-    $[12] = t6;
-    $[13] = t7;
-  } else {
-    children = $[1];
-    className = $[2];
-    component = $[3];
-    onClick = $[4];
-    other = $[5];
-    style = $[6];
-    t1 = $[7];
-    t2 = $[8];
-    t3 = $[9];
-    t4 = $[10];
-    t5 = $[11];
-    t6 = $[12];
-    t7 = $[13];
-  }
-  const align = t1 === void 0 ? "inherit" : t1;
-  const color = t2 === void 0 ? "primary" : t2;
-  const gutterBottom = t3 === void 0 ? false : t3;
-  const noWrap = t4 === void 0 ? false : t4;
-  const paragraph = t5 === void 0 ? false : t5;
-  const variant = t6 === void 0 ? "body1" : t6;
-  const variantMapping = t7 === void 0 ? typographyVariants : t7;
-  const Component = component || (paragraph ? "p" : variantMapping[variant] || typographyVariants[variant]) || "span";
-  const t8 = variantToClasses[variant];
-  const t9 = color ? colorToClasses[color] : "";
-  const t10 = align !== "inherit" && `text-${align}`;
-  const t11 = gutterBottom && gutterBottomClasses[variant];
-  const t12 = noWrap && "truncate";
-  const t13 = paragraph && "mb-3";
-  let t14;
-  if ($[14] !== className || $[15] !== t10 || $[16] !== t11 || $[17] !== t12 || $[18] !== t13 || $[19] !== t8 || $[20] !== t9) {
-    t14 = cls(t8, t9, t10, t11, t12, t13, className);
-    $[14] = className;
-    $[15] = t10;
-    $[16] = t11;
-    $[17] = t12;
-    $[18] = t13;
-    $[19] = t8;
-    $[20] = t9;
-    $[21] = t14;
-  } else {
-    t14 = $[21];
-  }
-  const classes = t14;
-  let t15;
-  if ($[22] !== Component || $[23] !== children || $[24] !== classes || $[25] !== onClick || $[26] !== other || $[27] !== style) {
-    t15 = /* @__PURE__ */ jsx(Component, { className: classes, onClick, style, ...other, children });
-    $[22] = Component;
-    $[23] = children;
-    $[24] = classes;
-    $[25] = onClick;
-    $[26] = other;
-    $[27] = style;
-    $[28] = t15;
-  } else {
-    t15 = $[28];
-  }
-  return t15;
-}
 const DateTimeField = ({
   value,
   label,
@@ -33175,7 +33342,7 @@ const Dialog = (t0) => {
         return () => clearTimeout(timeout);
       } else {
         setDisplayed(true);
-        return _temp$3;
+        return _temp$4;
       }
     };
     t7 = [open];
@@ -33322,7 +33489,7 @@ const Dialog = (t0) => {
   }
   return t28;
 };
-function _temp$3() {
+function _temp$4() {
 }
 function DialogActions(t0) {
   const $ = c(7);
@@ -34824,7 +34991,7 @@ function Separator(t0) {
     return t2;
   }
 }
-const MultiSelectContext = React.createContext({});
+const MultiSelectContext = React.createContext(null);
 const MultiSelect = React.forwardRef((t0, ref) => {
   const $ = c(111);
   const {
@@ -34911,7 +35078,7 @@ const MultiSelect = React.forwardRef((t0, ref) => {
   let t12;
   let t13;
   if ($[9] !== children) {
-    t13 = children ? Children.map(children, _temp$2)?.filter(Boolean) ?? [] : [];
+    t13 = children ? Children.map(children, _temp$3)?.filter(Boolean) ?? [] : [];
     $[9] = children;
     $[10] = t13;
   } else {
@@ -35452,7 +35619,7 @@ const InnerCheckBox = React.memo(function InnerCheckBox2(t0) {
   }
   return t7;
 });
-function _temp$2(child) {
+function _temp$3(child) {
   if (React.isValidElement(child)) {
     return child.props.value;
   }
@@ -35835,12 +36002,12 @@ function SearchBar(t0) {
     t6 = $[6];
   }
   const clearText = t6;
-  const heightClass = size === "small" ? "h-[36px]" : "h-[44px]";
-  const iconPaddingClass = size === "small" ? "px-2" : "px-4";
-  const inputPaddingClass = size === "small" ? "pl-8" : "pl-12";
+  const heightClass = size === "smallest" ? "h-8" : size === "small" ? "h-[36px]" : "h-[44px]";
+  const iconPaddingClass = size === "smallest" ? "px-2" : size === "small" ? "px-2" : "px-4";
+  const inputPaddingClass = size === "smallest" ? "pl-8" : size === "small" ? "pl-8" : "pl-12";
   let t7;
   if ($[7] !== className || $[8] !== heightClass) {
-    t7 = cls("relative", heightClass, "bg-surface-accent-50 dark:bg-surface-800 border", defaultBorderMixin, "rounded-lg", className);
+    t7 = cls("relative transition-all", heightClass, "bg-surface-accent-50 dark:bg-surface-800 border", defaultBorderMixin, "focus-within:ring-2 focus-within:ring-primary focus-within:border-primary", "rounded-lg overflow-hidden", className);
     $[7] = className;
     $[8] = heightClass;
     $[9] = t7;
@@ -35901,7 +36068,7 @@ function SearchBar(t0) {
   const t18 = expandable ? active ? "w-[220px]" : "w-[180px]" : "";
   let t19;
   if ($[22] !== innerClassName || $[23] !== inputPaddingClass || $[24] !== t16 || $[25] !== t17 || $[26] !== t18) {
-    t19 = cls(t16, "placeholder-text-disabled dark:placeholder-text-disabled-dark", "relative flex items-center rounded-lg transition-all bg-transparent outline-none appearance-none border-none", inputPaddingClass, "h-full text-current", t17, t18, innerClassName);
+    t19 = cls(t16, "placeholder-text-disabled dark:placeholder-text-disabled-dark", "relative flex items-center transition-all bg-transparent outline-none focus:outline-none focus:ring-0 appearance-none border-none focus:border-transparent", inputPaddingClass, "h-full w-full text-current", t17, t18, innerClassName);
     $[22] = innerClassName;
     $[23] = inputPaddingClass;
     $[24] = t16;
@@ -36263,7 +36430,7 @@ const Select = forwardRef((t0, ref) => {
   }
   let t27;
   if ($[71] !== placeholder || $[72] !== t26) {
-    t27 = /* @__PURE__ */ jsx(SelectPrimitive.Value, { onClick: _temp$1, placeholder, className: "w-full", children: t26 });
+    t27 = /* @__PURE__ */ jsx(SelectPrimitive.Value, { onClick: _temp$2, placeholder, className: "w-full", children: t26 });
     $[71] = placeholder;
     $[72] = t26;
     $[73] = t27;
@@ -36505,7 +36672,7 @@ const SelectGroup = React__default.memo(function SelectGroup2(t0) {
   }
   return t3;
 });
-function _temp$1(e) {
+function _temp$2(e) {
   e.preventDefault();
   e.stopPropagation();
 }
@@ -36786,10 +36953,10 @@ const Sheet = (t0) => {
   let t6;
   if ($[18] !== open) {
     t5 = () => {
-      const timeout = setTimeout(() => {
+      const raf = requestAnimationFrame(() => {
         setDisplayed(open);
-      }, 1);
-      return () => clearTimeout(timeout);
+      });
+      return () => cancelAnimationFrame(raf);
     };
     t6 = [open];
     $[18] = open;
@@ -36853,10 +37020,10 @@ const Sheet = (t0) => {
     }
     T0 = DialogPrimitive.Content;
     t7 = props;
-    t8 = _temp;
+    t8 = _temp$1;
     t9 = onPointerDownOutside;
     t10 = onInteractOutside;
-    t11 = cls("outline-none", borderClass[side], defaultBorderMixin, "transform-gpu", "will-change-transform", "text-surface-accent-900 dark:text-white", "fixed transform z-50 transition-all ease-in-out", !displayed ? "duration-150" : "duration-100", "outline-none focus:outline-none", transparent ? "" : "shadow-md bg-white dark:bg-surface-950", side === "top" || side === "bottom" ? "w-full" : "h-full", side === "left" || side === "top" ? "left-0 top-0" : "right-0 bottom-0", displayed && open ? "opacity-100" : "opacity-50", !displayed || !open ? transformValue[side] : "", className);
+    t11 = cls("outline-none", borderClass[side], defaultBorderMixin, "transform-gpu", "will-change-transform", "text-surface-accent-900 dark:text-white", "fixed transform z-50 transition-[transform,opacity] ease-in-out", !displayed ? "duration-150" : "duration-100", "outline-none focus:outline-none", transparent ? "" : "shadow-md bg-white dark:bg-surface-950", side === "top" || side === "bottom" ? "w-full" : "h-full", side === "left" || side === "top" ? "left-0 top-0" : "right-0 bottom-0", displayed && open ? "opacity-100" : "opacity-50", !displayed || !open ? transformValue[side] : "", className);
     $[21] = className;
     $[22] = displayed;
     $[23] = finalContainer;
@@ -36948,7 +37115,7 @@ const Sheet = (t0) => {
   }
   return t20;
 };
-function _temp(event) {
+function _temp$1(event) {
   return event.preventDefault();
 }
 function getStyleValue(value) {
@@ -37359,8 +37526,8 @@ function Tabs(t0) {
   }
   const t10 = variant === "standard" && "inline-flex h-10 items-center justify-start rounded-md bg-surface-50 p-1 text-surface-600 dark:bg-surface-900 dark:text-surface-400 gap-2 border";
   const t11 = variant === "standard" && defaultBorderMixin;
-  const t12 = variant === "underline" && "inline-flex text-sm font-medium text-center text-surface-accent-800 dark:text-white items-end";
-  const t13 = variant === "invisible" && "inline-flex h-10 items-center justify-start gap-2";
+  const t12 = variant === "boxy" && "flex items-center h-full";
+  const t13 = variant === "pill" && "flex items-center gap-0.5";
   let t14;
   if ($[13] !== innerClassName || $[14] !== t10 || $[15] !== t11 || $[16] !== t12 || $[17] !== t13) {
     t14 = cls(t10, t11, t12, t13, innerClassName);
@@ -37420,7 +37587,7 @@ function Tabs(t0) {
   return t18;
 }
 function Tab(t0) {
-  const $ = c(15);
+  const $ = c(10);
   const {
     value,
     className,
@@ -37433,39 +37600,28 @@ function Tab(t0) {
   } = useContext(TabsContext);
   const t1 = variant === "standard" && "rounded-sm px-3 py-1.5 data-[state=active]:bg-white data-[state=active]:text-surface-900 dark:data-[state=active]:bg-surface-950 dark:data-[state=active]:text-surface-50";
   let t2;
-  if ($[0] !== className || $[1] !== disabled || $[2] !== innerClassName || $[3] !== t1 || $[4] !== variant) {
-    t2 = cls("inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-white transition-all", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-surface-400 focus-visible:ring-offset-2", "disabled:pointer-events-none disabled:opacity-50", t1, variant === "underline" && cls("border-b-2 border-transparent data-[state=active]:border-secondary", disabled ? "text-surface-accent-400 dark:text-surface-accent-500" : "text-surface-accent-700 dark:text-surface-accent-300 data-[state=active]:text-surface-accent-900 data-[state=active]:dark:text-white hover:text-surface-accent-800 dark:hover:text-surface-accent-200"), variant === "invisible" && "rounded-sm px-3 py-1.5 data-[state=active]:bg-white data-[state=active]:text-surface-900 dark:data-[state=active]:bg-surface-950 dark:data-[state=active]:text-surface-50", className, variant !== "underline" && innerClassName);
+  if ($[0] !== className || $[1] !== innerClassName || $[2] !== t1 || $[3] !== variant) {
+    t2 = cls("inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-white transition-all", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-surface-400 focus-visible:ring-offset-2", "disabled:pointer-events-none disabled:opacity-50", t1, variant === "boxy" && cls("flex-shrink-0 flex items-center gap-1.5 px-3.5 h-9 border-r border-surface-200 dark:border-surface-800 cursor-pointer text-[12px] font-medium transition-colors group relative box-border overflow-hidden", "border-b-2 border-b-transparent", "data-[state=active]:bg-surface-50 dark:data-[state=active]:bg-surface-800", "data-[state=active]:text-text-primary dark:data-[state=active]:text-text-primary-dark", "data-[state=active]:border-b-primary", "text-text-secondary dark:text-text-secondary-dark hover:bg-surface-100 dark:hover:bg-surface-800"), variant === "pill" && cls("px-2 py-0.5 rounded text-[10px] font-medium transition-colors", "data-[state=active]:bg-primary/10 data-[state=active]:text-primary dark:data-[state=active]:bg-primary/20 dark:data-[state=active]:text-blue-400", "text-text-disabled dark:text-text-disabled-dark hover:text-text-secondary dark:hover:text-text-secondary-dark"), className, variant === "standard" && innerClassName);
     $[0] = className;
-    $[1] = disabled;
-    $[2] = innerClassName;
-    $[3] = t1;
-    $[4] = variant;
-    $[5] = t2;
+    $[1] = innerClassName;
+    $[2] = t1;
+    $[3] = variant;
+    $[4] = t2;
   } else {
-    t2 = $[5];
+    t2 = $[4];
   }
   let t3;
-  if ($[6] !== children || $[7] !== innerClassName || $[8] !== variant) {
-    t3 = variant === "underline" ? /* @__PURE__ */ jsx("div", { className: cls("line-clamp-1 inline-block p-2 px-4 rounded hover:bg-surface-accent-200 hover:bg-opacity-75 dark:hover:bg-surface-accent-800", innerClassName), children }) : children;
-    $[6] = children;
-    $[7] = innerClassName;
-    $[8] = variant;
+  if ($[5] !== children || $[6] !== disabled || $[7] !== t2 || $[8] !== value) {
+    t3 = /* @__PURE__ */ jsx(TabsPrimitive.Trigger, { value, disabled, className: t2, children });
+    $[5] = children;
+    $[6] = disabled;
+    $[7] = t2;
+    $[8] = value;
     $[9] = t3;
   } else {
     t3 = $[9];
   }
-  let t4;
-  if ($[10] !== disabled || $[11] !== t2 || $[12] !== t3 || $[13] !== value) {
-    t4 = /* @__PURE__ */ jsx(TabsPrimitive.Trigger, { value, disabled, className: t2, children: t3 });
-    $[10] = disabled;
-    $[11] = t2;
-    $[12] = t3;
-    $[13] = value;
-    $[14] = t4;
-  } else {
-    t4 = $[14];
-  }
-  return t4;
+  return t3;
 }
 const Table = React__default.memo((t0) => {
   const $ = c(12);
@@ -38089,6 +38245,1170 @@ function ToggleButtonGroup(t0) {
   }
   return t3;
 }
+const VirtualTableHeader = React__default.memo(function VirtualTableHeader2(t0) {
+  const $ = c(60);
+  const {
+    resizeHandleRef,
+    columnIndex,
+    isResizingIndex,
+    sort,
+    onColumnSort,
+    onFilterUpdate,
+    filter,
+    column,
+    onClickResizeColumn,
+    createFilterField,
+    AdditionalHeaderWidget,
+    isDragging,
+    isDraggable
+  } = t0;
+  const [onHover, setOnHover] = useState(false);
+  const [openFilter, setOpenFilter] = React__default.useState(false);
+  const [hidden, setHidden] = React__default.useState(false);
+  let t1;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = (_event) => {
+      setOpenFilter(true);
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const handleSettingsClick = t1;
+  let t2;
+  if ($[1] !== column || $[2] !== onFilterUpdate) {
+    t2 = (filterForProperty, newOpenFilterState) => {
+      onFilterUpdate(column, filterForProperty);
+      if (newOpenFilterState !== void 0) {
+        setOpenFilter(newOpenFilterState);
+      }
+    };
+    $[1] = column;
+    $[2] = onFilterUpdate;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const update = t2;
+  const thisColumnIsResizing = isResizingIndex === columnIndex;
+  const anotherColumnIsResizing = isResizingIndex !== columnIndex && isResizingIndex > 0;
+  const hovered = !anotherColumnIsResizing && (onHover || thisColumnIsResizing);
+  const t3 = isDragging ? "bg-primary-bg dark:bg-primary-bg-dark" : "bg-surface-50 dark:bg-surface-900";
+  const t4 = !isDragging && "hover:bg-surface-100 dark:hover:bg-surface-800 hover:bg-opacity-50 hover:bg-surface-100/50 dark:hover:bg-opacity-50 dark:hover:bg-surface-800/50";
+  const t5 = column.frozen ? "sticky left-0 z-10" : "relative z-0";
+  const t6 = isDraggable && "cursor-grab";
+  let t7;
+  if ($[4] !== t3 || $[5] !== t4 || $[6] !== t5 || $[7] !== t6) {
+    t7 = cls("flex py-0 px-3 h-full text-xs uppercase font-semibold relative select-none items-center", t3, "text-text-secondary hover:text-text-primary dark:text-text-secondary-dark dark:hover:text-text-primary-dark", t4, t5, t6);
+    $[4] = t3;
+    $[5] = t4;
+    $[6] = t5;
+    $[7] = t6;
+    $[8] = t7;
+  } else {
+    t7 = $[8];
+  }
+  const t8 = column.frozen ? 0 : void 0;
+  let t9;
+  if ($[9] !== column.width || $[10] !== t8) {
+    t9 = {
+      left: t8,
+      minWidth: column.width,
+      maxWidth: column.width
+    };
+    $[9] = column.width;
+    $[10] = t8;
+    $[11] = t9;
+  } else {
+    t9 = $[11];
+  }
+  let t10;
+  let t11;
+  let t12;
+  if ($[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t10 = () => setOnHover(true);
+    t11 = () => setOnHover(true);
+    t12 = () => setOnHover(false);
+    $[12] = t10;
+    $[13] = t11;
+    $[14] = t12;
+  } else {
+    t10 = $[12];
+    t11 = $[13];
+    t12 = $[14];
+  }
+  const t13 = `flex items-center justify-${column.headerAlign} flex-row`;
+  let t14;
+  if ($[15] !== column.align) {
+    t14 = {
+      WebkitBoxOrient: "vertical",
+      WebkitLineClamp: 2,
+      justifyContent: column.align
+    };
+    $[15] = column.align;
+    $[16] = t14;
+  } else {
+    t14 = $[16];
+  }
+  let t15;
+  if ($[17] !== column.title || $[18] !== t14) {
+    t15 = /* @__PURE__ */ jsx("div", { className: "truncate -webkit-box w-full mx-1 overflow-hidden", style: t14, children: column.title });
+    $[17] = column.title;
+    $[18] = t14;
+    $[19] = t15;
+  } else {
+    t15 = $[19];
+  }
+  let t16;
+  if ($[20] !== column.icon || $[21] !== t13 || $[22] !== t15) {
+    t16 = /* @__PURE__ */ jsx("div", { className: "overflow-hidden grow", children: /* @__PURE__ */ jsxs("div", { className: t13, children: [
+      column.icon,
+      t15
+    ] }) });
+    $[20] = column.icon;
+    $[21] = t13;
+    $[22] = t15;
+    $[23] = t16;
+  } else {
+    t16 = $[23];
+  }
+  let t17;
+  if ($[24] !== AdditionalHeaderWidget || $[25] !== onHover || $[26] !== openFilter) {
+    t17 = AdditionalHeaderWidget && /* @__PURE__ */ jsx(AdditionalHeaderWidget, { onHover: onHover || openFilter });
+    $[24] = AdditionalHeaderWidget;
+    $[25] = onHover;
+    $[26] = openFilter;
+    $[27] = t17;
+  } else {
+    t17 = $[27];
+  }
+  let t18;
+  if ($[28] !== column.key || $[29] !== column.sortable || $[30] !== hovered || $[31] !== onColumnSort || $[32] !== onHover || $[33] !== openFilter || $[34] !== sort) {
+    t18 = column.sortable && (sort || hovered || openFilter) && /* @__PURE__ */ jsx(Badge, { color: "secondary", invisible: !sort, children: /* @__PURE__ */ jsxs(IconButton, { size: "small", className: onHover || openFilter ? "bg-white dark:bg-surface-950" : void 0, onClick: () => {
+      onColumnSort(column.key);
+    }, children: [
+      !sort && /* @__PURE__ */ jsx(ArrowUpwardIcon, {}),
+      sort === "asc" && /* @__PURE__ */ jsx(ArrowUpwardIcon, {}),
+      sort === "desc" && /* @__PURE__ */ jsx(ArrowUpwardIcon, { className: "rotate-180" })
+    ] }) });
+    $[28] = column.key;
+    $[29] = column.sortable;
+    $[30] = hovered;
+    $[31] = onColumnSort;
+    $[32] = onHover;
+    $[33] = openFilter;
+    $[34] = sort;
+    $[35] = t18;
+  } else {
+    t18 = $[35];
+  }
+  let t19;
+  if ($[36] !== t17 || $[37] !== t18) {
+    t19 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t17,
+      t18
+    ] });
+    $[36] = t17;
+    $[37] = t18;
+    $[38] = t19;
+  } else {
+    t19 = $[38];
+  }
+  let t20;
+  if ($[39] !== column || $[40] !== createFilterField || $[41] !== filter || $[42] !== hidden || $[43] !== onHover || $[44] !== openFilter || $[45] !== update) {
+    t20 = column.filter && createFilterField && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Badge, { color: "secondary", invisible: !filter, children: /* @__PURE__ */ jsx(Popover, { open: openFilter, onOpenChange: setOpenFilter, className: hidden ? "hidden" : void 0, modal: true, trigger: /* @__PURE__ */ jsx(IconButton, { className: onHover || openFilter ? "bg-white dark:bg-surface-950" : void 0, size: "small", onClick: handleSettingsClick, children: /* @__PURE__ */ jsx(FilterListIcon, { size: "small" }) }), children: /* @__PURE__ */ jsx(FilterForm, { column, filter, onHover, onFilterUpdate: update, createFilterField, hidden, setHidden }) }) }) });
+    $[39] = column;
+    $[40] = createFilterField;
+    $[41] = filter;
+    $[42] = hidden;
+    $[43] = onHover;
+    $[44] = openFilter;
+    $[45] = update;
+    $[46] = t20;
+  } else {
+    t20 = $[46];
+  }
+  let t21;
+  if ($[47] !== column || $[48] !== columnIndex || $[49] !== hovered || $[50] !== onClickResizeColumn || $[51] !== resizeHandleRef) {
+    t21 = column.resizable && /* @__PURE__ */ jsx("div", { ref: resizeHandleRef, "data-no-dnd": "true", className: cls("absolute h-full w-[6px] top-0 right-0 cursor-col-resize", hovered && "bg-surface-300 dark:bg-surface-700"), onPointerDown: (e) => {
+      e.stopPropagation();
+      if (onClickResizeColumn) {
+        onClickResizeColumn(columnIndex, column);
+      }
+    } });
+    $[47] = column;
+    $[48] = columnIndex;
+    $[49] = hovered;
+    $[50] = onClickResizeColumn;
+    $[51] = resizeHandleRef;
+    $[52] = t21;
+  } else {
+    t21 = $[52];
+  }
+  let t22;
+  if ($[53] !== t16 || $[54] !== t19 || $[55] !== t20 || $[56] !== t21 || $[57] !== t7 || $[58] !== t9) {
+    t22 = /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxs("div", { className: t7, style: t9, onMouseEnter: t10, onMouseMove: t11, onMouseLeave: t12, children: [
+      t16,
+      t19,
+      t20,
+      t21
+    ] }) });
+    $[53] = t16;
+    $[54] = t19;
+    $[55] = t20;
+    $[56] = t21;
+    $[57] = t7;
+    $[58] = t9;
+    $[59] = t22;
+  } else {
+    t22 = $[59];
+  }
+  return t22;
+}, deepEqual);
+function FilterForm(t0) {
+  const $ = c(33);
+  const {
+    column,
+    onFilterUpdate,
+    filter,
+    createFilterField,
+    hidden,
+    setHidden
+  } = t0;
+  const id = column.key;
+  const [filterInternal, setFilterInternal] = useState(filter);
+  let t1;
+  let t2;
+  if ($[0] !== filter) {
+    t1 = () => {
+      setFilterInternal(filter);
+    };
+    t2 = [filter];
+    $[0] = filter;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t1 = $[1];
+    t2 = $[2];
+  }
+  useEffect(t1, t2);
+  if (!column.filter) {
+    return null;
+  }
+  let t3;
+  if ($[3] !== filterInternal || $[4] !== onFilterUpdate) {
+    t3 = () => {
+      onFilterUpdate(filterInternal, false);
+    };
+    $[3] = filterInternal;
+    $[4] = onFilterUpdate;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const submit = t3;
+  let t4;
+  if ($[6] !== onFilterUpdate) {
+    t4 = (_e) => {
+      onFilterUpdate(void 0, false);
+    };
+    $[6] = onFilterUpdate;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  const reset = t4;
+  const filterIsSet = !!filter;
+  let t5;
+  if ($[8] !== column || $[9] !== createFilterField || $[10] !== filterInternal || $[11] !== hidden || $[12] !== id || $[13] !== setHidden) {
+    t5 = createFilterField({
+      id,
+      filterValue: filterInternal,
+      setFilterValue: setFilterInternal,
+      column,
+      hidden,
+      setHidden
+    });
+    $[8] = column;
+    $[9] = createFilterField;
+    $[10] = filterInternal;
+    $[11] = hidden;
+    $[12] = id;
+    $[13] = setHidden;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  const filterField = t5;
+  if (!filterField) {
+    return null;
+  }
+  let t6;
+  if ($[15] !== submit) {
+    t6 = (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      submit();
+    };
+    $[15] = submit;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  let t7;
+  if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t7 = cls(defaultBorderMixin, "py-4 px-6 typography-label border-b");
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  const t8 = column.title ?? id;
+  let t9;
+  if ($[18] !== t8) {
+    t9 = /* @__PURE__ */ jsx("div", { className: t7, children: t8 });
+    $[18] = t8;
+    $[19] = t9;
+  } else {
+    t9 = $[19];
+  }
+  let t10;
+  if ($[20] !== filterField) {
+    t10 = filterField && /* @__PURE__ */ jsx("div", { className: "m-4 w-[400px]", children: filterField });
+    $[20] = filterField;
+    $[21] = t10;
+  } else {
+    t10 = $[21];
+  }
+  const t11 = !filterIsSet;
+  let t12;
+  if ($[22] !== reset || $[23] !== t11) {
+    t12 = /* @__PURE__ */ jsx(Button, { className: "mr-4", disabled: t11, variant: "text", type: "reset", "aria-label": "filter clear", onClick: reset, children: "Clear" });
+    $[22] = reset;
+    $[23] = t11;
+    $[24] = t12;
+  } else {
+    t12 = $[24];
+  }
+  let t13;
+  if ($[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t13 = /* @__PURE__ */ jsx(Button, { type: "submit", children: "Filter" });
+    $[25] = t13;
+  } else {
+    t13 = $[25];
+  }
+  let t14;
+  if ($[26] !== t12) {
+    t14 = /* @__PURE__ */ jsxs("div", { className: "flex justify-end m-4", children: [
+      t12,
+      t13
+    ] });
+    $[26] = t12;
+    $[27] = t14;
+  } else {
+    t14 = $[27];
+  }
+  let t15;
+  if ($[28] !== t10 || $[29] !== t14 || $[30] !== t6 || $[31] !== t9) {
+    t15 = /* @__PURE__ */ jsxs("form", { noValidate: true, onSubmit: t6, className: "text-surface-900 dark:text-white", children: [
+      t9,
+      t10,
+      t14
+    ] });
+    $[28] = t10;
+    $[29] = t14;
+    $[30] = t6;
+    $[31] = t9;
+    $[32] = t15;
+  } else {
+    t15 = $[32];
+  }
+  return t15;
+}
+const SortableColumnHeader = (t0) => {
+  const $ = c(35);
+  const {
+    column,
+    columnIndex,
+    columnRefs,
+    isResizing,
+    onFilterUpdate,
+    filter,
+    sortByProperty,
+    currentSort,
+    onColumnSort,
+    onClickResizeColumn,
+    createFilterField,
+    isDragging,
+    isDraggable
+  } = t0;
+  const [isPressing, setIsPressing] = useState(false);
+  const t1 = !isDraggable || column.frozen;
+  let t2;
+  if ($[0] !== column.key || $[1] !== t1) {
+    t2 = {
+      id: column.key,
+      disabled: t1
+    };
+    $[0] = column.key;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform,
+    transition
+  } = useSortable(t2);
+  const t3 = transform ? `translateX(${transform.x}px)` : void 0;
+  const t4 = isDragging ? void 0 : transition;
+  let t5;
+  if ($[3] !== column.width || $[4] !== t3 || $[5] !== t4) {
+    t5 = {
+      transform: t3,
+      transition: t4,
+      minWidth: column.width,
+      maxWidth: column.width,
+      width: column.width
+    };
+    $[3] = column.width;
+    $[4] = t3;
+    $[5] = t4;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  const style = t5;
+  let t6;
+  if ($[7] !== isDraggable || $[8] !== listeners) {
+    t6 = isDraggable ? {
+      ...listeners,
+      onPointerDown: (e) => {
+        setIsPressing(true);
+        listeners?.onPointerDown?.(e);
+      },
+      onPointerUp: () => setIsPressing(false),
+      onPointerCancel: () => setIsPressing(false)
+    } : {};
+    $[7] = isDraggable;
+    $[8] = listeners;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  const combinedListeners = t6;
+  let t7;
+  let t8;
+  if ($[10] !== isDragging) {
+    t7 = () => {
+      if (!isDragging) {
+        setIsPressing(false);
+      }
+    };
+    t8 = [isDragging];
+    $[10] = isDragging;
+    $[11] = t7;
+    $[12] = t8;
+  } else {
+    t7 = $[11];
+    t8 = $[12];
+  }
+  React__default.useEffect(t7, t8);
+  const t9 = column.frozen && "sticky left-0 z-10";
+  let t10;
+  if ($[13] !== t9) {
+    t10 = cls("flex-shrink-0 h-full", t9);
+    $[13] = t9;
+    $[14] = t10;
+  } else {
+    t10 = $[14];
+  }
+  const t11 = columnRefs[columnIndex];
+  const t12 = sortByProperty === column.key ? currentSort : void 0;
+  const t13 = isDragging || isPressing;
+  let t14;
+  if ($[15] !== column || $[16] !== columnIndex || $[17] !== createFilterField || $[18] !== filter || $[19] !== isDraggable || $[20] !== isResizing || $[21] !== onClickResizeColumn || $[22] !== onColumnSort || $[23] !== onFilterUpdate || $[24] !== t11 || $[25] !== t12 || $[26] !== t13) {
+    t14 = /* @__PURE__ */ jsx(VirtualTableHeader, { resizeHandleRef: t11, columnIndex, isResizingIndex: isResizing, onFilterUpdate, filter, sort: t12, onColumnSort, onClickResizeColumn, column, createFilterField, AdditionalHeaderWidget: column.AdditionalHeaderWidget, isDragging: t13, isDraggable });
+    $[15] = column;
+    $[16] = columnIndex;
+    $[17] = createFilterField;
+    $[18] = filter;
+    $[19] = isDraggable;
+    $[20] = isResizing;
+    $[21] = onClickResizeColumn;
+    $[22] = onColumnSort;
+    $[23] = onFilterUpdate;
+    $[24] = t11;
+    $[25] = t12;
+    $[26] = t13;
+    $[27] = t14;
+  } else {
+    t14 = $[27];
+  }
+  let t15;
+  if ($[28] !== attributes || $[29] !== combinedListeners || $[30] !== setNodeRef || $[31] !== style || $[32] !== t10 || $[33] !== t14) {
+    t15 = /* @__PURE__ */ jsx("div", { ref: setNodeRef, style, className: t10, ...attributes, ...combinedListeners, children: t14 });
+    $[28] = attributes;
+    $[29] = combinedListeners;
+    $[30] = setNodeRef;
+    $[31] = style;
+    $[32] = t10;
+    $[33] = t14;
+    $[34] = t15;
+  } else {
+    t15 = $[34];
+  }
+  return t15;
+};
+const VirtualTableHeaderRow = ({
+  columns,
+  currentSort,
+  onColumnSort,
+  onFilterUpdate,
+  sortByProperty,
+  filter,
+  onColumnResize,
+  onColumnResizeEnd,
+  createFilterField,
+  AddColumnComponent,
+  onColumnsOrderChange,
+  data,
+  cellRenderer: CellRenderer,
+  rowHeight = 54,
+  draggingColumnId,
+  headerHeight = 48
+}) => {
+  const columnRefs = useMemo(() => columns.map(() => createRef()), [columns.length]);
+  const [isResizing, setIsResizing] = useState(-1);
+  const adjustWidthColumn = useCallback((index, width, end) => {
+    const column = columns[index];
+    const minWidth = 100;
+    const maxWidth = 800;
+    const newWidth = width > maxWidth ? maxWidth : width < minWidth ? minWidth : width;
+    const params = {
+      width: newWidth,
+      key: column.key,
+      column: {
+        ...column,
+        width: newWidth
+      }
+    };
+    if (!end) onColumnResize(params);
+    else onColumnResizeEnd(params);
+  }, [columns, onColumnResize, onColumnResizeEnd]);
+  const getEventNewWidth = useCallback((e) => {
+    if (isResizing >= 0) {
+      const left = columnRefs[isResizing].current?.parentElement?.getBoundingClientRect().left;
+      if (!left) return;
+      return e.clientX - left;
+    }
+    return void 0;
+  }, [columnRefs, isResizing]);
+  const setCursorDocument = useCallback((isResizing_0) => {
+    document.body.style.cursor = isResizing_0 ? "col-resize" : "auto";
+  }, []);
+  const handleOnMouseMove = useCallback((e_0) => {
+    e_0.stopPropagation();
+    e_0.preventDefault();
+    const newWidth_0 = getEventNewWidth(e_0);
+    if (newWidth_0) adjustWidthColumn(isResizing, newWidth_0, false);
+  }, [adjustWidthColumn, getEventNewWidth, isResizing]);
+  const handleOnMouseUp = useCallback((e_1) => {
+    e_1.stopPropagation();
+    e_1.preventDefault();
+    const newWidth_1 = getEventNewWidth(e_1);
+    if (newWidth_1) adjustWidthColumn(isResizing, newWidth_1, true);
+    setIsResizing(-1);
+    setCursorDocument(false);
+  }, [adjustWidthColumn, getEventNewWidth, isResizing, setCursorDocument]);
+  const removeResizingListeners = useCallback(() => {
+    document.removeEventListener("mousemove", handleOnMouseMove);
+    document.removeEventListener("mouseup", handleOnMouseUp);
+  }, [handleOnMouseMove, handleOnMouseUp]);
+  const attachResizeListeners = useCallback(() => {
+    document.addEventListener("mousemove", handleOnMouseMove);
+    document.addEventListener("mouseup", handleOnMouseUp);
+  }, [handleOnMouseMove, handleOnMouseUp]);
+  useEffect(() => {
+    if (isResizing >= 0) {
+      attachResizeListeners();
+    } else {
+      removeResizingListeners();
+    }
+    return () => {
+      removeResizingListeners();
+    };
+  }, [attachResizeListeners, isResizing, removeResizingListeners]);
+  const onClickResizeColumn = useCallback((index_0) => {
+    setIsResizing(index_0);
+    setCursorDocument(true);
+  }, [setCursorDocument]);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: cls(defaultBorderMixin, "z-20 sticky min-w-full flex w-fit flex-row top-0 left-0 border-b bg-surface-50 dark:bg-surface-900"), style: {
+    height: headerHeight
+  }, children: [
+    columns.map((column_0, columnIndex) => {
+      const filterForThisProperty = column_0 && filter && filter[column_0.key] ? filter[column_0.key] : void 0;
+      const isDraggable = !column_0.frozen && !!onColumnsOrderChange;
+      const isDragging = draggingColumnId === column_0.key;
+      return /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(SortableColumnHeader, { column: column_0, columnIndex, columnRefs, isResizing, onFilterUpdate, filter: filterForThisProperty, sortByProperty, currentSort, onColumnSort, onClickResizeColumn, createFilterField, isDragging, isDraggable }) }, "header_" + column_0.key);
+    }),
+    AddColumnComponent && /* @__PURE__ */ jsx(AddColumnComponent, {})
+  ] }) });
+};
+const VirtualTableRow = React__default.memo(function VirtualTableRow2(t0) {
+  const $ = c(17);
+  const {
+    rowData,
+    rowIndex,
+    children,
+    onRowClick,
+    rowHeight,
+    style,
+    hoverRow,
+    rowClassName
+  } = t0;
+  let t1;
+  if ($[0] !== onRowClick || $[1] !== rowData || $[2] !== rowIndex) {
+    t1 = (event) => {
+      if (onRowClick) {
+        onRowClick({
+          rowData,
+          rowIndex,
+          event
+        });
+      }
+    };
+    $[0] = onRowClick;
+    $[1] = rowData;
+    $[2] = rowIndex;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const onClick = t1;
+  let t2;
+  if ($[4] !== hoverRow || $[5] !== onRowClick || $[6] !== rowClassName || $[7] !== rowData) {
+    t2 = cls("flex min-w-full text-sm border-b border-surface-200 dark:border-surface-800 border-opacity-40 border-surface-200/40 dark:border-opacity-40 dark:border-surface-800/40", rowClassName ? rowClassName(rowData) : "", {
+      "hover:bg-surface-50/75 dark:hover:bg-surface-800/75": hoverRow,
+      "cursor-pointer ": onRowClick
+    });
+    $[4] = hoverRow;
+    $[5] = onRowClick;
+    $[6] = rowClassName;
+    $[7] = rowData;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  let t3;
+  if ($[9] !== rowHeight || $[10] !== style) {
+    t3 = {
+      ...style,
+      height: rowHeight,
+      width: "fit-content"
+    };
+    $[9] = rowHeight;
+    $[10] = style;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  let t4;
+  if ($[12] !== children || $[13] !== onClick || $[14] !== t2 || $[15] !== t3) {
+    t4 = /* @__PURE__ */ jsx("div", { className: t2, onClick, style: t3, children });
+    $[12] = children;
+    $[13] = onClick;
+    $[14] = t2;
+    $[15] = t3;
+    $[16] = t4;
+  } else {
+    t4 = $[16];
+  }
+  return t4;
+}, deepEqual);
+const VirtualTableCell = React__default.memo(function VirtualTableCell2(props) {
+  return props.rowData ? props.cellRenderer({
+    cellData: props.cellData,
+    rowData: props.rowData,
+    rowIndex: props.rowIndex,
+    isScrolling: false,
+    column: props.column,
+    columns: props.columns,
+    columnIndex: props.columnIndex,
+    width: props.column.width,
+    sortableNodeRef: props.sortableNodeRef,
+    sortableStyle: props.sortableStyle,
+    sortableAttributes: props.sortableAttributes,
+    isDragging: props.isDragging,
+    isDraggable: props.isDraggable,
+    frozen: props.frozen
+  }) : null;
+}, (a, b) => {
+  return deepEqual(a.rowData, b.rowData) && deepEqual(a.column, b.column) && deepEqual(a.cellData, b.cellData) && a.rowIndex === b.rowIndex && a.columnIndex === b.columnIndex && a.isDragging === b.isDragging && a.isDraggable === b.isDraggable && a.frozen === b.frozen;
+});
+const VirtualListContext = createContext(null);
+VirtualListContext.displayName = "VirtualListContext";
+const innerElementType = forwardRef((t0, ref) => {
+  const $ = c(7);
+  let children;
+  let rest;
+  if ($[0] !== t0) {
+    ({
+      children,
+      ...rest
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = rest;
+  } else {
+    children = $[1];
+    rest = $[2];
+  }
+  let t1;
+  if ($[3] !== children || $[4] !== ref || $[5] !== rest) {
+    t1 = /* @__PURE__ */ jsx(VirtualListContext.Consumer, { children: (virtualTableProps) => {
+      const customView = virtualTableProps.customView;
+      const headerHeight = virtualTableProps.headerHeight ?? 48;
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { id: "virtual-table", style: {
+          position: "relative",
+          height: "100%",
+          zIndex: 0
+        }, children: /* @__PURE__ */ jsxs("div", { ref, ...rest, style: {
+          ...rest?.style,
+          height: (typeof rest?.style?.height === "number" ? rest.style.height : parseFloat(rest?.style?.height || "0")) + headerHeight,
+          minHeight: "100%",
+          position: "relative"
+        }, children: [
+          /* @__PURE__ */ jsx("div", { style: {
+            position: "sticky",
+            top: 0,
+            zIndex: 10
+          }, children: /* @__PURE__ */ jsx(VirtualTableHeaderRow, { ...virtualTableProps }) }),
+          !customView && children
+        ] }) }),
+        customView && /* @__PURE__ */ jsx("div", { style: {
+          position: "sticky",
+          top: virtualTableProps.headerHeight ?? 48,
+          flexGrow: 1,
+          height: `calc(100% - ${virtualTableProps.headerHeight ?? 48}px)`,
+          marginTop: `calc(${virtualTableProps.headerHeight ?? 48}px - 100vh)`,
+          left: 0
+        }, children: customView })
+      ] });
+    } });
+    $[3] = children;
+    $[4] = ref;
+    $[5] = rest;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  return t1;
+});
+const VirtualTable = React__default.memo(function VirtualTable2({
+  data,
+  onResetPagination,
+  onEndReached,
+  endOffset = 600,
+  rowHeight = 54,
+  headerHeight = 48,
+  columns: columnsProp,
+  onRowClick,
+  onColumnResize,
+  onColumnResizeEnd,
+  filter: filterInput,
+  checkFilterCombination,
+  onFilterUpdate,
+  sortBy,
+  error,
+  emptyComponent,
+  onSortByUpdate,
+  onScroll: onScrollProp,
+  loading,
+  cellRenderer,
+  hoverRow,
+  createFilterField,
+  rowClassName,
+  style,
+  className,
+  endAdornment,
+  AddColumnComponent,
+  initialScroll = 0,
+  onColumnsOrderChange
+}) {
+  const sortByProperty = sortBy ? sortBy[0] : void 0;
+  const currentSort = sortBy ? sortBy[1] : void 0;
+  const [columns, setColumns] = useState(columnsProp);
+  const tableRef = useRef(null);
+  const endReachCallbackThreshold = useRef(0);
+  const debouncedScroll = useDebounceCallback(onScrollProp, 200);
+  const [draggingColumnId, setDraggingColumnId] = useState(null);
+  const sensors = useSensors(useSensor(PointerSensor, {
+    activationConstraint: {
+      distance: 5
+    }
+  }));
+  const handleDragStart = useCallback((event) => {
+    setDraggingColumnId(event.active.id);
+  }, []);
+  const handleDragEnd = useCallback((event_0) => {
+    const {
+      active,
+      over
+    } = event_0;
+    setDraggingColumnId(null);
+    if (over && active.id !== over.id && onColumnsOrderChange) {
+      const oldIndex = columns.findIndex((col) => col.key === active.id);
+      const newIndex = columns.findIndex((col_0) => col_0.key === over.id);
+      if (oldIndex !== -1 && newIndex !== -1) {
+        const newColumns = arrayMove(columns, oldIndex, newIndex);
+        setColumns(newColumns);
+        onColumnsOrderChange(newColumns);
+      }
+    }
+  }, [columns, onColumnsOrderChange]);
+  const handleDragCancel = useCallback(() => {
+    setDraggingColumnId(null);
+  }, []);
+  useEffect(() => {
+    if (tableRef.current && initialScroll) {
+      const {
+        scrollLeft
+      } = tableRef.current;
+      tableRef.current.scrollTo(scrollLeft, initialScroll);
+    }
+  }, [tableRef, initialScroll]);
+  useEffect(() => {
+    setColumns(columnsProp);
+  }, [columnsProp]);
+  const [_, setForceUpdate] = useState(false);
+  useEffect(() => {
+    if (tableRef.current) {
+      const resizeObserver = new ResizeObserver(() => {
+        setForceUpdate((prev) => !prev);
+      });
+      resizeObserver.observe(tableRef.current);
+      return () => {
+        if (tableRef.current) {
+          resizeObserver.unobserve(tableRef.current);
+        }
+        resizeObserver.disconnect();
+      };
+    }
+    return () => {
+    };
+  }, [tableRef]);
+  const [measureRef, bounds] = useMeasure({
+    debounce: 50,
+    polyfill: ResizeObserver,
+    scroll: true,
+    // This is important for handling zooming in react-flow
+    offsetSize: true
+  });
+  const onColumnResizeInternal = useCallback((params) => {
+    setColumns((prevColumns) => prevColumns.map((column) => column.key === params.column.key ? params.column : column));
+  }, []);
+  const onColumnResizeEndInternal = useCallback((params_0) => {
+    setColumns(columns.map((column_0) => column_0.key === params_0.column.key ? params_0.column : column_0));
+    if (onColumnResize) {
+      onColumnResize(params_0);
+    }
+    if (onColumnResizeEnd) {
+      onColumnResizeEnd(params_0);
+    }
+  }, [columns, onColumnResize, onColumnResizeEnd]);
+  const filterRef = useRef(void 0);
+  useEffect(() => {
+    filterRef.current = filterInput;
+  }, [filterInput]);
+  const scrollToTop = useCallback(() => {
+    endReachCallbackThreshold.current = 0;
+    if (tableRef.current) {
+      tableRef.current.scrollTo(tableRef.current?.scrollLeft, 0);
+    }
+  }, []);
+  const onColumnSort = useCallback((key) => {
+    const isDesc = sortByProperty === key && currentSort === "desc";
+    const isAsc = sortByProperty === key && currentSort === "asc";
+    const newSort = isAsc ? "desc" : isDesc ? void 0 : "asc";
+    const newSortProperty = isDesc ? void 0 : key;
+    const filter = filterRef.current;
+    const newSortBy = newSort && newSortProperty ? [newSortProperty, newSort] : void 0;
+    if (filter) {
+      if (checkFilterCombination && !checkFilterCombination(filter, newSortBy)) {
+        if (onFilterUpdate) onFilterUpdate(void 0);
+      }
+    }
+    if (onResetPagination) {
+      onResetPagination();
+    }
+    if (onSortByUpdate) {
+      onSortByUpdate(newSortBy);
+    }
+    scrollToTop();
+  }, [checkFilterCombination, currentSort, onFilterUpdate, onResetPagination, onSortByUpdate, scrollToTop, sortByProperty]);
+  const maxScroll = Math.max((data?.length ?? 0) * rowHeight - bounds.height, 0);
+  const onEndReachedInternal = useCallback((scrollOffset) => {
+    if (onEndReached && (data?.length ?? 0) > 0 && scrollOffset > endReachCallbackThreshold.current + endOffset) {
+      endReachCallbackThreshold.current = scrollOffset;
+      onEndReached();
+    }
+  }, [data?.length, onEndReached]);
+  const onScroll = useCallback(({
+    scrollDirection,
+    scrollOffset: scrollOffset_0,
+    scrollUpdateWasRequested
+  }) => {
+    if (onScrollProp) {
+      debouncedScroll({
+        scrollDirection,
+        scrollOffset: scrollOffset_0,
+        scrollUpdateWasRequested
+      });
+    }
+    if (!scrollUpdateWasRequested && scrollOffset_0 >= maxScroll - endOffset) onEndReachedInternal(scrollOffset_0);
+  }, [maxScroll, onEndReachedInternal]);
+  const onFilterUpdateInternal = useCallback((column_1, filterForProperty) => {
+    endReachCallbackThreshold.current = 0;
+    const filter_0 = filterRef.current;
+    let newFilterValue = filter_0 ? {
+      ...filter_0
+    } : {};
+    if (!filterForProperty) {
+      delete newFilterValue[column_1.key];
+    } else {
+      newFilterValue[column_1.key] = filterForProperty;
+    }
+    const newSortBy_0 = sortByProperty && currentSort ? [sortByProperty, currentSort] : void 0;
+    const isNewFilterCombinationValid = !checkFilterCombination || checkFilterCombination(newFilterValue, newSortBy_0);
+    if (!isNewFilterCombinationValid) {
+      newFilterValue = filterForProperty ? {
+        [column_1.key]: filterForProperty
+      } : {};
+    }
+    if (onFilterUpdate) onFilterUpdate(newFilterValue);
+  }, [checkFilterCombination, currentSort, onFilterUpdate, sortByProperty]);
+  const empty = !loading && (data?.length ?? 0) === 0;
+  const customView = error ? /* @__PURE__ */ jsxs(CenteredView, { maxWidth: "2xl", className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h6", children: "Error" }),
+    error?.message && /* @__PURE__ */ jsx(SafeLinkRenderer, { text: error.message })
+  ] }) : empty ? loading ? /* @__PURE__ */ jsx(CircularProgressCenter, {}) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col overflow-auto items-center justify-center p-2 gap-2 h-full", children: [
+    /* @__PURE__ */ jsx(AssignmentIcon, {}),
+    emptyComponent
+  ] }) : void 0;
+  const virtualListController = useMemo(() => ({
+    data,
+    rowHeight,
+    headerHeight,
+    cellRenderer,
+    columns,
+    currentSort,
+    onRowClick,
+    customView,
+    onColumnResize: onColumnResizeInternal,
+    onColumnResizeEnd: onColumnResizeEndInternal,
+    filter: filterRef.current,
+    onColumnSort,
+    onFilterUpdate: onFilterUpdateInternal,
+    sortByProperty,
+    hoverRow: hoverRow ?? false,
+    createFilterField,
+    rowClassName,
+    endAdornment,
+    AddColumnComponent,
+    onColumnsOrderChange: onColumnsOrderChange ? (newColumns_0) => {
+      setColumns(newColumns_0);
+      onColumnsOrderChange(newColumns_0);
+    } : void 0,
+    draggingColumnId
+  }), [data, rowHeight, cellRenderer, columns, currentSort, onRowClick, customView, onColumnResizeInternal, onColumnResizeEndInternal, filterInput, onColumnSort, onFilterUpdateInternal, sortByProperty, hoverRow, createFilterField, rowClassName, endAdornment, AddColumnComponent, onColumnsOrderChange, draggingColumnId]);
+  const sortableColumnKeys = columns.filter((col_1) => !col_1.frozen).map((col_2) => col_2.key);
+  const tableContent = /* @__PURE__ */ jsx("div", { ref: measureRef, style, className: cls("h-full w-full", className, draggingColumnId && "overflow-hidden"), children: /* @__PURE__ */ jsx(VirtualListContext.Provider, { value: virtualListController, children: /* @__PURE__ */ jsx(MemoizedList, { outerRef: tableRef, width: bounds.width, height: bounds.height, itemCount: (data?.length ?? 0) + (endAdornment ? 1 : 0), onScroll: draggingColumnId ? void 0 : onScroll, includeAddColumn: Boolean(AddColumnComponent), itemSize: rowHeight }, rowHeight) }) });
+  if (onColumnsOrderChange) {
+    return /* @__PURE__ */ jsx(DndContext, { sensors, collisionDetection: closestCenter, onDragStart: handleDragStart, onDragEnd: handleDragEnd, onDragCancel: handleDragCancel, children: /* @__PURE__ */ jsx(SortableContext, { items: sortableColumnKeys, strategy: horizontalListSortingStrategy, children: tableContent }) });
+  }
+  return tableContent;
+}, deepEqual);
+const SortableCellWrapper = (t0) => {
+  const $ = c(17);
+  const {
+    columnKey,
+    width,
+    isDragging,
+    isDraggable,
+    frozen,
+    children
+  } = t0;
+  const t1 = !isDraggable || frozen;
+  let t2;
+  if ($[0] !== columnKey || $[1] !== t1) {
+    t2 = {
+      id: columnKey,
+      disabled: t1
+    };
+    $[0] = columnKey;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const {
+    attributes,
+    setNodeRef,
+    transform,
+    transition
+  } = useSortable(t2);
+  let attrsWithoutTabIndex;
+  if ($[3] !== attributes) {
+    const {
+      tabIndex: _tabIndex,
+      ...t32
+    } = attributes;
+    attrsWithoutTabIndex = t32;
+    $[3] = attributes;
+    $[4] = attrsWithoutTabIndex;
+  } else {
+    attrsWithoutTabIndex = $[4];
+  }
+  const t3 = transform ? `translateX(${transform.x}px)` : void 0;
+  const t4 = isDragging ? void 0 : transition;
+  let t5;
+  if ($[5] !== t3 || $[6] !== t4 || $[7] !== width) {
+    t5 = {
+      transform: t3,
+      transition: t4,
+      minWidth: width,
+      maxWidth: width,
+      width
+    };
+    $[5] = t3;
+    $[6] = t4;
+    $[7] = width;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  const style = t5;
+  const t6 = frozen && "sticky left-0 z-10 bg-white dark:bg-surface-950";
+  let t7;
+  if ($[9] !== t6) {
+    t7 = cls("flex-shrink-0", t6);
+    $[9] = t6;
+    $[10] = t7;
+  } else {
+    t7 = $[10];
+  }
+  let t8;
+  if ($[11] !== attrsWithoutTabIndex || $[12] !== children || $[13] !== setNodeRef || $[14] !== style || $[15] !== t7) {
+    t8 = /* @__PURE__ */ jsx("div", { ref: setNodeRef, style, className: t7, ...attrsWithoutTabIndex, children });
+    $[11] = attrsWithoutTabIndex;
+    $[12] = children;
+    $[13] = setNodeRef;
+    $[14] = style;
+    $[15] = t7;
+    $[16] = t8;
+  } else {
+    t8 = $[16];
+  }
+  return t8;
+};
+function MemoizedList({
+  outerRef,
+  width,
+  height,
+  itemCount,
+  onScroll,
+  itemSize,
+  includeAddColumn
+}) {
+  const Row = useCallback(({
+    index,
+    style
+  }) => {
+    return /* @__PURE__ */ jsx(VirtualListContext.Consumer, { children: ({
+      onRowClick,
+      data,
+      columns,
+      rowHeight = 54,
+      headerHeight = 48,
+      cellRenderer,
+      hoverRow,
+      rowClassName,
+      endAdornment,
+      draggingColumnId,
+      onColumnsOrderChange
+    }) => {
+      if (endAdornment && index === (data ?? []).length) {
+        return /* @__PURE__ */ jsx("div", { style: {
+          ...style,
+          height: "auto",
+          position: "sticky",
+          bottom: 0,
+          zIndex: 1
+        }, children: endAdornment });
+      }
+      const rowData = data && data[index];
+      return /* @__PURE__ */ jsxs(VirtualTableRow, { rowData, rowIndex: index, onRowClick, columns, hoverRow, rowClassName, style: {
+        ...style,
+        top: `calc(${style.top}px + ${headerHeight ?? 48}px)`
+      }, rowHeight, children: [
+        columns.map((column, columnIndex) => {
+          const cellData = rowData && rowData[column.key];
+          const isDragging = draggingColumnId === column.key;
+          const isDraggable = !column.frozen && !!onColumnsOrderChange;
+          return /* @__PURE__ */ jsx(SortableCellWrapper, { columnKey: column.key, width: column.width, isDragging, isDraggable, frozen: column.frozen, children: /* @__PURE__ */ jsx(
+            VirtualTableCell,
+            {
+              dataKey: column.key,
+              cellRenderer,
+              column,
+              columns,
+              rowData,
+              cellData,
+              rowIndex: index,
+              columnIndex
+            }
+          ) }, `cell_wrapper_${column.key}`);
+        }),
+        includeAddColumn && /* @__PURE__ */ jsx("div", { className: "w-20" })
+      ] }, `row_${index}`);
+    } });
+  }, []);
+  return /* @__PURE__ */ jsx(FixedSizeList, { outerRef, innerElementType, width, height, overscanCount: 4, itemCount, onScroll, itemSize, children: Row });
+}
+const SafeLinkRenderer = (t0) => {
+  const $ = c(4);
+  const {
+    text
+  } = t0;
+  let t1;
+  if ($[0] !== text) {
+    const urlRegex = /https?:\/\/[^\s]+/g;
+    t1 = text.replace(urlRegex, _temp);
+    $[0] = text;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const htmlContent = t1;
+  let t2;
+  if ($[2] !== htmlContent) {
+    t2 = /* @__PURE__ */ jsx("div", { className: "break-all", dangerouslySetInnerHTML: {
+      __html: htmlContent
+    } });
+    $[2] = htmlContent;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+};
+function _temp(url) {
+  return `<a href="${url}" class="underline" target="_blank">Link</a><br/>`;
+}
 export {
   AbcIcon,
   AcUnitIcon,
@@ -38449,6 +39769,7 @@ export {
   CircleIcon,
   CircleNotificationsIcon,
   CircularProgress,
+  CircularProgressCenter,
   ClassIcon,
   CleanHandsIcon,
   CleaningServicesIcon,
@@ -38737,6 +40058,7 @@ export {
   EnhancePhotoTranslateIcon,
   EnhancedEncryptionIcon,
   EqualizerIcon,
+  ErrorBoundary,
   ErrorIcon,
   ErrorOutlineIcon,
   EscalatorIcon,
@@ -40219,6 +41541,7 @@ export {
   ViewWeekIcon,
   VignetteIcon,
   VillaIcon,
+  VirtualTable,
   VisibilityIcon,
   VisibilityOffIcon,
   VoiceChatIcon,
@@ -40373,7 +41696,6 @@ export {
   cardMixin,
   cardSelectedMixin,
   cls,
-  cn,
   coolIconKeys,
   debounce,
   defaultBorderMixin,
@@ -40390,7 +41712,9 @@ export {
   keyToIconComponent,
   paperMixin,
   useAutoComplete,
+  useDebounceCallback,
   useDebounceValue,
+  useDebouncedCallback,
   useIconStyles,
   useInjectStyles,
   useOutsideAlerter,