@deepnoid/ui 0.1.80 → 0.1.82

package/dist/{chunk-B6XJNGQL.mjs → chunk-3IILPVRA.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  tv
-} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-CDXBML6O.mjs";
 
 // src/components/list/list.tsx
 import { Children, cloneElement, forwardRef, isValidElement, useMemo } from "react";

package/dist/{chunk-KCAGZUYM.mjs → chunk-3M6VYLOU.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   tv
-} from "./chunk-XOPCRI7Z.mjs";
+} from "./chunk-CDXBML6O.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";

package/dist/chunk-3V4HT2K5.mjs

@@ -0,0 +1,36 @@
+"use client";
+
+// src/hooks/useIsMounted.ts
+import { useCallback, useEffect, useRef, useState } from "react";
+function useIsMounted(props = {}) {
+  const { rerender = false, delay = 0 } = props;
+  const isMountedRef = useRef(false);
+  const [isMounted, setIsMounted] = useState(false);
+  useEffect(() => {
+    isMountedRef.current = true;
+    let timer = null;
+    if (rerender) {
+      if (delay > 0) {
+        timer = setTimeout(() => {
+          setIsMounted(true);
+        }, delay);
+      } else {
+        setIsMounted(true);
+      }
+    }
+    return () => {
+      isMountedRef.current = false;
+      if (rerender) {
+        setIsMounted(false);
+      }
+      if (timer) {
+        clearTimeout(timer);
+      }
+    };
+  }, [rerender]);
+  return [useCallback(() => isMountedRef.current, []), isMounted];
+}
+
+export {
+  useIsMounted
+};

package/dist/{chunk-TKGIYUSB.mjs → chunk-4BJPJ54Q.mjs}

@@ -2,15 +2,15 @@
 import {
   Icon_default
 } from "./chunk-JP4TEWP7.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-XOPCRI7Z.mjs";
+} from "./chunk-CDXBML6O.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/toast/toast.tsx
 import { forwardRef, useImperativeHandle, useMemo, useRef } from "react";

package/dist/{chunk-FRKIXGG5.mjs → chunk-4LP3QDAE.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  tv
-} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-CDXBML6O.mjs";
 
 // src/components/tabs/tabs.tsx
 import { forwardRef, useCallback, useMemo, useState } from "react";

package/dist/{chunk-FZNRCPWF.mjs → chunk-54342D4Z.mjs}

@@ -2,15 +2,15 @@
 import {
   Icon_default
 } from "./chunk-JP4TEWP7.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-XOPCRI7Z.mjs";
+} from "./chunk-CDXBML6O.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/select/select.tsx
 import { forwardRef, useMemo, useState, useRef, useEffect } from "react";

package/dist/chunk-5FFTHFBX.mjs

@@ -0,0 +1,129 @@
+"use client";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-CDXBML6O.mjs";
+import {
+  useIsMounted
+} from "./chunk-3V4HT2K5.mjs";
+
+// src/components/progress/progress.tsx
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var Progress = (originalProps) => {
+  const [props, variantProps] = mapPropsVariants(originalProps, progressStyle.variantKeys);
+  const { children, classNames, value = 0, minValue = 0, maxValue = 100, ...progressProps } = props;
+  const isIndeterminate = originalProps.isIndeterminate;
+  const [, isMounted] = useIsMounted({
+    rerender: true,
+    delay: 100
+  });
+  const selfMounted = variantProps.disableAnimation ? true : isMounted;
+  const percentage = useMemo(
+    () => isIndeterminate || !selfMounted ? void 0 : clampPercentage((value - minValue) / (maxValue - minValue) * 100),
+    [selfMounted, isIndeterminate, value, minValue, maxValue]
+  );
+  const slots = useMemo(() => progressStyle({ ...variantProps }), [variantProps]);
+  return /* @__PURE__ */ jsx("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: /* @__PURE__ */ jsx("div", { className: slots.track({ class: classNames == null ? void 0 : classNames.track }), children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: slots.indicator({ class: classNames == null ? void 0 : classNames.indicator }),
+      style: {
+        transform: `translateX(-${100 - (percentage || 0)}%)`
+      }
+    }
+  ) }) });
+};
+var progress_default = Progress;
+var progressStyle = tv({
+  slots: {
+    base: ["flex flex-col gap-2 w-full"],
+    track: ["z-0", "relative", "bg-neutral-soft", "overflow-hidden", "rtl:rotate-180"],
+    indicator: ["h-full"],
+    value: ""
+  },
+  variants: {
+    color: {
+      primary: {
+        indicator: ["bg-gradient-to-r from-primary-light via-primary-light to-primary-main"]
+      },
+      secondary: {
+        indicator: ["bg-gradient-to-r from-secondary-light via-secondary-light to-secondary-main"]
+      },
+      neutral: {
+        indicator: ["bg-gradient-to-r from-neutral-light via-neutral-light to-neutral-main"]
+      },
+      info: {
+        indicator: ["bg-gradient-to-r from-info-light via-info-light to-info-main"]
+      },
+      success: {
+        indicator: ["bg-gradient-to-r from-success-light via-success-light to-success-main"]
+      },
+      warning: {
+        indicator: ["bg-gradient-to-r from-warning-light via-warning-light to-warning-main"]
+      },
+      danger: {
+        indicator: ["bg-gradient-to-r from-danger-light via-danger-light to-danger-main"]
+      }
+    },
+    size: {
+      sm: {
+        track: ["h-[4px]", "rounded-sm"],
+        indicator: "rounded-sm"
+      },
+      md: {
+        track: ["h-[6px]", "rounded-md"],
+        indicator: "rounded-md"
+      },
+      lg: {
+        track: ["h-[8px]", "rounded-lg"],
+        indicator: "rounded-lg"
+      },
+      xl: {
+        track: ["h-[10px]", "rounded-xl"],
+        indicator: "rounded-xl"
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-disabled cursor-not-allowed"
+      }
+    },
+    disableAnimation: {
+      true: {},
+      false: {
+        indicator: "transition-transform !duration-500"
+      }
+    },
+    isIndeterminate: {
+      true: {
+        indicator: ["absolute", "w-full", "origin-left", "animate-indeterminate-bar"]
+      }
+    }
+  },
+  defaultVariants: {
+    color: "primary",
+    size: "md",
+    isDisabled: false,
+    disableAnimation: false,
+    isIndeterminate: false
+  },
+  compoundVariants: [
+    {
+      isIndeterminate: true,
+      disableAnimation: false,
+      className: {
+        indicator: "!transition-none motion-reduce:transition-none"
+      }
+    }
+  ]
+});
+var clampPercentage = (value) => {
+  return Math.min(100, Math.max(0, value));
+};
+
+export {
+  progress_default
+};

package/dist/{chunk-JPFA7PPB.mjs → chunk-6KH2UQRM.mjs}

@@ -6,12 +6,12 @@ import {
   getTailClassName,
   getTailStyles
 } from "./chunk-WSIADHVC.mjs";
-import {
-  tv
-} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-CDXBML6O.mjs";
 
 // src/components/tooltip/tooltip.tsx
 import { forwardRef, useCallback, useMemo, useRef, useState, useEffect } from "react";

package/dist/{chunk-ZYS4NSXT.mjs → chunk-6PI7MYEV.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  listItem_default
-} from "./chunk-QFIS6N5R.mjs";
 import {
   list_default
-} from "./chunk-B6XJNGQL.mjs";
+} from "./chunk-3IILPVRA.mjs";
+import {
+  listItem_default
+} from "./chunk-JW2TIJVH.mjs";
 
 // src/components/dateTimePicker/timePicker.tsx
 import { useState, useRef, useEffect } from "react";

package/dist/{chunk-TUXYVNTY.mjs → chunk-6SWMJLOD.mjs}

@@ -6,12 +6,12 @@ import {
 import {
   Icon_default
 } from "./chunk-JP4TEWP7.mjs";
-import {
-  tv
-} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-CDXBML6O.mjs";
 
 // src/components/dateTimePicker/calendar.tsx
 import React, {

package/dist/chunk-7VOQKIIK.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/{chunk-ORXMPU2C.mjs → chunk-7VS6YXNB.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  tv
-} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-CDXBML6O.mjs";
 
 // src/components/charts/circularProgress.tsx
 import { RadialBarChart, RadialBar, PolarAngleAxis } from "recharts";

package/dist/{chunk-FZJ5PLRU.mjs → chunk-AF4I7ZQS.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   tv
-} from "./chunk-XOPCRI7Z.mjs";
+} from "./chunk-CDXBML6O.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";

package/dist/{chunk-UWXCAR5C.mjs → chunk-AI4YKKH4.mjs}

@@ -1,22 +1,22 @@
 "use client";
-import {
-  scrollArea_default
-} from "./chunk-M37VBNB3.mjs";
 import {
   skeleton_default
 } from "./chunk-6PN3DGOE.mjs";
+import {
+  scrollArea_default
+} from "./chunk-M37VBNB3.mjs";
 import {
   pagination_default
-} from "./chunk-CC2F5HQX.mjs";
+} from "./chunk-LMHSWLH2.mjs";
 import {
   checkbox_default
-} from "./chunk-SKOCUCE5.mjs";
-import {
-  clsx
-} from "./chunk-27Y6K5NK.mjs";
+} from "./chunk-XZ5DXOJQ.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  clsx
+} from "./chunk-27Y6K5NK.mjs";
 
 // src/components/table/table.tsx
 import {
@@ -496,7 +496,7 @@ var TableHead = ({
         flexShrink: 0,
         flexGrow: 0,
         boxSizing: "border-box"
-      } : column ? getCellStyle(column) : void 0,
+      } : column ? { ...getCellStyle(column), textAlign: "center" } : void 0,
       children: content
     },
     key

package/dist/{chunk-7JVTWM4U.mjs → chunk-BOFOJQMD.mjs}

@@ -4,10 +4,10 @@ import {
 } from "./chunk-JP4TEWP7.mjs";
 import {
   text_button_default
-} from "./chunk-TVTIX7MO.mjs";
+} from "./chunk-JBSV7GCL.mjs";
 import {
   tv
-} from "./chunk-XOPCRI7Z.mjs";
+} from "./chunk-CDXBML6O.mjs";
 
 // src/components/breadcrumb/breadcrumb.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-XOPCRI7Z.mjs → chunk-CDXBML6O.mjs}

@@ -278,6 +278,21 @@ var fontSize = {
   ]
 };
 
+// ../tailwind-config/src/animation/bar.ts
+var barAnimation = {
+  "indeterminate-bar": "indeterminate-bar 1.5s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite normal none running"
+};
+var barKeyframe = {
+  "indeterminate-bar": {
+    "0%": {
+      transform: "translateX(-50%) scaleX(0.2)"
+    },
+    "100%": {
+      transform: "translateX(100%) scaleX(1)"
+    }
+  }
+};
+
 // ../tailwind-config/src/animation/slide.ts
 var sliceAnimation = {
   slideInFromTop: "slideInFromTop 0.5s ease-out",
@@ -373,8 +388,8 @@ var sliceKeyframe = {
 };
 
 // ../tailwind-config/src/animation/index.ts
-var animation = { ...sliceAnimation };
-var keyframes = { ...sliceKeyframe };
+var animation = { ...sliceAnimation, ...barAnimation };
+var keyframes = { ...sliceKeyframe, ...barKeyframe };
 
 // ../tailwind-config/src/shadow/index.ts
 var boxShadow = {

package/dist/{chunk-B7THOWOI.mjs → chunk-D3HZG3CH.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "./chunk-TKGIYUSB.mjs";
+} from "./chunk-4BJPJ54Q.mjs";
 
 // src/components/toast/use-toast.tsx
 import { createContext, useContext, useState, useCallback, useEffect, useRef } from "react";

package/dist/{chunk-I6MFQAQE.mjs → chunk-GAZ472ZU.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  tv
-} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-CDXBML6O.mjs";
 
 // src/components/charts/barChart.tsx
 import { forwardRef, useEffect, useMemo, useRef, useState } from "react";

package/dist/{chunk-5IESFXPF.mjs → chunk-GH4EPD35.mjs}

@@ -1,13 +1,13 @@
 "use client";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-XOPCRI7Z.mjs";
+} from "./chunk-CDXBML6O.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/radio/radio.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-EKWUOA5B.mjs → chunk-ITWKPTSD.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   tv
-} from "./chunk-XOPCRI7Z.mjs";
+} from "./chunk-CDXBML6O.mjs";
 
 // src/components/button/button-group.tsx
 import React, { forwardRef } from "react";

package/dist/{chunk-TVTIX7MO.mjs → chunk-JBSV7GCL.mjs}

@@ -1,13 +1,13 @@
 "use client";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-XOPCRI7Z.mjs";
+} from "./chunk-CDXBML6O.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/button/text-button.tsx
 import {

package/dist/{chunk-QFIS6N5R.mjs → chunk-JW2TIJVH.mjs}

@@ -1,16 +1,16 @@
 "use client";
 import {
   avatar_default
-} from "./chunk-FUPY7MXT.mjs";
+} from "./chunk-NTNIGQGI.mjs";
 import {
   Icon_default
 } from "./chunk-JP4TEWP7.mjs";
-import {
-  tv
-} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-CDXBML6O.mjs";
 
 // src/components/list/listItem.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-SPIJ6ECD.mjs → chunk-KAKSKYMD.mjs}

@@ -1,19 +1,19 @@
 "use client";
 import {
   backdrop_default
-} from "./chunk-FZJ5PLRU.mjs";
+} from "./chunk-AF4I7ZQS.mjs";
 import {
   button_default
-} from "./chunk-Q7J5FAMH.mjs";
+} from "./chunk-PKUJTOVJ.mjs";
 import {
   Icon_default
 } from "./chunk-JP4TEWP7.mjs";
-import {
-  tv
-} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-CDXBML6O.mjs";
 
 // src/components/modal/modal.tsx
 import { forwardRef, useMemo, useEffect } from "react";

package/dist/{chunk-CC2F5HQX.mjs → chunk-LMHSWLH2.mjs}

@@ -4,19 +4,19 @@ import {
 } from "./chunk-F3HENRVM.mjs";
 import {
   input_default
-} from "./chunk-5M7UDEMG.mjs";
+} from "./chunk-MVL7HJSH.mjs";
 import {
   Icon_default
 } from "./chunk-JP4TEWP7.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-XOPCRI7Z.mjs";
+} from "./chunk-CDXBML6O.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/pagination/pagination.tsx
 import { forwardRef, useMemo, useState } from "react";

package/dist/{chunk-5M7UDEMG.mjs → chunk-MVL7HJSH.mjs}

@@ -2,15 +2,15 @@
 import {
   Icon_default
 } from "./chunk-JP4TEWP7.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-XOPCRI7Z.mjs";
+} from "./chunk-CDXBML6O.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/input/input.tsx
 import {

package/dist/{chunk-FUPY7MXT.mjs → chunk-NTNIGQGI.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-RRONV7YA.mjs";
 import {
   tv
-} from "./chunk-XOPCRI7Z.mjs";
+} from "./chunk-CDXBML6O.mjs";
 
 // src/components/avatar/avatar.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-PQRAYOTJ.mjs → chunk-P6CRHHI3.mjs}

@@ -1,19 +1,19 @@
 "use client";
-import {
-  useRipple
-} from "./chunk-6PNKRBUT.mjs";
 import {
   ripple_default
 } from "./chunk-LXHUO6VM.mjs";
+import {
+  useRipple
+} from "./chunk-6PNKRBUT.mjs";
 import {
   Icon_default
 } from "./chunk-JP4TEWP7.mjs";
-import {
-  tv
-} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-CDXBML6O.mjs";
 
 // src/components/button/icon-button.tsx
 import { forwardRef, useMemo, useCallback } from "react";

package/dist/{chunk-Q7J5FAMH.mjs → chunk-PKUJTOVJ.mjs}

@@ -1,19 +1,19 @@
 "use client";
-import {
-  useRipple
-} from "./chunk-6PNKRBUT.mjs";
 import {
   ripple_default
 } from "./chunk-LXHUO6VM.mjs";
+import {
+  useRipple
+} from "./chunk-6PNKRBUT.mjs";
 import {
   Icon_default
 } from "./chunk-JP4TEWP7.mjs";
-import {
-  tv
-} from "./chunk-XOPCRI7Z.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-CDXBML6O.mjs";
 
 // src/components/button/button.tsx
 import React, { forwardRef, useMemo, useCallback } from "react";

package/dist/{chunk-3WBUF37A.mjs → chunk-S7Y7XUBL.mjs}

@@ -1,13 +1,13 @@
 "use client";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-XOPCRI7Z.mjs";
+} from "./chunk-CDXBML6O.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/drawer/drawer.tsx
 import { forwardRef, useMemo, useEffect, useState } from "react";

package/dist/{chunk-RSGTFDZ5.mjs → chunk-SDRGT5I7.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   input_default
-} from "./chunk-5M7UDEMG.mjs";
+} from "./chunk-MVL7HJSH.mjs";
 import {
   button_default
-} from "./chunk-Q7J5FAMH.mjs";
+} from "./chunk-PKUJTOVJ.mjs";
 import {
   icon_button_default
-} from "./chunk-PQRAYOTJ.mjs";
+} from "./chunk-P6CRHHI3.mjs";
 
 // src/components/fileUpload/fileUpload.tsx
 import { useRef, useState, useEffect } from "react";