@rebasepro/ui 0.1.2 → 0.2.1

package/dist/index.es.js

@@ -7,6 +7,7 @@ import * as React from "react";
 import React__default, { createContext, useContext, useEffect, useRef, useState, Children, forwardRef, useLayoutEffect, useId, useDeferredValue, useMemo, createRef, useCallback } from "react";
 import * as Collapsible from "@radix-ui/react-collapsible";
 import { AlertCircleIcon, MinusIcon, CheckIcon, CalendarIcon, XIcon, ChevronDownIcon, ChevronRightIcon, SearchIcon, ChevronLeftIcon, ArrowUpIcon, FilterIcon } from "lucide-react";
+import { AlertCircleIcon as AlertCircleIcon2, AlertTriangleIcon, AlignLeftIcon, AppWindow, ArrowDownToLineIcon, ArrowLeftIcon, ArrowRightFromLineIcon, ArrowRightIcon, ArrowRightToLineIcon, ArrowUpToLineIcon, BoldIcon, BookOpenIcon, CalendarIcon as CalendarIcon2, CheckCircleIcon, CheckIcon as CheckIcon2, CheckSquareIcon, ChevronDownIcon as ChevronDownIcon2, ChevronLeftIcon as ChevronLeftIcon2, ChevronRightIcon as ChevronRightIcon2, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpDownIcon, CircleIcon, CircleUserIcon, CodeIcon, ColumnsIcon, CopyIcon, DatabaseIcon, DownloadIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileIcon, FileSearchIcon, FileTextIcon, FilterIcon as FilterIcon2, FilterXIcon, FlagIcon, FolderIcon, FolderPlusIcon, FolderUpIcon, FunctionSquareIcon, GitBranchIcon, GlobeIcon, HashIcon, Heading1Icon, Heading2Icon, Heading3Icon, HelpCircleIcon, HistoryIcon, HomeIcon, ImageIcon, ImageOffIcon, InfoIcon, ItalicIcon, KanbanIcon, KeyIcon, KeyRoundIcon, LanguagesIcon, LayoutGridIcon, LinkIcon, ListIcon, ListOrderedIcon, LoaderIcon, LogOutIcon, MailIcon, Maximize2Icon, MenuIcon, MinusCircleIcon, MinusIcon as MinusIcon2, MoonIcon, MoreVerticalIcon, Music2Icon, PanelLeftIcon, PauseIcon, PencilIcon, PhoneIcon, PlayIcon, PlusIcon, QuoteIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, Rows3Icon, SaveIcon, SearchIcon as SearchIcon2, SendIcon, SettingsIcon, ShieldIcon, ShoppingCartIcon, SlidersHorizontalIcon, SquareIcon, StarIcon, StrikethroughIcon, SunIcon, SunMoonIcon, TableIcon, TagIcon, TerminalIcon, TextIcon, Trash2Icon, TypeIcon, UnderlineIcon, UndoIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, VideoIcon, VoteIcon, Wand2Icon, XCircleIcon, XIcon as XIcon2, icons } from "lucide-react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
@@ -28,6 +29,8 @@ 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 * as reactPortal from "@radix-ui/react-portal";
+import { Slot } from "@radix-ui/react-slot";
 import { useSensors, useSensor, PointerSensor, DndContext, closestCenter } from "@dnd-kit/core";
 function cls(...classes) {
   return twMerge(clsx(classes));
@@ -1573,7 +1576,7 @@ class ErrorBoundary extends React__default.Component {
     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",
@@ -1632,7 +1635,7 @@ const Checkbox = React__default.memo((t0) => {
   } 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";
@@ -1701,11 +1704,12 @@ function isDarkMode() {
   return typeof document !== "undefined" && document.documentElement.classList.contains("dark");
 }
 function Chip(t0) {
-  const $ = c(18);
+  const $ = c(19);
   const {
     children,
     colorScheme,
     error,
+    outlined,
     onClick,
     icon,
     size: t1,
@@ -1723,57 +1727,102 @@ function Chip(t0) {
   }
   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__ */ jsxs("div", { className: t7, onClick, style: t10, children: [
+  let t8;
+  if ($[13] !== children || $[14] !== icon || $[15] !== onClick || $[16] !== t5 || $[17] !== t7) {
+    t8 = /* @__PURE__ */ 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 $ = c(30);
@@ -2037,7 +2086,7 @@ function ColorPicker(t0) {
 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",
@@ -2104,7 +2153,7 @@ const IconButtonInner = (t0, ref) => {
   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);
@@ -2424,7 +2473,7 @@ const Dialog = (t0) => {
         return () => clearTimeout(timeout);
       } else {
         setDisplayed(true);
-        return _temp$3;
+        return _temp$4;
       }
     };
     t7 = [open];
@@ -2571,7 +2620,7 @@ const Dialog = (t0) => {
   }
   return t28;
 };
-function _temp$3() {
+function _temp$4() {
 }
 function DialogActions(t0) {
   const $ = c(7);
@@ -3065,6 +3114,53 @@ function FileUpload(t0) {
   }
   return t16;
 }
+const sizeClasses = {
+  small: "px-2 py-0.5 text-xs",
+  medium: "px-2.5 py-1 text-xs"
+};
+function FilterChip(t0) {
+  const $ = 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__ */ 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"
@@ -3218,7 +3314,7 @@ const proseClasses = {
 };
 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__default.memo(function Markdown2(t0) {
   const $ = c(10);
@@ -4167,7 +4263,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 {
@@ -4717,7 +4813,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;
   }
@@ -5147,87 +5243,88 @@ function SearchBar(t0) {
     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__ */ 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__ */ 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__ */ 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__ */ jsx(XIcon, { size: iconSize.smallest }) }) : /* @__PURE__ */ jsx("div", { style: {
+    t22 = searchText ? /* @__PURE__ */ 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__ */ jsx(XIcon, { size: iconSize.smallest }) }) : /* @__PURE__ */ 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__ */ 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__ */ 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 = forwardRef((t0, ref) => {
   const $ = c(123);
@@ -5538,7 +5635,7 @@ const Select = forwardRef((t0, ref) => {
   }
   let t29;
   if ($[71] !== placeholder || $[72] !== t28) {
-    t29 = /* @__PURE__ */ jsx(SelectPrimitive.Value, { onClick: _temp$1, placeholder, className: "w-full", children: t28 });
+    t29 = /* @__PURE__ */ jsx(SelectPrimitive.Value, { onClick: _temp$2, placeholder, className: "w-full", children: t28 });
     $[71] = placeholder;
     $[72] = t28;
     $[73] = t29;
@@ -5782,7 +5879,7 @@ const SelectGroup = React__default.memo(function SelectGroup2(t0) {
   }
   return t3;
 });
-function _temp$1(e) {
+function _temp$2(e) {
   e.preventDefault();
   e.stopPropagation();
 }
@@ -6121,7 +6218,7 @@ 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-[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);
@@ -6224,7 +6321,7 @@ const Sheet = (t0) => {
   }
   return t21;
 };
-function _temp(event) {
+function _temp$1(event) {
   return event.preventDefault();
 }
 function getStyleValue(value) {
@@ -6447,72 +6544,278 @@ function setRef(ref, value) {
     ref.current = value;
   }
 }
-const TextField = 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 ?? useRef(null);
+const TextField = forwardRef((t0, ref) => {
+  const $ = 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 = useRef(null);
+  const inputRef = inputRefProp ?? fallbackRef;
   const autoId = useId();
   const inputId = inputProps.id ?? autoId;
   const labelId = `${inputId}-label`;
   const [focused, setFocused] = React__default.useState(false);
   const hasValue = value !== void 0 && value !== null && value !== "";
-  useEffect(() => {
-    if (inputRef.current && document.activeElement === inputRef.current) {
-      setFocused(true);
-    }
-  }, []);
-  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];
+  }
+  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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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];
+  }
+  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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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 = createContext({
   variant: "standard"
 });
@@ -8594,41 +8897,111 @@ function HandleIcon() {
 }
 export {
   Alert,
+  AlertCircleIcon2 as AlertCircleIcon,
+  AlertTriangleIcon,
+  AlignLeftIcon,
+  AppWindow,
+  ArrowDownToLineIcon,
+  ArrowLeftIcon,
+  ArrowRightFromLineIcon,
+  ArrowRightIcon,
+  ArrowRightToLineIcon,
+  ArrowUpToLineIcon,
   Autocomplete,
   AutocompleteItem,
   Avatar,
   Badge,
+  BoldIcon,
+  BookOpenIcon,
   BooleanSwitch,
   BooleanSwitchWithLabel,
   Button,
   CHIP_COLORS,
+  CalendarIcon2 as CalendarIcon,
   Card,
   CenteredView,
+  CheckCircleIcon,
+  CheckIcon2 as CheckIcon,
+  CheckSquareIcon,
   Checkbox,
+  ChevronDownIcon2 as ChevronDownIcon,
+  ChevronLeftIcon2 as ChevronLeftIcon,
+  ChevronRightIcon2 as ChevronRightIcon,
+  ChevronUpIcon,
+  ChevronsLeftIcon,
+  ChevronsRightIcon,
+  ChevronsUpDownIcon,
   Chip,
+  CircleIcon,
+  CircleUserIcon,
   CircularProgress,
   CircularProgressCenter,
+  CodeIcon,
   Collapse,
   ColorPicker,
+  ColumnsIcon,
   Container,
+  CopyIcon,
+  DatabaseIcon,
   DateTimeField,
   DebouncedTextField,
   Dialog,
   DialogActions,
   DialogContent,
   DialogTitle,
+  DownloadIcon,
   ErrorBoundary,
   ExpandablePanel,
+  ExternalLinkIcon,
+  EyeIcon,
+  EyeOffIcon,
+  FileIcon,
+  FileSearchIcon,
+  FileTextIcon,
   FileUpload,
+  FilterChip,
+  FilterIcon2 as FilterIcon,
+  FilterXIcon,
+  FlagIcon,
+  FolderIcon,
+  FolderPlusIcon,
+  FolderUpIcon,
+  FunctionSquareIcon,
+  GitBranchIcon,
   GitHubIcon,
+  GlobeIcon,
   HandleIcon,
+  HashIcon,
+  Heading1Icon,
+  Heading2Icon,
+  Heading3Icon,
+  HelpCircleIcon,
+  HistoryIcon,
+  HomeIcon,
   IconButton,
+  ImageIcon,
+  ImageOffIcon,
+  InfoIcon,
   InfoLabel,
   InputLabel,
+  ItalicIcon,
+  KanbanIcon,
+  KeyIcon,
+  KeyRoundIcon,
   Label,
+  LanguagesIcon,
+  LayoutGridIcon,
+  LinkIcon,
+  ListIcon,
+  ListOrderedIcon,
+  LoaderIcon,
   LoadingButton,
+  LogOutIcon,
+  MailIcon,
   Markdown,
+  Maximize2Icon,
   Menu,
+  MenuIcon,
   MenuItem,
   Menubar,
   MenubarCheckboxItem,
@@ -8646,37 +9019,85 @@ export {
   MenubarSubTrigger,
   MenubarSubTriggerIndicator,
   MenubarTrigger,
+  MinusCircleIcon,
+  MinusIcon2 as MinusIcon,
+  MoonIcon,
+  MoreVerticalIcon,
   MultiSelect,
   MultiSelectContext,
   MultiSelectItem,
+  Music2Icon,
+  PanelLeftIcon,
   Paper,
+  PauseIcon,
+  PencilIcon,
+  PhoneIcon,
+  PlayIcon,
+  PlusIcon,
   Popover,
+  PopoverPrimitive,
+  reactPortal as Portal,
   PortalContainerProvider,
+  QuoteIcon,
   RadioGroup,
   RadioGroupItem,
+  RefreshCcwIcon,
+  RefreshCwIcon,
+  RepeatIcon,
   ResizablePanels,
+  Rows3Icon,
+  SaveIcon,
   SearchBar,
+  SearchIcon2 as SearchIcon,
   Select,
   SelectGroup,
   SelectInputLabel,
   SelectItem,
+  SendIcon,
   Separator,
+  SettingsIcon,
   Sheet,
+  ShieldIcon,
+  ShoppingCartIcon,
   Skeleton,
   Slider,
+  SlidersHorizontalIcon,
+  Slot,
+  SquareIcon,
+  StarIcon,
+  StrikethroughIcon,
+  SunIcon,
+  SunMoonIcon,
   Tab,
   Table,
   TableBody,
   TableCell,
   TableHeader,
+  TableIcon,
   TableRow,
   Tabs,
+  TagIcon,
+  TerminalIcon,
   TextField,
+  TextIcon,
   TextareaAutosize,
   ToggleButtonGroup,
   Tooltip,
+  Trash2Icon,
+  TypeIcon,
   Typography,
+  UnderlineIcon,
+  UndoIcon,
+  UploadCloudIcon,
+  UploadIcon,
+  UserCheckIcon,
+  UserIcon,
+  VideoIcon,
   VirtualTable,
+  VoteIcon,
+  Wand2Icon,
+  XCircleIcon,
+  XIcon2 as XIcon,
   cardClickableMixin,
   cardMixin,
   cardSelectedMixin,
@@ -8697,6 +9118,7 @@ export {
   iconKeys,
   iconSize,
   keyToIconComponent,
+  icons as lucideIcons,
   paperMixin,
   useAutoComplete,
   useDebounceCallback,