@locusgraph/components 0.2.0 → 0.2.1

package/dist/form/hook-form/form.js

@@ -1,57 +1,355 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 import * as Slot from "radix-ui/slot";
 import * as React from "react";
-import { Controller, FormProvider, useFormContext, useFormState, } from "react-hook-form";
+import { Controller, FormProvider, useFormContext, useFormState } from "react-hook-form";
 import { Label } from "../label.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 const Form = FormProvider;
 const FormFieldContext = React.createContext({});
-const FormField = ({ ...props }) => {
-    return (_jsx(FormFieldContext.Provider, { value: { name: props.name }, children: _jsx(Controller, { ...props }) }));
+const FormField = t0 => {
+  const $ = _c(9);
+  let props;
+  if ($[0] !== t0) {
+    ({
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+  } else {
+    props = $[1];
+  }
+  let t1;
+  if ($[2] !== props.name) {
+    t1 = {
+      name: props.name
+    };
+    $[2] = props.name;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== props) {
+    t2 = /*#__PURE__*/_jsx(Controller, {
+      ...props
+    });
+    $[4] = props;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== t1 || $[7] !== t2) {
+    t3 = /*#__PURE__*/_jsx(FormFieldContext.Provider, {
+      value: t1,
+      children: t2
+    });
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  return t3;
 };
 const useFormField = () => {
-    const fieldContext = React.useContext(FormFieldContext);
-    const itemContext = React.useContext(FormItemContext);
-    const { getFieldState } = useFormContext();
-    const formState = useFormState({ name: fieldContext.name });
-    const fieldState = getFieldState(fieldContext.name, formState);
-    if (!fieldContext) {
-        throw new Error("useFormField should be used within <FormField>");
-    }
-    const { id } = itemContext;
-    return {
-        id,
-        name: fieldContext.name,
-        formItemId: `${id}-form-item`,
-        formDescriptionId: `${id}-form-item-description`,
-        formMessageId: `${id}-form-item-message`,
-        ...fieldState,
+  const $ = _c(13);
+  const fieldContext = React.useContext(FormFieldContext);
+  const itemContext = React.useContext(FormItemContext);
+  const {
+    getFieldState
+  } = useFormContext();
+  let t0;
+  if ($[0] !== fieldContext.name) {
+    t0 = {
+      name: fieldContext.name
     };
+    $[0] = fieldContext.name;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const formState = useFormState(t0);
+  let t1;
+  if ($[2] !== fieldContext.name || $[3] !== formState || $[4] !== getFieldState) {
+    t1 = getFieldState(fieldContext.name, formState);
+    $[2] = fieldContext.name;
+    $[3] = formState;
+    $[4] = getFieldState;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  const fieldState = t1;
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
+  const {
+    id
+  } = itemContext;
+  const t2 = `${id}-form-item`;
+  const t3 = `${id}-form-item-description`;
+  const t4 = `${id}-form-item-message`;
+  let t5;
+  if ($[6] !== fieldContext.name || $[7] !== fieldState || $[8] !== id || $[9] !== t2 || $[10] !== t3 || $[11] !== t4) {
+    t5 = {
+      id,
+      name: fieldContext.name,
+      formItemId: t2,
+      formDescriptionId: t3,
+      formMessageId: t4,
+      ...fieldState
+    };
+    $[6] = fieldContext.name;
+    $[7] = fieldState;
+    $[8] = id;
+    $[9] = t2;
+    $[10] = t3;
+    $[11] = t4;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  return t5;
 };
 const FormItemContext = React.createContext({});
-function FormItem({ className, ...props }) {
-    const id = React.useId();
-    return (_jsx(FormItemContext.Provider, { value: { id }, children: _jsx("div", { "data-slot": "form-item", className: cn("grid gap-2", className), ...props }) }));
+function FormItem(t0) {
+  const $ = _c(13);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  const id = React.useId();
+  let t1;
+  if ($[3] !== id) {
+    t1 = {
+      id
+    };
+    $[3] = id;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== className) {
+    t2 = cn("grid gap-2", className);
+    $[5] = className;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== props || $[8] !== t2) {
+    t3 = /*#__PURE__*/_jsx("div", {
+      "data-slot": "form-item",
+      className: t2,
+      ...props
+    });
+    $[7] = props;
+    $[8] = t2;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[10] !== t1 || $[11] !== t3) {
+    t4 = /*#__PURE__*/_jsx(FormItemContext.Provider, {
+      value: t1,
+      children: t3
+    });
+    $[10] = t1;
+    $[11] = t3;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  return t4;
 }
-function FormLabel({ className, ...props }) {
-    const { error, formItemId } = useFormField();
-    return (_jsx(Label, { "data-slot": "form-label", "data-error": !!error, className: className, htmlFor: formItemId, ...props }));
+function FormLabel(t0) {
+  const $ = _c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  const {
+    error,
+    formItemId
+  } = useFormField();
+  const t1 = !!error;
+  let t2;
+  if ($[3] !== className || $[4] !== formItemId || $[5] !== props || $[6] !== t1) {
+    t2 = /*#__PURE__*/_jsx(Label, {
+      "data-slot": "form-label",
+      "data-error": t1,
+      className: className,
+      htmlFor: formItemId,
+      ...props
+    });
+    $[3] = className;
+    $[4] = formItemId;
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 }
-function FormControl({ ...props }) {
-    const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-    return (_jsx(Slot.Root, { "data-slot": "form-control", id: formItemId, "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`, "aria-invalid": !!error, ...props }));
+function FormControl(t0) {
+  const $ = _c(7);
+  let props;
+  if ($[0] !== t0) {
+    ({
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+  } else {
+    props = $[1];
+  }
+  const {
+    error,
+    formItemId,
+    formDescriptionId,
+    formMessageId
+  } = useFormField();
+  const t1 = !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`;
+  const t2 = !!error;
+  let t3;
+  if ($[2] !== formItemId || $[3] !== props || $[4] !== t1 || $[5] !== t2) {
+    t3 = /*#__PURE__*/_jsx(Slot.Root, {
+      "data-slot": "form-control",
+      id: formItemId,
+      "aria-describedby": t1,
+      "aria-invalid": t2,
+      ...props
+    });
+    $[2] = formItemId;
+    $[3] = props;
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
 }
-function FormDescription({ className, ...props }) {
-    const { formDescriptionId } = useFormField();
-    return (_jsx("p", { "data-slot": "form-description", id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props }));
+function FormDescription(t0) {
+  const $ = _c(9);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  const {
+    formDescriptionId
+  } = useFormField();
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("text-sm text-muted-foreground", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== formDescriptionId || $[6] !== props || $[7] !== t1) {
+    t2 = /*#__PURE__*/_jsx("p", {
+      "data-slot": "form-description",
+      id: formDescriptionId,
+      className: t1,
+      ...props
+    });
+    $[5] = formDescriptionId;
+    $[6] = props;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  return t2;
 }
-function FormMessage({ className, ...props }) {
-    const { error, formMessageId } = useFormField();
-    const body = error ? String(error?.message ?? "") : props.children;
-    if (!body) {
-        return null;
-    }
-    return (_jsx("p", { "data-slot": "form-message", id: formMessageId, className: cn("text-sm text-destructive", className), ...props, children: body }));
+function FormMessage(t0) {
+  const $ = _c(10);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  const {
+    error,
+    formMessageId
+  } = useFormField();
+  const body = error ? String(error?.message ?? "") : props.children;
+  if (!body) {
+    return null;
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("text-sm text-destructive", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== body || $[6] !== formMessageId || $[7] !== props || $[8] !== t1) {
+    t2 = /*#__PURE__*/_jsx("p", {
+      "data-slot": "form-message",
+      id: formMessageId,
+      className: t1,
+      ...props,
+      children: body
+    });
+    $[5] = body;
+    $[6] = formMessageId;
+    $[7] = props;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
 }
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField, };
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };