@yimingliao/cms 0.0.130 → 0.0.131

package/dist/src/client/interfaces/components/ui/features/expandable-list/expandable-list.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Archive } from 'lucide-react';
 import { useState } from 'react';
 import 'ua-parser-js';
@@ -15,7 +16,7 @@ function ExpandableList({
 }) {
   const [isExpand, setIsExpand] = useState(false);
   const [isListOverFlow, setIsListOverFlow] = useState(false);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "button",
     {
       type: "button",
@@ -26,22 +27,26 @@ function ExpandableList({
       className: cn(
         "group flex w-full flex-col gap-1 text-xs text-gray-400",
         !isListOverFlow && "pointer-events-none"
-      )
-    },
-    /* @__PURE__ */ React.createElement(
-      ExpandableListContent,
-      {
-        item,
-        items,
-        isExpand,
-        isDisabled,
-        isUnique,
-        onOverflowChange: setIsListOverFlow
-      },
-      /* @__PURE__ */ React.createElement(Archive, { className: "size-4" }),
-      /* @__PURE__ */ React.createElement("span", null, ":")
-    ),
-    isListOverFlow && /* @__PURE__ */ React.createElement(ExpandBar, { isExpand })
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          ExpandableListContent,
+          {
+            item,
+            items,
+            isExpand,
+            isDisabled,
+            isUnique,
+            onOverflowChange: setIsListOverFlow,
+            children: [
+              /* @__PURE__ */ jsx(Archive, { className: "size-4" }),
+              /* @__PURE__ */ jsx("span", { children: ":" })
+            ]
+          }
+        ),
+        isListOverFlow && /* @__PURE__ */ jsx(ExpandBar, { isExpand })
+      ]
+    }
   );
 }
 

package/dist/src/client/interfaces/components/ui/form/containers/fields-container.js

@@ -1,3 +1,4 @@
+import { jsx } from 'react/jsx-runtime';
 import 'react';
 import 'ua-parser-js';
 import { cn } from '../../../../../applications/shadcn/utils.js';
@@ -9,14 +10,14 @@ function FieldsContainer({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: cn("relative flex w-full", className),
       style: { gap: FORM_MIDDLE_GAP_WIDTH },
-      ...props
-    },
-    children
+      ...props,
+      children
+    }
   );
 }
 

package/dist/src/client/interfaces/components/ui/form/containers/main-fields.js

@@ -1,3 +1,4 @@
+import { jsx } from 'react/jsx-runtime';
 import 'react';
 import 'ua-parser-js';
 import { cn } from '../../../../../applications/shadcn/utils.js';
@@ -10,14 +11,14 @@ function MainFields({
   ...props
 }) {
   const sideWidth = FORM_SIDE_FIELDS_WIDTH + FORM_MIDDLE_GAP_WIDTH;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: cn("relative", "flex flex-1 flex-col gap-6", className),
       style: { maxWidth: `calc(100% - ${sideWidth}px)` },
-      ...props
-    },
-    children
+      ...props,
+      children
+    }
   );
 }
 

package/dist/src/client/interfaces/components/ui/form/containers/side-fields.js

@@ -1,3 +1,4 @@
+import { jsx } from 'react/jsx-runtime';
 import 'react';
 import 'ua-parser-js';
 import { cn } from '../../../../../applications/shadcn/utils.js';
@@ -9,14 +10,14 @@ function SideFields({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: cn("relative", "min-h-full", className),
       style: { width: `${FORM_SIDE_FIELDS_WIDTH}px` },
-      ...props
-    },
-    /* @__PURE__ */ React.createElement("div", { className: cn("sticky top-24", "flex flex-col gap-6") }, children)
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: cn("sticky top-24", "flex flex-col gap-6"), children })
+    }
   );
 }
 

package/dist/src/client/interfaces/components/ui/form/control-fields/control-fields-display.js

@@ -1,3 +1,4 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
 import { Eye, Binary, MapPinCheckInside, Star, House } from 'lucide-react';
 import 'react';
@@ -34,71 +35,93 @@ function ControlFieldsDisplay({
   const notBuiltInFields = fields.filter(
     ({ key }) => !BUILT_IN_FIELDS.some((b) => b.key == key)
   );
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, fields.find((f) => f.key === "isActive") && /* @__PURE__ */ React.createElement(
-    Field,
-    {
-      label: /* @__PURE__ */ React.createElement("span", { className: "flex-center gap-2" }, /* @__PURE__ */ React.createElement(Eye, { className: "size-5" }), t("ui.field.control-fields.is-active.text"))
-    },
-    /* @__PURE__ */ React.createElement(
-      Checkbox,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    fields.find((f) => f.key === "isActive") && /* @__PURE__ */ jsx(
+      Field,
       {
-        fieldName: "isActive",
-        formData,
-        isLoading,
-        isDisplay: true
+        label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
+          /* @__PURE__ */ jsx(Eye, { className: "size-5" }),
+          t("ui.field.control-fields.is-active.text")
+        ] }),
+        children: /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            fieldName: "isActive",
+            formData,
+            isLoading,
+            isDisplay: true
+          }
+        )
       }
-    )
-  ), fields.find((f) => f.key === "index") && /* @__PURE__ */ React.createElement(
-    Field,
-    {
-      label: /* @__PURE__ */ React.createElement("span", { className: "flex-center gap-2" }, /* @__PURE__ */ React.createElement(Binary, { className: "size-5" }), t("ui.field.control-fields.index.text"))
-    },
-    /* @__PURE__ */ React.createElement(IndexField, { formData, isLoading, isDisplay: true })
-  ), fields.find((f) => f.key === "slug") && /* @__PURE__ */ React.createElement(
-    Field,
-    {
-      label: /* @__PURE__ */ React.createElement("span", { className: "flex-center gap-2" }, /* @__PURE__ */ React.createElement(MapPinCheckInside, { className: "size-5" }), t("ui.field.control-fields.slug.text"))
-    },
-    /* @__PURE__ */ React.createElement(SlugField, { formData, isLoading, isDisplay: true })
-  ), fields.find((f) => f.key === "isFeatured") && /* @__PURE__ */ React.createElement(
-    Field,
-    {
-      label: /* @__PURE__ */ React.createElement("span", { className: "flex-center gap-2" }, /* @__PURE__ */ React.createElement(Star, { className: "size-5" }), t("ui.field.control-fields.is-featured.text"))
-    },
-    /* @__PURE__ */ React.createElement(
-      Checkbox,
+    ),
+    fields.find((f) => f.key === "index") && /* @__PURE__ */ jsx(
+      Field,
       {
-        fieldName: "isFeatured",
-        formData,
-        isLoading,
-        isDisplay: true
+        label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
+          /* @__PURE__ */ jsx(Binary, { className: "size-5" }),
+          t("ui.field.control-fields.index.text")
+        ] }),
+        children: /* @__PURE__ */ jsx(IndexField, { formData, isLoading, isDisplay: true })
       }
-    )
-  ), fields.find((f) => f.key === "isShownOnHome") && /* @__PURE__ */ React.createElement(
-    Field,
-    {
-      label: /* @__PURE__ */ React.createElement("span", { className: "flex-center gap-2" }, /* @__PURE__ */ React.createElement(House, { className: "size-5" }), t("ui.field.control-fields.is-shown-on-home.text"))
-    },
-    /* @__PURE__ */ React.createElement(
-      Checkbox,
+    ),
+    fields.find((f) => f.key === "slug") && /* @__PURE__ */ jsx(
+      Field,
       {
-        fieldName: "isShownOnHome",
-        formData,
-        isLoading,
-        isDisplay: true
+        label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
+          /* @__PURE__ */ jsx(MapPinCheckInside, { className: "size-5" }),
+          t("ui.field.control-fields.slug.text")
+        ] }),
+        children: /* @__PURE__ */ jsx(SlugField, { formData, isLoading, isDisplay: true })
       }
-    )
-  ), notBuiltInFields.map(({ key, label }) => {
-    return /* @__PURE__ */ React.createElement(Field, { key, label }, /* @__PURE__ */ React.createElement(
-      Checkbox,
+    ),
+    fields.find((f) => f.key === "isFeatured") && /* @__PURE__ */ jsx(
+      Field,
       {
-        fieldName: key,
-        formData,
-        isLoading,
-        isDisplay: true
+        label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
+          /* @__PURE__ */ jsx(Star, { className: "size-5" }),
+          t("ui.field.control-fields.is-featured.text")
+        ] }),
+        children: /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            fieldName: "isFeatured",
+            formData,
+            isLoading,
+            isDisplay: true
+          }
+        )
       }
-    ));
-  }));
+    ),
+    fields.find((f) => f.key === "isShownOnHome") && /* @__PURE__ */ jsx(
+      Field,
+      {
+        label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
+          /* @__PURE__ */ jsx(House, { className: "size-5" }),
+          t("ui.field.control-fields.is-shown-on-home.text")
+        ] }),
+        children: /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            fieldName: "isShownOnHome",
+            formData,
+            isLoading,
+            isDisplay: true
+          }
+        )
+      }
+    ),
+    notBuiltInFields.map(({ key, label }) => {
+      return /* @__PURE__ */ jsx(Field, { label, children: /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          fieldName: key,
+          formData,
+          isLoading,
+          isDisplay: true
+        }
+      ) }, key);
+    })
+  ] });
 }
 
 export { ControlFieldsDisplay };

package/dist/src/client/interfaces/components/ui/form/control-fields/control-fields-input.js

@@ -1,3 +1,4 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
 import { Eye, EyeOff, Binary, MapPinCheckInside, Star, House } from 'lucide-react';
 import 'react';
@@ -44,107 +45,129 @@ function ControlFieldsInput({
   const notBuiltInFields = fields.filter(
     ({ key }) => !BUILT_IN_FIELDS.some((b) => b.key == key)
   );
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, fields.find((f) => f.key === "isActive") && /* @__PURE__ */ React.createElement(
-    Field,
-    {
-      htmlFor: "isActive",
-      label: /* @__PURE__ */ React.createElement("span", { className: "flex-center gap-2" }, formData["isActive"] ? /* @__PURE__ */ React.createElement(Eye, { className: "size-5" }) : /* @__PURE__ */ React.createElement(EyeOff, { className: "size-5" }), t("ui.field.control-fields.is-active.text"))
-    },
-    /* @__PURE__ */ React.createElement(
-      Checkbox,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    fields.find((f) => f.key === "isActive") && /* @__PURE__ */ jsx(
+      Field,
       {
-        id: "isActive",
-        fieldName: "isActive",
-        formData,
-        setFormData,
-        isLoading,
-        isDisabled
+        htmlFor: "isActive",
+        label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
+          formData["isActive"] ? /* @__PURE__ */ jsx(Eye, { className: "size-5" }) : /* @__PURE__ */ jsx(EyeOff, { className: "size-5" }),
+          t("ui.field.control-fields.is-active.text")
+        ] }),
+        children: /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            id: "isActive",
+            fieldName: "isActive",
+            formData,
+            setFormData,
+            isLoading,
+            isDisabled
+          }
+        )
       }
-    )
-  ), fields.find((f) => f.key === "index") && /* @__PURE__ */ React.createElement(
-    Field,
-    {
-      htmlFor: "index",
-      label: /* @__PURE__ */ React.createElement("span", { className: "flex-center gap-2" }, /* @__PURE__ */ React.createElement(Binary, { className: "size-5" }), t("ui.field.control-fields.index.text"))
-    },
-    /* @__PURE__ */ React.createElement(
-      IndexField,
+    ),
+    fields.find((f) => f.key === "index") && /* @__PURE__ */ jsx(
+      Field,
       {
-        id: "index",
-        formData,
-        setFormData,
-        isLoading,
-        isDisabled,
-        existingIndexes,
-        availableIndex,
-        isError: errors?.includes("index")
+        htmlFor: "index",
+        label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
+          /* @__PURE__ */ jsx(Binary, { className: "size-5" }),
+          t("ui.field.control-fields.index.text")
+        ] }),
+        children: /* @__PURE__ */ jsx(
+          IndexField,
+          {
+            id: "index",
+            formData,
+            setFormData,
+            isLoading,
+            isDisabled,
+            existingIndexes,
+            availableIndex,
+            isError: errors?.includes("index")
+          }
+        )
       }
-    )
-  ), fields.find((f) => f.key === "slug") && /* @__PURE__ */ React.createElement(
-    Field,
-    {
-      htmlFor: "slug",
-      label: /* @__PURE__ */ React.createElement("span", { className: "flex-center gap-2" }, /* @__PURE__ */ React.createElement(MapPinCheckInside, { className: "size-5" }), t("ui.field.control-fields.slug.text"))
-    },
-    /* @__PURE__ */ React.createElement(
-      SlugField,
+    ),
+    fields.find((f) => f.key === "slug") && /* @__PURE__ */ jsx(
+      Field,
       {
-        id: "slug",
-        formData,
-        setFormData,
-        isLoading,
-        isDisabled,
-        existingSlugs,
-        isError: errors?.includes("slug")
+        htmlFor: "slug",
+        label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
+          /* @__PURE__ */ jsx(MapPinCheckInside, { className: "size-5" }),
+          t("ui.field.control-fields.slug.text")
+        ] }),
+        children: /* @__PURE__ */ jsx(
+          SlugField,
+          {
+            id: "slug",
+            formData,
+            setFormData,
+            isLoading,
+            isDisabled,
+            existingSlugs,
+            isError: errors?.includes("slug")
+          }
+        )
       }
-    )
-  ), fields.find((f) => f.key === "isFeatured") && /* @__PURE__ */ React.createElement(
-    Field,
-    {
-      htmlFor: "isFeatured",
-      label: /* @__PURE__ */ React.createElement("span", { className: "flex-center gap-2" }, /* @__PURE__ */ React.createElement(Star, { className: "size-5" }), t("ui.field.control-fields.is-featured.text"))
-    },
-    /* @__PURE__ */ React.createElement(
-      Checkbox,
+    ),
+    fields.find((f) => f.key === "isFeatured") && /* @__PURE__ */ jsx(
+      Field,
       {
-        id: "isFeatured",
-        fieldName: "isFeatured",
-        formData,
-        setFormData,
-        isLoading,
-        isDisabled
+        htmlFor: "isFeatured",
+        label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
+          /* @__PURE__ */ jsx(Star, { className: "size-5" }),
+          t("ui.field.control-fields.is-featured.text")
+        ] }),
+        children: /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            id: "isFeatured",
+            fieldName: "isFeatured",
+            formData,
+            setFormData,
+            isLoading,
+            isDisabled
+          }
+        )
       }
-    )
-  ), fields.find((f) => f.key === "isShownOnHome") && /* @__PURE__ */ React.createElement(
-    Field,
-    {
-      htmlFor: "isShownOnHome",
-      label: /* @__PURE__ */ React.createElement("span", { className: "flex-center gap-2" }, /* @__PURE__ */ React.createElement(House, { className: "size-5" }), t("ui.field.control-fields.is-shown-on-home.text"))
-    },
-    /* @__PURE__ */ React.createElement(
-      Checkbox,
+    ),
+    fields.find((f) => f.key === "isShownOnHome") && /* @__PURE__ */ jsx(
+      Field,
       {
-        id: "isShownOnHome",
-        fieldName: "isShownOnHome",
-        formData,
-        setFormData,
-        isLoading,
-        isDisabled
+        htmlFor: "isShownOnHome",
+        label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
+          /* @__PURE__ */ jsx(House, { className: "size-5" }),
+          t("ui.field.control-fields.is-shown-on-home.text")
+        ] }),
+        children: /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            id: "isShownOnHome",
+            fieldName: "isShownOnHome",
+            formData,
+            setFormData,
+            isLoading,
+            isDisabled
+          }
+        )
       }
-    )
-  ), notBuiltInFields.map(({ key, label }) => {
-    return /* @__PURE__ */ React.createElement(Field, { key, htmlFor: key, label }, /* @__PURE__ */ React.createElement(
-      Checkbox,
-      {
-        id: key,
-        fieldName: key,
-        formData,
-        setFormData,
-        isLoading,
-        isDisabled
-      }
-    ));
-  }));
+    ),
+    notBuiltInFields.map(({ key, label }) => {
+      return /* @__PURE__ */ jsx(Field, { htmlFor: key, label, children: /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          id: key,
+          fieldName: key,
+          formData,
+          setFormData,
+          isLoading,
+          isDisabled
+        }
+      ) }, key);
+    })
+  ] });
 }
 
 export { ControlFieldsInput };

package/dist/src/client/interfaces/components/ui/form/control-fields/control-fields.js

@@ -1,3 +1,4 @@
+import { jsx } from 'react/jsx-runtime';
 import 'react';
 import 'ua-parser-js';
 import { cn } from '../../../../../applications/shadcn/utils.js';
@@ -33,7 +34,7 @@ function ControlFields({
   ...props
 }) {
   if (fields.length === 0) return null;
-  return /* @__PURE__ */ React.createElement(Card, { className: cn("flex flex-col gap-6", "bg-base-100 p-4"), ...props }, !isDisplay ? /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(Card, { className: cn("flex flex-col gap-6", "bg-base-100 p-4"), ...props, children: !isDisplay ? /* @__PURE__ */ jsx(
     ControlFieldsInput,
     {
       fields,
@@ -44,14 +45,14 @@ function ControlFields({
       isDisabled,
       errors
     }
-  ) : /* @__PURE__ */ React.createElement(
+  ) : /* @__PURE__ */ jsx(
     ControlFieldsDisplay,
     {
       fields,
       formData,
       isLoading
     }
-  ));
+  ) });
 }
 
 export { ControlFields };

package/dist/src/client/interfaces/components/ui/form/field-body.js

@@ -1,3 +1,4 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
 import 'react';
 import 'ua-parser-js';
@@ -30,7 +31,7 @@ function FieldBody({
   ...props
 }) {
   const { t } = useTranslator();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
@@ -40,34 +41,36 @@ function FieldBody({
         "flex items-center",
         "text-sm"
       ),
-      ...props
-    },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: cn(
-          "absolute size-full",
-          "dark:bg-input/30 bg-foreground/2 rounded-md",
-          backgroundClassName
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "absolute size-full",
+              "dark:bg-input/30 bg-foreground/2 rounded-md",
+              backgroundClassName
+            )
+          }
+        ),
+        isLoading && /* @__PURE__ */ jsx("div", { className: "px-3", children: /* @__PURE__ */ jsx(Spinner, {}) }),
+        !isLoading && (!children || isEmpty) && /* @__PURE__ */ jsx("div", { className: "flex-center h-9 px-3 opacity-50", children: /* @__PURE__ */ jsx("p", { className: "opacity-50", children: t("ui.no-data.text") }) }),
+        !isLoading && children && !isEmpty && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "relative size-full",
+              "flex items-center gap-3",
+              "px-3 py-2",
+              "break-all",
+              (isDisabled || isLoading) && "opacity-50",
+              childrenClassName
+            ),
+            children
+          }
         )
-      }
-    ),
-    isLoading && /* @__PURE__ */ React.createElement("div", { className: "px-3" }, /* @__PURE__ */ React.createElement(Spinner, null)),
-    !isLoading && (!children || isEmpty) && /* @__PURE__ */ React.createElement("div", { className: "flex-center h-9 px-3 opacity-50" }, /* @__PURE__ */ React.createElement("p", { className: "opacity-50" }, t("ui.no-data.text"))),
-    !isLoading && children && !isEmpty && /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: cn(
-          "relative size-full",
-          "flex items-center gap-3",
-          "px-3 py-2",
-          "break-all",
-          (isDisabled || isLoading) && "opacity-50",
-          childrenClassName
-        )
-      },
-      children
-    )
+      ]
+    }
   );
 }
 

package/dist/src/client/interfaces/components/ui/form/field.js

@@ -1,3 +1,4 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Asterisk } from 'lucide-react';
 import '@radix-ui/react-avatar';
 import 'react';
@@ -24,7 +25,17 @@ function Field({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "grid w-full items-center gap-3" }, /* @__PURE__ */ React.createElement("span", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement(Label, { className: "flex gap-1 truncate", ...props }, label, isRequired && /* @__PURE__ */ React.createElement(Asterisk, { className: "text-destructive size-3" }), hint && /* @__PURE__ */ React.createElement("span", { className: "text-muted-foreground ml-2 text-xs" }, hint)), /* @__PURE__ */ React.createElement("span", null, labelChildren)), children);
+  return /* @__PURE__ */ jsxs("div", { className: "grid w-full items-center gap-3", children: [
+    /* @__PURE__ */ jsxs("span", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsxs(Label, { className: "flex gap-1 truncate", ...props, children: [
+        label,
+        isRequired && /* @__PURE__ */ jsx(Asterisk, { className: "text-destructive size-3" }),
+        hint && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground ml-2 text-xs", children: hint })
+      ] }),
+      /* @__PURE__ */ jsx("span", { children: labelChildren })
+    ] }),
+    children
+  ] });
 }
 
 export { Field };

package/dist/src/client/interfaces/components/ui/form/form.js

@@ -1,3 +1,4 @@
+import { jsx } from 'react/jsx-runtime';
 import 'react';
 import 'ua-parser-js';
 import { cn } from '../../../../applications/shadcn/utils.js';
@@ -13,7 +14,7 @@ function Form({
     e.preventDefault();
     void onSubmit(e);
   };
-  return /* @__PURE__ */ React.createElement("form", { className: cn(className), onSubmit: handleSubmit, ...props });
+  return /* @__PURE__ */ jsx("form", { className: cn(className), onSubmit: handleSubmit, ...props });
 }
 
 export { Form };