@egose/shadcn-theme 0.1.11 → 0.1.12

package/{chunk-OURAYOOM.mjs → chunk-3NMW42UR.mjs}

@@ -1,6 +1,6 @@
 import {
   Calendar
-} from "./chunk-DL6HJ3OB.mjs";
+} from "./chunk-OZF3JOG4.mjs";
 import {
   Popover,
   PopoverContent,
@@ -103,4 +103,4 @@ function FormDatePicker({
 export {
   FormDatePicker
 };
-//# sourceMappingURL=chunk-OURAYOOM.mjs.map
+//# sourceMappingURL=chunk-3NMW42UR.mjs.map

package/{chunk-AQWVA6TL.js → chunk-BIO4TVNT.js}

@@ -1,7 +1,7 @@
 "use client";
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkXF75HZNVjs = require('./chunk-XF75HZNV.js');
+var _chunkNDH24NNQjs = require('./chunk-NDH24NNQ.js');
 
 
 
@@ -85,7 +85,7 @@ function FormDatePicker({
     /* @__PURE__ */ _react2.default.createElement(_lucidereact.CalendarIcon, null),
     display
   )), /* @__PURE__ */ _react2.default.createElement(_chunkW4ZJYYQPjs.PopoverContent, { className: "w-auto p-0", align: "start" }, /* @__PURE__ */ _react2.default.createElement(
-    _chunkXF75HZNVjs.Calendar,
+    _chunkNDH24NNQjs.Calendar,
     {
       mode: "single",
       defaultMonth: date,
@@ -104,4 +104,4 @@ function FormDatePicker({
 
 
 exports.FormDatePicker = FormDatePicker;
-//# sourceMappingURL=chunk-AQWVA6TL.js.map
+//# sourceMappingURL=chunk-BIO4TVNT.js.map

package/{chunk-XF75HZNV.js → chunk-NDH24NNQ.js}

@@ -84,7 +84,7 @@ function Calendar(_a) {
           captionLayout === "label" ? "text-sm" : "cn-calendar-caption-label flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground",
           defaultClassNames.caption_label
         ),
-        table: "w-full border-collapse",
+        month_grid: _chunkNBQEF4JDjs.cn.call(void 0, "w-full border-collapse", defaultClassNames.month_grid),
         weekdays: _chunkNBQEF4JDjs.cn.call(void 0, "flex", defaultClassNames.weekdays),
         weekday: _chunkNBQEF4JDjs.cn.call(void 0, 
           "flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none",
@@ -184,4 +184,4 @@ function CalendarDayButton(_a) {
 
 
 exports.Calendar = Calendar; exports.CalendarDayButton = CalendarDayButton;
-//# sourceMappingURL=chunk-XF75HZNV.js.map
+//# sourceMappingURL=chunk-NDH24NNQ.js.map

package/{chunk-DL6HJ3OB.mjs → chunk-OZF3JOG4.mjs}

@@ -83,7 +83,7 @@ function Calendar(_a) {
           captionLayout === "label" ? "text-sm" : "cn-calendar-caption-label flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground",
           defaultClassNames.caption_label
         ),
-        table: "w-full border-collapse",
+        month_grid: cn("w-full border-collapse", defaultClassNames.month_grid),
         weekdays: cn("flex", defaultClassNames.weekdays),
         weekday: cn(
           "flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none",
@@ -183,4 +183,4 @@ export {
   Calendar,
   CalendarDayButton
 };
-//# sourceMappingURL=chunk-DL6HJ3OB.mjs.map
+//# sourceMappingURL=chunk-OZF3JOG4.mjs.map

package/chunk-VYBFV2QD.js

@@ -0,0 +1,31 @@
+"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk2NMEKWO5js = require('./chunk-2NMEKWO5.js');
+
+// components/form/types.ts
+function mergeHookFormRules(rules, overrides) {
+  const mergedRules = _chunk2NMEKWO5js.__spreadValues.call(void 0, {}, rules != null ? rules : {});
+  if (overrides.required !== void 0) mergedRules.required = overrides.required;
+  if (overrides.min !== void 0) mergedRules.min = overrides.min;
+  if (overrides.max !== void 0) mergedRules.max = overrides.max;
+  if (overrides.maxLength !== void 0) mergedRules.maxLength = overrides.maxLength;
+  if (overrides.minLength !== void 0) mergedRules.minLength = overrides.minLength;
+  return Object.keys(mergedRules).length > 0 ? mergedRules : void 0;
+}
+function isValidationRuleEnabled(rule) {
+  if (typeof rule === "boolean") return rule;
+  if (typeof rule === "string") return rule.length > 0;
+  return (rule == null ? void 0 : rule.value) === true;
+}
+function getValidationRuleValue(rule) {
+  if (rule && typeof rule === "object") return rule.value;
+  return rule;
+}
+
+
+
+
+
+exports.mergeHookFormRules = mergeHookFormRules; exports.isValidationRuleEnabled = isValidationRuleEnabled; exports.getValidationRuleValue = getValidationRuleValue;
+//# sourceMappingURL=chunk-VYBFV2QD.js.map

package/chunk-WJKG5MUH.mjs

@@ -0,0 +1,30 @@
+import {
+  __spreadValues
+} from "./chunk-YOSPWY5K.mjs";
+
+// components/form/types.ts
+function mergeHookFormRules(rules, overrides) {
+  const mergedRules = __spreadValues({}, rules != null ? rules : {});
+  if (overrides.required !== void 0) mergedRules.required = overrides.required;
+  if (overrides.min !== void 0) mergedRules.min = overrides.min;
+  if (overrides.max !== void 0) mergedRules.max = overrides.max;
+  if (overrides.maxLength !== void 0) mergedRules.maxLength = overrides.maxLength;
+  if (overrides.minLength !== void 0) mergedRules.minLength = overrides.minLength;
+  return Object.keys(mergedRules).length > 0 ? mergedRules : void 0;
+}
+function isValidationRuleEnabled(rule) {
+  if (typeof rule === "boolean") return rule;
+  if (typeof rule === "string") return rule.length > 0;
+  return (rule == null ? void 0 : rule.value) === true;
+}
+function getValidationRuleValue(rule) {
+  if (rule && typeof rule === "object") return rule.value;
+  return rule;
+}
+
+export {
+  mergeHookFormRules,
+  isValidationRuleEnabled,
+  getValidationRuleValue
+};
+//# sourceMappingURL=chunk-WJKG5MUH.mjs.map

package/components/form/date-picker.js

@@ -2,8 +2,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkAQWVA6TLjs = require('../../chunk-AQWVA6TL.js');
-require('../../chunk-XF75HZNV.js');
+var _chunkBIO4TVNTjs = require('../../chunk-BIO4TVNT.js');
+require('../../chunk-NDH24NNQ.js');
 require('../../chunk-W4ZJYYQP.js');
 require('../../chunk-IEPLSUBR.js');
 require('../../chunk-5CUM73VT.js');
@@ -13,5 +13,5 @@ require('../../chunk-NBQEF4JD.js');
 require('../../chunk-2NMEKWO5.js');
 
 
-exports.FormDatePicker = _chunkAQWVA6TLjs.FormDatePicker;
+exports.FormDatePicker = _chunkBIO4TVNTjs.FormDatePicker;
 //# sourceMappingURL=date-picker.js.map

package/components/form/date-picker.mjs

@@ -1,8 +1,8 @@
 "use client";
 import {
   FormDatePicker
-} from "../../chunk-OURAYOOM.mjs";
-import "../../chunk-DL6HJ3OB.mjs";
+} from "../../chunk-3NMW42UR.mjs";
+import "../../chunk-OZF3JOG4.mjs";
 import "../../chunk-N3WWOWZ4.mjs";
 import "../../chunk-S2LLOGBR.mjs";
 import "../../chunk-ZJRJN2UJ.mjs";

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

@@ -2,7 +2,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 
-var _chunkXF75HZNVjs = require('../../chunk-XF75HZNV.js');
+var _chunkNDH24NNQjs = require('../../chunk-NDH24NNQ.js');
 
 
 
@@ -72,7 +72,7 @@ function FormDateRangePicker({
     /* @__PURE__ */ _react2.default.createElement(_lucidereact.CalendarIcon, null),
     (value == null ? void 0 : value.from) ? value.to ? /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, formatDate(value.from), " - ", formatDate(value.to)) : formatDate(value.from) : /* @__PURE__ */ _react2.default.createElement("span", null, "Pick a date")
   )), /* @__PURE__ */ _react2.default.createElement(_chunkW4ZJYYQPjs.PopoverContent, { className: "w-auto p-0", align: "start" }, /* @__PURE__ */ _react2.default.createElement(
-    _chunkXF75HZNVjs.Calendar,
+    _chunkNDH24NNQjs.Calendar,
     {
       mode: "range",
       defaultMonth: value == null ? void 0 : value.from,

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

@@ -1,7 +1,7 @@
 "use client";
 import {
   Calendar
-} from "../../chunk-DL6HJ3OB.mjs";
+} from "../../chunk-OZF3JOG4.mjs";
 import {
   Popover,
   PopoverContent,

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

@@ -1,12 +1,14 @@
 import React__default from 'react';
-import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
+import { FieldValues, Path } from 'react-hook-form';
 import { FormCheckboxProps } from './checkbox.mjs';
+import { HookFormValidationAttributes, HookFormRules } from './types.mjs';
 
-type HookFormCheckboxProps<T extends FieldValues> = Omit<FormCheckboxProps, 'name' | 'checked' | 'onCheckedChange'> & {
+type HookFormCheckboxValidationAttributes = Pick<HookFormValidationAttributes, 'required'>;
+type HookFormCheckboxProps<T extends FieldValues> = Omit<FormCheckboxProps, 'name' | 'checked' | 'onCheckedChange' | keyof HookFormCheckboxValidationAttributes> & {
     name: Path<T>;
-    rules?: RegisterOptions<T, Path<T>>;
+    rules?: HookFormRules<T>;
     error?: string;
-};
-declare function HookFormCheckbox<T extends FieldValues>({ id, name, label, rules, error, disabled, classNames, ...rest }: HookFormCheckboxProps<T>): React__default.JSX.Element | null;
+} & HookFormCheckboxValidationAttributes;
+declare function HookFormCheckbox<T extends FieldValues>({ id, name, label, rules, required, error, disabled, classNames, ...rest }: HookFormCheckboxProps<T>): React__default.JSX.Element | null;
 
 export { HookFormCheckbox };

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

@@ -1,12 +1,14 @@
 import React__default from 'react';
-import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
+import { FieldValues, Path } from 'react-hook-form';
 import { FormCheckboxProps } from './checkbox.js';
+import { HookFormValidationAttributes, HookFormRules } from './types.js';
 
-type HookFormCheckboxProps<T extends FieldValues> = Omit<FormCheckboxProps, 'name' | 'checked' | 'onCheckedChange'> & {
+type HookFormCheckboxValidationAttributes = Pick<HookFormValidationAttributes, 'required'>;
+type HookFormCheckboxProps<T extends FieldValues> = Omit<FormCheckboxProps, 'name' | 'checked' | 'onCheckedChange' | keyof HookFormCheckboxValidationAttributes> & {
     name: Path<T>;
-    rules?: RegisterOptions<T, Path<T>>;
+    rules?: HookFormRules<T>;
     error?: string;
-};
-declare function HookFormCheckbox<T extends FieldValues>({ id, name, label, rules, error, disabled, classNames, ...rest }: HookFormCheckboxProps<T>): React__default.JSX.Element | null;
+} & HookFormCheckboxValidationAttributes;
+declare function HookFormCheckbox<T extends FieldValues>({ id, name, label, rules, required, error, disabled, classNames, ...rest }: HookFormCheckboxProps<T>): React__default.JSX.Element | null;
 
 export { HookFormCheckbox };

package/components/form/hook-checkbox.js

@@ -2,6 +2,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 
+
+var _chunkVYBFV2QDjs = require('../../chunk-VYBFV2QD.js');
+
+
 var _chunkHDO7OG7Ijs = require('../../chunk-HDO7OG7I.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,18 +54,20 @@ 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;
+  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(
         _chunkSOJSGQJOjs.FormCheckbox,
-        _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+        _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,
@@ -71,7 +79,7 @@ function HookFormCheckbox(_a) {
               "ring-danger text-danger": showError
             })
           })
-        }, rest)
+        })
       )
     }
   ), 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,4 +1,8 @@
 "use client";
+import {
+  isValidationRuleEnabled,
+  mergeHookFormRules
+} from "../../chunk-WJKG5MUH.mjs";
 import {
   FormError
 } from "../../chunk-42IQSRLZ.mjs";
@@ -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

@@ -5,8 +5,8 @@
 var _chunkHDO7OG7Ijs = require('../../chunk-HDO7OG7I.js');
 
 
-var _chunkAQWVA6TLjs = require('../../chunk-AQWVA6TL.js');
-require('../../chunk-XF75HZNV.js');
+var _chunkBIO4TVNTjs = require('../../chunk-BIO4TVNT.js');
+require('../../chunk-NDH24NNQ.js');
 require('../../chunk-W4ZJYYQP.js');
 require('../../chunk-IEPLSUBR.js');
 require('../../chunk-5CUM73VT.js');
@@ -52,7 +52,7 @@ function HookFormDatePicker(_a) {
       rules,
       render: ({ field: { onChange, onBlur, value } }) => {
         return /* @__PURE__ */ _react2.default.createElement(
-          _chunkAQWVA6TLjs.FormDatePicker,
+          _chunkBIO4TVNTjs.FormDatePicker,
           _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {
             id,
             name,

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

@@ -4,8 +4,8 @@ import {
 } from "../../chunk-42IQSRLZ.mjs";
 import {
   FormDatePicker
-} from "../../chunk-OURAYOOM.mjs";
-import "../../chunk-DL6HJ3OB.mjs";
+} from "../../chunk-3NMW42UR.mjs";
+import "../../chunk-OZF3JOG4.mjs";
 import "../../chunk-N3WWOWZ4.mjs";
 import "../../chunk-S2LLOGBR.mjs";
 import "../../chunk-ZJRJN2UJ.mjs";

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

@@ -5,6 +5,10 @@
 var _chunkVHXALM6Ojs = require('../../chunk-VHXALM6O.js');
 
 
+
+var _chunkVYBFV2QDjs = require('../../chunk-VYBFV2QD.js');
+
+
 var _chunkHDO7OG7Ijs = require('../../chunk-HDO7OG7I.js');
 require('../../chunk-OZAVO5UA.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,14 +53,15 @@ 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;
+  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, {
+    _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: _chunkNBQEF4JDjs.cn.call(void 0, classNames == null ? void 0 : classNames.label, {
           "text-danger": showError
@@ -63,7 +70,7 @@ function HookFormNativeSelect(_a) {
           "ring-danger text-danger": showError
         })
       },
-      selectProps: register(name, rules)
+      selectProps: register(name, mergedRules)
     })
   ), 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

@@ -2,6 +2,10 @@
 import {
   FormNativeSelect
 } from "../../chunk-NQQR2NDC.mjs";
+import {
+  isValidationRuleEnabled,
+  mergeHookFormRules
+} from "../../chunk-WJKG5MUH.mjs";
 import {
   FormError
 } from "../../chunk-42IQSRLZ.mjs";
@@ -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":[]}