@egose/shadcn-theme 0.1.11 → 0.1.12

package/components/form/hook-text-input.d.mts

@@ -1,11 +1,14 @@
 import React__default from 'react';
-import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
+import { FieldValues, Path } from 'react-hook-form';
 import { FormTextInputProps } from './text-input.mjs';
+import { HookFormValidationAttributes, HookFormRules } from './types.mjs';
 
-declare function HookFormTextInput<T extends FieldValues>({ id, name, rules, label, error, classNames, disabled, ...rest }: Omit<FormTextInputProps, 'name' | 'inputProps'> & {
+type HookFormTextInputValidationAttributes = Pick<HookFormValidationAttributes, 'required' | 'min' | 'max' | 'maxLength' | 'minLength'>;
+type HookFormTextInputProps<T extends FieldValues> = Omit<FormTextInputProps, 'name' | 'inputProps' | keyof HookFormTextInputValidationAttributes> & {
     name: Path<T>;
-    rules?: RegisterOptions<T, Path<T>> | undefined;
+    rules?: HookFormRules<T>;
     error?: string;
-}): React__default.JSX.Element | null;
+} & HookFormTextInputValidationAttributes;
+declare function HookFormTextInput<T extends FieldValues>({ id, name, rules, label, error, classNames, disabled, required, min, max, maxLength, minLength, ...rest }: HookFormTextInputProps<T>): React__default.JSX.Element | null;
 
 export { HookFormTextInput };

package/components/form/hook-text-input.d.ts

@@ -1,11 +1,14 @@
 import React__default from 'react';
-import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
+import { FieldValues, Path } from 'react-hook-form';
 import { FormTextInputProps } from './text-input.js';
+import { HookFormValidationAttributes, HookFormRules } from './types.js';
 
-declare function HookFormTextInput<T extends FieldValues>({ id, name, rules, label, error, classNames, disabled, ...rest }: Omit<FormTextInputProps, 'name' | 'inputProps'> & {
+type HookFormTextInputValidationAttributes = Pick<HookFormValidationAttributes, 'required' | 'min' | 'max' | 'maxLength' | 'minLength'>;
+type HookFormTextInputProps<T extends FieldValues> = Omit<FormTextInputProps, 'name' | 'inputProps' | keyof HookFormTextInputValidationAttributes> & {
     name: Path<T>;
-    rules?: RegisterOptions<T, Path<T>> | undefined;
+    rules?: HookFormRules<T>;
     error?: string;
-}): React__default.JSX.Element | null;
+} & HookFormTextInputValidationAttributes;
+declare function HookFormTextInput<T extends FieldValues>({ id, name, rules, label, error, classNames, disabled, required, min, max, maxLength, minLength, ...rest }: HookFormTextInputProps<T>): React__default.JSX.Element | null;
 
 export { HookFormTextInput };

package/components/form/hook-text-input.js

@@ -3,6 +3,11 @@
 
 
 var _chunkWEZTFUORjs = require('../../chunk-WEZTFUOR.js');
+
+
+
+
+var _chunkVYBFV2QDjs = require('../../chunk-VYBFV2QD.js');
 require('../../chunk-CRBQL2FG.js');
 
 
@@ -29,7 +34,12 @@ function HookFormTextInput(_a) {
     label,
     error,
     classNames,
-    disabled
+    disabled,
+    required,
+    min,
+    max,
+    maxLength,
+    minLength
   } = _b, rest = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
     "id",
     "name",
@@ -37,7 +47,12 @@ function HookFormTextInput(_a) {
     "label",
     "error",
     "classNames",
-    "disabled"
+    "disabled",
+    "required",
+    "min",
+    "max",
+    "maxLength",
+    "minLength"
   ]);
   const methods = _reacthookform.useFormContext.call(void 0, );
   if (!methods) return null;
@@ -48,14 +63,19 @@ function HookFormTextInput(_a) {
   const fieldError = _get3.default.call(void 0, errors, name);
   const errorMessage = error != null ? error : fieldError && String(fieldError == null ? void 0 : fieldError.message);
   const showError = !!fieldError && !disabled;
+  const mergedRules = _chunkVYBFV2QDjs.mergeHookFormRules.call(void 0, rules, { required, min, max, maxLength, minLength });
   return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkNBQEF4JDjs.cn.call(void 0, "$hook-form-text-input", classNames == null ? void 0 : classNames.wrapper) }, /* @__PURE__ */ _react2.default.createElement(
     _chunkWEZTFUORjs.FormTextInput,
-    _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+    _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {}, rest), {
       id,
       name,
       label,
-      disabled
-    }, rest), {
+      disabled,
+      required: _chunkVYBFV2QDjs.isValidationRuleEnabled.call(void 0, mergedRules == null ? void 0 : mergedRules.required),
+      min: _chunkVYBFV2QDjs.getValidationRuleValue.call(void 0, mergedRules == null ? void 0 : mergedRules.min),
+      max: _chunkVYBFV2QDjs.getValidationRuleValue.call(void 0, mergedRules == null ? void 0 : mergedRules.max),
+      maxLength: _chunkVYBFV2QDjs.getValidationRuleValue.call(void 0, mergedRules == null ? void 0 : mergedRules.maxLength),
+      minLength: _chunkVYBFV2QDjs.getValidationRuleValue.call(void 0, mergedRules == null ? void 0 : mergedRules.minLength),
       classNames: {
         label: _chunkNBQEF4JDjs.cn.call(void 0, classNames == null ? void 0 : classNames.label, {
           "text-danger": showError
@@ -64,7 +84,7 @@ function HookFormTextInput(_a) {
           "ring-danger text-danger": showError
         })
       },
-      inputProps: register(name, rules)
+      inputProps: register(name, mergedRules)
     })
   ), showError && /* @__PURE__ */ _react2.default.createElement(_chunkHDO7OG7Ijs.FormError, { field: name, className: "mt-1", message: errorMessage }));
 }

package/components/form/hook-text-input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-text-input.js","../../../components/form/hook-text-input.tsx"],"names":[],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACA;AACF,0DAAgC;AAChC;AACA;ACjBA,4EAAkB;AAClB,gFAAiB;AACjB,gDAAmE;AAM5D,SAAS,iBAAA,CAAyC,EAAA,EAatD;AAbsD,EAAA,IAAA,GAAA,EAAA,EAAA,EACvD;AAAA,IAAA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,EAhBF,EAAA,EASyD,EAAA,EAQpD,KAAA,EAAA,wCAAA,EARoD,EAQpD;AAAA,IAPH,IAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,EAAA,CAAA,CAAA;AAOA,EAAA,MAAM,QAAA,EAAU,2CAAA,CAAkB;AAClC,EAAA,GAAA,CAAI,CAAC,OAAA,EAAS,OAAO,IAAA;AAErB,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA,EAAW,EAAE,OAAO;AAAA,EACtB,EAAA,EAAI,OAAA;AAEJ,EAAA,MAAM,WAAA,EAAa,2BAAA,MAAK,EAAQ,IAAI,CAAA;AACpC,EAAA,MAAM,aAAA,EAAe,MAAA,GAAA,KAAA,EAAA,MAAA,EAAU,WAAA,GAAc,MAAA,CAAO,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,OAAO,CAAA;AACvE,EAAA,MAAM,UAAA,EAAY,CAAC,CAAC,WAAA,GAAc,CAAC,QAAA;AAEnC,EAAA,uBACE,eAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,iCAAA,uBAAG,EAAyB,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,OAAO,EAAA,CAAA,kBAC7D,eAAA,CAAA,aAAA;AAAA,IAAC,8BAAA;AAAA,IAAA,4CAAA,6CAAA;AAAA,MACC,EAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,IAAA,CAAA,EACI,IAAA,CAAA,EALL;AAAA,MAMC,UAAA,EAAY;AAAA,QACV,KAAA,EAAO,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO;AAAA,UAC3B,aAAA,EAAe;AAAA,QACjB,CAAC,CAAA;AAAA,QACD,KAAA,EAAO,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO;AAAA,UAC3B,yBAAA,EAA2B;AAAA,QAC7B,CAAC;AAAA,MACH,CAAA;AAAA,MACA,UAAA,EAAY,QAAA,CAAS,IAAA,EAAM,KAAK;AAAA,IAAA,CAAA;AAAA,EAClC,CAAA,EACC,UAAA,mBAAa,eAAA,CAAA,aAAA,CAAC,0BAAA,EAAA,EAAU,KAAA,EAAO,IAAA,EAAM,SAAA,EAAU,MAAA,EAAO,OAAA,EAAS,aAAA,CAAc,CAChF,CAAA;AAEJ;ADaA;AACE;AACF,8CAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-text-input.js","sourcesContent":[null,"\"use client\";\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { FieldValues, RegisterOptions, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../utils/ui';\nimport { FormError } from './error';\nimport { FormTextInput } from './text-input';\nimport type { FormTextInputProps } from './text-input';\n\nexport function HookFormTextInput<T extends FieldValues>({\n  id,\n  name,\n  rules,\n  label,\n  error,\n  classNames,\n  disabled,\n  ...rest\n}: Omit<FormTextInputProps, 'name' | 'inputProps'> & {\n  name: Path<T>;\n  rules?: RegisterOptions<T, Path<T>> | undefined;\n  error?: string;\n}) {\n  const methods = useFormContext<T>();\n  if (!methods) return null;\n\n  const {\n    register,\n    formState: { errors },\n  } = methods;\n\n  const fieldError = _get(errors, name);\n  const errorMessage = error ?? (fieldError && String(fieldError?.message));\n  const showError = !!fieldError && !disabled;\n\n  return (\n    <div className={cn('$hook-form-text-input', classNames?.wrapper)}>\n      <FormTextInput\n        id={id}\n        name={name}\n        label={label}\n        disabled={disabled}\n        {...rest}\n        classNames={{\n          label: cn(classNames?.label, {\n            'text-danger': showError,\n          }),\n          input: cn(classNames?.input, {\n            'ring-danger text-danger': showError,\n          }),\n        }}\n        inputProps={register(name, rules)}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-text-input.js","../../../components/form/hook-text-input.tsx"],"names":[],"mappings":"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","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-text-input.js","sourcesContent":[null,"\"use client\";\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { FieldValues, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../utils/ui';\nimport { FormError } from './error';\nimport { FormTextInput } from './text-input';\nimport type { FormTextInputProps } from './text-input';\nimport { getValidationRuleValue, isValidationRuleEnabled, mergeHookFormRules } from './types';\nimport type { HookFormRules, HookFormValidationAttributes } from './types';\n\ntype HookFormTextInputValidationAttributes = Pick<\n  HookFormValidationAttributes,\n  'required' | 'min' | 'max' | 'maxLength' | 'minLength'\n>;\n\ntype HookFormTextInputProps<T extends FieldValues> = Omit<\n  FormTextInputProps,\n  'name' | 'inputProps' | keyof HookFormTextInputValidationAttributes\n> & {\n  name: Path<T>;\n  rules?: HookFormRules<T>;\n  error?: string;\n} & HookFormTextInputValidationAttributes;\n\nexport function HookFormTextInput<T extends FieldValues>({\n  id,\n  name,\n  rules,\n  label,\n  error,\n  classNames,\n  disabled,\n  required,\n  min,\n  max,\n  maxLength,\n  minLength,\n  ...rest\n}: HookFormTextInputProps<T>) {\n  const methods = useFormContext<T>();\n  if (!methods) return null;\n\n  const {\n    register,\n    formState: { errors },\n  } = methods;\n\n  const fieldError = _get(errors, name);\n  const errorMessage = error ?? (fieldError && String(fieldError?.message));\n  const showError = !!fieldError && !disabled;\n  const mergedRules = mergeHookFormRules(rules, { required, min, max, maxLength, minLength });\n\n  return (\n    <div className={cn('$hook-form-text-input', classNames?.wrapper)}>\n      <FormTextInput\n        {...rest}\n        id={id}\n        name={name}\n        label={label}\n        disabled={disabled}\n        required={isValidationRuleEnabled(mergedRules?.required)}\n        min={getValidationRuleValue(mergedRules?.min)}\n        max={getValidationRuleValue(mergedRules?.max)}\n        maxLength={getValidationRuleValue(mergedRules?.maxLength)}\n        minLength={getValidationRuleValue(mergedRules?.minLength)}\n        classNames={{\n          label: cn(classNames?.label, {\n            'text-danger': showError,\n          }),\n          input: cn(classNames?.input, {\n            'ring-danger text-danger': showError,\n          }),\n        }}\n        inputProps={register(name, mergedRules)}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"]}

package/components/form/hook-text-input.mjs

@@ -2,6 +2,11 @@
 import {
   FormTextInput
 } from "../../chunk-S7HB64F7.mjs";
+import {
+  getValidationRuleValue,
+  isValidationRuleEnabled,
+  mergeHookFormRules
+} from "../../chunk-WJKG5MUH.mjs";
 import "../../chunk-OXUVPYJE.mjs";
 import {
   FormError
@@ -28,7 +33,12 @@ function HookFormTextInput(_a) {
     label,
     error,
     classNames,
-    disabled
+    disabled,
+    required,
+    min,
+    max,
+    maxLength,
+    minLength
   } = _b, rest = __objRest(_b, [
     "id",
     "name",
@@ -36,7 +46,12 @@ function HookFormTextInput(_a) {
     "label",
     "error",
     "classNames",
-    "disabled"
+    "disabled",
+    "required",
+    "min",
+    "max",
+    "maxLength",
+    "minLength"
   ]);
   const methods = useFormContext();
   if (!methods) return null;
@@ -47,14 +62,19 @@ function HookFormTextInput(_a) {
   const fieldError = _get(errors, name);
   const errorMessage = error != null ? error : fieldError && String(fieldError == null ? void 0 : fieldError.message);
   const showError = !!fieldError && !disabled;
+  const mergedRules = mergeHookFormRules(rules, { required, min, max, maxLength, minLength });
   return /* @__PURE__ */ React.createElement("div", { className: cn("$hook-form-text-input", classNames == null ? void 0 : classNames.wrapper) }, /* @__PURE__ */ React.createElement(
     FormTextInput,
-    __spreadProps(__spreadValues({
+    __spreadProps(__spreadValues({}, rest), {
       id,
       name,
       label,
-      disabled
-    }, rest), {
+      disabled,
+      required: isValidationRuleEnabled(mergedRules == null ? void 0 : mergedRules.required),
+      min: getValidationRuleValue(mergedRules == null ? void 0 : mergedRules.min),
+      max: getValidationRuleValue(mergedRules == null ? void 0 : mergedRules.max),
+      maxLength: getValidationRuleValue(mergedRules == null ? void 0 : mergedRules.maxLength),
+      minLength: getValidationRuleValue(mergedRules == null ? void 0 : mergedRules.minLength),
       classNames: {
         label: cn(classNames == null ? void 0 : classNames.label, {
           "text-danger": showError
@@ -63,7 +83,7 @@ function HookFormTextInput(_a) {
           "ring-danger text-danger": showError
         })
       },
-      inputProps: register(name, rules)
+      inputProps: register(name, mergedRules)
     })
   ), showError && /* @__PURE__ */ React.createElement(FormError, { field: name, className: "mt-1", message: errorMessage }));
 }

package/components/form/hook-text-input.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/form/hook-text-input.tsx"],"sourcesContent":["\"use client\";\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { FieldValues, RegisterOptions, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../utils/ui';\nimport { FormError } from './error';\nimport { FormTextInput } from './text-input';\nimport type { FormTextInputProps } from './text-input';\n\nexport function HookFormTextInput<T extends FieldValues>({\n  id,\n  name,\n  rules,\n  label,\n  error,\n  classNames,\n  disabled,\n  ...rest\n}: Omit<FormTextInputProps, 'name' | 'inputProps'> & {\n  name: Path<T>;\n  rules?: RegisterOptions<T, Path<T>> | undefined;\n  error?: string;\n}) {\n  const methods = useFormContext<T>();\n  if (!methods) return null;\n\n  const {\n    register,\n    formState: { errors },\n  } = methods;\n\n  const fieldError = _get(errors, name);\n  const errorMessage = error ?? (fieldError && String(fieldError?.message));\n  const showError = !!fieldError && !disabled;\n\n  return (\n    <div className={cn('$hook-form-text-input', classNames?.wrapper)}>\n      <FormTextInput\n        id={id}\n        name={name}\n        label={label}\n        disabled={disabled}\n        {...rest}\n        classNames={{\n          label: cn(classNames?.label, {\n            'text-danger': showError,\n          }),\n          input: cn(classNames?.input, {\n            'ring-danger text-danger': showError,\n          }),\n        }}\n        inputProps={register(name, rules)}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AACA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAA6C,sBAAsB;AAM5D,SAAS,kBAAyC,IAatD;AAbsD,eACvD;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAhBF,IASyD,IAQpD,iBARoD,IAQpD;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAOA,QAAM,UAAU,eAAkB;AAClC,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM;AAAA,IACJ;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,EACtB,IAAI;AAEJ,QAAM,aAAa,KAAK,QAAQ,IAAI;AACpC,QAAM,eAAe,wBAAU,cAAc,OAAO,yCAAY,OAAO;AACvE,QAAM,YAAY,CAAC,CAAC,cAAc,CAAC;AAEnC,SACE,oCAAC,SAAI,WAAW,GAAG,yBAAyB,yCAAY,OAAO,KAC7D;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,OACI,OALL;AAAA,MAMC,YAAY;AAAA,QACV,OAAO,GAAG,yCAAY,OAAO;AAAA,UAC3B,eAAe;AAAA,QACjB,CAAC;AAAA,QACD,OAAO,GAAG,yCAAY,OAAO;AAAA,UAC3B,2BAA2B;AAAA,QAC7B,CAAC;AAAA,MACH;AAAA,MACA,YAAY,SAAS,MAAM,KAAK;AAAA;AAAA,EAClC,GACC,aAAa,oCAAC,aAAU,OAAO,MAAM,WAAU,QAAO,SAAS,cAAc,CAChF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../components/form/hook-text-input.tsx"],"sourcesContent":["\"use client\";\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { FieldValues, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../utils/ui';\nimport { FormError } from './error';\nimport { FormTextInput } from './text-input';\nimport type { FormTextInputProps } from './text-input';\nimport { getValidationRuleValue, isValidationRuleEnabled, mergeHookFormRules } from './types';\nimport type { HookFormRules, HookFormValidationAttributes } from './types';\n\ntype HookFormTextInputValidationAttributes = Pick<\n  HookFormValidationAttributes,\n  'required' | 'min' | 'max' | 'maxLength' | 'minLength'\n>;\n\ntype HookFormTextInputProps<T extends FieldValues> = Omit<\n  FormTextInputProps,\n  'name' | 'inputProps' | keyof HookFormTextInputValidationAttributes\n> & {\n  name: Path<T>;\n  rules?: HookFormRules<T>;\n  error?: string;\n} & HookFormTextInputValidationAttributes;\n\nexport function HookFormTextInput<T extends FieldValues>({\n  id,\n  name,\n  rules,\n  label,\n  error,\n  classNames,\n  disabled,\n  required,\n  min,\n  max,\n  maxLength,\n  minLength,\n  ...rest\n}: HookFormTextInputProps<T>) {\n  const methods = useFormContext<T>();\n  if (!methods) return null;\n\n  const {\n    register,\n    formState: { errors },\n  } = methods;\n\n  const fieldError = _get(errors, name);\n  const errorMessage = error ?? (fieldError && String(fieldError?.message));\n  const showError = !!fieldError && !disabled;\n  const mergedRules = mergeHookFormRules(rules, { required, min, max, maxLength, minLength });\n\n  return (\n    <div className={cn('$hook-form-text-input', classNames?.wrapper)}>\n      <FormTextInput\n        {...rest}\n        id={id}\n        name={name}\n        label={label}\n        disabled={disabled}\n        required={isValidationRuleEnabled(mergedRules?.required)}\n        min={getValidationRuleValue(mergedRules?.min)}\n        max={getValidationRuleValue(mergedRules?.max)}\n        maxLength={getValidationRuleValue(mergedRules?.maxLength)}\n        minLength={getValidationRuleValue(mergedRules?.minLength)}\n        classNames={{\n          label: cn(classNames?.label, {\n            'text-danger': showError,\n          }),\n          input: cn(classNames?.input, {\n            'ring-danger text-danger': showError,\n          }),\n        }}\n        inputProps={register(name, mergedRules)}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAA4B,sBAAsB;AAsB3C,SAAS,kBAAyC,IAc3B;AAd2B,eACvD;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EArCF,IAyByD,IAapD,iBAboD,IAapD;AAAA,IAZH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,UAAU,eAAkB;AAClC,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM;AAAA,IACJ;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,EACtB,IAAI;AAEJ,QAAM,aAAa,KAAK,QAAQ,IAAI;AACpC,QAAM,eAAe,wBAAU,cAAc,OAAO,yCAAY,OAAO;AACvE,QAAM,YAAY,CAAC,CAAC,cAAc,CAAC;AACnC,QAAM,cAAc,mBAAmB,OAAO,EAAE,UAAU,KAAK,KAAK,WAAW,UAAU,CAAC;AAE1F,SACE,oCAAC,SAAI,WAAW,GAAG,yBAAyB,yCAAY,OAAO,KAC7D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,wBAAwB,2CAAa,QAAQ;AAAA,MACvD,KAAK,uBAAuB,2CAAa,GAAG;AAAA,MAC5C,KAAK,uBAAuB,2CAAa,GAAG;AAAA,MAC5C,WAAW,uBAAuB,2CAAa,SAAS;AAAA,MACxD,WAAW,uBAAuB,2CAAa,SAAS;AAAA,MACxD,YAAY;AAAA,QACV,OAAO,GAAG,yCAAY,OAAO;AAAA,UAC3B,eAAe;AAAA,QACjB,CAAC;AAAA,QACD,OAAO,GAAG,yCAAY,OAAO;AAAA,UAC3B,2BAA2B;AAAA,QAC7B,CAAC;AAAA,MACH;AAAA,MACA,YAAY,SAAS,MAAM,WAAW;AAAA;AAAA,EACxC,GACC,aAAa,oCAAC,aAAU,OAAO,MAAM,WAAU,QAAO,SAAS,cAAc,CAChF;AAEJ;","names":[]}

package/components/form/hook-textarea.d.mts

@@ -1,11 +1,14 @@
 import React__default from 'react';
-import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
+import { FieldValues, Path } from 'react-hook-form';
 import { FormTextareaProps } from './textarea.mjs';
+import { HookFormValidationAttributes, HookFormRules } from './types.mjs';
 
-declare function HookFormTextarea<T extends FieldValues>({ id, name, rules, label, error, classNames, disabled, ...rest }: Omit<FormTextareaProps, 'name' | 'inputProps'> & {
+type HookFormTextareaValidationAttributes = Pick<HookFormValidationAttributes, 'required' | 'maxLength' | 'minLength'>;
+type HookFormTextareaProps<T extends FieldValues> = Omit<FormTextareaProps, 'name' | 'inputProps' | keyof HookFormTextareaValidationAttributes> & {
     name: Path<T>;
-    rules?: RegisterOptions<T, Path<T>> | undefined;
+    rules?: HookFormRules<T>;
     error?: string;
-}): React__default.JSX.Element | null;
+} & HookFormTextareaValidationAttributes;
+declare function HookFormTextarea<T extends FieldValues>({ id, name, rules, label, error, classNames, disabled, required, maxLength, minLength, ...rest }: HookFormTextareaProps<T>): React__default.JSX.Element | null;
 
 export { HookFormTextarea };

package/components/form/hook-textarea.d.ts

@@ -1,11 +1,14 @@
 import React__default from 'react';
-import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
+import { FieldValues, Path } from 'react-hook-form';
 import { FormTextareaProps } from './textarea.js';
+import { HookFormValidationAttributes, HookFormRules } from './types.js';
 
-declare function HookFormTextarea<T extends FieldValues>({ id, name, rules, label, error, classNames, disabled, ...rest }: Omit<FormTextareaProps, 'name' | 'inputProps'> & {
+type HookFormTextareaValidationAttributes = Pick<HookFormValidationAttributes, 'required' | 'maxLength' | 'minLength'>;
+type HookFormTextareaProps<T extends FieldValues> = Omit<FormTextareaProps, 'name' | 'inputProps' | keyof HookFormTextareaValidationAttributes> & {
     name: Path<T>;
-    rules?: RegisterOptions<T, Path<T>> | undefined;
+    rules?: HookFormRules<T>;
     error?: string;
-}): React__default.JSX.Element | null;
+} & HookFormTextareaValidationAttributes;
+declare function HookFormTextarea<T extends FieldValues>({ id, name, rules, label, error, classNames, disabled, required, maxLength, minLength, ...rest }: HookFormTextareaProps<T>): React__default.JSX.Element | null;
 
 export { HookFormTextarea };

package/components/form/hook-textarea.js

@@ -3,6 +3,11 @@
 
 
 var _chunkDYYTK4BPjs = require('../../chunk-DYYTK4BP.js');
+
+
+
+
+var _chunkVYBFV2QDjs = require('../../chunk-VYBFV2QD.js');
 require('../../chunk-YMBEAV7N.js');
 
 
@@ -29,7 +34,10 @@ function HookFormTextarea(_a) {
     label,
     error,
     classNames,
-    disabled
+    disabled,
+    required,
+    maxLength,
+    minLength
   } = _b, rest = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
     "id",
     "name",
@@ -37,7 +45,10 @@ function HookFormTextarea(_a) {
     "label",
     "error",
     "classNames",
-    "disabled"
+    "disabled",
+    "required",
+    "maxLength",
+    "minLength"
   ]);
   const methods = _reacthookform.useFormContext.call(void 0, );
   if (!methods) return null;
@@ -48,14 +59,17 @@ function HookFormTextarea(_a) {
   const fieldError = _get3.default.call(void 0, errors, name);
   const errorMessage = error != null ? error : fieldError && String(fieldError == null ? void 0 : fieldError.message);
   const showError = !!fieldError && !disabled;
+  const mergedRules = _chunkVYBFV2QDjs.mergeHookFormRules.call(void 0, rules, { required, maxLength, minLength });
   return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkNBQEF4JDjs.cn.call(void 0, "$hook-form-textarea", classNames == null ? void 0 : classNames.wrapper) }, /* @__PURE__ */ _react2.default.createElement(
     _chunkDYYTK4BPjs.FormTextarea,
-    _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+    _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {}, rest), {
       id,
       name,
       label,
-      disabled
-    }, rest), {
+      disabled,
+      required: _chunkVYBFV2QDjs.isValidationRuleEnabled.call(void 0, mergedRules == null ? void 0 : mergedRules.required),
+      maxLength: _chunkVYBFV2QDjs.getValidationRuleValue.call(void 0, mergedRules == null ? void 0 : mergedRules.maxLength),
+      minLength: _chunkVYBFV2QDjs.getValidationRuleValue.call(void 0, mergedRules == null ? void 0 : mergedRules.minLength),
       classNames: {
         label: _chunkNBQEF4JDjs.cn.call(void 0, classNames == null ? void 0 : classNames.label, {
           "text-danger": showError
@@ -64,7 +78,7 @@ function HookFormTextarea(_a) {
           "ring-danger text-danger": showError
         })
       },
-      inputProps: register(name, rules)
+      inputProps: register(name, mergedRules)
     })
   ), showError && /* @__PURE__ */ _react2.default.createElement(_chunkHDO7OG7Ijs.FormError, { field: name, className: "mt-1", message: errorMessage }));
 }

package/components/form/hook-textarea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-textarea.js","../../../components/form/hook-textarea.tsx"],"names":[],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACA;AACF,0DAAgC;AAChC;AACA;ACjBA,4EAAkB;AAClB,gFAAiB;AACjB,gDAAmE;AAM5D,SAAS,gBAAA,CAAwC,EAAA,EAarD;AAbqD,EAAA,IAAA,GAAA,EAAA,EAAA,EACtD;AAAA,IAAA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,EAhBF,EAAA,EASwD,EAAA,EAQnD,KAAA,EAAA,wCAAA,EARmD,EAQnD;AAAA,IAPH,IAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,EAAA,CAAA,CAAA;AAOA,EAAA,MAAM,QAAA,EAAU,2CAAA,CAAkB;AAClC,EAAA,GAAA,CAAI,CAAC,OAAA,EAAS,OAAO,IAAA;AAErB,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA,EAAW,EAAE,OAAO;AAAA,EACtB,EAAA,EAAI,OAAA;AAEJ,EAAA,MAAM,WAAA,EAAa,2BAAA,MAAK,EAAQ,IAAI,CAAA;AACpC,EAAA,MAAM,aAAA,EAAe,MAAA,GAAA,KAAA,EAAA,MAAA,EAAU,WAAA,GAAc,MAAA,CAAO,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,OAAO,CAAA;AACvE,EAAA,MAAM,UAAA,EAAY,CAAC,CAAC,WAAA,GAAc,CAAC,QAAA;AAEnC,EAAA,uBACE,eAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,iCAAA,qBAAG,EAAuB,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,OAAO,EAAA,CAAA,kBAC3D,eAAA,CAAA,aAAA;AAAA,IAAC,6BAAA;AAAA,IAAA,4CAAA,6CAAA;AAAA,MACC,EAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,IAAA,CAAA,EACI,IAAA,CAAA,EALL;AAAA,MAMC,UAAA,EAAY;AAAA,QACV,KAAA,EAAO,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO;AAAA,UAC3B,aAAA,EAAe;AAAA,QACjB,CAAC,CAAA;AAAA,QACD,KAAA,EAAO,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO;AAAA,UAC3B,yBAAA,EAA2B;AAAA,QAC7B,CAAC;AAAA,MACH,CAAA;AAAA,MACA,UAAA,EAAY,QAAA,CAAS,IAAA,EAAM,KAAK;AAAA,IAAA,CAAA;AAAA,EAClC,CAAA,EACC,UAAA,mBAAa,eAAA,CAAA,aAAA,CAAC,0BAAA,EAAA,EAAU,KAAA,EAAO,IAAA,EAAM,SAAA,EAAU,MAAA,EAAO,OAAA,EAAS,aAAA,CAAc,CAChF,CAAA;AAEJ;ADaA;AACE;AACF,4CAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-textarea.js","sourcesContent":[null,"\"use client\";\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { FieldValues, RegisterOptions, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../utils/ui';\nimport { FormError } from './error';\nimport { FormTextarea } from './textarea';\nimport type { FormTextareaProps } from './textarea';\n\nexport function HookFormTextarea<T extends FieldValues>({\n  id,\n  name,\n  rules,\n  label,\n  error,\n  classNames,\n  disabled,\n  ...rest\n}: Omit<FormTextareaProps, 'name' | 'inputProps'> & {\n  name: Path<T>;\n  rules?: RegisterOptions<T, Path<T>> | undefined;\n  error?: string;\n}) {\n  const methods = useFormContext<T>();\n  if (!methods) return null;\n\n  const {\n    register,\n    formState: { errors },\n  } = methods;\n\n  const fieldError = _get(errors, name);\n  const errorMessage = error ?? (fieldError && String(fieldError?.message));\n  const showError = !!fieldError && !disabled;\n\n  return (\n    <div className={cn('$hook-form-textarea', classNames?.wrapper)}>\n      <FormTextarea\n        id={id}\n        name={name}\n        label={label}\n        disabled={disabled}\n        {...rest}\n        classNames={{\n          label: cn(classNames?.label, {\n            'text-danger': showError,\n          }),\n          input: cn(classNames?.input, {\n            'ring-danger text-danger': showError,\n          }),\n        }}\n        inputProps={register(name, rules)}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-textarea.js","../../../components/form/hook-textarea.tsx"],"names":[],"mappings":"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","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-textarea.js","sourcesContent":[null,"\"use client\";\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { FieldValues, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../utils/ui';\nimport { FormError } from './error';\nimport { FormTextarea } from './textarea';\nimport type { FormTextareaProps } from './textarea';\nimport { getValidationRuleValue, isValidationRuleEnabled, mergeHookFormRules } from './types';\nimport type { HookFormRules, HookFormValidationAttributes } from './types';\n\ntype HookFormTextareaValidationAttributes = Pick<HookFormValidationAttributes, 'required' | 'maxLength' | 'minLength'>;\n\ntype HookFormTextareaProps<T extends FieldValues> = Omit<\n  FormTextareaProps,\n  'name' | 'inputProps' | keyof HookFormTextareaValidationAttributes\n> & {\n  name: Path<T>;\n  rules?: HookFormRules<T>;\n  error?: string;\n} & HookFormTextareaValidationAttributes;\n\nexport function HookFormTextarea<T extends FieldValues>({\n  id,\n  name,\n  rules,\n  label,\n  error,\n  classNames,\n  disabled,\n  required,\n  maxLength,\n  minLength,\n  ...rest\n}: HookFormTextareaProps<T>) {\n  const methods = useFormContext<T>();\n  if (!methods) return null;\n\n  const {\n    register,\n    formState: { errors },\n  } = methods;\n\n  const fieldError = _get(errors, name);\n  const errorMessage = error ?? (fieldError && String(fieldError?.message));\n  const showError = !!fieldError && !disabled;\n  const mergedRules = mergeHookFormRules(rules, { required, maxLength, minLength });\n\n  return (\n    <div className={cn('$hook-form-textarea', classNames?.wrapper)}>\n      <FormTextarea\n        {...rest}\n        id={id}\n        name={name}\n        label={label}\n        disabled={disabled}\n        required={isValidationRuleEnabled(mergedRules?.required)}\n        maxLength={getValidationRuleValue(mergedRules?.maxLength)}\n        minLength={getValidationRuleValue(mergedRules?.minLength)}\n        classNames={{\n          label: cn(classNames?.label, {\n            'text-danger': showError,\n          }),\n          input: cn(classNames?.input, {\n            'ring-danger text-danger': showError,\n          }),\n        }}\n        inputProps={register(name, mergedRules)}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"]}

package/components/form/hook-textarea.mjs

@@ -2,6 +2,11 @@
 import {
   FormTextarea
 } from "../../chunk-ZSHUAH66.mjs";
+import {
+  getValidationRuleValue,
+  isValidationRuleEnabled,
+  mergeHookFormRules
+} from "../../chunk-WJKG5MUH.mjs";
 import "../../chunk-CHV7CG5L.mjs";
 import {
   FormError
@@ -28,7 +33,10 @@ function HookFormTextarea(_a) {
     label,
     error,
     classNames,
-    disabled
+    disabled,
+    required,
+    maxLength,
+    minLength
   } = _b, rest = __objRest(_b, [
     "id",
     "name",
@@ -36,7 +44,10 @@ function HookFormTextarea(_a) {
     "label",
     "error",
     "classNames",
-    "disabled"
+    "disabled",
+    "required",
+    "maxLength",
+    "minLength"
   ]);
   const methods = useFormContext();
   if (!methods) return null;
@@ -47,14 +58,17 @@ function HookFormTextarea(_a) {
   const fieldError = _get(errors, name);
   const errorMessage = error != null ? error : fieldError && String(fieldError == null ? void 0 : fieldError.message);
   const showError = !!fieldError && !disabled;
+  const mergedRules = mergeHookFormRules(rules, { required, maxLength, minLength });
   return /* @__PURE__ */ React.createElement("div", { className: cn("$hook-form-textarea", classNames == null ? void 0 : classNames.wrapper) }, /* @__PURE__ */ React.createElement(
     FormTextarea,
-    __spreadProps(__spreadValues({
+    __spreadProps(__spreadValues({}, rest), {
       id,
       name,
       label,
-      disabled
-    }, rest), {
+      disabled,
+      required: isValidationRuleEnabled(mergedRules == null ? void 0 : mergedRules.required),
+      maxLength: getValidationRuleValue(mergedRules == null ? void 0 : mergedRules.maxLength),
+      minLength: getValidationRuleValue(mergedRules == null ? void 0 : mergedRules.minLength),
       classNames: {
         label: cn(classNames == null ? void 0 : classNames.label, {
           "text-danger": showError
@@ -63,7 +77,7 @@ function HookFormTextarea(_a) {
           "ring-danger text-danger": showError
         })
       },
-      inputProps: register(name, rules)
+      inputProps: register(name, mergedRules)
     })
   ), showError && /* @__PURE__ */ React.createElement(FormError, { field: name, className: "mt-1", message: errorMessage }));
 }

package/components/form/hook-textarea.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/form/hook-textarea.tsx"],"sourcesContent":["\"use client\";\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { FieldValues, RegisterOptions, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../utils/ui';\nimport { FormError } from './error';\nimport { FormTextarea } from './textarea';\nimport type { FormTextareaProps } from './textarea';\n\nexport function HookFormTextarea<T extends FieldValues>({\n  id,\n  name,\n  rules,\n  label,\n  error,\n  classNames,\n  disabled,\n  ...rest\n}: Omit<FormTextareaProps, 'name' | 'inputProps'> & {\n  name: Path<T>;\n  rules?: RegisterOptions<T, Path<T>> | undefined;\n  error?: string;\n}) {\n  const methods = useFormContext<T>();\n  if (!methods) return null;\n\n  const {\n    register,\n    formState: { errors },\n  } = methods;\n\n  const fieldError = _get(errors, name);\n  const errorMessage = error ?? (fieldError && String(fieldError?.message));\n  const showError = !!fieldError && !disabled;\n\n  return (\n    <div className={cn('$hook-form-textarea', classNames?.wrapper)}>\n      <FormTextarea\n        id={id}\n        name={name}\n        label={label}\n        disabled={disabled}\n        {...rest}\n        classNames={{\n          label: cn(classNames?.label, {\n            'text-danger': showError,\n          }),\n          input: cn(classNames?.input, {\n            'ring-danger text-danger': showError,\n          }),\n        }}\n        inputProps={register(name, rules)}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AACA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAA6C,sBAAsB;AAM5D,SAAS,iBAAwC,IAarD;AAbqD,eACtD;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAhBF,IASwD,IAQnD,iBARmD,IAQnD;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAOA,QAAM,UAAU,eAAkB;AAClC,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM;AAAA,IACJ;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,EACtB,IAAI;AAEJ,QAAM,aAAa,KAAK,QAAQ,IAAI;AACpC,QAAM,eAAe,wBAAU,cAAc,OAAO,yCAAY,OAAO;AACvE,QAAM,YAAY,CAAC,CAAC,cAAc,CAAC;AAEnC,SACE,oCAAC,SAAI,WAAW,GAAG,uBAAuB,yCAAY,OAAO,KAC3D;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,OACI,OALL;AAAA,MAMC,YAAY;AAAA,QACV,OAAO,GAAG,yCAAY,OAAO;AAAA,UAC3B,eAAe;AAAA,QACjB,CAAC;AAAA,QACD,OAAO,GAAG,yCAAY,OAAO;AAAA,UAC3B,2BAA2B;AAAA,QAC7B,CAAC;AAAA,MACH;AAAA,MACA,YAAY,SAAS,MAAM,KAAK;AAAA;AAAA,EAClC,GACC,aAAa,oCAAC,aAAU,OAAO,MAAM,WAAU,QAAO,SAAS,cAAc,CAChF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../components/form/hook-textarea.tsx"],"sourcesContent":["\"use client\";\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { FieldValues, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../utils/ui';\nimport { FormError } from './error';\nimport { FormTextarea } from './textarea';\nimport type { FormTextareaProps } from './textarea';\nimport { getValidationRuleValue, isValidationRuleEnabled, mergeHookFormRules } from './types';\nimport type { HookFormRules, HookFormValidationAttributes } from './types';\n\ntype HookFormTextareaValidationAttributes = Pick<HookFormValidationAttributes, 'required' | 'maxLength' | 'minLength'>;\n\ntype HookFormTextareaProps<T extends FieldValues> = Omit<\n  FormTextareaProps,\n  'name' | 'inputProps' | keyof HookFormTextareaValidationAttributes\n> & {\n  name: Path<T>;\n  rules?: HookFormRules<T>;\n  error?: string;\n} & HookFormTextareaValidationAttributes;\n\nexport function HookFormTextarea<T extends FieldValues>({\n  id,\n  name,\n  rules,\n  label,\n  error,\n  classNames,\n  disabled,\n  required,\n  maxLength,\n  minLength,\n  ...rest\n}: HookFormTextareaProps<T>) {\n  const methods = useFormContext<T>();\n  if (!methods) return null;\n\n  const {\n    register,\n    formState: { errors },\n  } = methods;\n\n  const fieldError = _get(errors, name);\n  const errorMessage = error ?? (fieldError && String(fieldError?.message));\n  const showError = !!fieldError && !disabled;\n  const mergedRules = mergeHookFormRules(rules, { required, maxLength, minLength });\n\n  return (\n    <div className={cn('$hook-form-textarea', classNames?.wrapper)}>\n      <FormTextarea\n        {...rest}\n        id={id}\n        name={name}\n        label={label}\n        disabled={disabled}\n        required={isValidationRuleEnabled(mergedRules?.required)}\n        maxLength={getValidationRuleValue(mergedRules?.maxLength)}\n        minLength={getValidationRuleValue(mergedRules?.minLength)}\n        classNames={{\n          label: cn(classNames?.label, {\n            'text-danger': showError,\n          }),\n          input: cn(classNames?.input, {\n            'ring-danger text-danger': showError,\n          }),\n        }}\n        inputProps={register(name, mergedRules)}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAA4B,sBAAsB;AAmB3C,SAAS,iBAAwC,IAY3B;AAZ2B,eACtD;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAhCF,IAsBwD,IAWnD,iBAXmD,IAWnD;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,UAAU,eAAkB;AAClC,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM;AAAA,IACJ;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,EACtB,IAAI;AAEJ,QAAM,aAAa,KAAK,QAAQ,IAAI;AACpC,QAAM,eAAe,wBAAU,cAAc,OAAO,yCAAY,OAAO;AACvE,QAAM,YAAY,CAAC,CAAC,cAAc,CAAC;AACnC,QAAM,cAAc,mBAAmB,OAAO,EAAE,UAAU,WAAW,UAAU,CAAC;AAEhF,SACE,oCAAC,SAAI,WAAW,GAAG,uBAAuB,yCAAY,OAAO,KAC3D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,wBAAwB,2CAAa,QAAQ;AAAA,MACvD,WAAW,uBAAuB,2CAAa,SAAS;AAAA,MACxD,WAAW,uBAAuB,2CAAa,SAAS;AAAA,MACxD,YAAY;AAAA,QACV,OAAO,GAAG,yCAAY,OAAO;AAAA,UAC3B,eAAe;AAAA,QACjB,CAAC;AAAA,QACD,OAAO,GAAG,yCAAY,OAAO;AAAA,UAC3B,2BAA2B;AAAA,QAC7B,CAAC;AAAA,MACH;AAAA,MACA,YAAY,SAAS,MAAM,WAAW;AAAA;AAAA,EACxC,GACC,aAAa,oCAAC,aAAU,OAAO,MAAM,WAAU,QAAO,SAAS,cAAc,CAChF;AAEJ;","names":[]}

package/components/form/hook-time-input.d.mts

@@ -1,13 +1,15 @@
 import React__default from 'react';
-import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
+import { FieldValues, Path } from 'react-hook-form';
 import { FormTimeInputProps } from './time-input.mjs';
+import { HookFormValidationAttributes, HookFormRules } from './types.mjs';
 import './text-input.mjs';
 
-type HookFormTimeInputProps<T extends FieldValues> = Omit<FormTimeInputProps, 'name' | 'inputProps'> & {
+type HookFormTimeInputValidationAttributes = Pick<HookFormValidationAttributes, 'required' | 'min' | 'max' | 'maxLength' | 'minLength'>;
+type HookFormTimeInputProps<T extends FieldValues> = Omit<FormTimeInputProps, 'name' | 'inputProps' | keyof HookFormTimeInputValidationAttributes> & {
     name: Path<T>;
-    rules?: RegisterOptions<T, Path<T>>;
+    rules?: HookFormRules<T>;
     error?: string;
-};
-declare function HookFormTimeInput<T extends FieldValues>({ id, name, rules, label, error, classNames, disabled, ...rest }: HookFormTimeInputProps<T>): React__default.JSX.Element | null;
+} & HookFormTimeInputValidationAttributes;
+declare function HookFormTimeInput<T extends FieldValues>({ id, name, rules, label, error, classNames, disabled, required, min, max, maxLength, minLength, ...rest }: HookFormTimeInputProps<T>): React__default.JSX.Element | null;
 
 export { HookFormTimeInput };

package/components/form/hook-time-input.d.ts

@@ -1,13 +1,15 @@
 import React__default from 'react';
-import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
+import { FieldValues, Path } from 'react-hook-form';
 import { FormTimeInputProps } from './time-input.js';
+import { HookFormValidationAttributes, HookFormRules } from './types.js';
 import './text-input.js';
 
-type HookFormTimeInputProps<T extends FieldValues> = Omit<FormTimeInputProps, 'name' | 'inputProps'> & {
+type HookFormTimeInputValidationAttributes = Pick<HookFormValidationAttributes, 'required' | 'min' | 'max' | 'maxLength' | 'minLength'>;
+type HookFormTimeInputProps<T extends FieldValues> = Omit<FormTimeInputProps, 'name' | 'inputProps' | keyof HookFormTimeInputValidationAttributes> & {
     name: Path<T>;
-    rules?: RegisterOptions<T, Path<T>>;
+    rules?: HookFormRules<T>;
     error?: string;
-};
-declare function HookFormTimeInput<T extends FieldValues>({ id, name, rules, label, error, classNames, disabled, ...rest }: HookFormTimeInputProps<T>): React__default.JSX.Element | null;
+} & HookFormTimeInputValidationAttributes;
+declare function HookFormTimeInput<T extends FieldValues>({ id, name, rules, label, error, classNames, disabled, required, min, max, maxLength, minLength, ...rest }: HookFormTimeInputProps<T>): React__default.JSX.Element | null;
 
 export { HookFormTimeInput };

package/components/form/hook-time-input.js

@@ -4,6 +4,11 @@
 
 var _chunkJYRR3NKHjs = require('../../chunk-JYRR3NKH.js');
 require('../../chunk-WEZTFUOR.js');
+
+
+
+
+var _chunkVYBFV2QDjs = require('../../chunk-VYBFV2QD.js');
 require('../../chunk-CRBQL2FG.js');
 
 
@@ -31,7 +36,12 @@ function HookFormTimeInput(_a) {
     label,
     error,
     classNames,
-    disabled
+    disabled,
+    required,
+    min,
+    max,
+    maxLength,
+    minLength
   } = _b, rest = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
     "id",
     "name",
@@ -39,7 +49,12 @@ function HookFormTimeInput(_a) {
     "label",
     "error",
     "classNames",
-    "disabled"
+    "disabled",
+    "required",
+    "min",
+    "max",
+    "maxLength",
+    "minLength"
   ]);
   const methods = _reacthookform.useFormContext.call(void 0, );
   if (!methods) return null;
@@ -50,12 +65,13 @@ function HookFormTimeInput(_a) {
   const fieldError = _get3.default.call(void 0, errors, name);
   const errorMessage = error != null ? error : fieldError == null ? void 0 : fieldError.message;
   const showError = !!fieldError && !disabled;
+  const mergedRules = _chunkVYBFV2QDjs.mergeHookFormRules.call(void 0, rules, { required, min, max, maxLength, minLength });
   return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkNBQEF4JDjs.cn.call(void 0, "$hook-form-time-input", classNames == null ? void 0 : classNames.wrapper) }, /* @__PURE__ */ _react2.default.createElement(
     _reacthookform.Controller,
     {
       name,
       control,
-      rules,
+      rules: mergedRules,
       render: ({ field: { onChange, onBlur, value } }) => /* @__PURE__ */ _react2.default.createElement(
         _chunkJYRR3NKHjs.FormTimeInput,
         _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {}, rest), {
@@ -65,6 +81,11 @@ function HookFormTimeInput(_a) {
           onChange,
           onBlur,
           disabled,
+          required: _chunkVYBFV2QDjs.isValidationRuleEnabled.call(void 0, mergedRules == null ? void 0 : mergedRules.required),
+          min: _chunkVYBFV2QDjs.getValidationRuleValue.call(void 0, mergedRules == null ? void 0 : mergedRules.min),
+          max: _chunkVYBFV2QDjs.getValidationRuleValue.call(void 0, mergedRules == null ? void 0 : mergedRules.max),
+          maxLength: _chunkVYBFV2QDjs.getValidationRuleValue.call(void 0, mergedRules == null ? void 0 : mergedRules.maxLength),
+          minLength: _chunkVYBFV2QDjs.getValidationRuleValue.call(void 0, mergedRules == null ? void 0 : mergedRules.minLength),
           classNames: {
             label: _chunkNBQEF4JDjs.cn.call(void 0, classNames == null ? void 0 : classNames.label, {
               "text-danger": showError

package/components/form/hook-time-input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-time-input.js","../../../components/form/hook-time-input.tsx"],"names":[],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACA;AACF,0DAAgC;AAChC;AACA;ACnBA,4EAAkB;AAClB,gFAAiB;AACjB,gDAA+E;AAYxE,SAAS,iBAAA,CAAyC,EAAA,EAS3B;AAT2B,EAAA,IAAA,GAAA,EAAA,EAAA,EACvD;AAAA,IAAA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,EAtBF,EAAA,EAeyD,EAAA,EAQpD,KAAA,EAAA,wCAAA,EARoD,EAQpD;AAAA,IAPH,IAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,EAAA,CAAA,CAAA;AAGA,EAAA,MAAM,QAAA,EAAU,2CAAA,CAAkB;AAClC,EAAA,GAAA,CAAI,CAAC,OAAA,EAAS,OAAO,IAAA;AAErB,EAAA,MAAM;AAAA,IACJ,OAAA;AAAA,IACA,SAAA,EAAW,EAAE,OAAO;AAAA,EACtB,EAAA,EAAI,OAAA;AAEJ,EAAA,MAAM,WAAA,EAAa,2BAAA,MAAK,EAAQ,IAAI,CAAA;AACpC,EAAA,MAAM,aAAA,EAAe,MAAA,GAAA,KAAA,EAAA,MAAA,EAAU,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,OAAA;AAC3C,EAAA,MAAM,UAAA,EAAY,CAAC,CAAC,WAAA,GAAc,CAAC,QAAA;AAEnC,EAAA,uBACE,eAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,iCAAA,uBAAG,EAAyB,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,OAAO,EAAA,CAAA,kBAC7D,eAAA,CAAA,aAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,EAAO,EAAE,QAAA,EAAU,MAAA,EAAQ,MAAM,EAAE,CAAA,EAAA,mBAC5C,eAAA,CAAA,aAAA;AAAA,QAAC,8BAAA;AAAA,QAAA,4CAAA,6CAAA,CAAA,CAAA,EACK,IAAA,CAAA,EADL;AAAA,UAEC,IAAA;AAAA,UACA,KAAA;AAAA,UACA,KAAA;AAAA,UACA,QAAA;AAAA,UACA,MAAA;AAAA,UACA,QAAA;AAAA,UACA,UAAA,EAAY;AAAA,YACV,KAAA,EAAO,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO;AAAA,cAC3B,aAAA,EAAe;AAAA,YACjB,CAAC,CAAA;AAAA,YACD,KAAA,EAAO,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO;AAAA,cAC3B,yBAAA,EAA2B;AAAA,YAC7B,CAAC;AAAA,UACH;AAAA,QAAA,CAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ,CAAA,EACC,UAAA,mBAAa,eAAA,CAAA,aAAA,CAAC,0BAAA,EAAA,EAAU,KAAA,EAAO,IAAA,EAAM,SAAA,EAAU,MAAA,EAAO,OAAA,EAAS,aAAA,CAAc,CAChF,CAAA;AAEJ;ADaA;AACE;AACF,8CAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-time-input.js","sourcesContent":[null,"\"use client\";\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { Controller, FieldValues, RegisterOptions, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../utils/ui';\nimport { FormError } from './error';\nimport { FormTimeInput } from './time-input';\nimport type { FormTimeInputProps } from './time-input';\n\ntype HookFormTimeInputProps<T extends FieldValues> = Omit<FormTimeInputProps, 'name' | 'inputProps'> & {\n  name: Path<T>;\n  rules?: RegisterOptions<T, Path<T>>;\n  error?: string;\n};\n\nexport function HookFormTimeInput<T extends FieldValues>({\n  id,\n  name,\n  rules,\n  label,\n  error,\n  classNames,\n  disabled,\n  ...rest\n}: HookFormTimeInputProps<T>) {\n  const methods = useFormContext<T>();\n  if (!methods) return null;\n\n  const {\n    control,\n    formState: { errors },\n  } = methods;\n\n  const fieldError = _get(errors, name);\n  const errorMessage = error ?? (fieldError?.message as string);\n  const showError = !!fieldError && !disabled;\n\n  return (\n    <div className={cn('$hook-form-time-input', classNames?.wrapper)}>\n      <Controller\n        name={name}\n        control={control}\n        rules={rules}\n        render={({ field: { onChange, onBlur, value } }) => (\n          <FormTimeInput\n            {...rest}\n            name={name}\n            label={label}\n            value={value}\n            onChange={onChange}\n            onBlur={onBlur}\n            disabled={disabled}\n            classNames={{\n              label: cn(classNames?.label, {\n                'text-danger': showError,\n              }),\n              input: cn(classNames?.input, {\n                'ring-danger text-danger': showError,\n              }),\n            }}\n          />\n        )}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-time-input.js","../../../components/form/hook-time-input.tsx"],"names":[],"mappings":"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","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-time-input.js","sourcesContent":[null,"\"use client\";\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { Controller, FieldValues, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../utils/ui';\nimport { FormError } from './error';\nimport { FormTimeInput } from './time-input';\nimport type { FormTimeInputProps } from './time-input';\nimport { getValidationRuleValue, isValidationRuleEnabled, mergeHookFormRules } from './types';\nimport type { HookFormRules, HookFormValidationAttributes } from './types';\n\ntype HookFormTimeInputValidationAttributes = Pick<\n  HookFormValidationAttributes,\n  'required' | 'min' | 'max' | 'maxLength' | 'minLength'\n>;\n\ntype HookFormTimeInputProps<T extends FieldValues> = Omit<\n  FormTimeInputProps,\n  'name' | 'inputProps' | keyof HookFormTimeInputValidationAttributes\n> & {\n  name: Path<T>;\n  rules?: HookFormRules<T>;\n  error?: string;\n} & HookFormTimeInputValidationAttributes;\n\nexport function HookFormTimeInput<T extends FieldValues>({\n  id,\n  name,\n  rules,\n  label,\n  error,\n  classNames,\n  disabled,\n  required,\n  min,\n  max,\n  maxLength,\n  minLength,\n  ...rest\n}: HookFormTimeInputProps<T>) {\n  const methods = useFormContext<T>();\n  if (!methods) return null;\n\n  const {\n    control,\n    formState: { errors },\n  } = methods;\n\n  const fieldError = _get(errors, name);\n  const errorMessage = error ?? (fieldError?.message as string);\n  const showError = !!fieldError && !disabled;\n  const mergedRules = mergeHookFormRules(rules, { required, min, max, maxLength, minLength });\n\n  return (\n    <div className={cn('$hook-form-time-input', classNames?.wrapper)}>\n      <Controller\n        name={name}\n        control={control}\n        rules={mergedRules}\n        render={({ field: { onChange, onBlur, value } }) => (\n          <FormTimeInput\n            {...rest}\n            name={name}\n            label={label}\n            value={value}\n            onChange={onChange}\n            onBlur={onBlur}\n            disabled={disabled}\n            required={isValidationRuleEnabled(mergedRules?.required)}\n            min={getValidationRuleValue(mergedRules?.min)}\n            max={getValidationRuleValue(mergedRules?.max)}\n            maxLength={getValidationRuleValue(mergedRules?.maxLength)}\n            minLength={getValidationRuleValue(mergedRules?.minLength)}\n            classNames={{\n              label: cn(classNames?.label, {\n                'text-danger': showError,\n              }),\n              input: cn(classNames?.input, {\n                'ring-danger text-danger': showError,\n              }),\n            }}\n          />\n        )}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"]}