@deepnoid/ui 0.1.81 → 0.1.83

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-OKO3XRJS.mjs → chunk-4ORPRDPL.mjs}

@@ -1,19 +1,19 @@
 "use client";
 import {
   backdrop_default
-} from "./chunk-FZJ5PLRU.mjs";
+} from "./chunk-AF4I7ZQS.mjs";
 import {
   button_default
-} from "./chunk-RN76ARTS.mjs";
+} from "./chunk-B6YYZVT6.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-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-L65ETSUY.mjs → chunk-5IKVOP4M.mjs}

@@ -1,22 +1,22 @@
 "use client";
+import {
+  calendar_default
+} from "./chunk-6SWMJLOD.mjs";
 import {
   timePicker_default
-} from "./chunk-ZYS4NSXT.mjs";
+} from "./chunk-FB6LBMGN.mjs";
 import {
   useDatePicker
 } from "./chunk-FWJ2ZKH6.mjs";
-import {
-  calendar_default
-} from "./chunk-TUXYVNTY.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/dateTimePicker/dateTimePicker.tsx
 import React, { forwardRef, useCallback, useMemo } from "react";

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-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-7Q2WQJ6U.mjs → chunk-7GFYCPP3.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   input_default
-} from "./chunk-5M7UDEMG.mjs";
+} from "./chunk-MVL7HJSH.mjs";
 import {
   button_default
-} from "./chunk-RN76ARTS.mjs";
+} from "./chunk-B6YYZVT6.mjs";
 import {
   icon_button_default
-} from "./chunk-PDY7UYKZ.mjs";
+} from "./chunk-Z6IOS3S6.mjs";
 
 // src/components/fileUpload/fileUpload.tsx
 import { useRef, useState, useEffect } from "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-LNVDBHVI.mjs → chunk-AI4YKKH4.mjs}

@@ -2,21 +2,21 @@
 import {
   skeleton_default
 } from "./chunk-6PN3DGOE.mjs";
-import {
-  pagination_default
-} from "./chunk-CC2F5HQX.mjs";
 import {
   scrollArea_default
 } from "./chunk-M37VBNB3.mjs";
 import {
-  checkbox_default
-} from "./chunk-SKOCUCE5.mjs";
+  pagination_default
+} from "./chunk-LMHSWLH2.mjs";
 import {
-  clsx
-} from "./chunk-27Y6K5NK.mjs";
+  checkbox_default
+} from "./chunk-XZ5DXOJQ.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  clsx
+} from "./chunk-27Y6K5NK.mjs";
 
 // src/components/table/table.tsx
 import {

package/dist/{chunk-RN76ARTS.mjs → chunk-B6YYZVT6.mjs}

@@ -1,19 +1,19 @@
 "use client";
-import {
-  ripple_default
-} from "./chunk-LXHUO6VM.mjs";
 import {
   useRipple
 } from "./chunk-6PNKRBUT.mjs";
+import {
+  ripple_default
+} from "./chunk-LXHUO6VM.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-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-EKLA6ZR4.mjs

@@ -0,0 +1,77 @@
+"use client";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-CDXBML6O.mjs";
+
+// src/components/accordion/accordion.tsx
+import React, { forwardRef, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var Accordion = forwardRef((originalProps, ref) => {
+  const [props, variantProps] = mapPropsVariants(originalProps, accordion.variantKeys);
+  const { children, classNames, selectionMode = "single", selectionIndex } = props;
+  const slots = useMemo(() => accordion({ ...variantProps }), [...Object.values(variantProps)]);
+  const [selections, setSelections] = useState(typeof selectionIndex === "number" ? [selectionIndex] : []);
+  const toggleItem = (index) => {
+    setSelections((prevIndices) => {
+      if (selectionMode === "single") {
+        return prevIndices.includes(index) ? [] : [index];
+      } else {
+        return prevIndices.includes(index) ? prevIndices.filter((i) => i !== index) : [...prevIndices, index];
+      }
+    });
+  };
+  return /* @__PURE__ */ jsx("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: React.Children.map(children, (child, index) => {
+    return React.cloneElement(child, {
+      ...variantProps,
+      ...child.props,
+      isInGroup: true,
+      isOpen: selections.includes(index),
+      onToggle: () => toggleItem(index)
+    });
+  }) });
+});
+Accordion.displayName = "Accordion";
+var accordion_default = Accordion;
+var accordion = tv({
+  slots: {
+    base: ["flex", "flex-col"]
+  },
+  variants: {
+    variant: {
+      outline: {
+        base: "gap-[20px]"
+      },
+      underline: {
+        base: "gap-[20px]"
+      }
+    },
+    size: {
+      sm: {},
+      md: {},
+      lg: {},
+      xl: {}
+    },
+    color: {
+      primary: {},
+      secondary: {},
+      neutral: {}
+    },
+    disableAnimation: {
+      true: {},
+      false: {}
+    }
+  },
+  defaultVariants: {
+    variant: "outline",
+    color: "primary",
+    size: "md",
+    disableAnimation: false
+  }
+});
+
+export {
+  accordion_default
+};

package/dist/{chunk-ZYS4NSXT.mjs → chunk-FB6LBMGN.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-I3ORSDFO.mjs";
 
 // src/components/dateTimePicker/timePicker.tsx
 import { useState, useRef, useEffect } from "react";