@abdellatifui/react 3.1.87 → 3.1.89

package/dist/nextgen.js

@@ -1,9 +1,10 @@
 import * as React from "react";
-import React__default, { useContext, useState, useRef, useEffect, forwardRef, useCallback, memo, useLayoutEffect, useImperativeHandle, useMemo, createContext, isValidElement, cloneElement, Children } from "react";
+import React__default, { useContext, useState, useRef, useEffect, forwardRef, useCallback, memo, createContext, useImperativeHandle, useMemo, useLayoutEffect, isValidElement, cloneElement, Children } from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { Zoom as Zoom$1, Tooltip, MenuItem as MenuItem$1, TableContainer, Paper as Paper$1, Table as Table$1, TableHead, TableRow, TableCell, TableBody } from "@mui/material";
 import emStyled from "@emotion/styled";
 import { CacheProvider, Global, ThemeContext, css, keyframes } from "@emotion/react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import ReactDOM, { createPortal } from "react-dom";
 import { MapboxOverlay } from "@deck.gl/mapbox";
 import { PathLayer } from "@deck.gl/layers";
@@ -18,7 +19,6 @@ export * from "lucide-react";
 import copy$1 from "copy-to-clipboard";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import useEmblaCarousel from "embla-carousel-react";
@@ -6263,7 +6263,7 @@ const cva = (base, config2) => (props) => {
   }, []);
   return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
 };
-const vrs$h = cva(
+const vrs$i = cva(
   "inline-flex flex-col items-center justify-center gap-2 font-geist text-sm",
   {
     variants: {
@@ -6317,7 +6317,7 @@ const Spinner = forwardRef((props, ref) => {
     "div",
     {
       id: "__uu773j12",
-      className: cn(vrs$h({ variant, size }), "spinner-entrance", className),
+      className: cn(vrs$i({ variant, size }), "spinner-entrance", className),
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           ProgressSpinner,
@@ -12149,7 +12149,7 @@ const TestButtonComponent = forwardRef((props, ref) => {
   );
 });
 const TestButton = memo(TestButtonComponent);
-const vrs$g = cva("font-Roboto  select-none font-normal", {
+const vrs$h = cva("font-Roboto  select-none font-normal", {
   variants: {
     type: {
       "main": "text-[20px]",
@@ -12165,7 +12165,7 @@ const Header = (props) => {
     style: style2,
     type
   } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: style2 || {}, className: cn(vrs$g({ type }), className), children });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("label", { style: style2 || {}, className: cn(vrs$h({ type }), className), children });
 };
 const MainHeader = (props) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Header, { ...props, type: "main" });
@@ -12180,6 +12180,367 @@ const ScrolBarStyle = (props) => {
   const { children } = props;
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ...props, className: "custom-scroll-bar1", children });
 };
+const useRandomId = (length2 = 8) => {
+  return "css-" + Math.random().toString(36).substr(2, length2);
+};
+const GetRandomStr = (length2 = 8, str = true) => {
+  const randomStr = str ? "str-" + Math.random().toString(36).substr(2, length2) : Math.random().toString(36).substr(2, length2);
+  return randomStr;
+};
+const useGeneratedId = (length2 = 8, beginstr = true, forcss = false) => {
+  const [r2, setR] = useState("");
+  useEffect(() => {
+    if (length2 && forcss) {
+      setR("css-" + Math.random().toString(36).substr(2, length2));
+    } else if (length2 && beginstr) {
+      setR("_" + Math.random().toString(36).substr(2, length2));
+    } else if (length2 && !beginstr) {
+      setR(Math.random().toString(36).substr(2, length2));
+    }
+  }, [length2, beginstr, forcss]);
+  return r2;
+};
+function capitalizeFirstLetter(string) {
+  return string.charAt(0).toUpperCase() + string.slice(1);
+}
+function range(start, end, step = 1) {
+  const result = [];
+  if (!end) {
+    end = start;
+    start = 0;
+  }
+  for (let i = start; i < end; i += step) {
+    result.push(i);
+  }
+  return result;
+}
+const convertNumberToArray = (number) => {
+  return Array.from({ length: number });
+};
+const getWholeSpectrum$1 = () => {
+  const result = [];
+  for (let i = 0; i < 768; i++) {
+    result.push((9127.5 + i * 0.625).toFixed(3));
+  }
+  return result;
+};
+function convertTimestampToDate(timestamp) {
+  const date = new Date(timestamp * 1e3);
+  return date.toLocaleString();
+}
+const AlertDialog = AlertDialogPrimitive.Root;
+const AlertDialogPortal = AlertDialogPrimitive.Portal;
+const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  AlertDialogPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-5 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsxRuntimeExports.jsx(
+    AlertDialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed z-50  w-full max-w-lg border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold", className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  AlertDialogPrimitive.Action,
+  {
+    ref,
+    className: cn(buttonVariants(), className),
+    ...props
+  }
+));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    className: cn(
+      buttonVariants({ variant: "outline" }),
+      "mt-2 sm:mt-0",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+const ModelContext = createContext({});
+const vrs$g = cva(
+  "flex items-center justify-center z-1 css-iuur1",
+  {
+    variants: {
+      variant: {
+        transparent: "bg-transparent",
+        blur: "bg-blur",
+        dimmed: "bg-[#191a1e] bg-opacity-75"
+      },
+      inline: {
+        true: "absolute"
+      },
+      blur: {
+        true: "backdrop-blur-sm"
+      }
+    },
+    defaultVariants: {
+      variant: "blur"
+    }
+  }
+);
+const Model = forwardRef((props, ref) => {
+  const [open, setOpen] = useState(false);
+  const id = useGeneratedId();
+  const {
+    children,
+    bodyClick,
+    className,
+    variant,
+    inline = false,
+    hideOnContextMenu,
+    onBodyClick,
+    blur = false
+  } = props;
+  const handleClose = useCallback(() => {
+    setOpen(false);
+  }, []);
+  const hanldeOpen = useCallback(() => {
+    setOpen(true);
+  }, []);
+  useImperativeHandle(ref, () => ({
+    open: hanldeOpen,
+    close: handleClose,
+    get isOpen() {
+      return open;
+    }
+  }), [handleClose, hanldeOpen, open]);
+  useEffect(() => {
+    if (!open || inline) {
+      return;
+    }
+    const element = document.getElementById(id);
+    if (!element) {
+      return;
+    }
+    const frame = window.requestAnimationFrame(() => {
+      const boundaries = element.getBoundingClientRect();
+      element.style.top = `${-boundaries.y}px`;
+    });
+    return () => window.cancelAnimationFrame(frame);
+  }, [id, inline, open]);
+  function handleWrapperClose(e) {
+    if (e.target.getAttribute("data-element") === "model-overlay" && bodyClick) {
+      setOpen(false);
+      if (onBodyClick) {
+        onBodyClick(e);
+      }
+    }
+  }
+  function handleContextMenu(e) {
+    if (hideOnContextMenu) {
+      e.preventDefault();
+      setOpen(false);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ModelContext.Provider, { value: { openModel: hanldeOpen, closeModel: handleClose, ref, props }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialog, { open, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    AlertDialogOverlay,
+    {
+      "data-element": "model-overlay",
+      onContextMenu: handleContextMenu,
+      onClick: handleWrapperClose,
+      id,
+      className: cn(vrs$g({ variant, inline, blur }), "custom-click-away flex justify-center items-center opacity-100", className),
+      children
+    }
+  ) }) });
+});
+const vrs$f = cva(
+  "bg-white min-w-[300px] absolute z-2 top-0 bottom-0 transition-all duration-300 ease-in-out pointer-events-auto",
+  {
+    variants: {
+      variant: {
+        default: "bg-white"
+      },
+      rounded: {
+        none: "rounded-none",
+        sm: "rounded-sm",
+        md: "rounded-md",
+        lg: "rounded-lg",
+        xl: "rounded-xl",
+        xxl: "rounded-2xl"
+      },
+      direction: {
+        left: "m-0 left-0 -translate-x-full",
+        right: "m-0 right-0 translate-x-full"
+      },
+      padding: {
+        true: "p-2"
+      },
+      margin: {
+        none: "m-0",
+        sm: "m-1",
+        md: "m-2",
+        lg: "m-3",
+        xl: "m-4",
+        xxl: "m-5"
+      }
+    }
+  }
+);
+const Sidebar = forwardRef((props, ref) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const ref2 = useRef(null);
+  const id = useGeneratedId(9, true, true);
+  const modelRef = useRef(null);
+  const {
+    variant = "default",
+    rounded = "md",
+    direction = "right",
+    margin: margin2 = "md",
+    defaultOpen,
+    children,
+    className,
+    style: style2,
+    padding: padding2 = true,
+    onOpen,
+    onClose,
+    onChange,
+    modelProps = {
+      bodyClick: true
+    }
+  } = props;
+  const content = useMemo(() => {
+    if (children) {
+      return children;
+    }
+    return null;
+  }, [children]);
+  const handleOpen = useCallback(() => {
+    var _a;
+    (_a = modelRef.current) == null ? void 0 : _a.open();
+    window.setTimeout(() => {
+      setIsOpen(true);
+    }, 200);
+  }, []);
+  const handleClose = useCallback(() => {
+    var _a;
+    (_a = modelRef.current) == null ? void 0 : _a.close();
+    setIsOpen(false);
+  }, []);
+  const handleToggle = useCallback(() => {
+    var _a, _b;
+    if (isOpen) {
+      (_a = modelRef.current) == null ? void 0 : _a.close();
+    } else {
+      (_b = modelRef.current) == null ? void 0 : _b.open();
+    }
+    window.setTimeout(() => {
+      setIsOpen((prev2) => !prev2);
+    }, 50);
+  }, [isOpen]);
+  useImperativeHandle(ref, () => ({
+    open: handleOpen,
+    close: handleClose,
+    toggle: handleToggle,
+    props,
+    id,
+    get element() {
+      return document.getElementById(`#${id}`);
+    },
+    model: modelRef,
+    ref: ref2
+  }), [handleClose, handleOpen, handleToggle, id]);
+  useEffect(() => {
+    const event = {
+      isOpen,
+      id,
+      props,
+      modelRef,
+      ref: ref2,
+      element: document.getElementById(`#${id}`)
+    };
+    if (isOpen) {
+      onOpen == null ? void 0 : onOpen(event);
+    } else {
+      onClose == null ? void 0 : onClose(event);
+    }
+    if (onChange) {
+      onChange(event);
+    }
+  }, [isOpen]);
+  useEffect(() => {
+    var _a;
+    if (defaultOpen) {
+      (_a = modelRef.current) == null ? void 0 : _a.open();
+      window.setTimeout(() => {
+        setIsOpen(true);
+      }, 50);
+    }
+  }, [defaultOpen]);
+  const mergedModelProps = useMemo(() => ({
+    ...modelProps,
+    bodyClick: (modelProps == null ? void 0 : modelProps.bodyClick) ?? true
+  }), [modelProps]);
+  const handleBodyClick = useCallback((event) => {
+    var _a;
+    handleClose();
+    (_a = modelProps == null ? void 0 : modelProps.onBodyClick) == null ? void 0 : _a.call(modelProps, event);
+  }, [handleClose, modelProps]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Model,
+    {
+      ref: modelRef,
+      onBodyClick: handleBodyClick,
+      ...mergedModelProps,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "div",
+        {
+          id: `#${id}`,
+          style: style2,
+          ref: ref2,
+          className: cn(
+            vrs$f({ rounded, variant, direction, padding: padding2, margin: margin2 }),
+            isOpen && direction === "right" && "translate-x-0",
+            isOpen && direction === "left" && "translate-x-0",
+            className
+          ),
+          children: content
+        }
+      )
+    }
+  );
+});
 var observerMap = /* @__PURE__ */ new Map();
 var RootIds = /* @__PURE__ */ new WeakMap();
 var rootId = 0;
@@ -13407,54 +13768,6 @@ function _LogoControl(props) {
 }
 memo(_LogoControl);
 const NetworkCloudIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGQklEQVR4nNWabWxTVRjHr9GIRnyJxs0vqB8R2Yh+MIovCQkzS+TerrcpDGlFyBAThe4FhLYka7eQ+IUYEhIYJCoaE6KRqLyooKwFturC67be6RYBB6Pn9N7bbYyNFro9etp1vb3r3dp7bjc4yT/dfdlzzu8+/3Nu2vMwzHiDltKieOui5fHAIhu0vTiPMaBJlmVvSzw3JvMcpESOJTNbZkR8d7DxOZfQ8J5TaKh0tm8vzrh4J1DCxVtLBkYDpUAUD5SMxAML19B2KvPsGSVQWuyftLFdQkOVK+i95Ra8kFDQM+Dq8rKJixBYWKwEmgBrLY1By8L5dFDccFYoM3eTJq6zs36BS/DGJoDG5RK8/fUX6ouYeKC0Ug2UzlhpLU3nkpm7mA2KnKeJ6w56N6mBFBlbwcT/KLVPAbWVpnOxgjVpZMpKE9cleJxaUM5gg40hiwKZQ2qgO62L4MrhJYsZyiZb2JW9vAVLvAmu8hYc4U3v0sb8pK1+sSvoHcuSpRF3R2NykSOLAplDCqCx/Z+tB5OtyV9m++oR2kFw9r3rePseqLDt+YA2VvmGnXNM9qbDVbt3gCuYMZ9i7k5P5uJGFoV4a0lNPFCyRfrl1VfIP5rsTYaAESgSixaqfBwoNa7Nvu1vugXvVmeXp875V/38vAPQgBkBVa4aj9W6a64hgfSC0UKVGwVkJJi16osPnY1H4MSpq4dkGb6TZTghSdCCMXyNMWwKhWAJANw/I0C0YKEQFMky7LzWd+cmxgBEspyWJCXPESEEfRjD9mvX4KmCA+kFkySokWUYIoMXxfTgyd9KsNR5hcRwGNYWHCgfsO5umCOKcFArI+FwJlTqOjmvhPv190u9/Pv7DHut6AYDgAckCY6qB63OSOrcwADAjRvJz/7+yff5T1+V1m7+4VFmJpoWWCQCe7MBaVmQwAwNJT9TikQm2bGRmam269vmudXbvvc53Adh1fr9Ld3/DLOyDKNaUNksSABIpgYHtcEQgtFwGN4qKAyZMxhDA0JwPZ2FUei7fjuuBTSVBYnt1FBEyswiBC0FA5IkeAwhOJ3qjDz96UCms2AKjEgJpX4ICIEh35YnNYxht7KjbCvZVJpqFSSQxHYpOOW9OKm9hgMhBMXE3+r3Sj5QWhbMBqzuByG4DgD3GQ21LsuL0jALaryIMxQKQRE1SGcnPIgQ1GEMl7U6MtKC2TKk6utlKqBQCJ7HGNqne3qFsqCGDmAM+r6NkzRPlZ3ZtCBO6lDeVkQIjuYKNNMWxOmFowdjeCYnIPL2zgdIrwWVg8/TgqDQ8ZxWRIyhSQ/ULFgQxlWeC1ROi8PdYEGc1De5QGE9ULNlQYSgJxeoS3qhZsmCUi5Qx/RCzdIq2DUtVDgMG/VC0VpQmelcLYgQfDktVCQCj5MfP+4VCyIES5lcGkKw6l6wIEJwJCcgBdg2hGDsLrag0NsLTzL5NoyBxxj+vZssiJIP+kB/PzzB6G2XL8ND4TAsRwg+Rwh8CMGZUGj03MWO/sG2syKcvxgZIsfkfEoYwzlJgs6UrvTe6usIRoB8Ks+nJIrQnoiL4Gx75+AAubfr78FhURwVSCyUjPszQvBpOAwvMUY3q3XHwybbnuOJn8fsTcfIsZEbBEbuthQMSM+ux4yBWXUC6d3KKTiYlQKIZn+qYGBWSiDaTTfDwawGABViJ7FML5hRQIXa8y3LBWzDyeiCan90k8MfdX78o/y6UUCF3J2/UGF/QzazW2SeqxX5ZZm789X+WFW1L3q72h8DIocvOrZ6R8AQoAmo1fRQSrB9lZtBzCgNYmOSmUvWUWw8NfKswx+9lQJSgn30k/waQ9lIWc2W894wKeDYerYBuwXPStqYPRbLYlFVcpcsD2JHZJNpHlPdHLOrgdKKUtUmkTq87EVRXqraJIlnndlL7jiIWFgb4/DHVmhBOXxRqioyd9DboQFFVUUm82ydFlSimGvjb0PFDn90IAtQrLY5SlXv5xK8w9mrvTxU9X5SRcULZA5NKrnjucgNa/nTiZscviinBHP4oiM1zTHqykyX4GnTKGGjrsyUzNyaxBxSAEXM3DsZN9W1DBXVnIxVkjlW6x8xpIbWHaxf6g56MkvYgp4xp+A1ZFeQLAoRM7dKtrDLJzL0/4X/APPvpiAB/R0GAAAAAElFTkSuQmCC";
-const useRandomId = (length2 = 8) => {
-  return "css-" + Math.random().toString(36).substr(2, length2);
-};
-const GetRandomStr = (length2 = 8, str = true) => {
-  const randomStr = str ? "str-" + Math.random().toString(36).substr(2, length2) : Math.random().toString(36).substr(2, length2);
-  return randomStr;
-};
-const useGeneratedId = (length2 = 8, beginstr = true, forcss = false) => {
-  const [r2, setR] = useState("");
-  useEffect(() => {
-    if (length2 && forcss) {
-      setR("css-" + Math.random().toString(36).substr(2, length2));
-    } else if (length2 && beginstr) {
-      setR("_" + Math.random().toString(36).substr(2, length2));
-    } else if (length2 && !beginstr) {
-      setR(Math.random().toString(36).substr(2, length2));
-    }
-  }, [length2, beginstr, forcss]);
-  return r2;
-};
-function capitalizeFirstLetter(string) {
-  return string.charAt(0).toUpperCase() + string.slice(1);
-}
-function range(start, end, step = 1) {
-  const result = [];
-  if (!end) {
-    end = start;
-    start = 0;
-  }
-  for (let i = start; i < end; i += step) {
-    result.push(i);
-  }
-  return result;
-}
-const convertNumberToArray = (number) => {
-  return Array.from({ length: number });
-};
-const getWholeSpectrum$1 = () => {
-  const result = [];
-  for (let i = 0; i < 768; i++) {
-    result.push((9127.5 + i * 0.625).toFixed(3));
-  }
-  return result;
-};
-function convertTimestampToDate(timestamp) {
-  const date = new Date(timestamp * 1e3);
-  return date.toLocaleString();
-}
 const PinItem = (props) => {
   const {
     longitude,
@@ -14935,7 +15248,7 @@ const AccordionGroup = (props) => {
     options: options2
   }, children }) });
 };
-const vrs$f = cva("px-1", {
+const vrs$e = cva("px-1", {
   variants: {
     disabled: {
       true: "bg-gray-100 cursor-not-allowed text-gray-400 *:no-underline",
@@ -14983,7 +15296,7 @@ const AccordionItem = (props) => {
       }, 100);
     }
   }, [defaultOpen]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(AccordionItem$1, { ref, id, onClick: handleClick, className: cn(vrs$f({
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(AccordionItem$1, { ref, id, onClick: handleClick, className: cn(vrs$e({
     disabled,
     border: options2.border
   }), className), disabled, value, children: [
@@ -15869,7 +16182,7 @@ process.env.NODE_ENV !== "production" ? Zoom.propTypes = {
     exit: PropTypes.number
   })])
 } : void 0;
-const vrs$e = cva(
+const vrs$d = cva(
   "relative w-[35px] h-[35px] flex items-center justify-center !p-0 !m-0 transition-all duration-75 ease-in-out",
   {
     variants: {
@@ -15918,7 +16231,7 @@ const IconButtonComponent = forwardRef((props, ref) => {
       arrow: true,
       TransitionComponent: Zoom,
       TransitionProps: { timeout: 200 },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItem$1, { disableRipple: !ripple, disabled: disable, ref, className: cn(vrs$e({ variant, outline: outline2, border: border2, disable }), "!cursor-default", className), onClick: handleOnClick, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "!w-full !h-full flex items-center justify-center *:h-[20px] *:w-[20px]", children: icon }) })
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItem$1, { disableRipple: !ripple, disabled: disable, ref, className: cn(vrs$d({ variant, outline: outline2, border: border2, disable }), "!cursor-default", className), onClick: handleOnClick, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "!w-full !h-full flex items-center justify-center *:h-[20px] *:w-[20px]", children: icon }) })
     }
   );
 });
@@ -15995,7 +16308,7 @@ const fontsStore = [
   "ibm_plex_sanssemibold",
   "ibm_plex_sanssemibold_italic"
 ];
-const vrs$d = cva(
+const vrs$c = cva(
   "bg-muted h-full w-full relative",
   {
     variants: {
@@ -16007,7 +16320,7 @@ const vrs$d = cva(
 );
 const Body = forwardRef((props, ref) => {
   const { className, children, padding: padding2, style: style2 = {} } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: style2, ref, className: cn(vrs$d({ padding: padding2 }), className), children });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: style2, ref, className: cn(vrs$c({ padding: padding2 }), className), children });
 });
 const Frame = forwardRef((props, ref) => {
   const { children } = props;
@@ -16146,7 +16459,7 @@ const PanelHeader = forwardRef((props, ref) => {
     ) : null
   ] });
 });
-const vrs$c = cva(
+const vrs$b = cva(
   "bg-muted h-full w-full relative z-4",
   {
     variants: {
@@ -16201,7 +16514,7 @@ const Panel = forwardRef((props, ref) => {
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(MainHeader, { children: header }) }),
         shortInfo || description ? /* @__PURE__ */ jsxRuntimeExports.jsx(CardDescription, { className: "font-geistlight font-thin", children: shortInfo || description }) : null
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(PanelHeader, { ref: panelRef, moreInfo, collapsable, vrs: vrs$c, variant, close: closeButton, iconsOrder, tooltipOrder })
+      /* @__PURE__ */ jsxRuntimeExports.jsx(PanelHeader, { ref: panelRef, moreInfo, collapsable, vrs: vrs$b, variant, close: closeButton, iconsOrder, tooltipOrder })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "css-i231" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, { className: "css-i231" }),
@@ -16248,158 +16561,6 @@ const SwapIconButton = forwardRef((props, ref) => {
     }
   ) });
 });
-const AlertDialog = AlertDialogPrimitive.Root;
-const AlertDialogPortal = AlertDialogPrimitive.Portal;
-const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  AlertDialogPrimitive.Overlay,
-  {
-    className: cn(
-      "fixed inset-0 z-5 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    ),
-    ...props,
-    ref
-  }
-));
-AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsxs(AlertDialogPortal, { children: [
-  /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialogOverlay, {}),
-  /* @__PURE__ */ jsxRuntimeExports.jsx(
-    AlertDialogPrimitive.Content,
-    {
-      ref,
-      className: cn(
-        "fixed z-50  w-full max-w-lg border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-        className
-      ),
-      ...props
-    }
-  )
-] }));
-AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  AlertDialogPrimitive.Title,
-  {
-    ref,
-    className: cn("text-lg font-semibold", className),
-    ...props
-  }
-));
-AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  AlertDialogPrimitive.Description,
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  AlertDialogPrimitive.Action,
-  {
-    ref,
-    className: cn(buttonVariants(), className),
-    ...props
-  }
-));
-AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  AlertDialogPrimitive.Cancel,
-  {
-    ref,
-    className: cn(
-      buttonVariants({ variant: "outline" }),
-      "mt-2 sm:mt-0",
-      className
-    ),
-    ...props
-  }
-));
-AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
-const ModelContext = createContext({});
-const vrs$b = cva(
-  "flex items-center justify-center z-[300] css-iuur1",
-  {
-    variants: {
-      variant: {
-        transparent: "bg-transparent",
-        blur: "bg-blur",
-        dimmed: "bg-[#191a1e] bg-opacity-75"
-      },
-      inline: {
-        true: "absolute"
-      },
-      blur: {
-        true: "backdrop-blur-sm"
-      }
-    },
-    defaultVariants: {
-      variant: "blur"
-    }
-  }
-);
-const Model = forwardRef((props, ref) => {
-  const [open, setOpen] = useState(false);
-  const id = useGeneratedId();
-  const {
-    children,
-    bodyClick,
-    className,
-    variant,
-    inline = false,
-    hideOnContextMenu,
-    blur = false
-  } = props;
-  const handleClose = useCallback(() => {
-    setOpen(false);
-  }, []);
-  const hanldeOpen = useCallback(() => {
-    setOpen(true);
-  }, []);
-  useImperativeHandle(ref, () => ({
-    open: hanldeOpen,
-    close: handleClose,
-    get isOpen() {
-      return open;
-    }
-  }), [handleClose, hanldeOpen, open]);
-  useEffect(() => {
-    if (!open || inline) {
-      return;
-    }
-    const element = document.getElementById(id);
-    if (!element) {
-      return;
-    }
-    const frame = window.requestAnimationFrame(() => {
-      const boundaries = element.getBoundingClientRect();
-      element.style.top = `${-boundaries.y}px`;
-    });
-    return () => window.cancelAnimationFrame(frame);
-  }, [id, inline, open]);
-  function handleWrapperClose(e) {
-    if (e.target.classList.contains("custom-click-away") && bodyClick) {
-      setOpen(false);
-    }
-  }
-  function handleContextMenu(e) {
-    if (hideOnContextMenu) {
-      e.preventDefault();
-      setOpen(false);
-    }
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ModelContext.Provider, { value: { openModel: hanldeOpen, closeModel: handleClose, ref, props }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDialog, { open, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    AlertDialogOverlay,
-    {
-      onContextMenu: handleContextMenu,
-      onClick: handleWrapperClose,
-      id,
-      className: cn(vrs$b({ variant, inline, blur }), "custom-click-away flex justify-center items-center opacity-100", className),
-      children
-    }
-  ) }) });
-});
 const AppContext = createContext({});
 const DialogPanel = forwardRef((props, ref) => {
   const {
@@ -26530,6 +26691,7 @@ export {
   RadioItem,
   ScrolBarStyle,
   ScrollArea,
+  Sidebar,
   Spinner,
   SpinnerDialog,
   SplitButton,