@rufous/ui 0.3.36 → 0.3.38

package/dist/main.js

@@ -1355,7 +1355,290 @@ IconButton.displayName = "IconButton";
 import * as React65 from "react";
 import { useState as useState2, useContext, useEffect as useEffect2, useRef as useRef3, useCallback } from "react";
 import ReactDOM from "react-dom";
-import { X } from "lucide-react";
+
+// node_modules/lucide-react/dist/esm/createLucideIcon.js
+import { forwardRef as forwardRef4, createElement as createElement54 } from "react";
+
+// node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
+var mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+
+// node_modules/lucide-react/dist/esm/shared/src/utils/toKebabCase.js
+var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+
+// node_modules/lucide-react/dist/esm/shared/src/utils/toCamelCase.js
+var toCamelCase = (string) => string.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
+);
+
+// node_modules/lucide-react/dist/esm/shared/src/utils/toPascalCase.js
+var toPascalCase = (string) => {
+  const camelCase = toCamelCase(string);
+  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+};
+
+// node_modules/lucide-react/dist/esm/Icon.js
+import { forwardRef as forwardRef3, createElement as createElement53 } from "react";
+
+// node_modules/lucide-react/dist/esm/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+
+// node_modules/lucide-react/dist/esm/shared/src/utils/hasA11yProp.js
+var hasA11yProp = (props) => {
+  for (const prop in props) {
+    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+      return true;
+    }
+  }
+  return false;
+};
+
+// node_modules/lucide-react/dist/esm/Icon.js
+var Icon = forwardRef3(
+  ({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => createElement53(
+    "svg",
+    {
+      ref,
+      ...defaultAttributes,
+      width: size,
+      height: size,
+      stroke: color,
+      strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+      className: mergeClasses("lucide", className),
+      ...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
+      ...rest
+    },
+    [
+      ...iconNode.map(([tag, attrs]) => createElement53(tag, attrs)),
+      ...Array.isArray(children) ? children : [children]
+    ]
+  )
+);
+
+// node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component = forwardRef4(
+    ({ className, ...props }, ref) => createElement54(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(
+        `lucide-${toKebabCase(toPascalCase(iconName))}`,
+        `lucide-${iconName}`,
+        className
+      ),
+      ...props
+    })
+  );
+  Component.displayName = toPascalCase(iconName);
+  return Component;
+};
+
+// node_modules/lucide-react/dist/esm/icons/arrow-down.js
+var __iconNode = [
+  ["path", { d: "M12 5v14", key: "s699le" }],
+  ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
+];
+var ArrowDown = createLucideIcon("arrow-down", __iconNode);
+
+// node_modules/lucide-react/dist/esm/icons/arrow-up.js
+var __iconNode2 = [
+  ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
+  ["path", { d: "M12 19V5", key: "x0mq9r" }]
+];
+var ArrowUp = createLucideIcon("arrow-up", __iconNode2);
+
+// node_modules/lucide-react/dist/esm/icons/check.js
+var __iconNode3 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+var Check = createLucideIcon("check", __iconNode3);
+
+// node_modules/lucide-react/dist/esm/icons/chevron-down.js
+var __iconNode4 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+var ChevronDown = createLucideIcon("chevron-down", __iconNode4);
+
+// node_modules/lucide-react/dist/esm/icons/chevron-left.js
+var __iconNode5 = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+var ChevronLeft = createLucideIcon("chevron-left", __iconNode5);
+
+// node_modules/lucide-react/dist/esm/icons/chevron-right.js
+var __iconNode6 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+var ChevronRight = createLucideIcon("chevron-right", __iconNode6);
+
+// node_modules/lucide-react/dist/esm/icons/chevron-up.js
+var __iconNode7 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+var ChevronUp = createLucideIcon("chevron-up", __iconNode7);
+
+// node_modules/lucide-react/dist/esm/icons/chevrons-up-down.js
+var __iconNode8 = [
+  ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
+  ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
+];
+var ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode8);
+
+// node_modules/lucide-react/dist/esm/icons/columns-2.js
+var __iconNode9 = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M12 3v18", key: "108xh3" }]
+];
+var Columns2 = createLucideIcon("columns-2", __iconNode9);
+
+// node_modules/lucide-react/dist/esm/icons/download.js
+var __iconNode10 = [
+  ["path", { d: "M12 15V3", key: "m9g1x1" }],
+  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
+  ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
+];
+var Download = createLucideIcon("download", __iconNode10);
+
+// node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.js
+var __iconNode11 = [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
+  ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
+];
+var EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode11);
+
+// node_modules/lucide-react/dist/esm/icons/eye-off.js
+var __iconNode12 = [
+  [
+    "path",
+    {
+      d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",
+      key: "ct8e1f"
+    }
+  ],
+  ["path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242", key: "151rxh" }],
+  [
+    "path",
+    {
+      d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",
+      key: "13bj9a"
+    }
+  ],
+  ["path", { d: "m2 2 20 20", key: "1ooewy" }]
+];
+var EyeOff = createLucideIcon("eye-off", __iconNode12);
+
+// node_modules/lucide-react/dist/esm/icons/eye.js
+var __iconNode13 = [
+  [
+    "path",
+    {
+      d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
+      key: "1nclc0"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+];
+var Eye = createLucideIcon("eye", __iconNode13);
+
+// node_modules/lucide-react/dist/esm/icons/funnel.js
+var __iconNode14 = [
+  [
+    "path",
+    {
+      d: "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z",
+      key: "sc7q7i"
+    }
+  ]
+];
+var Funnel = createLucideIcon("funnel", __iconNode14);
+
+// node_modules/lucide-react/dist/esm/icons/layers.js
+var __iconNode15 = [
+  [
+    "path",
+    {
+      d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",
+      key: "zw3jo"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",
+      key: "1wduqc"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",
+      key: "kqbvx6"
+    }
+  ]
+];
+var Layers = createLucideIcon("layers", __iconNode15);
+
+// node_modules/lucide-react/dist/esm/icons/minus.js
+var __iconNode16 = [["path", { d: "M5 12h14", key: "1ays0h" }]];
+var Minus = createLucideIcon("minus", __iconNode16);
+
+// node_modules/lucide-react/dist/esm/icons/pin.js
+var __iconNode17 = [
+  ["path", { d: "M12 17v5", key: "bb1du9" }],
+  [
+    "path",
+    {
+      d: "M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z",
+      key: "1nkz8b"
+    }
+  ]
+];
+var Pin = createLucideIcon("pin", __iconNode17);
+
+// node_modules/lucide-react/dist/esm/icons/plus.js
+var __iconNode18 = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+];
+var Plus = createLucideIcon("plus", __iconNode18);
+
+// node_modules/lucide-react/dist/esm/icons/search.js
+var __iconNode19 = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+];
+var Search = createLucideIcon("search", __iconNode19);
+
+// node_modules/lucide-react/dist/esm/icons/trash-2.js
+var __iconNode20 = [
+  ["path", { d: "M10 11v6", key: "nco0om" }],
+  ["path", { d: "M14 11v6", key: "outv1u" }],
+  ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
+];
+var Trash2 = createLucideIcon("trash-2", __iconNode20);
+
+// node_modules/lucide-react/dist/esm/icons/x.js
+var __iconNode21 = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+];
+var X = createLucideIcon("x", __iconNode21);
+
+// lib/Dialogs/BaseDialog.tsx
 var DialogDepthContext = React65.createContext(0);
 var BaseDialog = ({
   open = false,
@@ -1644,7 +1927,7 @@ var Checkbox = ({
 
 // lib/TextFields/TextField.tsx
 import React68, {
-  forwardRef as forwardRef3
+  forwardRef as forwardRef5
 } from "react";
 var NUMBER_BLOCKED_KEYS = ["e", "E", "+", "-"];
 var BLOCKED_KEYS_BY_VARIANT = {
@@ -1659,7 +1942,7 @@ var STEP_BY_VARIANT = {
   "positive-integer": 1,
   "positive-decimal": 0.1
 };
-var TextField = forwardRef3(({
+var TextField = forwardRef5(({
   label,
   name,
   id,
@@ -4466,27 +4749,6 @@ var RufousLogoLoader = ({ size = 80, sx, className }) => {
 // lib/DataGrid/DataGrid.tsx
 import React75, { useState as useState9, useMemo as useMemo2, useRef as useRef10, useEffect as useEffect9 } from "react";
 import ReactDOM4 from "react-dom";
-import {
-  ChevronUp,
-  ChevronDown,
-  Search,
-  Download,
-  MoreVertical,
-  ChevronLeft,
-  ChevronRight,
-  Filter,
-  X as X2,
-  Pin,
-  EyeOff,
-  Eye,
-  Columns,
-  ArrowUp,
-  ArrowDown,
-  Trash2,
-  Plus,
-  ChevronsUpDown,
-  Layers
-} from "lucide-react";
 function OverflowTooltip({ content }) {
   const ref = useRef10(null);
   const [pos, setPos] = useState9(null);
@@ -5224,14 +5486,14 @@ function DataGrid({
       className: `dg-icon-btn ${hasActiveFilters ? "active" : ""}`,
       onClick: () => setShowAdvancedFilter(true)
     },
-    /* @__PURE__ */ React75.createElement(Filter, { size: 16 })
+    /* @__PURE__ */ React75.createElement(Funnel, { size: 16 })
   )), showColumnsBtn && /* @__PURE__ */ React75.createElement(Tooltip, { title: "Manage Columns", placement: "top" }, /* @__PURE__ */ React75.createElement(
     "button",
     {
       className: "dg-icon-btn",
       onClick: () => setShowManageColumns(true)
     },
-    /* @__PURE__ */ React75.createElement(Columns, { size: 16 })
+    /* @__PURE__ */ React75.createElement(Columns2, { size: 16 })
   )), showExportBtn && /* @__PURE__ */ React75.createElement("button", { className: "dg-action-btn", onClick: handleExport }, /* @__PURE__ */ React75.createElement(Download, { size: 14 }), " Export CSV")), headerActions && /* @__PURE__ */ React75.createElement("div", { className: `dg-header-slot ${alignClass(headerActions.align)}` }, headerActions.content))), !tOpts.hideHeader && /* @__PURE__ */ React75.createElement("div", { className: `dg-toolbar ${alignClass(toolbarContent?.align)}` }, toolbarContent?.content || ""), isGroupingActive && /* @__PURE__ */ React75.createElement("div", { className: "dg-grouping-bar" }, /* @__PURE__ */ React75.createElement("span", { className: "dg-grouping-bar-label" }, "Grouped by"), activeGroupingModel.map((gField) => {
     const col = resolvedColumns.find((c) => String(c.field) === gField || String(c.key) === gField);
     return /* @__PURE__ */ React75.createElement("div", { key: gField, className: "dg-group-chip" }, /* @__PURE__ */ React75.createElement(Layers, { size: 11 }), /* @__PURE__ */ React75.createElement("span", null, col?.header ?? col?.headerName ?? gField), !disableRowGrouping && /* @__PURE__ */ React75.createElement(
@@ -5241,7 +5503,7 @@ function DataGrid({
         onClick: () => removeFromGrouping(gField),
         title: `Remove grouping by ${col?.header ?? gField}`
       },
-      /* @__PURE__ */ React75.createElement(X2, { size: 10 })
+      /* @__PURE__ */ React75.createElement(X, { size: 10 })
     ));
   })), /* @__PURE__ */ React75.createElement("div", { className: `dg-table-wrap${filteredData.length === 0 && !loading ? " dg-table-wrap--empty" : ""} ${tOpts.hideHeader ? "rm-top-border" : ""} ${tOpts.hideFooter ? "rm-bottom-border" : ""}` }, loading && /* @__PURE__ */ React75.createElement("div", { className: "dg-loading-overlay" }, /* @__PURE__ */ React75.createElement("div", { className: "dg-loading-spinner" })), /* @__PURE__ */ React75.createElement("table", { className: "dg-table" }, /* @__PURE__ */ React75.createElement("thead", null, /* @__PURE__ */ React75.createElement("tr", null, visibleColumns.map((col, idx) => {
     const colField = String(col.field);
@@ -5276,14 +5538,14 @@ function DataGrid({
             setShowAdvancedFilter(true);
           }
         },
-        /* @__PURE__ */ React75.createElement(Filter, { size: 11 })
+        /* @__PURE__ */ React75.createElement(Funnel, { size: 11 })
       ), !col.disableColumnMenu && /* @__PURE__ */ React75.createElement(
         "button",
         {
           className: "dg-th-menu-btn",
           onClick: (e) => handleMenuOpen(e, colField)
         },
-        /* @__PURE__ */ React75.createElement(MoreVertical, { size: 13 })
+        /* @__PURE__ */ React75.createElement(EllipsisVertical, { size: 13 })
       ), /* @__PURE__ */ React75.createElement(
         "div",
         {
@@ -5480,7 +5742,7 @@ function DataGrid({
       }
       setShowAdvancedFilter(true);
       setActiveMenu(null);
-    } }, /* @__PURE__ */ React75.createElement(Filter, { size: 14 }), " Filter\u2026"),
+    } }, /* @__PURE__ */ React75.createElement(Funnel, { size: 14 }), " Filter\u2026"),
     !disableRowGrouping && activeMenuCol?.groupable !== false && (() => {
       const gField = String(activeMenuCol?.field ?? "");
       const isGrouped = activeGroupingModel.includes(gField);
@@ -5496,8 +5758,8 @@ function DataGrid({
     /* @__PURE__ */ React75.createElement("button", { className: "dg-menu-item", onClick: () => {
       setShowManageColumns(true);
       setActiveMenu(null);
-    } }, /* @__PURE__ */ React75.createElement(Columns, { size: 14 }), " Manage columns")
-  ), showManageColumns && /* @__PURE__ */ React75.createElement("div", { className: "dg-modal-overlay", onClick: () => setShowManageColumns(false) }, /* @__PURE__ */ React75.createElement("div", { className: "dg-modal", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React75.createElement("div", { className: "dg-modal-header" }, /* @__PURE__ */ React75.createElement("h3", null, "Manage Columns"), /* @__PURE__ */ React75.createElement("button", { className: "dg-icon-btn", onClick: () => setShowManageColumns(false) }, /* @__PURE__ */ React75.createElement(X2, { size: 18 }))), /* @__PURE__ */ React75.createElement("div", { className: "dg-modal-body" }, /* @__PURE__ */ React75.createElement("div", { className: "dg-search-wrap", style: { marginBottom: 8 } }, /* @__PURE__ */ React75.createElement(Search, { size: 14 }), /* @__PURE__ */ React75.createElement(
+    } }, /* @__PURE__ */ React75.createElement(Columns2, { size: 14 }), " Manage columns")
+  ), showManageColumns && /* @__PURE__ */ React75.createElement("div", { className: "dg-modal-overlay", onClick: () => setShowManageColumns(false) }, /* @__PURE__ */ React75.createElement("div", { className: "dg-modal", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React75.createElement("div", { className: "dg-modal-header" }, /* @__PURE__ */ React75.createElement("h3", null, "Manage Columns"), /* @__PURE__ */ React75.createElement("button", { className: "dg-icon-btn", onClick: () => setShowManageColumns(false) }, /* @__PURE__ */ React75.createElement(X, { size: 18 }))), /* @__PURE__ */ React75.createElement("div", { className: "dg-modal-body" }, /* @__PURE__ */ React75.createElement("div", { className: "dg-search-wrap", style: { marginBottom: 8 } }, /* @__PURE__ */ React75.createElement(Search, { size: 14 }), /* @__PURE__ */ React75.createElement(
     "input",
     {
       className: "dg-search",
@@ -5526,7 +5788,7 @@ function DataGrid({
       }
     });
     setColumnOverrides(newOverrides);
-  } }, "Hide All")))), showAdvancedFilter && /* @__PURE__ */ React75.createElement("div", { className: "dg-modal-overlay", onClick: closeFilterModal }, /* @__PURE__ */ React75.createElement("div", { className: "dg-modal dg-modal-wide dg-filter-modal", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React75.createElement("div", { className: "dg-modal-header" }, /* @__PURE__ */ React75.createElement("h3", null, "Filters"), /* @__PURE__ */ React75.createElement("button", { className: "dg-icon-btn", onClick: closeFilterModal }, /* @__PURE__ */ React75.createElement(X2, { size: 18 }))), /* @__PURE__ */ React75.createElement("div", { className: "dg-modal-body" }, advancedFilters.map((f, idx) => /* @__PURE__ */ React75.createElement("div", { key: idx }, idx > 0 && /* @__PURE__ */ React75.createElement("div", { className: "dg-filter-logic" }, /* @__PURE__ */ React75.createElement(
+  } }, "Hide All")))), showAdvancedFilter && /* @__PURE__ */ React75.createElement("div", { className: "dg-modal-overlay", onClick: closeFilterModal }, /* @__PURE__ */ React75.createElement("div", { className: "dg-modal dg-modal-wide dg-filter-modal", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React75.createElement("div", { className: "dg-modal-header" }, /* @__PURE__ */ React75.createElement("h3", null, "Filters"), /* @__PURE__ */ React75.createElement("button", { className: "dg-icon-btn", onClick: closeFilterModal }, /* @__PURE__ */ React75.createElement(X, { size: 18 }))), /* @__PURE__ */ React75.createElement("div", { className: "dg-modal-body" }, advancedFilters.map((f, idx) => /* @__PURE__ */ React75.createElement("div", { key: idx }, idx > 0 && /* @__PURE__ */ React75.createElement("div", { className: "dg-filter-logic" }, /* @__PURE__ */ React75.createElement(
     "button",
     {
       className: `dg-logic-btn${f.logic === "AND" ? " active" : ""}`,
@@ -5540,7 +5802,7 @@ function DataGrid({
       onClick: () => setAdvancedFilters((p) => p.map((fi, i) => i === idx ? { ...fi, logic: "OR" } : fi))
     },
     "OR"
-  )), /* @__PURE__ */ React75.createElement("div", { className: "dg-filter-row" }, advancedFilters.length > 1 && /* @__PURE__ */ React75.createElement("button", { className: "dg-icon-btn", onClick: () => setAdvancedFilters((p) => p.filter((_, i) => i !== idx)) }, /* @__PURE__ */ React75.createElement(X2, { size: 14 })), /* @__PURE__ */ React75.createElement(
+  )), /* @__PURE__ */ React75.createElement("div", { className: "dg-filter-row" }, advancedFilters.length > 1 && /* @__PURE__ */ React75.createElement("button", { className: "dg-icon-btn", onClick: () => setAdvancedFilters((p) => p.filter((_, i) => i !== idx)) }, /* @__PURE__ */ React75.createElement(X, { size: 14 })), /* @__PURE__ */ React75.createElement(
     FilterSelect,
     {
       value: f.column,
@@ -9015,7 +9277,7 @@ import React105, {
   useRef as useRef23,
   useEffect as useEffect19,
   useCallback as useCallback9,
-  forwardRef as forwardRef10
+  forwardRef as forwardRef12
 } from "react";
 import { Country as Country2 } from "country-state-city";
 import { computePosition as computePosition2, flip, offset, shift, size as floatingSize } from "@floating-ui/dom";
@@ -9043,7 +9305,7 @@ function detectCountryFromValue(countries, digits) {
   }
   return null;
 }
-var PhoneField = forwardRef10(function PhoneField2(props, ref) {
+var PhoneField = forwardRef12(function PhoneField2(props, ref) {
   const {
     value = "",
     onChange,
@@ -9324,7 +9586,6 @@ import React106, {
   useCallback as useCallback10
 } from "react";
 import ReactDOM11 from "react-dom";
-import { ChevronDown as ChevronDown2, ChevronRight as ChevronRight2, X as X3, Search as Search2, Check, Minus } from "lucide-react";
 function nodeId(node) {
   return node.id ?? node._id;
 }
@@ -9423,7 +9684,7 @@ function TreeNodeItem({
           onToggleExpand(nid);
         }
       },
-      isExpanded ? /* @__PURE__ */ React106.createElement(ChevronDown2, { size: 14 }) : /* @__PURE__ */ React106.createElement(ChevronRight2, { size: 14 })
+      isExpanded ? /* @__PURE__ */ React106.createElement(ChevronDown, { size: 14 }) : /* @__PURE__ */ React106.createElement(ChevronRight, { size: 14 })
     ) : /* @__PURE__ */ React106.createElement("span", { className: "rf-tsn__expand-ph" }),
     /* @__PURE__ */ React106.createElement("span", { className: "rf-tsn__label" }, node.label),
     /* @__PURE__ */ React106.createElement("span", { className: "rf-tsn__check", "aria-hidden": "true" }, state === "partial" ? /* @__PURE__ */ React106.createElement(Minus, { size: 13, strokeWidth: 2.5 }) : /* @__PURE__ */ React106.createElement(Check, { size: 13, strokeWidth: 2.5 }))
@@ -9659,7 +9920,7 @@ function TreeSelect({
         onClick: (e) => handleRemoveTag(e, node),
         tabIndex: -1
       },
-      /* @__PURE__ */ React106.createElement(X3, { size: 10 })
+      /* @__PURE__ */ React106.createElement(X, { size: 10 })
     ))) : isFloating || !label ? /* @__PURE__ */ React106.createElement("span", { className: "rf-ts__placeholder" }, placeholder) : null) : /* @__PURE__ */ React106.createElement("div", { className: `rf-ts__display${!hasValue ? " rf-ts__display--placeholder" : ""}` }, hasValue ? tagNodes[0]?.label : isFloating || !label ? placeholder : "\xA0"),
     /* @__PURE__ */ React106.createElement("div", { className: "rf-autocomplete__endgroup" }, !disabled && clearable && hasValue && /* @__PURE__ */ React106.createElement(
       "button",
@@ -9669,7 +9930,7 @@ function TreeSelect({
         onClick: handleClear,
         tabIndex: -1
       },
-      /* @__PURE__ */ React106.createElement(X3, { size: 16 })
+      /* @__PURE__ */ React106.createElement(X, { size: 16 })
     ), !disabled && /* @__PURE__ */ React106.createElement(
       "button",
       {
@@ -9681,7 +9942,7 @@ function TreeSelect({
         },
         tabIndex: -1
       },
-      /* @__PURE__ */ React106.createElement(ChevronDown2, { size: 18 })
+      /* @__PURE__ */ React106.createElement(ChevronDown, { size: 18 })
     )),
     label && /* @__PURE__ */ React106.createElement("label", { className: "rf-text-field__label" }, label, required && /* @__PURE__ */ React106.createElement("span", { className: "rf-text-field__asterisk" }, " *")),
     variant === "outlined" && /* @__PURE__ */ React106.createElement("fieldset", { "aria-hidden": true, className: "rf-text-field__notch" }, /* @__PURE__ */ React106.createElement("legend", { className: "rf-text-field__legend" }, label && /* @__PURE__ */ React106.createElement("span", null, label, required ? " *" : ""))),
@@ -9695,7 +9956,7 @@ function TreeSelect({
         className: "rf-tree-select__popup",
         style: dropdownStyle
       },
-      filter && /* @__PURE__ */ React106.createElement("div", { className: "rf-tree-select__filter" }, /* @__PURE__ */ React106.createElement(Search2, { size: 14, className: "rf-tree-select__filter-icon" }), /* @__PURE__ */ React106.createElement(
+      filter && /* @__PURE__ */ React106.createElement("div", { className: "rf-tree-select__filter" }, /* @__PURE__ */ React106.createElement(Search, { size: 14, className: "rf-tree-select__filter-icon" }), /* @__PURE__ */ React106.createElement(
         "input",
         {
           ref: filterInputRef,
@@ -9712,7 +9973,7 @@ function TreeSelect({
           onClick: () => setFilterQuery(""),
           tabIndex: -1
         },
-        /* @__PURE__ */ React106.createElement(X3, { size: 12 })
+        /* @__PURE__ */ React106.createElement(X, { size: 12 })
       )),
       /* @__PURE__ */ React106.createElement("div", { className: "rf-tree-select__tree" }, filteredTree.length === 0 ? /* @__PURE__ */ React106.createElement("div", { className: "rf-tree-select__empty" }, "No results found") : filteredTree.map((node) => /* @__PURE__ */ React106.createElement(
         TreeNodeItem,
@@ -10130,8 +10391,8 @@ import { ReactRenderer } from "@tiptap/react";
 import tippy from "tippy.js";
 
 // lib/RufousTextEditor/MentionList.tsx
-import React109, { forwardRef as forwardRef11, useEffect as useEffect22, useImperativeHandle, useState as useState27 } from "react";
-var MentionList = forwardRef11((props, ref) => {
+import React109, { forwardRef as forwardRef13, useEffect as useEffect22, useImperativeHandle, useState as useState27 } from "react";
+var MentionList = forwardRef13((props, ref) => {
   const [selectedIndex, setSelectedIndex] = useState27(0);
   const selectItem = (index) => {
     const item = props.items[index];
@@ -10230,8 +10491,8 @@ import React115, { useState as useState32, useRef as useRef29, useEffect as useE
 import { createPortal as createPortal4 } from "react-dom";
 
 // lib/RufousTextEditor/TextToSpeech.tsx
-import React110, { useState as useState28, useEffect as useEffect23, useRef as useRef26, useCallback as useCallback12, forwardRef as forwardRef12, useImperativeHandle as useImperativeHandle2 } from "react";
-var TextToSpeech = forwardRef12(({ editor, onTextToSpeech }, ref) => {
+import React110, { useState as useState28, useEffect as useEffect23, useRef as useRef26, useCallback as useCallback12, forwardRef as forwardRef14, useImperativeHandle as useImperativeHandle2 } from "react";
+var TextToSpeech = forwardRef14(({ editor, onTextToSpeech }, ref) => {
   const [speaking, setSpeaking] = useState28(false);
   const [paused, setPaused] = useState28(false);
   const [voices, setVoices] = useState28([]);
@@ -10375,8 +10636,8 @@ var TextToSpeech = forwardRef12(({ editor, onTextToSpeech }, ref) => {
 var TextToSpeech_default = TextToSpeech;
 
 // lib/RufousTextEditor/SpeechToText.tsx
-import React111, { useState as useState29, useRef as useRef27, useCallback as useCallback13, useEffect as useEffect24, forwardRef as forwardRef13, useImperativeHandle as useImperativeHandle3 } from "react";
-var SpeechToText = forwardRef13(({ editor, onSpeechToText }, ref) => {
+import React111, { useState as useState29, useRef as useRef27, useCallback as useCallback13, useEffect as useEffect24, forwardRef as forwardRef15, useImperativeHandle as useImperativeHandle3 } from "react";
+var SpeechToText = forwardRef15(({ editor, onSpeechToText }, ref) => {
   const [listening, setListening] = useState29(false);
   const [showPanel, setShowPanel] = useState29(false);
   const [language, setLanguage] = useState29("en-US");
@@ -14312,3 +14573,42 @@ export {
   useRufousTheme,
   useStatesSearch
 };
+/*! Bundled license information:
+
+lucide-react/dist/esm/shared/src/utils/mergeClasses.js:
+lucide-react/dist/esm/shared/src/utils/toKebabCase.js:
+lucide-react/dist/esm/shared/src/utils/toCamelCase.js:
+lucide-react/dist/esm/shared/src/utils/toPascalCase.js:
+lucide-react/dist/esm/defaultAttributes.js:
+lucide-react/dist/esm/shared/src/utils/hasA11yProp.js:
+lucide-react/dist/esm/Icon.js:
+lucide-react/dist/esm/createLucideIcon.js:
+lucide-react/dist/esm/icons/arrow-down.js:
+lucide-react/dist/esm/icons/arrow-up.js:
+lucide-react/dist/esm/icons/check.js:
+lucide-react/dist/esm/icons/chevron-down.js:
+lucide-react/dist/esm/icons/chevron-left.js:
+lucide-react/dist/esm/icons/chevron-right.js:
+lucide-react/dist/esm/icons/chevron-up.js:
+lucide-react/dist/esm/icons/chevrons-up-down.js:
+lucide-react/dist/esm/icons/columns-2.js:
+lucide-react/dist/esm/icons/download.js:
+lucide-react/dist/esm/icons/ellipsis-vertical.js:
+lucide-react/dist/esm/icons/eye-off.js:
+lucide-react/dist/esm/icons/eye.js:
+lucide-react/dist/esm/icons/funnel.js:
+lucide-react/dist/esm/icons/layers.js:
+lucide-react/dist/esm/icons/minus.js:
+lucide-react/dist/esm/icons/pin.js:
+lucide-react/dist/esm/icons/plus.js:
+lucide-react/dist/esm/icons/search.js:
+lucide-react/dist/esm/icons/trash-2.js:
+lucide-react/dist/esm/icons/x.js:
+lucide-react/dist/esm/lucide-react.js:
+  (**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+*/

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rufous/ui",
   "private": false,
-  "version": "0.3.36",
+  "version": "0.3.38",
   "type": "module",
   "description": "Experimental: A lightweight React UI component library (Beta)",
   "style": "./dist/main.css",
@@ -64,11 +64,11 @@
     "crypto-js": "^4.2.0",
     "lucide-react": "^0.575.0",
     "motion": "^12.34.3",
-    "react-router-dom": "^7.13.1",
     "react-secure-storage": "^1.3.2",
     "tippy.js": "^6.3.7"
   },
   "devDependencies": {
+    "react-router-dom": "^7.13.1",
     "@eslint/js": "^9.30.1",
     "@types/node": "^24.1.0",
     "@types/react": "^19.1.8",