@yimingliao/cms 0.0.99 → 0.0.101

package/dist/client/index.d.ts

@@ -426,8 +426,9 @@ declare function MainFields({ className, children, ...props }: ComponentProps<"d
 declare function SideFields({ className, children, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
 interface InputProps<T extends FormData = FormData> extends ComponentProps<"input">, FormFieldController<T> {
+    inputGroupClassName?: string;
 }
-declare function Input<T extends FormData = FormData>({ fieldName, setFormData, isLoading, isDisabled, isError, className, children, ...props }: InputProps<T>): react_jsx_runtime.JSX.Element;
+declare function Input<T extends FormData = FormData>({ fieldName, setFormData, isLoading, isDisabled, isError, className, inputGroupClassName, children, ...props }: InputProps<T>): react_jsx_runtime.JSX.Element;
 
 declare function PasswordInput<T extends FormData = FormData>({ ...props }: InputProps<T>): react_jsx_runtime.JSX.Element;
 

package/dist/client/index.js

@@ -713,25 +713,33 @@ function Input({
   isError = false,
   // base
   className,
+  inputGroupClassName,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(InputGroup, { "data-disabled": isDisabled || isLoading, className: "h-10", children: [
-    isLoading ? /* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Spinner, {}) }) : /* @__PURE__ */ jsx(
-      InputGroupInput,
-      {
-        disabled: isDisabled || isLoading,
-        "aria-invalid": isError,
-        onChange: (e) => {
-          if (!setFormData || !fieldName) return;
-          setFormData((p) => ({ ...p, [fieldName]: e.target.value }));
-        },
-        className: cn("h-10", className),
-        ...props
-      }
-    ),
-    children
-  ] });
+  return /* @__PURE__ */ jsxs(
+    InputGroup,
+    {
+      "data-disabled": isDisabled || isLoading,
+      className: cn("h-10", inputGroupClassName),
+      children: [
+        isLoading ? /* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(Spinner, {}) }) : /* @__PURE__ */ jsx(
+          InputGroupInput,
+          {
+            disabled: isDisabled || isLoading,
+            "aria-invalid": isError,
+            onChange: (e) => {
+              if (!setFormData || !fieldName) return;
+              setFormData((p) => ({ ...p, [fieldName]: e.target.value }));
+            },
+            className: cn("h-10", className),
+            ...props
+          }
+        ),
+        children
+      ]
+    }
+  );
 }
 function PasswordInput({
   ...props
@@ -789,7 +797,8 @@ function Checkbox({
               isChecked && "translate-x-6",
               isLoading && "opacity-0",
               !isDisabled && "group-hover:scale-95 group-active:scale-90",
-              "transition"
+              "will-change-transform",
+              "transition-transform duration-200 ease-out"
             )
           }
         ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yimingliao/cms",
-  "version": "0.0.99",
+  "version": "0.0.101",
   "author": "Yiming Liao",
   "license": "MIT",
   "type": "module",