@sentio/ui-core 0.1.0 → 0.1.1

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import react__default, { FC, PropsWithChildren, SVGProps, ReactNode, MutableRefObject, ReactElement, CSSProperties } from 'react';
+import react__default, { FC, ReactNode, SVGProps, MutableRefObject, ReactElement, CSSProperties } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { LoaderHeightWidthProps } from 'react-spinners/helpers/props';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -12,7 +12,7 @@ export { LuSquareX as CloseSquareO, LuEye as EyeO, LuSquareMinus as MinusSquareO
 import { ColumnDef, ColumnResizeMode, Row, Cell, TableState } from '@tanstack/react-table';
 import BigDecimal from '@sentio/bigdecimal';
 
-interface Props$c {
+interface Props$b {
     hint?: React.ReactNode;
     loading?: boolean;
     className?: string;
@@ -20,10 +20,10 @@ interface Props$c {
     width?: LoaderHeightWidthProps['width'];
     gray?: boolean;
 }
-declare function _BarLoading({ hint, loading, className, iconClassName, width, gray }: Props$c): react_jsx_runtime.JSX.Element | null;
+declare function _BarLoading({ hint, loading, className, iconClassName, width, gray }: Props$b): react_jsx_runtime.JSX.Element | null;
 declare const BarLoading: react.MemoExoticComponent<typeof _BarLoading>;
 
-interface Props$b {
+interface Props$a {
     loading?: boolean;
     children?: react__default.ReactNode;
     className?: string;
@@ -31,11 +31,11 @@ interface Props$b {
     showMask?: boolean;
     maskOpacity?: number;
 }
-declare const SpinLoading: (args: Props$b) => react_jsx_runtime.JSX.Element;
+declare const SpinLoading: (args: Props$a) => react_jsx_runtime.JSX.Element;
 
 declare const CopyIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 declare const CopySuccessIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-interface Props$a {
+interface Props$9 {
     text?: string | Function;
     size?: number;
     ml?: number;
@@ -43,8 +43,9 @@ interface Props$a {
     hover?: boolean;
     placement?: 'left' | 'right';
     className?: string;
+    children?: ReactNode;
 }
-declare const CopyButton: FC<PropsWithChildren<Props$a>>;
+declare const CopyButton: FC<Props$9>;
 
 declare const buttonClass: (props?: ({
     role?: "link" | "text" | "dashed" | "primary" | "secondary" | "tertiary" | "tertiarytext" | "custom" | null | undefined;
@@ -67,13 +68,18 @@ interface ButtonProps extends VariantProps<typeof buttonClass> {
     value?: string;
     id?: string;
 }
+declare function Proccessing({ className, light }: {
+    className?: string;
+    light?: boolean;
+}): react_jsx_runtime.JSX.Element;
 declare const NewButton: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<unknown>>;
 
-interface Props$9 {
+declare const BaseZIndexContext: react.Context<number>;
+interface Props$8 {
     title?: string | ReactElement;
     titleBorder?: boolean;
     footerBorder?: boolean;
-    children: ReactElement;
+    children?: ReactElement;
     open: boolean;
     onClose: () => void;
     cancelText?: string;
@@ -91,10 +97,13 @@ interface Props$9 {
     zIndex?: number;
     mask?: 'normal' | 'light';
 }
-declare function _BaseDialog({ title, open, onClose, onCancel, cancelText, cancelProps, onOk, okText, okProps, children, buttonsClassName, panelClassName, titleBorder, footerBorder, initialFocus, extraButtons, errorMessages, footer, zIndex, mask }: Props$9): react_jsx_runtime.JSX.Element;
-declare const BaseDialog: react.MemoExoticComponent<typeof _BaseDialog>;
+declare const BaseDialog: react.NamedExoticComponent<Props$8>;
 
-interface Props$8 {
+/**
+ * The differece between this and the PopoverTooltip.tsx is that this one pass mouse click event to the parent
+ */
+
+interface Props$7 {
     text?: string | react__default.ReactNode;
     className?: string;
     buttonClassName?: string;
@@ -110,28 +119,28 @@ interface Props$8 {
     enableFadeAnimation?: boolean;
     animationDuration?: number;
 }
-declare const PopoverTooltip: ({ icon, text, className, buttonClassName, activeButtonClassName, children, strategy: propStrategy, hideArrow, offsetOptions, placementOption, maxWidth, usePortal, enableFadeAnimation, animationDuration }: Props$8) => react_jsx_runtime.JSX.Element;
+declare const PopoverTooltip: FC<Props$7>;
 
-interface Props$7 {
+interface Props$6 {
     defaultOpen?: boolean;
-    children: ReactNode;
+    children?: ReactNode;
     title: string | ReactNode | ((open: boolean) => ReactNode);
     titleClassName?: string;
     containerClassName?: string;
     iconClassName?: string;
     className?: string;
 }
-declare function DisclosurePanel({ title, children, defaultOpen, className, containerClassName, iconClassName, titleClassName }: Props$7): react_jsx_runtime.JSX.Element;
+declare const DisclosurePanel: FC<Props$6>;
 
 interface CollapseProps {
     title: ReactNode | string;
-    children: React.ReactNode;
+    children?: ReactNode;
     className?: string;
     titleClassName?: string;
     defaultOpen?: boolean;
     iconClassName?: string;
 }
-declare const Collapse: ({ title, children, className, titleClassName, defaultOpen, iconClassName }: CollapseProps) => react_jsx_runtime.JSX.Element;
+declare const Collapse: FC<CollapseProps>;
 
 type InputProps = UseFormRegisterReturn & {
     error?: FieldError;
@@ -143,7 +152,7 @@ type InputProps = UseFormRegisterReturn & {
 } & React.InputHTMLAttributes<HTMLInputElement>;
 declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
-interface Props$6<T> {
+interface Props$5<T> {
     value?: T;
     onChange?: (v: T) => void;
     label?: string;
@@ -155,17 +164,17 @@ interface Props$6<T> {
     }[];
     vertical?: boolean;
 }
-declare function RadioSelect<T>({ value, onChange, label, labelClassName, options, vertical, containerClassName }: Props$6<T>): react_jsx_runtime.JSX.Element;
+declare function RadioSelect<T>({ value, onChange, label, labelClassName, options, vertical, containerClassName }: Props$5<T>): react_jsx_runtime.JSX.Element;
 
-interface Props$5 {
+interface SwitchProps {
     checked?: boolean;
     onChange?: (checked: boolean) => void;
     srText?: string;
-    size: 'lg' | 'default' | 'sm';
+    size?: 'lg' | 'default' | 'sm';
     disabled?: boolean;
     label?: string;
 }
-declare function Switch({ checked, onChange: _onChange, srText, size, disabled, label }: Props$5): react_jsx_runtime.JSX.Element;
+declare function Switch({ checked, onChange: _onChange, srText, size, disabled, label }: SwitchProps): react_jsx_runtime.JSX.Element;
 
 type labelProps = {
     selected?: boolean;
@@ -243,7 +252,7 @@ interface EmptyProps {
     src?: string;
     title?: react__default.ReactNode;
 }
-declare const Empty: (props: EmptyProps) => react_jsx_runtime.JSX.Element;
+declare const Empty: react__default.FC<EmptyProps>;
 
 declare enum StatusRole {
     Success = "success",
@@ -267,13 +276,13 @@ interface HeaderToolsToggleButtonProps {
     onClick: () => void;
     className?: string;
 }
-declare const HeaderToolsToggleButton: ({ isOpen, onClick, className }: HeaderToolsToggleButtonProps) => react_jsx_runtime.JSX.Element;
+declare const HeaderToolsToggleButton: FC<HeaderToolsToggleButtonProps>;
 interface HeaderToolsContentProps {
     isOpen: boolean;
-    children: ReactNode;
+    children?: ReactNode;
     className?: string;
 }
-declare const HeaderToolsContent: ({ isOpen, children, className }: HeaderToolsContentProps) => react_jsx_runtime.JSX.Element | null;
+declare const HeaderToolsContent: FC<HeaderToolsContentProps>;
 
 interface Props$2 {
     data: any;
@@ -394,4 +403,4 @@ declare const NavSizeContext: react.Context<{
     setShowLabel: (showLabel: boolean) => void;
 }>;
 
-export { BD, BarLoading, BaseDialog, NewButton as Button, COLOR_MAP, Collapse, CopyButton, CopyIcon, CopySuccessIcon, DarkModeContext, type DataNode, DeleteIcon, DisclosurePanel, Empty, FlatTree, HeaderToolsContent, HeaderToolsToggleButton, type IMenuItem, Input, LinkifyText, MenuContext, MenuItem, MoveLeftIcon, MoveRightIcon, NavSizeContext, type OnSelectMenuItem, PopoverTooltip, PopupMenuButton, ROOT_KEY, RadioSelect, RenameIcon, ResizeTable, SUFFIX_NODE_KEY, Select, type SelectProps, SpinLoading, StatusBadge, StatusRole, SubMenuButton, SvgFolderContext, Switch, getNumberWithDecimal, parseHex, useBoolean, useDarkMode, useDetectExtenstion, useMobile };
+export { BD, BarLoading, BaseDialog, BaseZIndexContext, NewButton as Button, type ButtonProps, COLOR_MAP, Collapse, CopyButton, CopyIcon, CopySuccessIcon, DarkModeContext, type DataNode, DeleteIcon, DisclosurePanel, Empty, FlatTree, HeaderToolsContent, HeaderToolsToggleButton, type IMenuItem, Input, LinkifyText, MenuContext, MenuItem, MoveLeftIcon, MoveRightIcon, NavSizeContext, type OnSelectMenuItem, PopoverTooltip, PopupMenuButton, Proccessing, ROOT_KEY, RadioSelect, RenameIcon, ResizeTable, SUFFIX_NODE_KEY, Select, type SelectProps, SpinLoading, StatusBadge, StatusRole, SubMenuButton, SvgFolderContext, Switch, type SwitchProps, buttonClass, getNumberWithDecimal, parseHex, useBoolean, useDarkMode, useDetectExtenstion, useMobile };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import react__default, { FC, PropsWithChildren, SVGProps, ReactNode, MutableRefObject, ReactElement, CSSProperties } from 'react';
+import react__default, { FC, ReactNode, SVGProps, MutableRefObject, ReactElement, CSSProperties } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { LoaderHeightWidthProps } from 'react-spinners/helpers/props';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -12,7 +12,7 @@ export { LuSquareX as CloseSquareO, LuEye as EyeO, LuSquareMinus as MinusSquareO
 import { ColumnDef, ColumnResizeMode, Row, Cell, TableState } from '@tanstack/react-table';
 import BigDecimal from '@sentio/bigdecimal';
 
-interface Props$c {
+interface Props$b {
     hint?: React.ReactNode;
     loading?: boolean;
     className?: string;
@@ -20,10 +20,10 @@ interface Props$c {
     width?: LoaderHeightWidthProps['width'];
     gray?: boolean;
 }
-declare function _BarLoading({ hint, loading, className, iconClassName, width, gray }: Props$c): react_jsx_runtime.JSX.Element | null;
+declare function _BarLoading({ hint, loading, className, iconClassName, width, gray }: Props$b): react_jsx_runtime.JSX.Element | null;
 declare const BarLoading: react.MemoExoticComponent<typeof _BarLoading>;
 
-interface Props$b {
+interface Props$a {
     loading?: boolean;
     children?: react__default.ReactNode;
     className?: string;
@@ -31,11 +31,11 @@ interface Props$b {
     showMask?: boolean;
     maskOpacity?: number;
 }
-declare const SpinLoading: (args: Props$b) => react_jsx_runtime.JSX.Element;
+declare const SpinLoading: (args: Props$a) => react_jsx_runtime.JSX.Element;
 
 declare const CopyIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 declare const CopySuccessIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-interface Props$a {
+interface Props$9 {
     text?: string | Function;
     size?: number;
     ml?: number;
@@ -43,8 +43,9 @@ interface Props$a {
     hover?: boolean;
     placement?: 'left' | 'right';
     className?: string;
+    children?: ReactNode;
 }
-declare const CopyButton: FC<PropsWithChildren<Props$a>>;
+declare const CopyButton: FC<Props$9>;
 
 declare const buttonClass: (props?: ({
     role?: "link" | "text" | "dashed" | "primary" | "secondary" | "tertiary" | "tertiarytext" | "custom" | null | undefined;
@@ -67,13 +68,18 @@ interface ButtonProps extends VariantProps<typeof buttonClass> {
     value?: string;
     id?: string;
 }
+declare function Proccessing({ className, light }: {
+    className?: string;
+    light?: boolean;
+}): react_jsx_runtime.JSX.Element;
 declare const NewButton: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<unknown>>;
 
-interface Props$9 {
+declare const BaseZIndexContext: react.Context<number>;
+interface Props$8 {
     title?: string | ReactElement;
     titleBorder?: boolean;
     footerBorder?: boolean;
-    children: ReactElement;
+    children?: ReactElement;
     open: boolean;
     onClose: () => void;
     cancelText?: string;
@@ -91,10 +97,13 @@ interface Props$9 {
     zIndex?: number;
     mask?: 'normal' | 'light';
 }
-declare function _BaseDialog({ title, open, onClose, onCancel, cancelText, cancelProps, onOk, okText, okProps, children, buttonsClassName, panelClassName, titleBorder, footerBorder, initialFocus, extraButtons, errorMessages, footer, zIndex, mask }: Props$9): react_jsx_runtime.JSX.Element;
-declare const BaseDialog: react.MemoExoticComponent<typeof _BaseDialog>;
+declare const BaseDialog: react.NamedExoticComponent<Props$8>;
 
-interface Props$8 {
+/**
+ * The differece between this and the PopoverTooltip.tsx is that this one pass mouse click event to the parent
+ */
+
+interface Props$7 {
     text?: string | react__default.ReactNode;
     className?: string;
     buttonClassName?: string;
@@ -110,28 +119,28 @@ interface Props$8 {
     enableFadeAnimation?: boolean;
     animationDuration?: number;
 }
-declare const PopoverTooltip: ({ icon, text, className, buttonClassName, activeButtonClassName, children, strategy: propStrategy, hideArrow, offsetOptions, placementOption, maxWidth, usePortal, enableFadeAnimation, animationDuration }: Props$8) => react_jsx_runtime.JSX.Element;
+declare const PopoverTooltip: FC<Props$7>;
 
-interface Props$7 {
+interface Props$6 {
     defaultOpen?: boolean;
-    children: ReactNode;
+    children?: ReactNode;
     title: string | ReactNode | ((open: boolean) => ReactNode);
     titleClassName?: string;
     containerClassName?: string;
     iconClassName?: string;
     className?: string;
 }
-declare function DisclosurePanel({ title, children, defaultOpen, className, containerClassName, iconClassName, titleClassName }: Props$7): react_jsx_runtime.JSX.Element;
+declare const DisclosurePanel: FC<Props$6>;
 
 interface CollapseProps {
     title: ReactNode | string;
-    children: React.ReactNode;
+    children?: ReactNode;
     className?: string;
     titleClassName?: string;
     defaultOpen?: boolean;
     iconClassName?: string;
 }
-declare const Collapse: ({ title, children, className, titleClassName, defaultOpen, iconClassName }: CollapseProps) => react_jsx_runtime.JSX.Element;
+declare const Collapse: FC<CollapseProps>;
 
 type InputProps = UseFormRegisterReturn & {
     error?: FieldError;
@@ -143,7 +152,7 @@ type InputProps = UseFormRegisterReturn & {
 } & React.InputHTMLAttributes<HTMLInputElement>;
 declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
-interface Props$6<T> {
+interface Props$5<T> {
     value?: T;
     onChange?: (v: T) => void;
     label?: string;
@@ -155,17 +164,17 @@ interface Props$6<T> {
     }[];
     vertical?: boolean;
 }
-declare function RadioSelect<T>({ value, onChange, label, labelClassName, options, vertical, containerClassName }: Props$6<T>): react_jsx_runtime.JSX.Element;
+declare function RadioSelect<T>({ value, onChange, label, labelClassName, options, vertical, containerClassName }: Props$5<T>): react_jsx_runtime.JSX.Element;
 
-interface Props$5 {
+interface SwitchProps {
     checked?: boolean;
     onChange?: (checked: boolean) => void;
     srText?: string;
-    size: 'lg' | 'default' | 'sm';
+    size?: 'lg' | 'default' | 'sm';
     disabled?: boolean;
     label?: string;
 }
-declare function Switch({ checked, onChange: _onChange, srText, size, disabled, label }: Props$5): react_jsx_runtime.JSX.Element;
+declare function Switch({ checked, onChange: _onChange, srText, size, disabled, label }: SwitchProps): react_jsx_runtime.JSX.Element;
 
 type labelProps = {
     selected?: boolean;
@@ -243,7 +252,7 @@ interface EmptyProps {
     src?: string;
     title?: react__default.ReactNode;
 }
-declare const Empty: (props: EmptyProps) => react_jsx_runtime.JSX.Element;
+declare const Empty: react__default.FC<EmptyProps>;
 
 declare enum StatusRole {
     Success = "success",
@@ -267,13 +276,13 @@ interface HeaderToolsToggleButtonProps {
     onClick: () => void;
     className?: string;
 }
-declare const HeaderToolsToggleButton: ({ isOpen, onClick, className }: HeaderToolsToggleButtonProps) => react_jsx_runtime.JSX.Element;
+declare const HeaderToolsToggleButton: FC<HeaderToolsToggleButtonProps>;
 interface HeaderToolsContentProps {
     isOpen: boolean;
-    children: ReactNode;
+    children?: ReactNode;
     className?: string;
 }
-declare const HeaderToolsContent: ({ isOpen, children, className }: HeaderToolsContentProps) => react_jsx_runtime.JSX.Element | null;
+declare const HeaderToolsContent: FC<HeaderToolsContentProps>;
 
 interface Props$2 {
     data: any;
@@ -394,4 +403,4 @@ declare const NavSizeContext: react.Context<{
     setShowLabel: (showLabel: boolean) => void;
 }>;
 
-export { BD, BarLoading, BaseDialog, NewButton as Button, COLOR_MAP, Collapse, CopyButton, CopyIcon, CopySuccessIcon, DarkModeContext, type DataNode, DeleteIcon, DisclosurePanel, Empty, FlatTree, HeaderToolsContent, HeaderToolsToggleButton, type IMenuItem, Input, LinkifyText, MenuContext, MenuItem, MoveLeftIcon, MoveRightIcon, NavSizeContext, type OnSelectMenuItem, PopoverTooltip, PopupMenuButton, ROOT_KEY, RadioSelect, RenameIcon, ResizeTable, SUFFIX_NODE_KEY, Select, type SelectProps, SpinLoading, StatusBadge, StatusRole, SubMenuButton, SvgFolderContext, Switch, getNumberWithDecimal, parseHex, useBoolean, useDarkMode, useDetectExtenstion, useMobile };
+export { BD, BarLoading, BaseDialog, BaseZIndexContext, NewButton as Button, type ButtonProps, COLOR_MAP, Collapse, CopyButton, CopyIcon, CopySuccessIcon, DarkModeContext, type DataNode, DeleteIcon, DisclosurePanel, Empty, FlatTree, HeaderToolsContent, HeaderToolsToggleButton, type IMenuItem, Input, LinkifyText, MenuContext, MenuItem, MoveLeftIcon, MoveRightIcon, NavSizeContext, type OnSelectMenuItem, PopoverTooltip, PopupMenuButton, Proccessing, ROOT_KEY, RadioSelect, RenameIcon, ResizeTable, SUFFIX_NODE_KEY, Select, type SelectProps, SpinLoading, StatusBadge, StatusRole, SubMenuButton, SvgFolderContext, Switch, type SwitchProps, buttonClass, getNumberWithDecimal, parseHex, useBoolean, useDarkMode, useDetectExtenstion, useMobile };

package/dist/index.js

@@ -33,6 +33,7 @@ __export(index_exports, {
   BD: () => BD,
   BarLoading: () => BarLoading,
   BaseDialog: () => BaseDialog,
+  BaseZIndexContext: () => BaseZIndexContext,
   Button: () => NewButton,
   COLOR_MAP: () => COLOR_MAP,
   CloseSquareO: () => import_lu2.LuSquareX,
@@ -59,6 +60,7 @@ __export(index_exports, {
   PlusSquareO: () => import_lu2.LuSquarePlus,
   PopoverTooltip: () => PopoverTooltip,
   PopupMenuButton: () => PopupMenuButton,
+  Proccessing: () => Proccessing,
   ROOT_KEY: () => ROOT_KEY,
   RadioSelect: () => RadioSelect,
   RenameIcon: () => RenameIcon,
@@ -71,6 +73,7 @@ __export(index_exports, {
   SubMenuButton: () => SubMenuButton,
   SvgFolderContext: () => SvgFolderContext,
   Switch: () => Switch,
+  buttonClass: () => buttonClass,
   classNames: () => import_class_variance_authority10.cx,
   getNumberWithDecimal: () => getNumberWithDecimal,
   parseHex: () => parseHex,
@@ -471,7 +474,7 @@ var PopoverTooltip = ({
           !hideArrow && placement === "bottom" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             "div",
             {
-              className: "arrow -translate-y-[5px] before:absolute before:h-2 before:w-2 before:rotate-45 before:bg-white before:border-l before:border-t before:border-black/5 dark:before:bg-sentio-gray-200 dark:before:border-gray-100",
+              className: "arrow dark:before:bg-sentio-gray-200 -translate-y-[5px] before:absolute before:h-2 before:w-2 before:rotate-45 before:border-l before:border-t before:border-black/5 before:bg-white dark:before:border-gray-100",
               ref: arrowRef,
               style: {
                 left: arrowX ?? 0,
@@ -486,16 +489,7 @@ var PopoverTooltip = ({
               className: (0, import_class_variance_authority4.cx)("w-max whitespace-pre-wrap", maxWidth),
               children: text
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            "div",
-            {
-              className: (0, import_class_variance_authority4.cx)(
-                "w-max overflow-auto",
-                maxWidth
-              ),
-              children: text
-            }
-          )
+          ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: (0, import_class_variance_authority4.cx)("w-max overflow-auto", maxWidth), children: text })
         ]
       }
     ) }) })
@@ -754,7 +748,7 @@ var import_react7 = require("@headlessui/react");
 var import_class_variance_authority6 = require("class-variance-authority");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var BaseZIndexContext = (0, import_react6.createContext)(10);
-function _BaseDialog({
+var _BaseDialog = ({
   title,
   open,
   onClose,
@@ -775,8 +769,8 @@ function _BaseDialog({
   footer,
   zIndex = 10,
   mask = "normal"
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react7.Transition, { appear: true, as: import_react6.Fragment, show: open, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react7.Transition, { appear: true, as: import_react6.Fragment, show: open, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     import_react7.Dialog,
     {
       className: (0, import_class_variance_authority6.cx)("relative", "_sentio_"),
@@ -786,7 +780,7 @@ function _BaseDialog({
       style: {
         zIndex
       },
-      children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(BaseZIndexContext.Provider, { value: zIndex, children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           import_react7.Transition.Child,
           {
@@ -877,19 +871,19 @@ function _BaseDialog({
             )
           }
         ) }) })
-      ]
+      ] })
     }
   ) });
-}
+};
 var BaseDialog = (0, import_react6.memo)(_BaseDialog);
 
 // src/common/DisclosurePanel.tsx
+var import_react8 = require("react");
 var import_class_variance_authority7 = require("class-variance-authority");
 var import_isFunction = __toESM(require("lodash/isFunction"));
-var import_react8 = require("react");
 var import_lu = require("react-icons/lu");
 var import_jsx_runtime7 = require("react/jsx-runtime");
-function DisclosurePanel({
+var DisclosurePanel = ({
   title,
   children,
   defaultOpen,
@@ -897,7 +891,7 @@ function DisclosurePanel({
   containerClassName,
   iconClassName = "h-5 w-5",
   titleClassName
-}) {
+}) => {
   const [open, setOpen] = (0, import_react8.useState)(defaultOpen || false);
   const toggle = (0, import_react8.useCallback)(() => {
     setOpen((prev) => !prev);
@@ -935,7 +929,7 @@ function DisclosurePanel({
       ]
     }
   );
-}
+};
 
 // src/common/Collapse.tsx
 var import_solid = require("@heroicons/react/20/solid");
@@ -1005,8 +999,11 @@ var Collapse = ({
       {
         className: (0, import_class_variance_authority8.cx)(
           "overflow-hidden transition-all duration-200",
-          visible ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"
+          visible ? "opacity-100" : "opacity-0"
         ),
+        style: {
+          maxHeight: visible ? "2000px" : "0px"
+        },
         children
       }
     )
@@ -1718,8 +1715,8 @@ var Tree_default = (0, import_react17.forwardRef)(function Tree({
   onOpenClick,
   showToggle,
   className,
-  expandIcon = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lu2.LuSquarePlus, { className: "h-[1em] w-[1em] align-middle" }),
-  collapseIcon = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lu2.LuSquareMinus, { className: "h-[1em] w-[1em] align-middle" })
+  expandIcon = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lu2.LuSquarePlus, { className: "h-4 w-4 align-middle" }),
+  collapseIcon = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lu2.LuSquareMinus, { className: "h-4 w-4 align-middle" })
 }, ref) {
   const [open, setOpen] = (0, import_react17.useState)(defaultOpen);
   (0, import_react18.useEffect)(() => {
@@ -1767,7 +1764,7 @@ var Tree_default = (0, import_react17.forwardRef)(function Tree({
               /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "inline-flex shrink-0 items-center", children: children || showToggle ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                 "button",
                 {
-                  className: "fill-gray color-gray hover:fill-primary-500 hover:color-primary-500 dark:hover:fill-primary-700 mr-1.5 cursor-pointer",
+                  className: "text-gray hover:text-primary-500 dark:hover:text-primary-700 mr-1.5 cursor-pointer",
                   onClick: toggle,
                   children: open ? collapseIcon : expandIcon
                 }
@@ -3199,6 +3196,7 @@ function useMobile(breakpoint = 768, defaultValue = false) {
   BD,
   BarLoading,
   BaseDialog,
+  BaseZIndexContext,
   Button,
   COLOR_MAP,
   CloseSquareO,
@@ -3225,6 +3223,7 @@ function useMobile(breakpoint = 768, defaultValue = false) {
   PlusSquareO,
   PopoverTooltip,
   PopupMenuButton,
+  Proccessing,
   ROOT_KEY,
   RadioSelect,
   RenameIcon,
@@ -3237,6 +3236,7 @@ function useMobile(breakpoint = 768, defaultValue = false) {
   SubMenuButton,
   SvgFolderContext,
   Switch,
+  buttonClass,
   classNames,
   getNumberWithDecimal,
   parseHex,