@deepnoid/ui 1.0.21 → 1.0.23

package/dist/{chunk-O2KC4CDE.mjs → chunk-MLMG22I4.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   scrollArea_default
-} from "./chunk-XS32UZI3.mjs";
+} from "./chunk-YYWOSKGH.mjs";
 import {
   mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+} from "./chunk-UWT2WB6H.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -46,7 +46,7 @@ var AreaChartComponent = forwardRef((originalProps, ref) => {
   }, [data, startFromZero]);
   const [tickPositions, setTickPositions] = useState([]);
   const tickRef = useRef([]);
-  const CustomTick = ({ x, y, payload }) => {
+  function CustomTick({ x, y, payload }) {
     if (x !== void 0) {
       tickRef.current.push(x);
     }
@@ -56,17 +56,17 @@ var AreaChartComponent = forwardRef((originalProps, ref) => {
     return /* @__PURE__ */ jsx(
       "text",
       {
-        x,
-        y: y + 11,
-        textAnchor: "middle",
+        className: "text-body-foreground",
+        fill: "currentColor",
         fontSize: 12,
         fontWeight: 700,
-        fill: "currentColor",
-        className: "text-body-foreground",
+        textAnchor: "middle",
+        x,
+        y: y + 11,
         children: payload.value
       }
     );
-  };
+  }
   useEffect(() => {
     const raf = requestAnimationFrame(() => {
       const unique = [...new Set(tickRef.current)].sort((a, b) => a - b);
@@ -77,19 +77,21 @@ var AreaChartComponent = forwardRef((originalProps, ref) => {
       setTickPositions(mids);
       tickRef.current = [];
     });
-    return () => cancelAnimationFrame(raf);
+    return () => {
+      cancelAnimationFrame(raf);
+    };
   }, [processedData]);
-  const CustomDotWithShadow = (props2) => {
+  function CustomDotWithShadow(props2) {
     const { cx, cy, fill, stroke, payload } = props2;
     if (cx === void 0 || cy === void 0) return null;
     if (startFromZero && (payload == null ? void 0 : payload.name) === "") {
       return null;
     }
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("circle", { cx, cy, r: 8, fill, opacity: 0.2 }),
-      /* @__PURE__ */ jsx("circle", { cx, cy, r: 3.5, fill, stroke, strokeWidth: 2 })
+      /* @__PURE__ */ jsx("circle", { cx, cy, fill, opacity: 0.2, r: 8 }),
+      /* @__PURE__ */ jsx("circle", { cx, cy, fill, r: 3.5, stroke, strokeWidth: 2 })
     ] });
-  };
+  }
   const chartContent = /* @__PURE__ */ jsx(
     "div",
     {
@@ -100,33 +102,33 @@ var AreaChartComponent = forwardRef((originalProps, ref) => {
       children: /* @__PURE__ */ jsxs(
         AreaChart,
         {
-          width: totalChartWidth || 400,
-          height: chartHeight + 30,
+          className: "bg-body-background [&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
           data: processedData,
+          height: chartHeight + 30,
           margin: { left: -30 },
-          className: "bg-body-background [&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
+          width: totalChartWidth || 400,
           children: [
-            /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: `colorGradient-${uniqueId}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: `colorGradient-${uniqueId}`, x1: "0", x2: "0", y1: "0", y2: "1", children: [
               /* @__PURE__ */ jsx("stop", { offset: "5%", stopColor: colorHex, stopOpacity: 0.3 }),
               /* @__PURE__ */ jsx("stop", { offset: "95%", stopColor: colorHex, stopOpacity: 0 })
             ] }) }),
             /* @__PURE__ */ jsx(
               CartesianGrid,
               {
-                vertical: true,
+                className: "stroke-neutral-light",
                 horizontal: false,
                 strokeDasharray: "4 4",
-                className: "stroke-neutral-light",
+                vertical: true,
                 verticalPoints: tickPositions
               }
             ),
             /* @__PURE__ */ jsx(
               XAxis,
               {
-                dataKey: "name",
                 axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
-                tickLine: false,
+                dataKey: "name",
                 tick: CustomTick,
+                tickLine: false,
                 padding: { left: 35.5, right: 35.5 }
               }
             ),
@@ -134,7 +136,7 @@ var AreaChartComponent = forwardRef((originalProps, ref) => {
               YAxis,
               {
                 axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
-                tickLine: false,
+                domain: [-6, 110],
                 tick: {
                   fontSize: 12,
                   fontWeight: 700,
@@ -142,20 +144,20 @@ var AreaChartComponent = forwardRef((originalProps, ref) => {
                   textAnchor: "middle",
                   dx: -10
                 },
-                ticks: [0, 20, 40, 60, 80, 100],
-                domain: [-6, 110]
+                tickLine: false,
+                ticks: [0, 20, 40, 60, 80, 100]
               }
             ),
             /* @__PURE__ */ jsx(
               Area,
               {
-                type: "monotone",
+                activeDot: false,
                 dataKey: "value",
+                dot: /* @__PURE__ */ jsx(CustomDotWithShadow, { fill: colorHex, stroke: colorHex }),
+                fill: `url(#colorGradient-${uniqueId})`,
                 stroke: colorHex,
                 strokeWidth: 2,
-                fill: `url(#colorGradient-${uniqueId})`,
-                dot: /* @__PURE__ */ jsx(CustomDotWithShadow, { stroke: colorHex, fill: colorHex }),
-                activeDot: false
+                type: "monotone"
               }
             )
           ]
@@ -163,8 +165,8 @@ var AreaChartComponent = forwardRef((originalProps, ref) => {
       )
     }
   );
-  return /* @__PURE__ */ jsxs("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    label && /* @__PURE__ */ jsx("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
+  return /* @__PURE__ */ jsxs("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), ref, children: [
+    label ? /* @__PURE__ */ jsx("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }) : null,
     headerContent,
     needsScroll ? /* @__PURE__ */ jsx(scrollArea_default, { direction: "x", size: "sm", children: chartContent }) : chartContent
   ] });

package/dist/{chunk-KIINY2GS.mjs → chunk-MS65QLWR.mjs}

@@ -4,10 +4,10 @@ import {
 } from "./chunk-2WAQRWST.mjs";
 import {
   clsx
-} from "./chunk-27Y6K5NK.mjs";
+} from "./chunk-KJFYLLMP.mjs";
 import {
   mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+} from "./chunk-UWT2WB6H.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -51,16 +51,16 @@ var TextButton = forwardRef((originalProps, ref) => {
     "button",
     {
       ...buttonProps,
-      ref,
-      disabled,
       className: clsx(
         slots.base({ class: classNames == null ? void 0 : classNames.base }),
         variant === "underline" && slots.underline({ class: classNames == null ? void 0 : classNames.underline })
       ),
+      disabled,
+      ref,
       children: [
-        startContent && renderContent(startContent),
+        startContent ? renderContent(startContent) : null,
         children,
-        endContent && renderContent(endContent)
+        endContent ? renderContent(endContent) : null
       ]
     }
   );

package/dist/{chunk-XTMOAGLY.mjs → chunk-MVCUYH2W.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-A6UUVHC6.mjs";
+} from "./chunk-C7OETP3D.mjs";
 import {
   avatar_default
-} from "./chunk-D3DKXTTY.mjs";
+} from "./chunk-R6N6IQPN.mjs";
 import {
   mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+} from "./chunk-UWT2WB6H.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -30,16 +30,16 @@ var ListItem = forwardRef((props, ref) => {
   const slots = useMemo(() => listItemStyle(variantProps), [variantProps]);
   const iconSize = ["lg", "xl"].includes(size) ? "lg" : "md";
   const avatarSize = iconSize;
-  return /* @__PURE__ */ jsxs("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), "data-selected": selected, onClick, children: [
+  return /* @__PURE__ */ jsxs("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), "data-selected": selected, onClick, ref, children: [
     /* @__PURE__ */ jsxs("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
-      avatar && /* @__PURE__ */ jsx(avatar_default, { ...avatar, variant: "round", size: avatarSize }),
-      startIconName && /* @__PURE__ */ jsx(Icon_default, { name: startIconName, fill: true, size, className: slots.startIcon({ class: classNames == null ? void 0 : classNames.startIcon }) }),
+      avatar ? /* @__PURE__ */ jsx(avatar_default, { ...avatar, size: avatarSize, variant: "round" }) : null,
+      startIconName ? /* @__PURE__ */ jsx(Icon_default, { className: slots.startIcon({ class: classNames == null ? void 0 : classNames.startIcon }), fill: true, name: startIconName, size }) : null,
       /* @__PURE__ */ jsxs("div", { className: slots.titleWrapper({ class: classNames == null ? void 0 : classNames.titleWrapper }), children: [
         /* @__PURE__ */ jsx("span", { className: slots.title({ class: classNames == null ? void 0 : classNames.title }), children: title }),
-        subTitle && /* @__PURE__ */ jsx("span", { className: slots.subTitle({ class: classNames == null ? void 0 : classNames.subTitle }), children: subTitle })
+        subTitle ? /* @__PURE__ */ jsx("span", { className: slots.subTitle({ class: classNames == null ? void 0 : classNames.subTitle }), children: subTitle }) : null
       ] })
     ] }),
-    /* @__PURE__ */ jsx(Icon_default, { name: "right-chevron", size: iconSize, className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }) })
+    /* @__PURE__ */ jsx(Icon_default, { className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }), name: "right-chevron", size: iconSize })
   ] });
 });
 ListItem.displayName = "ListItem";

package/dist/{chunk-LCEFG5IY.mjs → chunk-NATO6PUP.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+} from "./chunk-UWT2WB6H.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -105,17 +105,17 @@ var Slider = forwardRef((originalProps, ref) => {
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      ref: setRefs,
+      "aria-valuemax": maxValue,
+      "aria-valuemin": minValue,
+      "aria-valuenow": value,
       className: slots.base({ class: classNames == null ? void 0 : classNames.base }),
+      onKeyDown: handleKeyDown,
       onPointerDown: handlePointerDown,
       onPointerMove: handlePointerMove,
       onPointerUp: handlePointerUp,
-      onKeyDown: handleKeyDown,
-      tabIndex: disabled ? void 0 : 0,
+      ref: setRefs,
       role: "slider",
-      "aria-valuemin": minValue,
-      "aria-valuemax": maxValue,
-      "aria-valuenow": value,
+      tabIndex: disabled ? void 0 : 0,
       ...restProps,
       children: [
         /* @__PURE__ */ jsx("div", { className: slots.track({ class: classNames == null ? void 0 : classNames.track }), children: /* @__PURE__ */ jsx(

package/dist/{chunk-7CTICAGW.mjs → chunk-NMPATSTB.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+} from "./chunk-UWT2WB6H.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -13,7 +13,7 @@ var List = forwardRef((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, listStyle.variantKeys);
   const { children, classNames } = props;
   const slots = useMemo(() => listStyle(variantProps), [variantProps]);
-  return /* @__PURE__ */ jsx("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: Children.map(children, (child) => {
+  return /* @__PURE__ */ jsx("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), ref, children: Children.map(children, (child) => {
     if (!isValidElement(child)) return child;
     return cloneElement(child, {
       ...variantProps,

package/dist/{chunk-R32BQ3NV.mjs → chunk-NUXN36KF.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-A6UUVHC6.mjs";
+} from "./chunk-C7OETP3D.mjs";
 import {
   clsx
-} from "./chunk-27Y6K5NK.mjs";
+} from "./chunk-KJFYLLMP.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -65,11 +65,11 @@ var TreeNodeItemBase = forwardRef(
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        ref,
         className: clsx(
           depth > 1 ? hasMore ? "ml-[30px]" : "ml-[55px]" : hasMore ? "" : "ml-[25px]",
           slots.gap({ class: classNames == null ? void 0 : classNames.gap })
         ),
+        ref,
         children: [
           /* @__PURE__ */ jsxs(
             "div",
@@ -82,33 +82,33 @@ var TreeNodeItemBase = forwardRef(
               onClick: handleClick,
               onContextMenu: handleRightClick,
               children: [
-                hasMore && /* @__PURE__ */ jsx(
+                hasMore ? /* @__PURE__ */ jsx(
                   Icon_default,
                   {
-                    name: "right-chevron",
                     className: clsx(
                       "text-neutral-main cursor-pointer transition-transform duration-150",
                       isOpen ? "rotate-90" : "rotate-0"
-                    )
+                    ),
+                    name: "right-chevron"
                   }
-                ),
+                ) : null,
                 fileIcon,
                 node.content
               ]
             }
           ),
-          isOpen && hasMore && /* @__PURE__ */ jsx("div", { className: slots.gap({ class: classNames == null ? void 0 : classNames.gap }), children: children == null ? void 0 : children.map((child) => /* @__PURE__ */ jsx(
+          isOpen && hasMore ? /* @__PURE__ */ jsx("div", { className: slots.gap({ class: classNames == null ? void 0 : classNames.gap }), children: children == null ? void 0 : children.map((child) => /* @__PURE__ */ jsx(
             TreeNodeItem,
             {
-              node: child,
-              depth: depth + 1,
-              selectedName,
               classNames,
+              depth: depth + 1,
               fileIcon,
-              onExpand
+              node: child,
+              onExpand,
+              selectedName
             },
             child.id
-          )) })
+          )) }) : null
         ]
       }
     );
@@ -116,7 +116,7 @@ var TreeNodeItemBase = forwardRef(
 );
 TreeNodeItemBase.displayName = "TreeNodeItem";
 var TreeNodeItem = memo(TreeNodeItemBase);
-var Tree = ({ headerContent, group, groupIcon, fileIcon, selectedName, classNames, onExpand }) => {
+function Tree({ headerContent, group, groupIcon, fileIcon, selectedName, classNames, onExpand }) {
   const slots = useMemo(() => treeStyle(), []);
   const handleClick = (e) => {
     var _a;
@@ -128,9 +128,9 @@ var Tree = ({ headerContent, group, groupIcon, fileIcon, selectedName, className
     (_a = group.onRightClick) == null ? void 0 : _a.call(group, e);
   };
   return /* @__PURE__ */ jsxs("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    headerContent && /* @__PURE__ */ jsx("div", { children: headerContent }),
+    headerContent ? /* @__PURE__ */ jsx("div", { children: headerContent }) : null,
     /* @__PURE__ */ jsxs("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
-      group.content && /* @__PURE__ */ jsxs(
+      group.content ? /* @__PURE__ */ jsxs(
         "div",
         {
           className: clsx(
@@ -145,22 +145,22 @@ var Tree = ({ headerContent, group, groupIcon, fileIcon, selectedName, className
             group.content
           ]
         }
-      ),
+      ) : null,
       group.data.length > 0 && /* @__PURE__ */ jsx("div", { className: slots.itemWrapper({ class: classNames == null ? void 0 : classNames.itemWrapper }), children: group.data.map((node) => /* @__PURE__ */ jsx(
         TreeNodeItem,
         {
-          node,
-          depth: 1,
           classNames,
+          depth: 1,
           fileIcon,
-          selectedName,
-          onExpand
+          node,
+          onExpand,
+          selectedName
         },
         node.id
       )) })
     ] })
   ] });
-};
+}
 Tree.displayName = "Tree";
 var tree_default = Tree;
 var treeStyle = tv({

package/dist/{chunk-CXVDES22.mjs → chunk-NYQKX23D.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   clsx
-} from "./chunk-27Y6K5NK.mjs";
+} from "./chunk-KJFYLLMP.mjs";
 import {
   mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+} from "./chunk-UWT2WB6H.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -36,7 +36,9 @@ var Drawer = forwardRef((props, ref) => {
       const timer = setTimeout(() => {
         setShouldRender(false);
       }, 300);
-      return () => clearTimeout(timer);
+      return () => {
+        clearTimeout(timer);
+      };
     }
   }, [isOpen]);
   useEffect(() => {
@@ -77,7 +79,8 @@ var Drawer = forwardRef((props, ref) => {
     /* @__PURE__ */ jsxs(
       "div",
       {
-        ref,
+        "aria-labelledby": "drawer",
+        "aria-modal": "true",
         className: slots.base({
           class: clsx(
             classNames == null ? void 0 : classNames.base,
@@ -85,18 +88,19 @@ var Drawer = forwardRef((props, ref) => {
             "transition-all duration-300 ease-in-out"
           )
         }),
-        "aria-labelledby": "drawer",
+        ref,
         role: "dialog",
-        "aria-modal": "true",
         children: [
-          backdrop && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/50 backdrop-blur-sm", onClick: onClose }),
+          backdrop ? /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/50 backdrop-blur-sm", onClick: onClose }) : null,
           /* @__PURE__ */ jsx(
             "div",
             {
               className: slots.drawerWrapper({
                 class: clsx(classNames == null ? void 0 : classNames.drawerWrapper, getAnimationClasses())
               }),
-              onClick: (e) => e.stopPropagation(),
+              onClick: (e) => {
+                e.stopPropagation();
+              },
               children: /* @__PURE__ */ jsx("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: content })
             }
           )

package/dist/{chunk-MC7SI5Q7.mjs → chunk-OI5NXYUY.mjs}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-WSIADHVC.mjs";
 import {
   mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+} from "./chunk-UWT2WB6H.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -53,7 +53,9 @@ var Tooltip = forwardRef((originalProps, ref) => {
   }, []);
   const hideTooltip = useCallback(() => {
     if (!persistent) {
-      delayTimeoutRef.current = window.setTimeout(() => setTargetRect(null), delay);
+      delayTimeoutRef.current = window.setTimeout(() => {
+        setTargetRect(null);
+      }, delay);
     }
   }, [persistent, delay]);
   useEffect(() => {
@@ -76,7 +78,7 @@ var Tooltip = forwardRef((originalProps, ref) => {
         children: props.children
       }
     ),
-    targetRect && createPortal(
+    targetRect ? createPortal(
       /* @__PURE__ */ jsxs(
         "div",
         {
@@ -90,18 +92,18 @@ var Tooltip = forwardRef((originalProps, ref) => {
           },
           children: [
             props.content,
-            variantProps.tail && /* @__PURE__ */ jsx(
+            variantProps.tail ? /* @__PURE__ */ jsx(
               "div",
               {
                 className: `absolute h-2 w-2 rotate-45 bg-inherit ${getTailClassName(placement)}`,
                 style: getTailStyles(placement)
               }
-            )
+            ) : null
           ]
         }
       ),
       document.body
-    )
+    ) : null
   ] });
 });
 Tooltip.displayName = "Tooltip";