@tesouro/embedded-components-react 0.2.237 → 0.2.238

package/dist/libs/tesouro-embedded-components-react/shared/counterpart-management/ui/dist/index6.js

@@ -1,464 +1,58 @@
-import { jsxs as a, jsx as e, Fragment as b } from "react/jsx-runtime";
-import { useId as A } from "react";
-import { Typography as h, Label as d, Input as c, Checkbox as k, Separator as y } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { AddressFieldGroup as $ } from "./index4.js";
-import { CounterpartTypeChooser as O } from "./index5.js";
-import { FieldError as g } from "./index13.js";
-import { FormSheet as S } from "./index14.js";
-import { COUNTERPART_FORM_SHEET_LABELS_EN as D } from "./index2.js";
-function U({
-  open: f,
-  onOpenChange: x,
-  mode: s,
-  counterpartMode: m = "customer",
-  values: u,
-  errors: r,
-  stateOptions: C,
-  inProgress: v,
-  submitDisabled: F,
-  onChange: n,
-  onAddressChange: i,
-  onBankAccountChange: w,
-  onSubmit: N,
-  onCancel: H,
-  labels: T
-}) {
-  const l = { ...D, ...T }, t = A(), L = u.entityType === "organization", p = m === "customer", E = m === "vendor", I = s === "edit" ? p ? l.editTitleCustomer : l.editTitleVendor : p ? l.createTitleCustomer : l.createTitleVendor, M = s === "create" ? p ? l.createDescriptionCustomer : l.createDescriptionVendor : void 0, z = p ? l.customerTypeHeading : l.vendorTypeHeading, R = p ? l.customerTaxIdHelp : l.vendorTaxIdHelp;
-  return /* @__PURE__ */ a(
-    S,
-    {
-      open: f,
-      onOpenChange: x,
-      title: I,
-      description: M,
-      formError: r?.form,
-      inProgress: v,
-      submitDisabled: F,
-      submitLabel: s === "edit" ? l.saveButton : l.createButton,
-      cancelLabel: l.cancelButton,
-      onSubmit: N,
-      onCancel: H,
-      children: [
-        s === "create" && /* @__PURE__ */ e(
-          O,
-          {
-            value: u.entityType,
-            onChange: (o) => n({ entityType: o }),
-            labels: {
-              heading: z,
-              organization: l.businessTypeOption,
-              organizationHint: l.businessTypeHint,
-              individual: l.personTypeOption,
-              individualHint: l.personTypeHint
-            }
-          }
-        ),
-        /* @__PURE__ */ e(h, { variant: "body2", className: "ttw:font-semibold", children: l.profileHeading }),
-        L ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-          /* @__PURE__ */ e(d, { htmlFor: `${t}-legal-name`, children: l.businessNameLabel }),
-          /* @__PURE__ */ e(
-            c,
-            {
-              id: `${t}-legal-name`,
-              autoFocus: !0,
-              value: u.legalName,
-              "aria-invalid": !!r?.legalName,
-              onChange: (o) => n({ legalName: o.target.value })
-            }
-          ),
-          /* @__PURE__ */ e(g, { message: r?.legalName })
-        ] }) : /* @__PURE__ */ a("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
-          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-            /* @__PURE__ */ e(d, { htmlFor: `${t}-first-name`, children: l.firstNameLabel }),
-            /* @__PURE__ */ e(
-              c,
-              {
-                id: `${t}-first-name`,
-                autoFocus: !0,
-                value: u.firstName,
-                "aria-invalid": !!r?.firstName,
-                onChange: (o) => n({ firstName: o.target.value })
-              }
-            ),
-            /* @__PURE__ */ e(g, { message: r?.firstName })
-          ] }),
-          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-            /* @__PURE__ */ e(d, { htmlFor: `${t}-last-name`, children: l.lastNameLabel }),
-            /* @__PURE__ */ e(
-              c,
-              {
-                id: `${t}-last-name`,
-                value: u.lastName,
-                "aria-invalid": !!r?.lastName,
-                onChange: (o) => n({ lastName: o.target.value })
-              }
-            ),
-            /* @__PURE__ */ e(g, { message: r?.lastName })
-          ] })
-        ] }),
-        !L && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-          /* @__PURE__ */ e(d, { htmlFor: `${t}-title`, children: l.titleLabel }),
-          /* @__PURE__ */ e(
-            c,
-            {
-              id: `${t}-title`,
-              value: u.title,
-              onChange: (o) => n({ title: o.target.value })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ a("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
-          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-            /* @__PURE__ */ e(d, { htmlFor: `${t}-email`, children: l.emailLabel }),
-            /* @__PURE__ */ e(
-              c,
-              {
-                id: `${t}-email`,
-                type: "email",
-                value: u.email,
-                "aria-invalid": !!r?.email,
-                onChange: (o) => n({ email: o.target.value })
-              }
-            ),
-            /* @__PURE__ */ e(g, { message: r?.email })
-          ] }),
-          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-            /* @__PURE__ */ e(d, { htmlFor: `${t}-phone`, children: l.phoneLabel }),
-            /* @__PURE__ */ e(
-              c,
-              {
-                id: `${t}-phone`,
-                value: u.phone,
-                onChange: (o) => n({ phone: o.target.value })
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-          /* @__PURE__ */ e(d, { htmlFor: `${t}-tax-id`, children: l.taxIdLabel }),
-          /* @__PURE__ */ e(
-            c,
-            {
-              id: `${t}-tax-id`,
-              value: u.taxId,
-              onChange: (o) => n({ taxId: o.target.value })
-            }
-          ),
-          /* @__PURE__ */ e(h, { variant: "caption", className: "ttw:text-muted-foreground", children: R })
-        ] }),
-        p && /* @__PURE__ */ a(
-          d,
-          {
-            htmlFor: `${t}-reminders`,
-            className: "ttw:flex ttw:items-start ttw:gap-3 ttw:rounded-md ttw:border ttw:p-3",
-            children: [
-              /* @__PURE__ */ e(
-                k,
-                {
-                  id: `${t}-reminders`,
-                  checked: u.remindersEnabled,
-                  onCheckedChange: (o) => n({ remindersEnabled: o === !0 })
-                }
-              ),
-              /* @__PURE__ */ a("span", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
-                /* @__PURE__ */ e("span", { className: "ttw:text-sm ttw:font-medium", children: l.paymentRemindersLabel }),
-                /* @__PURE__ */ e("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: l.paymentRemindersDescription })
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(y, { className: "ttw:my-1" }),
-        /* @__PURE__ */ a(b, { children: [
-          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
-            /* @__PURE__ */ e(h, { variant: "body2", className: "ttw:font-semibold", children: l.addressHeading }),
-            p && /* @__PURE__ */ e(h, { variant: "body2", className: "ttw:text-muted-foreground", children: l.customerAddressDescription })
-          ] }),
-          /* @__PURE__ */ e(
-            $,
-            {
-              idPrefix: `${t}-address`,
-              values: u.address,
-              errors: r?.address,
-              stateOptions: C,
-              onChange: i,
-              labels: l.address
-            }
-          )
-        ] }),
-        s === "create" && E && /* @__PURE__ */ a(b, { children: [
-          /* @__PURE__ */ e(y, { className: "ttw:my-1" }),
-          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
-            /* @__PURE__ */ e(h, { variant: "body2", className: "ttw:font-semibold", children: l.paymentMethodsHeading }),
-            /* @__PURE__ */ e(h, { variant: "body2", className: "ttw:text-muted-foreground", children: l.paymentMethodsDescription })
-          ] }),
-          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-            /* @__PURE__ */ e(d, { htmlFor: `${t}-account-holder`, children: l.accountHolderNameLabel }),
-            /* @__PURE__ */ e(
-              c,
-              {
-                id: `${t}-account-holder`,
-                value: u.bankAccount.accountHolderName,
-                "aria-invalid": !!r?.bankAccount?.accountHolderName,
-                onChange: (o) => w?.({
-                  accountHolderName: o.target.value
-                })
-              }
-            ),
-            /* @__PURE__ */ e(g, { message: r?.bankAccount?.accountHolderName })
-          ] }),
-          /* @__PURE__ */ a("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
-            /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-              /* @__PURE__ */ e(d, { htmlFor: `${t}-routing-number`, children: l.routingNumberLabel }),
-              /* @__PURE__ */ e(
-                c,
-                {
-                  id: `${t}-routing-number`,
-                  value: u.bankAccount.routingNumber,
-                  "aria-invalid": !!r?.bankAccount?.routingNumber,
-                  onChange: (o) => w?.({
-                    routingNumber: o.target.value
-                  })
-                }
-              ),
-              /* @__PURE__ */ e(g, { message: r?.bankAccount?.routingNumber })
-            ] }),
-            /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-              /* @__PURE__ */ e(d, { htmlFor: `${t}-account-number`, children: l.accountNumberLabel }),
-              /* @__PURE__ */ e(
-                c,
-                {
-                  id: `${t}-account-number`,
-                  value: u.bankAccount.accountNumber,
-                  "aria-invalid": !!r?.bankAccount?.accountNumber,
-                  onChange: (o) => w?.({
-                    accountNumber: o.target.value
-                  })
-                }
-              ),
-              /* @__PURE__ */ e(g, { message: r?.bankAccount?.accountNumber })
-            ] })
-          ] })
-        ] })
-      ]
-    }
-  );
+import { Label as e, RadioGroup as t, RadioGroupItem as n } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { COUNTERPART_TYPE_CHOOSER_LABELS_EN as r } from "./index2.js";
+import { useId as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/shared/counterpart-management/ui/dist/index6.js
+function s({ value: s, onChange: c, disabled: l, labels: u }) {
+	let d = {
+		...r,
+		...u
+	}, f = i();
+	return /* @__PURE__ */ o("fieldset", {
+		className: "ttw:flex ttw:flex-col ttw:gap-2",
+		disabled: l,
+		children: [/* @__PURE__ */ a("legend", {
+			className: "ttw:mb-1 ttw:text-sm ttw:font-medium",
+			children: d.heading
+		}), /* @__PURE__ */ o(t, {
+			className: "ttw:grid ttw:grid-cols-2 ttw:gap-3",
+			value: s,
+			onValueChange: (e) => c(e),
+			children: [/* @__PURE__ */ o(e, {
+				htmlFor: `${f}-organization`,
+				className: "ttw:flex ttw:cursor-pointer ttw:items-start ttw:gap-3 ttw:rounded-md ttw:border ttw:p-3 ttw:has-[:checked]:border-primary",
+				children: [/* @__PURE__ */ a(n, {
+					value: "organization",
+					id: `${f}-organization`
+				}), /* @__PURE__ */ o("span", {
+					className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+					children: [/* @__PURE__ */ a("span", {
+						className: "ttw:font-medium",
+						children: d.organization
+					}), /* @__PURE__ */ a("span", {
+						className: "ttw:text-sm ttw:text-muted-foreground",
+						children: d.organizationHint
+					})]
+				})]
+			}), /* @__PURE__ */ o(e, {
+				htmlFor: `${f}-individual`,
+				className: "ttw:flex ttw:cursor-pointer ttw:items-start ttw:gap-3 ttw:rounded-md ttw:border ttw:p-3 ttw:has-[:checked]:border-primary",
+				children: [/* @__PURE__ */ a(n, {
+					value: "individual",
+					id: `${f}-individual`
+				}), /* @__PURE__ */ o("span", {
+					className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+					children: [/* @__PURE__ */ a("span", {
+						className: "ttw:font-medium",
+						children: d.individual
+					}), /* @__PURE__ */ a("span", {
+						className: "ttw:text-sm ttw:text-muted-foreground",
+						children: d.individualHint
+					})]
+				})]
+			})]
+		})]
+	});
 }
-function q({
-  mode: f,
-  counterpartMode: x = "customer",
-  values: s,
-  errors: m,
-  stateOptions: u,
-  onChange: r,
-  onAddressChange: C,
-  onBankAccountChange: v,
-  labels: F
-}) {
-  const n = { ...D, ...F }, i = A(), w = s.entityType === "organization", N = x === "customer", H = x === "vendor", T = N ? n.customerTypeHeading : n.vendorTypeHeading, l = N ? n.customerTaxIdHelp : n.vendorTaxIdHelp;
-  return /* @__PURE__ */ a(b, { children: [
-    f === "create" && /* @__PURE__ */ e(
-      O,
-      {
-        value: s.entityType,
-        onChange: (t) => r({ entityType: t }),
-        labels: {
-          heading: T,
-          organization: n.businessTypeOption,
-          organizationHint: n.businessTypeHint,
-          individual: n.personTypeOption,
-          individualHint: n.personTypeHint
-        }
-      }
-    ),
-    /* @__PURE__ */ e(h, { variant: "body2", className: "ttw:font-semibold", children: n.profileHeading }),
-    w ? /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-      /* @__PURE__ */ e(d, { htmlFor: `${i}-legal-name`, children: n.businessNameLabel }),
-      /* @__PURE__ */ e(
-        c,
-        {
-          id: `${i}-legal-name`,
-          autoFocus: !0,
-          value: s.legalName,
-          "aria-invalid": !!m?.legalName,
-          onChange: (t) => r({ legalName: t.target.value })
-        }
-      ),
-      /* @__PURE__ */ e(g, { message: m?.legalName })
-    ] }) : /* @__PURE__ */ a("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
-      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-        /* @__PURE__ */ e(d, { htmlFor: `${i}-first-name`, children: n.firstNameLabel }),
-        /* @__PURE__ */ e(
-          c,
-          {
-            id: `${i}-first-name`,
-            autoFocus: !0,
-            value: s.firstName,
-            "aria-invalid": !!m?.firstName,
-            onChange: (t) => r({ firstName: t.target.value })
-          }
-        ),
-        /* @__PURE__ */ e(g, { message: m?.firstName })
-      ] }),
-      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-        /* @__PURE__ */ e(d, { htmlFor: `${i}-last-name`, children: n.lastNameLabel }),
-        /* @__PURE__ */ e(
-          c,
-          {
-            id: `${i}-last-name`,
-            value: s.lastName,
-            "aria-invalid": !!m?.lastName,
-            onChange: (t) => r({ lastName: t.target.value })
-          }
-        ),
-        /* @__PURE__ */ e(g, { message: m?.lastName })
-      ] })
-    ] }),
-    !w && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-      /* @__PURE__ */ e(d, { htmlFor: `${i}-title`, children: n.titleLabel }),
-      /* @__PURE__ */ e(
-        c,
-        {
-          id: `${i}-title`,
-          value: s.title,
-          onChange: (t) => r({ title: t.target.value })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
-      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-        /* @__PURE__ */ e(d, { htmlFor: `${i}-email`, children: n.emailLabel }),
-        /* @__PURE__ */ e(
-          c,
-          {
-            id: `${i}-email`,
-            type: "email",
-            value: s.email,
-            "aria-invalid": !!m?.email,
-            onChange: (t) => r({ email: t.target.value })
-          }
-        ),
-        /* @__PURE__ */ e(g, { message: m?.email })
-      ] }),
-      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-        /* @__PURE__ */ e(d, { htmlFor: `${i}-phone`, children: n.phoneLabel }),
-        /* @__PURE__ */ e(
-          c,
-          {
-            id: `${i}-phone`,
-            value: s.phone,
-            onChange: (t) => r({ phone: t.target.value })
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-      /* @__PURE__ */ e(d, { htmlFor: `${i}-tax-id`, children: n.taxIdLabel }),
-      /* @__PURE__ */ e(
-        c,
-        {
-          id: `${i}-tax-id`,
-          value: s.taxId,
-          onChange: (t) => r({ taxId: t.target.value })
-        }
-      ),
-      /* @__PURE__ */ e(h, { variant: "caption", className: "ttw:text-muted-foreground", children: l })
-    ] }),
-    N && /* @__PURE__ */ a(
-      d,
-      {
-        htmlFor: `${i}-reminders`,
-        className: "ttw:flex ttw:items-start ttw:gap-3 ttw:rounded-md ttw:border ttw:p-3",
-        children: [
-          /* @__PURE__ */ e(
-            k,
-            {
-              id: `${i}-reminders`,
-              checked: s.remindersEnabled,
-              onCheckedChange: (t) => r({ remindersEnabled: t === !0 })
-            }
-          ),
-          /* @__PURE__ */ a("span", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
-            /* @__PURE__ */ e("span", { className: "ttw:text-sm ttw:font-medium", children: n.paymentRemindersLabel }),
-            /* @__PURE__ */ e("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: n.paymentRemindersDescription })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(y, { className: "ttw:my-1" }),
-    /* @__PURE__ */ a(b, { children: [
-      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
-        /* @__PURE__ */ e(h, { variant: "body2", className: "ttw:font-semibold", children: n.addressHeading }),
-        N && /* @__PURE__ */ e(h, { variant: "body2", className: "ttw:text-muted-foreground", children: n.customerAddressDescription })
-      ] }),
-      /* @__PURE__ */ e(
-        $,
-        {
-          idPrefix: `${i}-address`,
-          values: s.address,
-          errors: m?.address,
-          stateOptions: u,
-          onChange: C,
-          labels: n.address
-        }
-      )
-    ] }),
-    f === "create" && H && /* @__PURE__ */ a(b, { children: [
-      /* @__PURE__ */ e(y, { className: "ttw:my-1" }),
-      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
-        /* @__PURE__ */ e(h, { variant: "body2", className: "ttw:font-semibold", children: n.paymentMethodsHeading }),
-        /* @__PURE__ */ e(h, { variant: "body2", className: "ttw:text-muted-foreground", children: n.paymentMethodsDescription })
-      ] }),
-      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-        /* @__PURE__ */ e(d, { htmlFor: `${i}-account-holder`, children: n.accountHolderNameLabel }),
-        /* @__PURE__ */ e(
-          c,
-          {
-            id: `${i}-account-holder`,
-            value: s.bankAccount.accountHolderName,
-            "aria-invalid": !!m?.bankAccount?.accountHolderName,
-            onChange: (t) => v?.({
-              accountHolderName: t.target.value
-            })
-          }
-        ),
-        /* @__PURE__ */ e(g, { message: m?.bankAccount?.accountHolderName })
-      ] }),
-      /* @__PURE__ */ a("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
-        /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-          /* @__PURE__ */ e(d, { htmlFor: `${i}-routing-number`, children: n.routingNumberLabel }),
-          /* @__PURE__ */ e(
-            c,
-            {
-              id: `${i}-routing-number`,
-              value: s.bankAccount.routingNumber,
-              "aria-invalid": !!m?.bankAccount?.routingNumber,
-              onChange: (t) => v?.({
-                routingNumber: t.target.value
-              })
-            }
-          ),
-          /* @__PURE__ */ e(g, { message: m?.bankAccount?.routingNumber })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-          /* @__PURE__ */ e(d, { htmlFor: `${i}-account-number`, children: n.accountNumberLabel }),
-          /* @__PURE__ */ e(
-            c,
-            {
-              id: `${i}-account-number`,
-              value: s.bankAccount.accountNumber,
-              "aria-invalid": !!m?.bankAccount?.accountNumber,
-              onChange: (t) => v?.({
-                accountNumber: t.target.value
-              })
-            }
-          ),
-          /* @__PURE__ */ e(g, { message: m?.bankAccount?.accountNumber })
-        ] })
-      ] })
-    ] })
-  ] });
-}
-export {
-  q as CounterpartFormFields,
-  U as CounterpartFormSheet
-};
+//#endregion
+export { s as CounterpartTypeChooser, s as default };

package/dist/libs/tesouro-embedded-components-react/shared/counterpart-management/ui/dist/index7.js

@@ -0,0 +1,52 @@
+import { Button as e, Sheet as t, SheetContent as n, SheetDescription as r, SheetFooter as i, SheetHeader as a, SheetTitle as o } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { useId as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/shared/counterpart-management/ui/dist/index7.js
+function u({ open: u, onOpenChange: d, title: f, description: p, formError: m, inProgress: h, submitDisabled: g, submitLabel: _, cancelLabel: v, onSubmit: y, onCancel: b, children: x }) {
+	let S = s();
+	return /* @__PURE__ */ c(t, {
+		open: u,
+		onOpenChange: d,
+		children: /* @__PURE__ */ l(n, {
+			className: "ttw:w-[600px] ttw:sm:max-w-[600px] ttw:overflow-y-auto",
+			children: [
+				/* @__PURE__ */ l(a, { children: [/* @__PURE__ */ c(o, { children: f }), /* @__PURE__ */ c(r, {
+					className: p ? void 0 : "ttw:sr-only",
+					children: p ?? f
+				})] }),
+				/* @__PURE__ */ c("form", {
+					id: S,
+					onSubmit: (e) => {
+						e.preventDefault(), e.stopPropagation(), y();
+					},
+					children: /* @__PURE__ */ l("div", {
+						className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:px-6 ttw:pt-8 ttw:pb-6",
+						children: [m && /* @__PURE__ */ c("p", {
+							role: "alert",
+							className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
+							children: m
+						}), x]
+					})
+				}),
+				/* @__PURE__ */ l(i, {
+					className: "ttw:flex ttw:flex-row ttw:justify-end ttw:gap-2",
+					children: [/* @__PURE__ */ c(e, {
+						type: "button",
+						variant: "ghost",
+						size: "lg",
+						onClick: b,
+						children: v
+					}), /* @__PURE__ */ c(e, {
+						type: "submit",
+						form: S,
+						size: "lg",
+						disabled: h || g,
+						children: _
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { u as FormSheet, u as default };