@deepnoid/ui 0.0.88 → 0.0.90

package/dist/index.mjs

@@ -1,13 +1,4 @@
 "use client";
-import "./chunk-LUWGOKLG.mjs";
-import {
-  ToastProvider,
-  useToast
-} from "./chunk-K6HPMTN4.mjs";
-import "./chunk-ZOTHPHXA.mjs";
-import {
-  toast_default
-} from "./chunk-QRHT7MSO.mjs";
 import "./chunk-HIE2YRGA.mjs";
 import {
   tooltip_default
@@ -21,85 +12,102 @@ import {
 import "./chunk-RRAZM5D3.mjs";
 import {
   textarea_default
-} from "./chunk-WOX3SLJB.mjs";
+} from "./chunk-OJ2OEI5B.mjs";
+import "./chunk-LUWGOKLG.mjs";
+import {
+  ToastProvider,
+  useToast
+} from "./chunk-7HHFRKJU.mjs";
+import "./chunk-ZOTHPHXA.mjs";
+import {
+  toast_default
+} from "./chunk-PXUBPWKU.mjs";
+import "./chunk-LVFI2NOH.mjs";
+import {
+  switch_default
+} from "./chunk-S3O52LLG.mjs";
+import "./chunk-2UUH2MBF.mjs";
+import {
+  table_default
+} from "./chunk-6YE26GOI.mjs";
+import "./chunk-DWROPKZW.mjs";
+import "./chunk-VG4644BG.mjs";
+import "./chunk-MV2WCFK7.mjs";
+import {
+  slider_default
+} from "./chunk-A3RWT3JJ.mjs";
 import "./chunk-QCEKPS7U.mjs";
 import {
   select_default
-} from "./chunk-4VIEZ5FT.mjs";
-import "./chunk-LY6LJRUX.mjs";
+} from "./chunk-2BCJZILI.mjs";
 import "./chunk-S3QS5B7F.mjs";
-import "./chunk-2UUH2MBF.mjs";
+import "./chunk-RZZWHI6O.mjs";
+import "./chunk-7VOQKIIK.mjs";
 import {
-  table_default
-} from "./chunk-IXFP2WQ4.mjs";
-import "./chunk-PUFNT5LS.mjs";
-import "./chunk-KHWFCTPX.mjs";
+  progress_default
+} from "./chunk-N2JULHST.mjs";
 import "./chunk-TPFN22HR.mjs";
 import {
   radio_default
-} from "./chunk-PCIONGEJ.mjs";
-import "./chunk-MV2WCFK7.mjs";
-import {
-  slider_default
-} from "./chunk-H2HUJ4N2.mjs";
-import "./chunk-LVFI2NOH.mjs";
+} from "./chunk-QWFOYO3D.mjs";
+import "./chunk-DJOG6Z35.mjs";
 import {
-  switch_default
-} from "./chunk-IZOMH2SL.mjs";
+  modal_default
+} from "./chunk-L7P6OBUX.mjs";
 import "./chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "./chunk-5HSZ5AYM.mjs";
+} from "./chunk-B4KZBOGT.mjs";
 import "./chunk-F3HENRVM.mjs";
-import "./chunk-7VOQKIIK.mjs";
+import "./chunk-2GCSFWHD.mjs";
 import {
-  progress_default
-} from "./chunk-QVGXHUYW.mjs";
+  input_default
+} from "./chunk-3DRIHQOM.mjs";
+import "./chunk-HAOK24MK.mjs";
+import "./chunk-QZ3LVYJW.mjs";
+import {
+  checkbox_default
+} from "./chunk-ANYPMQH4.mjs";
+import "./chunk-75HLCORR.mjs";
+import {
+  dateTimePicker_default
+} from "./chunk-S2VUKVCH.mjs";
+import "./chunk-2ZFHB4JM.mjs";
+import "./chunk-WX32MAKV.mjs";
+import "./chunk-P732YGHO.mjs";
+import "./chunk-N6IEGD4K.mjs";
 import "./chunk-7MVEAQ7Z.mjs";
 import {
   list_default
 } from "./chunk-EYY4CRRR.mjs";
 import {
   listItem_default
-} from "./chunk-FPCP4OOL.mjs";
-import "./chunk-DJOG6Z35.mjs";
-import {
-  modal_default
-} from "./chunk-YGTJU3GD.mjs";
+} from "./chunk-EDEV4IK4.mjs";
 import "./chunk-NMSDSEBD.mjs";
-import "./chunk-QZ3LVYJW.mjs";
+import "./chunk-VUYUQGLF.mjs";
 import {
-  checkbox_default
-} from "./chunk-BE2OG6M4.mjs";
-import "./chunk-2GCSFWHD.mjs";
+  button_group_default
+} from "./chunk-NGQ3MK2J.mjs";
 import {
-  input_default
-} from "./chunk-4DLTBZUQ.mjs";
-import "./chunk-VUYUQGLF.mjs";
-import "./chunk-HAOK24MK.mjs";
+  button_default
+} from "./chunk-UR64ZUAU.mjs";
 import {
   card_default
 } from "./chunk-2ALY3PH5.mjs";
+import "./chunk-27Y6K5NK.mjs";
 import {
   accordion_default
 } from "./chunk-SWR7E3NU.mjs";
 import {
   accordionItem_default
-} from "./chunk-SFNR4F3J.mjs";
+} from "./chunk-L6BQA6GI.mjs";
 import "./chunk-ZYIIXWVY.mjs";
 import {
   Icon_default,
   iconTemplate
-} from "./chunk-PRUAIZTU.mjs";
-import "./chunk-IOV7MEPG.mjs";
-import "./chunk-27Y6K5NK.mjs";
+} from "./chunk-LCI6RPWE.mjs";
+import "./chunk-IOCRFIQF.mjs";
 import "./chunk-E3G5QXSH.mjs";
-import {
-  button_group_default
-} from "./chunk-NGQ3MK2J.mjs";
-import {
-  button_default
-} from "./chunk-66WCZEEU.mjs";
 import {
   tv
 } from "./chunk-J725QONZ.mjs";
@@ -739,6 +747,16 @@ var resolveConfig = (themes = {}, defaultTheme, prefix = "deepnoidUi") => {
       }
     }
   }
+  resolved.utilities = {
+    ...resolved.utilities,
+    ".scrollbar-hide": {
+      "-ms-overflow-style": "none",
+      "scrollbar-width": "none",
+      "&::-webkit-scrollbar": {
+        display: "none"
+      }
+    }
+  };
   return resolved;
 };
 var deepnoidUi = (colorChip = {}, defaultTheme = "light") => {
@@ -812,6 +830,7 @@ export {
   button_group_default as ButtonGroup,
   card_default as Card,
   checkbox_default as CheckBox,
+  dateTimePicker_default as DateTimePicker,
   Icon_default as Icon,
   input_default as Input,
   list_default as List,

package/dist/{tooltip-utils-DCKA5gnI.d.ts → tooltip-utils-CrCabndd.d.mts}

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as React from 'react';
 
 type TargetRect = {
     width: number;
@@ -18,7 +18,7 @@ declare const useTooltip: ({ placement, offset, targetRect }: UseTooltipProps) =
         x: number;
         y: number;
     };
-    tooltipRef: react.RefObject<HTMLDivElement>;
+    tooltipRef: React.RefObject<HTMLDivElement>;
 };
 
 type TooltipPlacement = "top" | "left" | "right" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";

package/dist/{tooltip-utils-DCKA5gnI.d.mts → tooltip-utils-CrCabndd.d.ts}

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as React from 'react';
 
 type TargetRect = {
     width: number;
@@ -18,7 +18,7 @@ declare const useTooltip: ({ placement, offset, targetRect }: UseTooltipProps) =
         x: number;
         y: number;
     };
-    tooltipRef: react.RefObject<HTMLDivElement>;
+    tooltipRef: React.RefObject<HTMLDivElement>;
 };
 
 type TooltipPlacement = "top" | "left" | "right" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.0.88",
+  "version": "0.0.90",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/index.js",

package/dist/chunk-66WCZEEU.mjs

@@ -1,320 +0,0 @@
-"use client";
-import {
-  tv
-} from "./chunk-J725QONZ.mjs";
-
-// src/components/button/button.tsx
-import { forwardRef } from "react";
-import { jsxs } from "react/jsx-runtime";
-var Button = forwardRef(
-  ({ children, color, size, variant, radius, fullWidth, isInGroup, isDisabled, startContent, endContent, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        ref,
-        ...props,
-        disabled: isDisabled,
-        className: `${button({
-          variant,
-          color,
-          size,
-          radius,
-          isDisabled,
-          fullWidth,
-          isInGroup,
-          class: props.className
-        })} `,
-        children: [
-          startContent && startContent,
-          children,
-          endContent && endContent
-        ]
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-var button_default = Button;
-var button = tv({
-  base: "flex items-center justify-center border whitespace-nowrap transition duration-200",
-  variants: {
-    variant: {
-      solid: "",
-      line: "",
-      tonal: "",
-      trans: "bg-transparent border-transparent",
-      ghost: ""
-    },
-    color: {
-      primary: "",
-      secondary: "",
-      neutral: "",
-      info: "",
-      success: "",
-      warning: "",
-      danger: ""
-    },
-    size: {
-      sm: "h-[24px] px-[8px] py-[4.5px] text-sm font-[500] rounded-sm gap-sm",
-      md: "h-[30px] px-[16px] py-[6.5px] text-md font-[500] rounded-md gap-md",
-      lg: "h-[36px] px-[24px] py-[8px] text-lg font-[500] rounded-lg gap-lg"
-    },
-    radius: {
-      default: "",
-      full: "rounded-full",
-      none: "rounded-none"
-    },
-    fullWidth: {
-      true: "w-full"
-    },
-    isDisabled: {
-      true: "disabled:bg-neutral-soft disabled:border-neutral-soft disabled:text-neutral-light disabled:pointer-events-none"
-    },
-    isInGroup: {
-      true: "[&:not(:first-child):not(:last-child)]:rounded-none first:rounded-r-none last:rounded-l-none"
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    variant: "solid",
-    color: "primary",
-    fullWidth: false,
-    isDisabled: false,
-    isInGroup: false
-  },
-  compoundVariants: [
-    // solid & color
-    {
-      variant: "solid",
-      color: "primary",
-      class: "bg-primary-main hover:bg-primary-dark border-primary-main hover:border-primary-dark text-white"
-    },
-    {
-      variant: "solid",
-      color: "secondary",
-      class: "bg-secondary-main hover:bg-secondary-dark border-secondary-main hover:border-secondary-dark text-white"
-    },
-    {
-      variant: "solid",
-      color: "neutral",
-      class: "bg-neutral-main hover:bg-neutral-dark border-neutral-main hover:border-neutral-dark text-white"
-    },
-    {
-      variant: "solid",
-      color: "info",
-      class: "bg-info-main hover:bg-info-dark border-info-main hover:border-info-dark text-white"
-    },
-    {
-      variant: "solid",
-      color: "success",
-      class: "bg-success-main hover:bg-success-dark border-success-main hover:border-success-dark text-white"
-    },
-    {
-      variant: "solid",
-      color: "warning",
-      class: "bg-warning-main hover:bg-warning-dark border-warning-main hover:border-warning-dark text-white"
-    },
-    {
-      variant: "solid",
-      color: "danger",
-      class: "bg-danger-main hover:bg-danger-dark border-danger-main hover:border-danger-dark text-white"
-    },
-    // line & color
-    {
-      variant: "line",
-      color: "primary",
-      class: "bg-transparent hover:bg-neutral-soft text-primary-main border-primary-main"
-    },
-    {
-      variant: "line",
-      color: "secondary",
-      class: "bg-transparent hover:bg-neutral-soft text-secondary-main border-secondary-main"
-    },
-    {
-      variant: "line",
-      color: "neutral",
-      class: "bg-transparent hover:bg-neutral-soft text-neutral-main border-neutral-main"
-    },
-    {
-      variant: "line",
-      color: "info",
-      class: "bg-transparent hover:bg-neutral-soft text-info-main border-info-main"
-    },
-    {
-      variant: "line",
-      color: "success",
-      class: "bg-transparent hover:bg-neutral-soft text-success-main border-success-main"
-    },
-    {
-      variant: "line",
-      color: "warning",
-      class: "bg-transparent hover:bg-neutral-soft text-warning-main border-warning-main"
-    },
-    {
-      variant: "line",
-      color: "danger",
-      class: "bg-transparent hover:bg-neutral-soft text-danger-main border-danger-main"
-    },
-    // tonal & color
-    {
-      variant: "tonal",
-      color: "primary",
-      class: "bg-primary-soft hover:bg-primary-light border-primary-soft hover:border-primary-light text-primary-main"
-    },
-    {
-      variant: "tonal",
-      color: "secondary",
-      class: "bg-secondary-soft hover:bg-secondary-light  border-secondary-soft hover:border-secondary-light text-secondary-main"
-    },
-    {
-      variant: "tonal",
-      color: "neutral",
-      class: "bg-neutral-soft hover:bg-neutral-light border-neutral-soft hover:border-neutral-light text-neutral-main"
-    },
-    {
-      variant: "tonal",
-      color: "info",
-      class: "bg-info-soft hover:bg-info-light border-info-soft hover:border-info-light text-info-main"
-    },
-    {
-      variant: "tonal",
-      color: "success",
-      class: "bg-success-soft hover:bg-success-light border-success-soft hover:border-success-light text-success-main"
-    },
-    {
-      variant: "tonal",
-      color: "warning",
-      class: "bg-warning-soft hover:bg-warning-light border-warning-soft hover:border-warning-light text-warning-main"
-    },
-    {
-      variant: "tonal",
-      color: "danger",
-      class: "bg-danger-soft hover:bg-danger-light border-danger-soft hover:border-danger-light text-danger-main"
-    },
-    // trans & color
-    {
-      variant: "trans",
-      color: "primary",
-      class: "hover:bg-primary-soft border-transparent hover:border-primary-soft text-primary-main hover:text-primary-main"
-    },
-    {
-      variant: "trans",
-      color: "secondary",
-      class: "hover:bg-secondary-soft border-transparent hover:border-secondary-soft text-secondary-main hover:text-secondary-main"
-    },
-    {
-      variant: "trans",
-      color: "neutral",
-      class: "hover:bg-neutral-soft border-transparent hover:border-neutral-soft text-neutral-main hover:text-neutral-main"
-    },
-    {
-      variant: "trans",
-      color: "info",
-      class: "hover:bg-info-soft border-transparent hover:border-info-soft text-info-main hover:text-info-main"
-    },
-    {
-      variant: "trans",
-      color: "success",
-      class: "hover:bg-success-soft border-transparent hover:border-success-soft text-success-main hover:text-success-main"
-    },
-    {
-      variant: "trans",
-      color: "warning",
-      class: "hover:bg-warning-soft border-transparent hover:border-warning-soft text-warning-main hover:text-warning-main"
-    },
-    {
-      variant: "trans",
-      color: "danger",
-      class: "hover:bg-danger-soft border-transparent hover:border-danger-soft text-danger-main hover:text-danger-main"
-    },
-    // ghost & color
-    {
-      variant: "ghost",
-      color: "primary",
-      class: "hover:bg-primary-main text-primary-main hover:text-white border-primary-main"
-    },
-    {
-      variant: "ghost",
-      color: "secondary",
-      class: "hover:bg-secondary-main text-secondary-main hover:text-white border-secondary-main"
-    },
-    {
-      variant: "ghost",
-      color: "neutral",
-      class: "hover:bg-neutral-main text-neutral-main hover:text-white border-neutral-main"
-    },
-    {
-      variant: "ghost",
-      color: "info",
-      class: "hover:bg-info-main text-info-main hover:text-white border-info-main"
-    },
-    {
-      variant: "ghost",
-      color: "success",
-      class: "hover:bg-success-main text-success-main hover:text-white border-success-main"
-    },
-    {
-      variant: "ghost",
-      color: "warning",
-      class: "hover:bg-warning-main text-warning-main hover:text-white border-warning-main"
-    },
-    {
-      variant: "ghost",
-      color: "danger",
-      class: "hover:bg-danger-main text-danger-main hover:text-white border-danger-main"
-    },
-    // variant && color && isInGroup
-    {
-      variant: ["line", "ghost"],
-      color: "primary",
-      isInGroup: true,
-      class: ["shadow-none", "border", "[&:not(:last-child)]:border-r-0", "border-primary-main"]
-    },
-    {
-      variant: ["line", "ghost"],
-      color: "secondary",
-      isInGroup: true,
-      class: ["shadow-none", "border", "[&:not(:last-child)]:border-r-0", "border-secondary-main"]
-    },
-    {
-      variant: ["line", "ghost"],
-      color: "neutral",
-      isInGroup: true,
-      class: ["shadow-none", "border", "[&:not(:last-child)]:border-r-0", "border-neutral-main"]
-    },
-    {
-      variant: ["line", "ghost"],
-      color: "info",
-      isInGroup: true,
-      class: ["shadow-none", "border", "[&:not(:last-child)]:border-r-0", "border-info-main"]
-    },
-    {
-      variant: ["line", "ghost"],
-      color: "success",
-      isInGroup: true,
-      class: ["shadow-none", "border", "[&:not(:last-child)]:border-r-0", "border-success-main"]
-    },
-    {
-      variant: ["line", "ghost"],
-      color: "warning",
-      isInGroup: true,
-      class: ["shadow-none", "border", "[&:not(:last-child)]:border-r-0", "border-warning-main"]
-    },
-    {
-      variant: ["line", "ghost"],
-      color: "danger",
-      isInGroup: true,
-      class: ["shadow-none", "border", "[&:not(:last-child)]:border-r-0", "border-danger-main"]
-    },
-    // variant && isDisabled
-    {
-      variant: ["line", "ghost"],
-      isDisabled: true,
-      class: ["disabled:border-neutral-light"]
-    }
-  ]
-});
-
-export {
-  button_default
-};

package/dist/chunk-WOX3SLJB.mjs

@@ -1,162 +0,0 @@
-"use client";
-
-// src/components/textarea/textarea.tsx
-import { forwardRef } from "react";
-import { tv } from "tailwind-variants";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Textarea = forwardRef((props, ref) => {
-  const { base, label, textareaWrapper, textarea, innerWrapper, errorMessageText } = textareaStyle(props);
-  const { errorMessage, isRequired, isDisabled, ...textareaProps } = props;
-  return /* @__PURE__ */ jsxs("div", { className: base(), children: [
-    props.label && /* @__PURE__ */ jsx("label", { className: label(), children: props.label }),
-    /* @__PURE__ */ jsxs("div", { className: innerWrapper(), children: [
-      /* @__PURE__ */ jsx("div", { className: textareaWrapper(), children: /* @__PURE__ */ jsx(
-        "textarea",
-        {
-          ref,
-          className: textarea(),
-          disabled: props.isDisabled,
-          required: props.isRequired,
-          ...textareaProps
-        }
-      ) }),
-      props.errorMessage && /* @__PURE__ */ jsx("p", { className: errorMessageText(), children: props.errorMessage })
-    ] })
-  ] });
-});
-Textarea.displayName = "Textarea";
-var textarea_default = Textarea;
-var textareaStyle = tv({
-  slots: {
-    base: ["group", "flex", "flex-col", "gap-[10px]"],
-    label: ["flex", "items-center"],
-    innerWrapper: ["flex", "flex-col", "gap-[6px]"],
-    textareaWrapper: [
-      "flex",
-      "bg-transparent",
-      "border-neutral-main",
-      "p-[10px]",
-      "group-has-[p]:border-danger-main",
-      "transition duration-200"
-    ],
-    textarea: [
-      "w-full",
-      "bg-transparent",
-      "placeholder:text-neutral-main",
-      "focus-visible:outline-none",
-      "resize-none"
-    ],
-    errorMessageText: ["text-s", "text-danger-main"]
-  },
-  variants: {
-    variant: {
-      solid: {
-        textareaWrapper: ["bg-trans-soft", "hover:bg-trans-light", "has-[:focus]:bg-trans-light"]
-      },
-      line: {
-        textareaWrapper: ["border", "hover:bg-trans-soft", "has-[:focus]:bg-trans-soft"]
-      }
-    },
-    color: {
-      primary: {},
-      secondary: {}
-    },
-    size: {
-      sm: {
-        base: "gap-[6px]",
-        textareaWrapper: "w-[240px] rounded-sm",
-        textarea: "text-sm rounded-sm",
-        label: "text-sm"
-      },
-      md: {
-        base: "gap-[8px]",
-        textareaWrapper: "w-[240px] rounded-md",
-        textarea: "text-md rounded-md",
-        label: "text-md"
-      },
-      lg: {
-        base: "gap-[10px]",
-        textareaWrapper: "w-[240px] rounded-lg",
-        textarea: "text-lg rounded-lg",
-        label: "text-lg"
-      }
-    },
-    radius: {
-      default: {},
-      none: {
-        textareaWrapper: "rounded-none",
-        textarea: "rounded-none"
-      },
-      full: {
-        textareaWrapper: "rounded-full",
-        textarea: "rounded-full"
-      }
-    },
-    fullWidth: {
-      true: {
-        base: "w-full",
-        textareaWrapper: "w-full",
-        textarea: "w-full"
-      }
-    },
-    isDisabled: {
-      true: {
-        base: ["opacity-disabled", "pointer-events-none"],
-        textareaWrapper: ["border-neutral-light", "pointer-events-none"],
-        textarea: ["bg-neutral-soft", "text-neutral-light placeholder:text-neutral-light", "border-neutral-light"],
-        label: ["text-neutral-light", "pointer-events-none"]
-      }
-    },
-    isRequired: {
-      true: {
-        label: ["after:content-['*']", "after:text-danger-main", "after:ml-0.5"]
-      }
-    }
-  },
-  defaultVariants: {
-    variant: "solid",
-    color: "primary",
-    size: "md",
-    fullWidth: false,
-    isDisabled: false,
-    isRequired: false
-  },
-  compoundVariants: [
-    // variants & color
-    {
-      variant: "line",
-      color: "primary",
-      class: {
-        textareaWrapper: "has-[:focus]:border-primary-main"
-      }
-    },
-    {
-      variant: "line",
-      color: "secondary",
-      class: {
-        textareaWrapper: "has-[:focus]:border-secondary-main",
-        textarea: "focus:bg-secondary-main"
-      }
-    },
-    // Variants & isDisabled
-    {
-      variant: "line",
-      isDisabled: true,
-      class: {
-        textareaWrapper: "bg-neutral-soft"
-      }
-    },
-    // isRequired & isDisabled
-    {
-      isRequired: true,
-      isDisabled: true,
-      class: {
-        label: "after:text-danger-light"
-      }
-    }
-  ]
-});
-
-export {
-  textarea_default
-};