@sustaina/shared-ui 1.50.0 → 1.51.0

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { forwardRef, useRef, useEffect, useMemo, useCallback, isValidElement, useState, useLayoutEffect, createElement } from 'react';
+import React__default, { forwardRef, isValidElement, useMemo, useRef, useEffect, useCallback, useState, useLayoutEffect, createElement } from 'react';
 import { useRouter } from '@tanstack/react-router';
 import { create } from 'zustand';
 import clsx2, { clsx } from 'clsx';
@@ -7,7 +7,7 @@ import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import useEmblaCarousel from 'embla-carousel-react';
-import { ChevronLeft, ChevronRight, CircleX, CircleHelp, Undo, Redo, ChevronDown, X, Pencil, BaselineIcon, Bold, Italic, Underline, Strikethrough, Code, Pilcrow, Heading1, Heading2, Heading3, List, ListOrdered, QuoteIcon, CodeSquare, LinkIcon, Link2Off, ImageIcon, AlignLeft, AlignCenter, AlignRight, Check, ExternalLink, SearchIcon as SearchIcon$1, XIcon, CheckIcon, Triangle, CalendarIcon, Search, ChevronUp, PanelLeftIcon, Minimize2, Maximize2, Plus, MoreVertical, Bug, GripVertical, Info, CircleMinus, Minus } from 'lucide-react';
+import { ChevronLeft, ChevronRight, CircleX, CircleHelp, Clock, ChevronDown, X, Undo, Redo, Check, Pencil, BaselineIcon, Bold, Italic, Underline, Strikethrough, Code, Pilcrow, Heading1, Heading2, Heading3, List, ListOrdered, QuoteIcon, CodeSquare, LinkIcon, Link2Off, ImageIcon, AlignLeft, AlignCenter, AlignRight, SearchIcon as SearchIcon$1, ExternalLink, XIcon, CheckIcon, Triangle, CalendarIcon, Search, ChevronUp, PanelLeftIcon, Minimize2, Maximize2, Plus, MoreVertical, Bug, GripVertical, Info, CircleMinus, Minus } from 'lucide-react';
 import Autoplay from 'embla-carousel-autoplay';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
@@ -12316,6 +12316,13 @@ var usePreventPageLeave = ({ isPrevening }) => {
 };
 var usePreventPageLeave_default = usePreventPageLeave;
 
+// src/components/richtext/types.ts
+var createDefaultMentionConfig = () => ({
+  getId: (item) => item.id,
+  getName: (item) => item.name,
+  getLabel: (item) => item.fieldName
+});
+
 // src/components/richtext/utils/index.ts
 function parseSerializedEditorState(raw) {
   if (!raw) {
@@ -12602,7 +12609,7 @@ var MentionNode = class _MentionNode extends TextNode {
   }
   createDOM(config) {
     const dom = super.createDOM(config);
-    dom.className = "inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-sm font-medium text-primary border border-sus-green-2 my-0.5 cursor-default";
+    dom.className = "inline-flex items-center gap-1 rounded px-2 py-0.5 text-sm font-medium text-primary border border-sus-green-2 my-0.5 cursor-default";
     dom.setAttribute("data-mention-key", this.__mentionKey);
     dom.setAttribute("data-mention-label", this.__mentionLabel);
     dom.setAttribute("data-mention-node-key", this.__key);
@@ -14099,13 +14106,13 @@ function checkForTriggerMatch(text, trigger) {
   }
   return null;
 }
-function checkForTextMatch(text, mentions) {
+function checkForTextMatch(text, mentions, config) {
   const wordMatch = /([A-Z_]+)$/i.exec(text);
   if (wordMatch) {
     const typedText = wordMatch[1].toLowerCase();
     const hasMatch = mentions.some((item) => {
-      const keyWithoutBraces = item.key.replace(/^\{\{|\}\}$/g, "").toLowerCase();
-      return keyWithoutBraces.startsWith(typedText) || keyWithoutBraces.includes(typedText) || item.label.toLowerCase().startsWith(typedText) || item.label.toLowerCase().includes(typedText);
+      const keyWithoutBraces = config.getName(item).replace(/^\{\{|\}\}$/g, "").toLowerCase();
+      return keyWithoutBraces.startsWith(typedText) || keyWithoutBraces.includes(typedText) || config.getLabel(item).toLowerCase().startsWith(typedText) || config.getLabel(item).toLowerCase().includes(typedText);
     });
     if (hasMatch) {
       return {
@@ -14118,10 +14125,10 @@ function checkForTextMatch(text, mentions) {
   return null;
 }
 var MentionTypeaheadOption = class extends MenuOption {
-  constructor(key, label) {
-    super(key);
-    this.key = key;
-    this.label = label;
+  constructor(name, fieldName) {
+    super(name);
+    this.name = name;
+    this.fieldName = fieldName;
   }
 };
 function MentionsTypeaheadMenuItem({
@@ -14137,7 +14144,7 @@ function MentionsTypeaheadMenuItem({
       tabIndex: -1,
       className: cn(
         "relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none",
-        isSelected && "bg-accent text-accent-foreground"
+        isSelected && "bg-sus-secondary-green-3 text-accent-foreground"
       ),
       ref: (el) => {
         option.setRefElement(el);
@@ -14147,26 +14154,27 @@ function MentionsTypeaheadMenuItem({
       id: `typeahead-item-${index}`,
       onMouseEnter,
       onClick,
-      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsx("span", { className: "font-medium", children: option.label }),
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: option.key })
-      ] })
+      children: /* @__PURE__ */ jsx("span", { className: "font-medium", children: option.name })
     },
-    option.key
+    option.name
   );
 }
-function MentionsPlugin({ mentions = [], trigger }) {
+function MentionsPlugin({
+  mentions = [],
+  mentionConfig,
+  trigger
+}) {
   const [editor] = useLexicalComposerContext();
   const [queryString, setQueryString] = useState(null);
   const mentionKeyMap = useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     mentions.forEach((item) => {
-      const keyWithoutBraces = item.key.replace(/^\{\{|\}\}$/g, "").toUpperCase();
+      const keyWithoutBraces = mentionConfig.getName(item).replace(/^\{\{|\}\}$/g, "").toUpperCase();
       map.set(keyWithoutBraces, item);
-      map.set(item.key.toUpperCase(), item);
+      map.set(mentionConfig.getName(item).toUpperCase(), item);
     });
     return map;
-  }, [mentions]);
+  }, [mentions, mentionConfig]);
   useEffect(() => {
     if (mentions.length === 0) return;
     let isUpdating = false;
@@ -14207,11 +14215,17 @@ function MentionsPlugin({ mentions = [], trigger }) {
                   }
                   const [before, after] = node.splitText(startIndex, startIndex + fullMatch.length);
                   if (after) {
-                    const mentionNode = $createMentionNode(mentionItem.key, mentionItem.label);
+                    const mentionNode = $createMentionNode(
+                      mentionConfig.getName(mentionItem),
+                      mentionConfig.getLabel(mentionItem)
+                    );
                     after.replace(mentionNode);
                     mentionNode.selectNext();
                   } else if (before && before.getTextContent() === fullMatch) {
-                    const mentionNode = $createMentionNode(mentionItem.key, mentionItem.label);
+                    const mentionNode = $createMentionNode(
+                      mentionConfig.getName(mentionItem),
+                      mentionConfig.getLabel(mentionItem)
+                    );
                     before.replace(mentionNode);
                     mentionNode.selectNext();
                   }
@@ -14225,21 +14239,25 @@ function MentionsPlugin({ mentions = [], trigger }) {
         }
       });
     });
-  }, [editor, mentions, mentionKeyMap]);
+  }, [editor, mentions, mentionKeyMap, mentionConfig]);
   const options = useMemo(() => {
     if (!queryString) {
-      return mentions.map((item) => new MentionTypeaheadOption(item.key, item.label));
+      return mentions.map(
+        (item) => new MentionTypeaheadOption(mentionConfig.getName(item), mentionConfig.getLabel(item))
+      );
     }
     const lowerQuery = queryString.toLowerCase();
     return mentions.filter((item) => {
-      const keyWithoutBraces = item.key.replace(/^\{\{|\}\}$/g, "").toLowerCase();
-      return item.label.toLowerCase().includes(lowerQuery) || keyWithoutBraces.includes(lowerQuery) || item.key.toLowerCase().includes(lowerQuery);
-    }).map((item) => new MentionTypeaheadOption(item.key, item.label));
-  }, [mentions, queryString]);
+      const keyWithoutBraces = mentionConfig.getName(item).replace(/^\{\{|\}\}$/g, "").toLowerCase();
+      return mentionConfig.getLabel(item).toLowerCase().includes(lowerQuery) || keyWithoutBraces.includes(lowerQuery) || mentionConfig.getName(item).toLowerCase().includes(lowerQuery);
+    }).map(
+      (item) => new MentionTypeaheadOption(mentionConfig.getName(item), mentionConfig.getLabel(item))
+    );
+  }, [mentions, queryString, mentionConfig]);
   const onSelectOption = useCallback(
     (selectedOption, nodeToReplace, closeMenu) => {
       editor.update(() => {
-        const mentionNode = $createMentionNode(selectedOption.key, selectedOption.label);
+        const mentionNode = $createMentionNode(selectedOption.name, selectedOption.fieldName);
         if (nodeToReplace) {
           nodeToReplace.replace(mentionNode);
         }
@@ -14261,9 +14279,9 @@ function MentionsPlugin({ mentions = [], trigger }) {
           return triggerMatch;
         }
       }
-      return checkForTextMatch(text, mentions);
+      return checkForTextMatch(text, mentions, mentionConfig);
     },
-    [trigger, mentions]
+    [trigger, mentions, mentionConfig]
   );
   if (mentions.length === 0) {
     return null;
@@ -14286,7 +14304,7 @@ function MentionsPlugin({ mentions = [], trigger }) {
           /* @__PURE__ */ jsx(
             "div",
             {
-              className: "absolute z-[9999] min-w-[200px] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+              className: "absolute z-9999 min-w-[200px] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
               style: {
                 top: `${top}px`,
                 left: `${left}px`
@@ -14399,7 +14417,7 @@ var nodes = [
   ImageNode,
   MentionNode
 ];
-var RichText = forwardRef(function RichText2({
+function RichTextInner({
   value,
   defaultValue,
   onChange,
@@ -14418,12 +14436,17 @@ var RichText = forwardRef(function RichText2({
   acceptImageMimeTypes = "image/*",
   allowImageUrlInsert = true,
   mentions,
+  mentionConfig,
   mentionTrigger,
   plainTextMentions = false,
   className,
   id,
   ...rest
 }, ref) {
+  const finalMentionConfig = useMemo(
+    () => mentionConfig || createDefaultMentionConfig(),
+    [mentionConfig]
+  );
   const initialSerializedStateRef = useRef(void 0);
   if (initialSerializedStateRef.current === void 0) {
     initialSerializedStateRef.current = parseSerializedEditorState(value ?? defaultValue);
@@ -14518,7 +14541,14 @@ var RichText = forwardRef(function RichText2({
           /* @__PURE__ */ jsx(ListPlugin, {}),
           /* @__PURE__ */ jsx(LinkPlugin$1, {}),
           /* @__PURE__ */ jsx(ImagesPlugin, {}),
-          /* @__PURE__ */ jsx(MentionsPlugin, { mentions, trigger: mentionTrigger }),
+          /* @__PURE__ */ jsx(
+            MentionsPlugin,
+            {
+              mentions,
+              mentionConfig: finalMentionConfig,
+              trigger: mentionTrigger
+            }
+          ),
           /* @__PURE__ */ jsx(MentionDeletePlugin, {}),
           /* @__PURE__ */ jsx(MarkdownShortcutPlugin, { transformers: TRANSFORMERS }),
           autoFocus ? /* @__PURE__ */ jsx(AutoFocusPlugin, {}) : null,
@@ -14529,8 +14559,8 @@ var RichText = forwardRef(function RichText2({
       ]
     }
   ) });
-});
-RichText.displayName = "RichText";
+}
+var RichText = forwardRef(RichTextInner);
 var DefaultHeader = ({
   title,
   subtitle,
@@ -14620,6 +14650,305 @@ var RightPanelContainer = ({
   );
 };
 var RightPanelContainer_default = RightPanelContainer;
+var TimePicker = React.forwardRef(
+  ({
+    value = "",
+    onChange,
+    disabled = false,
+    className,
+    placeholder: placeholder2,
+    use24Hour = false,
+    iconPosition = "start",
+    icon
+  }, ref) => {
+    const [open, setOpen] = React.useState(false);
+    const [hours, setHours] = React.useState("12");
+    const [minutes, setMinutes] = React.useState("00");
+    const [period, setPeriod] = React.useState("AM");
+    React.useEffect(() => {
+      if (value) {
+        let h, m;
+        if (value.includes("Z") || value.match(/^\d{2}:\d{2}:\d{2}/)) {
+          const [hour, min] = value.split(":");
+          const hour24 = parseInt(hour);
+          const minute = parseInt(min);
+          if (use24Hour) {
+            h = String(hour24);
+            m = String(minute);
+          } else {
+            const newPeriod = hour24 >= 12 ? "PM" : "AM";
+            const hour12 = hour24 === 0 ? 12 : hour24 > 12 ? hour24 - 12 : hour24;
+            h = String(hour12);
+            m = String(minute);
+            setPeriod(newPeriod);
+          }
+        } else {
+          const [time, meridiem] = value.split(" ");
+          const [hour, min] = time.split(":");
+          h = hour;
+          m = min;
+          if (meridiem) {
+            setPeriod(meridiem);
+          }
+        }
+        setHours(h.padStart(2, "0"));
+        setMinutes(m.padStart(2, "0"));
+      }
+    }, [value, use24Hour]);
+    const formatTime = (h, m, p) => {
+      if (use24Hour) {
+        return `${h.padStart(2, "0")}:${m.padStart(2, "0")}`;
+      }
+      return `${h.padStart(2, "0")}:${m.padStart(2, "0")} ${p}`;
+    };
+    const toISOTime = (h, m, p) => {
+      let hour = parseInt(h) || 0;
+      const minute = parseInt(m) || 0;
+      if (!use24Hour) {
+        if (p === "PM" && hour !== 12) {
+          hour += 12;
+        } else if (p === "AM" && hour === 12) {
+          hour = 0;
+        }
+      }
+      return `${String(hour).padStart(2, "0")}:${String(minute).padStart(2, "0")}:00.000Z`;
+    };
+    const handleHourChange = (newHour) => {
+      const hour = parseInt(newHour) || 0;
+      const maxHour = use24Hour ? 23 : 12;
+      const minHour = use24Hour ? 0 : 1;
+      if (hour <= maxHour && hour >= minHour) {
+        setHours(newHour);
+        onChange?.(toISOTime(newHour, minutes, period));
+      }
+    };
+    const handleMinuteChange = (newMinute) => {
+      const minute = parseInt(newMinute) || 0;
+      if (minute <= 59 && minute >= 0) {
+        setMinutes(newMinute);
+        onChange?.(toISOTime(hours, newMinute, period));
+      }
+    };
+    const handlePeriodToggle = () => {
+      const newPeriod = period === "AM" ? "PM" : "AM";
+      setPeriod(newPeriod);
+      onChange?.(toISOTime(hours, minutes, newPeriod));
+    };
+    const incrementHour = () => {
+      const hour = parseInt(hours) || 0;
+      const maxHour = use24Hour ? 23 : 12;
+      const minHour = use24Hour ? 0 : 1;
+      const newHour = hour >= maxHour ? minHour : hour + 1;
+      handleHourChange(String(newHour));
+    };
+    const decrementHour = () => {
+      const hour = parseInt(hours) || 0;
+      const maxHour = use24Hour ? 23 : 12;
+      const minHour = use24Hour ? 0 : 1;
+      const newHour = hour <= minHour ? maxHour : hour - 1;
+      handleHourChange(String(newHour));
+    };
+    const incrementMinute = () => {
+      const minute = parseInt(minutes) || 0;
+      const newMinute = minute >= 59 ? 0 : minute + 1;
+      handleMinuteChange(String(newMinute));
+    };
+    const decrementMinute = () => {
+      const minute = parseInt(minutes) || 0;
+      const newMinute = minute <= 0 ? 59 : minute - 1;
+      handleMinuteChange(String(newMinute));
+    };
+    const displayValue = formatTime(hours, minutes, period);
+    const displayIcon = icon || /* @__PURE__ */ jsx(Clock, { className: "h-4 w-4" });
+    return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          disabled,
+          className: cn(
+            "w-full justify-between text-left font-normal",
+            !value && "text-muted-foreground",
+            className
+          ),
+          children: [
+            iconPosition === "start" && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: displayIcon }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "flex-1",
+                  iconPosition === "start" && "ml-2",
+                  iconPosition === "end" && "mr-2"
+                ),
+                children: value ? displayValue : placeholder2 || displayValue
+              }
+            ),
+            iconPosition === "end" && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: displayIcon })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-4", align: "start", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8",
+              onClick: incrementHour,
+              type: "button",
+              children: /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: /* @__PURE__ */ jsx("polyline", { points: "18 15 12 9 6 15" })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              ref,
+              type: "text",
+              inputMode: "numeric",
+              value: hours,
+              onChange: (e) => handleHourChange(e.target.value),
+              className: "w-16 text-center",
+              maxLength: 2
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8",
+              onClick: decrementHour,
+              type: "button",
+              children: /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" })
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "text-2xl font-semibold", children: ":" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8",
+              onClick: incrementMinute,
+              type: "button",
+              children: /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: /* @__PURE__ */ jsx("polyline", { points: "18 15 12 9 6 15" })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "text",
+              inputMode: "numeric",
+              value: minutes,
+              onChange: (e) => handleMinuteChange(e.target.value),
+              className: "w-16 text-center",
+              maxLength: 2
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8",
+              onClick: decrementMinute,
+              type: "button",
+              children: /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" })
+                }
+              )
+            }
+          )
+        ] }),
+        !use24Hour && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "w-px h-16 bg-border mx-1" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: period === "AM" ? "default" : "outline",
+                size: "sm",
+                className: "w-14 h-12",
+                onClick: handlePeriodToggle,
+                type: "button",
+                children: "AM"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: period === "PM" ? "default" : "outline",
+                size: "sm",
+                className: "w-14 h-12",
+                onClick: handlePeriodToggle,
+                type: "button",
+                children: "PM"
+              }
+            )
+          ] })
+        ] })
+      ] }) })
+    ] });
+  }
+);
+TimePicker.displayName = "TimePicker";
 
 // src/components/cropperModal/type.ts
 var CropperModalError = class extends Error {
@@ -15988,6 +16317,90 @@ var VirtualizedCommand = ({
   ] });
 };
 var VirtualizedCommand_default = VirtualizedCommand;
+var NonVirtualizedCommand = ({
+  name,
+  height = 292,
+  options,
+  emptyContent = "No data.",
+  searchPlaceholder,
+  value,
+  notFoundContent = "No item found.",
+  showSearch = true,
+  fieldNames,
+  disabledOption,
+  filterOption,
+  onSelect,
+  labelRender
+}) => {
+  const { getLabelField, getValueField } = useFieldNames_default({ fieldNames });
+  const internalOptions = React.useMemo(() => options ?? [], [options]);
+  const [filteredOptions, setFilteredOptions] = React.useState(internalOptions);
+  const handleSearch = React.useCallback(
+    (search) => {
+      setFilteredOptions(
+        internalOptions.filter((option) => {
+          if (typeof filterOption === "function") {
+            return filterOption(search, option);
+          }
+          const labelValue = getLabelField(option);
+          return labelValue?.toString()?.toLowerCase()?.includes?.(search.toLowerCase());
+        })
+      );
+    },
+    [filterOption, getLabelField, internalOptions]
+  );
+  return /* @__PURE__ */ jsxs(Command, { shouldFilter: false, children: [
+    showSearch && /* @__PURE__ */ jsx(
+      CommandInput,
+      {
+        onValueChange: handleSearch,
+        placeholder: searchPlaceholder,
+        "data-testid": `command-input-${name}`
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      CommandList,
+      {
+        style: {
+          maxHeight: height,
+          overflow: "auto"
+        },
+        children: [
+          /* @__PURE__ */ jsx(CommandEmpty, { "data-testid": `command-item-empty-${name}`, children: internalOptions.length === 0 ? emptyContent : notFoundContent }),
+          /* @__PURE__ */ jsx(CommandGroup, { children: filteredOptions.map((option, index) => {
+            const optionLabel = getLabelField(option);
+            const optionValue = getValueField(option);
+            const labelRendered = labelRender ? labelRender(option) : optionLabel;
+            return /* @__PURE__ */ jsxs(
+              CommandItem,
+              {
+                className: "flex items-center justify-between",
+                value: optionValue,
+                onSelect: (selectedValue) => onSelect?.(selectedValue, option),
+                disabled: disabledOption?.(option),
+                "data-testid": `command-item-${index}-${optionValue}`,
+                children: [
+                  typeof labelRendered === "string" ? /* @__PURE__ */ jsx(truncated_default, { tooltipProps: { disabled: true }, children: labelRendered }) : labelRendered,
+                  /* @__PURE__ */ jsx(
+                    Check,
+                    {
+                      className: cn(
+                        "mr-2 size-2 hover:text-sus-green-2",
+                        value === optionValue ? "opacity-100" : "opacity-0"
+                      )
+                    }
+                  )
+                ]
+              },
+              optionValue
+            );
+          }) })
+        ]
+      }
+    )
+  ] });
+};
+var NonVirtualizedCommand_default = NonVirtualizedCommand;
 var ComboboxInner = ({
   name,
   dropdownName,
@@ -16014,6 +16427,7 @@ var ComboboxInner = ({
   showValueWhenNoMatch,
   onOpenChange,
   onClear,
+  virtual = true,
   ...props
 }, ref) => {
   const { getLabelField, getValueField } = useFieldNames_default({ fieldNames });
@@ -16131,7 +16545,7 @@ var ComboboxInner = ({
         className: "p-0 w-(--radix-popper-anchor-width) min-w-(--radix-popper-anchor-width) max-w-(--radix-popper-available-width) rounded-md",
         align: "start",
         sideOffset: 4,
-        children: /* @__PURE__ */ jsx(
+        children: virtual ? /* @__PURE__ */ jsx(
           VirtualizedCommand_default,
           {
             name: dropdownName,
@@ -16148,6 +16562,23 @@ var ComboboxInner = ({
             labelRender,
             onSelect: handleSelect
           }
+        ) : /* @__PURE__ */ jsx(
+          NonVirtualizedCommand_default,
+          {
+            name: dropdownName,
+            emptyContent,
+            height,
+            notFoundContent,
+            searchPlaceholder,
+            showSearch,
+            fieldNames,
+            options,
+            value: selectedValue,
+            disabledOption,
+            filterOption,
+            labelRender,
+            onSelect: handleSelect
+          }
         )
       }
     )
@@ -16278,17 +16709,87 @@ var TabSelect = ({
   );
 };
 
+// src/components/inputMention/types.ts
+var createDefaultMentionConfig2 = () => ({
+  getId: (item) => item.id,
+  getName: (item) => item.name,
+  getLabel: (item) => item.fieldName
+});
+
 // src/components/inputMention/utils/index.ts
-function parseSerializedEditorState2(raw) {
+function parseSerializedEditorState2(raw, mentions, mentionConfig) {
   if (!raw) {
     return void 0;
   }
-  try {
-    return JSON.parse(raw);
-  } catch (error) {
-    console.error("[InputMention] Failed to parse editor state:", error);
-    return void 0;
+  const mentionMap = /* @__PURE__ */ new Map();
+  if (mentions && mentionConfig) {
+    mentions.forEach((item) => {
+      const name = mentionConfig.getName(item);
+      const label = mentionConfig.getLabel(item);
+      mentionMap.set(name.toUpperCase(), label);
+    });
+  }
+  const mentionRegex = /(\{\{[A-Z_]+\}\})/g;
+  const parts = raw.split(mentionRegex);
+  const children = [];
+  for (const part of parts) {
+    if (!part) continue;
+    if (mentionRegex.test(part)) {
+      const label = mentionMap.get(part.toUpperCase()) || part;
+      children.push({
+        type: "mention",
+        version: 1,
+        mentionKey: part,
+        mentionLabel: label,
+        detail: 0,
+        format: 0,
+        mode: "normal",
+        style: "",
+        text: part
+      });
+      mentionRegex.lastIndex = 0;
+    } else {
+      children.push({
+        detail: 0,
+        format: 0,
+        mode: "normal",
+        style: "",
+        text: part,
+        type: "text",
+        version: 1
+      });
+    }
   }
+  if (children.length === 0) {
+    children.push({
+      detail: 0,
+      format: 0,
+      mode: "normal",
+      style: "",
+      text: "",
+      type: "text",
+      version: 1
+    });
+  }
+  return {
+    root: {
+      children: [
+        {
+          children,
+          direction: null,
+          format: "",
+          indent: 0,
+          type: "paragraph",
+          version: 1
+        }
+      ],
+      direction: null,
+      format: "",
+      indent: 0,
+      type: "root",
+      version: 1
+    }
+  };
 }
 function convertMentionElement2(domNode) {
   const mentionKey = domNode.getAttribute("data-mention-key");
@@ -16339,7 +16840,7 @@ var MentionNode2 = class _MentionNode extends TextNode {
   }
   createDOM(config) {
     const dom = super.createDOM(config);
-    dom.className = "inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-sm font-medium text-primary border border-sus-green-2 my-0.5 cursor-default";
+    dom.className = "inline-flex items-center gap-1 rounded px-2 py-0.5 text-sm font-medium text-primary border border-sus-green-2 my-0.5 cursor-default";
     dom.setAttribute("data-mention-key", this.__mentionKey);
     dom.setAttribute("data-mention-label", this.__mentionLabel);
     dom.setAttribute("data-mention-node-key", this.__key);
@@ -16428,18 +16929,18 @@ function $createMentionNode2(mentionKey, mentionLabel) {
 }
 function ControlledValuePlugin2({
   value,
-  trackAppliedValue
+  trackAppliedValue,
+  mentions,
+  mentionConfig
 }) {
   const [editor] = useLexicalComposerContext();
   useEffect(() => {
     if (value == null || trackAppliedValue.current === value) {
       return;
     }
-    let parsed;
-    try {
-      parsed = JSON.parse(value);
-    } catch (error) {
-      console.error("[InputMention] Failed to sync controlled value:", error);
+    const parsed = parseSerializedEditorState2(value, mentions, mentionConfig);
+    if (!parsed) {
+      console.error("[InputMention] Failed to parse value:", value);
       return;
     }
     trackAppliedValue.current = value;
@@ -16475,13 +16976,13 @@ function checkForTriggerMatch2(text, trigger) {
   }
   return null;
 }
-function checkForTextMatch2(text, mentions) {
+function checkForTextMatch2(text, mentions, config) {
   const wordMatch = /([A-Z_]{2,})$/i.exec(text);
   if (wordMatch) {
     const typedText = wordMatch[1].toLowerCase();
     const hasMatch = mentions.some((item) => {
-      const keyWithoutBraces = item.key.replace(/^\{\{|\}\}$/g, "").toLowerCase();
-      return keyWithoutBraces.startsWith(typedText) || keyWithoutBraces.includes(typedText) || item.label.toLowerCase().startsWith(typedText) || item.label.toLowerCase().includes(typedText);
+      const keyWithoutBraces = config.getName(item).replace(/^\{\{|\}\}$/g, "").toLowerCase();
+      return keyWithoutBraces.startsWith(typedText) || keyWithoutBraces.includes(typedText) || config.getLabel(item).toLowerCase().startsWith(typedText) || config.getLabel(item).toLowerCase().includes(typedText);
     });
     if (hasMatch) {
       return {
@@ -16494,10 +16995,10 @@ function checkForTextMatch2(text, mentions) {
   return null;
 }
 var MentionTypeaheadOption2 = class extends MenuOption {
-  constructor(key, label) {
-    super(key);
-    this.key = key;
-    this.label = label;
+  constructor(name, fieldName) {
+    super(name);
+    this.name = name;
+    this.fieldName = fieldName;
   }
 };
 function MentionsTypeaheadMenuItem2({
@@ -16513,7 +17014,7 @@ function MentionsTypeaheadMenuItem2({
       tabIndex: -1,
       className: cn(
         "relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none",
-        isSelected && "bg-accent text-accent-foreground"
+        isSelected && "bg-sus-secondary-green-3 text-accent-foreground"
       ),
       ref: (el) => {
         option.setRefElement(el);
@@ -16523,26 +17024,27 @@ function MentionsTypeaheadMenuItem2({
       id: `typeahead-item-${index}`,
       onMouseEnter,
       onClick,
-      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsx("span", { className: "font-medium", children: option.label }),
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: option.key })
-      ] })
+      children: /* @__PURE__ */ jsx("span", { className: "font-medium", children: option.name })
     },
-    option.key
+    option.name
   );
 }
-function MentionsPlugin2({ mentions = [], trigger }) {
+function MentionsPlugin2({
+  mentions = [],
+  mentionConfig,
+  trigger
+}) {
   const [editor] = useLexicalComposerContext();
   const [queryString, setQueryString] = useState(null);
   const mentionKeyMap = useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     mentions.forEach((item) => {
-      const keyWithoutBraces = item.key.replace(/^\{\{|\}\}$/g, "").toUpperCase();
+      const keyWithoutBraces = mentionConfig.getName(item).replace(/^\{\{|\}\}$/g, "").toUpperCase();
       map.set(keyWithoutBraces, item);
-      map.set(item.key.toUpperCase(), item);
+      map.set(mentionConfig.getName(item).toUpperCase(), item);
     });
     return map;
-  }, [mentions]);
+  }, [mentions, mentionConfig]);
   useEffect(() => {
     if (mentions.length === 0) return;
     let isUpdating = false;
@@ -16583,11 +17085,17 @@ function MentionsPlugin2({ mentions = [], trigger }) {
                   }
                   const [before, after] = node.splitText(startIndex, startIndex + fullMatch.length);
                   if (after) {
-                    const mentionNode = $createMentionNode2(mentionItem.key, mentionItem.label);
+                    const mentionNode = $createMentionNode2(
+                      mentionConfig.getName(mentionItem),
+                      mentionConfig.getLabel(mentionItem)
+                    );
                     after.replace(mentionNode);
                     mentionNode.selectNext();
                   } else if (before && before.getTextContent() === fullMatch) {
-                    const mentionNode = $createMentionNode2(mentionItem.key, mentionItem.label);
+                    const mentionNode = $createMentionNode2(
+                      mentionConfig.getName(mentionItem),
+                      mentionConfig.getLabel(mentionItem)
+                    );
                     before.replace(mentionNode);
                     mentionNode.selectNext();
                   }
@@ -16601,22 +17109,26 @@ function MentionsPlugin2({ mentions = [], trigger }) {
         }
       });
     });
-  }, [editor, mentions, mentionKeyMap]);
+  }, [editor, mentions, mentionKeyMap, mentionConfig]);
   const options = useMemo(() => {
     if (!queryString) {
-      return mentions.map((item) => new MentionTypeaheadOption2(item.key, item.label));
+      return mentions.map(
+        (item) => new MentionTypeaheadOption2(mentionConfig.getName(item), mentionConfig.getLabel(item))
+      );
     }
     const lowerQuery = queryString.toLowerCase();
     return mentions.filter((item) => {
-      const keyWithoutBraces = item.key.replace(/^\{\{|\}\}$/g, "").toLowerCase();
-      return item.label.toLowerCase().includes(lowerQuery) || keyWithoutBraces.includes(lowerQuery) || item.key.toLowerCase().includes(lowerQuery);
-    }).map((item) => new MentionTypeaheadOption2(item.key, item.label));
-  }, [mentions, queryString]);
+      const keyWithoutBraces = mentionConfig.getName(item).replace(/^\{\{|\}\}$/g, "").toLowerCase();
+      return mentionConfig.getLabel(item).toLowerCase().includes(lowerQuery) || keyWithoutBraces.includes(lowerQuery) || mentionConfig.getName(item).toLowerCase().includes(lowerQuery);
+    }).map(
+      (item) => new MentionTypeaheadOption2(mentionConfig.getName(item), mentionConfig.getLabel(item))
+    );
+  }, [mentions, queryString, mentionConfig]);
   const onSelectOption = useCallback(
     (selectedOption, nodeToReplace, closeMenu) => {
       editor.update(
         () => {
-          const mentionNode = $createMentionNode2(selectedOption.key, selectedOption.label);
+          const mentionNode = $createMentionNode2(selectedOption.name, selectedOption.fieldName);
           if (nodeToReplace) {
             nodeToReplace.replace(mentionNode);
           }
@@ -16640,9 +17152,9 @@ function MentionsPlugin2({ mentions = [], trigger }) {
           return triggerMatch;
         }
       }
-      return checkForTextMatch2(text, mentions);
+      return checkForTextMatch2(text, mentions, mentionConfig);
     },
-    [trigger, mentions]
+    [trigger, mentions, mentionConfig]
   );
   if (mentions.length === 0) {
     return null;
@@ -16665,7 +17177,7 @@ function MentionsPlugin2({ mentions = [], trigger }) {
           /* @__PURE__ */ jsx(
             "div",
             {
-              className: "absolute z-[9999] min-w-[200px] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+              className: "absolute z-9999 min-w-[200px] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
               style: {
                 top: `${top}px`,
                 left: `${left}px`
@@ -16746,27 +17258,29 @@ var theme2 = {
   placeholder: "pointer-events-none absolute left-0 top-0 px-3 py-2 text-sm text-muted-foreground select-none"
 };
 var nodes2 = [MentionNode2];
-var InputMention = forwardRef(function InputMention2({
+function InputMentionInner({
   value,
-  defaultValue,
   onChange,
-  onHtmlChange,
-  onTextChange,
   placeholder: placeholder2,
   readOnly,
   disabled,
   editorClassName,
   autoFocus,
   mentions,
+  mentionConfig,
   mentionTrigger,
   plainTextMentions = false,
   className,
   id,
   ...rest
 }, ref) {
+  const finalMentionConfig = useMemo(
+    () => mentionConfig || createDefaultMentionConfig2(),
+    [mentionConfig]
+  );
   const initialSerializedStateRef = useRef(void 0);
   if (initialSerializedStateRef.current === void 0) {
-    initialSerializedStateRef.current = parseSerializedEditorState2(value ?? defaultValue);
+    initialSerializedStateRef.current = parseSerializedEditorState2(value, mentions, finalMentionConfig);
   }
   useEffect(() => {
     MentionNode2.plainTextMode = plainTextMentions;
@@ -16784,30 +17298,18 @@ var InputMention = forwardRef(function InputMention2({
     }),
     [disabled, readOnly]
   );
-  const appliedValueRef = useRef(value ?? defaultValue);
+  const appliedValueRef = useRef(value);
   const handleChange = useCallback(
-    (editorState, editor) => {
-      const serialized = JSON.stringify(editorState.toJSON());
-      appliedValueRef.current = serialized;
-      if (onChange) {
-        onChange(serialized, editorState);
-      }
-      if (onHtmlChange) {
-        let html = "";
-        editorState.read(() => {
-          html = $generateHtmlFromNodes(editor, null);
-        });
-        onHtmlChange(html, editorState);
-      }
-      if (onTextChange) {
-        let text = "";
-        editorState.read(() => {
-          text = $getRoot().getTextContent();
-        });
-        onTextChange(text, editorState);
-      }
+    (editorState) => {
+      let plainText = "";
+      editorState.read(() => {
+        const root = $getRoot();
+        plainText = root.getTextContent();
+      });
+      appliedValueRef.current = plainText;
+      onChange?.(plainText);
     },
-    [onChange, onHtmlChange, onTextChange]
+    [onChange]
   );
   return /* @__PURE__ */ jsx(LexicalComposer, { initialConfig, children: /* @__PURE__ */ jsxs(
     "div",
@@ -16841,17 +17343,32 @@ var InputMention = forwardRef(function InputMention2({
           }
         ),
         /* @__PURE__ */ jsx(HistoryPlugin, {}),
-        /* @__PURE__ */ jsx(MentionsPlugin2, { mentions, trigger: mentionTrigger }),
+        /* @__PURE__ */ jsx(
+          MentionsPlugin2,
+          {
+            mentions,
+            mentionConfig: finalMentionConfig,
+            trigger: mentionTrigger
+          }
+        ),
         /* @__PURE__ */ jsx(MentionDeletePlugin2, {}),
         autoFocus && /* @__PURE__ */ jsx(AutoFocusPlugin, {}),
-        /* @__PURE__ */ jsx(ControlledValuePlugin2, { value, trackAppliedValue: appliedValueRef }),
+        /* @__PURE__ */ jsx(
+          ControlledValuePlugin2,
+          {
+            value,
+            trackAppliedValue: appliedValueRef,
+            mentions,
+            mentionConfig: finalMentionConfig
+          }
+        ),
         /* @__PURE__ */ jsx(OnChangePluginFiltered2, { onChange: handleChange, ignoreSelectionChange: true })
       ]
     }
   ) });
-});
-InputMention.displayName = "InputMention";
+}
+var InputMention = forwardRef(InputMentionInner);
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionMenu, AdministrationIcon, AdvanceSearch_default as AdvanceSearch, AnalyticsIcon, ApplicationLogIcon, ArrowIcon, AuditFooter, BookmarkIcon, BriefcaseBusinessIcon, Button, SuiCalendarIcon2 as Calendar2Icon, CalendarDaysIcon, CardIcon, Carousel, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, CarouselThumbnails, Checkbox, CircleUserIcon, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Combobox_default as Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CopyUserRightsIcon, CropperModal, CropperModalError, CustomActionStatusIcon, CustomFieldIcon, DIALOG_ALERT_I18N_SUBNAMESPACE, DIALOG_ALERT_TEMPLATES, DashboardIcon, DataEntryIcon, DataTable_default as DataTable, DatePicker2 as DatePicker, DecreaseIcon, Dialog, DialogAlert, DialogAlertProvider, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, EllipsisBoxIcon, ErrorCompression, ErrorCreateCanvas, ErrorGeneratingBlob, ErrorInvalidSVG, ErrorSVGExceedSize, FactoryIcon, FileCogIcon, FileSpreadsheet, FileTextIcon, FiltersIcon, FolderIcon, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormulaEditor, GridSettingsModal_default as GridSettingsModal, HamburgerMenuIcon, HandymanIcon, header_default as Header, HeaderCell_default as HeaderCell, HelpIcon, HomeIcon, HomePlusIcon, Image2 as Image, ImagePlaceholderIcon, InformationIcon, Input, InputMention, InputNumber_default as InputNumber, Label2 as Label, LookupSelect, MailIcon, MainListContainer_default as MainListContainer, ManIcon, ManagementIcon, MenuIcon, MessageIcon, MessageIconInverse, MessageSquareIcon, MonthPicker2 as MonthPicker, navbar_default as Navbar, NotFoundIcon, OutlineArrowIcon, PlusIcon, PlusSearchIcon, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PowerIcon, PreventPageLeave_default as PreventPageLeave, QuestionIcon, RadioGroupItem, RadioGroupRoot, RadioLabel, RichText, RightPanelContainer_default as RightPanelContainer, RoleIcon, SearchIcon, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, SetupIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, SuiCalendarIcon, SuiCalendarIcon2, SuiCheckIcon, SuiDotsVerticalIcon, SuiEmptyDataIcon, SuiExpandIcon, SuiFilterIcon, SuiSettingIcon, SuiTriangleDownIcon, SuiWarningIcon, Switch, TabSelect, Table, TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHead, TableHeader, TableOfContents, TableRow, TagListViewIcon, TextArea, ToolBoxIcon, Tooltip2 as Tooltip, TooltipArrow, TooltipContent2 as TooltipContent, TooltipProvider2 as TooltipProvider, TooltipTrigger2 as TooltipTrigger, TransferUserRightsIcon, TrashIcon, truncated_default as Truncated, truncatedMouseEnterDiv_default as TruncatedMouseEnterDiv, ui_exports as UI, UserActiveIcon, UserAloneIcon, UserFriendIcon, UserGroupIcon, UserIcon, UserInactiveIcon, UserNameIcon, UserProtectIcon, UsersIcon, VirtualizedCommand_default as VirtualizedCommand, WorkFlowIcon, booleanToSelectValue, buildPrefixMap, buttonVariants, cn, compareAlphanumeric, debounce, defaultOperatorShortcuts, defaultOperators, formatISODate, getDialogAlertControls, inputVariants, isDefined, isEmptyObject, isValidParentheses, mapTokensToOutput, parseFormula, parseFormulaToToken, resetVisibleTableState, selectValueToBoolean, spinnerVariants, splitOperators, stripNullishObject, throttle, tokenizeFormulaString, useBindRef_default as useBindRef, useCarousel, useControllableState_default as useControllableState, useDraftGuardStore, useFormField, useGridSettingsStore_default as useGridSettingsStore, useHover_default as useHover, useIntersectionObserver_default as useIntersectionObserver, useIsomorphicLayoutEffect, useMediaQuery_default as useMediaQuery, usePreventPageLeave_default as usePreventPageLeave, usePreventPageLeaveStore_default as usePreventPageLeaveStore, useSafeBlocker, useScreenSize_default as useScreenSize, useSidebar, useTruncated_default as useTruncated, validateTokenPrefixes };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionMenu, AdministrationIcon, AdvanceSearch_default as AdvanceSearch, AnalyticsIcon, ApplicationLogIcon, ArrowIcon, AuditFooter, BookmarkIcon, BriefcaseBusinessIcon, Button, SuiCalendarIcon2 as Calendar2Icon, CalendarDaysIcon, CardIcon, Carousel, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, CarouselThumbnails, Checkbox, CircleUserIcon, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Combobox_default as Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CopyUserRightsIcon, CropperModal, CropperModalError, CustomActionStatusIcon, CustomFieldIcon, DIALOG_ALERT_I18N_SUBNAMESPACE, DIALOG_ALERT_TEMPLATES, DashboardIcon, DataEntryIcon, DataTable_default as DataTable, DatePicker2 as DatePicker, DecreaseIcon, Dialog, DialogAlert, DialogAlertProvider, DialogContent, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, EllipsisBoxIcon, ErrorCompression, ErrorCreateCanvas, ErrorGeneratingBlob, ErrorInvalidSVG, ErrorSVGExceedSize, FactoryIcon, FileCogIcon, FileSpreadsheet, FileTextIcon, FiltersIcon, FolderIcon, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormulaEditor, GridSettingsModal_default as GridSettingsModal, HamburgerMenuIcon, HandymanIcon, header_default as Header, HeaderCell_default as HeaderCell, HelpIcon, HomeIcon, HomePlusIcon, Image2 as Image, ImagePlaceholderIcon, InformationIcon, Input, InputMention, InputNumber_default as InputNumber, Label2 as Label, LookupSelect, MailIcon, MainListContainer_default as MainListContainer, ManIcon, ManagementIcon, MenuIcon, MessageIcon, MessageIconInverse, MessageSquareIcon, MonthPicker2 as MonthPicker, navbar_default as Navbar, NotFoundIcon, OutlineArrowIcon, PlusIcon, PlusSearchIcon, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PowerIcon, PreventPageLeave_default as PreventPageLeave, QuestionIcon, RadioGroupItem, RadioGroupRoot, RadioLabel, RichText, RightPanelContainer_default as RightPanelContainer, RoleIcon, SearchIcon, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, SetupIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Spinner, SuiCalendarIcon, SuiCalendarIcon2, SuiCheckIcon, SuiDotsVerticalIcon, SuiEmptyDataIcon, SuiExpandIcon, SuiFilterIcon, SuiSettingIcon, SuiTriangleDownIcon, SuiWarningIcon, Switch, TabSelect, Table, TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHead, TableHeader, TableOfContents, TableRow, TagListViewIcon, TextArea, TimePicker, ToolBoxIcon, Tooltip2 as Tooltip, TooltipArrow, TooltipContent2 as TooltipContent, TooltipProvider2 as TooltipProvider, TooltipTrigger2 as TooltipTrigger, TransferUserRightsIcon, TrashIcon, truncated_default as Truncated, truncatedMouseEnterDiv_default as TruncatedMouseEnterDiv, ui_exports as UI, UserActiveIcon, UserAloneIcon, UserFriendIcon, UserGroupIcon, UserIcon, UserInactiveIcon, UserNameIcon, UserProtectIcon, UsersIcon, VirtualizedCommand_default as VirtualizedCommand, WorkFlowIcon, booleanToSelectValue, buildPrefixMap, buttonVariants, cn, compareAlphanumeric, debounce, defaultOperatorShortcuts, defaultOperators, formatISODate, getDialogAlertControls, inputVariants, isDefined, isEmptyObject, isValidParentheses, mapTokensToOutput, parseFormula, parseFormulaToToken, resetVisibleTableState, selectValueToBoolean, spinnerVariants, splitOperators, stripNullishObject, throttle, tokenizeFormulaString, useBindRef_default as useBindRef, useCarousel, useControllableState_default as useControllableState, useDraftGuardStore, useFormField, useGridSettingsStore_default as useGridSettingsStore, useHover_default as useHover, useIntersectionObserver_default as useIntersectionObserver, useIsomorphicLayoutEffect, useMediaQuery_default as useMediaQuery, usePreventPageLeave_default as usePreventPageLeave, usePreventPageLeaveStore_default as usePreventPageLeaveStore, useSafeBlocker, useScreenSize_default as useScreenSize, useSidebar, useTruncated_default as useTruncated, validateTokenPrefixes };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map