@rebasepro/ui 0.1.2 → 0.2.1

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("react-compiler-runtime"), require("clsx"), require("tailwind-merge"), require("react"), require("@radix-ui/react-collapsible"), require("lucide-react"), require("@radix-ui/react-checkbox"), require("@radix-ui/react-tooltip"), require("@radix-ui/react-dialog"), require("@radix-ui/react-visually-hidden"), require("react-dropzone"), require("@radix-ui/react-label"), require("fast-equals"), require("markdown-it"), require("@radix-ui/react-dropdown-menu"), require("@radix-ui/react-menubar"), require("@radix-ui/react-popover"), require("cmdk"), require("@radix-ui/react-separator"), require("@radix-ui/react-radio-group"), require("@radix-ui/react-select"), require("@radix-ui/react-slider"), require("react-dom"), require("@radix-ui/react-tabs"), require("react-window"), require("react-use-measure"), require("@dnd-kit/sortable"), require("@dnd-kit/core")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "react-compiler-runtime", "clsx", "tailwind-merge", "react", "@radix-ui/react-collapsible", "lucide-react", "@radix-ui/react-checkbox", "@radix-ui/react-tooltip", "@radix-ui/react-dialog", "@radix-ui/react-visually-hidden", "react-dropzone", "@radix-ui/react-label", "fast-equals", "markdown-it", "@radix-ui/react-dropdown-menu", "@radix-ui/react-menubar", "@radix-ui/react-popover", "cmdk", "@radix-ui/react-separator", "@radix-ui/react-radio-group", "@radix-ui/react-select", "@radix-ui/react-slider", "react-dom", "@radix-ui/react-tabs", "react-window", "react-use-measure", "@dnd-kit/sortable", "@dnd-kit/core"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["Rebase UI"] = {}, global.jsxRuntime, global.reactCompilerRuntime, global.clsx, global.tailwindMerge, global.React, global.Collapsible, global.lucideReact, global.CheckboxPrimitive, global.TooltipPrimitive, global.DialogPrimitive, global.VisuallyHidden, global.reactDropzone, global.LabelPrimitive, global.fastEquals, global.MarkdownIt, global.DropdownMenu, global.MenubarPrimitive, global.PopoverPrimitive, global.cmdk, global.SeparatorPrimitive, global.RadioGroupPrimitive, global.SelectPrimitive, global.SliderPrimitive, global.ReactDOM, global.TabsPrimitive, global.reactWindow, global.useMeasure, global.sortable, global.core));
-})(this, (function(exports2, jsxRuntime, reactCompilerRuntime, clsx, tailwindMerge, React, Collapsible, lucideReact, CheckboxPrimitive, TooltipPrimitive, DialogPrimitive, VisuallyHidden, reactDropzone, LabelPrimitive, fastEquals, MarkdownIt, DropdownMenu, MenubarPrimitive, PopoverPrimitive, cmdk, SeparatorPrimitive, RadioGroupPrimitive, SelectPrimitive, SliderPrimitive, ReactDOM, TabsPrimitive, reactWindow, useMeasure, sortable, core) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("react-compiler-runtime"), require("clsx"), require("tailwind-merge"), require("react"), require("@radix-ui/react-collapsible"), require("lucide-react"), require("@radix-ui/react-checkbox"), require("@radix-ui/react-tooltip"), require("@radix-ui/react-dialog"), require("@radix-ui/react-visually-hidden"), require("react-dropzone"), require("@radix-ui/react-label"), require("fast-equals"), require("markdown-it"), require("@radix-ui/react-dropdown-menu"), require("@radix-ui/react-menubar"), require("@radix-ui/react-popover"), require("cmdk"), require("@radix-ui/react-separator"), require("@radix-ui/react-radio-group"), require("@radix-ui/react-select"), require("@radix-ui/react-slider"), require("react-dom"), require("@radix-ui/react-tabs"), require("react-window"), require("react-use-measure"), require("@dnd-kit/sortable"), require("@radix-ui/react-portal"), require("@radix-ui/react-slot"), require("@dnd-kit/core")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "react-compiler-runtime", "clsx", "tailwind-merge", "react", "@radix-ui/react-collapsible", "lucide-react", "@radix-ui/react-checkbox", "@radix-ui/react-tooltip", "@radix-ui/react-dialog", "@radix-ui/react-visually-hidden", "react-dropzone", "@radix-ui/react-label", "fast-equals", "markdown-it", "@radix-ui/react-dropdown-menu", "@radix-ui/react-menubar", "@radix-ui/react-popover", "cmdk", "@radix-ui/react-separator", "@radix-ui/react-radio-group", "@radix-ui/react-select", "@radix-ui/react-slider", "react-dom", "@radix-ui/react-tabs", "react-window", "react-use-measure", "@dnd-kit/sortable", "@radix-ui/react-portal", "@radix-ui/react-slot", "@dnd-kit/core"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["Rebase UI"] = {}, global.jsxRuntime, global.reactCompilerRuntime, global.clsx, global.tailwindMerge, global.React, global.Collapsible, global.lucideReact, global.CheckboxPrimitive, global.TooltipPrimitive, global.DialogPrimitive, global.VisuallyHidden, global.reactDropzone, global.LabelPrimitive, global.fastEquals, global.MarkdownIt, global.DropdownMenu, global.MenubarPrimitive, global.PopoverPrimitive, global.cmdk, global.SeparatorPrimitive, global.RadioGroupPrimitive, global.SelectPrimitive, global.SliderPrimitive, global.ReactDOM, global.TabsPrimitive, global.reactWindow, global.useMeasure, global.sortable, global.reactPortal, global.reactSlot, global.core));
+})(this, (function(exports2, jsxRuntime, reactCompilerRuntime, clsx, tailwindMerge, React, Collapsible, lucideReact, CheckboxPrimitive, TooltipPrimitive, DialogPrimitive, VisuallyHidden, reactDropzone, LabelPrimitive, fastEquals, MarkdownIt, DropdownMenu, MenubarPrimitive, PopoverPrimitive, cmdk, SeparatorPrimitive, RadioGroupPrimitive, SelectPrimitive, SliderPrimitive, ReactDOM, TabsPrimitive, reactWindow, useMeasure, sortable, reactPortal, reactSlot, core) {
   "use strict";"use client";
 
   function _interopNamespaceDefault(e) {
@@ -35,6 +35,7 @@
   const SliderPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(SliderPrimitive);
   const ReactDOM__namespace = /* @__PURE__ */ _interopNamespaceDefault(ReactDOM);
   const TabsPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(TabsPrimitive);
+  const reactPortal__namespace = /* @__PURE__ */ _interopNamespaceDefault(reactPortal);
   function cls(...classes) {
     return tailwindMerge.twMerge(clsx.clsx(classes));
   }
@@ -1579,7 +1580,7 @@
       return this.props.children;
     }
   }
-  const sizeClasses$1 = {
+  const sizeClasses$2 = {
     large: "w-6 h-6 rounded flex items-center justify-center",
     medium: "w-5 h-5 rounded flex items-center justify-center",
     small: "w-4 h-4 rounded flex items-center justify-center",
@@ -1638,7 +1639,7 @@
     } else {
       t12 = $[4];
     }
-    const t13 = sizeClasses$1[size];
+    const t13 = sizeClasses$2[size];
     const t14 = disabled ? indeterminate || isChecked ? "bg-surface-accent-400 dark:bg-surface-accent-600" : "bg-surface-accent-400 dark:bg-surface-accent-600" : indeterminate || isChecked ? colorClasses$2[color] : "bg-white dark:bg-surface-900";
     const t15 = indeterminate || isChecked ? "text-surface-accent-100 dark:text-surface-accent-900" : "";
     const t16 = disabled ? "border-transparent" : indeterminate || isChecked ? "border-transparent" : "border-surface-accent-800 dark:border-surface-accent-500";
@@ -1707,11 +1708,12 @@
     return typeof document !== "undefined" && document.documentElement.classList.contains("dark");
   }
   function Chip(t0) {
-    const $ = reactCompilerRuntime.c(18);
+    const $ = reactCompilerRuntime.c(19);
     const {
       children,
       colorScheme,
       error,
+      outlined,
       onClick,
       icon,
       size: t1,
@@ -1729,57 +1731,102 @@
     }
     const usedColorScheme = t2;
     const dark = isDarkMode();
-    const bgColor = usedColorScheme ? dark && usedColorScheme.darkColor ? usedColorScheme.darkColor : usedColorScheme.color : void 0;
-    const textColor = usedColorScheme ? dark && usedColorScheme.darkText ? usedColorScheme.darkText : usedColorScheme.text : void 0;
+    const getRgba = _temp$5;
+    let textColor;
+    let bgColor;
+    let border = "";
+    if (error) {
+      textColor = dark ? "#f87171" : "#dc2626";
+    } else {
+      if (usedColorScheme) {
+        textColor = dark && usedColorScheme.darkText ? usedColorScheme.darkText : usedColorScheme.text;
+      } else {
+        textColor = dark ? "#d4d4d4" : "#404040";
+      }
+    }
+    if (outlined) {
+      let t32;
+      if ($[2] !== textColor) {
+        t32 = getRgba(textColor, dark ? 0.12 : 0.06);
+        $[2] = textColor;
+        $[3] = t32;
+      } else {
+        t32 = $[3];
+      }
+      bgColor = t32;
+      border = `1px solid ${getRgba(textColor, dark ? 0.25 : 0.18)}`;
+    } else {
+      if (error) {
+        bgColor = dark ? "rgba(220, 38, 38, 0.2)" : "rgba(239, 68, 68, 0.15)";
+        border = `1px solid ${dark ? "rgba(220, 38, 38, 0.4)" : "rgba(239, 68, 68, 0.3)"}`;
+      } else {
+        if (usedColorScheme) {
+          bgColor = dark && usedColorScheme.darkColor ? usedColorScheme.darkColor : usedColorScheme.color;
+        } else {
+          bgColor = dark ? "#1f1f1f" : "#f4f4f5";
+          border = `1px solid ${dark ? "#2e2e30" : "#e4e4e7"}`;
+        }
+      }
+    }
     const t3 = onClick ? "cursor-pointer hover:bg-surface-accent-300 dark:hover:bg-surface-accent-700" : "";
     const t4 = sizeClassNames[size];
-    const t5 = error || !usedColorScheme ? "bg-surface-accent-200 dark:bg-surface-accent-800 text-surface-accent-800 dark:text-white" : "";
-    const t6 = error ? "text-red-500 dark:text-red-400" : "";
-    let t7;
-    if ($[2] !== className || $[3] !== t3 || $[4] !== t4 || $[5] !== t5 || $[6] !== t6) {
-      t7 = cls("rounded-lg max-w-full w-max h-fit font-regular inline-flex gap-1", "text-ellipsis", "items-center", t3, t4, t5, t6, className);
-      $[2] = className;
-      $[3] = t3;
-      $[4] = t4;
-      $[5] = t5;
-      $[6] = t6;
-      $[7] = t7;
+    let t5;
+    if ($[4] !== className || $[5] !== t3 || $[6] !== t4) {
+      t5 = cls("rounded-lg max-w-full w-max h-fit font-regular inline-flex gap-1", "text-ellipsis", "items-center", t3, t4, className);
+      $[4] = className;
+      $[5] = t3;
+      $[6] = t4;
+      $[7] = t5;
     } else {
-      t7 = $[7];
+      t5 = $[7];
     }
-    const t8 = error ? void 0 : bgColor;
-    const t9 = error ? void 0 : textColor;
-    let t10;
-    if ($[8] !== style || $[9] !== t8 || $[10] !== t9) {
-      t10 = {
-        backgroundColor: t8,
-        color: t9,
+    const t6 = border || void 0;
+    let t7;
+    if ($[8] !== bgColor || $[9] !== style || $[10] !== t6 || $[11] !== textColor) {
+      t7 = {
+        backgroundColor: bgColor,
+        color: textColor,
+        border: t6,
         overflow: "hidden",
         ...style
       };
-      $[8] = style;
-      $[9] = t8;
-      $[10] = t9;
-      $[11] = t10;
+      $[8] = bgColor;
+      $[9] = style;
+      $[10] = t6;
+      $[11] = textColor;
+      $[12] = t7;
     } else {
-      t10 = $[11];
+      t7 = $[12];
     }
-    let t11;
-    if ($[12] !== children || $[13] !== icon || $[14] !== onClick || $[15] !== t10 || $[16] !== t7) {
-      t11 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t7, onClick, style: t10, children: [
+    let t8;
+    if ($[13] !== children || $[14] !== icon || $[15] !== onClick || $[16] !== t5 || $[17] !== t7) {
+      t8 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t5, onClick, style: t7, children: [
         children,
         icon
       ] });
-      $[12] = children;
-      $[13] = icon;
-      $[14] = onClick;
-      $[15] = t10;
-      $[16] = t7;
-      $[17] = t11;
+      $[13] = children;
+      $[14] = icon;
+      $[15] = onClick;
+      $[16] = t5;
+      $[17] = t7;
+      $[18] = t8;
     } else {
-      t11 = $[17];
+      t8 = $[18];
     }
-    return t11;
+    return t8;
+  }
+  function _temp$5(hex, alpha) {
+    if (!hex || !hex.startsWith("#")) {
+      return hex;
+    }
+    let color = hex.slice(1);
+    if (color.length === 3) {
+      color = color[0] + color[0] + color[1] + color[1] + color[2] + color[2];
+    }
+    const r = parseInt(color.slice(0, 2), 16);
+    const g = parseInt(color.slice(2, 4), 16);
+    const b = parseInt(color.slice(4, 6), 16);
+    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
   }
   const Tooltip = (t0) => {
     const $ = reactCompilerRuntime.c(30);
@@ -2043,7 +2090,7 @@
   const buttonClasses = "hover:bg-surface-accent-200 hover:bg-opacity-75 hover:bg-surface-accent-200/75 dark:hover:bg-surface-accent-800 hover:scale-[1.04] active:scale-95 transition-transform";
   const baseClasses = "inline-flex items-center justify-center p-2 text-sm font-medium focus:outline-none transition-colors ease-in-out duration-150";
   const colorClasses$1 = "text-surface-accent-500 visited:text-surface-accent-500 dark:text-surface-accent-300 dark:visited:text-surface-300";
-  const sizeClasses = {
+  const sizeClasses$1 = {
     medium: "w-10 !h-10 min-w-10 min-h-10",
     small: "w-8 !h-8 min-w-8 min-h-8",
     smallest: "w-6 !h-6 min-w-6 min-h-6",
@@ -2110,7 +2157,7 @@
     const t8 = disabled ? "opacity-50 pointer-events-none" : "cursor-pointer";
     const t9 = toggled ? "outline outline-2 outline-primary" : "";
     const t10 = shapeClasses[shape];
-    const t11 = sizeClasses[size];
+    const t11 = sizeClasses$1[size];
     let t12;
     if ($[10] !== bgClasses || $[11] !== className || $[12] !== t10 || $[13] !== t11 || $[14] !== t8 || $[15] !== t9) {
       t12 = cls(t8, t9, "text-inherit dark:text-inherit", colorClasses$1, bgClasses, baseClasses, buttonClasses, t10, t11, className);
@@ -2430,7 +2477,7 @@
           return () => clearTimeout(timeout);
         } else {
           setDisplayed(true);
-          return _temp$3;
+          return _temp$4;
         }
       };
       t7 = [open];
@@ -2577,7 +2624,7 @@
     }
     return t28;
   };
-  function _temp$3() {
+  function _temp$4() {
   }
   function DialogActions(t0) {
     const $ = reactCompilerRuntime.c(7);
@@ -3071,6 +3118,53 @@
     }
     return t16;
   }
+  const sizeClasses = {
+    small: "px-2 py-0.5 text-xs",
+    medium: "px-2.5 py-1 text-xs"
+  };
+  function FilterChip(t0) {
+    const $ = reactCompilerRuntime.c(11);
+    const {
+      children,
+      active: t1,
+      onClick,
+      icon,
+      size: t2,
+      className,
+      disabled: t3
+    } = t0;
+    const active = t1 === void 0 ? false : t1;
+    const size = t2 === void 0 ? "medium" : t2;
+    const disabled = t3 === void 0 ? false : t3;
+    const t4 = sizeClasses[size];
+    let t5;
+    if ($[0] !== active || $[1] !== className || $[2] !== disabled || $[3] !== t4) {
+      t5 = cls("inline-flex items-center gap-1 rounded-full", "font-medium whitespace-nowrap select-none shrink-0", "transition-all duration-150", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50", t4, active ? "bg-primary/12 text-primary dark:bg-primary/20 dark:text-primary shadow-[inset_0_0_0_1.5px_var(--color-primary)]" : cls("bg-surface-accent-100 text-text-secondary dark:bg-surface-accent-800 dark:text-text-secondary-dark", !disabled && "cursor-pointer hover:bg-surface-accent-200 dark:hover:bg-surface-accent-700"), disabled && "opacity-50 cursor-not-allowed", className);
+      $[0] = active;
+      $[1] = className;
+      $[2] = disabled;
+      $[3] = t4;
+      $[4] = t5;
+    } else {
+      t5 = $[4];
+    }
+    let t6;
+    if ($[5] !== children || $[6] !== disabled || $[7] !== icon || $[8] !== onClick || $[9] !== t5) {
+      t6 = /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", onClick, disabled, className: t5, children: [
+        icon,
+        children
+      ] });
+      $[5] = children;
+      $[6] = disabled;
+      $[7] = icon;
+      $[8] = onClick;
+      $[9] = t5;
+      $[10] = t6;
+    } else {
+      t6 = $[10];
+    }
+    return t6;
+  }
   const colorClasses = {
     info: "bg-sky-200 dark:bg-teal-900",
     warn: "bg-orange-200 dark:bg-yellow-950"
@@ -3224,7 +3318,7 @@
   };
   const proseWeightOverrides = ["prose-headings:font-normal", "prose-strong:font-semibold", "prose-code:font-normal", "prose-blockquote:font-normal", "prose-a:font-normal"].join(" ");
   const md = new MarkdownIt({
-    html: true
+    html: false
   });
   const Markdown = React.memo(function Markdown2(t0) {
     const $ = reactCompilerRuntime.c(10);
@@ -4173,7 +4267,7 @@
     let t12;
     let t13;
     if ($[9] !== children) {
-      t13 = children ? React.Children.map(children, _temp$2)?.filter(Boolean) ?? [] : [];
+      t13 = children ? React.Children.map(children, _temp$3)?.filter(Boolean) ?? [] : [];
       $[9] = children;
       $[10] = t13;
     } else {
@@ -4723,7 +4817,7 @@
     }
     return t7;
   });
-  function _temp$2(child) {
+  function _temp$3(child) {
     if (React__namespace.isValidElement(child)) {
       return child.props.value;
     }
@@ -5153,87 +5247,88 @@
       t10 = $[17];
     }
     const t11 = searchText ?? "";
-    const t12 = !onTextSearch;
-    let t13;
+    const t12 = inputRef;
+    const t13 = !onTextSearch;
+    let t14;
     if ($[18] !== onTextSearch) {
-      t13 = onTextSearch ? (event) => {
+      t14 = onTextSearch ? (event) => {
         setSearchText(event.target.value);
       } : void 0;
       $[18] = onTextSearch;
-      $[19] = t13;
+      $[19] = t14;
     } else {
-      t13 = $[19];
+      t14 = $[19];
     }
-    let t14;
     let t15;
+    let t16;
     if ($[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t14 = () => setActive(true);
-      t15 = () => setActive(false);
-      $[20] = t14;
-      $[21] = t15;
+      t15 = () => setActive(true);
+      t16 = () => setActive(false);
+      $[20] = t15;
+      $[21] = t16;
     } else {
-      t14 = $[20];
-      t15 = $[21];
+      t15 = $[20];
+      t16 = $[21];
     }
-    const t16 = (disabled || loading) && "pointer-events-none";
-    const t17 = size === "small" ? "text-sm" : "";
-    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 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);
+    const t17 = (disabled || loading) && "pointer-events-none";
+    const t18 = size === "small" ? "text-sm" : "";
+    const t19 = expandable ? active ? "w-[220px]" : "w-[180px]" : "";
+    let t20;
+    if ($[22] !== innerClassName || $[23] !== inputPaddingClass || $[24] !== t17 || $[25] !== t18 || $[26] !== t19) {
+      t20 = cls(t17, "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", t18, t19, innerClassName);
       $[22] = innerClassName;
       $[23] = inputPaddingClass;
-      $[24] = t16;
-      $[25] = t17;
-      $[26] = t18;
-      $[27] = t19;
+      $[24] = t17;
+      $[25] = t18;
+      $[26] = t19;
+      $[27] = t20;
     } else {
-      t19 = $[27];
+      t20 = $[27];
     }
-    let t20;
-    if ($[28] !== autoFocus || $[29] !== inputRef || $[30] !== onClick || $[31] !== placeholder || $[32] !== t11 || $[33] !== t12 || $[34] !== t13 || $[35] !== t19) {
-      t20 = /* @__PURE__ */ jsxRuntime.jsx("input", { value: t11, ref: inputRef, onClick, placeholder, "aria-label": placeholder, readOnly: t12, onChange: t13, autoFocus, onFocus: t14, onBlur: t15, className: t19 });
+    let t21;
+    if ($[28] !== autoFocus || $[29] !== onClick || $[30] !== placeholder || $[31] !== t11 || $[32] !== t12 || $[33] !== t13 || $[34] !== t14 || $[35] !== t20) {
+      t21 = /* @__PURE__ */ jsxRuntime.jsx("input", { value: t11, ref: t12, onClick, placeholder, "aria-label": placeholder, readOnly: t13, onChange: t14, autoFocus, onFocus: t15, onBlur: t16, className: t20 });
       $[28] = autoFocus;
-      $[29] = inputRef;
-      $[30] = onClick;
-      $[31] = placeholder;
-      $[32] = t11;
-      $[33] = t12;
-      $[34] = t13;
-      $[35] = t19;
-      $[36] = t20;
+      $[29] = onClick;
+      $[30] = placeholder;
+      $[31] = t11;
+      $[32] = t12;
+      $[33] = t13;
+      $[34] = t14;
+      $[35] = t20;
+      $[36] = t21;
     } else {
-      t20 = $[36];
+      t21 = $[36];
     }
-    let t21;
+    let t22;
     if ($[37] !== clearText || $[38] !== searchText || $[39] !== size) {
-      t21 = searchText ? /* @__PURE__ */ jsxRuntime.jsx(IconButton, { className: `${size === "small" ? "mr-0 top-0" : "mr-1 top-0"} absolute right-0 z-10`, size: "small", "aria-label": "Clear search", onClick: clearText, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { size: iconSize.smallest }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+      t22 = searchText ? /* @__PURE__ */ jsxRuntime.jsx(IconButton, { className: `${size === "small" ? "mr-0 top-0" : "mr-1 top-0"} absolute right-0 z-10`, size: "small", "aria-label": "Clear search", onClick: clearText, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { size: iconSize.smallest }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
         width: 26
       } });
       $[37] = clearText;
       $[38] = searchText;
       $[39] = size;
-      $[40] = t21;
+      $[40] = t22;
     } else {
-      t21 = $[40];
+      t22 = $[40];
     }
-    let t22;
-    if ($[41] !== onClick || $[42] !== t10 || $[43] !== t20 || $[44] !== t21 || $[45] !== t7) {
-      t22 = /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "search", "aria-label": "Search", onClick, className: t7, children: [
+    let t23;
+    if ($[41] !== onClick || $[42] !== t10 || $[43] !== t21 || $[44] !== t22 || $[45] !== t7) {
+      t23 = /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "search", "aria-label": "Search", onClick, className: t7, children: [
         t10,
-        t20,
-        t21
+        t21,
+        t22
       ] });
       $[41] = onClick;
       $[42] = t10;
-      $[43] = t20;
-      $[44] = t21;
+      $[43] = t21;
+      $[44] = t22;
       $[45] = t7;
-      $[46] = t22;
+      $[46] = t23;
     } else {
-      t22 = $[46];
+      t23 = $[46];
     }
-    return t22;
+    return t23;
   }
   const Select = React.forwardRef((t0, ref) => {
     const $ = reactCompilerRuntime.c(123);
@@ -5544,7 +5639,7 @@
     }
     let t29;
     if ($[71] !== placeholder || $[72] !== t28) {
-      t29 = /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Value, { onClick: _temp$1, placeholder, className: "w-full", children: t28 });
+      t29 = /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Value, { onClick: _temp$2, placeholder, className: "w-full", children: t28 });
       $[71] = placeholder;
       $[72] = t28;
       $[73] = t29;
@@ -5788,7 +5883,7 @@
     }
     return t3;
   });
-  function _temp$1(e) {
+  function _temp$2(e) {
     e.preventDefault();
     e.stopPropagation();
   }
@@ -6127,7 +6222,7 @@
       }
       T0 = DialogPrimitive__namespace.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-[transform,opacity] ease-in-out", !displayed ? "duration-150" : "duration-100", "outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-0 focus:ring-0", transparent ? "" : "shadow-md bg-white dark:bg-surface-900", 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);
@@ -6230,7 +6325,7 @@
     }
     return t21;
   };
-  function _temp(event) {
+  function _temp$1(event) {
     return event.preventDefault();
   }
   function getStyleValue(value) {
@@ -6453,72 +6548,278 @@
       ref.current = value;
     }
   }
-  const TextField = React.forwardRef(({
-    value,
-    onChange,
-    label,
-    type = "text",
-    multiline = false,
-    invisible,
-    maxRows,
-    minRows,
-    disabled,
-    error,
-    endAdornment,
-    autoFocus,
-    placeholder,
-    size = "large",
-    className,
-    style,
-    inputClassName,
-    inputStyle,
-    inputRef: inputRefProp,
-    ...inputProps
-  }, ref) => {
-    const inputRef = inputRefProp ?? React.useRef(null);
+  const TextField = React.forwardRef((t0, ref) => {
+    const $ = reactCompilerRuntime.c(77);
+    let autoFocus;
+    let className;
+    let disabled;
+    let endAdornment;
+    let error;
+    let inputClassName;
+    let inputProps;
+    let inputRefProp;
+    let inputStyle;
+    let invisible;
+    let label;
+    let minRows;
+    let onChange;
+    let placeholder;
+    let style;
+    let t1;
+    let t2;
+    let t3;
+    let value;
+    if ($[0] !== t0) {
+      const {
+        value: t42,
+        onChange: t52,
+        label: t62,
+        type: t72,
+        multiline: t82,
+        invisible: t92,
+        maxRows,
+        minRows: t102,
+        disabled: t112,
+        error: t122,
+        endAdornment: t132,
+        autoFocus: t142,
+        placeholder: t152,
+        size: t162,
+        className: t172,
+        style: t182,
+        inputClassName: t192,
+        inputStyle: t20,
+        inputRef: t21,
+        ...t22
+      } = t0;
+      value = t42;
+      onChange = t52;
+      label = t62;
+      t1 = t72;
+      t2 = t82;
+      invisible = t92;
+      minRows = t102;
+      disabled = t112;
+      error = t122;
+      endAdornment = t132;
+      autoFocus = t142;
+      placeholder = t152;
+      t3 = t162;
+      className = t172;
+      style = t182;
+      inputClassName = t192;
+      inputStyle = t20;
+      inputRefProp = t21;
+      inputProps = t22;
+      $[0] = t0;
+      $[1] = autoFocus;
+      $[2] = className;
+      $[3] = disabled;
+      $[4] = endAdornment;
+      $[5] = error;
+      $[6] = inputClassName;
+      $[7] = inputProps;
+      $[8] = inputRefProp;
+      $[9] = inputStyle;
+      $[10] = invisible;
+      $[11] = label;
+      $[12] = minRows;
+      $[13] = onChange;
+      $[14] = placeholder;
+      $[15] = style;
+      $[16] = t1;
+      $[17] = t2;
+      $[18] = t3;
+      $[19] = value;
+    } else {
+      autoFocus = $[1];
+      className = $[2];
+      disabled = $[3];
+      endAdornment = $[4];
+      error = $[5];
+      inputClassName = $[6];
+      inputProps = $[7];
+      inputRefProp = $[8];
+      inputStyle = $[9];
+      invisible = $[10];
+      label = $[11];
+      minRows = $[12];
+      onChange = $[13];
+      placeholder = $[14];
+      style = $[15];
+      t1 = $[16];
+      t2 = $[17];
+      t3 = $[18];
+      value = $[19];
+    }
+    const type = t1 === void 0 ? "text" : t1;
+    const multiline = t2 === void 0 ? false : t2;
+    const size = t3 === void 0 ? "large" : t3;
+    const fallbackRef = React.useRef(null);
+    const inputRef = inputRefProp ?? fallbackRef;
     const autoId = React.useId();
     const inputId = inputProps.id ?? autoId;
     const labelId = `${inputId}-label`;
     const [focused, setFocused] = React.useState(false);
     const hasValue = value !== void 0 && value !== null && value !== "";
-    React.useEffect(() => {
-      if (inputRef.current && document.activeElement === inputRef.current) {
-        setFocused(true);
-      }
-    }, []);
-    React.useEffect(() => {
-      if (type !== "number") return;
-      const handleWheel = (event) => {
-        if (event.target instanceof HTMLElement) event.target.blur();
+    let t4;
+    if ($[20] !== inputRef.current) {
+      t4 = () => {
+        if (inputRef.current && document.activeElement === inputRef.current) {
+          setFocused(true);
+        }
       };
-      const element = "current" in inputRef ? inputRef.current : inputRef;
-      element?.addEventListener("wheel", handleWheel);
-      return () => {
-        element?.removeEventListener("wheel", handleWheel);
+      $[20] = inputRef.current;
+      $[21] = t4;
+    } else {
+      t4 = $[21];
+    }
+    let t5;
+    if ($[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t5 = [];
+      $[22] = t5;
+    } else {
+      t5 = $[22];
+    }
+    React.useEffect(t4, t5);
+    let t6;
+    let t7;
+    if ($[23] !== inputRef || $[24] !== type) {
+      t6 = () => {
+        if (type !== "number") {
+          return;
+        }
+        const handleWheel = _temp;
+        const element = "current" in inputRef ? inputRef.current : inputRef;
+        element?.addEventListener("wheel", handleWheel);
+        return () => {
+          element?.removeEventListener("wheel", handleWheel);
+        };
       };
-    }, [inputRef, type]);
-    const input = multiline ? /* @__PURE__ */ jsxRuntime.jsx("textarea", { ...inputProps, ref: inputRef, id: inputId, "aria-labelledby": label ? labelId : void 0, "aria-invalid": error || void 0, "aria-disabled": disabled || void 0, placeholder: focused || hasValue || !label ? placeholder : void 0, autoFocus, rows: typeof minRows === "string" ? parseInt(minRows) : minRows ?? 3, value: value ?? "", onChange, onFocus: () => setFocused(true), onBlur: () => setFocused(false), style: inputStyle, className: cls(invisible ? focusedInvisibleMixin : "", "rounded-md resize-none w-full outline-none text-base bg-transparent min-h-[64px] px-3", label ? "pt-8 pb-2" : "py-2", disabled && "outline-none opacity-50 text-surface-accent-600 dark:text-surface-accent-500", inputClassName) }) : /* @__PURE__ */ jsxRuntime.jsx("input", { ...inputProps, ref: inputRef, id: inputId, "aria-labelledby": label ? labelId : void 0, "aria-invalid": error || void 0, "aria-disabled": disabled || void 0, disabled, style: inputStyle, className: cls("w-full outline-none bg-transparent leading-normal px-3", "rounded-md", "focused:text-text-primary focused:dark:text-text-primary-dark", invisible ? focusedInvisibleMixin : "", disabled ? fieldBackgroundDisabledMixin : fieldBackgroundHoverMixin, {
-      "min-h-[28px]": size === "smallest",
-      "min-h-[32px]": size === "small",
-      "min-h-[44px]": size === "medium",
-      "min-h-[64px]": size === "large"
-    }, label ? size === "large" ? "pt-8 pb-2" : "pt-4 pb-2" : size === "smallest" ? "py-0.5" : size === "small" ? "py-1" : "py-2", endAdornment ? "pr-12" : "pr-3", disabled && "outline-none opacity-65 dark:opacity-60 text-surface-accent-800 dark:text-white", inputClassName), placeholder: focused || hasValue || !label ? placeholder : void 0, autoFocus, onFocus: () => setFocused(true), onBlur: () => setFocused(false), type, value: type === "number" && Number.isNaN(value) ? "" : value ?? "", onChange });
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cls("rounded-md relative max-w-full", invisible ? fieldBackgroundInvisibleMixin : fieldBackgroundMixin, disabled ? fieldBackgroundDisabledMixin : fieldBackgroundHoverMixin, error ? "border border-red-500 dark:border-red-600" : "", {
-      "min-h-[28px]": size === "smallest",
-      "min-h-[32px]": size === "small",
-      "min-h-[44px]": size === "medium",
-      "min-h-[64px]": size === "large"
-    }, className), style, children: [
-      label && /* @__PURE__ */ jsxRuntime.jsx(InputLabel, { id: labelId, htmlFor: inputId, className: cls("pointer-events-none absolute", size === "large" ? "top-1" : "top-[-1px]", !error ? focused ? "text-primary dark:text-primary" : "text-text-secondary dark:text-text-secondary-dark" : "text-red-500 dark:text-red-600", disabled ? "opacity-50" : ""), shrink: hasValue || focused, children: label }),
-      input,
-      endAdornment && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls("flex flex-row justify-center items-center absolute h-full right-0 top-0", {
+      t7 = [inputRef, type];
+      $[23] = inputRef;
+      $[24] = type;
+      $[25] = t6;
+      $[26] = t7;
+    } else {
+      t6 = $[25];
+      t7 = $[26];
+    }
+    React.useEffect(t6, t7);
+    let t8;
+    if ($[27] !== autoFocus || $[28] !== disabled || $[29] !== endAdornment || $[30] !== error || $[31] !== focused || $[32] !== hasValue || $[33] !== inputClassName || $[34] !== inputId || $[35] !== inputProps || $[36] !== inputRef || $[37] !== inputStyle || $[38] !== invisible || $[39] !== label || $[40] !== labelId || $[41] !== minRows || $[42] !== multiline || $[43] !== onChange || $[44] !== placeholder || $[45] !== size || $[46] !== type || $[47] !== value) {
+      t8 = multiline ? /* @__PURE__ */ jsxRuntime.jsx("textarea", { ...inputProps, ref: inputRef, id: inputId, "aria-labelledby": label ? labelId : void 0, "aria-invalid": error || void 0, "aria-disabled": disabled || void 0, placeholder: focused || hasValue || !label ? placeholder : void 0, autoFocus, rows: typeof minRows === "string" ? parseInt(minRows) : minRows ?? 3, value: value ?? "", onChange, onFocus: () => setFocused(true), onBlur: () => setFocused(false), style: inputStyle, className: cls(invisible ? focusedInvisibleMixin : "", "rounded-md resize-none w-full outline-none text-base bg-transparent min-h-[64px] px-3", label ? "pt-8 pb-2" : "py-2", disabled && "outline-none opacity-50 text-surface-accent-600 dark:text-surface-accent-500", inputClassName) }) : /* @__PURE__ */ jsxRuntime.jsx("input", { ...inputProps, ref: inputRef, id: inputId, "aria-labelledby": label ? labelId : void 0, "aria-invalid": error || void 0, "aria-disabled": disabled || void 0, disabled, style: inputStyle, className: cls("w-full outline-none bg-transparent leading-normal px-3", "rounded-md", "focused:text-text-primary focused:dark:text-text-primary-dark", invisible ? focusedInvisibleMixin : "", disabled ? fieldBackgroundDisabledMixin : fieldBackgroundHoverMixin, {
+        "min-h-[28px]": size === "smallest",
+        "min-h-[32px]": size === "small",
+        "min-h-[44px]": size === "medium",
+        "min-h-[64px]": size === "large"
+      }, label ? size === "large" ? "pt-8 pb-2" : "pt-4 pb-2" : size === "smallest" ? "py-0.5" : size === "small" ? "py-1" : "py-2", endAdornment ? "pr-12" : "pr-3", disabled && "outline-none opacity-65 dark:opacity-60 text-surface-accent-800 dark:text-white", inputClassName), placeholder: focused || hasValue || !label ? placeholder : void 0, autoFocus, onFocus: () => setFocused(true), onBlur: () => setFocused(false), type, value: type === "number" && Number.isNaN(value) ? "" : value ?? "", onChange });
+      $[27] = autoFocus;
+      $[28] = disabled;
+      $[29] = endAdornment;
+      $[30] = error;
+      $[31] = focused;
+      $[32] = hasValue;
+      $[33] = inputClassName;
+      $[34] = inputId;
+      $[35] = inputProps;
+      $[36] = inputRef;
+      $[37] = inputStyle;
+      $[38] = invisible;
+      $[39] = label;
+      $[40] = labelId;
+      $[41] = minRows;
+      $[42] = multiline;
+      $[43] = onChange;
+      $[44] = placeholder;
+      $[45] = size;
+      $[46] = type;
+      $[47] = value;
+      $[48] = t8;
+    } else {
+      t8 = $[48];
+    }
+    const input = t8;
+    const t9 = invisible ? fieldBackgroundInvisibleMixin : fieldBackgroundMixin;
+    const t10 = disabled ? fieldBackgroundDisabledMixin : fieldBackgroundHoverMixin;
+    const t11 = error ? "border border-red-500 dark:border-red-600" : "";
+    const t12 = size === "smallest";
+    const t13 = size === "small";
+    const t14 = size === "medium";
+    const t15 = size === "large";
+    let t16;
+    if ($[49] !== className || $[50] !== t10 || $[51] !== t11 || $[52] !== t12 || $[53] !== t13 || $[54] !== t14 || $[55] !== t15 || $[56] !== t9) {
+      t16 = cls("rounded-md relative max-w-full", t9, t10, t11, {
+        "min-h-[28px]": t12,
+        "min-h-[32px]": t13,
+        "min-h-[44px]": t14,
+        "min-h-[64px]": t15
+      }, className);
+      $[49] = className;
+      $[50] = t10;
+      $[51] = t11;
+      $[52] = t12;
+      $[53] = t13;
+      $[54] = t14;
+      $[55] = t15;
+      $[56] = t9;
+      $[57] = t16;
+    } else {
+      t16 = $[57];
+    }
+    let t17;
+    if ($[58] !== disabled || $[59] !== error || $[60] !== focused || $[61] !== hasValue || $[62] !== inputId || $[63] !== label || $[64] !== labelId || $[65] !== size) {
+      t17 = label && /* @__PURE__ */ jsxRuntime.jsx(InputLabel, { id: labelId, htmlFor: inputId, className: cls("pointer-events-none absolute", size === "large" ? "top-1" : "top-[-1px]", !error ? focused ? "text-primary dark:text-primary" : "text-text-secondary dark:text-text-secondary-dark" : "text-red-500 dark:text-red-600", disabled ? "opacity-50" : ""), shrink: hasValue || focused, children: label });
+      $[58] = disabled;
+      $[59] = error;
+      $[60] = focused;
+      $[61] = hasValue;
+      $[62] = inputId;
+      $[63] = label;
+      $[64] = labelId;
+      $[65] = size;
+      $[66] = t17;
+    } else {
+      t17 = $[66];
+    }
+    let t18;
+    if ($[67] !== endAdornment || $[68] !== size) {
+      t18 = endAdornment && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls("flex flex-row justify-center items-center absolute h-full right-0 top-0", {
         "mr-4": size === "large",
         "mr-3": size === "medium",
         "mr-2": size === "small" || size === "smallest"
-      }), children: endAdornment })
-    ] });
+      }), children: endAdornment });
+      $[67] = endAdornment;
+      $[68] = size;
+      $[69] = t18;
+    } else {
+      t18 = $[69];
+    }
+    let t19;
+    if ($[70] !== input || $[71] !== ref || $[72] !== style || $[73] !== t16 || $[74] !== t17 || $[75] !== t18) {
+      t19 = /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: t16, style, children: [
+        t17,
+        input,
+        t18
+      ] });
+      $[70] = input;
+      $[71] = ref;
+      $[72] = style;
+      $[73] = t16;
+      $[74] = t17;
+      $[75] = t18;
+      $[76] = t19;
+    } else {
+      t19 = $[76];
+    }
+    return t19;
   });
   TextField.displayName = "TextField";
+  function _temp(event) {
+    if (event.target instanceof HTMLElement) {
+      event.target.blur();
+    }
+  }
   const TabsContext = React.createContext({
     variant: "standard"
   });
@@ -8598,6 +8899,472 @@
     }
     return t0;
   }
+  Object.defineProperty(exports2, "AlertCircleIcon", {
+    enumerable: true,
+    get: () => lucideReact.AlertCircleIcon
+  });
+  Object.defineProperty(exports2, "AlertTriangleIcon", {
+    enumerable: true,
+    get: () => lucideReact.AlertTriangleIcon
+  });
+  Object.defineProperty(exports2, "AlignLeftIcon", {
+    enumerable: true,
+    get: () => lucideReact.AlignLeftIcon
+  });
+  Object.defineProperty(exports2, "AppWindow", {
+    enumerable: true,
+    get: () => lucideReact.AppWindow
+  });
+  Object.defineProperty(exports2, "ArrowDownToLineIcon", {
+    enumerable: true,
+    get: () => lucideReact.ArrowDownToLineIcon
+  });
+  Object.defineProperty(exports2, "ArrowLeftIcon", {
+    enumerable: true,
+    get: () => lucideReact.ArrowLeftIcon
+  });
+  Object.defineProperty(exports2, "ArrowRightFromLineIcon", {
+    enumerable: true,
+    get: () => lucideReact.ArrowRightFromLineIcon
+  });
+  Object.defineProperty(exports2, "ArrowRightIcon", {
+    enumerable: true,
+    get: () => lucideReact.ArrowRightIcon
+  });
+  Object.defineProperty(exports2, "ArrowRightToLineIcon", {
+    enumerable: true,
+    get: () => lucideReact.ArrowRightToLineIcon
+  });
+  Object.defineProperty(exports2, "ArrowUpToLineIcon", {
+    enumerable: true,
+    get: () => lucideReact.ArrowUpToLineIcon
+  });
+  Object.defineProperty(exports2, "BoldIcon", {
+    enumerable: true,
+    get: () => lucideReact.BoldIcon
+  });
+  Object.defineProperty(exports2, "BookOpenIcon", {
+    enumerable: true,
+    get: () => lucideReact.BookOpenIcon
+  });
+  Object.defineProperty(exports2, "CalendarIcon", {
+    enumerable: true,
+    get: () => lucideReact.CalendarIcon
+  });
+  Object.defineProperty(exports2, "CheckCircleIcon", {
+    enumerable: true,
+    get: () => lucideReact.CheckCircleIcon
+  });
+  Object.defineProperty(exports2, "CheckIcon", {
+    enumerable: true,
+    get: () => lucideReact.CheckIcon
+  });
+  Object.defineProperty(exports2, "CheckSquareIcon", {
+    enumerable: true,
+    get: () => lucideReact.CheckSquareIcon
+  });
+  Object.defineProperty(exports2, "ChevronDownIcon", {
+    enumerable: true,
+    get: () => lucideReact.ChevronDownIcon
+  });
+  Object.defineProperty(exports2, "ChevronLeftIcon", {
+    enumerable: true,
+    get: () => lucideReact.ChevronLeftIcon
+  });
+  Object.defineProperty(exports2, "ChevronRightIcon", {
+    enumerable: true,
+    get: () => lucideReact.ChevronRightIcon
+  });
+  Object.defineProperty(exports2, "ChevronUpIcon", {
+    enumerable: true,
+    get: () => lucideReact.ChevronUpIcon
+  });
+  Object.defineProperty(exports2, "ChevronsLeftIcon", {
+    enumerable: true,
+    get: () => lucideReact.ChevronsLeftIcon
+  });
+  Object.defineProperty(exports2, "ChevronsRightIcon", {
+    enumerable: true,
+    get: () => lucideReact.ChevronsRightIcon
+  });
+  Object.defineProperty(exports2, "ChevronsUpDownIcon", {
+    enumerable: true,
+    get: () => lucideReact.ChevronsUpDownIcon
+  });
+  Object.defineProperty(exports2, "CircleIcon", {
+    enumerable: true,
+    get: () => lucideReact.CircleIcon
+  });
+  Object.defineProperty(exports2, "CircleUserIcon", {
+    enumerable: true,
+    get: () => lucideReact.CircleUserIcon
+  });
+  Object.defineProperty(exports2, "CodeIcon", {
+    enumerable: true,
+    get: () => lucideReact.CodeIcon
+  });
+  Object.defineProperty(exports2, "ColumnsIcon", {
+    enumerable: true,
+    get: () => lucideReact.ColumnsIcon
+  });
+  Object.defineProperty(exports2, "CopyIcon", {
+    enumerable: true,
+    get: () => lucideReact.CopyIcon
+  });
+  Object.defineProperty(exports2, "DatabaseIcon", {
+    enumerable: true,
+    get: () => lucideReact.DatabaseIcon
+  });
+  Object.defineProperty(exports2, "DownloadIcon", {
+    enumerable: true,
+    get: () => lucideReact.DownloadIcon
+  });
+  Object.defineProperty(exports2, "ExternalLinkIcon", {
+    enumerable: true,
+    get: () => lucideReact.ExternalLinkIcon
+  });
+  Object.defineProperty(exports2, "EyeIcon", {
+    enumerable: true,
+    get: () => lucideReact.EyeIcon
+  });
+  Object.defineProperty(exports2, "EyeOffIcon", {
+    enumerable: true,
+    get: () => lucideReact.EyeOffIcon
+  });
+  Object.defineProperty(exports2, "FileIcon", {
+    enumerable: true,
+    get: () => lucideReact.FileIcon
+  });
+  Object.defineProperty(exports2, "FileSearchIcon", {
+    enumerable: true,
+    get: () => lucideReact.FileSearchIcon
+  });
+  Object.defineProperty(exports2, "FileTextIcon", {
+    enumerable: true,
+    get: () => lucideReact.FileTextIcon
+  });
+  Object.defineProperty(exports2, "FilterIcon", {
+    enumerable: true,
+    get: () => lucideReact.FilterIcon
+  });
+  Object.defineProperty(exports2, "FilterXIcon", {
+    enumerable: true,
+    get: () => lucideReact.FilterXIcon
+  });
+  Object.defineProperty(exports2, "FlagIcon", {
+    enumerable: true,
+    get: () => lucideReact.FlagIcon
+  });
+  Object.defineProperty(exports2, "FolderIcon", {
+    enumerable: true,
+    get: () => lucideReact.FolderIcon
+  });
+  Object.defineProperty(exports2, "FolderPlusIcon", {
+    enumerable: true,
+    get: () => lucideReact.FolderPlusIcon
+  });
+  Object.defineProperty(exports2, "FolderUpIcon", {
+    enumerable: true,
+    get: () => lucideReact.FolderUpIcon
+  });
+  Object.defineProperty(exports2, "FunctionSquareIcon", {
+    enumerable: true,
+    get: () => lucideReact.FunctionSquareIcon
+  });
+  Object.defineProperty(exports2, "GitBranchIcon", {
+    enumerable: true,
+    get: () => lucideReact.GitBranchIcon
+  });
+  Object.defineProperty(exports2, "GlobeIcon", {
+    enumerable: true,
+    get: () => lucideReact.GlobeIcon
+  });
+  Object.defineProperty(exports2, "HashIcon", {
+    enumerable: true,
+    get: () => lucideReact.HashIcon
+  });
+  Object.defineProperty(exports2, "Heading1Icon", {
+    enumerable: true,
+    get: () => lucideReact.Heading1Icon
+  });
+  Object.defineProperty(exports2, "Heading2Icon", {
+    enumerable: true,
+    get: () => lucideReact.Heading2Icon
+  });
+  Object.defineProperty(exports2, "Heading3Icon", {
+    enumerable: true,
+    get: () => lucideReact.Heading3Icon
+  });
+  Object.defineProperty(exports2, "HelpCircleIcon", {
+    enumerable: true,
+    get: () => lucideReact.HelpCircleIcon
+  });
+  Object.defineProperty(exports2, "HistoryIcon", {
+    enumerable: true,
+    get: () => lucideReact.HistoryIcon
+  });
+  Object.defineProperty(exports2, "HomeIcon", {
+    enumerable: true,
+    get: () => lucideReact.HomeIcon
+  });
+  Object.defineProperty(exports2, "ImageIcon", {
+    enumerable: true,
+    get: () => lucideReact.ImageIcon
+  });
+  Object.defineProperty(exports2, "ImageOffIcon", {
+    enumerable: true,
+    get: () => lucideReact.ImageOffIcon
+  });
+  Object.defineProperty(exports2, "InfoIcon", {
+    enumerable: true,
+    get: () => lucideReact.InfoIcon
+  });
+  Object.defineProperty(exports2, "ItalicIcon", {
+    enumerable: true,
+    get: () => lucideReact.ItalicIcon
+  });
+  Object.defineProperty(exports2, "KanbanIcon", {
+    enumerable: true,
+    get: () => lucideReact.KanbanIcon
+  });
+  Object.defineProperty(exports2, "KeyIcon", {
+    enumerable: true,
+    get: () => lucideReact.KeyIcon
+  });
+  Object.defineProperty(exports2, "KeyRoundIcon", {
+    enumerable: true,
+    get: () => lucideReact.KeyRoundIcon
+  });
+  Object.defineProperty(exports2, "LanguagesIcon", {
+    enumerable: true,
+    get: () => lucideReact.LanguagesIcon
+  });
+  Object.defineProperty(exports2, "LayoutGridIcon", {
+    enumerable: true,
+    get: () => lucideReact.LayoutGridIcon
+  });
+  Object.defineProperty(exports2, "LinkIcon", {
+    enumerable: true,
+    get: () => lucideReact.LinkIcon
+  });
+  Object.defineProperty(exports2, "ListIcon", {
+    enumerable: true,
+    get: () => lucideReact.ListIcon
+  });
+  Object.defineProperty(exports2, "ListOrderedIcon", {
+    enumerable: true,
+    get: () => lucideReact.ListOrderedIcon
+  });
+  Object.defineProperty(exports2, "LoaderIcon", {
+    enumerable: true,
+    get: () => lucideReact.LoaderIcon
+  });
+  Object.defineProperty(exports2, "LogOutIcon", {
+    enumerable: true,
+    get: () => lucideReact.LogOutIcon
+  });
+  Object.defineProperty(exports2, "MailIcon", {
+    enumerable: true,
+    get: () => lucideReact.MailIcon
+  });
+  Object.defineProperty(exports2, "Maximize2Icon", {
+    enumerable: true,
+    get: () => lucideReact.Maximize2Icon
+  });
+  Object.defineProperty(exports2, "MenuIcon", {
+    enumerable: true,
+    get: () => lucideReact.MenuIcon
+  });
+  Object.defineProperty(exports2, "MinusCircleIcon", {
+    enumerable: true,
+    get: () => lucideReact.MinusCircleIcon
+  });
+  Object.defineProperty(exports2, "MinusIcon", {
+    enumerable: true,
+    get: () => lucideReact.MinusIcon
+  });
+  Object.defineProperty(exports2, "MoonIcon", {
+    enumerable: true,
+    get: () => lucideReact.MoonIcon
+  });
+  Object.defineProperty(exports2, "MoreVerticalIcon", {
+    enumerable: true,
+    get: () => lucideReact.MoreVerticalIcon
+  });
+  Object.defineProperty(exports2, "Music2Icon", {
+    enumerable: true,
+    get: () => lucideReact.Music2Icon
+  });
+  Object.defineProperty(exports2, "PanelLeftIcon", {
+    enumerable: true,
+    get: () => lucideReact.PanelLeftIcon
+  });
+  Object.defineProperty(exports2, "PauseIcon", {
+    enumerable: true,
+    get: () => lucideReact.PauseIcon
+  });
+  Object.defineProperty(exports2, "PencilIcon", {
+    enumerable: true,
+    get: () => lucideReact.PencilIcon
+  });
+  Object.defineProperty(exports2, "PhoneIcon", {
+    enumerable: true,
+    get: () => lucideReact.PhoneIcon
+  });
+  Object.defineProperty(exports2, "PlayIcon", {
+    enumerable: true,
+    get: () => lucideReact.PlayIcon
+  });
+  Object.defineProperty(exports2, "PlusIcon", {
+    enumerable: true,
+    get: () => lucideReact.PlusIcon
+  });
+  Object.defineProperty(exports2, "QuoteIcon", {
+    enumerable: true,
+    get: () => lucideReact.QuoteIcon
+  });
+  Object.defineProperty(exports2, "RefreshCcwIcon", {
+    enumerable: true,
+    get: () => lucideReact.RefreshCcwIcon
+  });
+  Object.defineProperty(exports2, "RefreshCwIcon", {
+    enumerable: true,
+    get: () => lucideReact.RefreshCwIcon
+  });
+  Object.defineProperty(exports2, "RepeatIcon", {
+    enumerable: true,
+    get: () => lucideReact.RepeatIcon
+  });
+  Object.defineProperty(exports2, "Rows3Icon", {
+    enumerable: true,
+    get: () => lucideReact.Rows3Icon
+  });
+  Object.defineProperty(exports2, "SaveIcon", {
+    enumerable: true,
+    get: () => lucideReact.SaveIcon
+  });
+  Object.defineProperty(exports2, "SearchIcon", {
+    enumerable: true,
+    get: () => lucideReact.SearchIcon
+  });
+  Object.defineProperty(exports2, "SendIcon", {
+    enumerable: true,
+    get: () => lucideReact.SendIcon
+  });
+  Object.defineProperty(exports2, "SettingsIcon", {
+    enumerable: true,
+    get: () => lucideReact.SettingsIcon
+  });
+  Object.defineProperty(exports2, "ShieldIcon", {
+    enumerable: true,
+    get: () => lucideReact.ShieldIcon
+  });
+  Object.defineProperty(exports2, "ShoppingCartIcon", {
+    enumerable: true,
+    get: () => lucideReact.ShoppingCartIcon
+  });
+  Object.defineProperty(exports2, "SlidersHorizontalIcon", {
+    enumerable: true,
+    get: () => lucideReact.SlidersHorizontalIcon
+  });
+  Object.defineProperty(exports2, "SquareIcon", {
+    enumerable: true,
+    get: () => lucideReact.SquareIcon
+  });
+  Object.defineProperty(exports2, "StarIcon", {
+    enumerable: true,
+    get: () => lucideReact.StarIcon
+  });
+  Object.defineProperty(exports2, "StrikethroughIcon", {
+    enumerable: true,
+    get: () => lucideReact.StrikethroughIcon
+  });
+  Object.defineProperty(exports2, "SunIcon", {
+    enumerable: true,
+    get: () => lucideReact.SunIcon
+  });
+  Object.defineProperty(exports2, "SunMoonIcon", {
+    enumerable: true,
+    get: () => lucideReact.SunMoonIcon
+  });
+  Object.defineProperty(exports2, "TableIcon", {
+    enumerable: true,
+    get: () => lucideReact.TableIcon
+  });
+  Object.defineProperty(exports2, "TagIcon", {
+    enumerable: true,
+    get: () => lucideReact.TagIcon
+  });
+  Object.defineProperty(exports2, "TerminalIcon", {
+    enumerable: true,
+    get: () => lucideReact.TerminalIcon
+  });
+  Object.defineProperty(exports2, "TextIcon", {
+    enumerable: true,
+    get: () => lucideReact.TextIcon
+  });
+  Object.defineProperty(exports2, "Trash2Icon", {
+    enumerable: true,
+    get: () => lucideReact.Trash2Icon
+  });
+  Object.defineProperty(exports2, "TypeIcon", {
+    enumerable: true,
+    get: () => lucideReact.TypeIcon
+  });
+  Object.defineProperty(exports2, "UnderlineIcon", {
+    enumerable: true,
+    get: () => lucideReact.UnderlineIcon
+  });
+  Object.defineProperty(exports2, "UndoIcon", {
+    enumerable: true,
+    get: () => lucideReact.UndoIcon
+  });
+  Object.defineProperty(exports2, "UploadCloudIcon", {
+    enumerable: true,
+    get: () => lucideReact.UploadCloudIcon
+  });
+  Object.defineProperty(exports2, "UploadIcon", {
+    enumerable: true,
+    get: () => lucideReact.UploadIcon
+  });
+  Object.defineProperty(exports2, "UserCheckIcon", {
+    enumerable: true,
+    get: () => lucideReact.UserCheckIcon
+  });
+  Object.defineProperty(exports2, "UserIcon", {
+    enumerable: true,
+    get: () => lucideReact.UserIcon
+  });
+  Object.defineProperty(exports2, "VideoIcon", {
+    enumerable: true,
+    get: () => lucideReact.VideoIcon
+  });
+  Object.defineProperty(exports2, "VoteIcon", {
+    enumerable: true,
+    get: () => lucideReact.VoteIcon
+  });
+  Object.defineProperty(exports2, "Wand2Icon", {
+    enumerable: true,
+    get: () => lucideReact.Wand2Icon
+  });
+  Object.defineProperty(exports2, "XCircleIcon", {
+    enumerable: true,
+    get: () => lucideReact.XCircleIcon
+  });
+  Object.defineProperty(exports2, "XIcon", {
+    enumerable: true,
+    get: () => lucideReact.XIcon
+  });
+  Object.defineProperty(exports2, "lucideIcons", {
+    enumerable: true,
+    get: () => lucideReact.icons
+  });
+  exports2.PopoverPrimitive = PopoverPrimitive__namespace;
+  exports2.Portal = reactPortal__namespace;
+  Object.defineProperty(exports2, "Slot", {
+    enumerable: true,
+    get: () => reactSlot.Slot
+  });
   exports2.Alert = Alert;
   exports2.Autocomplete = Autocomplete;
   exports2.AutocompleteItem = AutocompleteItem;
@@ -8625,6 +9392,7 @@
   exports2.ErrorBoundary = ErrorBoundary;
   exports2.ExpandablePanel = ExpandablePanel;
   exports2.FileUpload = FileUpload;
+  exports2.FilterChip = FilterChip;
   exports2.GitHubIcon = GitHubIcon;
   exports2.HandleIcon = HandleIcon;
   exports2.IconButton = IconButton;