@deepnoid/ui 0.1.191 → 0.1.192

package/dist/components/fileUpload/index.js

@@ -107,8 +107,8 @@ __export(fileUpload_exports, {
 module.exports = __toCommonJS(fileUpload_exports);
 
 // src/components/fileUpload/fileUpload.tsx
-var import_react7 = require("react");
-var import_tailwind_variants6 = require("tailwind-variants");
+var import_react6 = require("react");
+var import_tailwind_variants5 = require("tailwind-variants");
 
 // src/components/input/input.tsx
 var import_react = require("react");
@@ -6109,381 +6109,16 @@ var buttonStyle = tv({
   ]
 });
 
-// src/components/button/icon-button.tsx
-var import_react4 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var IconButton = (0, import_react4.forwardRef)((props, ref) => {
-  const [localProps, variantProps] = mapPropsVariants(props, iconButtonStyle.variantKeys);
-  const { classNames, name, disableRipple, disabled, isLoading, size, full, isInGroup, onMouseDown, ...buttonProps } = {
-    ...localProps,
-    ...variantProps
-  };
-  const slots = (0, import_react4.useMemo)(() => iconButtonStyle({ ...variantProps }), [variantProps]);
-  const { onPress, onClear, ripples } = useRipple();
-  const handleRipple = (0, import_react4.useCallback)(
-    (e) => {
-      if (!disableRipple && !disabled) {
-        onPress(e);
-      }
-    },
-    [disableRipple, disabled, onPress]
-  );
-  const handleMouseDown = (0, import_react4.useCallback)(
-    (e) => {
-      onMouseDown == null ? void 0 : onMouseDown(e);
-      handleRipple(e);
-    },
-    [onMouseDown, handleRipple]
-  );
-  const rippleProps = (0, import_react4.useMemo)(() => ({ ripples, onClear }), [ripples, onClear]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    "button",
-    {
-      ...buttonProps,
-      onMouseDown: handleMouseDown,
-      ref,
-      disabled: disabled || isLoading,
-      "data-loading": isLoading,
-      className: slots.base({ class: classNames == null ? void 0 : classNames.base }),
-      children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon_default, { name: "loading", size, className: "animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon_default, { name, size }),
-        !disableRipple && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ripple_default, { ...rippleProps })
-      ] })
-    }
-  );
-});
-IconButton.displayName = "IconButton";
-var icon_button_default = IconButton;
-var iconButtonStyle = tv({
-  slots: {
-    base: [
-      "relative",
-      "flex",
-      "items-center",
-      "justify-center",
-      "whitespace-nowrap",
-      "transition",
-      "duration-200",
-      "select-none",
-      "overflow-hidden",
-      "box-border"
-    ]
-  },
-  variants: {
-    variant: {
-      solid: [],
-      soft: [],
-      outline: [],
-      ghost: []
-    },
-    color: {
-      primary: [],
-      secondary: [],
-      neutral: [],
-      info: [],
-      success: [],
-      warning: [],
-      danger: []
-    },
-    size: {
-      sm: {
-        base: ["w-[24px]", "h-[24px]", "rounded-sm"]
-      },
-      md: {
-        base: ["w-[32px]", "h-[32px]", "rounded-md"]
-      },
-      lg: {
-        base: ["w-[40px]", "h-[40px]", "rounded-lg"]
-      },
-      xl: {
-        base: ["w-[50px]", "h-[50px]", "rounded-xl"]
-      }
-    },
-    isLoading: {
-      true: {}
-    },
-    disabled: {
-      true: {
-        base: ["!bg-neutral-soft", "!border-neutral-soft", "!text-neutral-light", "pointer-events-none"]
-      }
-    },
-    isInGroup: {
-      true: {
-        base: [
-          "[&:not(:first-child):not(:last-child)]:rounded-none",
-          "first:rounded-r-none",
-          "last:rounded-l-none",
-          "[&:not(:first-child)]:border-l-0"
-        ]
-      }
-    }
-  },
-  compoundVariants: [
-    {
-      variant: "solid",
-      color: "primary",
-      class: {
-        base: ["text-white", "bg-primary-main", "hover:bg-gradient-to-t", "hover:from-white/20", "hover:to-white/20"]
-      }
-    },
-    {
-      variant: "solid",
-      color: "secondary",
-      class: {
-        base: ["text-white", "bg-secondary-main", "hover:bg-gradient-to-t", "hover:from-white/20", "hover:to-white/20"]
-      }
-    },
-    {
-      variant: "solid",
-      color: "neutral",
-      class: {
-        base: ["text-white", "bg-neutral-main", "hover:bg-gradient-to-t", "hover:from-white/20", "hover:to-white/20"]
-      }
-    },
-    {
-      variant: "solid",
-      color: "info",
-      class: {
-        base: ["text-white", "bg-info-main", "hover:bg-gradient-to-t", "hover:from-white/20", "hover:to-white/20"]
-      }
-    },
-    {
-      variant: "solid",
-      color: "success",
-      class: {
-        base: ["text-white", "bg-success-main", "hover:bg-gradient-to-t", "hover:from-white/20", "hover:to-white/20"]
-      }
-    },
-    {
-      variant: "solid",
-      color: "warning",
-      class: {
-        base: ["text-white", "bg-warning-main", "hover:bg-gradient-to-t", "hover:from-white/20", "hover:to-white/20"]
-      }
-    },
-    {
-      variant: "solid",
-      color: "danger",
-      class: {
-        base: ["text-white", "bg-danger-main", "hover:bg-gradient-to-t", "hover:from-white/20", "hover:to-white/20"]
-      }
-    },
-    // soft
-    {
-      variant: "soft",
-      color: "primary",
-      class: {
-        base: ["text-primary-main", "bg-primary-soft", "!border-primary-soft", "hover:!border-primary-light"]
-      }
-    },
-    {
-      variant: "soft",
-      color: "secondary",
-      class: {
-        base: ["text-secondary-main", "bg-secondary-soft", "!border-secondary-soft", "hover:!border-secondary-light"]
-      }
-    },
-    {
-      variant: "soft",
-      color: "neutral",
-      class: {
-        base: ["text-neutral-main", "bg-neutral-soft", "!border-neutral-soft", "hover:!border-neutral-light"]
-      }
-    },
-    {
-      variant: "soft",
-      color: "info",
-      class: {
-        base: ["text-info-main", "bg-info-soft", "!border-info-soft", "hover:!border-info-light"]
-      }
-    },
-    {
-      variant: "soft",
-      color: "success",
-      class: {
-        base: ["text-success-main", "bg-success-soft", "!border-success-soft", "hover:!border-success-light"]
-      }
-    },
-    {
-      variant: "soft",
-      color: "warning",
-      class: {
-        base: ["text-warning-main", "bg-warning-soft", "!border-warning-soft", "hover:!border-warning-light"]
-      }
-    },
-    {
-      variant: "soft",
-      color: "danger",
-      class: {
-        base: ["text-danger-main", "bg-danger-soft", "!border-danger-soft", "hover:!border-danger-light"]
-      }
-    },
-    // outline
-    {
-      variant: "outline",
-      color: "primary",
-      class: {
-        base: ["bg-body-background", "!border-primary-main", "text-primary-main", "hover:bg-primary-soft"]
-      }
-    },
-    {
-      variant: "outline",
-      color: "secondary",
-      class: {
-        base: ["bg-body-background", "!border-secondary-main", "text-secondary-main", "hover:bg-secondary-soft"]
-      }
-    },
-    {
-      variant: "outline",
-      color: "neutral",
-      class: {
-        base: ["bg-body-background", "!border-neutral-light", "text-neutral-main", "hover:bg-neutral-soft"]
-      }
-    },
-    {
-      variant: "outline",
-      color: "info",
-      class: {
-        base: ["bg-body-background", "!border-info-main", "text-info-main", "hover:bg-info-soft"]
-      }
-    },
-    {
-      variant: "outline",
-      color: "success",
-      class: {
-        base: ["bg-body-background", "!border-success-main", "text-success-main", "hover:bg-success-soft"]
-      }
-    },
-    {
-      variant: "outline",
-      color: "warning",
-      class: {
-        base: ["bg-body-background", "!border-warning-main", "text-warning-main", "hover:bg-warning-soft"]
-      }
-    },
-    {
-      variant: "outline",
-      color: "danger",
-      class: {
-        base: ["bg-body-background", "!border-danger-main", "text-danger-main", "hover:bg-danger-soft"]
-      }
-    },
-    // ghost
-    {
-      variant: "ghost",
-      color: "primary",
-      class: {
-        base: ["text-primary-main", "border-transparent", "hover:bg-primary-soft"]
-      }
-    },
-    {
-      variant: "ghost",
-      color: "secondary",
-      class: {
-        base: ["text-secondary-main", "border-transparent", "hover:bg-secondary-soft"]
-      }
-    },
-    {
-      variant: "ghost",
-      color: "neutral",
-      class: {
-        base: ["text-neutral-main", "border-transparent", "hover:bg-neutral-soft"]
-      }
-    },
-    {
-      variant: "ghost",
-      color: "info",
-      class: {
-        base: ["text-info-main", "border-transparent", "hover:bg-info-soft"]
-      }
-    },
-    {
-      variant: "ghost",
-      color: "success",
-      class: {
-        base: ["text-success-main", "border-transparent", "hover:bg-success-soft"]
-      }
-    },
-    {
-      variant: "ghost",
-      color: "warning",
-      class: {
-        base: ["text-warning-main", "border-transparent", "hover:bg-warning-soft"]
-      }
-    },
-    {
-      variant: "ghost",
-      color: "danger",
-      class: {
-        base: ["text-danger-main", "border-transparent", "hover:bg-danger-soft"]
-      }
-    },
-    // soft/outline + size
-    {
-      variant: ["soft", "outline"],
-      size: "sm",
-      class: {
-        base: ["border-sm"]
-      }
-    },
-    {
-      variant: ["soft", "outline"],
-      size: "md",
-      class: {
-        base: ["border-md"]
-      }
-    },
-    {
-      variant: ["soft", "outline"],
-      size: "lg",
-      class: {
-        base: ["border-lg"]
-      }
-    },
-    {
-      variant: ["soft", "outline"],
-      size: "xl",
-      class: {
-        base: ["border-xl"]
-      }
-    },
-    // disabled + variant
-    {
-      variant: ["soft", "ghost"],
-      disabled: true,
-      class: {
-        base: ["!border-neutral-soft"]
-      }
-    },
-    {
-      variant: ["outline"],
-      disabled: true,
-      class: {
-        base: ["!border-neutral-light"]
-      }
-    }
-  ],
-  defaultVariants: {
-    size: "md",
-    variant: "solid",
-    color: "primary",
-    full: false,
-    disabled: false,
-    isLoading: false,
-    isInGroup: false
-  }
-});
-
 // src/components/progress/progress.tsx
-var import_react6 = require("react");
+var import_react5 = require("react");
 
 // src/hooks/useIsMounted.ts
-var import_react5 = require("react");
+var import_react4 = require("react");
 function useIsMounted(props = {}) {
   const { rerender = false, delay = 0 } = props;
-  const isMountedRef = (0, import_react5.useRef)(false);
-  const [isMounted, setIsMounted] = (0, import_react5.useState)(false);
-  (0, import_react5.useEffect)(() => {
+  const isMountedRef = (0, import_react4.useRef)(false);
+  const [isMounted, setIsMounted] = (0, import_react4.useState)(false);
+  (0, import_react4.useEffect)(() => {
     isMountedRef.current = true;
     let timer = null;
     if (rerender) {
@@ -6505,11 +6140,11 @@ function useIsMounted(props = {}) {
       }
     };
   }, [rerender]);
-  return [(0, import_react5.useCallback)(() => isMountedRef.current, []), isMounted];
+  return [(0, import_react4.useCallback)(() => isMountedRef.current, []), isMounted];
 }
 
 // src/components/progress/progress.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime6 = 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;
@@ -6519,12 +6154,12 @@ var Progress = (originalProps) => {
     delay: 100
   });
   const selfMounted = variantProps.disableAnimation ? true : isMounted;
-  const percentage = (0, import_react6.useMemo)(
+  const percentage = (0, import_react5.useMemo)(
     () => isIndeterminate || !selfMounted ? void 0 : clampPercentage((value - minValue) / (maxValue - minValue) * 100),
     [selfMounted, isIndeterminate, value, minValue, maxValue]
   );
-  const slots = (0, import_react6.useMemo)(() => progressStyle({ ...variantProps }), [variantProps]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: slots.track({ class: classNames == null ? void 0 : classNames.track }), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  const slots = (0, import_react5.useMemo)(() => progressStyle({ ...variantProps }), [variantProps]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: slots.track({ class: classNames == null ? void 0 : classNames.track }), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
       className: slots.indicator({ class: classNames == null ? void 0 : classNames.indicator }),
@@ -6623,9 +6258,10 @@ var clampPercentage = (value) => {
 };
 
 // src/components/fileUpload/fileUpload.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function FileUpload({
   buttonText,
+  cancelText,
   maxSizeMB = 10,
   placeholder,
   errorMessage,
@@ -6640,14 +6276,14 @@ function FileUpload({
   classNames,
   defaultFile
 }) {
-  const fileInputRef = (0, import_react7.useRef)(null);
-  const uploadIntervalRef = (0, import_react7.useRef)(null);
-  const [currentFile, setCurrentFile] = (0, import_react7.useState)(null);
-  const [uploadProgress, setUploadProgress] = (0, import_react7.useState)(0);
-  const [message, setMessage] = (0, import_react7.useState)(errorMessage);
-  const [displayFileName, setDisplayFileName] = (0, import_react7.useState)(() => (defaultFile == null ? void 0 : defaultFile.name) || "");
-  const [hasUploadedFile, setHasUploadedFile] = (0, import_react7.useState)(false);
-  const [isUploading, setIsUploading] = (0, import_react7.useState)(false);
+  const fileInputRef = (0, import_react6.useRef)(null);
+  const uploadIntervalRef = (0, import_react6.useRef)(null);
+  const [currentFile, setCurrentFile] = (0, import_react6.useState)(null);
+  const [uploadProgress, setUploadProgress] = (0, import_react6.useState)(0);
+  const [message, setMessage] = (0, import_react6.useState)(errorMessage);
+  const [displayFileName, setDisplayFileName] = (0, import_react6.useState)(() => (defaultFile == null ? void 0 : defaultFile.name) || "");
+  const [hasUploadedFile, setHasUploadedFile] = (0, import_react6.useState)(false);
+  const [isUploading, setIsUploading] = (0, import_react6.useState)(false);
   const slots = fileUploadStyle();
   const handleButtonClick = () => {
     var _a;
@@ -6714,67 +6350,45 @@ function FileUpload({
     }
     if (onCancelUpload) onCancelUpload();
   };
-  (0, import_react7.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     return () => {
       if (uploadIntervalRef.current) {
         clearInterval(uploadIntervalRef.current);
       }
     };
   }, []);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (errorMessage !== void 0) {
       setMessage(errorMessage);
     }
   }, [errorMessage]);
-  const shouldShowCloseButton = hasUploadedFile;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: slots.container({ class: classNames == null ? void 0 : classNames.container }), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: slots.inputWrapper(), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          input_default,
-          {
-            name,
-            readOnly: true,
-            variant: "outline",
-            full: true,
-            placeholder,
-            value: displayFileName,
-            errorMessage: message && (message == null ? void 0 : message.length) > 0 ? message : void 0
-          }
-        ),
-        shouldShowCloseButton && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          icon_button_default,
-          {
-            name: "close",
-            size: "sm",
-            variant: "ghost",
-            color: "neutral",
-            onClick: handleCancelUpload,
-            classNames: { base: slots.cancelButton() },
-            "aria-label": "cancel"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        button_default,
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: slots.container({ class: classNames == null ? void 0 : classNames.container }), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: slots.inputWrapper(), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        input_default,
         {
-          type: "button",
+          name,
+          readOnly: true,
           variant: "outline",
-          onClick: handleButtonClick,
-          disabled: !!(currentFile && hasUploadedFile),
-          isLoading: isUploading,
-          children: buttonText
+          full: true,
+          placeholder,
+          value: displayFileName,
+          errorMessage: message && (message == null ? void 0 : message.length) > 0 ? message : void 0
         }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { ref: fileInputRef, type: "file", hidden: true, accept: accept.join(","), onChange: handleFileChange })
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex gap-[10px]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(button_default, { type: "button", variant: "outline", onClick: handleButtonClick, isLoading: isUploading, children: buttonText }),
+        cancelText && hasUploadedFile && !isUploading && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(button_default, { type: "button", variant: "soft", color: "danger", onClick: handleCancelUpload, children: cancelText })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { ref: fileInputRef, type: "file", hidden: true, accept: accept.join(","), onChange: handleFileChange })
     ] }),
-    showProgress && currentFile && hasUploadedFile && uploadProgress < 100 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(progress_default, { value: uploadProgress }),
-    !message && helperMessage && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: slots.helperMessage(), children: helperMessage })
+    showProgress && currentFile && hasUploadedFile && uploadProgress < 100 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(progress_default, { value: uploadProgress }),
+    !message && helperMessage && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: slots.helperMessage(), children: helperMessage })
   ] });
 }
 FileUpload.displayName = "FileUpload";
 var fileUpload_default = FileUpload;
-var fileUploadStyle = (0, import_tailwind_variants6.tv)({
+var fileUploadStyle = (0, import_tailwind_variants5.tv)({
   slots: {
     base: ["flex", "flex-col", "gap-[5px]"],
     container: ["flex", "gap-[10px]"],

package/dist/components/fileUpload/index.mjs

@@ -2,7 +2,7 @@
 import "../../chunk-RLXOHILK.mjs";
 import {
   fileUpload_default
-} from "../../chunk-DT632UOW.mjs";
+} from "../../chunk-HA7PFE74.mjs";
 import "../../chunk-7VOQKIIK.mjs";
 import "../../chunk-KH63CD55.mjs";
 import "../../chunk-2GCSFWHD.mjs";

package/dist/components/picker/datePicker.mjs

@@ -2,9 +2,9 @@
 import {
   datePickerStyle,
   datePicker_default
-} from "../../chunk-TKQLMBX2.mjs";
-import "../../chunk-FWFEKWWD.mjs";
+} from "../../chunk-2A3APCWC.mjs";
 import "../../chunk-XZYQFBCT.mjs";
+import "../../chunk-FWFEKWWD.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-ONBPPSS2.mjs";
 import "../../chunk-MY5U63QO.mjs";

package/dist/components/picker/index.mjs

@@ -2,8 +2,7 @@
 import "../../chunk-4VWG4726.mjs";
 import {
   datePicker_default
-} from "../../chunk-TKQLMBX2.mjs";
-import "../../chunk-FWFEKWWD.mjs";
+} from "../../chunk-2A3APCWC.mjs";
 import {
   day_default
 } from "../../chunk-XZYQFBCT.mjs";
@@ -12,6 +11,7 @@ import {
 } from "../../chunk-ESTRSTMW.mjs";
 import "../../chunk-QCEKPS7U.mjs";
 import "../../chunk-SJUM4XSW.mjs";
+import "../../chunk-FWFEKWWD.mjs";
 import "../../chunk-2GCSFWHD.mjs";
 import "../../chunk-ONBPPSS2.mjs";
 import "../../chunk-MY5U63QO.mjs";

package/dist/components/toast/index.mjs

@@ -3,11 +3,11 @@ import "../../chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
   useToast
-} from "../../chunk-ZVV7ISV7.mjs";
+} from "../../chunk-B2TLDEF4.mjs";
+import "../../chunk-ZOTHPHXA.mjs";
 import {
   toast_default
 } from "../../chunk-EYLKPAI5.mjs";
-import "../../chunk-ZOTHPHXA.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-4GZGDIYK.mjs";
 import "../../chunk-E3G5QXSH.mjs";

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

@@ -2,9 +2,9 @@
 import {
   ToastProvider,
   useToast
-} from "../../chunk-ZVV7ISV7.mjs";
-import "../../chunk-EYLKPAI5.mjs";
+} from "../../chunk-B2TLDEF4.mjs";
 import "../../chunk-ZOTHPHXA.mjs";
+import "../../chunk-EYLKPAI5.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-4GZGDIYK.mjs";
 import "../../chunk-E3G5QXSH.mjs";