@tesouro/embedded-components-react 0.2.158 → 0.2.159

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

@@ -15,56 +15,56 @@ import { useCounterpartAddresses as ht } from "./index72.js";
 import { getCounterpartEmail as Pe } from "./index7.js";
 import { useMyEntity as vt } from "./index78.js";
 import { toast as u } from "react-hot-toast";
-import { useUserPermissions as bt } from "./index135.js";
+import { useUserPermissions as bt } from "./index130.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";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as D } from "../../shared/data-access/dist/lib/scopes.js";
-import { AccessRestriction as yt } from "./index136.js";
-import { Accordion as gt, AccordionItem as B, AccordionTrigger as z, AccordionContent as V } from "./index227.js";
-import { Badge as T } from "./index228.js";
+import { AccessRestriction as yt } from "./index131.js";
+import { Accordion as gt, AccordionItem as B, AccordionTrigger as z, AccordionContent as V } from "./index241.js";
+import { Badge as T } from "./index242.js";
 import { Button as j } from "./index84.js";
-import { DialogTitle as $ } from "./index229.js";
-import { Sheet as _t, SheetContent as xt, SheetDescription as Nt, SheetHeader as It, SheetTitle as Ct } from "./index137.js";
-import { TooltipProvider as Lt, Tooltip as Se, TooltipTrigger as ke, TooltipContent as Fe } from "./index230.js";
+import { DialogTitle as $ } from "./index243.js";
+import { Sheet as _t, SheetContent as xt, SheetDescription as Nt, SheetHeader as It, SheetTitle as Ct } from "./index132.js";
+import { TooltipProvider as Lt, Tooltip as Se, TooltipTrigger as ke, TooltipContent as Fe } from "./index244.js";
 import { Typography as s } from "./index85.js";
 import { cn as G } from "./index100.js";
-import { LoadingSpinner as Ee } from "./index138.js";
-import { NotFound as Me } from "./index155.js";
+import { LoadingSpinner as Ee } from "./index133.js";
+import { NotFound as Me } from "./index150.js";
 import { ChevronLeft as Rt, Eye as At, Repeat as Oe, CircleAlert as Dt } from "lucide-react";
-import { headerIconButtonClass as P, STATUS_ICON as Tt, ACTION_ICON as $t, HEADER_TOOLTIP_DELAY as Pt, amountValueToneClass as St } from "./index231.js";
-import { buildInvoiceDetailsView as kt } from "./index232.js";
-import { preventTooltipFocusOpen as Be } from "./index233.js";
-import { buildEditInvoiceFormValues as Ft } from "./index234.js";
+import { headerIconButtonClass as P, STATUS_ICON as Tt, ACTION_ICON as $t, HEADER_TOOLTIP_DELAY as Pt, amountValueToneClass as St } from "./index245.js";
+import { buildInvoiceDetailsView as kt } from "./index246.js";
+import { preventTooltipFocusOpen as Be } from "./index247.js";
+import { buildEditInvoiceFormValues as Ft } from "./index248.js";
 import { getInvoiceValidationSchema as Et } from "./index197.js";
-import { useDuplicateInvoice as Mt } from "./index235.js";
-import { useGetOverdueReminderById as Ot } from "./index236.js";
-import { useGetPaymentRecords as Bt } from "./index237.js";
-import { useGetPaymentReminderById as zt } from "./index238.js";
-import { useGetRecurrenceById as Vt } from "./index239.js";
-import { useGetReceivablePDFById as jt } from "./index240.js";
-import { useGetInvoiceRequiredFields as Gt } from "./index241.js";
-import { useIssueReceivableById as Ht } from "./index242.js";
-import { usePauseRecurrence as Ut } from "./index243.js";
-import { useResumeRecurrence as qt } from "./index244.js";
-import { InvoiceDetailsAmountCell as Wt } from "./index245.js";
-import { InvoiceDetailsAttachments as Yt } from "./index246.js";
-import { InvoiceDetailsCloseButton as ze } from "./index247.js";
+import { useDuplicateInvoice as Mt } from "./index249.js";
+import { useGetOverdueReminderById as Ot } from "./index250.js";
+import { useGetPaymentRecords as Bt } from "./index251.js";
+import { useGetPaymentReminderById as zt } from "./index252.js";
+import { useGetRecurrenceById as Vt } from "./index253.js";
+import { useGetReceivablePDFById as jt } from "./index254.js";
+import { useGetInvoiceRequiredFields as Gt } from "./index255.js";
+import { useIssueReceivableById as Ht } from "./index256.js";
+import { usePauseRecurrence as Ut } from "./index257.js";
+import { useResumeRecurrence as qt } from "./index258.js";
+import { InvoiceDetailsAmountCell as Wt } from "./index259.js";
+import { InvoiceDetailsAttachments as Yt } from "./index260.js";
+import { InvoiceDetailsCloseButton as ze } from "./index261.js";
 import { ActionsModal as Jt } from "./index201.js";
-import { EditInvoiceDetails as Kt } from "./index248.js";
-import { InvoiceDetailsInfoRow as Ve } from "./index249.js";
-import { InvoiceDetailsCustomerRow as Qt } from "./index250.js";
+import { EditInvoiceDetails as Kt } from "./index262.js";
+import { InvoiceDetailsInfoRow as Ve } from "./index263.js";
+import { InvoiceDetailsCustomerRow as Qt } from "./index264.js";
 import { CounterpartDetails as Xt } from "./index2.js";
-import { InvoiceCancelModal as Zt } from "./index251.js";
-import { InvoiceDeleteModal as ei } from "./index252.js";
-import { InvoiceDetailsTabScheduledInvoices as ti } from "./index253.js";
+import { InvoiceCancelModal as Zt } from "./index265.js";
+import { InvoiceDeleteModal as ei } from "./index266.js";
+import { InvoiceDetailsTabScheduledInvoices as ti } from "./index267.js";
 import { InvoiceRecurrenceStatusChip as ii } from "./index188.js";
 import { InvoiceStatusChip as ri } from "./index55.js";
-import { MarkAsUncollectibleModal as ni } from "./index254.js";
-import { InvoiceDetailsOverflowMenu as ai } from "./index255.js";
-import { RecordManualPaymentModal as si } from "./index256.js";
-import { RecurrenceCancelModal as oi } from "./index257.js";
+import { MarkAsUncollectibleModal as ni } from "./index268.js";
+import { InvoiceDetailsOverflowMenu as ai } from "./index269.js";
+import { RecordManualPaymentModal as si } from "./index270.js";
+import { RecurrenceCancelModal as oi } from "./index271.js";
 const xr = (d) => /* @__PURE__ */ e(ct, { children: /* @__PURE__ */ e(li, { ...d }) }), li = ({
   invoiceId: d,
   open: je,

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

@@ -1,9 +1,9 @@
 import { jsx as t } from "@emotion/react/jsx-runtime";
 import { useState as d } from "react";
 import { useLingui as w } from "@lingui/react";
-import { Dialog as g, DialogContent as v } from "./index229.js";
-import { ActionsModalIssueStep as h } from "./index258.js";
-import { ActionsModalProductsStep as x } from "./index259.js";
+import { Dialog as g, DialogContent as v } from "./index243.js";
+import { ActionsModalIssueStep as h } from "./index272.js";
+import { ActionsModalProductsStep as x } from "./index273.js";
 const L = ({
   open: c,
   onClose: i,

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

@@ -1,16 +1,16 @@
 import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
-import { FieldLabel as m, Field as h, FieldContent as p, FieldError as f, FieldDescription as _ } from "./index159.js";
-import { Input as b } from "./index118.js";
-import { Label as v } from "./index278.js";
-import { RadioGroup as C, RadioGroupItem as y } from "./index301.js";
+import { FieldLabel as m, Field as h, FieldContent as p, FieldError as f, FieldDescription as _ } from "./index154.js";
+import { Input as b } from "./index127.js";
+import { Label as v } from "./index294.js";
+import { RadioGroup as C, RadioGroupItem as y } from "./index324.js";
 import { Typography as n } from "./index85.js";
 import { useLingui as F } from "@lingui/react";
 import { useRef as S } from "react";
 import { useFormContext as T, Controller as u } from "react-hook-form";
 import { twMerge as c } from "tailwind-merge";
-import { CounterpartBankSection as z } from "./index152.js";
-import { Checkbox as I } from "./index350.js";
-import { CounterpartAddressSection as L } from "./index154.js";
+import { CounterpartBankSection as z } from "./index147.js";
+import { Checkbox as I } from "./index356.js";
+import { CounterpartAddressSection as L } from "./index149.js";
 const $ = ({
   handleChangeCounterpartType: N,
   counterpartType: d,

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

@@ -1,6 +1,6 @@
-import { AllowedCountries as l } from "./index351.js";
+import { AllowedCountries as l } from "./index357.js";
 import { z as i } from "zod";
-import "./index300.js";
+import "./index323.js";
 const m = (e, t) => ({
   line1: i.string().optional().refine((a) => !t || !!a?.trim(), {
     message: e._("Street address is required")

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

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as n } from "@emotion/react/jsx-runtime";
-import { LoadingSpinner as f } from "./index138.js";
+import { LoadingSpinner as f } from "./index133.js";
 import { Button as t } from "./index84.js";
-import { Dialog as C, DialogContent as u, DialogHeader as D, DialogTitle as b, DialogDescription as w, DialogFooter as L } from "./index229.js";
+import { Dialog as C, DialogContent as u, DialogHeader as D, DialogTitle as b, DialogDescription as w, DialogFooter as L } from "./index243.js";
 import { useLingui as v } from "@lingui/react";
 const P = ({
   open: e,

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

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
 import { useFormContext as m, Controller as u } from "react-hook-form";
 import { Typography as n } from "./index85.js";
 import { useLingui as w } from "@lingui/react";
-import { Switch as i } from "./index363.js";
+import { Switch as i } from "./index380.js";
 import { twMerge as h } from "tailwind-merge";
 const x = ({
   control: l,

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

@@ -2,9 +2,9 @@ import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
 import { useFormContext as $, Controller as d } from "react-hook-form";
 import { useLingui as F } from "@lingui/react";
 import { Typography as c } from "./index85.js";
-import { Field as m, FieldContent as s, FieldLabel as w, FieldError as u } from "./index159.js";
-import { Input as g } from "./index118.js";
-import { Checkbox as S } from "./index350.js";
+import { Field as m, FieldContent as s, FieldLabel as w, FieldError as u } from "./index154.js";
+import { Input as g } from "./index127.js";
+import { Checkbox as S } from "./index356.js";
 const E = ({
   control: o
 }) => {

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

@@ -1,38 +1,44 @@
-import { jsx as e, jsxs as i } from "@emotion/react/jsx-runtime";
-import { cn as a } from "./index100.js";
-import * as r from "@radix-ui/react-accordion";
-import { ChevronDownIcon as s } from "lucide-react";
-function l({
-  ...t
-}) {
-  return /* @__PURE__ */ e(r.Root, { "data-slot": "accordion", ...t });
-}
-function m({
-  className: t,
-  ...o
-}) {
-  return /* @__PURE__ */ e(r.Item, { "data-slot": "accordion-item", className: a("ttw:border-b ttw:border-border ttw:last:border-b-0", t), ...o });
-}
-function u({
-  className: t,
-  children: o,
-  ...n
-}) {
-  return /* @__PURE__ */ e(r.Header, { className: "ttw:flex", children: /* @__PURE__ */ i(r.Trigger, { "data-slot": "accordion-trigger", className: a("ttw:group ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:flex ttw:flex-1 ttw:cursor-pointer ttw:items-start ttw:justify-between ttw:gap-4 ttw:rounded-md ttw:py-4 ttw:text-left ttw:text-sm ttw:font-medium ttw:transition-all ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:pointer-events-none ttw:disabled:opacity-50 ttw:[&[data-state=open]>svg]:rotate-180", t), ...n, children: [
-    o,
-    /* @__PURE__ */ e(s, { className: "ttw:text-muted-foreground ttw:pointer-events-none ttw:size-4 ttw:shrink-0 ttw:translate-y-0.5 ttw:transition-transform ttw:duration-200" })
-  ] }) });
-}
-function f({
-  className: t,
-  children: o,
-  ...n
-}) {
-  return /* @__PURE__ */ e(r.Content, { "data-slot": "accordion-content", className: "ttw:data-[state=closed]:animate-accordion-up ttw:data-[state=open]:animate-accordion-down ttw:overflow-hidden ttw:text-sm", ...n, children: /* @__PURE__ */ e("div", { className: a("ttw:pt-0 ttw:pb-4", t), children: o }) });
-}
+import { jsx as i, jsxs as e } from "@emotion/react/jsx-runtime";
+import { useApprovalPolicyScript as o } from "./index358.js";
+import { UListUiAlt as a } from "./index359.js";
+import { UUserCircle as c } from "./index355.js";
+import { UUsersAlt as m } from "./index360.js";
+import { UUserSquare as p } from "./index361.js";
+import { ColumnList as n } from "./index351.js";
+const v = ({
+  approvalPolicy: l
+}) => {
+  const {
+    rules: t,
+    getRuleName: s
+  } = o({
+    approvalPolicy: l
+  });
+  return l ? /* @__PURE__ */ i(n, { children: t && Object.keys(t).map((r) => {
+    switch (r) {
+      case "single_user":
+        return /* @__PURE__ */ e("li", { children: [
+          /* @__PURE__ */ i(c, { width: 18 }),
+          s(r)
+        ] }, r);
+      case "users_from_list":
+        return /* @__PURE__ */ e("li", { children: [
+          /* @__PURE__ */ i(m, { width: 18 }),
+          s(r)
+        ] }, r);
+      case "roles_from_list":
+        return /* @__PURE__ */ e("li", { children: [
+          /* @__PURE__ */ i(p, { width: 18 }),
+          s(r)
+        ] }, r);
+      case "approval_chain":
+        return /* @__PURE__ */ e("li", { children: [
+          /* @__PURE__ */ i(a, { width: 18 }),
+          s(r)
+        ] }, r);
+    }
+  }) }) : null;
+};
 export {
-  l as Accordion,
-  f as AccordionContent,
-  m as AccordionItem,
-  u as AccordionTrigger
+  v as ApprovalPoliciesRules
 };

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

@@ -1,53 +1,64 @@
-import { jsxs as u, jsx as v } from "@emotion/react/jsx-runtime";
-import { cn as t } from "./index100.js";
-import { Slot as b } from "@radix-ui/react-slot";
-import { cva as r } from "class-variance-authority";
-const g = r("ttw:inline-flex ttw:items-center ttw:justify-center ttw:rounded-md ttw:border ttw:px-2 ttw:py-0.5 ttw:text-xs ttw:font-medium ttw:w-fit ttw:whitespace-nowrap ttw:shrink-0 ttw:[&>svg]:size-3 ttw:gap-1 ttw:[&>svg]:pointer-events-none ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:focus-visible:ring-[3px] ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:transition-[color,box-shadow] ttw:overflow-hidden", {
-  variants: {
-    variant: {
-      default: "ttw:border-transparent ttw:bg-primary ttw:text-primary-foreground ttw:[a&]:hover:bg-primary/90",
-      secondary: "ttw:border-transparent ttw:bg-secondary ttw:text-neutral ttw:[a&]:hover:bg-secondary/90",
-      destructive: "ttw:border-transparent ttw:bg-destructive ttw:text-white ttw:[a&]:hover:bg-destructive/90 ttw:focus-visible:ring-destructive/20 ttw:dark:focus-visible:ring-destructive/40 ttw:dark:bg-destructive/60",
-      outline: "ttw:text-foreground ttw:[a&]:hover:bg-accent ttw:[a&]:hover:text-accent-foreground"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
+import { jsx as s, jsxs as y } from "@emotion/react/jsx-runtime";
+import "./index57.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useEntityUserById as U } from "./index75.js";
+import "react";
+import "react-hot-toast";
+import "@lingui/react";
+import { Avatar as b, AvatarFallback as k } from "./index419.js";
+import { Badge as p } from "./index242.js";
+import { Skeleton as B } from "./index134.js";
+import { getVariantProps as d } from "./index439.js";
+const q = ({
+  userId: t,
+  user: e,
+  variant: m = "text",
+  showUsersAsEmail: i = !1,
+  showAvatar: f = !1,
+  className: o = ""
+}) => {
+  const {
+    data: u,
+    isLoading: r,
+    isError: N
+  } = U(e ? void 0 : t), a = e || u;
+  if (!a && !r && N && t) {
+    const {
+      useBadge: x,
+      badgeVariant: E,
+      className: c
+    } = d({
+      variant: m,
+      isError: !0,
+      componentType: "user",
+      className: o
+    });
+    return x ? /* @__PURE__ */ s(p, { variant: E, className: c, children: "N/A" }) : /* @__PURE__ */ s("span", { className: c, children: "N/A" });
   }
-}), f = r("ttw:rounded-full ttw:box-content! ttw:inline-block", {
-  variants: {
-    dotSize: {
-      small: "ttw:w-1.5 ttw:h-1.5 ttw:border-2",
-      medium: "ttw:w-2 ttw:h-2 ttw:border-[3px]",
-      large: "ttw:w-2.5 ttw:h-2.5 ttw:border-4"
-    }
-  },
-  defaultVariants: {
-    dotSize: "medium"
-  }
-});
-function y({
-  className: e,
-  variant: a,
-  showBadgeBackground: i = !0,
-  asChild: n = !1,
-  dotSize: o,
-  showDot: w = !1,
-  showDotBorder: s,
-  dotClassName: d,
-  children: c,
-  ...l
-}) {
-  return /* @__PURE__ */ u(n ? b : "span", { "data-slot": "badge", className: t(g({
-    variant: a
-  }), !i && "ttw:bg-transparent! ttw:border-transparent! ttw:p-0!", e), ...l, children: [
-    w && /* @__PURE__ */ v("span", { className: t(f({
-      dotSize: o
-    }), !s && "ttw:border-none", d) }),
-    c
-  ] });
-}
+  if (!a && !r)
+    return null;
+  const h = a ? `${a.first_name ?? ""} ${a.last_name ?? ""}`.trim() : "", w = a ? `${a.first_name?.[0] ?? ""}${a.last_name?.[0] ?? ""}`.toUpperCase() : "", n = i && a?.email ? a.email : h || a?.email || "";
+  if (r)
+    return /* @__PURE__ */ s(B, { className: "ttw:h-4 ttw:w-20" });
+  const {
+    useBadge: v,
+    badgeVariant: A,
+    className: l,
+    showAvatar: g
+  } = d({
+    variant: m,
+    isError: !1,
+    componentType: "user",
+    showAvatar: f,
+    showUsersAsEmail: i,
+    className: o
+  });
+  return v ? /* @__PURE__ */ y(p, { variant: A, className: l, children: [
+    g && /* @__PURE__ */ s(b, { className: "ttw:w-4 ttw:h-4", children: /* @__PURE__ */ s(k, { className: "ttw:text-xs ttw:font-medium", children: w }) }),
+    n
+  ] }) : /* @__PURE__ */ s("span", { className: l, children: n });
+};
 export {
-  y as Badge,
-  g as badgeVariants
+  q as User
 };

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

@@ -1,84 +1,33 @@
-import { jsx as e, jsxs as n } from "@emotion/react/jsx-runtime";
-import { cn as s } from "./index100.js";
-import * as o from "@radix-ui/react-dialog";
-import { XIcon as c } from "lucide-react";
-function x({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Root, { "data-slot": "dialog", ...t });
-}
-function u({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Portal, { "data-slot": "dialog-portal", ...t });
-}
-function m({
-  className: t,
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { ROW_TO_STATUS_MUI_MAP as n, getRowToStatusTextMap as l, APPROVAL_STATUS_TO_MUI_ICON_MAP as u } from "./index231.js";
+import { useLingui as S } from "@lingui/react";
+import f from "@mui/icons-material/Circle";
+import { Chip as A } from "@mui/material";
+import { styled as _, useThemeProps as T } from "@mui/material/styles";
+const d = ({
+  ref: s,
   ...a
-}) {
-  return /* @__PURE__ */ e(o.Overlay, { "data-slot": "dialog-overlay", className: s("ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=open]:fade-in-0 ttw:fixed ttw:inset-0 ttw:z-1300 ttw:bg-black/50", t), ...a });
-}
-function v({
-  className: t,
-  children: a,
-  showCloseButton: r = !0,
-  fullScreen: i = !1,
-  container: l = typeof document < "u" ? document.body : null,
-  ...d
-}) {
-  return /* @__PURE__ */ n(u, { container: l, "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ e(m, {}),
-    /* @__PURE__ */ n(
-      o.Content,
-      {
-        "data-slot": "dialog-content",
-        className: s("ttw:bg-background ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=open]:fade-in-0 ttw:data-[state=closed]:zoom-out-95 ttw:data-[state=open]:zoom-in-95 ttw:fixed ttw:top-[50%] ttw:left-[50%] ttw:z-1300 ttw:grid ttw:w-full ttw:max-w-[calc(100%-2rem)] ttw:translate-x-[-50%] ttw:translate-y-[-50%] ttw:gap-4 ttw:rounded-lg ttw:border ttw:p-6 ttw:shadow-lg ttw:duration-200 ttw:sm:max-w-lg", i && "ttw:border-none ttw:rounded-none ttw:h-screen ttw:max-w-screen ttw:sm:max-w-screen", t),
-        ...d,
-        onCloseAutoFocus: (w) => {
-          w.preventDefault(), (l ?? document.body).style.pointerEvents = "";
-        },
-        children: [
-          a,
-          r && /* @__PURE__ */ n(o.Close, { "data-slot": "dialog-close", className: "ttw:ring-offset-background ttw:focus:ring-ring ttw:data-[state=open]:bg-accent ttw:data-[state=open]:text-muted-foreground ttw:absolute ttw:top-4 ttw:right-4 ttw:rounded-xs ttw:opacity-70 ttw:transition-opacity ttw:hover:opacity-100 ttw:focus:ring-2 ttw:focus:ring-offset-2 ttw:focus:outline-hidden ttw:disabled:pointer-events-none ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4", children: [
-            /* @__PURE__ */ e(c, {}),
-            /* @__PURE__ */ e("span", { className: "ttw:sr-only", children: "Close" })
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function b({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e("div", { "data-slot": "dialog-header", className: s("ttw:flex ttw:flex-col ttw:gap-2 ttw:text-center ttw:sm:text-left", t), ...a });
-}
-function h({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e("div", { "data-slot": "dialog-footer", className: s("ttw:flex ttw:flex-col-reverse ttw:gap-2 ttw:sm:flex-row ttw:sm:justify-end", t), ...a });
-}
-function y({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(o.Title, { "data-slot": "dialog-title", className: s("ttw:text-lg ttw:leading-none ttw:font-semibold", t), ...a });
-}
-function N({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(o.Description, { "data-slot": "dialog-description", className: s("ttw:text-muted-foreground ttw:text-sm", t), ...a });
-}
+}) => {
+  const {
+    status: o,
+    icon: i,
+    size: p,
+    variant: e
+  } = T({
+    props: a,
+    name: "MoniteApprovalStatusChip"
+  }), {
+    i18n: m
+  } = S(), r = u[o];
+  return /* @__PURE__ */ t(h, { className: "Monite-ApprovalStatusChip", ref: s, color: n[o], icon: i && r ? /* @__PURE__ */ t(r, { fontSize: "small" }) : /* @__PURE__ */ t(f, { sx: {
+    fontSize: "10px"
+  } }), label: l(m)[o], size: p, status: o, variant: e ?? "filled" });
+}, h = _(A, {
+  name: "MoniteApprovalStatusChip",
+  slot: "root",
+  shouldForwardProp: () => !0
+})({});
 export {
-  x as Dialog,
-  v as DialogContent,
-  N as DialogDescription,
-  h as DialogFooter,
-  b as DialogHeader,
-  m as DialogOverlay,
-  u as DialogPortal,
-  y as DialogTitle
+  d as ApprovalStatusChip,
+  h as StyledChip
 };