@deepnoid/ui 0.1.30 → 0.1.32

package/dist/index.mjs

@@ -16,7 +16,7 @@ import {
 import "./chunk-RRAZM5D3.mjs";
 import {
   textarea_default
-} from "./chunk-BKE6QF6W.mjs";
+} from "./chunk-62X5AX5B.mjs";
 import "./chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
@@ -33,11 +33,11 @@ import {
 import "./chunk-DX3KXNP6.mjs";
 import {
   table_default
-} from "./chunk-GLMM253Q.mjs";
+} from "./chunk-P67LLF3G.mjs";
 import {
   definition_table_default
 } from "./chunk-6TIIBU7J.mjs";
-import "./chunk-CEZQCD6Z.mjs";
+import "./chunk-LWRK5TPZ.mjs";
 import "./chunk-P7YYNA6L.mjs";
 import "./chunk-DQRAFUDA.mjs";
 import {
@@ -46,7 +46,7 @@ import {
 import "./chunk-QCEKPS7U.mjs";
 import {
   select_default
-} from "./chunk-272FMLIL.mjs";
+} from "./chunk-IEJRE6LT.mjs";
 import "./chunk-MZ76AA76.mjs";
 import {
   skeleton_default
@@ -58,7 +58,7 @@ import {
 import "./chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "./chunk-QM4ZSQYX.mjs";
+} from "./chunk-CVQM3T2X.mjs";
 import "./chunk-F3HENRVM.mjs";
 import "./chunk-TPFN22HR.mjs";
 import {
@@ -83,11 +83,11 @@ import "./chunk-FWJ2ZKH6.mjs";
 import "./chunk-P732YGHO.mjs";
 import {
   fileUpload_default
-} from "./chunk-NKH3OF6I.mjs";
+} from "./chunk-BCMVEGJG.mjs";
 import "./chunk-2GCSFWHD.mjs";
 import {
   input_default
-} from "./chunk-VCVQMPC7.mjs";
+} from "./chunk-AIIMJZ7L.mjs";
 import "./chunk-QZ3LVYJW.mjs";
 import {
   checkbox_default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.1.30",
+  "version": "0.1.32",
   "license": "MIT",
   "sideEffects": false,
   "exports": {

package/dist/chunk-BKE6QF6W.mjs

@@ -1,209 +0,0 @@
-"use client";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
-
-// src/components/textarea/textarea.tsx
-import { forwardRef, useCallback, useMemo } from "react";
-import { tv } from "tailwind-variants";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Textarea = forwardRef((originalProps, ref) => {
-  const [props, variantProps] = mapPropsVariants(originalProps, textareaStyle.variantKeys);
-  const { classNames, label, errorMessage, ...textareaProps } = props;
-  const slots = useMemo(() => textareaStyle({ ...variantProps }), [variantProps]);
-  const getBaseProps = useCallback(
-    () => ({
-      className: slots.base({ class: classNames == null ? void 0 : classNames.base })
-    }),
-    [slots, classNames]
-  );
-  const getLabelProps = useCallback(
-    () => ({
-      className: slots.label({ class: classNames == null ? void 0 : classNames.label })
-    }),
-    [slots, classNames]
-  );
-  const getInnerWrapperProps = useCallback(
-    () => ({
-      className: slots.innerWrapper({ class: classNames == null ? void 0 : classNames.innerWrapper })
-    }),
-    [slots, classNames]
-  );
-  const getTextareaWrapperProps = useCallback(
-    () => ({
-      className: slots.textareaWrapper({ class: classNames == null ? void 0 : classNames.textareaWrapper })
-    }),
-    [slots, classNames]
-  );
-  const getTextareaProps = useCallback(
-    () => ({
-      ...textareaProps,
-      ref,
-      className: slots.textarea({ class: classNames == null ? void 0 : classNames.textarea }),
-      disabled: originalProps.isDisabled,
-      required: originalProps.isRequired,
-      size: 0
-    }),
-    [textareaProps, ref, slots, classNames == null ? void 0 : classNames.textarea, originalProps.isDisabled, originalProps.isRequired]
-  );
-  const getErrorMessageProps = useCallback(
-    () => ({
-      className: slots.errorMessage({ class: classNames == null ? void 0 : classNames.errorMessage })
-    }),
-    [slots, classNames]
-  );
-  return /* @__PURE__ */ jsxs("div", { ...getBaseProps(), children: [
-    props.label && /* @__PURE__ */ jsx("label", { ...getLabelProps(), children: props.label }),
-    /* @__PURE__ */ jsxs("div", { ...getInnerWrapperProps(), children: [
-      /* @__PURE__ */ jsx("div", { ...getTextareaWrapperProps(), children: /* @__PURE__ */ jsx("textarea", { ...getTextareaProps() }) }),
-      props.errorMessage && /* @__PURE__ */ jsx("p", { ...getErrorMessageProps(), children: props.errorMessage })
-    ] })
-  ] });
-});
-Textarea.displayName = "Textarea";
-var textarea_default = Textarea;
-var textareaStyle = tv({
-  slots: {
-    base: ["group/textarea", "flex", "flex-col", "gap-[10px]", "select-none"],
-    label: ["flex", "items-center"],
-    innerWrapper: ["flex", "flex-col", "gap-[6px]"],
-    textareaWrapper: [
-      "flex",
-      "bg-transparent",
-      "border-neutral-main",
-      "group-has-[p]/textarea:border-danger-main",
-      "group-has-[p]/textarea:bg-danger-soft",
-      "transition duration-200"
-    ],
-    textarea: [
-      "w-full",
-      "bg-transparent",
-      "placeholder:text-neutral-main",
-      "focus-visible:outline-none",
-      "resize-none"
-    ],
-    errorMessage: ["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 p-[6px]",
-        textarea: "text-sm rounded-sm",
-        label: "text-sm",
-        errorMessage: "text-sm"
-      },
-      md: {
-        base: "gap-[8px]",
-        textareaWrapper: "w-[240px] rounded-md p-[8px]",
-        textarea: "text-md rounded-md",
-        label: "text-md",
-        errorMessage: "text-md"
-      },
-      lg: {
-        base: "gap-[10px]",
-        textareaWrapper: "w-[240px] rounded-lg p-[10px]",
-        textarea: "text-lg rounded-lg",
-        label: "text-lg",
-        errorMessage: "text-lg"
-      },
-      xl: {
-        base: "gap-[10px]",
-        textareaWrapper: "w-[240px] rounded-xl p-[10px]",
-        textarea: "text-xl rounded-xl",
-        label: "text-xl",
-        errorMessage: "text-xl"
-      }
-    },
-    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: ["bg-neutral-soft", "border-neutral-light", "pointer-events-none"],
-        textarea: ["text-neutral-light placeholder:text-neutral-light", "border-neutral-light"],
-        label: ["text-neutral-light", "pointer-events-none"],
-        errorMessage: "text-danger-light"
-      }
-    },
-    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
-};