@deepnoid/ui 0.1.80 → 0.1.82

package/dist/components/toast/toast.mjs

@@ -1,13 +1,13 @@
 "use client";
 import {
   toast_default
-} from "../../chunk-TKGIYUSB.mjs";
+} from "../../chunk-4BJPJ54Q.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-RRONV7YA.mjs";
-import "../../chunk-XOPCRI7Z.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   toast_default as default

package/dist/components/toast/use-toast.js

@@ -215,6 +215,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",
@@ -310,8 +325,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/components/toast/use-toast.mjs

@@ -2,15 +2,15 @@
 import {
   ToastProvider,
   useToast
-} from "../../chunk-B7THOWOI.mjs";
+} from "../../chunk-D3HZG3CH.mjs";
 import "../../chunk-ZOTHPHXA.mjs";
-import "../../chunk-TKGIYUSB.mjs";
+import "../../chunk-4BJPJ54Q.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-RRONV7YA.mjs";
-import "../../chunk-XOPCRI7Z.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   ToastProvider,

package/dist/components/tooltip/index.js

@@ -178,6 +178,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",
@@ -273,8 +288,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/components/tooltip/index.mjs

@@ -2,11 +2,11 @@
 import "../../chunk-HIE2YRGA.mjs";
 import {
   tooltip_default
-} from "../../chunk-JPFA7PPB.mjs";
+} from "../../chunk-6KH2UQRM.mjs";
 import "../../chunk-ZMOAFSYE.mjs";
 import "../../chunk-WSIADHVC.mjs";
-import "../../chunk-XOPCRI7Z.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tooltip_default as Tooltip

package/dist/components/tooltip/tooltip.js

@@ -176,6 +176,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",
@@ -271,8 +286,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/components/tooltip/tooltip.mjs

@@ -1,11 +1,11 @@
 "use client";
 import {
   tooltip_default
-} from "../../chunk-JPFA7PPB.mjs";
+} from "../../chunk-6KH2UQRM.mjs";
 import "../../chunk-ZMOAFSYE.mjs";
 import "../../chunk-WSIADHVC.mjs";
-import "../../chunk-XOPCRI7Z.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tooltip_default as default

package/dist/components/tree/index.js

@@ -177,6 +177,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",
@@ -272,8 +287,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/components/tree/index.mjs

@@ -2,11 +2,11 @@
 import "../../chunk-MBLZYQCN.mjs";
 import {
   tree_default
-} from "../../chunk-R7VCFJGU.mjs";
+} from "../../chunk-Y5QV7T6D.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
 import "../../chunk-RRONV7YA.mjs";
-import "../../chunk-XOPCRI7Z.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/tree/tree.js

@@ -176,6 +176,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",
@@ -271,8 +286,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/components/tree/tree.mjs

@@ -2,11 +2,11 @@
 import {
   Tree,
   tree_default
-} from "../../chunk-R7VCFJGU.mjs";
+} from "../../chunk-Y5QV7T6D.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
 import "../../chunk-RRONV7YA.mjs";
-import "../../chunk-XOPCRI7Z.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/hooks/useIsMounted.d.mts

@@ -0,0 +1,8 @@
+type UseIsMountedProps = {
+    rerender?: boolean;
+    delay?: number;
+};
+declare function useIsMounted(props?: UseIsMountedProps): (boolean | (() => boolean))[];
+type UseIsMountedReturn = ReturnType<typeof useIsMounted>;
+
+export { type UseIsMountedProps, type UseIsMountedReturn, useIsMounted };

package/dist/hooks/useIsMounted.d.ts

@@ -0,0 +1,8 @@
+type UseIsMountedProps = {
+    rerender?: boolean;
+    delay?: number;
+};
+declare function useIsMounted(props?: UseIsMountedProps): (boolean | (() => boolean))[];
+type UseIsMountedReturn = ReturnType<typeof useIsMounted>;
+
+export { type UseIsMountedProps, type UseIsMountedReturn, useIsMounted };

package/dist/hooks/useIsMounted.js

@@ -0,0 +1,59 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useIsMounted.ts
+var useIsMounted_exports = {};
+__export(useIsMounted_exports, {
+  useIsMounted: () => useIsMounted
+});
+module.exports = __toCommonJS(useIsMounted_exports);
+var import_react = require("react");
+function useIsMounted(props = {}) {
+  const { rerender = false, delay = 0 } = props;
+  const isMountedRef = (0, import_react.useRef)(false);
+  const [isMounted, setIsMounted] = (0, import_react.useState)(false);
+  (0, import_react.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 [(0, import_react.useCallback)(() => isMountedRef.current, []), isMounted];
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useIsMounted
+});

package/dist/hooks/useIsMounted.mjs

@@ -0,0 +1,8 @@
+"use client";
+import {
+  useIsMounted
+} from "../chunk-3V4HT2K5.mjs";
+import "../chunk-AC6TWLRT.mjs";
+export {
+  useIsMounted
+};

package/dist/index.d.mts

@@ -32,6 +32,7 @@ export { default as Skeleton } from './components/skeleton/skeleton.mjs';
 export { default as CircularProgress } from './components/charts/circularProgress.mjs';
 export { default as AreaChart } from './components/charts/areaChart.mjs';
 export { default as BarChart } from './components/charts/barChart.mjs';
+export { default as Progress } from './components/progress/progress.mjs';
 export { tv } from './utils/tailwind-variants.mjs';
 export { deepnoidUi } from '@deepnoid/tailwind-config';
 export { VariantProps } from 'tailwind-variants';

package/dist/index.d.ts

@@ -32,6 +32,7 @@ export { default as Skeleton } from './components/skeleton/skeleton.js';
 export { default as CircularProgress } from './components/charts/circularProgress.js';
 export { default as AreaChart } from './components/charts/areaChart.js';
 export { default as BarChart } from './components/charts/barChart.js';
+export { default as Progress } from './components/progress/progress.js';
 export { tv } from './utils/tailwind-variants.js';
 export { deepnoidUi } from '@deepnoid/tailwind-config';
 export { VariantProps } from 'tailwind-variants';

package/dist/index.js

@@ -123,6 +123,7 @@ __export(index_exports, {
   ListItem: () => listItem_default,
   Modal: () => modal_default,
   Pagination: () => pagination_default,
+  Progress: () => progress_default,
   Radio: () => radio_default,
   ScrollArea: () => scrollArea_default,
   Select: () => select_default,
@@ -4961,6 +4962,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",
@@ -5056,8 +5072,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 = {
@@ -7725,7 +7741,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
@@ -11831,6 +11847,154 @@ var barChartStyle = tv({
     color: "primary"
   }
 });
+
+// src/components/progress/progress.tsx
+var import_react39 = require("react");
+
+// src/hooks/useIsMounted.ts
+var import_react38 = require("react");
+function useIsMounted(props = {}) {
+  const { rerender = false, delay = 0 } = props;
+  const isMountedRef = (0, import_react38.useRef)(false);
+  const [isMounted, setIsMounted] = (0, import_react38.useState)(false);
+  (0, import_react38.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 [(0, import_react38.useCallback)(() => isMountedRef.current, []), isMounted];
+}
+
+// src/components/progress/progress.tsx
+var import_jsx_runtime41 = require("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 = (0, import_react39.useMemo)(
+    () => isIndeterminate || !selfMounted ? void 0 : clampPercentage((value - minValue) / (maxValue - minValue) * 100),
+    [selfMounted, isIndeterminate, value, minValue, maxValue]
+  );
+  const slots = (0, import_react39.useMemo)(() => progressStyle({ ...variantProps }), [variantProps]);
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: slots.track({ class: classNames == null ? void 0 : classNames.track }), children: /* @__PURE__ */ (0, import_jsx_runtime41.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));
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AreaChart,
@@ -11854,6 +12018,7 @@ var barChartStyle = tv({
   ListItem,
   Modal,
   Pagination,
+  Progress,
   Radio,
   ScrollArea,
   Select,