@egose/shadcn-theme 0.1.10 → 0.1.12

package/components/form/hook-checkbox.js

@@ -2,15 +2,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 
-var _chunk6POWZMNDjs = require('../../chunk-6POWZMND.js');
 
+var _chunkVYBFV2QDjs = require('../../chunk-VYBFV2QD.js');
 
-var _chunkTTCGK36Sjs = require('../../chunk-TTCGK36S.js');
-require('../../chunk-NMYVYLKF.js');
-require('../../chunk-CKGMFUU2.js');
 
+var _chunkHDO7OG7Ijs = require('../../chunk-HDO7OG7I.js');
 
-var _chunkPSPAJNNBjs = require('../../chunk-PSPAJNNB.js');
+
+var _chunkSOJSGQJOjs = require('../../chunk-SOJSGQJO.js');
+require('../../chunk-W7PK2KN7.js');
+require('../../chunk-OZAVO5UA.js');
+
+
+var _chunkNBQEF4JDjs = require('../../chunk-NBQEF4JD.js');
 
 
 
@@ -27,6 +31,7 @@ function HookFormCheckbox(_a) {
     name,
     label,
     rules,
+    required,
     error,
     disabled,
     classNames
@@ -35,6 +40,7 @@ function HookFormCheckbox(_a) {
     "name",
     "label",
     "rules",
+    "required",
     "error",
     "disabled",
     "classNames"
@@ -48,33 +54,35 @@ function HookFormCheckbox(_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;
-  return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkPSPAJNNBjs.cn.call(void 0, "$hook-form-checkbox", classNames == null ? void 0 : classNames.wrapper) }, /* @__PURE__ */ _react2.default.createElement(
+  const mergedRules = _chunkVYBFV2QDjs.mergeHookFormRules.call(void 0, rules, { required });
+  return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkNBQEF4JDjs.cn.call(void 0, "$hook-form-checkbox", classNames == null ? void 0 : classNames.wrapper) }, /* @__PURE__ */ _react2.default.createElement(
     _reacthookform.Controller,
     {
       name,
       control,
-      rules,
+      rules: mergedRules,
       render: ({ field: { value, onChange } }) => /* @__PURE__ */ _react2.default.createElement(
-        _chunkTTCGK36Sjs.FormCheckbox,
-        _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+        _chunkSOJSGQJOjs.FormCheckbox,
+        _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {}, rest), {
           id,
           name,
           label,
+          required: _chunkVYBFV2QDjs.isValidationRuleEnabled.call(void 0, mergedRules == null ? void 0 : mergedRules.required),
           disabled,
           checked: value,
           onCheckedChange: onChange,
           classNames: _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {}, classNames), {
-            label: _chunkPSPAJNNBjs.cn.call(void 0, classNames == null ? void 0 : classNames.label, {
+            label: _chunkNBQEF4JDjs.cn.call(void 0, classNames == null ? void 0 : classNames.label, {
               "text-danger": showError
             }),
-            checkbox: _chunkPSPAJNNBjs.cn.call(void 0, classNames == null ? void 0 : classNames.checkbox, {
+            checkbox: _chunkNBQEF4JDjs.cn.call(void 0, classNames == null ? void 0 : classNames.checkbox, {
               "ring-danger text-danger": showError
             })
           })
-        }, rest)
+        })
       )
     }
-  ), showError && /* @__PURE__ */ _react2.default.createElement(_chunk6POWZMNDjs.FormError, { field: name, className: "mt-1", message: errorMessage }));
+  ), showError && /* @__PURE__ */ _react2.default.createElement(_chunkHDO7OG7Ijs.FormError, { field: name, className: "mt-1", message: errorMessage }));
 }
 
 

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

@@ -1 +1 @@
-{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-checkbox.js","../../../components/form/hook-checkbox.tsx"],"names":[],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACA;AACF,0DAAgC;AAChC;AACA;ACjBA,4EAAkB;AAClB,gFAAiB;AACjB,gDAA+E;AAYxE,SAAS,gBAAA,CAAwC,EAAA,EAS3B;AAT2B,EAAA,IAAA,GAAA,EAAA,EAAA,EACtD;AAAA,IAAA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,EAtBF,EAAA,EAewD,EAAA,EAQnD,KAAA,EAAA,wCAAA,EARmD,EAQnD;AAAA,IAPH,IAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;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,qBAAG,EAAuB,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,OAAO,EAAA,CAAA,kBAC3D,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,KAAA,EAAO,SAAS,EAAE,CAAA,EAAA,mBACpC,eAAA,CAAA,aAAA;AAAA,QAAC,6BAAA;AAAA,QAAA,6CAAA;AAAA,UACC,EAAA;AAAA,UACA,IAAA;AAAA,UACA,KAAA;AAAA,UACA,QAAA;AAAA,UACA,OAAA,EAAS,KAAA;AAAA,UACT,eAAA,EAAiB,QAAA;AAAA,UACjB,UAAA,EAAY,4CAAA,6CAAA,CAAA,CAAA,EACP,UAAA,CAAA,EADO;AAAA,YAEV,KAAA,EAAO,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO;AAAA,cAC3B,aAAA,EAAe;AAAA,YACjB,CAAC,CAAA;AAAA,YACD,QAAA,EAAU,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,QAAA,EAAU;AAAA,cACjC,yBAAA,EAA2B;AAAA,YAC7B,CAAC;AAAA,UACH,CAAA;AAAA,QAAA,CAAA,EACI,IAAA;AAAA,MACN;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;ADUA;AACE;AACF,4CAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-checkbox.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 { FormCheckbox } from './checkbox';\nimport type { FormCheckboxProps } from './checkbox';\n\ntype HookFormCheckboxProps<T extends FieldValues> = Omit<FormCheckboxProps, 'name' | 'checked' | 'onCheckedChange'> & {\n  name: Path<T>;\n  rules?: RegisterOptions<T, Path<T>>;\n  error?: string;\n};\n\nexport function HookFormCheckbox<T extends FieldValues>({\n  id,\n  name,\n  label,\n  rules,\n  error,\n  disabled,\n  classNames,\n  ...rest\n}: HookFormCheckboxProps<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-checkbox', classNames?.wrapper)}>\n      <Controller\n        name={name}\n        control={control}\n        rules={rules}\n        render={({ field: { value, onChange } }) => (\n          <FormCheckbox\n            id={id}\n            name={name}\n            label={label}\n            disabled={disabled}\n            checked={value}\n            onCheckedChange={onChange}\n            classNames={{\n              ...classNames,\n              label: cn(classNames?.label, {\n                'text-danger': showError,\n              }),\n              checkbox: cn(classNames?.checkbox, {\n                'ring-danger text-danger': showError,\n              }),\n            }}\n            {...rest}\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-checkbox.js","../../../components/form/hook-checkbox.tsx"],"names":[],"mappings":"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","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-checkbox.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 { FormCheckbox } from './checkbox';\nimport type { FormCheckboxProps } from './checkbox';\nimport { isValidationRuleEnabled, mergeHookFormRules } from './types';\nimport type { HookFormRules, HookFormValidationAttributes } from './types';\n\ntype HookFormCheckboxValidationAttributes = Pick<HookFormValidationAttributes, 'required'>;\n\ntype HookFormCheckboxProps<T extends FieldValues> = Omit<\n  FormCheckboxProps,\n  'name' | 'checked' | 'onCheckedChange' | keyof HookFormCheckboxValidationAttributes\n> & {\n  name: Path<T>;\n  rules?: HookFormRules<T>;\n  error?: string;\n} & HookFormCheckboxValidationAttributes;\n\nexport function HookFormCheckbox<T extends FieldValues>({\n  id,\n  name,\n  label,\n  rules,\n  required,\n  error,\n  disabled,\n  classNames,\n  ...rest\n}: HookFormCheckboxProps<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 });\n\n  return (\n    <div className={cn('$hook-form-checkbox', classNames?.wrapper)}>\n      <Controller\n        name={name}\n        control={control}\n        rules={mergedRules}\n        render={({ field: { value, onChange } }) => (\n          <FormCheckbox\n            {...rest}\n            id={id}\n            name={name}\n            label={label}\n            required={isValidationRuleEnabled(mergedRules?.required)}\n            disabled={disabled}\n            checked={value}\n            onCheckedChange={onChange}\n            classNames={{\n              ...classNames,\n              label: cn(classNames?.label, {\n                'text-danger': showError,\n              }),\n              checkbox: cn(classNames?.checkbox, {\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"]}

package/components/form/hook-checkbox.mjs

@@ -1,15 +1,19 @@
 "use client";
+import {
+  isValidationRuleEnabled,
+  mergeHookFormRules
+} from "../../chunk-WJKG5MUH.mjs";
 import {
   FormError
-} from "../../chunk-7MDWTJEP.mjs";
+} from "../../chunk-42IQSRLZ.mjs";
 import {
   FormCheckbox
-} from "../../chunk-6ECNY4VS.mjs";
-import "../../chunk-QCHBJMD6.mjs";
-import "../../chunk-MM5OJOOR.mjs";
+} from "../../chunk-ASPR3W6A.mjs";
+import "../../chunk-3R7FZDQ7.mjs";
+import "../../chunk-YHL7Q5J3.mjs";
 import {
   cn
-} from "../../chunk-KGUUDFJE.mjs";
+} from "../../chunk-KKCJ2GMO.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -26,6 +30,7 @@ function HookFormCheckbox(_a) {
     name,
     label,
     rules,
+    required,
     error,
     disabled,
     classNames
@@ -34,6 +39,7 @@ function HookFormCheckbox(_a) {
     "name",
     "label",
     "rules",
+    "required",
     "error",
     "disabled",
     "classNames"
@@ -47,18 +53,20 @@ function HookFormCheckbox(_a) {
   const fieldError = _get(errors, name);
   const errorMessage = error != null ? error : fieldError == null ? void 0 : fieldError.message;
   const showError = !!fieldError && !disabled;
+  const mergedRules = mergeHookFormRules(rules, { required });
   return /* @__PURE__ */ React.createElement("div", { className: cn("$hook-form-checkbox", classNames == null ? void 0 : classNames.wrapper) }, /* @__PURE__ */ React.createElement(
     Controller,
     {
       name,
       control,
-      rules,
+      rules: mergedRules,
       render: ({ field: { value, onChange } }) => /* @__PURE__ */ React.createElement(
         FormCheckbox,
-        __spreadValues({
+        __spreadProps(__spreadValues({}, rest), {
           id,
           name,
           label,
+          required: isValidationRuleEnabled(mergedRules == null ? void 0 : mergedRules.required),
           disabled,
           checked: value,
           onCheckedChange: onChange,
@@ -70,7 +78,7 @@ function HookFormCheckbox(_a) {
               "ring-danger text-danger": showError
             })
           })
-        }, rest)
+        })
       )
     }
   ), showError && /* @__PURE__ */ React.createElement(FormError, { field: name, className: "mt-1", message: errorMessage }));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/form/hook-checkbox.tsx"],"sourcesContent":["\"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 { FormCheckbox } from './checkbox';\nimport type { FormCheckboxProps } from './checkbox';\n\ntype HookFormCheckboxProps<T extends FieldValues> = Omit<FormCheckboxProps, 'name' | 'checked' | 'onCheckedChange'> & {\n  name: Path<T>;\n  rules?: RegisterOptions<T, Path<T>>;\n  error?: string;\n};\n\nexport function HookFormCheckbox<T extends FieldValues>({\n  id,\n  name,\n  label,\n  rules,\n  error,\n  disabled,\n  classNames,\n  ...rest\n}: HookFormCheckboxProps<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-checkbox', classNames?.wrapper)}>\n      <Controller\n        name={name}\n        control={control}\n        rules={rules}\n        render={({ field: { value, onChange } }) => (\n          <FormCheckbox\n            id={id}\n            name={name}\n            label={label}\n            disabled={disabled}\n            checked={value}\n            onCheckedChange={onChange}\n            classNames={{\n              ...classNames,\n              label: cn(classNames?.label, {\n                'text-danger': showError,\n              }),\n              checkbox: cn(classNames?.checkbox, {\n                'ring-danger text-danger': showError,\n              }),\n            }}\n            {...rest}\n          />\n        )}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AACA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,YAAgD,sBAAsB;AAYxE,SAAS,iBAAwC,IAS3B;AAT2B,eACtD;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAtBF,IAewD,IAQnD,iBARmD,IAQnD;AAAA,IAPH;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,yCAAY;AAC3C,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,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,SAAS,EAAE,MACpC;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAS;AAAA,UACT,iBAAiB;AAAA,UACjB,YAAY,iCACP,aADO;AAAA,YAEV,OAAO,GAAG,yCAAY,OAAO;AAAA,cAC3B,eAAe;AAAA,YACjB,CAAC;AAAA,YACD,UAAU,GAAG,yCAAY,UAAU;AAAA,cACjC,2BAA2B;AAAA,YAC7B,CAAC;AAAA,UACH;AAAA,WACI;AAAA,MACN;AAAA;AAAA,EAEJ,GACC,aAAa,oCAAC,aAAU,OAAO,MAAM,WAAU,QAAO,SAAS,cAAc,CAChF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../components/form/hook-checkbox.tsx"],"sourcesContent":["\"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 { FormCheckbox } from './checkbox';\nimport type { FormCheckboxProps } from './checkbox';\nimport { isValidationRuleEnabled, mergeHookFormRules } from './types';\nimport type { HookFormRules, HookFormValidationAttributes } from './types';\n\ntype HookFormCheckboxValidationAttributes = Pick<HookFormValidationAttributes, 'required'>;\n\ntype HookFormCheckboxProps<T extends FieldValues> = Omit<\n  FormCheckboxProps,\n  'name' | 'checked' | 'onCheckedChange' | keyof HookFormCheckboxValidationAttributes\n> & {\n  name: Path<T>;\n  rules?: HookFormRules<T>;\n  error?: string;\n} & HookFormCheckboxValidationAttributes;\n\nexport function HookFormCheckbox<T extends FieldValues>({\n  id,\n  name,\n  label,\n  rules,\n  required,\n  error,\n  disabled,\n  classNames,\n  ...rest\n}: HookFormCheckboxProps<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 });\n\n  return (\n    <div className={cn('$hook-form-checkbox', classNames?.wrapper)}>\n      <Controller\n        name={name}\n        control={control}\n        rules={mergedRules}\n        render={({ field: { value, onChange } }) => (\n          <FormCheckbox\n            {...rest}\n            id={id}\n            name={name}\n            label={label}\n            required={isValidationRuleEnabled(mergedRules?.required)}\n            disabled={disabled}\n            checked={value}\n            onCheckedChange={onChange}\n            classNames={{\n              ...classNames,\n              label: cn(classNames?.label, {\n                'text-danger': showError,\n              }),\n              checkbox: cn(classNames?.checkbox, {\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,YAA+B,sBAAsB;AAmBvD,SAAS,iBAAwC,IAU3B;AAV2B,eACtD;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EA9BF,IAsBwD,IASnD,iBATmD,IASnD;AAAA,IARH;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,yCAAY;AAC3C,QAAM,YAAY,CAAC,CAAC,cAAc,CAAC;AACnC,QAAM,cAAc,mBAAmB,OAAO,EAAE,SAAS,CAAC;AAE1D,SACE,oCAAC,SAAI,WAAW,GAAG,uBAAuB,yCAAY,OAAO,KAC3D;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,SAAS,EAAE,MACpC;AAAA,QAAC;AAAA,yCACK,OADL;AAAA,UAEC;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU,wBAAwB,2CAAa,QAAQ;AAAA,UACvD;AAAA,UACA,SAAS;AAAA,UACT,iBAAiB;AAAA,UACjB,YAAY,iCACP,aADO;AAAA,YAEV,OAAO,GAAG,yCAAY,OAAO;AAAA,cAC3B,eAAe;AAAA,YACjB,CAAC;AAAA,YACD,UAAU,GAAG,yCAAY,UAAU;AAAA,cACjC,2BAA2B;AAAA,YAC7B,CAAC;AAAA,UACH;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ,GACC,aAAa,oCAAC,aAAU,OAAO,MAAM,WAAU,QAAO,SAAS,cAAc,CAChF;AAEJ;","names":[]}

package/components/form/hook-date-picker.js

@@ -2,19 +2,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 
-var _chunk6POWZMNDjs = require('../../chunk-6POWZMND.js');
+var _chunkHDO7OG7Ijs = require('../../chunk-HDO7OG7I.js');
 
 
-var _chunkWJBTXKFNjs = require('../../chunk-WJBTXKFN.js');
-require('../../chunk-QMLV5G5Z.js');
-require('../../chunk-QHCOMBHI.js');
-require('../../chunk-KB6BX6LA.js');
-require('../../chunk-GV62APQ6.js');
-require('../../chunk-IYVLRZJ4.js');
-require('../../chunk-CKGMFUU2.js');
+var _chunkBIO4TVNTjs = require('../../chunk-BIO4TVNT.js');
+require('../../chunk-NDH24NNQ.js');
+require('../../chunk-W4ZJYYQP.js');
+require('../../chunk-IEPLSUBR.js');
+require('../../chunk-5CUM73VT.js');
+require('../../chunk-C74J4JWA.js');
+require('../../chunk-OZAVO5UA.js');
 
 
-var _chunkPSPAJNNBjs = require('../../chunk-PSPAJNNB.js');
+var _chunkNBQEF4JDjs = require('../../chunk-NBQEF4JD.js');
 
 
 
@@ -44,7 +44,7 @@ function HookFormDatePicker(_a) {
   ]);
   const { control } = _reacthookform.useFormContext.call(void 0, );
   const _a2 = classNames != null ? classNames : {}, { wrapper } = _a2, restClassnames = _chunk2NMEKWO5js.__objRest.call(void 0, _a2, ["wrapper"]);
-  return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkPSPAJNNBjs.cn.call(void 0, "$hook-date-picker", wrapper) }, /* @__PURE__ */ _react2.default.createElement(
+  return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkNBQEF4JDjs.cn.call(void 0, "$hook-date-picker", wrapper) }, /* @__PURE__ */ _react2.default.createElement(
     _reacthookform.Controller,
     {
       control,
@@ -52,7 +52,7 @@ function HookFormDatePicker(_a) {
       rules,
       render: ({ field: { onChange, onBlur, value } }) => {
         return /* @__PURE__ */ _react2.default.createElement(
-          _chunkWJBTXKFNjs.FormDatePicker,
+          _chunkBIO4TVNTjs.FormDatePicker,
           _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {
             id,
             name,
@@ -66,7 +66,7 @@ function HookFormDatePicker(_a) {
         );
       }
     }
-  ), /* @__PURE__ */ _react2.default.createElement(_chunk6POWZMNDjs.FormError, { field: name, className: "mt-1", message: error }));
+  ), /* @__PURE__ */ _react2.default.createElement(_chunkHDO7OG7Ijs.FormError, { field: name, className: "mt-1", message: error }));
 }
 
 

package/components/form/hook-date-picker.mjs

@@ -1,19 +1,19 @@
 "use client";
 import {
   FormError
-} from "../../chunk-7MDWTJEP.mjs";
+} from "../../chunk-42IQSRLZ.mjs";
 import {
   FormDatePicker
-} from "../../chunk-7ZMTJBXT.mjs";
-import "../../chunk-US2CUADK.mjs";
-import "../../chunk-CSL3CTEN.mjs";
-import "../../chunk-7BYWDRRI.mjs";
-import "../../chunk-3GHC4JQU.mjs";
-import "../../chunk-SX4LQFOF.mjs";
-import "../../chunk-MM5OJOOR.mjs";
+} from "../../chunk-3NMW42UR.mjs";
+import "../../chunk-OZF3JOG4.mjs";
+import "../../chunk-N3WWOWZ4.mjs";
+import "../../chunk-S2LLOGBR.mjs";
+import "../../chunk-ZJRJN2UJ.mjs";
+import "../../chunk-HD7GX5UE.mjs";
+import "../../chunk-YHL7Q5J3.mjs";
 import {
   cn
-} from "../../chunk-KGUUDFJE.mjs";
+} from "../../chunk-KKCJ2GMO.mjs";
 import {
   __objRest,
   __spreadProps,

package/components/form/hook-multi-select.js

@@ -2,24 +2,24 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 
-var _chunkYEGS4ETWjs = require('../../chunk-YEGS4ETW.js');
-require('../../chunk-WXEEDLLR.js');
-require('../../chunk-LAIO3QZX.js');
-require('../../chunk-LPDYWZN6.js');
-require('../../chunk-RFORRZRN.js');
-require('../../chunk-RJG7QLDD.js');
-require('../../chunk-UFRPUC7K.js');
-require('../../chunk-2YMMYND2.js');
+var _chunkSSBVBEDIjs = require('../../chunk-SSBVBEDI.js');
+require('../../chunk-DNOZXQ2U.js');
+require('../../chunk-DD3MCW6L.js');
+require('../../chunk-GOATL3D5.js');
+require('../../chunk-AOGFHEQH.js');
+require('../../chunk-YMBEAV7N.js');
+require('../../chunk-CRBQL2FG.js');
+require('../../chunk-VVU3Q7KV.js');
 
 
-var _chunk6POWZMNDjs = require('../../chunk-6POWZMND.js');
-require('../../chunk-QHCOMBHI.js');
-require('../../chunk-KB6BX6LA.js');
-require('../../chunk-GV62APQ6.js');
-require('../../chunk-CKGMFUU2.js');
+var _chunkHDO7OG7Ijs = require('../../chunk-HDO7OG7I.js');
+require('../../chunk-W4ZJYYQP.js');
+require('../../chunk-IEPLSUBR.js');
+require('../../chunk-5CUM73VT.js');
+require('../../chunk-OZAVO5UA.js');
 
 
-var _chunkPSPAJNNBjs = require('../../chunk-PSPAJNNB.js');
+var _chunkNBQEF4JDjs = require('../../chunk-NBQEF4JD.js');
 
 
 
@@ -48,7 +48,7 @@ function HookFormMultiSelect(_a) {
   ]);
   const { control } = _reacthookform.useFormContext.call(void 0, );
   const _a2 = classNames != null ? classNames : {}, { wrapper } = _a2, restClassnames = _chunk2NMEKWO5js.__objRest.call(void 0, _a2, ["wrapper"]);
-  return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkPSPAJNNBjs.cn.call(void 0, "$hook-multi-select", wrapper) }, /* @__PURE__ */ _react2.default.createElement(
+  return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkNBQEF4JDjs.cn.call(void 0, "$hook-multi-select", wrapper) }, /* @__PURE__ */ _react2.default.createElement(
     _reacthookform.Controller,
     {
       control,
@@ -56,7 +56,7 @@ function HookFormMultiSelect(_a) {
       rules,
       render: ({ field: { onChange, value } }) => {
         return /* @__PURE__ */ _react2.default.createElement(
-          _chunkYEGS4ETWjs.FormMultiSelect,
+          _chunkSSBVBEDIjs.FormMultiSelect,
           _chunk2NMEKWO5js.__spreadValues.call(void 0, {
             id,
             name,
@@ -69,7 +69,7 @@ function HookFormMultiSelect(_a) {
         );
       }
     }
-  ), /* @__PURE__ */ _react2.default.createElement(_chunk6POWZMNDjs.FormError, { field: name, className: "mt-1", message: error }));
+  ), /* @__PURE__ */ _react2.default.createElement(_chunkHDO7OG7Ijs.FormError, { field: name, className: "mt-1", message: error }));
 }
 
 

package/components/form/hook-multi-select.mjs

@@ -1,24 +1,24 @@
 "use client";
 import {
   FormMultiSelect
-} from "../../chunk-AGPEWIPR.mjs";
-import "../../chunk-RNKMPQDZ.mjs";
-import "../../chunk-ZFBUIBJH.mjs";
-import "../../chunk-YDRPNCWF.mjs";
-import "../../chunk-OPNHC6JN.mjs";
-import "../../chunk-YQENFZOY.mjs";
-import "../../chunk-QF6PFV6M.mjs";
-import "../../chunk-WIISPZZE.mjs";
+} from "../../chunk-3R2OBHS6.mjs";
+import "../../chunk-L7EN73HA.mjs";
+import "../../chunk-VQWCEF3I.mjs";
+import "../../chunk-XH7WQWOD.mjs";
+import "../../chunk-CFG4GTRV.mjs";
+import "../../chunk-CHV7CG5L.mjs";
+import "../../chunk-OXUVPYJE.mjs";
+import "../../chunk-ZLGQUL4Y.mjs";
 import {
   FormError
-} from "../../chunk-7MDWTJEP.mjs";
-import "../../chunk-CSL3CTEN.mjs";
-import "../../chunk-7BYWDRRI.mjs";
-import "../../chunk-3GHC4JQU.mjs";
-import "../../chunk-MM5OJOOR.mjs";
+} from "../../chunk-42IQSRLZ.mjs";
+import "../../chunk-N3WWOWZ4.mjs";
+import "../../chunk-S2LLOGBR.mjs";
+import "../../chunk-ZJRJN2UJ.mjs";
+import "../../chunk-YHL7Q5J3.mjs";
 import {
   cn
-} from "../../chunk-KGUUDFJE.mjs";
+} from "../../chunk-KKCJ2GMO.mjs";
 import {
   __objRest,
   __spreadValues

package/components/form/hook-native-select.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 { FormNativeSelectProps } from './native-select.mjs';
+import { HookFormValidationAttributes, HookFormRules } from './types.mjs';
 
-declare function HookFormNativeSelect<T extends FieldValues>({ id, name, rules, label, error, classNames, disabled, ...rest }: Omit<FormNativeSelectProps, 'name' | 'selectProps'> & {
+type HookFormNativeSelectValidationAttributes = Pick<HookFormValidationAttributes, 'required'>;
+type HookFormNativeSelectProps<T extends FieldValues> = Omit<FormNativeSelectProps, 'name' | 'selectProps' | keyof HookFormNativeSelectValidationAttributes> & {
     name: Path<T>;
-    rules?: RegisterOptions<T, Path<T>> | undefined;
+    rules?: HookFormRules<T>;
     error?: string;
-}): React__default.JSX.Element | null;
+} & HookFormNativeSelectValidationAttributes;
+declare function HookFormNativeSelect<T extends FieldValues>({ id, name, rules, label, error, classNames, disabled, required, ...rest }: HookFormNativeSelectProps<T>): React__default.JSX.Element | null;
 
 export { HookFormNativeSelect };

package/components/form/hook-native-select.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 { FormNativeSelectProps } from './native-select.js';
+import { HookFormValidationAttributes, HookFormRules } from './types.js';
 
-declare function HookFormNativeSelect<T extends FieldValues>({ id, name, rules, label, error, classNames, disabled, ...rest }: Omit<FormNativeSelectProps, 'name' | 'selectProps'> & {
+type HookFormNativeSelectValidationAttributes = Pick<HookFormValidationAttributes, 'required'>;
+type HookFormNativeSelectProps<T extends FieldValues> = Omit<FormNativeSelectProps, 'name' | 'selectProps' | keyof HookFormNativeSelectValidationAttributes> & {
     name: Path<T>;
-    rules?: RegisterOptions<T, Path<T>> | undefined;
+    rules?: HookFormRules<T>;
     error?: string;
-}): React__default.JSX.Element | null;
+} & HookFormNativeSelectValidationAttributes;
+declare function HookFormNativeSelect<T extends FieldValues>({ id, name, rules, label, error, classNames, disabled, required, ...rest }: HookFormNativeSelectProps<T>): React__default.JSX.Element | null;
 
 export { HookFormNativeSelect };

package/components/form/hook-native-select.js

@@ -2,14 +2,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 
-var _chunkK3LYDDTDjs = require('../../chunk-K3LYDDTD.js');
+var _chunkVHXALM6Ojs = require('../../chunk-VHXALM6O.js');
 
 
-var _chunk6POWZMNDjs = require('../../chunk-6POWZMND.js');
-require('../../chunk-CKGMFUU2.js');
 
+var _chunkVYBFV2QDjs = require('../../chunk-VYBFV2QD.js');
 
-var _chunkPSPAJNNBjs = require('../../chunk-PSPAJNNB.js');
+
+var _chunkHDO7OG7Ijs = require('../../chunk-HDO7OG7I.js');
+require('../../chunk-OZAVO5UA.js');
+
+
+var _chunkNBQEF4JDjs = require('../../chunk-NBQEF4JD.js');
 
 
 
@@ -28,7 +32,8 @@ function HookFormNativeSelect(_a) {
     label,
     error,
     classNames,
-    disabled
+    disabled,
+    required
   } = _b, rest = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
     "id",
     "name",
@@ -36,7 +41,8 @@ function HookFormNativeSelect(_a) {
     "label",
     "error",
     "classNames",
-    "disabled"
+    "disabled",
+    "required"
   ]);
   const methods = _reacthookform.useFormContext.call(void 0, );
   if (!methods) return null;
@@ -47,25 +53,26 @@ function HookFormNativeSelect(_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;
-  return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkPSPAJNNBjs.cn.call(void 0, "$hook-form-native-select", classNames == null ? void 0 : classNames.wrapper) }, /* @__PURE__ */ _react2.default.createElement(
-    _chunkK3LYDDTDjs.FormNativeSelect,
-    _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+  const mergedRules = _chunkVYBFV2QDjs.mergeHookFormRules.call(void 0, rules, { required });
+  return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkNBQEF4JDjs.cn.call(void 0, "$hook-form-native-select", classNames == null ? void 0 : classNames.wrapper) }, /* @__PURE__ */ _react2.default.createElement(
+    _chunkVHXALM6Ojs.FormNativeSelect,
+    _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),
       classNames: {
-        label: _chunkPSPAJNNBjs.cn.call(void 0, classNames == null ? void 0 : classNames.label, {
+        label: _chunkNBQEF4JDjs.cn.call(void 0, classNames == null ? void 0 : classNames.label, {
           "text-danger": showError
         }),
-        input: _chunkPSPAJNNBjs.cn.call(void 0, classNames == null ? void 0 : classNames.input, {
+        input: _chunkNBQEF4JDjs.cn.call(void 0, classNames == null ? void 0 : classNames.input, {
           "ring-danger text-danger": showError
         })
       },
-      selectProps: register(name, rules)
+      selectProps: register(name, mergedRules)
     })
-  ), showError && /* @__PURE__ */ _react2.default.createElement(_chunk6POWZMNDjs.FormError, { field: name, className: "mt-1", message: errorMessage }));
+  ), showError && /* @__PURE__ */ _react2.default.createElement(_chunkHDO7OG7Ijs.FormError, { field: name, className: "mt-1", message: errorMessage }));
 }
 
 

package/components/form/hook-native-select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-native-select.js","../../../components/form/hook-native-select.tsx"],"names":[],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACA;AACF,0DAAgC;AAChC;AACA;AChBA,4EAAkB;AAClB,gFAAiB;AACjB,gDAAmE;AAM5D,SAAS,oBAAA,CAA4C,EAAA,EAazD;AAbyD,EAAA,IAAA,GAAA,EAAA,EAAA,EAC1D;AAAA,IAAA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,EAhBF,EAAA,EAS4D,EAAA,EAQvD,KAAA,EAAA,wCAAA,EARuD,EAQvD;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,0BAAG,EAA4B,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,OAAO,EAAA,CAAA,kBAChE,eAAA,CAAA,aAAA;AAAA,IAAC,iCAAA;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,WAAA,EAAa,QAAA,CAAS,IAAA,EAAM,KAAK;AAAA,IAAA,CAAA;AAAA,EACnC,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;ADYA;AACE;AACF,oDAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-native-select.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 { FormNativeSelect } from './native-select';\nimport type { FormNativeSelectProps } from './native-select';\n\nexport function HookFormNativeSelect<T extends FieldValues>({\n  id,\n  name,\n  rules,\n  label,\n  error,\n  classNames,\n  disabled,\n  ...rest\n}: Omit<FormNativeSelectProps, 'name' | 'selectProps'> & {\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-native-select', classNames?.wrapper)}>\n      <FormNativeSelect\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        selectProps={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-native-select.js","../../../components/form/hook-native-select.tsx"],"names":[],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACF,0DAAgC;AAChC;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACA;AACF,0DAAgC;AAChC;AACA;ACpBA,4EAAkB;AAClB,gFAAiB;AACjB,gDAAkD;AAmB3C,SAAS,oBAAA,CAA4C,EAAA,EAU3B;AAV2B,EAAA,IAAA,GAAA,EAAA,EAAA,EAC1D;AAAA,IAAA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,EA9BF,EAAA,EAsB4D,EAAA,EASvD,KAAA,EAAA,wCAAA,EATuD,EASvD;AAAA,IARH,IAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;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,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;AACnC,EAAA,MAAM,YAAA,EAAc,iDAAA,KAAmB,EAAO,EAAE,SAAS,CAAC,CAAA;AAE1D,EAAA,uBACE,eAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,iCAAA,0BAAG,EAA4B,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,OAAO,EAAA,CAAA,kBAChE,eAAA,CAAA,aAAA;AAAA,IAAC,iCAAA;AAAA,IAAA,4CAAA,6CAAA,CAAA,CAAA,EACK,IAAA,CAAA,EADL;AAAA,MAEC,EAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA,EAAU,sDAAA,YAAwB,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,WAAA,CAAa,QAAQ,CAAA;AAAA,MACvD,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,WAAA,EAAa,QAAA,CAAS,IAAA,EAAM,WAAW;AAAA,IAAA,CAAA;AAAA,EACzC,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;ADOA;AACE;AACF,oDAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-native-select.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 { FormNativeSelect } from './native-select';\nimport type { FormNativeSelectProps } from './native-select';\nimport { isValidationRuleEnabled, mergeHookFormRules } from './types';\nimport type { HookFormRules, HookFormValidationAttributes } from './types';\n\ntype HookFormNativeSelectValidationAttributes = Pick<HookFormValidationAttributes, 'required'>;\n\ntype HookFormNativeSelectProps<T extends FieldValues> = Omit<\n  FormNativeSelectProps,\n  'name' | 'selectProps' | keyof HookFormNativeSelectValidationAttributes\n> & {\n  name: Path<T>;\n  rules?: HookFormRules<T>;\n  error?: string;\n} & HookFormNativeSelectValidationAttributes;\n\nexport function HookFormNativeSelect<T extends FieldValues>({\n  id,\n  name,\n  rules,\n  label,\n  error,\n  classNames,\n  disabled,\n  required,\n  ...rest\n}: HookFormNativeSelectProps<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 });\n\n  return (\n    <div className={cn('$hook-form-native-select', classNames?.wrapper)}>\n      <FormNativeSelect\n        {...rest}\n        id={id}\n        name={name}\n        label={label}\n        disabled={disabled}\n        required={isValidationRuleEnabled(mergedRules?.required)}\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        selectProps={register(name, mergedRules)}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"]}

package/components/form/hook-native-select.mjs

@@ -1,14 +1,18 @@
 "use client";
 import {
   FormNativeSelect
-} from "../../chunk-GUB2Y4JK.mjs";
+} from "../../chunk-NQQR2NDC.mjs";
+import {
+  isValidationRuleEnabled,
+  mergeHookFormRules
+} from "../../chunk-WJKG5MUH.mjs";
 import {
   FormError
-} from "../../chunk-7MDWTJEP.mjs";
-import "../../chunk-MM5OJOOR.mjs";
+} from "../../chunk-42IQSRLZ.mjs";
+import "../../chunk-YHL7Q5J3.mjs";
 import {
   cn
-} from "../../chunk-KGUUDFJE.mjs";
+} from "../../chunk-KKCJ2GMO.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -27,7 +31,8 @@ function HookFormNativeSelect(_a) {
     label,
     error,
     classNames,
-    disabled
+    disabled,
+    required
   } = _b, rest = __objRest(_b, [
     "id",
     "name",
@@ -35,7 +40,8 @@ function HookFormNativeSelect(_a) {
     "label",
     "error",
     "classNames",
-    "disabled"
+    "disabled",
+    "required"
   ]);
   const methods = useFormContext();
   if (!methods) return null;
@@ -46,14 +52,15 @@ function HookFormNativeSelect(_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 });
   return /* @__PURE__ */ React.createElement("div", { className: cn("$hook-form-native-select", classNames == null ? void 0 : classNames.wrapper) }, /* @__PURE__ */ React.createElement(
     FormNativeSelect,
-    __spreadProps(__spreadValues({
+    __spreadProps(__spreadValues({}, rest), {
       id,
       name,
       label,
-      disabled
-    }, rest), {
+      disabled,
+      required: isValidationRuleEnabled(mergedRules == null ? void 0 : mergedRules.required),
       classNames: {
         label: cn(classNames == null ? void 0 : classNames.label, {
           "text-danger": showError
@@ -62,7 +69,7 @@ function HookFormNativeSelect(_a) {
           "ring-danger text-danger": showError
         })
       },
-      selectProps: register(name, rules)
+      selectProps: register(name, mergedRules)
     })
   ), showError && /* @__PURE__ */ React.createElement(FormError, { field: name, className: "mt-1", message: errorMessage }));
 }

package/components/form/hook-native-select.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/form/hook-native-select.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 { FormNativeSelect } from './native-select';\nimport type { FormNativeSelectProps } from './native-select';\n\nexport function HookFormNativeSelect<T extends FieldValues>({\n  id,\n  name,\n  rules,\n  label,\n  error,\n  classNames,\n  disabled,\n  ...rest\n}: Omit<FormNativeSelectProps, 'name' | 'selectProps'> & {\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-native-select', classNames?.wrapper)}>\n      <FormNativeSelect\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        selectProps={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,qBAA4C,IAazD;AAbyD,eAC1D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAhBF,IAS4D,IAQvD,iBARuD,IAQvD;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,4BAA4B,yCAAY,OAAO,KAChE;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,aAAa,SAAS,MAAM,KAAK;AAAA;AAAA,EACnC,GACC,aAAa,oCAAC,aAAU,OAAO,MAAM,WAAU,QAAO,SAAS,cAAc,CAChF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../components/form/hook-native-select.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 { FormNativeSelect } from './native-select';\nimport type { FormNativeSelectProps } from './native-select';\nimport { isValidationRuleEnabled, mergeHookFormRules } from './types';\nimport type { HookFormRules, HookFormValidationAttributes } from './types';\n\ntype HookFormNativeSelectValidationAttributes = Pick<HookFormValidationAttributes, 'required'>;\n\ntype HookFormNativeSelectProps<T extends FieldValues> = Omit<\n  FormNativeSelectProps,\n  'name' | 'selectProps' | keyof HookFormNativeSelectValidationAttributes\n> & {\n  name: Path<T>;\n  rules?: HookFormRules<T>;\n  error?: string;\n} & HookFormNativeSelectValidationAttributes;\n\nexport function HookFormNativeSelect<T extends FieldValues>({\n  id,\n  name,\n  rules,\n  label,\n  error,\n  classNames,\n  disabled,\n  required,\n  ...rest\n}: HookFormNativeSelectProps<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 });\n\n  return (\n    <div className={cn('$hook-form-native-select', classNames?.wrapper)}>\n      <FormNativeSelect\n        {...rest}\n        id={id}\n        name={name}\n        label={label}\n        disabled={disabled}\n        required={isValidationRuleEnabled(mergedRules?.required)}\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        selectProps={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,qBAA4C,IAU3B;AAV2B,eAC1D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EA9BF,IAsB4D,IASvD,iBATuD,IASvD;AAAA,IARH;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,SAAS,CAAC;AAE1D,SACE,oCAAC,SAAI,WAAW,GAAG,4BAA4B,yCAAY,OAAO,KAChE;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,wBAAwB,2CAAa,QAAQ;AAAA,MACvD,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,aAAa,SAAS,MAAM,WAAW;AAAA;AAAA,EACzC,GACC,aAAa,oCAAC,aAAU,OAAO,MAAM,WAAU,QAAO,SAAS,cAAc,CAChF;AAEJ;","names":[]}