shadcn-ui-react 0.3.6 → 0.3.7

package/dist/index.cjs

@@ -5787,15 +5787,15 @@ var React42 = __toESM(require("react"), 1);
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var Input = React42.forwardRef(
   (_a, ref) => {
-    var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
+    var _b = _a, { className, classNameDefault, type } = _b, props = __objRest(_b, ["className", "classNameDefault", "type"]);
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "input",
       __spreadValues({
         type,
-        className: cn(
+        className: classNameDefault ? cn(
           "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
           className
-        ),
+        ) : className,
         ref
       }, props)
     );
@@ -5817,6 +5817,7 @@ var FormField = (_a) => {
     placeholder,
     requiredLabel,
     className = "px-4 py-6 shadow-inner drop-shadow-xl",
+    classNameDefault,
     labelClassName,
     messageClassName,
     requiredLabelClassName,
@@ -5831,6 +5832,7 @@ var FormField = (_a) => {
     "placeholder",
     "requiredLabel",
     "className",
+    "classNameDefault",
     "labelClassName",
     "messageClassName",
     "requiredLabelClassName",
@@ -5873,7 +5875,8 @@ var FormField = (_a) => {
               onChange == null ? void 0 : onChange(e.target.value);
             },
             placeholder,
-            className
+            className,
+            classNameDefault: classNameDefault != null ? classNameDefault : true
           })
         ) }),
         fieldError && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FormMessage, { className: messageClassName, children: fieldError })
@@ -6750,6 +6753,7 @@ function SearchInput({
   value,
   placeholder,
   className,
+  classNameDefault,
   debounceTime = 750,
   onSearch
 }) {
@@ -6770,7 +6774,8 @@ function SearchInput({
       placeholder: placeholder || `Search...`,
       value: searchTerm,
       onChange: (event) => setSearchTerm(event.target.value),
-      className: cn("w-full md:max-w-sm", className)
+      className: cn("w-full md:max-w-sm", className),
+      classNameDefault: classNameDefault != null ? classNameDefault : true
     }
   );
 }

package/dist/index.d.cts

@@ -320,6 +320,7 @@ type CustomFormFieldProps<TFieldValues extends FieldValues, TName extends FieldP
     control?: Control<TFieldValues, any, TFieldValues>;
     placeholder?: string;
     className?: string;
+    classNameDefault?: boolean;
     labelClassName?: string;
     messageClassName?: string;
     requiredLabelClassName?: string;
@@ -327,7 +328,7 @@ type CustomFormFieldProps<TFieldValues extends FieldValues, TName extends FieldP
     requiredLabel?: boolean;
     onChange?: (value: string) => void;
 } & React__default.InputHTMLAttributes<HTMLInputElement>;
-declare const FormField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ name, control, label, placeholder, requiredLabel, className, labelClassName, messageClassName, requiredLabelClassName, rules, shouldUnregister, defaultValue, onChange, ...inputProps }: CustomFormFieldProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ name, control, label, placeholder, requiredLabel, className, classNameDefault, labelClassName, messageClassName, requiredLabelClassName, rules, shouldUnregister, defaultValue, onChange, ...inputProps }: CustomFormFieldProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
 declare const FormItem: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
 declare const FormLabel: React__default.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React__default.RefAttributes<HTMLLabelElement>, "ref"> & React__default.RefAttributes<HTMLLabelElement>>;
 declare const useFormField: () => {
@@ -389,6 +390,9 @@ interface IconProps {
 declare const Icons: IconProps;
 
 interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
+    className?: string;
+    classNameDefault?: boolean;
+    type?: React$1.HTMLInputTypeAttribute | undefined;
 }
 declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
 
@@ -551,10 +555,11 @@ type SearchInputProps = {
     value?: string;
     placeholder?: string;
     className?: string;
+    classNameDefault?: boolean;
     debounceTime?: number;
     onSearch: (searchTerm?: string) => void;
 };
-declare function SearchInput({ value, placeholder, className, debounceTime, onSearch, }: SearchInputProps): react_jsx_runtime.JSX.Element;
+declare function SearchInput({ value, placeholder, className, classNameDefault, debounceTime, onSearch, }: SearchInputProps): react_jsx_runtime.JSX.Element;
 
 declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;

package/dist/index.d.ts

@@ -320,6 +320,7 @@ type CustomFormFieldProps<TFieldValues extends FieldValues, TName extends FieldP
     control?: Control<TFieldValues, any, TFieldValues>;
     placeholder?: string;
     className?: string;
+    classNameDefault?: boolean;
     labelClassName?: string;
     messageClassName?: string;
     requiredLabelClassName?: string;
@@ -327,7 +328,7 @@ type CustomFormFieldProps<TFieldValues extends FieldValues, TName extends FieldP
     requiredLabel?: boolean;
     onChange?: (value: string) => void;
 } & React__default.InputHTMLAttributes<HTMLInputElement>;
-declare const FormField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ name, control, label, placeholder, requiredLabel, className, labelClassName, messageClassName, requiredLabelClassName, rules, shouldUnregister, defaultValue, onChange, ...inputProps }: CustomFormFieldProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({ name, control, label, placeholder, requiredLabel, className, classNameDefault, labelClassName, messageClassName, requiredLabelClassName, rules, shouldUnregister, defaultValue, onChange, ...inputProps }: CustomFormFieldProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
 declare const FormItem: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
 declare const FormLabel: React__default.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React__default.RefAttributes<HTMLLabelElement>, "ref"> & React__default.RefAttributes<HTMLLabelElement>>;
 declare const useFormField: () => {
@@ -389,6 +390,9 @@ interface IconProps {
 declare const Icons: IconProps;
 
 interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
+    className?: string;
+    classNameDefault?: boolean;
+    type?: React$1.HTMLInputTypeAttribute | undefined;
 }
 declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
 
@@ -551,10 +555,11 @@ type SearchInputProps = {
     value?: string;
     placeholder?: string;
     className?: string;
+    classNameDefault?: boolean;
     debounceTime?: number;
     onSearch: (searchTerm?: string) => void;
 };
-declare function SearchInput({ value, placeholder, className, debounceTime, onSearch, }: SearchInputProps): react_jsx_runtime.JSX.Element;
+declare function SearchInput({ value, placeholder, className, classNameDefault, debounceTime, onSearch, }: SearchInputProps): react_jsx_runtime.JSX.Element;
 
 declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;

package/dist/index.js

@@ -5542,15 +5542,15 @@ import * as React42 from "react";
 import { jsx as jsx18 } from "react/jsx-runtime";
 var Input = React42.forwardRef(
   (_a, ref) => {
-    var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
+    var _b = _a, { className, classNameDefault, type } = _b, props = __objRest(_b, ["className", "classNameDefault", "type"]);
     return /* @__PURE__ */ jsx18(
       "input",
       __spreadValues({
         type,
-        className: cn(
+        className: classNameDefault ? cn(
           "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
           className
-        ),
+        ) : className,
         ref
       }, props)
     );
@@ -5572,6 +5572,7 @@ var FormField = (_a) => {
     placeholder,
     requiredLabel,
     className = "px-4 py-6 shadow-inner drop-shadow-xl",
+    classNameDefault,
     labelClassName,
     messageClassName,
     requiredLabelClassName,
@@ -5586,6 +5587,7 @@ var FormField = (_a) => {
     "placeholder",
     "requiredLabel",
     "className",
+    "classNameDefault",
     "labelClassName",
     "messageClassName",
     "requiredLabelClassName",
@@ -5628,7 +5630,8 @@ var FormField = (_a) => {
               onChange == null ? void 0 : onChange(e.target.value);
             },
             placeholder,
-            className
+            className,
+            classNameDefault: classNameDefault != null ? classNameDefault : true
           })
         ) }),
         fieldError && /* @__PURE__ */ jsx19(FormMessage, { className: messageClassName, children: fieldError })
@@ -6541,6 +6544,7 @@ function SearchInput({
   value,
   placeholder,
   className,
+  classNameDefault,
   debounceTime = 750,
   onSearch
 }) {
@@ -6561,7 +6565,8 @@ function SearchInput({
       placeholder: placeholder || `Search...`,
       value: searchTerm,
       onChange: (event) => setSearchTerm(event.target.value),
-      className: cn("w-full md:max-w-sm", className)
+      className: cn("w-full md:max-w-sm", className),
+      classNameDefault: classNameDefault != null ? classNameDefault : true
     }
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shadcn-ui-react",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "private": false,
   "author": "Bleker Cordova <bleker@gliyen.com>",
   "description": "A collection of components for building beautiful and accessible user interfaces with React and Tailwind CSS.",