@egose/shadcn-theme 0.1.11 → 0.1.12

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

@@ -3,6 +3,11 @@ import {
   FormTimeInput
 } from "../../chunk-SVZMGPZC.mjs";
 import "../../chunk-S7HB64F7.mjs";
+import {
+  getValidationRuleValue,
+  isValidationRuleEnabled,
+  mergeHookFormRules
+} from "../../chunk-WJKG5MUH.mjs";
 import "../../chunk-OXUVPYJE.mjs";
 import {
   FormError
@@ -30,7 +35,12 @@ function HookFormTimeInput(_a) {
     label,
     error,
     classNames,
-    disabled
+    disabled,
+    required,
+    min,
+    max,
+    maxLength,
+    minLength
   } = _b, rest = __objRest(_b, [
     "id",
     "name",
@@ -38,7 +48,12 @@ function HookFormTimeInput(_a) {
     "label",
     "error",
     "classNames",
-    "disabled"
+    "disabled",
+    "required",
+    "min",
+    "max",
+    "maxLength",
+    "minLength"
   ]);
   const methods = useFormContext();
   if (!methods) return null;
@@ -49,12 +64,13 @@ function HookFormTimeInput(_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, min, max, maxLength, minLength });
   return /* @__PURE__ */ React.createElement("div", { className: cn("$hook-form-time-input", classNames == null ? void 0 : classNames.wrapper) }, /* @__PURE__ */ React.createElement(
     Controller,
     {
       name,
       control,
-      rules,
+      rules: mergedRules,
       render: ({ field: { onChange, onBlur, value } }) => /* @__PURE__ */ React.createElement(
         FormTimeInput,
         __spreadProps(__spreadValues({}, rest), {
@@ -64,6 +80,11 @@ function HookFormTimeInput(_a) {
           onChange,
           onBlur,
           disabled,
+          required: isValidationRuleEnabled(mergedRules == null ? void 0 : mergedRules.required),
+          min: getValidationRuleValue(mergedRules == null ? void 0 : mergedRules.min),
+          max: getValidationRuleValue(mergedRules == null ? void 0 : mergedRules.max),
+          maxLength: getValidationRuleValue(mergedRules == null ? void 0 : mergedRules.maxLength),
+          minLength: getValidationRuleValue(mergedRules == null ? void 0 : mergedRules.minLength),
           classNames: {
             label: cn(classNames == null ? void 0 : classNames.label, {
               "text-danger": showError

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/form/hook-time-input.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 { FormTimeInput } from './time-input';\nimport type { FormTimeInputProps } from './time-input';\n\ntype HookFormTimeInputProps<T extends FieldValues> = Omit<FormTimeInputProps, 'name' | 'inputProps'> & {\n  name: Path<T>;\n  rules?: RegisterOptions<T, Path<T>>;\n  error?: string;\n};\n\nexport function HookFormTimeInput<T extends FieldValues>({\n  id,\n  name,\n  rules,\n  label,\n  error,\n  classNames,\n  disabled,\n  ...rest\n}: HookFormTimeInputProps<T>) {\n  const methods = useFormContext<T>();\n  if (!methods) return null;\n\n  const {\n    control,\n    formState: { errors },\n  } = methods;\n\n  const fieldError = _get(errors, name);\n  const errorMessage = error ?? (fieldError?.message as string);\n  const showError = !!fieldError && !disabled;\n\n  return (\n    <div className={cn('$hook-form-time-input', classNames?.wrapper)}>\n      <Controller\n        name={name}\n        control={control}\n        rules={rules}\n        render={({ field: { onChange, onBlur, value } }) => (\n          <FormTimeInput\n            {...rest}\n            name={name}\n            label={label}\n            value={value}\n            onChange={onChange}\n            onBlur={onBlur}\n            disabled={disabled}\n            classNames={{\n              label: cn(classNames?.label, {\n                'text-danger': showError,\n              }),\n              input: cn(classNames?.input, {\n                'ring-danger text-danger': showError,\n              }),\n            }}\n          />\n        )}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,YAAgD,sBAAsB;AAYxE,SAAS,kBAAyC,IAS3B;AAT2B,eACvD;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAtBF,IAeyD,IAQpD,iBARoD,IAQpD;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,yBAAyB,yCAAY,OAAO,KAC7D;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,QAAQ,MAAM,EAAE,MAC5C;AAAA,QAAC;AAAA,yCACK,OADL;AAAA,UAEC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAY;AAAA,YACV,OAAO,GAAG,yCAAY,OAAO;AAAA,cAC3B,eAAe;AAAA,YACjB,CAAC;AAAA,YACD,OAAO,GAAG,yCAAY,OAAO;AAAA,cAC3B,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":[]}
+{"version":3,"sources":["../../../components/form/hook-time-input.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 { FormTimeInput } from './time-input';\nimport type { FormTimeInputProps } from './time-input';\nimport { getValidationRuleValue, isValidationRuleEnabled, mergeHookFormRules } from './types';\nimport type { HookFormRules, HookFormValidationAttributes } from './types';\n\ntype HookFormTimeInputValidationAttributes = Pick<\n  HookFormValidationAttributes,\n  'required' | 'min' | 'max' | 'maxLength' | 'minLength'\n>;\n\ntype HookFormTimeInputProps<T extends FieldValues> = Omit<\n  FormTimeInputProps,\n  'name' | 'inputProps' | keyof HookFormTimeInputValidationAttributes\n> & {\n  name: Path<T>;\n  rules?: HookFormRules<T>;\n  error?: string;\n} & HookFormTimeInputValidationAttributes;\n\nexport function HookFormTimeInput<T extends FieldValues>({\n  id,\n  name,\n  rules,\n  label,\n  error,\n  classNames,\n  disabled,\n  required,\n  min,\n  max,\n  maxLength,\n  minLength,\n  ...rest\n}: HookFormTimeInputProps<T>) {\n  const methods = useFormContext<T>();\n  if (!methods) return null;\n\n  const {\n    control,\n    formState: { errors },\n  } = methods;\n\n  const fieldError = _get(errors, name);\n  const errorMessage = error ?? (fieldError?.message as string);\n  const showError = !!fieldError && !disabled;\n  const mergedRules = mergeHookFormRules(rules, { required, min, max, maxLength, minLength });\n\n  return (\n    <div className={cn('$hook-form-time-input', classNames?.wrapper)}>\n      <Controller\n        name={name}\n        control={control}\n        rules={mergedRules}\n        render={({ field: { onChange, onBlur, value } }) => (\n          <FormTimeInput\n            {...rest}\n            name={name}\n            label={label}\n            value={value}\n            onChange={onChange}\n            onBlur={onBlur}\n            disabled={disabled}\n            required={isValidationRuleEnabled(mergedRules?.required)}\n            min={getValidationRuleValue(mergedRules?.min)}\n            max={getValidationRuleValue(mergedRules?.max)}\n            maxLength={getValidationRuleValue(mergedRules?.maxLength)}\n            minLength={getValidationRuleValue(mergedRules?.minLength)}\n            classNames={{\n              label: cn(classNames?.label, {\n                'text-danger': showError,\n              }),\n              input: cn(classNames?.input, {\n                'ring-danger text-danger': showError,\n              }),\n            }}\n          />\n        )}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,YAA+B,sBAAsB;AAsBvD,SAAS,kBAAyC,IAc3B;AAd2B,eACvD;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EArCF,IAyByD,IAapD,iBAboD,IAapD;AAAA,IAZH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,UAAU,eAAkB;AAClC,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM;AAAA,IACJ;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,EACtB,IAAI;AAEJ,QAAM,aAAa,KAAK,QAAQ,IAAI;AACpC,QAAM,eAAe,wBAAU,yCAAY;AAC3C,QAAM,YAAY,CAAC,CAAC,cAAc,CAAC;AACnC,QAAM,cAAc,mBAAmB,OAAO,EAAE,UAAU,KAAK,KAAK,WAAW,UAAU,CAAC;AAE1F,SACE,oCAAC,SAAI,WAAW,GAAG,yBAAyB,yCAAY,OAAO,KAC7D;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,QAAQ,MAAM,EAAE,MAC5C;AAAA,QAAC;AAAA,yCACK,OADL;AAAA,UAEC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU,wBAAwB,2CAAa,QAAQ;AAAA,UACvD,KAAK,uBAAuB,2CAAa,GAAG;AAAA,UAC5C,KAAK,uBAAuB,2CAAa,GAAG;AAAA,UAC5C,WAAW,uBAAuB,2CAAa,SAAS;AAAA,UACxD,WAAW,uBAAuB,2CAAa,SAAS;AAAA,UACxD,YAAY;AAAA,YACV,OAAO,GAAG,yCAAY,OAAO;AAAA,cAC3B,eAAe;AAAA,YACjB,CAAC;AAAA,YACD,OAAO,GAAG,yCAAY,OAAO;AAAA,cAC3B,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/types.d.mts

@@ -1,4 +1,4 @@
-import { FieldValues, RegisterOptions, Path } from 'react-hook-form';
+import { Message, ValidationRule, FieldValues, RegisterOptions, Path } from 'react-hook-form';
 
 /**
  * Subset of `react-hook-form`'s `RegisterOptions` that is safe to pass to the
@@ -7,5 +7,15 @@ import { FieldValues, RegisterOptions, Path } from 'react-hook-form';
  * and `disabled`, since those are handled by the form-field wrappers.
  */
 type HookFormRules<T extends FieldValues> = Omit<RegisterOptions<T, Path<T>>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
+interface HookFormValidationAttributes {
+    required?: Message | ValidationRule<boolean>;
+    min?: ValidationRule<number | string>;
+    max?: ValidationRule<number | string>;
+    maxLength?: ValidationRule<number>;
+    minLength?: ValidationRule<number>;
+}
+declare function mergeHookFormRules<T extends FieldValues>(rules: HookFormRules<T> | undefined, overrides: Partial<HookFormValidationAttributes>): HookFormRules<T> | undefined;
+declare function isValidationRuleEnabled(rule: HookFormValidationAttributes['required']): boolean;
+declare function getValidationRuleValue<T extends number | string>(rule?: ValidationRule<T>): T | undefined;
 
-export type { HookFormRules };
+export { type HookFormRules, type HookFormValidationAttributes, getValidationRuleValue, isValidationRuleEnabled, mergeHookFormRules };

package/components/form/types.d.ts

@@ -1,4 +1,4 @@
-import { FieldValues, RegisterOptions, Path } from 'react-hook-form';
+import { Message, ValidationRule, FieldValues, RegisterOptions, Path } from 'react-hook-form';
 
 /**
  * Subset of `react-hook-form`'s `RegisterOptions` that is safe to pass to the
@@ -7,5 +7,15 @@ import { FieldValues, RegisterOptions, Path } from 'react-hook-form';
  * and `disabled`, since those are handled by the form-field wrappers.
  */
 type HookFormRules<T extends FieldValues> = Omit<RegisterOptions<T, Path<T>>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
+interface HookFormValidationAttributes {
+    required?: Message | ValidationRule<boolean>;
+    min?: ValidationRule<number | string>;
+    max?: ValidationRule<number | string>;
+    maxLength?: ValidationRule<number>;
+    minLength?: ValidationRule<number>;
+}
+declare function mergeHookFormRules<T extends FieldValues>(rules: HookFormRules<T> | undefined, overrides: Partial<HookFormValidationAttributes>): HookFormRules<T> | undefined;
+declare function isValidationRuleEnabled(rule: HookFormValidationAttributes['required']): boolean;
+declare function getValidationRuleValue<T extends number | string>(rule?: ValidationRule<T>): T | undefined;
 
-export type { HookFormRules };
+export { type HookFormRules, type HookFormValidationAttributes, getValidationRuleValue, isValidationRuleEnabled, mergeHookFormRules };

package/components/form/types.js

@@ -1,3 +1,14 @@
 "use client";
-"use strict";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+var _chunkVYBFV2QDjs = require('../../chunk-VYBFV2QD.js');
+require('../../chunk-2NMEKWO5.js');
+
+
+
+
+exports.getValidationRuleValue = _chunkVYBFV2QDjs.getValidationRuleValue; exports.isValidationRuleEnabled = _chunkVYBFV2QDjs.isValidationRuleEnabled; exports.mergeHookFormRules = _chunkVYBFV2QDjs.mergeHookFormRules;
 //# sourceMappingURL=types.js.map

package/components/form/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/types.js"],"names":[],"mappings":"AAAA,yBAAY","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/types.js"}
+{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/types.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACA;AACA;AACF,0DAAgC;AAChC,mCAAgC;AAChC;AACE;AACA;AACA;AACF,uNAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/types.js"}

package/components/form/types.mjs

@@ -1,2 +1,13 @@
 "use client";
+import {
+  getValidationRuleValue,
+  isValidationRuleEnabled,
+  mergeHookFormRules
+} from "../../chunk-WJKG5MUH.mjs";
+import "../../chunk-YOSPWY5K.mjs";
+export {
+  getValidationRuleValue,
+  isValidationRuleEnabled,
+  mergeHookFormRules
+};
 //# sourceMappingURL=types.mjs.map

package/components/ui/calendar.js

@@ -3,7 +3,7 @@
 
 
 
-var _chunkXF75HZNVjs = require('../../chunk-XF75HZNV.js');
+var _chunkNDH24NNQjs = require('../../chunk-NDH24NNQ.js');
 require('../../chunk-IEPLSUBR.js');
 require('../../chunk-5CUM73VT.js');
 require('../../chunk-NBQEF4JD.js');
@@ -11,5 +11,5 @@ require('../../chunk-2NMEKWO5.js');
 
 
 
-exports.Calendar = _chunkXF75HZNVjs.Calendar; exports.CalendarDayButton = _chunkXF75HZNVjs.CalendarDayButton;
+exports.Calendar = _chunkNDH24NNQjs.Calendar; exports.CalendarDayButton = _chunkNDH24NNQjs.CalendarDayButton;
 //# sourceMappingURL=calendar.js.map

package/components/ui/calendar.mjs

@@ -2,7 +2,7 @@
 import {
   Calendar,
   CalendarDayButton
-} from "../../chunk-DL6HJ3OB.mjs";
+} from "../../chunk-OZF3JOG4.mjs";
 import "../../chunk-S2LLOGBR.mjs";
 import "../../chunk-ZJRJN2UJ.mjs";
 import "../../chunk-KKCJ2GMO.mjs";

package/components/ui/multi-select.d.mts

@@ -20,7 +20,7 @@ declare const MultiSelectorInput: React.ForwardRefExoticComponent<Omit<Omit<Pick
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "onChange" | "type"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/components/ui/multi-select.d.ts

@@ -20,7 +20,7 @@ declare const MultiSelectorInput: React.ForwardRefExoticComponent<Omit<Omit<Pick
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "onChange" | "type"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.11",
+  "version": "0.1.12",
   "description": "shadcn UI theme for React",
   "keywords": [
     "shadcn",
@@ -35,25 +35,25 @@
     "directory": "packages/react"
   },
   "dependencies": {
-    "@base-ui/react": "^1.3.0",
-    "@hookform/resolvers": "^5.0.0",
-    "@tabler/icons-react": "^3.40.0",
+    "@base-ui/react": "^1.6.0",
+    "@hookform/resolvers": "^5.4.0",
+    "@tabler/icons-react": "^3.44.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "1.1.1",
-    "date-fns": "^4.1.0",
+    "date-fns": "^4.4.0",
     "embla-carousel-react": "^8.5.2",
     "input-otp": "^1.4.2",
-    "lodash-es": "^4.17.23",
-    "lucide-react": "^0.555.0",
+    "lodash-es": "^4.18.1",
+    "lucide-react": "^1.23.0",
     "next-themes": "^0.4.4",
-    "radix-ui": "^1.4.3",
-    "react-day-picker": "9.13.0",
-    "react-resizable-panels": "^4.7.4",
-    "tailwind-merge": "^3.5.0",
-    "valtio": "^2.3.1",
+    "radix-ui": "^1.6.1",
+    "react-day-picker": "10.0.1",
+    "react-resizable-panels": "^4.12.1",
+    "tailwind-merge": "^3.6.0",
+    "valtio": "^2.3.2",
     "vaul": "^1.1.2",
-    "zod": "^4.3.6"
+    "zod": "^4.4.3"
   },
   "peerDependencies": {
     "react": "^18.3.1 || ^19.0.0",