@deepnoid/ui 1.0.21 → 1.0.23

package/dist/{chunk-N4KPGD2N.mjs → chunk-25LWG2XP.mjs}

@@ -1,16 +1,16 @@
 "use client";
 import {
   backdrop_default
-} from "./chunk-5RJYESLP.mjs";
+} from "./chunk-EVXLGMV6.mjs";
 import {
   button_default
-} from "./chunk-O5VW7CHY.mjs";
+} from "./chunk-4FUD3BZV.mjs";
 import {
   Icon_default
-} from "./chunk-A6UUVHC6.mjs";
+} from "./chunk-C7OETP3D.mjs";
 import {
   mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+} from "./chunk-UWT2WB6H.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -40,7 +40,7 @@ var Modal = forwardRef((props, ref) => {
   const variant = props.variant || "horizontal";
   const slots = useMemo(() => modal(variantProps), [variantProps]);
   useEffect(() => {
-    document.body.classList.toggle("overflow-hidden", !!isOpen);
+    document.body.classList.toggle("overflow-hidden", Boolean(isOpen));
     if (!isOpen || isKeyboardDismissDisabled) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") onCancel == null ? void 0 : onCancel();
@@ -54,29 +54,29 @@ var Modal = forwardRef((props, ref) => {
   if (!isOpen) return null;
   return createPortal(
     /* @__PURE__ */ jsxs(Fragment, { children: [
-      hasBackdrop && /* @__PURE__ */ jsx(backdrop_default, { open: true }),
-      /* @__PURE__ */ jsxs("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), ...restProps, children: [
-        (iconName || title) && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: slots.titleWrapper({ class: classNames == null ? void 0 : classNames.titleWrapper }), children: [
-          iconName && /* @__PURE__ */ jsx(
+      hasBackdrop ? /* @__PURE__ */ jsx(backdrop_default, { open: true }) : null,
+      /* @__PURE__ */ jsxs("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), ref, ...restProps, children: [
+        iconName || title ? /* @__PURE__ */ jsxs("div", { className: slots.titleWrapper({ class: classNames == null ? void 0 : classNames.titleWrapper }), children: [
+          iconName ? /* @__PURE__ */ jsx(
             Icon_default,
             {
-              name: iconName,
-              size: variant === "vertical" ? 40 : 30,
+              className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
               fill: true,
-              className: slots.icon({ class: classNames == null ? void 0 : classNames.icon })
+              name: iconName,
+              size: variant === "vertical" ? 40 : 30
             }
-          ),
-          title && /* @__PURE__ */ jsx("div", { className: slots.title({ class: classNames == null ? void 0 : classNames.title }), children: title })
-        ] }) }),
-        showCloseButton && /* @__PURE__ */ jsx(Icon_default, { name: "close", className: slots.closeIcon({ class: classNames == null ? void 0 : classNames.closeIcon }), onClick: onCancel }),
+          ) : null,
+          title ? /* @__PURE__ */ jsx("div", { className: slots.title({ class: classNames == null ? void 0 : classNames.title }), children: title }) : null
+        ] }) : null,
+        showCloseButton ? /* @__PURE__ */ jsx(Icon_default, { className: slots.closeIcon({ class: classNames == null ? void 0 : classNames.closeIcon }), name: "close", onClick: onCancel }) : null,
         typeof content === "string" ? /* @__PURE__ */ jsx("div", { className: slots.content({ class: classNames == null ? void 0 : classNames.content }), children: content }) : content,
-        (cancelButtonText || confirmButtonText) && /* @__PURE__ */ jsxs("div", { className: slots.footerWrapper({ class: classNames == null ? void 0 : classNames.footerWrapper }), children: [
+        cancelButtonText || confirmButtonText ? /* @__PURE__ */ jsxs("div", { className: slots.footerWrapper({ class: classNames == null ? void 0 : classNames.footerWrapper }), children: [
           /* @__PURE__ */ jsxs("div", { className: slots.footer({ class: classNames == null ? void 0 : classNames.footer }), children: [
-            cancelButtonText && /* @__PURE__ */ jsx(button_default, { variant: "outline", color: props.color, full: true, onClick: onCancel, children: cancelButtonText }),
-            confirmButtonText && /* @__PURE__ */ jsx(button_default, { color: props.color, full: true, onClick: onConfirm, children: confirmButtonText })
+            cancelButtonText ? /* @__PURE__ */ jsx(button_default, { color: props.color, full: true, onClick: onCancel, variant: "outline", children: cancelButtonText }) : null,
+            confirmButtonText ? /* @__PURE__ */ jsx(button_default, { color: props.color, full: true, onClick: onConfirm, children: confirmButtonText }) : null
           ] }),
           extraFooter
-        ] })
+        ] }) : null
       ] })
     ] }),
     document.body

package/dist/{chunk-ZOTHPHXA.mjs → chunk-2C4HKBHM.mjs}

@@ -2,10 +2,10 @@
 
 // src/components/toast/toast-utils.ts
 var getToastPosition = (placement, width, offset) => {
-  let top = void 0;
-  let left = void 0;
-  let bottom = void 0;
-  let right = void 0;
+  let top;
+  let left;
+  let bottom;
+  let right;
   const viewportWidth = window.innerWidth;
   switch (placement) {
     case "top-left":

package/dist/{chunk-H7D5EBLL.mjs → chunk-32GYEUAB.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   getToastPosition
-} from "./chunk-ZOTHPHXA.mjs";
+} from "./chunk-2C4HKBHM.mjs";
 import {
   toast_default
-} from "./chunk-ZCJPPLYH.mjs";
+} from "./chunk-JUPZBZ5Q.mjs";
 
 // src/components/toast/use-toast.tsx
 import { createContext, useContext, useState, useCallback, useEffect, useRef, useMemo } from "react";
@@ -17,10 +17,10 @@ var useToast = () => {
   }
   return context;
 };
-var ToastProvider = ({
+function ToastProvider({
   globalOptions,
   children
-}) => {
+}) {
   const [toasts, setToasts] = useState([]);
   const [containerStyle, setContainerStyle] = useState({});
   const toastRef = useRef(null);
@@ -48,7 +48,9 @@ var ToastProvider = ({
   useEffect(() => {
     const timers = timersRef.current;
     return () => {
-      timers.forEach((timer) => clearTimeout(timer));
+      timers.forEach((timer) => {
+        clearTimeout(timer);
+      });
       timers.clear();
     };
   }, []);
@@ -100,7 +102,9 @@ var ToastProvider = ({
       if (id !== void 0) {
         removeToast(id);
       } else {
-        timersRef.current.forEach((timer) => clearTimeout(timer));
+        timersRef.current.forEach((timer) => {
+          clearTimeout(timer);
+        });
         timersRef.current.clear();
         setToasts([]);
       }
@@ -153,9 +157,11 @@ var ToastProvider = ({
   }, [globalOptions == null ? void 0 : globalOptions.placement, globalOptions == null ? void 0 : globalOptions.width]);
   return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: contextValue, children: [
     children,
-    /* @__PURE__ */ jsx("div", { id: "deepnoid-toast-container", className: "flex flex-col gap-[10px]", style: containerStyle, children: toasts.map((toast) => /* @__PURE__ */ jsx(toast_default, { ref: toastRef, onClose: () => removeToast(toast.id), ...toast }, toast.id)) })
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-[10px]", id: "deepnoid-toast-container", style: containerStyle, children: toasts.map((toast) => /* @__PURE__ */ jsx(toast_default, { onClose: () => {
+      removeToast(toast.id);
+    }, ref: toastRef, ...toast }, toast.id)) })
   ] });
-};
+}
 
 export {
   useToast,

package/dist/{chunk-3K4OTUIB.mjs → chunk-3Z2WSTCH.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   text_button_default
-} from "./chunk-KIINY2GS.mjs";
+} from "./chunk-MS65QLWR.mjs";
 import {
   Icon_default
-} from "./chunk-A6UUVHC6.mjs";
+} from "./chunk-C7OETP3D.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -12,20 +12,20 @@ import {
 // src/components/breadcrumb/breadcrumb.tsx
 import { forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var BreadcrumbMenu = ({ label, onClick, isCurrent, size }) => {
+function BreadcrumbMenu({ label, onClick, isCurrent, size }) {
   return /* @__PURE__ */ jsx(
     text_button_default,
     {
-      variant: isCurrent ? "underline" : "non-under",
-      color: isCurrent ? "primary" : "neutral",
-      size,
-      onClick,
       "aria-label": label,
       classNames: { base: isCurrent ? "block text-ellipsis font-bold" : "font-bold" },
+      color: isCurrent ? "primary" : "neutral",
+      onClick,
+      size,
+      variant: isCurrent ? "underline" : "non-under",
       children: label
     }
   );
-};
+}
 var Breadcrumb = forwardRef(({ startIconName, size, menus, classNames }, ref) => {
   const slots = useMemo(() => breadcrumbStyle({ size }), [size]);
   const renderMenus = (menus2) => {
@@ -45,19 +45,19 @@ var Breadcrumb = forwardRef(({ startIconName, size, menus, classNames }, ref) =>
       return /* @__PURE__ */ jsxs(
         "li",
         {
-          className: `flex items-center gap-[5px] ${isLast ? "overflow-hidden" : ""}`,
           "aria-current": isLast ? "page" : void 0,
+          className: `flex items-center gap-[5px] ${isLast ? "overflow-hidden" : ""}`,
           children: [
-            /* @__PURE__ */ jsx(BreadcrumbMenu, { label: menu.label, onClick: menu.onClick, isCurrent: isLast, size }),
-            !isLast && /* @__PURE__ */ jsx(Icon_default, { name: "brace-right", className: slots.separator() })
+            /* @__PURE__ */ jsx(BreadcrumbMenu, { isCurrent: isLast, label: menu.label, onClick: menu.onClick, size }),
+            !isLast && /* @__PURE__ */ jsx(Icon_default, { className: slots.separator(), name: "brace-right" })
           ]
         },
         `${menu.label}-${index}`
       );
     });
   };
-  return /* @__PURE__ */ jsx("nav", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsxs("ul", { className: "flex w-full items-center gap-1", children: [
-    startIconName && /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Icon_default, { name: startIconName, size, className: `${slots.icon()}` }) }),
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), ref, children: /* @__PURE__ */ jsxs("ul", { className: "flex w-full items-center gap-1", children: [
+    startIconName ? /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Icon_default, { className: slots.icon(), name: startIconName, size }) }) : null,
     renderMenus(menus)
   ] }) });
 });

package/dist/{chunk-JGF5TY7M.mjs → chunk-4ALAPTAW.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   modal_default
-} from "./chunk-N4KPGD2N.mjs";
+} from "./chunk-25LWG2XP.mjs";
 
 // src/components/modal/GlobalModalProvider.tsx
 import { createContext, useState, useCallback, useMemo } from "react";
@@ -19,22 +19,22 @@ function GlobalModalProvider({ children }) {
   const value = useMemo(() => ({ open, close }), [open, close]);
   return /* @__PURE__ */ jsxs(GlobalModalContext.Provider, { value, children: [
     children,
-    modalConfig && /* @__PURE__ */ jsx(
+    modalConfig ? /* @__PURE__ */ jsx(
       modal_default,
       {
-        isOpen: true,
-        title: modalConfig.title,
-        content: modalConfig.content,
-        confirmButtonText: modalConfig.confirmButtonText,
         cancelButtonText: modalConfig.cancelButtonText,
+        classNames: modalConfig.classNames,
         color: modalConfig.color || "primary",
-        showCloseButton: (_a = modalConfig.showCloseButton) != null ? _a : true,
+        confirmButtonText: modalConfig.confirmButtonText,
+        content: modalConfig.content,
+        extraFooter: modalConfig.extraFooter,
+        isOpen: true,
         onCancel: modalConfig.onCancel || close,
         onConfirm: modalConfig.onConfirm,
-        classNames: modalConfig.classNames,
-        extraFooter: modalConfig.extraFooter
+        showCloseButton: (_a = modalConfig.showCloseButton) != null ? _a : true,
+        title: modalConfig.title
       }
-    )
+    ) : null
   ] });
 }
 

package/dist/{chunk-O5VW7CHY.mjs → chunk-4FUD3BZV.mjs}

@@ -1,19 +1,19 @@
 "use client";
 import {
   ripple_default
-} from "./chunk-LXHUO6VM.mjs";
+} from "./chunk-EAFNOTY3.mjs";
 import {
   useRipple
 } from "./chunk-SZL743JC.mjs";
 import {
   Icon_default
-} from "./chunk-A6UUVHC6.mjs";
+} from "./chunk-C7OETP3D.mjs";
 import {
   buttonBaseStyle
 } from "./chunk-2WAQRWST.mjs";
 import {
   mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+} from "./chunk-UWT2WB6H.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -117,15 +117,14 @@ var Button = forwardRef((originalProps, ref) => {
         className: `${getContentProps().className || ""} ${existingProps.className || ""}`.trim()
       };
       return cloneElement(content, mergedProps);
-    } else {
-      const contentProps = getContentProps();
-      return /* @__PURE__ */ jsx("div", { ...contentProps, children: content });
     }
+    const contentProps = getContentProps();
+    return /* @__PURE__ */ jsx("div", { ...contentProps, children: content });
   };
-  const buttonContent = /* @__PURE__ */ jsx(Fragment, { children: originalProps.isLoading ? renderContent(/* @__PURE__ */ jsx(Icon_default, { name: "loading", className: "animate-spin" })) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    startContent && renderContent(startContent),
+  const buttonContent = /* @__PURE__ */ jsx(Fragment, { children: originalProps.isLoading ? renderContent(/* @__PURE__ */ jsx(Icon_default, { className: "animate-spin", name: "loading" })) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    startContent ? renderContent(startContent) : null,
     children,
-    endContent && renderContent(endContent),
+    endContent ? renderContent(endContent) : null,
     !disableRipple && /* @__PURE__ */ jsx(ripple_default, { ...getRippleProps() })
   ] }) });
   if (asChild && isValidElement(children)) {
@@ -141,14 +140,14 @@ var Button = forwardRef((originalProps, ref) => {
         (_c = baseProps.onClick) == null ? void 0 : _c.call(baseProps, e);
       },
       onMouseDown: (e) => {
-        var _a, _b, _c;
+        var _a, _b;
         (_b = (_a = childElement.props).onMouseDown) == null ? void 0 : _b.call(_a, e);
-        (_c = baseProps.onMouseDown) == null ? void 0 : _c.call(baseProps, e);
+        baseProps.onMouseDown(e);
       },
-      children: /* @__PURE__ */ jsx(Fragment, { children: originalProps.isLoading ? renderContent(/* @__PURE__ */ jsx(Icon_default, { name: "loading", className: "animate-spin" })) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        startContent && renderContent(startContent),
+      children: /* @__PURE__ */ jsx(Fragment, { children: originalProps.isLoading ? renderContent(/* @__PURE__ */ jsx(Icon_default, { className: "animate-spin", name: "loading" })) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        startContent ? renderContent(startContent) : null,
         childElement.props.children,
-        endContent && renderContent(endContent),
+        endContent ? renderContent(endContent) : null,
         !disableRipple && /* @__PURE__ */ jsx(ripple_default, { ...getRippleProps() })
       ] }) })
     };

package/dist/{chunk-WTBRXQFT.mjs → chunk-5TBL2VZ5.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+} from "./chunk-UWT2WB6H.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -72,7 +72,7 @@ var SimpleBarChartComponent = forwardRef((originalProps, ref) => {
   const handleMouseLeave = () => {
     setTooltipState(null);
   };
-  const CustomBarShape = ({ x, y, width, height, fill }) => {
+  function CustomBarShape({ x, y, width, height, fill }) {
     const radius = 4;
     const extraHeight = 10;
     const adjustedHeight = height + extraHeight;
@@ -84,23 +84,23 @@ var SimpleBarChartComponent = forwardRef((originalProps, ref) => {
         d: `M${x},${bottomY} L${x},${adjustedY + radius} Q${x},${adjustedY} ${x + radius},${adjustedY} L${x + width - radius},${adjustedY} Q${x + width},${adjustedY} ${x + width},${adjustedY + radius} L${x + width},${bottomY} Z`,
         fill
       }
-    ) : /* @__PURE__ */ jsx("rect", { x, y, width, height: 0, fill });
-  };
-  const CustomTick = ({ x, y, payload }) => {
+    ) : /* @__PURE__ */ jsx("rect", { fill, height: 0, width, x, y });
+  }
+  function CustomTick({ x, y, payload }) {
     return /* @__PURE__ */ jsx(
       "text",
       {
-        x,
-        y: y + 14,
-        textAnchor: "middle",
+        className: "text-body-foreground",
+        fill: "currentColor",
         fontSize: 12,
         fontWeight: 700,
-        fill: "currentColor",
-        className: "text-body-foreground",
+        textAnchor: "middle",
+        x,
+        y: y + 14,
         children: payload.value
       }
     );
-  };
+  }
   useLayoutEffect(() => {
     if (!tooltipState || !chartRef.current || !tooltipRef.current) return;
     const chartRect = chartRef.current.getBoundingClientRect();
@@ -119,7 +119,6 @@ var SimpleBarChartComponent = forwardRef((originalProps, ref) => {
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      ref: chartRef,
       className: slots.base({ class: classNames == null ? void 0 : classNames.base }),
       onMouseLeave: handleMouseLeave,
       onMouseMove: (e) => {
@@ -128,63 +127,64 @@ var SimpleBarChartComponent = forwardRef((originalProps, ref) => {
           setTooltipState(null);
         }
       },
+      ref: chartRef,
       children: [
-        label && /* @__PURE__ */ jsx("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
-        /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: 140, children: /* @__PURE__ */ jsxs(
+        label ? /* @__PURE__ */ jsx("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }) : null,
+        /* @__PURE__ */ jsx(ResponsiveContainer, { height: 140, width: "100%", children: /* @__PURE__ */ jsxs(
           BarChart,
           {
-            data,
-            margin: { left: 0, right: 0, top: 0, bottom: 0 },
-            barSize: 10,
             barGap,
+            barSize: 10,
             className: "[&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
+            data,
+            margin: { left: 0, right: 0, top: 0, bottom: 0 },
             children: [
               /* @__PURE__ */ jsx(
                 CartesianGrid,
                 {
-                  vertical: true,
+                  className: "stroke-neutral-light",
                   horizontal: false,
                   strokeDasharray: "4 4",
-                  className: "stroke-neutral-light",
+                  vertical: true,
                   verticalPoints: tickPositions
                 }
               ),
               /* @__PURE__ */ jsx(
                 CartesianGrid,
                 {
-                  vertical: true,
+                  className: "stroke-neutral-light",
                   horizontal: false,
                   strokeDasharray: "0",
                   strokeWidth: 2,
-                  className: "stroke-neutral-light",
+                  vertical: true,
                   verticalPoints: [0]
                 }
               ),
               /* @__PURE__ */ jsx(
                 XAxis,
                 {
-                  dataKey: "title",
                   axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
-                  tickLine: false,
+                  dataKey: "title",
+                  padding: { left: 0, right: 0 },
                   tick: CustomTick,
-                  padding: { left: 0, right: 0 }
+                  tickLine: false
                 }
               ),
-              /* @__PURE__ */ jsx(YAxis, { hide: true, ticks: yAxisTicks, domain: yAxisDomain }),
+              /* @__PURE__ */ jsx(YAxis, { domain: yAxisDomain, hide: true, ticks: yAxisTicks }),
               /* @__PURE__ */ jsx(
                 Bar,
                 {
                   dataKey: "value",
                   fill: "#C7E5FA",
-                  shape: CustomBarShape,
                   onMouseEnter: handleMouseEnter,
-                  onMouseLeave: handleMouseLeave
+                  onMouseLeave: handleMouseLeave,
+                  shape: CustomBarShape
                 }
               )
             ]
           }
         ) }),
-        tooltipFormatter && /* @__PURE__ */ jsx(
+        tooltipFormatter ? /* @__PURE__ */ jsx(
           "div",
           {
             ref: tooltipRef,
@@ -200,9 +200,9 @@ var SimpleBarChartComponent = forwardRef((originalProps, ref) => {
               width: "fit-content",
               whiteSpace: "nowrap"
             },
-            children: tooltipState && tooltipFormatter(tooltipState)
+            children: tooltipState ? tooltipFormatter(tooltipState) : null
           }
-        )
+        ) : null
       ]
     }
   );

package/dist/{chunk-LHWHM4LQ.mjs → chunk-6J6AXUUE.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   clsx
-} from "./chunk-27Y6K5NK.mjs";
+} from "./chunk-KJFYLLMP.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -15,7 +15,7 @@ var ButtonGroup = forwardRef(
     const validChildren = React.Children.toArray(children).filter(isValidElement);
     const lastValidIndex = validChildren.length - 1;
     let validIndex = -1;
-    return /* @__PURE__ */ jsx("div", { ref, className: buttonGroup({ full, className: classNames == null ? void 0 : classNames.base }), children: React.Children.map(children, (child) => {
+    return /* @__PURE__ */ jsx("div", { className: buttonGroup({ full, className: classNames == null ? void 0 : classNames.base }), ref, children: React.Children.map(children, (child) => {
       var _a, _b;
       if (!isValidElement(child)) return child;
       const childElement = child;