@deepnoid/ui 0.1.25 → 0.1.27

package/dist/components/input/input.d.mts

@@ -5,8 +5,8 @@ import { Size, SlotsToClasses } from '../../utils/types.mjs';
 
 interface Props extends Omit<ComponentProps<"input">, "size"> {
     label?: string;
-    helperText?: string;
-    errorText?: string;
+    helperMessage?: string;
+    errorMessage?: string;
     startContent?: ReactElement<{
         className?: string;
         size?: Size;
@@ -38,11 +38,11 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
     color: {
         primary: {
             content: string[];
-            helperText: string[];
+            helperMessage: string[];
         };
         secondary: {
             content: string[];
-            helperText: string[];
+            helperMessage: string[];
         };
     };
     size: {
@@ -51,32 +51,32 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
         md: {
             base: string[];
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
         lg: {
             base: string[];
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
         xl: {
             base: string[];
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
     };
     direction: {
@@ -95,8 +95,8 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
             inputWrapper: string[];
             input: string[];
             content: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
     };
 }, {
@@ -108,8 +108,8 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
     inputWrapper: string[];
     input: string[];
     content: string[];
-    helperText: string[];
-    errorText: string[];
+    helperMessage: string[];
+    errorMessage: string[];
     readonly: string[];
 }, undefined, {
     variant: {
@@ -129,11 +129,11 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
     color: {
         primary: {
             content: string[];
-            helperText: string[];
+            helperMessage: string[];
         };
         secondary: {
             content: string[];
-            helperText: string[];
+            helperMessage: string[];
         };
     };
     size: {
@@ -142,32 +142,32 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
         md: {
             base: string[];
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
         lg: {
             base: string[];
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
         xl: {
             base: string[];
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
     };
     direction: {
@@ -186,8 +186,8 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
             inputWrapper: string[];
             input: string[];
             content: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
     };
 }, {
@@ -199,8 +199,8 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
     inputWrapper: string[];
     input: string[];
     content: string[];
-    helperText: string[];
-    errorText: string[];
+    helperMessage: string[];
+    errorMessage: string[];
     readonly: string[];
 }, tailwind_variants.TVReturnType<{
     variant: {
@@ -220,11 +220,11 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
     color: {
         primary: {
             content: string[];
-            helperText: string[];
+            helperMessage: string[];
         };
         secondary: {
             content: string[];
-            helperText: string[];
+            helperMessage: string[];
         };
     };
     size: {
@@ -233,32 +233,32 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
         md: {
             base: string[];
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
         lg: {
             base: string[];
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
         xl: {
             base: string[];
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
     };
     direction: {
@@ -277,8 +277,8 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
             inputWrapper: string[];
             input: string[];
             content: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
     };
 }, {
@@ -290,8 +290,8 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
     inputWrapper: string[];
     input: string[];
     content: string[];
-    helperText: string[];
-    errorText: string[];
+    helperMessage: string[];
+    errorMessage: string[];
     readonly: string[];
 }, undefined, unknown, unknown, undefined>>;
 type InputVariantProps = VariantProps<typeof inputStyle>;

package/dist/components/input/input.d.ts

@@ -5,8 +5,8 @@ import { Size, SlotsToClasses } from '../../utils/types.js';
 
 interface Props extends Omit<ComponentProps<"input">, "size"> {
     label?: string;
-    helperText?: string;
-    errorText?: string;
+    helperMessage?: string;
+    errorMessage?: string;
     startContent?: ReactElement<{
         className?: string;
         size?: Size;
@@ -38,11 +38,11 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
     color: {
         primary: {
             content: string[];
-            helperText: string[];
+            helperMessage: string[];
         };
         secondary: {
             content: string[];
-            helperText: string[];
+            helperMessage: string[];
         };
     };
     size: {
@@ -51,32 +51,32 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
         md: {
             base: string[];
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
         lg: {
             base: string[];
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
         xl: {
             base: string[];
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
     };
     direction: {
@@ -95,8 +95,8 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
             inputWrapper: string[];
             input: string[];
             content: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
     };
 }, {
@@ -108,8 +108,8 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
     inputWrapper: string[];
     input: string[];
     content: string[];
-    helperText: string[];
-    errorText: string[];
+    helperMessage: string[];
+    errorMessage: string[];
     readonly: string[];
 }, undefined, {
     variant: {
@@ -129,11 +129,11 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
     color: {
         primary: {
             content: string[];
-            helperText: string[];
+            helperMessage: string[];
         };
         secondary: {
             content: string[];
-            helperText: string[];
+            helperMessage: string[];
         };
     };
     size: {
@@ -142,32 +142,32 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
         md: {
             base: string[];
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
         lg: {
             base: string[];
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
         xl: {
             base: string[];
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
     };
     direction: {
@@ -186,8 +186,8 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
             inputWrapper: string[];
             input: string[];
             content: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
     };
 }, {
@@ -199,8 +199,8 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
     inputWrapper: string[];
     input: string[];
     content: string[];
-    helperText: string[];
-    errorText: string[];
+    helperMessage: string[];
+    errorMessage: string[];
     readonly: string[];
 }, tailwind_variants.TVReturnType<{
     variant: {
@@ -220,11 +220,11 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
     color: {
         primary: {
             content: string[];
-            helperText: string[];
+            helperMessage: string[];
         };
         secondary: {
             content: string[];
-            helperText: string[];
+            helperMessage: string[];
         };
     };
     size: {
@@ -233,32 +233,32 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
         md: {
             base: string[];
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
         lg: {
             base: string[];
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
         xl: {
             base: string[];
             label: string[];
             innerWrapper: string[];
             inputWrapper: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
     };
     direction: {
@@ -277,8 +277,8 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
             inputWrapper: string[];
             input: string[];
             content: string[];
-            helperText: string[];
-            errorText: string[];
+            helperMessage: string[];
+            errorMessage: string[];
         };
     };
 }, {
@@ -290,8 +290,8 @@ declare const inputStyle: tailwind_variants.TVReturnType<{
     inputWrapper: string[];
     input: string[];
     content: string[];
-    helperText: string[];
-    errorText: string[];
+    helperMessage: string[];
+    errorMessage: string[];
     readonly: string[];
 }, undefined, unknown, unknown, undefined>>;
 type InputVariantProps = VariantProps<typeof inputStyle>;

package/dist/components/input/input.js

@@ -4359,7 +4359,7 @@ function toVal(mix) {
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var Input = (0, import_react.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, inputStyle.variantKeys);
-  const { classNames, label, helperText, errorText, startContent, endContent, ...inputProps } = props;
+  const { classNames, label, helperMessage, errorMessage, startContent, endContent, ...inputProps } = props;
   const inputRef = (0, import_react.useRef)(null);
   const slots = (0, import_react.useMemo)(() => inputStyle({ ...variantProps }), [variantProps]);
   const getContentProps = (0, import_react.useCallback)(
@@ -4402,7 +4402,7 @@ var Input = (0, import_react.forwardRef)((originalProps, ref) => {
         className: `${getContentProps().className || ""} ${existingProps.className || ""}`.trim()
       };
       return import_react.default.cloneElement(endContent, mergedProps);
-    } else if (errorText) {
+    } else if (errorMessage) {
       const iconProps = { ...getContentProps(), className: getContentProps().className };
       return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ...iconProps, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "exclamation-circle", fill: true, size: originalProps.size }) });
     } else {
@@ -4456,8 +4456,8 @@ var Input = (0, import_react.forwardRef)((originalProps, ref) => {
               ]
             }
           ),
-          helperText && !errorText && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: slots.helperText({ class: classNames == null ? void 0 : classNames.helperText }), children: helperText }),
-          errorText && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: clsx("error", slots.errorText({ class: classNames == null ? void 0 : classNames.errorText })), children: errorText })
+          helperMessage && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: slots.helperMessage({ class: classNames == null ? void 0 : classNames.helperMessage }), children: helperMessage }),
+          errorMessage && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: clsx("error", slots.errorMessage({ class: classNames == null ? void 0 : classNames.errorMessage })), children: errorMessage })
         ] })
       ]
     }
@@ -4497,8 +4497,8 @@ var inputStyle = tv(
         "group-has-[:hover]/input:text-neutral-dark",
         "group-has-[p.error]/input:text-danger-main"
       ],
-      helperText: ["text-neutral-main", "group-has-[:hover]/input:text-neutral-dark"],
-      errorText: ["text-danger-main"],
+      helperMessage: ["text-neutral-main", "group-has-[:hover]/input:text-neutral-dark"],
+      errorMessage: ["text-danger-main"],
       readonly: ["pointer-events-none", "!text-body-foreground"]
     },
     variants: {
@@ -4533,7 +4533,7 @@ var inputStyle = tv(
             "group-has-[:focus]/input:text-primary-main",
             "!group-has-[p.error]:not(input:focus):hover/input:text-primary-main"
           ],
-          helperText: [
+          helperMessage: [
             "group-has-[:focus]/input:text-primary-main",
             "group-has-[:focus:hover]/input:text-primary-main",
             "group-has-[:focus]/input:hover:text-primary-main"
@@ -4544,7 +4544,7 @@ var inputStyle = tv(
             "group-has-[:focus]/input:text-secondary-main",
             "!group-has-[p.error]:not(input:focus):hover/input:text-secondary-main"
           ],
-          helperText: [
+          helperMessage: [
             "group-has-[:focus]/input:text-secondary-main",
             "group-has-[:focus:hover]/input:text-secondary-main",
             "group-has-[:focus]/input:hover:text-secondary-main"
@@ -4557,32 +4557,32 @@ var inputStyle = tv(
           label: ["text-sm"],
           innerWrapper: ["gap-[4px]"],
           inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-[4px]", "gap-[4px]"],
-          helperText: ["text-sm"],
-          errorText: ["text-sm"]
+          helperMessage: ["text-sm"],
+          errorMessage: ["text-sm"]
         },
         md: {
           base: ["text-md", "gap-[6px]"],
           label: ["text-md"],
           innerWrapper: ["gap-[6px]"],
           inputWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-[6px]", "gap-[6px]"],
-          helperText: ["text-sm"],
-          errorText: ["text-sm"]
+          helperMessage: ["text-sm"],
+          errorMessage: ["text-sm"]
         },
         lg: {
           base: ["text-lg", "gap-[8px]"],
           label: ["text-lg"],
           innerWrapper: ["gap-[8px]"],
           inputWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-[8px]", "gap-[8px]"],
-          helperText: ["text-md"],
-          errorText: ["text-md"]
+          helperMessage: ["text-md"],
+          errorMessage: ["text-md"]
         },
         xl: {
           base: ["text-xl", "gap-[10px]"],
           label: ["text-xl"],
           innerWrapper: ["gap-[10px]"],
           inputWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-[10px]", "gap-[10px]"],
-          helperText: ["text-md"],
-          errorText: ["text-md"]
+          helperMessage: ["text-md"],
+          errorMessage: ["text-md"]
         }
       },
       direction: {
@@ -4606,8 +4606,8 @@ var inputStyle = tv(
             "group-has-[p.error]/input:placeholder:text-danger-light"
           ],
           content: ["text-neutral-light", "group-has-[p.error]/input:text-danger-light"],
-          helperText: ["!text-neutral-light"],
-          errorText: ["!text-danger-light"]
+          helperMessage: ["!text-neutral-light"],
+          errorMessage: ["!text-danger-light"]
         }
       }
     },

package/dist/components/input/input.mjs

@@ -2,7 +2,7 @@
 import {
   inputStyle,
   input_default
-} from "../../chunk-P5PJTJLY.mjs";
+} from "../../chunk-GRA2LU42.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
 import "../../chunk-3IU2RPSM.mjs";