@sentio/ui-core 0.1.0 → 0.1.2

package/dist/index.mjs

@@ -405,7 +405,7 @@ var PopoverTooltip = ({
           !hideArrow && placement === "bottom" && /* @__PURE__ */ jsx4(
             "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,
@@ -420,16 +420,7 @@ var PopoverTooltip = ({
               className: classNames4("w-max whitespace-pre-wrap", maxWidth),
               children: text
             }
-          ) : /* @__PURE__ */ jsx4(
-            "div",
-            {
-              className: classNames4(
-                "w-max overflow-auto",
-                maxWidth
-              ),
-              children: text
-            }
-          )
+          ) : /* @__PURE__ */ jsx4("div", { className: classNames4("w-max overflow-auto", maxWidth), children: text })
         ]
       }
     ) }) })
@@ -683,12 +674,16 @@ var NewButton = forwardRef(Button);
 var NewButton_default = NewButton;
 
 // src/common/dialog/BaseDialog.tsx
-import { Fragment as Fragment2, memo as memo2, createContext } from "react";
+import {
+  Fragment as Fragment2,
+  memo as memo2,
+  createContext
+} from "react";
 import { Dialog, Transition } from "@headlessui/react";
 import { cx as classNames5 } from "class-variance-authority";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var BaseZIndexContext = createContext(10);
-function _BaseDialog({
+var _BaseDialog = ({
   title,
   open,
   onClose,
@@ -709,8 +704,8 @@ function _BaseDialog({
   footer,
   zIndex = 10,
   mask = "normal"
-}) {
-  return /* @__PURE__ */ jsx6(Transition, { appear: true, as: Fragment2, show: open, children: /* @__PURE__ */ jsxs6(
+}) => {
+  return /* @__PURE__ */ jsx6(Transition, { appear: true, as: Fragment2, show: open, children: /* @__PURE__ */ jsx6(
     Dialog,
     {
       className: classNames5("relative", "_sentio_"),
@@ -720,7 +715,7 @@ function _BaseDialog({
       style: {
         zIndex
       },
-      children: [
+      children: /* @__PURE__ */ jsxs6(BaseZIndexContext.Provider, { value: zIndex, children: [
         /* @__PURE__ */ jsx6(
           Transition.Child,
           {
@@ -811,19 +806,19 @@ function _BaseDialog({
             )
           }
         ) }) })
-      ]
+      ] })
     }
   ) });
-}
+};
 var BaseDialog = memo2(_BaseDialog);
 
 // src/common/DisclosurePanel.tsx
+import { useState as useState3, useCallback as useCallback2 } from "react";
 import { cx as classNames6 } from "class-variance-authority";
 import isFunction from "lodash/isFunction";
-import { useState as useState3, useCallback as useCallback2 } from "react";
 import { LuChevronRight } from "react-icons/lu";
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-function DisclosurePanel({
+var DisclosurePanel = ({
   title,
   children,
   defaultOpen,
@@ -831,7 +826,7 @@ function DisclosurePanel({
   containerClassName,
   iconClassName = "h-5 w-5",
   titleClassName
-}) {
+}) => {
   const [open, setOpen] = useState3(defaultOpen || false);
   const toggle = useCallback2(() => {
     setOpen((prev) => !prev);
@@ -850,6 +845,7 @@ function DisclosurePanel({
               titleClassName
             ),
             onClick: toggle,
+            type: "button",
             children: [
               /* @__PURE__ */ jsx7(
                 LuChevronRight,
@@ -869,7 +865,7 @@ function DisclosurePanel({
       ]
     }
   );
-}
+};
 
 // src/common/Collapse.tsx
 import { ChevronDownIcon } from "@heroicons/react/20/solid";
@@ -939,8 +935,11 @@ var Collapse = ({
       {
         className: classNames7(
           "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
       }
     )
@@ -1668,8 +1667,8 @@ var Tree_default = forwardRef3(function Tree({
   onOpenClick,
   showToggle,
   className,
-  expandIcon = /* @__PURE__ */ jsx13(LuSquarePlus, { className: "h-[1em] w-[1em] align-middle" }),
-  collapseIcon = /* @__PURE__ */ jsx13(LuSquareMinus, { className: "h-[1em] w-[1em] align-middle" })
+  expandIcon = /* @__PURE__ */ jsx13(LuSquarePlus, { className: "h-4 w-4 align-middle" }),
+  collapseIcon = /* @__PURE__ */ jsx13(LuSquareMinus, { className: "h-4 w-4 align-middle" })
 }, ref) {
   const [open, setOpen] = useState7(defaultOpen);
   useEffect5(() => {
@@ -1717,7 +1716,7 @@ var Tree_default = forwardRef3(function Tree({
               /* @__PURE__ */ jsx13("div", { className: "inline-flex shrink-0 items-center", children: children || showToggle ? /* @__PURE__ */ jsx13(
                 "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
                 }
@@ -3187,6 +3186,7 @@ export {
   BD,
   BarLoading,
   BaseDialog,
+  BaseZIndexContext,
   NewButton as Button,
   COLOR_MAP,
   LuSquareX as CloseSquareO,
@@ -3213,6 +3213,7 @@ export {
   LuSquarePlus as PlusSquareO,
   PopoverTooltip,
   PopupMenuButton,
+  Proccessing,
   ROOT_KEY,
   RadioSelect,
   RenameIcon,
@@ -3225,6 +3226,7 @@ export {
   SubMenuButton,
   SvgFolderContext,
   Switch,
+  buttonClass,
   cx3 as classNames,
   getNumberWithDecimal,
   parseHex,