@tesouro/embedded-components-react 0.2.225 → 0.2.226

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

@@ -1,14 +1,216 @@
-import { getSeverityColors as c } from "./index206.js";
-const a = (e) => ({
-  ...c(e),
-  10: "#12705f",
-  30: "#0dac8e",
-  50: "#1fbca0",
-  60: "#4dd6bd",
-  80: "#ace5da",
-  90: "#ccf0e9",
-  95: "#eefbf9"
-});
+import { getTheme as n } from "./index204.js";
+import t from "chroma-js";
+const l = (o, e, i) => {
+  const r = n(e);
+  return {
+    styleOverrides: {
+      root: {
+        "&[hidden]": {
+          display: "none",
+          visibility: "hidden",
+          opacity: 0
+        },
+        "& .MuiInputBase-root": {
+          minHeight: "48px",
+          backgroundColor: o.neutral[95],
+          borderRadius: r.borderRadius * 2,
+          "& > .MuiOutlinedInput-notchedOutline": {
+            top: 0,
+            "> legend": {
+              display: "none"
+            }
+          },
+          "&:not(.Mui-disabled):hover fieldset.MuiOutlinedInput-notchedOutline": {
+            borderColor: "transparent"
+          },
+          ".MuiSelect-icon": {
+            color: o.text.primary
+          },
+          "&.Mui-focused": {
+            backgroundColor: o.neutral[80],
+            borderColor: "transparent",
+            boxShadow: `0 0 0 4px ${t(o.primary.main).alpha(0.24).hex()}`
+          },
+          "&.Mui-error": {
+            border: `1px solid ${o.error.main}`,
+            boxShadow: `0 0 0 4px ${t(o.error.main).alpha(0.24).hex()}`
+          },
+          "&.MuiInputBase-adornedEnd": {
+            paddingRight: 8
+          }
+        },
+        "label+.MuiInputBase-root": {
+          marginTop: 0
+        },
+        "&:hover": {
+          "&.MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+            backgroundColor: o.neutral[90],
+            border: `1px solid ${o.primary[40]}`
+          },
+          "& .MuiFormLabel-root.MuiFormLabel-filled": {
+            "+ .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+              backgroundColor: "transparent",
+              border: `1px solid ${o.primary[40]}`
+            }
+          }
+        },
+        "&:not(.Monite-FilterControl):not(.Monite-Selector):hover": {
+          "& .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+            border: `1px solid ${o.primary[40]}`
+          },
+          "& .MuiInputAdornment-root .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+            borderColor: "transparent"
+          },
+          "& .MuiFormLabel-root": {
+            "+ .MuiInputBase-root:not(.Mui-focused)": {
+              backgroundColor: "transparent",
+              border: `1px solid ${o.primary[40]}`
+            }
+          }
+        },
+        "&:not(.Monite-Selector):not(.Monite-FilterControl) .MuiFormLabel-root": {
+          fontSize: "14px",
+          color: " rgba(112, 112, 112, 1)",
+          backgroundColor: "transparent",
+          "&:hover, &.Mui-focused": {
+            backgroundColor: "transparent",
+            "& > .MuiOutlinedInput-notchedOutline": {
+              backgroundColor: "transparent"
+            }
+          },
+          "&.Mui-required > .MuiFormLabel-asterisk": {
+            display: "none"
+          },
+          "&.Mui-required::after": {
+            content: '"●"',
+            position: "relative",
+            bottom: "2px",
+            left: "4px",
+            color: " rgba(255, 71, 93, 1)"
+          },
+          "+ .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+            backgroundColor: "transparent",
+            border: `1px solid ${o.neutral[80]}`
+          },
+          "+ .MuiInputBase-root.Mui-focused": {
+            backgroundColor: "transparent",
+            border: `1px solid ${o.primary.main}`
+          },
+          "&:not(.Monite-Selector) > .MuiInputLabel-root > .MuiFormLabel-asterisk": {
+            display: "none"
+          },
+          "& .MuiOutlinedInput-notchedOutline": {
+            top: 0
+          },
+          // Hide border cutout
+          "& .MuiOutlinedInput-notchedOutline legend": {
+            display: "none"
+          },
+          "& .MuiOutlinedInput-root": {
+            left: 0,
+            top: 0,
+            "&:hover .MuiOutlinedInput-notchedOutline": {
+              borderColor: "transparent"
+            }
+          },
+          // Monite Filter Control styles
+          "&.Monite-FilterControl": {
+            height: "40px",
+            minHeight: "40px",
+            maxHeight: "40px",
+            maxWidth: i,
+            width: "100%",
+            "& .MuiInputBase-root": {
+              marginTop: 0,
+              height: "40px",
+              minHeight: "40px",
+              maxHeight: "40px",
+              borderRadius: r.borderRadius * 2,
+              color: o.text.primary,
+              fontWeight: 500,
+              backgroundColor: o.neutral[95],
+              padding: "0 6px",
+              "&.Mui-focused": {
+                backgroundColor: t(o.primary.main).alpha(0.05).hex()
+              }
+            },
+            "&:hover": {
+              "& .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+                border: "none"
+              },
+              ".MuiFormLabel-root.MuiFormLabel-filled": {
+                opacity: 0,
+                "+ .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+                  backgroundColor: t(o.primary.main).alpha(0.12).hex()
+                }
+              }
+            },
+            "& .MuiSelect-select": {
+              fontSize: "14px",
+              "&:focus": {
+                backgroundColor: "transparent"
+              }
+            },
+            "& .MuiFormLabel-root": {
+              position: "absolute",
+              zIndex: 1,
+              left: "45px",
+              top: "10px",
+              fontSize: "14px",
+              maxWidth: "calc(100% - 52px)",
+              textOverflow: "ellipsis",
+              pointerEvents: "none",
+              "&.MuiFormLabel-filled": {
+                opacity: 0,
+                "+ .MuiInputBase-root": {
+                  color: o.primary.main,
+                  backgroundColor: t(o.primary.main).alpha(0.05).hex(),
+                  ".MuiSelect-icon, .MuiSvgIcon-root, .MuiSvgIcon-root>*": {
+                    color: o.primary.main
+                  }
+                }
+              }
+            },
+            "& .MuiInputLabel-root": {
+              fontWeight: 500,
+              color: o.text.secondary
+            },
+            "& .MuiIconButton-root": {
+              marginRight: "-6px"
+            },
+            "& .MuiInputAdornment-positionEnd .MuiSvgIcon-root, & .MuiIconButton-root .MuiSvgIcon-root": {
+              width: "20px",
+              height: "20px",
+              "> *": {
+                color: o.text.primary
+              }
+            },
+            "&.Monite-DateFilterControl": {
+              "input::placeholder": {
+                opacity: 0
+              }
+            },
+            "& .MuiInputBase-input:not(.MuiSelect-select)": {
+              padding: "0 0 0 8px",
+              fontSize: "14px",
+              textOverflow: "ellipsis",
+              "& + .MuiInputAdornment-root": {
+                marginLeft: 0
+              }
+            }
+          },
+          "&.Monite-SearchField": {
+            maxWidth: "400px",
+            width: "100%",
+            "& label": {
+              color: "secondary.main"
+            }
+          }
+        }
+      }
+    }
+  };
+};
 export {
-  a as getSuccessColors
+  l as getFormControlStyles
 };

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

@@ -1,14 +1,12 @@
-import { getSeverityColors as e } from "./index206.js";
-const r = (f) => ({
-  ...e(f),
-  10: "#996600",
-  30: "#cc8000",
-  50: "#ff9900",
-  60: "#ffb333",
-  80: "#ffd999",
-  90: "#ffe6cc",
-  95: "#fff3ee"
+import { getSeverityColors as r } from "./index208.js";
+const t = (o) => ({
+  ...r(o),
+  10: "#D42623",
+  25: "#DF5C5A",
+  50: "#EA9391",
+  75: "#F4C9C8",
+  100: "#FCF1F1"
 });
 export {
-  r as getWarningColors
+  t as getErrorColors
 };

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

@@ -1,9 +1,14 @@
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { cn as n } from "./index100.js";
-const c = ({
-  children: t,
-  className: e
-}) => /* @__PURE__ */ l("div", { className: n("ttw:flex ttw:items-center ttw:justify-center ttw:h-full ttw:w-full", e), children: t });
+import { getSeverityColors as c } from "./index208.js";
+const a = (e) => ({
+  ...c(e),
+  10: "#12705f",
+  30: "#0dac8e",
+  50: "#1fbca0",
+  60: "#4dd6bd",
+  80: "#ace5da",
+  90: "#ccf0e9",
+  95: "#eefbf9"
+});
 export {
-  c as CenteredContentBox
+  a as getSuccessColors
 };

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

@@ -1,37 +1,14 @@
-import { jsx as n } from "@emotion/react/jsx-runtime";
-import { useState as g, useEffect as h } from "react";
-import { useMoniteContext as v } from "./index57.js";
-import x from "@mui/icons-material/ArrowBack";
-import c from "@mui/icons-material/Close";
-import E from "@mui/material/IconButton";
-import L from "@mui/material/Tooltip";
-const P = ({
-  icon: y,
-  fallbackIcon: B,
-  tooltip: t,
-  onClick: i = () => {
-  },
-  onHover: l,
-  onFocus: f,
-  onBlur: m,
-  ariaLabelOverride: s,
-  isDynamic: p = !1,
-  ref: u,
-  ...b
-}) => {
-  const {
-    componentSettings: k
-  } = v(), o = k?.general?.iconWrapper, [I, e] = g(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
-  h(() => {
-    e(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
-  }, [o.icon, o.fallbackIcon]);
-  const d = (r) => {
-    l?.(r), p && e(/* @__PURE__ */ n(x, {}));
-  }, C = () => {
-    e(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
-  }, M = s || "Icon button", a = () => /* @__PURE__ */ n(E, { ref: u, onClick: i, onMouseEnter: d, onMouseLeave: C, onFocus: (r) => f?.(r), onBlur: (r) => m?.(r), "aria-label": M, ...b, children: I });
-  return t ? /* @__PURE__ */ n(L, { title: t, children: a() }) : a();
-};
+import { getSeverityColors as e } from "./index208.js";
+const r = (f) => ({
+  ...e(f),
+  10: "#996600",
+  30: "#cc8000",
+  50: "#ff9900",
+  60: "#ffb333",
+  80: "#ffd999",
+  90: "#ffe6cc",
+  95: "#fff3ee"
+});
 export {
-  P as IconWrapper
+  r as getWarningColors
 };

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

@@ -1,15 +1,15 @@
 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 "./index154.js";
-import { Input as b } from "./index128.js";
-import { Label as v } from "./index237.js";
-import { RadioGroup as C, RadioGroupItem as y } from "./index331.js";
+import { Input as b } from "./index118.js";
+import { Label as v } from "./index262.js";
+import { RadioGroup as C, RadioGroupItem as y } from "./index301.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 "./index146.js";
-import { Checkbox as I } from "./index377.js";
+import { Checkbox as I } from "./index351.js";
 import { CounterpartAddressSection as L } from "./index148.js";
 const $ = ({
   handleChangeCounterpartType: N,

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

@@ -1,6 +1,6 @@
-import { AllowedCountries as l } from "./index378.js";
+import { AllowedCountries as l } from "./index352.js";
 import { z as i } from "zod";
-import "./index330.js";
+import "./index300.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,75 +1,38 @@
-import { jsx as t, jsxs as l } from "@emotion/react/jsx-runtime";
-import { cn as n } from "./index100.js";
-import * as a from "@radix-ui/react-select";
-import { ChevronDownIcon as i, CheckIcon as w, ChevronUpIcon as d } from "lucide-react";
-function g({
-  ...e
+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__ */ t(a.Root, { "data-slot": "select", ...e });
+  return /* @__PURE__ */ e(r.Root, { "data-slot": "accordion", ...t });
 }
-function h({
-  ...e
+function m({
+  className: t,
+  ...o
 }) {
-  return /* @__PURE__ */ t(a.Value, { "data-slot": "select-value", ...e });
+  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 v({
-  className: e,
-  size: s = "default",
+function u({
+  className: t,
   children: o,
-  ...r
+  ...n
 }) {
-  return /* @__PURE__ */ l(a.Trigger, { "data-slot": "select-trigger", "data-size": s, className: n("ttw:border-input ttw:data-[placeholder]:text-muted-foreground ttw:[&_svg:not([class*=text-])]:text-muted-foreground ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:dark:bg-input/30 ttw:dark:hover:bg-input/50 ttw:flex ttw:w-fit ttw:items-center ttw:justify-between ttw:gap-2 ttw:rounded-md ttw:border ttw:bg-transparent ttw:px-3 ttw:py-2 ttw:text-sm ttw:whitespace-nowrap ttw:shadow-xs ttw:transition-[color,box-shadow] ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50 ttw:data-[size=default]:h-9 ttw:data-[size=sm]:h-8 ttw:*:data-[slot=select-value]:line-clamp-1 ttw:*:data-[slot=select-value]:flex ttw:*:data-[slot=select-value]:min-w-0 ttw:*:data-[slot=select-value]:flex-1 ttw:*:data-[slot=select-value]:items-center ttw:*:data-[slot=select-value]:gap-2 ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4", e), ...r, children: [
+  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__ */ t(a.Icon, { asChild: !0, children: /* @__PURE__ */ t(i, { className: "ttw:size-4 ttw:opacity-50" }) })
-  ] });
-}
-function x({
-  className: e,
-  children: s,
-  position: o = "popper",
-  ...r
-}) {
-  return /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ l(a.Content, { "data-slot": "select-content", className: n("ttw:bg-popover ttw:text-popover-foreground 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:data-[side=bottom]:slide-in-from-top-2 ttw:data-[side=left]:slide-in-from-right-2 ttw:data-[side=right]:slide-in-from-left-2 ttw:data-[side=top]:slide-in-from-bottom-2 ttw:relative ttw:z-1300 ttw:max-h-(--radix-select-content-available-height) ttw:min-w-[8rem] ttw:origin-(--radix-select-content-transform-origin) ttw:overflow-x-hidden ttw:overflow-y-auto ttw:rounded-md ttw:border-none ttw:shadow-md", o === "popper" && "ttw:data-[side=bottom]:translate-y-1 ttw:data-[side=left]:-translate-x-1 ttw:data-[side=right]:translate-x-1 ttw:data-[side=top]:-translate-y-1", e), position: o, ...r, children: [
-    /* @__PURE__ */ t(c, {}),
-    /* @__PURE__ */ t(a.Viewport, { className: n("ttw:p-1", o === "popper" && "ttw:h-[var(--radix-select-trigger-height)] ttw:w-full ttw:min-w-[var(--radix-select-trigger-width)] ttw:scroll-my-1"), children: s }),
-    /* @__PURE__ */ t(u, {})
+    /* @__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 b({
-  className: e,
-  children: s,
-  ...o
-}) {
-  return /* @__PURE__ */ l(a.Item, { "data-slot": "select-item", className: n("ttw:focus:bg-accent ttw:focus:text-accent-foreground ttw:[&_svg:not([class*=text-])]:text-muted-foreground ttw:relative ttw:flex ttw:w-full ttw:cursor-default ttw:items-center ttw:gap-2 ttw:rounded-sm ttw:py-1.5 ttw:pr-8 ttw:pl-2 ttw:text-sm ttw:outline-hidden ttw:select-none ttw:data-[disabled]:pointer-events-none ttw:data-[disabled]:opacity-50 ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4 ttw:*:[span]:last:flex ttw:*:[span]:last:min-w-0 ttw:*:[span]:last:flex-1 ttw:*:[span]:last:items-center ttw:*:[span]:last:gap-2", e), ...o, children: [
-    /* @__PURE__ */ t("span", { className: "ttw:absolute ttw:right-2 ttw:flex ttw:size-3.5 ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t(a.ItemIndicator, { children: /* @__PURE__ */ t(w, { className: "ttw:size-4" }) }) }),
-    /* @__PURE__ */ t(a.ItemText, { children: s })
-  ] });
-}
-function N({
-  className: e,
-  ...s
-}) {
-  return /* @__PURE__ */ t(a.Separator, { "data-slot": "select-separator", className: n("ttw:bg-border ttw:pointer-events-none ttw:-mx-1 ttw:my-1 ttw:h-px", e), ...s });
-}
-function c({
-  className: e,
-  ...s
-}) {
-  return /* @__PURE__ */ t(a.ScrollUpButton, { "data-slot": "select-scroll-up-button", className: n("ttw:flex ttw:cursor-default ttw:items-center ttw:justify-center ttw:py-1", e), ...s, children: /* @__PURE__ */ t(d, { className: "ttw:size-4" }) });
-}
-function u({
-  className: e,
-  ...s
+function f({
+  className: t,
+  children: o,
+  ...n
 }) {
-  return /* @__PURE__ */ t(a.ScrollDownButton, { "data-slot": "select-scroll-down-button", className: n("ttw:flex ttw:cursor-default ttw:items-center ttw:justify-center ttw:py-1", e), ...s, children: /* @__PURE__ */ t(i, { className: "ttw:size-4" }) });
+  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 }) });
 }
 export {
-  g as Select,
-  x as SelectContent,
-  b as SelectItem,
-  u as SelectScrollDownButton,
-  c as SelectScrollUpButton,
-  N as SelectSeparator,
-  v as SelectTrigger,
-  h as SelectValue
+  l as Accordion,
+  f as AccordionContent,
+  m as AccordionItem,
+  u as AccordionTrigger
 };

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

@@ -1,46 +1,53 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { cn as l } from "./index100.js";
-function r({
-  className: t,
-  ...a
+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"
+  }
+}), 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__ */ e("div", { "data-slot": "table-container", className: "ttw:flex-1 ttw:relative ttw:w-0 ttw:min-w-full ttw:overflow-x-auto", children: /* @__PURE__ */ e("table", { "data-slot": "table", className: l("ttw:w-full ttw:caption-bottom ttw:text-sm", t), ...a }) });
-}
-function w({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e("thead", { "data-slot": "table-header", className: l("ttw:[&_tr]:border-b", t), ...a });
-}
-function c({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e("tbody", { "data-slot": "table-body", className: l("ttw:[&_tr:last-child]:border-0", t), ...a });
-}
-function n({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e("tr", { "data-slot": "table-row", className: l("ttw:border-b ttw:transition-colors ttw:hover:bg-muted/50 ttw:data-[state=selected]:bg-muted", t), ...a });
-}
-function d({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e("th", { "data-slot": "table-head", className: l("ttw:h-10 ttw:px-2 ttw:text-left ttw:align-middle ttw:font-medium ttw:whitespace-nowrap ttw:text-foreground ttw:[&:has([role=checkbox])]:pr-0 ttw:[&>[role=checkbox]]:translate-y-[2px]", t), ...a });
-}
-function b({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e("td", { "data-slot": "table-cell", className: l("ttw:p-2 ttw:align-middle ttw:whitespace-nowrap ttw:[&:has([role=checkbox])]:pr-0 ttw:[&>[role=checkbox]]:translate-y-[2px]", t), ...a });
+  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
+  ] });
 }
 export {
-  r as Table,
-  c as TableBody,
-  b as TableCell,
-  d as TableHead,
-  w as TableHeader,
-  n as TableRow
+  y as Badge,
+  g as badgeVariants
 };