@tesouro/embedded-components-react 0.2.132 → 0.2.148

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index78.js

@@ -1,6 +1,6 @@
 import { isIndividualEntity as u, isOrganizationEntity as f } from "./index7.js";
 import { useMoniteContext as s } from "./index57.js";
-import { VAT_SUPPORTED_COUNTRIES as l } from "./index121.js";
+import { VAT_SUPPORTED_COUNTRIES as l } from "./index122.js";
 const E = () => {
   const {
     api: t

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index79.js

@@ -1,7 +1,7 @@
 import { useMemo as P, useEffect as x } from "react";
 import { toast as l } from "react-hot-toast";
 import { useMoniteContext as u } from "./index57.js";
-import { getAPIErrorMessage as b } from "./index122.js";
+import { getAPIErrorMessage as b } from "./index121.js";
 import { useLingui as M } from "@lingui/react";
 const N = (t, n = !0) => {
   const {

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index8.js

@@ -6,9 +6,9 @@ import "date-fns";
 import { useApprovalPolicyById as d } from "./index76.js";
 import "react-hot-toast";
 import "@lingui/react";
-import { LoadingPage as n } from "./index186.js";
-import { ApprovalPolicyForm as a } from "./index272.js";
-import { ApprovalPolicyView as c } from "./index273.js";
+import { LoadingPage as n } from "./index193.js";
+import { ApprovalPolicyForm as a } from "./index317.js";
+import { ApprovalPolicyView as c } from "./index318.js";
 const C = ({
   id: i,
   onCreated: e,

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index86.js

@@ -6,7 +6,7 @@ import R from "@mui/icons-material/ChevronLeft";
 import D from "@mui/icons-material/ChevronRight";
 import { Grid as h, Select as I, Box as u, IconButton as d, Typography as j, MenuItem as B } from "@mui/material";
 import { styled as z, useThemeProps as O } from "@mui/material/styles";
-import { getLayoutStyles as k } from "./index318.js";
+import { getLayoutStyles as k } from "./index324.js";
 const c = "MoniteTablePagination", E = 10, V = ({
   onPaginationModelChange: o,
   paginationModel: i,

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index87.js

@@ -1,12 +1,12 @@
 import { jsxs as r, jsx as i } from "@emotion/react/jsx-runtime";
-import { useFinancing as m } from "./index292.js";
+import { useFinancing as m } from "./index329.js";
 import "./index57.js";
 import "react-hot-toast";
 import { useLingui as h } from "@lingui/react";
 import { useKanmonContext as u } from "./index56.js";
 import g from "@mui/icons-material/Money";
 import { useTheme as x, Stack as o, Box as t, lighten as f, Typography as a, Button as l } from "@mui/material";
-import { FinanceFaqWrapper as y } from "./index290.js";
+import { FinanceFaqWrapper as y } from "./index327.js";
 const w = () => {
   const {
     i18n: e

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index88.js

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as o } from "@emotion/react/jsx-runtime";
-import { FinanceBannerWrapper as d } from "./index289.js";
-import { FinanceOverviewCard as T } from "./index299.js";
-import { useFinancing as L } from "./index292.js";
-import { useGetFinanceOffers as O } from "./index300.js";
+import { FinanceBannerWrapper as d } from "./index326.js";
+import { FinanceOverviewCard as T } from "./index336.js";
+import { useFinancing as L } from "./index329.js";
+import { useGetFinanceOffers as O } from "./index337.js";
 import "react-hot-toast";
 import "./index57.js";
 import { useLingui as S } from "@lingui/react";
-import { useFinanceAnInvoice as C } from "./index301.js";
-import { useGetFinancedInvoices as E } from "./index295.js";
+import { useFinanceAnInvoice as C } from "./index338.js";
+import { useGetFinancedInvoices as E } from "./index332.js";
 import { useKanmonContext as D } from "./index56.js";
 import { Box as r, Typography as a, Tooltip as W, Button as j } from "@mui/material";
 import { useState as k } from "react";

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index89.js

@@ -1,12 +1,12 @@
 import { jsx as r, jsxs as f } from "@emotion/react/jsx-runtime";
-import { useFinancing as t } from "./index292.js";
-import { useGetFinanceOffers as a } from "./index300.js";
+import { useFinancing as t } from "./index329.js";
+import { useGetFinanceOffers as a } from "./index337.js";
 import "react-hot-toast";
 import "./index57.js";
 import "@lingui/react";
 import { CircularProgress as m, Stack as c } from "@mui/material";
-import { FinancedInvoicesTable as p } from "./index294.js";
-import { FinanceWidget as l } from "./index305.js";
+import { FinancedInvoicesTable as p } from "./index331.js";
+import { FinanceWidget as l } from "./index342.js";
 const j = ({
   onRowClick: i
 }) => {

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index9.js

@@ -1,11 +1,11 @@
 import { jsx as r, jsxs as _ } from "@emotion/react/jsx-runtime";
-import { ApprovalPoliciesRules as N } from "./index274.js";
-import { User as q } from "./index275.js";
-import { ApprovalStatusChip as I } from "./index276.js";
-import { extractApprovalCallsForTable as O } from "./index277.js";
+import { ApprovalPoliciesRules as N } from "./index285.js";
+import { User as q } from "./index286.js";
+import { ApprovalStatusChip as I } from "./index287.js";
+import { extractApprovalCallsForTable as O } from "./index288.js";
 import { useMoniteContext as Y } from "./index57.js";
 import { MoniteScopedProviders as j } from "./index83.js";
-import { useUserPermissions as z } from "./index130.js";
+import { useUserPermissions as z } from "./index146.js";
 import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
 import "../../shared/data-access/dist/lib/EmbedApiContext.js";
 import "../../shared/data-access/dist/lib/rest/client.gen.js";
@@ -13,20 +13,20 @@ import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as H } from "../../shared/data-access/dist/lib/scopes.js";
 import { useState as p, useMemo as K } from "react";
-import { GetNoRowsOverlay as M } from "./index158.js";
-import { AccessRestriction as B } from "./index131.js";
+import { GetNoRowsOverlay as M } from "./index163.js";
+import { AccessRestriction as B } from "./index157.js";
 import "./index84.js";
 import "clsx";
 import "tailwind-merge";
 import "@radix-ui/react-dialog";
 import "lucide-react";
 import { useLingui as U } from "@lingui/react";
-import { DataTable as G } from "./index159.js";
-import { hasSelectedText as Q } from "./index160.js";
+import { DataTable as G } from "./index164.js";
+import { hasSelectedText as Q } from "./index165.js";
 import { formatISO as g, addDays as J } from "date-fns";
-import { FILTER_TYPE_CREATED_AT as n, FILTER_TYPE_CREATED_BY as V, FILTER_TYPE_SEARCH as v } from "./index278.js";
-import { ApprovalPoliciesTriggers as W } from "./index279.js";
-import { Filters as X } from "./index280.js";
+import { FILTER_TYPE_CREATED_AT as n, FILTER_TYPE_CREATED_BY as V, FILTER_TYPE_SEARCH as v } from "./index289.js";
+import { ApprovalPoliciesTriggers as W } from "./index290.js";
+import { Filters as X } from "./index291.js";
 const Fe = (s) => /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(Z, { ...s }) }), Z = ({
   onChangeFilter: s,
   onRowClick: u,

package/dist/libs/tesouro-embedded-components-react/products-widget/feature/dist/index2.js

@@ -11,6 +11,7 @@ import "@radix-ui/react-use-controllable-state";
 import "lucide-react";
 import "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
 import { WidgetProvider as k } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
@@ -25,8 +26,8 @@ import { ProductDeleteDialog as M } from "../../ui/dist/index6.js";
 import { PAGE_SIZE_OPTIONS as x } from "./index4.js";
 import { useProductsWidget as T } from "./index5.js";
 function W({
-  pageSizeOptions: g = x,
-  screenLabels: p,
+  pageSizeOptions: p = x,
+  screenLabels: g,
   formLabels: c,
   detailsLabels: u,
   deleteLabels: d,
@@ -61,7 +62,7 @@ function W({
         onSortingChange: e.onSortingChange,
         pageSize: e.pageSize,
         onPageSizeChange: e.onPageSizeChange,
-        pageSizeOptions: g,
+        pageSizeOptions: p,
         hasNextPage: e.hasNextPage,
         hasPrevPage: e.hasPrevPage,
         onNextPage: e.onNextPage,
@@ -78,7 +79,7 @@ function W({
         onManageUnitsClick: P,
         onRowClick: f,
         onRetry: e.onRetry,
-        labels: p
+        labels: g
       }
     ),
     /* @__PURE__ */ n(
@@ -140,9 +141,9 @@ function W({
     )
   ] });
 }
-function le({
-  baseUrl: g,
-  widgetToken: p,
+function me({
+  baseUrl: p,
+  widgetToken: g,
   organizationId: c,
   configClient: u,
   linkComponent: d,
@@ -157,8 +158,8 @@ function le({
     k,
     {
       widgetName: U,
-      baseUrl: g,
-      widgetToken: p,
+      baseUrl: p,
+      widgetToken: g,
       organizationId: c,
       configClient: u,
       linkComponent: d,
@@ -172,5 +173,5 @@ function le({
   );
 }
 export {
-  le as ProductsWidget
+  me as ProductsWidget
 };

package/dist/libs/tesouro-embedded-components-react/products-widget/ui/dist/index4.js

@@ -1,29 +1,30 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { Plus as O, ArrowUpIcon as V, ArrowDownIcon as j, ArrowUpDownIcon as K, Search as G } from "lucide-react";
-import { Typography as _, Button as w, DataTable as $, InputGroup as M, InputGroupAddon as Y, InputGroupInput as q, Select as C, SelectTrigger as N, SelectValue as f, SelectContent as S, SelectItem as l } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Plus as O, ArrowUpIcon as V, ArrowDownIcon as j, ArrowUpDownIcon as G, Search as K } from "lucide-react";
+import { Typography as _, Button as w, DataTable as $, InputGroup as q, InputGroupAddon as M, InputGroupInput as X, Select as C, SelectTrigger as N, SelectValue as f, SelectContent as S, SelectItem as l } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "@radix-ui/react-use-controllable-state";
 import "react";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import { EmptyState as H } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
-import { ErrorState as J } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
-import { ProductTypeBadge as Q } from "./index3.js";
-import { PRODUCTS_SCREEN_LABELS_EN as W } from "./index2.js";
-const X = [10, 25, 50, 100], x = "all";
-function Z({
+import { EmptyState as Y } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
+import { ErrorState as Z } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
+import { ProductTypeBadge as H } from "./index3.js";
+import { PRODUCTS_SCREEN_LABELS_EN as J } from "./index2.js";
+const Q = [10, 25, 50, 100], x = "all";
+function W({
   labels: i,
   searchValue: s,
   onSearchChange: c,
   typeFilter: p,
   onTypeFilterChange: h,
   unitFilter: d,
-  onUnitFilterChange: g,
-  unitOptions: m
+  onUnitFilterChange: m,
+  unitOptions: g
 }) {
   return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4", children: [
-    /* @__PURE__ */ a(M, { className: "ttw:w-80", children: [
-      /* @__PURE__ */ e(Y, { align: "inline-start", children: /* @__PURE__ */ e(G, { className: "ttw:size-4" }) }),
+    /* @__PURE__ */ a(q, { className: "ttw:w-80", children: [
+      /* @__PURE__ */ e(M, { align: "inline-start", children: /* @__PURE__ */ e(K, { className: "ttw:size-4" }) }),
       /* @__PURE__ */ e(
-        q,
+        X,
         {
           "data-has-start-addon": !0,
           placeholder: i.searchPlaceholder,
@@ -40,43 +41,43 @@ function Z({
         /* @__PURE__ */ e(l, { value: "service", children: i.typeFilterService })
       ] })
     ] }),
-    /* @__PURE__ */ a(C, { value: d, onValueChange: g, children: [
+    /* @__PURE__ */ a(C, { value: d, onValueChange: m, children: [
       /* @__PURE__ */ e(N, { className: "ttw:w-44", children: /* @__PURE__ */ e(f, {}) }),
       /* @__PURE__ */ a(S, { children: [
         /* @__PURE__ */ e(l, { value: x, children: i.unitFilterAll }),
-        m.map((n) => /* @__PURE__ */ e(l, { value: n.value, children: n.label }, n.value))
+        g.map((n) => /* @__PURE__ */ e(l, { value: n.value, children: n.label }, n.value))
       ] })
     ] })
   ] });
 }
-function pe({
+function he({
   products: i,
   isLoading: s,
   isError: c,
   sorting: p,
   onSortingChange: h,
   pageSize: d,
-  onPageSizeChange: g,
-  pageSizeOptions: m = X,
+  onPageSizeChange: m,
+  pageSizeOptions: g = Q,
   hasNextPage: n,
   hasPrevPage: P,
   onNextPage: F,
   onPrevPage: b,
-  searchValue: z,
-  onSearchChange: D,
-  typeFilter: T,
+  searchValue: T,
+  onSearchChange: z,
+  typeFilter: D,
   onTypeFilterChange: I,
   unitFilter: L,
   onUnitFilterChange: A,
   unitOptions: E,
   isFiltering: o,
   onCreateClick: y,
-  onManageUnitsClick: U,
-  onRowClick: k,
+  onManageUnitsClick: k,
+  onRowClick: U,
   onRetry: v,
   labels: R
 }) {
-  const t = { ...W, ...R }, B = [
+  const t = { ...J, ...R }, B = [
     {
       accessorKey: "name",
       header: ({ column: r }) => {
@@ -89,7 +90,7 @@ function pe({
               variant: "ghost",
               size: "icon-sm",
               onClick: () => r.toggleSorting(u === "asc"),
-              children: u === "asc" ? /* @__PURE__ */ e(V, { className: "ttw:size-4" }) : u === "desc" ? /* @__PURE__ */ e(j, { className: "ttw:size-4" }) : /* @__PURE__ */ e(K, { className: "ttw:size-4" })
+              children: u === "asc" ? /* @__PURE__ */ e(V, { className: "ttw:size-4" }) : u === "desc" ? /* @__PURE__ */ e(j, { className: "ttw:size-4" }) : /* @__PURE__ */ e(G, { className: "ttw:size-4" })
             }
           )
         ] });
@@ -99,7 +100,7 @@ function pe({
       accessorKey: "type",
       header: t.columnType,
       cell: ({ row: r }) => r.original.type ? /* @__PURE__ */ e(
-        Q,
+        H,
         {
           type: r.original.type,
           labels: t.typeBadge
@@ -129,7 +130,7 @@ function pe({
           {
             variant: "ghost",
             className: "ttw:text-primary ttw:hover:text-primary",
-            onClick: U,
+            onClick: k,
             children: t.manageUnitsButton
           }
         ),
@@ -140,7 +141,7 @@ function pe({
       ] })
     ] }),
     c ? /* @__PURE__ */ e(
-      J,
+      Z,
       {
         title: t.errorTitle,
         description: t.errorDescription,
@@ -156,20 +157,20 @@ function pe({
         sorting: p,
         onSortingChange: h,
         pageSize: d,
-        onPageSizeChange: g,
-        pageSizeOptions: m,
+        onPageSizeChange: m,
+        pageSizeOptions: g,
         hasNextPage: n,
         hasPrevPage: P,
         onNextPage: F,
         onPrevPage: b,
-        onRowClick: k,
+        onRowClick: U,
         filterComponent: /* @__PURE__ */ e(
-          Z,
+          W,
           {
             labels: t,
-            searchValue: z,
-            onSearchChange: D,
-            typeFilter: T,
+            searchValue: T,
+            onSearchChange: z,
+            typeFilter: D,
             onTypeFilterChange: I,
             unitFilter: L,
             onUnitFilterChange: A,
@@ -177,7 +178,7 @@ function pe({
           }
         ),
         children: /* @__PURE__ */ e(
-          H,
+          Y,
           {
             title: o ? t.filterEmptyTitle : t.emptyTitle,
             description: o ? t.filterEmptyDescription : t.emptyDescription,
@@ -190,5 +191,5 @@ function pe({
   ] });
 }
 export {
-  pe as ProductsScreen
+  he as ProductsScreen
 };

package/dist/libs/tesouro-embedded-components-react/products-widget/ui/dist/index5.js

@@ -1,13 +1,14 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { Sheet as f, SheetContent as g, SheetHeader as v, SheetTitle as N, Skeleton as c, SheetDescription as x, DropdownMenu as D, DropdownMenuTrigger as V, Button as d, DropdownMenuContent as E, DropdownMenuItem as S, SheetClose as L, Spinner as C, Typography as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Sheet as f, SheetContent as g, SheetHeader as v, SheetTitle as N, Skeleton as c, SheetDescription as x, DropdownMenu as S, DropdownMenuTrigger as E, Button as d, DropdownMenuContent as V, DropdownMenuItem as D, SheetClose as L, Spinner as C, Typography as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "@radix-ui/react-use-controllable-state";
-import { MoreVertical as T, Trash2 as P, X as B } from "lucide-react";
+import { MoreVertical as T, Trash2 as B, X as P } from "lucide-react";
 import "react";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
 import { ErrorState as A } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
 import { twMerge as M } from "tailwind-merge";
 import { ProductTypeBadge as j } from "./index3.js";
-import { PRODUCT_DETAILS_SHEET_LABELS_EN as z } from "./index2.js";
+import { PRODUCT_DETAILS_SHEET_LABELS_EN as k } from "./index2.js";
 function l({
   label: w,
   value: o,
@@ -36,7 +37,7 @@ function l({
     }
   );
 }
-function q({
+function X({
   open: w,
   onOpenChange: o,
   product: a,
@@ -46,7 +47,7 @@ function q({
   onDelete: h,
   labels: b
 }) {
-  const t = { ...z, ...b }, p = a?.type !== "service", s = p ? t.typeBadge.product : t.typeBadge.service, y = a ? t.subtitle.replace("{type}", s).replace("{createdAt}", a.createdAtLabel) : t.hiddenDescription;
+  const t = { ...k, ...b }, p = a?.type !== "service", s = p ? t.typeBadge.product : t.typeBadge.service, y = a ? t.subtitle.replace("{type}", s).replace("{createdAt}", a.createdAtLabel) : t.hiddenDescription;
   return /* @__PURE__ */ e(f, { open: w, onOpenChange: o, children: /* @__PURE__ */ r(
     g,
     {
@@ -59,8 +60,8 @@ function q({
             /* @__PURE__ */ e(x, { children: i ? /* @__PURE__ */ e(c, { className: "ttw:h-4 ttw:w-60" }) : y })
           ] }),
           /* @__PURE__ */ r("div", { className: "ttw:flex ttw:gap-2 ttw:shrink-0", children: [
-            /* @__PURE__ */ r(D, { children: [
-              /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ e(
+            /* @__PURE__ */ r(S, { children: [
+              /* @__PURE__ */ e(E, { asChild: !0, children: /* @__PURE__ */ e(
                 d,
                 {
                   type: "button",
@@ -71,8 +72,8 @@ function q({
                   children: /* @__PURE__ */ e(T, { className: "ttw:size-4" })
                 }
               ) }),
-              /* @__PURE__ */ e(E, { align: "end", children: /* @__PURE__ */ r(S, { onClick: h, variant: "destructive", children: [
-                /* @__PURE__ */ e(P, { className: "ttw:size-4" }),
+              /* @__PURE__ */ e(V, { align: "end", children: /* @__PURE__ */ r(D, { onClick: h, variant: "destructive", children: [
+                /* @__PURE__ */ e(B, { className: "ttw:size-4" }),
                 t.deleteProductOption.replace("{type}", s)
               ] }) })
             ] }),
@@ -81,7 +82,7 @@ function q({
               {
                 "aria-label": t.closeLabel,
                 className: "ttw:size-9 ttw:bg-muted ttw:p-2 ttw:flex ttw:items-center ttw:justify-center ttw:rounded-md ttw:cursor-pointer",
-                children: /* @__PURE__ */ e(B, { className: "ttw:size-4" })
+                children: /* @__PURE__ */ e(P, { className: "ttw:size-4" })
               }
             )
           ] })
@@ -179,5 +180,5 @@ function q({
   ) });
 }
 export {
-  q as ProductDetailsSheet
+  X as ProductDetailsSheet
 };

package/dist/libs/tesouro-embedded-components-react/products-widget/ui/dist/index6.js

@@ -1,25 +1,25 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { AlertDialog as D, AlertDialogContent as g, AlertDialogHeader as h, AlertDialogTitle as m, AlertDialogDescription as p, AlertDialogFooter as u, Button as l } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { AlertDialog as d, AlertDialogContent as g, AlertDialogHeader as h, AlertDialogTitle as m, AlertDialogDescription as p, AlertDialogFooter as u, Button as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { PRODUCT_DELETE_DIALOG_LABELS_EN as A } from "./index2.js";
 function E({
-  open: r,
-  onOpenChange: t,
-  productName: a,
+  open: l,
+  onOpenChange: a,
+  productName: t,
   isDeleting: o,
   onConfirm: s,
   onCancel: c,
-  labels: d
+  labels: D
 }) {
-  const n = { ...A, ...d };
-  return /* @__PURE__ */ e(D, { open: r, onOpenChange: t, children: /* @__PURE__ */ i(g, { children: [
+  const n = { ...A, ...D };
+  return /* @__PURE__ */ e(d, { open: l, onOpenChange: a, children: /* @__PURE__ */ i(g, { children: [
     /* @__PURE__ */ i(h, { children: [
-      /* @__PURE__ */ e(m, { children: n.title.replace("{name}", a) }),
+      /* @__PURE__ */ e(m, { children: n.title.replace("{name}", t) }),
       /* @__PURE__ */ e(p, { children: n.message })
     ] }),
     /* @__PURE__ */ i(u, { children: [
-      /* @__PURE__ */ e(l, { variant: "ghost", onClick: c, disabled: o, children: n.cancelButton }),
+      /* @__PURE__ */ e(r, { variant: "ghost", onClick: c, disabled: o, children: n.cancelButton }),
       /* @__PURE__ */ e(
-        l,
+        r,
         {
           variant: "destructive",
           onClick: s,