@aspprev/versi-ds 0.1.0

package/dist/chunk-OPUUOVCL.js

@@ -0,0 +1,3226 @@
+import {
+  useBreakpoint
+} from "./chunk-CWIPMGCA.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-2NMEKWO5.js";
+
+// src/components/loadingDots/LoadingDotsView.tsx
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var colorVariant = cva(`w-[14px] h-[14px] rounded-full`, {
+  variants: {
+    color: {
+      white: "bg-content-inverse",
+      primary: "bg-content-link",
+      secondary: "bg-content-brand-secondary",
+      tertiary: "bg-content-primary",
+      danger: "bg-feedback-danger-content",
+      warning: "bg-feedback-warning-content",
+      success: "bg-feedback-success-content",
+      actionPrimary: "bg-action-primary-content",
+      actionWarning: "bg-action-warning-content"
+    },
+    defaultVariants: {
+      color: "white"
+    }
+  }
+});
+var LoadingDots = (_a) => {
+  var _b = _a, {
+    color = "white",
+    fullContainer = false,
+    announce = true,
+    ariaLabel,
+    className,
+    "aria-label": ariaLabelAttribute
+  } = _b, rest = __objRest(_b, [
+    "color",
+    "fullContainer",
+    "announce",
+    "ariaLabel",
+    "className",
+    "aria-label"
+  ]);
+  var _a2;
+  const accessibleLabel = (_a2 = ariaLabel != null ? ariaLabel : ariaLabelAttribute) != null ? _a2 : "Carregando";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({}, rest), {
+      className: `flex items-center justify-center gap-[10px]${fullContainer ? " w-full h-full min-h-[400px]" : ""}${className ? ` ${className}` : ""}`,
+      role: announce ? "status" : void 0,
+      "aria-live": announce ? "polite" : void 0,
+      "aria-atomic": announce || void 0,
+      "aria-hidden": !announce || void 0,
+      children: [
+        announce && /* @__PURE__ */ jsx("span", { className: "sr-only", children: accessibleLabel }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `animate-[1s_pulse_0s_ease-in-out_infinite] ${colorVariant({
+              color
+            })}`
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `animate-[1s_pulse_0.3s_ease-in-out_infinite] ${colorVariant(
+              { color }
+            )}`
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `animate-[1s_pulse_0.6s_ease-in-out_infinite] ${colorVariant(
+              { color }
+            )}`
+          }
+        )
+      ]
+    })
+  );
+};
+var LoadingDotsView_default = LoadingDots;
+
+// src/components/button/Button.tsx
+import React from "react";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function getTextContent(node) {
+  if (typeof node === "string" || typeof node === "number") {
+    return String(node);
+  }
+  if (Array.isArray(node)) {
+    return node.map(getTextContent).filter(Boolean).join(" ");
+  }
+  if (React.isValidElement(node)) {
+    return getTextContent(node.props.children);
+  }
+  return "";
+}
+var VARIANT_STYLES = {
+  flat: {
+    disabled: `cursor-not-allowed border-disabled bg-surface-disabled text-content-disabled`,
+    default: {
+      primary: `bg-action-primary text-action-primary-content hover:bg-action-primary-hover active:bg-action-primary-active`,
+      secondary: `bg-action-secondary text-action-secondary-content hover:bg-action-secondary-hover active:bg-action-secondary-active`,
+      tertiary: `bg-action-tertiary text-action-tertiary-content opacity-100 hover:bg-action-tertiary-hover active:bg-action-tertiary-active`,
+      danger: `bg-action-danger text-action-danger-content hover:bg-action-danger-hover active:bg-action-danger-active`,
+      warning: `bg-action-warning text-action-warning-content hover:bg-action-warning-hover active:bg-action-warning-active`
+    }
+  },
+  outline: {
+    disabled: `cursor-not-allowed border-disabled bg-surface-disabled text-content-disabled`,
+    default: {
+      primary: `border-content-link text-content-link hover:border-action-primary-hover hover:text-content-link active:bg-selection-background active:border-action-primary-active active:text-content-on-brand`,
+      secondary: `border-content-brand-secondary text-content-brand-secondary hover:border-action-secondary-hover hover:text-content-brand-secondary active:bg-action-secondary active:border-action-secondary-active active:text-action-secondary-content`,
+      tertiary: `border-border-strong text-content-primary hover:text-content-secondary active:bg-surface-muted active:text-content-muted`,
+      danger: `border-feedback-danger-border text-feedback-danger-content hover:border-action-danger-hover hover:text-feedback-danger-content active:bg-feedback-danger-soft active:border-action-danger-active active:text-feedback-danger-content`,
+      warning: `border-feedback-warning-border text-feedback-warning-content hover:text-feedback-warning-content active:bg-feedback-warning-soft active:border-feedback-warning-content active:text-feedback-warning-content`
+    }
+  },
+  plain: {
+    disabled: `cursor-not-allowed border-none text-content-disabled`,
+    default: {
+      primary: `border-transparent text-content-link hover:bg-action-primary-ghost hover:text-content-link active:border-content-link`,
+      secondary: `border-transparent text-content-brand-secondary hover:bg-action-secondary-ghost hover:text-content-brand-secondary active:border-content-brand-secondary`,
+      tertiary: `border-transparent text-content-primary hover:bg-surface-muted hover:text-content-muted active:border-border-default`,
+      danger: `border-transparent text-feedback-danger-content hover:bg-feedback-danger-soft hover:text-feedback-danger-content active:border-feedback-danger-content`,
+      warning: `border-transparent text-feedback-warning-content hover:bg-feedback-warning-soft hover:text-feedback-warning-content active:border-feedback-warning-content`
+    }
+  }
+};
+function getVariant(color, variant, disabled) {
+  const variantStyles = VARIANT_STYLES[variant === void 0 ? "flat" : variant];
+  return disabled ? variantStyles.disabled : variantStyles.default[color === void 0 ? "primary" : color];
+}
+function getSize(size) {
+  switch (size) {
+    case "small":
+      return `h-control-sm`;
+    case "medium":
+      return `h-control-md`;
+    case "large":
+      return `h-control-lg`;
+  }
+}
+var WIDTH_STYLES = {
+  auto: "w-auto",
+  full: "w-full"
+};
+var Button = (_a) => {
+  var _b = _a, {
+    variant = "flat",
+    children,
+    className,
+    disabled = false,
+    size = "medium",
+    width = "auto",
+    color = "primary",
+    leadIcon: LeadIcon,
+    endIcon: EndIcon,
+    loading = false,
+    loadingLabel
+  } = _b, rest = __objRest(_b, [
+    "variant",
+    "children",
+    "className",
+    "disabled",
+    "size",
+    "width",
+    "color",
+    "leadIcon",
+    "endIcon",
+    "loading",
+    "loadingLabel"
+  ]);
+  var _a2;
+  const actionName = (_a2 = rest["aria-label"]) != null ? _a2 : getTextContent(children).replace(/\s+/g, " ").trim();
+  const loadingAnnouncement = loadingLabel != null ? loadingLabel : actionName ? `Carregando: ${actionName}` : "Carregando a\xE7\xE3o solicitada";
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsxs2(
+      "button",
+      __spreadProps(__spreadValues({
+        className: `
+          flex items-center justify-center rounded-sm px-xs border-[1px] gap-4xs leading-none
+          focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring
+          ${getVariant(color, variant, disabled)}
+          ${className}
+          ${getSize(size)}
+          ${WIDTH_STYLES[width]}
+        `,
+        disabled: disabled || loading,
+        "aria-busy": loading || void 0
+      }, rest), {
+        children: [
+          LeadIcon && !loading && /* @__PURE__ */ jsx2(LeadIcon, { "aria-hidden": "true", focusable: "false", className: "h-3 w-3" }),
+          loading && /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx2(
+            LoadingDotsView_default,
+            {
+              color: variant !== "flat" ? color : color === "primary" ? "actionPrimary" : color === "warning" ? "actionWarning" : "white",
+              announce: false
+            }
+          ) }),
+          loading && /* @__PURE__ */ jsx2("span", { className: "sr-only", children: actionName || "A\xE7\xE3o" }),
+          !loading && children,
+          EndIcon && !loading && /* @__PURE__ */ jsx2(EndIcon, { "aria-hidden": "true", focusable: "false", className: "h-3 w-3" })
+        ]
+      })
+    ),
+    /* @__PURE__ */ jsx2(
+      "span",
+      {
+        className: "sr-only",
+        role: "status",
+        "aria-live": "polite",
+        "aria-atomic": "true",
+        children: loading ? loadingAnnouncement : ""
+      }
+    )
+  ] });
+};
+var Button_default = Button;
+
+// src/components/typography/typography.tsx
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var textVariants = cva2("font-nunito", {
+  variants: {
+    variant: {
+      primary: "text-content-primary",
+      secondary: "text-content-secondary",
+      tertiary: "text-content-muted",
+      disabled: "text-content-disabled",
+      link: "text-content-link"
+    },
+    size: {
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-md",
+      lg: "text-lg",
+      xl: "text-xl",
+      "2xl": "text-2xl",
+      title1: "text-titlexl",
+      title2: "text-titlelg",
+      title3: "text-titlemd"
+    },
+    weight: {
+      thin: "font-thin",
+      extralight: "font-extralight",
+      light: "font-light",
+      normal: "font-normal",
+      medium: "font-medium",
+      semibold: "font-semibold",
+      bold: "font-bold",
+      extrabold: "font-extrabold",
+      black: "font-black"
+    }
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "md",
+    weight: "normal"
+  }
+});
+var semanticRoleDefaults = {
+  "page-title": { size: "2xl", weight: "extrabold", variant: "primary" },
+  "section-title": { size: "xl", weight: "extrabold", variant: "primary" },
+  body: { size: "md", weight: "normal", variant: "primary" },
+  label: { size: "md", weight: "normal", variant: "primary" },
+  caption: { size: "sm", weight: "normal", variant: "secondary" },
+  helper: { size: "sm", weight: "normal", variant: "tertiary" }
+};
+function Typography(_a) {
+  var _b = _a, {
+    children,
+    element = "p",
+    semanticRole,
+    className,
+    variant,
+    size,
+    weight
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "element",
+    "semanticRole",
+    "className",
+    "variant",
+    "size",
+    "weight"
+  ]);
+  const Component = element;
+  const semanticDefaults = semanticRole ? semanticRoleDefaults[semanticRole] : void 0;
+  return /* @__PURE__ */ jsx3(
+    Component,
+    __spreadProps(__spreadValues({
+      className: textVariants({
+        variant: variant != null ? variant : semanticDefaults == null ? void 0 : semanticDefaults.variant,
+        size: size != null ? size : semanticDefaults == null ? void 0 : semanticDefaults.size,
+        weight: weight != null ? weight : semanticDefaults == null ? void 0 : semanticDefaults.weight,
+        className
+      })
+    }, rest), {
+      children
+    })
+  );
+}
+var typography_default = Typography;
+
+// src/components/divider/Divider.tsx
+import classNames from "classnames";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var colorClassMap = {
+  light: "bg-border-subtle",
+  dark: "bg-border-strong",
+  black: "bg-content-primary"
+};
+var Divider = (_a) => {
+  var _b = _a, {
+    width,
+    height = "h-[1px]",
+    children,
+    bgColor = "black"
+  } = _b, rest = __objRest(_b, [
+    "width",
+    "height",
+    "children",
+    "bgColor"
+  ]);
+  const colorClass = colorClassMap[bgColor];
+  const barClass = classNames(children ? "w-1/3" : "w-1/2", height, colorClass);
+  return /* @__PURE__ */ jsxs3("div", { className: classNames(width, "flex items-center justify-center"), children: [
+    /* @__PURE__ */ jsx4("div", { className: barClass }),
+    children && /* @__PURE__ */ jsxs3("div", { className: "px-3", children: [
+      children,
+      " "
+    ] }),
+    /* @__PURE__ */ jsx4("div", { className: barClass })
+  ] });
+};
+var Divider_default = Divider;
+
+// src/components/surface/Surface.tsx
+import classNames2 from "classnames";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var ELEVATION_STYLES = {
+  none: "shadow-none",
+  sm: "shadow-sm",
+  md: "shadow-md"
+};
+var PADDING_STYLES = {
+  none: "p-0",
+  compact: "p-2",
+  default: "p-3 desktop:p-5"
+};
+var RADIUS_STYLES = {
+  none: "rounded-none",
+  sm: "rounded-sm",
+  md: "rounded-md"
+};
+var TONE_STYLES = {
+  card: "bg-surface-card",
+  subtle: "bg-surface-subtle",
+  muted: "bg-surface-muted",
+  disabled: "bg-surface-disabled",
+  info: "bg-feedback-info-soft text-feedback-info-content",
+  success: "bg-feedback-success-soft text-feedback-success-content",
+  warning: "bg-feedback-warning-soft text-feedback-warning-content",
+  danger: "bg-feedback-danger-soft text-feedback-danger-content",
+  transparent: "bg-transparent"
+};
+function Surface(_a) {
+  var _b = _a, {
+    children,
+    className,
+    elevation = "sm",
+    padding = "default",
+    radius = "md",
+    tone = "card"
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "className",
+    "elevation",
+    "padding",
+    "radius",
+    "tone"
+  ]);
+  return /* @__PURE__ */ jsx5(
+    "div",
+    __spreadProps(__spreadValues({
+      className: classNames2(
+        "w-full",
+        ELEVATION_STYLES[elevation],
+        PADDING_STYLES[padding],
+        RADIUS_STYLES[radius],
+        TONE_STYLES[tone],
+        className
+      )
+    }, rest), {
+      children
+    })
+  );
+}
+
+// src/components/modalCard/ModalCardView.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+function ModalCardView(props) {
+  const _a = props, { children, className } = _a, rest = __objRest(_a, ["children", "className"]);
+  return /* @__PURE__ */ jsx6(
+    Surface,
+    __spreadProps(__spreadValues({
+      className: `gap-2 ${className != null ? className : ""}`
+    }, rest), {
+      children
+    })
+  );
+}
+var ModalCardView_default = ModalCardView;
+
+// src/components/notice/NoticeView.tsx
+import classNames3 from "classnames";
+import { MdClose, MdHelpOutline } from "react-icons/md";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+var boxClassMap = {
+  info: "bg-feedback-info-soft",
+  primary: "border border-selection-border bg-selection-background",
+  secondary: "bg-action-secondary",
+  tertiary: "bg-action-tertiary",
+  gray: "bg-surface-muted",
+  success: "bg-feedback-success-soft",
+  warning: "bg-feedback-warning-soft",
+  danger: "bg-feedback-danger-soft"
+};
+var colorTextClassMap = {
+  info: "text-feedback-info-content",
+  primary: "text-selection-content",
+  secondary: "text-action-secondary-content",
+  tertiary: "text-action-tertiary-content",
+  gray: "text-content-link",
+  success: "text-feedback-success-content",
+  warning: "text-feedback-warning-content",
+  danger: "text-feedback-danger-content"
+};
+var defaultTextClassMap = {
+  info: "text-content-primary",
+  primary: "text-selection-content",
+  secondary: "text-action-secondary-content",
+  tertiary: "text-action-tertiary-content",
+  gray: "text-content-primary",
+  success: "text-content-primary",
+  warning: "text-content-primary",
+  danger: "text-content-primary"
+};
+var NoticeView = (_a) => {
+  var _b = _a, {
+    rounded = false,
+    type = "info",
+    children,
+    className,
+    onDismiss,
+    onTriggerHelp,
+    icon: Icon,
+    textColor = "default"
+  } = _b, rest = __objRest(_b, [
+    "rounded",
+    "type",
+    "children",
+    "className",
+    "onDismiss",
+    "onTriggerHelp",
+    "icon",
+    "textColor"
+  ]);
+  const classes = classNames3(boxClassMap[type], {
+    "rounded-md": rounded
+  });
+  return /* @__PURE__ */ jsx7("div", __spreadProps(__spreadValues({ className: classes }, rest), { children: /* @__PURE__ */ jsxs4("div", { className: `flex p-3 gap-3 ${className}`, children: [
+    Icon && /* @__PURE__ */ jsx7("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx7(
+      Icon,
+      {
+        "aria-hidden": "true",
+        focusable: "false",
+        className: `h-5 w-5 ${colorTextClassMap[type]}`
+      }
+    ) }),
+    /* @__PURE__ */ jsx7(
+      "div",
+      {
+        className: textColor === "color" ? colorTextClassMap[type] : defaultTextClassMap[type],
+        children
+      }
+    ),
+    /* @__PURE__ */ jsxs4("div", { className: "flex gap-2 ml-auto", children: [
+      onTriggerHelp && /* @__PURE__ */ jsx7(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Obter ajuda sobre este aviso",
+          className: `inline-flex h-6 w-6 items-center justify-center rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current ${colorTextClassMap[type]}`,
+          onClick: onTriggerHelp,
+          children: /* @__PURE__ */ jsx7(
+            MdHelpOutline,
+            {
+              "aria-hidden": "true",
+              focusable: "false",
+              className: "h-5 w-5"
+            }
+          )
+        }
+      ),
+      onDismiss && /* @__PURE__ */ jsx7(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Fechar aviso",
+          className: `inline-flex h-6 w-6 items-center justify-center rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current ${colorTextClassMap[type]}`,
+          onClick: onDismiss,
+          children: /* @__PURE__ */ jsx7(
+            MdClose,
+            {
+              "aria-hidden": "true",
+              focusable: "false",
+              className: "h-5 w-5"
+            }
+          )
+        }
+      )
+    ] })
+  ] }) }));
+};
+var NoticeView_default = NoticeView;
+
+// src/components/pageState/PageState.tsx
+import classNames4 from "classnames";
+import { useEffect, useId, useRef } from "react";
+import {
+  MdErrorOutline,
+  MdInfoOutline,
+  MdRefresh,
+  MdSearchOff
+} from "react-icons/md";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+var icons = {
+  error: MdErrorOutline,
+  empty: MdSearchOff,
+  unavailable: MdInfoOutline,
+  "not-found": MdSearchOff
+};
+function PageState({
+  variant,
+  title,
+  description,
+  illustration,
+  actions,
+  onRetry,
+  retryLabel = "Tentar novamente",
+  compact = false,
+  focusOnMount = false,
+  headingLevel = 1,
+  className,
+  titleClassName,
+  children
+}) {
+  const titleId = useId();
+  const stateRef = useRef(null);
+  const Icon = icons[variant];
+  const TitleTag = headingLevel === 2 ? "h2" : "h1";
+  useEffect(() => {
+    var _a;
+    if (focusOnMount) {
+      (_a = stateRef.current) == null ? void 0 : _a.focus();
+    }
+  }, [focusOnMount]);
+  return /* @__PURE__ */ jsxs5(
+    "section",
+    {
+      ref: stateRef,
+      role: variant === "error" ? "alert" : "status",
+      "aria-labelledby": titleId,
+      tabIndex: focusOnMount ? -1 : void 0,
+      className: classNames4(
+        "grid w-full items-center gap-6 rounded-md bg-surface-card",
+        compact ? "min-h-40 p-4" : "p-4 mobile:p-6 tablet:p-10 desktop:grid-cols-[minmax(0,1fr)_minmax(240px,420px)]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs5("div", { className: "min-w-0 space-y-5", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "flex items-start gap-2", children: [
+              !illustration && /* @__PURE__ */ jsx8(
+                Icon,
+                {
+                  "aria-hidden": "true",
+                  className: "mt-0.5 h-5 w-5 shrink-0 text-content-link"
+                }
+              ),
+              /* @__PURE__ */ jsx8(
+                TitleTag,
+                {
+                  id: titleId,
+                  className: classNames4(
+                    "font-extrabold text-content-primary",
+                    compact ? "text-lg" : "text-xl tablet:text-2xl",
+                    titleClassName
+                  ),
+                  children: title
+                }
+              )
+            ] }),
+            description && /* @__PURE__ */ jsx8("div", { className: "text-md text-content-primary", children: description })
+          ] }),
+          children,
+          (onRetry || actions) && /* @__PURE__ */ jsxs5("div", { className: "flex w-full flex-col gap-2 mobile:flex-row mobile:flex-wrap", children: [
+            onRetry && /* @__PURE__ */ jsx8(
+              Button_default,
+              {
+                type: "button",
+                variant: "outline",
+                leadIcon: MdRefresh,
+                onClick: onRetry,
+                className: "w-full mobile:w-auto",
+                children: retryLabel
+              }
+            ),
+            actions
+          ] })
+        ] }),
+        illustration && /* @__PURE__ */ jsx8(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: "flex min-w-0 justify-center desktop:justify-end",
+            children: illustration
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/avatar/Avatar.tsx
+import classNames5 from "classnames";
+
+// src/components/avatar/AvatarIcon.tsx
+import { MdOutlinePersonOutline } from "react-icons/md";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var AvatarIcon = () => {
+  return /* @__PURE__ */ jsx9(MdOutlinePersonOutline, { className: "absolute w-1/2 h-1/2" });
+};
+var AvatarIcon_default = AvatarIcon;
+
+// src/components/avatar/AvatarImage.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+var AvatarImage = ({ src, altDescription }) => {
+  return /* @__PURE__ */ jsx10(
+    "img",
+    {
+      src,
+      alt: altDescription,
+      className: "rounded-full object-cover"
+    }
+  );
+};
+var AvatarImage_default = AvatarImage;
+
+// src/components/avatar/Avatar.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+var avatarSizeMap = {
+  xs: "w-5 h-5 text-2xs",
+  sm: "w-6 h-6 text-sm",
+  md: "w-8 h-8 text-xl",
+  lg: "w-9 h-9 text-2xl"
+};
+function Inicials(name) {
+  const nome = name;
+  if (!!nome) {
+    const array = nome.split(" ");
+    const primeiraLetra = nome.charAt(0);
+    const posicaoUltimoEspaco = nome.lastIndexOf(" ");
+    const primeiraLetraUltimoNome = nome.substring(
+      posicaoUltimoEspaco + 1,
+      posicaoUltimoEspaco + 2
+    );
+    if (array.length > 1) {
+      return `${(primeiraLetra + primeiraLetraUltimoNome).toUpperCase()}`;
+    } else {
+      return `${primeiraLetra.toUpperCase()}`;
+    }
+  }
+}
+var Avatar = (_a) => {
+  var _b = _a, {
+    name = "",
+    size = "xs",
+    className,
+    image,
+    description = ""
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "size",
+    "className",
+    "image",
+    "description"
+  ]);
+  const avatarSizeClass = avatarSizeMap[size];
+  const avatarComponent = image ? /* @__PURE__ */ jsx11(AvatarImage_default, { src: image, altDescription: description }) : !!name ? /* @__PURE__ */ jsx11(
+    "span",
+    {
+      className: classNames5(
+        `flex items-center justify-center`,
+        avatarSizeClass
+      ),
+      children: Inicials(name)
+    }
+  ) : /* @__PURE__ */ jsx11(AvatarIcon_default, {});
+  return /* @__PURE__ */ jsx11(
+    "div",
+    __spreadProps(__spreadValues({
+      className: classNames5(
+        `relative rounded-full bg-surface-muted flex items-center justify-center text-content-muted`,
+        avatarSizeClass,
+        className
+      )
+    }, rest), {
+      children: avatarComponent
+    })
+  );
+};
+var Avatar_default = Avatar;
+
+// src/types/themed-image.ts
+function normalizeThemedImageSource(source) {
+  if (typeof source === "string") {
+    return { light: source, dark: void 0 };
+  }
+  return source;
+}
+
+// src/components/themed-image/ThemedImage.tsx
+import classNames6 from "classnames";
+import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+var DEFAULT_LOGOS_BASE_PATH = "/logos";
+function resolvePath(source, basePath = DEFAULT_LOGOS_BASE_PATH) {
+  if (!basePath || source.startsWith("/") || source.includes(":")) {
+    return source;
+  }
+  return `${basePath.replace(/\/?$/, "/")}${source.replace(/^\/+/, "")}`;
+}
+function isSvgSource(source) {
+  return source.split(/[?#]/, 1)[0].toLowerCase().endsWith(".svg");
+}
+function ThemedImage(_a) {
+  var _b = _a, {
+    source,
+    basePath,
+    svgClassName,
+    className,
+    alt
+  } = _b, props = __objRest(_b, [
+    "source",
+    "basePath",
+    "svgClassName",
+    "className",
+    "alt"
+  ]);
+  const sources = normalizeThemedImageSource(source);
+  const lightSource = resolvePath(sources.light, basePath);
+  const darkSource = sources.dark ? resolvePath(sources.dark, basePath) : void 0;
+  return /* @__PURE__ */ jsxs6(Fragment2, { children: [
+    /* @__PURE__ */ jsx12(
+      "img",
+      __spreadProps(__spreadValues({}, props), {
+        src: lightSource,
+        alt,
+        "data-color-scheme-logo": "light",
+        className: classNames6(
+          className,
+          isSvgSource(lightSource) && svgClassName,
+          "themed-image-light",
+          {
+            "themed-image-has-dark": Boolean(darkSource)
+          }
+        )
+      })
+    ),
+    darkSource && /* @__PURE__ */ jsx12(
+      "img",
+      __spreadProps(__spreadValues({}, props), {
+        src: darkSource,
+        alt,
+        "data-color-scheme-logo": "dark",
+        className: classNames6(
+          className,
+          isSvgSource(darkSource) && svgClassName,
+          "themed-image-dark"
+        )
+      })
+    )
+  ] });
+}
+
+// src/components/icon-provider/PortalIconProvider.tsx
+import { IconContext } from "react-icons";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var PORTAL_ICON_CONTEXT = {
+  className: "shrink-0"
+};
+function IconProvider({ children }) {
+  return /* @__PURE__ */ jsx13(IconContext.Provider, { value: PORTAL_ICON_CONTEXT, children });
+}
+
+// src/components/circularLoading/CircularLoading.tsx
+import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
+var colorMap = {
+  white: "rgb(var(--white))",
+  primary: "rgb(var(--loading-circular-indicator))",
+  secondary: "rgb(var(--secondary-1))",
+  tertiary: "rgb(var(--tertiary-1))",
+  danger: "rgb(var(--feedback-danger-strong))",
+  warning: "rgb(var(--feedback-warning-strong))",
+  success: "rgb(var(--feedback-success-strong))"
+};
+function CircularLoading(_a) {
+  var _b = _a, {
+    size = 48,
+    thickness = 6,
+    trackColor = "rgb(var(--loading-circular-track))",
+    indicatorColor,
+    withTrack = true,
+    color = "primary",
+    message,
+    className,
+    ariaLabel = "Carregando"
+  } = _b, rest = __objRest(_b, [
+    "size",
+    "thickness",
+    "trackColor",
+    "indicatorColor",
+    "withTrack",
+    "color",
+    "message",
+    "className",
+    "ariaLabel"
+  ]);
+  const breakpoint = useBreakpoint();
+  const finalSize = breakpoint === "mobile" ? Math.min(size, 100) : size;
+  const finalThickness = breakpoint === "mobile" ? Math.min(thickness, 16) : thickness;
+  const radius = (finalSize - finalThickness) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const center = finalSize / 2;
+  const finalIndicatorColor = indicatorColor != null ? indicatorColor : colorMap[color];
+  return /* @__PURE__ */ jsxs7(
+    "div",
+    __spreadProps(__spreadValues({
+      role: "status",
+      "aria-label": ariaLabel,
+      className: `inline-flex flex-col items-center justify-center gap-4 leading-none ${className != null ? className : ""}`.trim()
+    }, rest), {
+      children: [
+        /* @__PURE__ */ jsxs7(
+          "svg",
+          {
+            className: "shrink-0",
+            width: finalSize,
+            height: finalSize,
+            viewBox: `0 0 ${finalSize} ${finalSize}`,
+            xmlns: "http://www.w3.org/2000/svg",
+            "aria-hidden": "true",
+            children: [
+              withTrack && /* @__PURE__ */ jsx14(
+                "circle",
+                {
+                  className: "circular-loading-track",
+                  cx: finalSize / 2,
+                  cy: finalSize / 2,
+                  r: radius,
+                  stroke: trackColor,
+                  strokeWidth: finalThickness,
+                  fill: "none"
+                }
+              ),
+              /* @__PURE__ */ jsx14(
+                "circle",
+                {
+                  className: "circular-loading-indicator",
+                  cx: finalSize / 2,
+                  cy: finalSize / 2,
+                  r: radius,
+                  stroke: finalIndicatorColor,
+                  strokeWidth: finalThickness,
+                  strokeLinecap: "round",
+                  fill: "none",
+                  strokeDasharray: circumference,
+                  strokeDashoffset: circumference * 0.75,
+                  children: /* @__PURE__ */ jsx14(
+                    "animateTransform",
+                    {
+                      attributeName: "transform",
+                      type: "rotate",
+                      from: `0 ${center} ${center}`,
+                      to: `360 ${center} ${center}`,
+                      dur: "1.4s",
+                      repeatCount: "indefinite"
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        message && /* @__PURE__ */ jsx14("p", { className: "text-center text-sm font-medium text-content-secondary", children: message })
+      ]
+    })
+  );
+}
+
+// src/components/text-group/TextGroup.tsx
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+function TextGroup(_a) {
+  var _b = _a, {
+    title,
+    text = "-",
+    className
+  } = _b, rest = __objRest(_b, [
+    "title",
+    "text",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxs8("div", __spreadProps(__spreadValues({ className }, rest), { children: [
+    /* @__PURE__ */ jsx15(typography_default, { size: "sm", className: "text-content-primary", children: title }),
+    /* @__PURE__ */ jsx15(typography_default, { size: "md", className: "break-words font-semibold text-content-primary", children: text || "-" })
+  ] }));
+}
+
+// src/components/pagination/PaginationView.tsx
+import { MdChevronLeft, MdChevronRight } from "react-icons/md";
+import cs2 from "classnames";
+
+// src/components/pagination/components/PageButtons.tsx
+import cs from "classnames";
+import { jsx as jsx16 } from "react/jsx-runtime";
+function PageButtons(props) {
+  const { currentPage, totalResults, perPage, onClick } = props;
+  const pages = totalResults > 10 ? Math.ceil(totalResults / perPage) : 1;
+  let pagesAfter = pages - currentPage > 2 ? 2 : pages - currentPage;
+  let pagesBefore = currentPage > 2 ? 2 : currentPage === 2 ? 1 : 0;
+  let buttonsBefore = [];
+  let buttonsAfter = [];
+  for (let i = 1; i <= pagesBefore; i++) {
+    const page = currentPage - i;
+    buttonsBefore = [
+      /* @__PURE__ */ jsx16(
+        "button",
+        {
+          type: "button",
+          "aria-label": `P\xE1gina ${page}`,
+          className: cs(
+            "flex h-7 w-8 items-center justify-center rounded border border-border-default",
+            "cursor-pointer bg-surface-card text-sm text-content-primary hover:bg-surface-muted",
+            "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring"
+          ),
+          onClick: () => onClick(page),
+          children: page
+        },
+        `page-${page}`
+      ),
+      ...buttonsBefore
+    ];
+  }
+  for (let i = 1; i <= pagesAfter; i++) {
+    const page = currentPage + i;
+    buttonsAfter.push(
+      /* @__PURE__ */ jsx16(
+        "button",
+        {
+          type: "button",
+          "aria-label": `P\xE1gina ${page}`,
+          className: cs(
+            "flex h-7 w-8 items-center justify-center rounded border border-border-default",
+            "cursor-pointer bg-surface-card text-sm text-content-primary hover:bg-surface-muted",
+            "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring"
+          ),
+          onClick: () => onClick(page),
+          children: page
+        },
+        `page-${page}`
+      )
+    );
+  }
+  return [
+    ...buttonsBefore,
+    /* @__PURE__ */ jsx16(
+      "button",
+      {
+        type: "button",
+        "aria-label": `P\xE1gina ${currentPage}, atual`,
+        "aria-current": "page",
+        disabled: true,
+        className: cs(
+          "flex h-7 w-8 items-center justify-center rounded border border-selection-border",
+          "cursor-default bg-selection-background text-sm text-selection-content"
+        ),
+        children: currentPage
+      },
+      `page-${currentPage}`
+    ),
+    ...buttonsAfter
+  ];
+}
+var PageButtons_default = PageButtons;
+
+// src/components/pagination/PaginationView.tsx
+import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
+function PaginationView(props) {
+  const { currentPage, totalResults, perPage, onClick } = props;
+  return /* @__PURE__ */ jsxs9(
+    "nav",
+    {
+      "aria-label": "Pagina\xE7\xE3o",
+      className: "flex flex-wrap justify-between mt-auto mb-5",
+      children: [
+        /* @__PURE__ */ jsxs9("span", { className: "text-sm text-content-primary", children: [
+          "Visualizando de ",
+          currentPage * perPage - (perPage - 1),
+          " ",
+          "at\xE9 ",
+          totalResults > currentPage * perPage ? currentPage * perPage : totalResults,
+          " ",
+          "de ",
+          totalResults,
+          " resultados"
+        ] }),
+        /* @__PURE__ */ jsxs9("div", { className: "flex items-stretch gap-1.5", children: [
+          currentPage > 1 && /* @__PURE__ */ jsxs9(
+            "button",
+            {
+              type: "button",
+              className: cs2(
+                "h-7 w-24 rounded-sm border border-border-default",
+                "flex items-center justify-center gap-1 text-content-primary text-sm",
+                "cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring"
+              ),
+              onClick: () => onClick(currentPage - 1),
+              children: [
+                /* @__PURE__ */ jsx17(MdChevronLeft, { size: 10, "aria-hidden": "true", focusable: "false" }),
+                "Anterior"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx17(
+            PageButtons_default,
+            {
+              currentPage,
+              totalResults,
+              perPage,
+              onClick
+            }
+          ),
+          currentPage < Math.ceil(totalResults / 10) && /* @__PURE__ */ jsxs9(
+            "button",
+            {
+              type: "button",
+              className: cs2(
+                "h-7 w-24 rounded-sm border border-border-default",
+                "flex items-center justify-center gap-1 text-content-primary text-sm",
+                "cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring"
+              ),
+              onClick: () => onClick(currentPage + 1),
+              children: [
+                "Pr\xF3xima",
+                /* @__PURE__ */ jsx17(MdChevronRight, { size: 10, "aria-hidden": "true", focusable: "false" })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+var PaginationView_default = PaginationView;
+
+// src/components/checkbox/checkbox.tsx
+import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
+function Checkbox(_a) {
+  var _b = _a, {
+    options,
+    value,
+    onChange,
+    layout = "row"
+  } = _b, props = __objRest(_b, [
+    "options",
+    "value",
+    "onChange",
+    "layout"
+  ]);
+  let containerClass = "";
+  if (layout === "col") {
+    containerClass = "flex flex-col gap-y-3 mt-3";
+  } else if (layout === "grid-2") {
+    containerClass = "grid grid-cols-2 gap-y-2 mt-3";
+  } else {
+    containerClass = "flex flex-row mt-3";
+  }
+  return /* @__PURE__ */ jsx18("div", { className: containerClass, children: options.map((option) => /* @__PURE__ */ jsxs10(
+    "label",
+    {
+      className: "mr-6 flex min-h-7 cursor-pointer items-center gap-2",
+      children: [
+        /* @__PURE__ */ jsx18(
+          "input",
+          __spreadValues({
+            type: "checkbox",
+            className: "checkbox-control",
+            value: option.value,
+            checked: value === option.value,
+            onChange
+          }, props)
+        ),
+        /* @__PURE__ */ jsx18("span", { className: "text-content-secondary", children: option.label })
+      ]
+    },
+    option.value
+  )) });
+}
+var CheckBox = Checkbox;
+
+// src/components/slider/Slider.tsx
+import {
+  useCallback,
+  useEffect as useEffect2,
+  useMemo,
+  useRef as useRef2,
+  useState
+} from "react";
+import { jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
+var Slider = ({
+  min,
+  max,
+  step,
+  initialValue = min,
+  value,
+  onChange,
+  onDragOver,
+  disabled = false,
+  marks,
+  ariaLabel,
+  getAriaValueText
+}) => {
+  const [internalValue, setInternalValue] = useState(initialValue);
+  const sliderRef = useRef2(null);
+  const thumbRef = useRef2(null);
+  const tooltipRef = useRef2(null);
+  const progressRef = useRef2(null);
+  const tickRefs = useRef2([]);
+  const markRefs = useRef2([]);
+  const isDraggingRef = useRef2(false);
+  const [tooltipOffset, setTooltipOffset] = useState(0);
+  const currentValue = value !== void 0 ? value : internalValue;
+  useEffect2(() => {
+    if (value === void 0) {
+      setInternalValue(initialValue);
+    }
+  }, [initialValue, value]);
+  const roundToStep = (val) => {
+    const precision = Math.max(0, Math.ceil(-Math.log10(step)));
+    return parseFloat((Math.round(val / step) * step).toFixed(precision));
+  };
+  const updateValueFromPosition = (clientX) => {
+    if (!sliderRef.current) return void 0;
+    const sliderRect = sliderRef.current.getBoundingClientRect();
+    const newLeft = Math.min(
+      Math.max(clientX - sliderRect.left, 0),
+      sliderRect.width
+    );
+    const rawValue = min + (max - min) * newLeft / sliderRect.width;
+    return roundToStep(rawValue);
+  };
+  const handleMouseMove = (event) => {
+    if (disabled || !isDraggingRef.current) return;
+    const roundedValue = updateValueFromPosition(event.clientX);
+    if (roundedValue === void 0) return;
+    if (value === void 0) setInternalValue(roundedValue);
+    if (onChange) onChange(roundedValue);
+  };
+  const handleMouseUp = (event) => {
+    document.removeEventListener("mousemove", handleMouseMove);
+    document.removeEventListener("mouseup", handleMouseUp);
+    if (isDraggingRef.current) {
+      const finalValue = updateValueFromPosition(event.clientX);
+      if (finalValue !== void 0) {
+        if (value === void 0) setInternalValue(finalValue);
+        if (onChange) onChange(finalValue);
+        if (onDragOver) onDragOver(finalValue);
+      } else {
+        if (onDragOver) onDragOver(currentValue);
+      }
+    }
+    isDraggingRef.current = false;
+  };
+  const handleMouseDown = (event) => {
+    if (disabled || !sliderRef.current) return;
+    isDraggingRef.current = true;
+    const roundedValue = updateValueFromPosition(event.clientX);
+    if (roundedValue !== void 0) {
+      if (value === void 0) setInternalValue(roundedValue);
+      if (onChange) onChange(roundedValue);
+    }
+    document.addEventListener("mousemove", handleMouseMove);
+    document.addEventListener("mouseup", handleMouseUp);
+  };
+  const handleTouchMove = (event) => {
+    if (disabled || !isDraggingRef.current) return;
+    const touch = event.touches[0];
+    const roundedValue = updateValueFromPosition(touch.clientX);
+    if (roundedValue === void 0) return;
+    if (value === void 0) setInternalValue(roundedValue);
+    if (onChange) onChange(roundedValue);
+  };
+  const handleTouchEnd = (event) => {
+    document.removeEventListener("touchmove", handleTouchMove);
+    document.removeEventListener("touchend", handleTouchEnd);
+    if (isDraggingRef.current) {
+      const touch = event.changedTouches[0];
+      const finalValue = updateValueFromPosition(touch.clientX);
+      if (finalValue !== void 0) {
+        if (value === void 0) setInternalValue(finalValue);
+        if (onChange) onChange(finalValue);
+        if (onDragOver) onDragOver(finalValue);
+      } else {
+        if (onDragOver) onDragOver(currentValue);
+      }
+    }
+    isDraggingRef.current = false;
+  };
+  const handleTouchStart = (event) => {
+    if (disabled || !sliderRef.current) return;
+    isDraggingRef.current = true;
+    const touch = event.touches[0];
+    const roundedValue = updateValueFromPosition(touch.clientX);
+    if (roundedValue !== void 0) {
+      if (value === void 0) setInternalValue(roundedValue);
+      if (onChange) onChange(roundedValue);
+    }
+    document.addEventListener("touchmove", handleTouchMove);
+    document.addEventListener("touchend", handleTouchEnd);
+  };
+  const updateThumbPosition = useCallback(() => {
+    var _a, _b;
+    if (thumbRef.current && sliderRef.current && progressRef.current) {
+      const sliderRect = sliderRef.current.getBoundingClientRect();
+      if (max <= min || sliderRect.width <= 0) {
+        thumbRef.current.style.left = "0px";
+        progressRef.current.style.width = "0px";
+        setTooltipOffset(0);
+        return;
+      }
+      const clampedValue = Math.max(min, Math.min(max, currentValue));
+      const left = (clampedValue - min) / (max - min) * sliderRect.width;
+      const tooltipWidth = (_b = (_a = tooltipRef.current) == null ? void 0 : _a.getBoundingClientRect().width) != null ? _b : 48;
+      const tooltipHalfWidth = tooltipWidth / 2;
+      const thumbHalfWidth = thumbRef.current.getBoundingClientRect().width / 2;
+      const clampedTooltipCenter = Math.min(
+        Math.max(left, tooltipHalfWidth - thumbHalfWidth),
+        sliderRect.width - (tooltipHalfWidth - thumbHalfWidth)
+      );
+      thumbRef.current.style.left = `${left}px`;
+      progressRef.current.style.width = `${left}px`;
+      setTooltipOffset(clampedTooltipCenter - left);
+    }
+  }, [currentValue, max, min]);
+  useEffect2(() => {
+    updateThumbPosition();
+    if (typeof ResizeObserver === "undefined") {
+      window.addEventListener("resize", updateThumbPosition);
+      return () => window.removeEventListener("resize", updateThumbPosition);
+    }
+    const resizeObserver = new ResizeObserver(updateThumbPosition);
+    if (sliderRef.current) resizeObserver.observe(sliderRef.current);
+    return () => resizeObserver.disconnect();
+  }, [currentValue, max, min, updateThumbPosition]);
+  const effectiveMarks = useMemo(
+    () => marks && marks.length > 0 ? marks : [min, max],
+    [marks, max, min]
+  );
+  const ticks = useMemo(() => {
+    if (max <= min || step <= 0) return [min];
+    const maxTicks = 50;
+    const interval = (max - min) / Math.min(maxTicks, (max - min) / step);
+    const calculatedTicks = [];
+    for (let tick = min; tick <= max; tick += interval) {
+      calculatedTicks.push(tick);
+    }
+    return calculatedTicks;
+  }, [max, min, step]);
+  useEffect2(() => {
+    ticks.forEach((tick, idx) => {
+      const element = tickRefs.current[idx];
+      if (!element) return;
+      const percent = (tick - min) / (max - min) * 100;
+      const isMain = effectiveMarks.includes(Math.round(tick * 100) / 100);
+      element.style.left = `${percent}%`;
+      element.style.height = `${isMain ? 10 : 6}px`;
+    });
+    effectiveMarks.forEach((mark, idx) => {
+      const element = markRefs.current[idx];
+      if (!element) return;
+      const percent = (mark - min) / (max - min) * 100;
+      element.style.left = `${percent}%`;
+    });
+  }, [effectiveMarks, max, min, ticks]);
+  return /* @__PURE__ */ jsxs11("div", { className: "block relative w-full h-12", children: [
+    /* @__PURE__ */ jsxs11(
+      "div",
+      {
+        className: `relative w-full ${disabled ? "cursor-not-allowed" : "cursor-pointer"} mt-10`,
+        ref: sliderRef,
+        onMouseDown: handleMouseDown,
+        onTouchStart: handleTouchStart,
+        tabIndex: disabled ? -1 : 0,
+        onKeyDown: (event) => {
+          if (disabled) return;
+          const setValue = (val) => {
+            const clamped = Math.max(min, Math.min(max, roundToStep(val)));
+            if (value === void 0) setInternalValue(clamped);
+            if (onChange) onChange(clamped);
+            if (onDragOver) onDragOver(clamped);
+          };
+          switch (event.key) {
+            case "ArrowLeft":
+            case "ArrowDown":
+              setValue(currentValue - step);
+              event.preventDefault();
+              break;
+            case "ArrowRight":
+            case "ArrowUp":
+              setValue(currentValue + step);
+              event.preventDefault();
+              break;
+            case "Home":
+              setValue(min);
+              event.preventDefault();
+              break;
+            case "End":
+              setValue(max);
+              event.preventDefault();
+              break;
+            default:
+              break;
+          }
+        },
+        role: "slider",
+        "aria-valuemin": min,
+        "aria-valuemax": max,
+        "aria-valuenow": currentValue,
+        "aria-valuetext": getAriaValueText(currentValue),
+        "aria-label": ariaLabel,
+        "aria-disabled": disabled,
+        children: [
+          /* @__PURE__ */ jsx19("div", { className: "absolute left-0 top-1/2 h-[4px] w-full -translate-y-1/2 transform rounded bg-border-default" }),
+          /* @__PURE__ */ jsx19(
+            "div",
+            {
+              className: `absolute top-1/2 left-0 h-[4px] rounded ${disabled ? "bg-surface-disabled" : "bg-action-primary"} transform -translate-y-1/2`,
+              ref: progressRef
+            }
+          ),
+          /* @__PURE__ */ jsx19(
+            "div",
+            {
+              className: "absolute top-1/2 w-4 h-4 bg-surface-card border border-border-default rounded-full transform -translate-x-1/2 -translate-y-1/2 select-none",
+              ref: thumbRef,
+              children: !disabled && /* @__PURE__ */ jsx19(
+                "div",
+                {
+                  ref: tooltipRef,
+                  className: "absolute left-1/2 bottom-full transform -translate-x-1/2 mb-1 font-semibold rounded px-1 py-[2px] text-center text-content-inverse bg-surface-tooltip text-sm ",
+                  style: { marginLeft: `${tooltipOffset}px` },
+                  children: currentValue
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    ticks.map((tick, idx) => {
+      return /* @__PURE__ */ jsx19(
+        "div",
+        {
+          ref: (element) => {
+            tickRefs.current[idx] = element;
+          },
+          className: "absolute top-2 w-px -translate-x-1/2 bg-border-strong"
+        },
+        idx
+      );
+    }),
+    effectiveMarks.map((mark, idx) => {
+      return /* @__PURE__ */ jsx19(
+        "span",
+        {
+          ref: (element) => {
+            markRefs.current[idx] = element;
+          },
+          className: "absolute top-5 -translate-x-1/2 text-xs text-content-primary",
+          children: mark
+        },
+        idx
+      );
+    })
+  ] });
+};
+var Slider_default = Slider;
+
+// src/components/inputSlider/InputSliderView.tsx
+import { useCallback as useCallback2, useState as useState2, useEffect as useEffect3 } from "react";
+import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
+var InputSlider = (_a) => {
+  var _b = _a, {
+    name,
+    start,
+    step = 1,
+    end,
+    functionChange,
+    initialValue,
+    prefix,
+    sufix,
+    marks,
+    valueLabelDisplay = "auto",
+    showLabel = false,
+    disabled = false,
+    inputDisabled = false,
+    valueFormmated,
+    showInput = false,
+    ariaLabel
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "start",
+    "step",
+    "end",
+    "functionChange",
+    "initialValue",
+    "prefix",
+    "sufix",
+    "marks",
+    "valueLabelDisplay",
+    "showLabel",
+    "disabled",
+    "inputDisabled",
+    "valueFormmated",
+    "showInput",
+    "ariaLabel"
+  ]);
+  const [value, setValue] = useState2(initialValue);
+  const controlLabel = ariaLabel || name;
+  const valueInputId = `${name}-value`;
+  const handleSliderChange = useCallback2(
+    (newValue) => {
+      const parsedValue = Number(newValue);
+      setValue(parsedValue);
+    },
+    [functionChange]
+  );
+  const handleInputChange = useCallback2(
+    (event) => {
+      if (event.target.value === "") {
+        setValue(start);
+        return;
+      }
+      const nextValue = Number(event.target.value);
+      if (Number.isFinite(nextValue)) setValue(nextValue);
+    },
+    [start]
+  );
+  const handleBlur = useCallback2(() => {
+    if (value < start) {
+      setValue(start);
+    } else if (value > end) {
+      setValue(end);
+    }
+  }, [end, start, value]);
+  useEffect3(() => {
+    functionChange(value);
+  }, [functionChange, value]);
+  return /* @__PURE__ */ jsxs12("div", { className: "w-full flex flex-row gap-2", children: [
+    /* @__PURE__ */ jsx20(
+      "input",
+      {
+        className: "w-full range pr-6 accent-primary-1",
+        type: "range",
+        name,
+        id: name,
+        min: start,
+        max: end,
+        step: step != null ? step : 1,
+        disabled,
+        value,
+        "aria-label": controlLabel,
+        onChange: (e) => handleSliderChange(e.target.value)
+      }
+    ),
+    showInput && /* @__PURE__ */ jsx20(
+      "input",
+      {
+        id: valueInputId,
+        className: "min-w-0",
+        value: inputDisabled ? "-" : value,
+        onChange: handleInputChange,
+        onBlur: handleBlur,
+        type: "number",
+        step: step != null ? step : 1,
+        min: start,
+        max: end,
+        "aria-label": `${controlLabel} valor`,
+        disabled: disabled || inputDisabled
+      }
+    )
+  ] });
+};
+var InputSliderView_default = InputSlider;
+
+// src/components/form-layout/FormActions.tsx
+import classNames7 from "classnames";
+import { jsx as jsx21 } from "react/jsx-runtime";
+var ALIGN_STYLES = {
+  start: "tablet:justify-start",
+  center: "tablet:justify-center",
+  end: "tablet:justify-end",
+  between: "tablet:justify-between"
+};
+function FormActions(_a) {
+  var _b = _a, {
+    align = "end",
+    fullWidthOnMobile = true,
+    className
+  } = _b, rest = __objRest(_b, [
+    "align",
+    "fullWidthOnMobile",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx21(
+    "div",
+    __spreadValues({
+      className: classNames7(
+        "flex w-full flex-col gap-3 tablet:flex-row tablet:items-end",
+        ALIGN_STYLES[align],
+        fullWidthOnMobile && "[&>*]:w-full tablet:[&>*]:w-auto",
+        className
+      )
+    }, rest)
+  );
+}
+
+// src/components/form-layout/FormGrid.tsx
+import classNames8 from "classnames";
+import { jsx as jsx22 } from "react/jsx-runtime";
+var COLUMN_STYLES = {
+  1: "grid-cols-1",
+  2: "grid-cols-1 tablet:grid-cols-2",
+  3: "grid-cols-1 tablet:grid-cols-3",
+  4: "grid-cols-1 tablet:grid-cols-4",
+  5: "grid-cols-1 tablet:grid-cols-5",
+  6: "grid-cols-1 tablet:grid-cols-6",
+  7: "grid-cols-1 tablet:grid-cols-7",
+  8: "grid-cols-1 tablet:grid-cols-8",
+  10: "grid-cols-1 tablet:grid-cols-10",
+  12: "grid-cols-1 tablet:grid-cols-12"
+};
+function FormGrid(_a) {
+  var _b = _a, { columns = 2, className } = _b, rest = __objRest(_b, ["columns", "className"]);
+  return /* @__PURE__ */ jsx22(
+    "div",
+    __spreadValues({
+      className: classNames8(
+        "field-alignment-grid grid w-full gap-x-4 gap-y-5",
+        COLUMN_STYLES[columns],
+        className
+      )
+    }, rest)
+  );
+}
+
+// src/components/page-heading/PageHeading.tsx
+import classNames9 from "classnames";
+import { MdArrowBack } from "react-icons/md";
+import { Fragment as Fragment3, jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
+function BackContent({ label }) {
+  return /* @__PURE__ */ jsxs13(Fragment3, { children: [
+    /* @__PURE__ */ jsx23(MdArrowBack, { "aria-hidden": "true", className: "h-5 w-5 shrink-0" }),
+    /* @__PURE__ */ jsx23("span", { children: label })
+  ] });
+}
+function PageHeading({
+  title,
+  subtitle,
+  back,
+  actions,
+  className,
+  contentClassName,
+  spacing = "default"
+}) {
+  const backClassName = "mb-2 inline-flex w-fit items-center gap-1 text-sm font-semibold text-content-link hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring";
+  return /* @__PURE__ */ jsxs13(
+    "header",
+    {
+      className: classNames9(
+        "flex flex-col gap-3 tablet:flex-row tablet:items-start tablet:justify-between",
+        { "mb-sm": spacing === "default" },
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs13("div", { className: classNames9("min-w-0", contentClassName), children: [
+          (back == null ? void 0 : back.href) ? /* @__PURE__ */ jsx23("a", { className: backClassName, href: back.href, children: /* @__PURE__ */ jsx23(BackContent, { label: back.label }) }) : back ? /* @__PURE__ */ jsx23(
+            "button",
+            {
+              type: "button",
+              className: backClassName,
+              onClick: back.onClick,
+              children: /* @__PURE__ */ jsx23(BackContent, { label: back.label })
+            }
+          ) : null,
+          /* @__PURE__ */ jsx23(typography_default, { element: "h1", semanticRole: "page-title", children: title }),
+          subtitle !== void 0 && subtitle !== null && /* @__PURE__ */ jsx23(
+            typography_default,
+            {
+              element: "p",
+              semanticRole: "section-title",
+              className: "mt-2 font-normal",
+              children: subtitle
+            }
+          )
+        ] }),
+        actions && /* @__PURE__ */ jsx23("div", { className: "flex w-full flex-wrap items-center gap-2 tablet:w-auto tablet:justify-end", children: actions })
+      ]
+    }
+  );
+}
+
+// src/components/page-tabs/PageTabsHeader.tsx
+import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
+function PageTabsHeader({
+  title,
+  tabs,
+  activeTab,
+  onTabChange,
+  className = "",
+  size = "default"
+}) {
+  return /* @__PURE__ */ jsxs14(
+    "div",
+    {
+      className: `flex flex-col gap-4 tablet:flex-row tablet:items-end tablet:justify-between ${className}`,
+      children: [
+        /* @__PURE__ */ jsx24(PageHeading, { title, spacing: "none" }),
+        tabs.length > 1 && /* @__PURE__ */ jsx24(
+          "nav",
+          {
+            "aria-label": title,
+            className: "flex w-full max-w-full flex-row flex-nowrap items-end gap-3 overflow-x-auto tablet:w-fit tablet:justify-end tablet:overflow-visible",
+            children: /* @__PURE__ */ jsx24("div", { role: "tablist", className: "flex flex-nowrap items-end gap-3", children: tabs.map((tab) => {
+              const Icon = tab.icon;
+              const isActive = activeTab === tab.id;
+              return /* @__PURE__ */ jsxs14(
+                "button",
+                {
+                  type: "button",
+                  role: "tab",
+                  "aria-selected": isActive,
+                  "aria-current": isActive ? "page" : void 0,
+                  disabled: tab.disabled,
+                  onClick: () => onTabChange(tab.id),
+                  className: `inline-flex items-center gap-1 whitespace-nowrap border-b-[3px] transition-colors duration-200 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-1 disabled:cursor-not-allowed disabled:opacity-50 tablet:px-1 ${size === "small" ? "px-0.5 py-0 text-sm" : "p-0.5 text-base"} ${isActive ? "border-primary-1 font-semibold text-primary-1" : "border-transparent text-content-secondary hover:text-content-muted"}`,
+                  children: [
+                    Icon && /* @__PURE__ */ jsx24(Icon, { "aria-hidden": "true", className: "h-4 w-4 shrink-0" }),
+                    /* @__PURE__ */ jsx24("span", { children: tab.label }),
+                    tab.notification !== void 0 && tab.notification !== null && /* @__PURE__ */ jsx24("span", { className: "inline-flex min-h-4 min-w-4 items-center justify-center rounded-full bg-feedback-danger-strong px-1 text-2xs font-bold text-feedback-danger-on-strong", children: tab.notification })
+                  ]
+                },
+                tab.id
+              );
+            }) })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/info-grid/InfoGrid.tsx
+import classNames10 from "classnames";
+
+// src/utils/optional-value.ts
+var hasOptionalValue = (value) => {
+  if (value === null || value === void 0) return false;
+  if (typeof value !== "string") return true;
+  const normalized = value.trim().toUpperCase();
+  return normalized !== "" && normalized !== "N/A";
+};
+function resolveOptionalValue(value, options = {}) {
+  var _a;
+  if (hasOptionalValue(value)) return value;
+  if (options.policy === "hide") return null;
+  return (_a = options.placeholder) != null ? _a : "-";
+}
+
+// src/components/info-grid/InfoGrid.tsx
+import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
+var COLUMN_STYLES2 = {
+  1: "grid-cols-1",
+  2: "grid-cols-1 mobile:grid-cols-2",
+  3: "grid-cols-1 mobile:grid-cols-2 tablet:grid-cols-3",
+  4: "grid-cols-1 mobile:grid-cols-2 desktop:grid-cols-4",
+  6: "grid-cols-1 mobile:grid-cols-2 tablet:grid-cols-3 desktop:grid-cols-6"
+};
+function InfoGrid(_a) {
+  var _b = _a, { columns = 3, className } = _b, rest = __objRest(_b, ["columns", "className"]);
+  return /* @__PURE__ */ jsx25(
+    "dl",
+    __spreadValues({
+      className: classNames10(
+        "grid gap-x-8 gap-y-5",
+        COLUMN_STYLES2[columns],
+        className
+      )
+    }, rest)
+  );
+}
+function InfoItem(_a) {
+  var _b = _a, {
+    label,
+    value,
+    optional = "placeholder",
+    placeholder = "-",
+    numeric = false,
+    variant = "default",
+    className,
+    valueClassName,
+    children
+  } = _b, rest = __objRest(_b, [
+    "label",
+    "value",
+    "optional",
+    "placeholder",
+    "numeric",
+    "variant",
+    "className",
+    "valueClassName",
+    "children"
+  ]);
+  const resolved = resolveOptionalValue(value, { policy: optional, placeholder });
+  if (resolved === null) return null;
+  return /* @__PURE__ */ jsxs15("div", __spreadProps(__spreadValues({ className: classNames10("min-w-0", className) }, rest), { children: [
+    /* @__PURE__ */ jsx25("dt", { className: "break-words text-sm text-content-secondary", children: label }),
+    /* @__PURE__ */ jsx25(
+      "dd",
+      {
+        className: classNames10(
+          "mt-1 break-words",
+          variant === "metric" ? "text-md font-bold" : "text-md font-semibold",
+          numeric && "tabular-nums",
+          valueClassName
+        ),
+        children: children != null ? children : resolved
+      }
+    )
+  ] }));
+}
+
+// src/components/filter-bar/FilterBar.tsx
+import classNames11 from "classnames";
+import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
+function FilterBar(_a) {
+  var _b = _a, {
+    filters,
+    actions,
+    columns = 3,
+    className,
+    actionClassName
+  } = _b, rest = __objRest(_b, [
+    "filters",
+    "actions",
+    "columns",
+    "className",
+    "actionClassName"
+  ]);
+  return /* @__PURE__ */ jsxs16(
+    "div",
+    __spreadProps(__spreadValues({
+      className: classNames11(
+        "flex w-full flex-col gap-5 desktop:flex-row desktop:items-end",
+        className
+      )
+    }, rest), {
+      children: [
+        /* @__PURE__ */ jsx26(FormGrid, { columns, className: "min-w-0 flex-1", children: filters }),
+        actions ? /* @__PURE__ */ jsx26(FormActions, { className: classNames11("desktop:w-auto", actionClassName), children: actions }) : null
+      ]
+    })
+  );
+}
+
+// src/components/status-badge/StatusBadge.tsx
+import classNames12 from "classnames";
+import { jsx as jsx27 } from "react/jsx-runtime";
+var TONE_STYLES2 = {
+  info: {
+    outline: "border-feedback-info-border text-feedback-info-content",
+    soft: "border-feedback-info-border bg-feedback-info-soft text-feedback-info-content",
+    solid: "border-feedback-info-strong bg-feedback-info-strong text-surface-subtle"
+  },
+  warning: {
+    outline: "border-feedback-warning-border text-feedback-warning-content",
+    soft: "border-feedback-warning-border bg-feedback-warning-soft text-feedback-warning-content",
+    solid: "border-feedback-warning-strong bg-feedback-warning-strong text-surface-subtle"
+  },
+  success: {
+    outline: "border-feedback-success-border text-feedback-success-content",
+    soft: "border-feedback-success-border bg-feedback-success-soft text-feedback-success-content",
+    solid: "border-feedback-success-strong bg-feedback-success-strong text-surface-subtle"
+  },
+  danger: {
+    outline: "border-feedback-danger-border text-feedback-danger-content",
+    soft: "border-feedback-danger-border bg-feedback-danger-soft text-feedback-danger-content",
+    solid: "border-feedback-danger-strong bg-feedback-danger-strong text-surface-subtle"
+  },
+  neutral: {
+    outline: "border-border-strong text-content-secondary",
+    soft: "border-border-default bg-surface-subtle text-content-secondary",
+    solid: "border-surface-action-neutral bg-surface-action-neutral text-surface-subtle"
+  }
+};
+var SIZE_STYLES = {
+  sm: "min-h-5 px-1 py-0.5 text-xs",
+  md: "min-h-6 px-2 py-0.5 text-sm"
+};
+function StatusBadge(_a) {
+  var _b = _a, {
+    children,
+    tone = "neutral",
+    appearance = "outline",
+    size = "md",
+    overflow = "wrap",
+    className,
+    title
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "tone",
+    "appearance",
+    "size",
+    "overflow",
+    "className",
+    "title"
+  ]);
+  return /* @__PURE__ */ jsx27(
+    "span",
+    __spreadProps(__spreadValues({
+      className: classNames12(
+        "inline-flex w-fit max-w-full items-center justify-center rounded-sm border-2 text-center font-bold uppercase tracking-wide",
+        SIZE_STYLES[size],
+        TONE_STYLES2[tone][appearance],
+        overflow === "truncate" ? "overflow-hidden text-ellipsis whitespace-nowrap" : "whitespace-normal break-words",
+        className
+      ),
+      title: title != null ? title : typeof children === "string" ? children : void 0
+    }, rest), {
+      children
+    })
+  );
+}
+var getStatusBadgeClassName = (tone, appearance) => TONE_STYLES2[tone][appearance];
+
+// src/utils/resolve-status-appearance.ts
+var NORMALIZED_STATUS = {
+  infoOutline: /* @__PURE__ */ new Set(["ABERTO", "PAGO", "EM PAGAMENTO"]),
+  infoSolid: /* @__PURE__ */ new Set([
+    "EM ANDAMENTO",
+    "SOLICITADO",
+    "NAO ASSINADO",
+    "AGUARDANDO ASSINATURA"
+  ]),
+  warning: /* @__PURE__ */ new Set([
+    "EM ANALISE",
+    "PENDENTE",
+    "SUSPENSO",
+    "AGUARDANDO PARTICIPANTE"
+  ]),
+  success: /* @__PURE__ */ new Set([
+    "DEFERIDO",
+    "QUITADO",
+    "LIBERADO",
+    "ATIVO",
+    "VIGENTE",
+    "RESPONDIDO",
+    "ASSINADO"
+  ]),
+  danger: /* @__PURE__ */ new Set(["INDEFERIDO", "VENCIDO", "CANCELADO", "ERRO"]),
+  neutral: /* @__PURE__ */ new Set([
+    "CONCLUIDO",
+    "ENCERRADO",
+    "FINALIZADO",
+    "RENEGOCIADO",
+    "INATIVO"
+  ])
+};
+var normalizeStatus = (status) => String(status != null ? status : "").normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/\s+/g, " ").trim().toUpperCase();
+var resolveGenericStatus = (status) => {
+  if (NORMALIZED_STATUS.infoOutline.has(status)) {
+    return { tone: "info", appearance: "outline" };
+  }
+  if (NORMALIZED_STATUS.infoSolid.has(status)) {
+    return { tone: "info", appearance: "solid" };
+  }
+  if (NORMALIZED_STATUS.warning.has(status)) {
+    return { tone: "warning", appearance: "soft" };
+  }
+  if (NORMALIZED_STATUS.success.has(status)) {
+    return { tone: "success", appearance: "solid" };
+  }
+  if (NORMALIZED_STATUS.danger.has(status)) {
+    return { tone: "danger", appearance: "solid" };
+  }
+  if (NORMALIZED_STATUS.neutral.has(status)) {
+    return { tone: "neutral", appearance: "solid" };
+  }
+  return { tone: "neutral", appearance: "outline" };
+};
+var resolveStatusAppearance = (status, domain = "generic") => {
+  const normalized = normalizeStatus(status);
+  if (!normalized) return { tone: "neutral", appearance: "outline" };
+  if (domain === "beneficiary") {
+    if (normalized === "VIGENTE") return { tone: "success", appearance: "solid" };
+    if (normalized === "ENCERRADO") return { tone: "neutral", appearance: "solid" };
+  }
+  if (domain === "document") {
+    if (["ANEXADO", "ASSINADO", "CONCLUIDO"].includes(normalized)) {
+      return { tone: "success", appearance: "solid" };
+    }
+    if (normalized.includes("AGUARDANDO") || normalized === "PENDENTE") {
+      return { tone: "warning", appearance: "soft" };
+    }
+    if (normalized === "BLOQUEADO") return { tone: "neutral", appearance: "solid" };
+  }
+  if (domain === "signature") {
+    if (normalized === "ASSINADO") return { tone: "success", appearance: "solid" };
+    if (normalized.includes("AGUARDANDO")) return { tone: "warning", appearance: "soft" };
+    if (normalized === "NAO ASSINADO") return { tone: "info", appearance: "solid" };
+  }
+  if (domain === "benefit") {
+    if (normalized === "EM PAGAMENTO") return { tone: "info", appearance: "outline" };
+    if (normalized === "SUSPENSO") return { tone: "warning", appearance: "soft" };
+  }
+  if (domain === "participation") {
+    return { tone: "neutral", appearance: "solid" };
+  }
+  return resolveGenericStatus(normalized);
+};
+
+// src/components/status-badge/DomainStatusBadge.tsx
+import { jsx as jsx28 } from "react/jsx-runtime";
+function DomainStatusBadge(_a) {
+  var _b = _a, {
+    status,
+    domain = "generic",
+    empty = "hide",
+    placeholder = "-"
+  } = _b, rest = __objRest(_b, [
+    "status",
+    "domain",
+    "empty",
+    "placeholder"
+  ]);
+  const label = status == null ? void 0 : status.trim();
+  if (!label && empty === "hide") return null;
+  const resolved = resolveStatusAppearance(label, domain);
+  return /* @__PURE__ */ jsx28(
+    StatusBadge,
+    __spreadProps(__spreadValues({
+      tone: resolved.tone,
+      appearance: resolved.appearance
+    }, rest), {
+      children: label || placeholder
+    })
+  );
+}
+
+// src/components/skipLink/SkipLink.tsx
+import classNames13 from "classnames";
+import { jsx as jsx29 } from "react/jsx-runtime";
+function SkipLink({
+  targetId = "main-content",
+  label = "Pular para o conte\xFAdo",
+  className
+}) {
+  return /* @__PURE__ */ jsx29(
+    "a",
+    {
+      href: `#${targetId}`,
+      className: classNames13(
+        "fixed left-2 top-0 z-drawer -translate-y-[calc(100%+0.5rem)] whitespace-nowrap rounded-sm border border-border-default bg-surface-card px-3 py-2 font-bold text-content-primary shadow-md transition-transform focus:translate-y-0 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring motion-reduce:transition-none",
+        className
+      ),
+      children: label
+    }
+  );
+}
+
+// src/components/focus-navigation/FocusNavigationMode.tsx
+import { useEffect as useEffect4 } from "react";
+var FOCUS_NAVIGATION_ATTRIBUTE = "data-focus-navigation";
+function FocusNavigationMode() {
+  useEffect4(() => {
+    const root = document.documentElement;
+    const handleKeyDown = (event) => {
+      if (event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey) {
+        root.setAttribute(FOCUS_NAVIGATION_ATTRIBUTE, "keyboard");
+      }
+    };
+    const handlePointerDown = () => {
+      root.setAttribute(FOCUS_NAVIGATION_ATTRIBUTE, "pointer");
+    };
+    document.addEventListener("keydown", handleKeyDown, true);
+    document.addEventListener("pointerdown", handlePointerDown, true);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown, true);
+      document.removeEventListener("pointerdown", handlePointerDown, true);
+    };
+  }, []);
+  return null;
+}
+
+// src/components/form-error-navigation/FormErrorNavigation.tsx
+import { useEffect as useEffect5 } from "react";
+function shouldReduceMotion() {
+  var _a, _b;
+  return (_b = (_a = window.matchMedia) == null ? void 0 : _a.call(window, "(prefers-reduced-motion: reduce)").matches) != null ? _b : false;
+}
+var INVALID_FIELD_SELECTOR = [
+  '[aria-invalid="true"]',
+  "input:invalid",
+  "select:invalid",
+  "textarea:invalid"
+].join(",");
+var RETRY_DELAYS = [50, 150, 300, 600, 1e3];
+function isVisible(element) {
+  const styles = window.getComputedStyle(element);
+  const bounds = element.getBoundingClientRect();
+  return styles.display !== "none" && styles.visibility !== "hidden" && bounds.width > 0 && bounds.height > 0;
+}
+function getFocusTarget(field) {
+  if (field.matches(
+    "input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex='-1'])"
+  )) {
+    return field;
+  }
+  return field.querySelector(
+    "input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex='-1'])"
+  );
+}
+function findFirstInvalidField(form) {
+  return [...form.querySelectorAll(INVALID_FIELD_SELECTOR)].filter(isVisible).sort((first, second) => {
+    const firstBounds = first.getBoundingClientRect();
+    const secondBounds = second.getBoundingClientRect();
+    if (firstBounds.top !== secondBounds.top) {
+      return firstBounds.top - secondBounds.top;
+    }
+    return firstBounds.left - secondBounds.left;
+  })[0];
+}
+function navigateToInvalidField(field) {
+  const focusTarget = getFocusTarget(field);
+  const behavior = shouldReduceMotion() ? "auto" : "smooth";
+  focusTarget == null ? void 0 : focusTarget.focus({ preventScroll: true });
+  field.scrollIntoView({ behavior, block: "center", inline: "nearest" });
+}
+function FormErrorNavigation() {
+  useEffect5(() => {
+    let cleanupPendingNavigation;
+    const handleSubmit = (event) => {
+      if (!(event.target instanceof HTMLFormElement)) return;
+      cleanupPendingNavigation == null ? void 0 : cleanupPendingNavigation();
+      const form = event.target;
+      let handled = false;
+      let observer;
+      const timers = [];
+      const cleanup = () => {
+        observer == null ? void 0 : observer.disconnect();
+        timers.forEach(window.clearTimeout);
+      };
+      const tryNavigate = () => {
+        if (handled || !form.isConnected) return;
+        const field = findFirstInvalidField(form);
+        if (!field) return;
+        handled = true;
+        cleanup();
+        navigateToInvalidField(field);
+      };
+      observer = new MutationObserver(tryNavigate);
+      observer.observe(form, {
+        attributeFilter: ["aria-invalid"],
+        attributes: true,
+        subtree: true
+      });
+      RETRY_DELAYS.forEach((delay) => {
+        timers.push(window.setTimeout(tryNavigate, delay));
+      });
+      cleanupPendingNavigation = cleanup;
+    };
+    document.addEventListener("submit", handleSubmit, true);
+    return () => {
+      cleanupPendingNavigation == null ? void 0 : cleanupPendingNavigation();
+      document.removeEventListener("submit", handleSubmit, true);
+    };
+  }, []);
+  return null;
+}
+
+// src/components/table/Table.tsx
+import React4, { useEffect as useEffect8, useId as useId2, useMemo as useMemo2, useState as useState4 } from "react";
+
+// src/components/table/TableView.tsx
+import {
+  useEffect as useEffect7,
+  useRef as useRef4,
+  useState as useState3
+} from "react";
+import {
+  MdArrowDownward,
+  MdArrowUpward,
+  MdFilterList,
+  MdKeyboardArrowLeft,
+  MdKeyboardArrowRight,
+  MdOutlineFilterAlt
+} from "react-icons/md";
+
+// src/components/table/components/filter/FilterView.tsx
+import cs3 from "classnames";
+import { useEffect as useEffect6, useRef as useRef3 } from "react";
+import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
+function FilterView({
+  optionList,
+  optionChecked,
+  onChange,
+  controls,
+  onControlChange,
+  maxHeight
+}) {
+  const handleChangeCheckbox = (event) => {
+    if (onChange) {
+      onChange(event.target.value);
+    }
+  };
+  const handleControlChange = (control, event) => {
+    onControlChange == null ? void 0 : onControlChange(control, event.target.value);
+  };
+  const containerRef = useRef3(null);
+  useEffect6(() => {
+    if (!containerRef.current) return;
+    containerRef.current.style.maxHeight = maxHeight ? `${maxHeight}px` : "";
+  }, [maxHeight]);
+  if (controls == null ? void 0 : controls.length) {
+    return /* @__PURE__ */ jsx30(
+      "div",
+      {
+        ref: containerRef,
+        className: "bg-surface-card rounded shadow-sm p-3 font-normal w-[calc(100vw-16px)] max-w-[320px] overflow-y-auto text-sm",
+        children: /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-3", children: controls.map((control) => {
+          var _a, _b, _c;
+          return /* @__PURE__ */ jsxs17(
+            "div",
+            {
+              className: "flex flex-col gap-2 border-b border-border-default pb-3 last:border-b-0 last:pb-0",
+              children: [
+                control.label && /* @__PURE__ */ jsx30("span", { className: "text-xs font-bold uppercase tracking-wide text-content-muted", children: control.label }),
+                control.type === "search" ? /* @__PURE__ */ jsx30(
+                  "input",
+                  {
+                    type: "text",
+                    value: (_a = control.value) != null ? _a : "",
+                    placeholder: (_b = control.placeholder) != null ? _b : "Buscar",
+                    onChange: (event) => handleControlChange(control, event),
+                    className: "field-keyboard-focus-ring h-10 rounded border border-field-border-default bg-field-surface px-3 text-sm text-field-content outline-none placeholder:text-field-placeholder focus:border-field-border-active"
+                  }
+                ) : /* @__PURE__ */ jsx30("div", { className: "flex flex-col gap-1", children: (_c = control.optionList) == null ? void 0 : _c.map((option, index) => /* @__PURE__ */ jsxs17(
+                  "label",
+                  {
+                    className: cs3(
+                      "min-h-6 flex items-start gap-2 px-3 py-0.5 cursor-pointer rounded",
+                      control.value === option.value ? "bg-primary-5 text-primary-1" : "text-content-primary"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsx30(
+                        "input",
+                        {
+                          type: "radio",
+                          className: "peer sr-only",
+                          value: option.value,
+                          checked: control.value === option.value,
+                          name: `table-filter-${control.id}`,
+                          onChange: (event) => handleControlChange(control, event)
+                        }
+                      ),
+                      /* @__PURE__ */ jsx30(
+                        "span",
+                        {
+                          "aria-hidden": "true",
+                          className: "radio-control-proxy mt-1"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx30("span", { className: "min-w-0 flex-1 mt-[4px]", children: option.label })
+                    ]
+                  },
+                  `${control.id}-${index}`
+                )) })
+              ]
+            },
+            control.id
+          );
+        }) })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx30(
+    "div",
+    {
+      ref: containerRef,
+      className: "bg-surface-card rounded shadow-sm p-2 font-normal w-[calc(100vw-16px)] max-w-[320px] overflow-y-auto",
+      children: optionList && optionList.map((option, index) => /* @__PURE__ */ jsxs17(
+        "label",
+        {
+          className: cs3(
+            "min-h-10 flex items-start gap-2 px-3 py-1 cursor-pointer rounded",
+            optionChecked === option.value ? "bg-primary-5 text-primary-1" : "text-content-primary"
+          ),
+          children: [
+            /* @__PURE__ */ jsx30(
+              "input",
+              {
+                type: "radio",
+                className: "peer sr-only",
+                value: option.value,
+                checked: optionChecked === option.value,
+                name: "table-filter",
+                onChange: handleChangeCheckbox
+              }
+            ),
+            /* @__PURE__ */ jsx30(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "radio-control-proxy mt-1"
+              }
+            ),
+            /* @__PURE__ */ jsx30("span", { className: "min-w-0 flex-1", children: option.label })
+          ]
+        },
+        index
+      ))
+    }
+  );
+}
+var FilterView_default = FilterView;
+
+// src/components/table/components/filter/Filter.tsx
+import { jsx as jsx31 } from "react/jsx-runtime";
+function Filter(props) {
+  const {
+    optionList,
+    optionChecked,
+    onChange,
+    controls,
+    onControlChange,
+    maxHeight
+  } = props;
+  return /* @__PURE__ */ jsx31(
+    FilterView_default,
+    {
+      optionList,
+      optionChecked,
+      onChange,
+      controls,
+      onControlChange,
+      maxHeight
+    }
+  );
+}
+var Filter_default = Filter;
+
+// src/components/table/components/notFound/NotFoundView.tsx
+import { jsx as jsx32 } from "react/jsx-runtime";
+function NotFoundView() {
+  return /* @__PURE__ */ jsx32("div", { className: "flex-1 flex flex-col items-center justify-center my-14 tablet:my-20", children: /* @__PURE__ */ jsx32("p", { className: "mt-6 text-center text-base font-bold text-content-secondary", children: "Nenhum resultado encontrado." }) });
+}
+var NotFoundView_default = NotFoundView;
+
+// src/components/table/TableView.tsx
+import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
+var HEADER_VARIANT_CLASSES = {
+  default: "bg-surface-card text-content-muted",
+  brand: "bg-action-primary text-action-primary-content",
+  dark: "bg-surface-action-neutral text-content-inverse",
+  neutral: "bg-surface-muted text-content-primary"
+};
+var HEADER_DENSITY_CLASSES = {
+  comfortable: { row: "h-10", cell: "px-2" },
+  compact: { row: "h-8", cell: "px-2 py-1" }
+};
+function TableView({
+  children,
+  header,
+  accessibleName,
+  caption,
+  className,
+  onFilterChange,
+  showPagination,
+  pagination,
+  totalWidthUnits,
+  overflowMode = "scroll",
+  adaptiveBreakpoint = 440,
+  stickyHeader = false,
+  scrollAreaMaxHeight,
+  rowVariant = "plain",
+  headerVariant = "default",
+  density = "comfortable"
+}) {
+  var _a, _b;
+  const breakpoint = useBreakpoint();
+  const isMobile = breakpoint === "mobile";
+  const [openFilter, setOpenFilter] = useState3(null);
+  const [filterMaxHeight, setFilterMaxHeight] = useState3();
+  const [filterCoords, setFilterCoords] = useState3(null);
+  const [tableWidth, setTableWidth] = useState3();
+  const scrollContainerRef = useRef4(null);
+  const tableWrapperRef = useRef4(null);
+  const headerCellRefs = useRef4([]);
+  const filterRef = useRef4(null);
+  useEffect7(() => {
+    const wrapper = tableWrapperRef.current;
+    if (!wrapper) return;
+    const updateWidth = () => setTableWidth(wrapper.clientWidth);
+    if (typeof ResizeObserver === "undefined") {
+      updateWidth();
+      window.addEventListener("resize", updateWidth);
+      return () => window.removeEventListener("resize", updateWidth);
+    }
+    const observer = new ResizeObserver(updateWidth);
+    observer.observe(wrapper);
+    updateWidth();
+    return () => observer.disconnect();
+  }, []);
+  useEffect7(() => {
+    const updateFilterMaxHeight = () => {
+      var _a2;
+      const nextHeight = (_a2 = scrollContainerRef.current) == null ? void 0 : _a2.clientHeight;
+      if (!nextHeight) return;
+      setFilterMaxHeight(Math.max(nextHeight - 24, 160));
+    };
+    updateFilterMaxHeight();
+    window.addEventListener("resize", updateFilterMaxHeight);
+    return () => {
+      window.removeEventListener("resize", updateFilterMaxHeight);
+    };
+  }, []);
+  useEffect7(() => {
+    const handleClickOutside = (event) => {
+      if (tableWrapperRef.current && !tableWrapperRef.current.contains(event.target)) {
+        setOpenFilter(null);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, []);
+  useEffect7(() => {
+    if (!filterRef.current || !filterCoords) return;
+    filterRef.current.style.top = `${filterCoords.top}px`;
+    filterRef.current.style.left = typeof filterCoords.left === "number" ? `${filterCoords.left}px` : "";
+  }, [filterCoords]);
+  const handleOpenFilter = (index) => {
+    var _a2, _b2;
+    const next = openFilter === index ? null : index;
+    setOpenFilter(next);
+    if (next !== null) {
+      const wrapperRect = (_a2 = tableWrapperRef.current) == null ? void 0 : _a2.getBoundingClientRect();
+      const cellRect = (_b2 = headerCellRefs.current[next]) == null ? void 0 : _b2.getBoundingClientRect();
+      if (wrapperRect && cellRect) {
+        const top = cellRect.bottom - wrapperRect.top + 8;
+        const dropdownWidth = Math.min(
+          320,
+          Math.max(wrapperRect.width - 16, 0)
+        );
+        const desiredLeft = cellRect.left - wrapperRect.left;
+        const minLeft = 8;
+        const maxLeft = Math.max(
+          minLeft,
+          wrapperRect.width - dropdownWidth - 8
+        );
+        const left = Math.min(Math.max(desiredLeft, minLeft), maxLeft);
+        setFilterCoords({ top, left });
+      }
+    } else {
+      setFilterCoords(null);
+    }
+  };
+  const hasFilterEnabled = (item) => {
+    var _a2, _b2, _c, _d;
+    return Boolean(((_b2 = (_a2 = item.filters) == null ? void 0 : _a2.optionList) == null ? void 0 : _b2.length) || ((_d = (_c = item.filters) == null ? void 0 : _c.controls) == null ? void 0 : _d.length));
+  };
+  const getHeaderIcon = (item) => {
+    var _a2, _b2, _c;
+    if (!hasFilterEnabled(item)) {
+      return null;
+    }
+    const controls = (_b2 = (_a2 = item.filters) == null ? void 0 : _a2.controls) != null ? _b2 : [];
+    const hasActiveSearchOrOptionFilter = controls.some((control) => {
+      var _a3;
+      if (control.type === "search") {
+        return Boolean((_a3 = control.value) == null ? void 0 : _a3.trim());
+      }
+      if (control.type === "options") {
+        return Boolean(control.value && control.value !== "__all__");
+      }
+      return false;
+    });
+    if (hasActiveSearchOrOptionFilter) {
+      return /* @__PURE__ */ jsx33(MdFilterList, { className: "h-3.5 w-3.5" });
+    }
+    const activeSort = controls.find(
+      (control) => control.type === "sort" && control.value && control.value !== "__all__" && control.value !== "default"
+    );
+    if ((activeSort == null ? void 0 : activeSort.value) === "asc") {
+      return /* @__PURE__ */ jsx33(MdArrowUpward, { className: "h-3.5 w-3.5" });
+    }
+    if ((activeSort == null ? void 0 : activeSort.value) === "desc") {
+      return /* @__PURE__ */ jsx33(MdArrowDownward, { className: "h-3.5 w-3.5" });
+    }
+    const legacyOptionActive = ((_c = item.filters) == null ? void 0 : _c.optionChecked) && item.filters.optionChecked !== "__all__" && item.filters.optionChecked !== "default";
+    if (legacyOptionActive) {
+      return /* @__PURE__ */ jsx33(MdFilterList, { className: "h-3.5 w-3.5" });
+    }
+    return /* @__PURE__ */ jsx33(MdOutlineFilterAlt, { className: "h-3.5 w-3.5" });
+  };
+  const getSortDirection = (item) => {
+    var _a2, _b2;
+    const sortControl = (_b2 = (_a2 = item.filters) == null ? void 0 : _a2.controls) == null ? void 0 : _b2.find(
+      (control) => control.type === "sort"
+    );
+    if (!sortControl) return void 0;
+    if (sortControl.value === "asc") return "ascending";
+    if (sortControl.value === "desc") return "descending";
+    return "none";
+  };
+  const handleHeaderAction = (item, index) => {
+    if (hasFilterEnabled(item)) {
+      handleOpenFilter(index);
+      return;
+    }
+  };
+  const handleFilterChange = (item, value, control) => {
+    var _a2, _b2, _c, _d;
+    if ((control == null ? void 0 : control.type) !== "search") {
+      setOpenFilter(null);
+    }
+    if (control) {
+      (_b2 = (_a2 = item.filters) == null ? void 0 : _a2.onControlChange) == null ? void 0 : _b2.call(_a2, control, value);
+    } else {
+      (_d = (_c = item.filters) == null ? void 0 : _c.onChange) == null ? void 0 : _d.call(_c, value);
+    }
+    if (onFilterChange) {
+      onFilterChange(value);
+    }
+  };
+  const resolvedTotalWidthUnits = totalWidthUnits != null ? totalWidthUnits : header.reduce((sum, item) => {
+    var _a2;
+    return sum + ((_a2 = item.widthUnits) != null ? _a2 : 0);
+  }, 0) || void 0;
+  const getColumnWidth = (widthUnits) => {
+    if (!resolvedTotalWidthUnits || !widthUnits) {
+      return void 0;
+    }
+    return `${widthUnits / resolvedTotalWidthUnits * 100}%`;
+  };
+  const paginationVariant = isMobile ? "arrows" : (_a = pagination == null ? void 0 : pagination.variant) != null ? _a : "default";
+  const isAdaptiveCompact = overflowMode === "adaptive" && tableWidth !== void 0 && tableWidth < adaptiveBreakpoint;
+  const overflowClass = overflowMode === "scroll" ? "overflow-x-auto" : "overflow-x-hidden";
+  const resolvedScrollAreaMaxHeight = stickyHeader ? scrollAreaMaxHeight != null ? scrollAreaMaxHeight : "calc(100dvh - 240px)" : scrollAreaMaxHeight;
+  const headerFocusClass = headerVariant === "brand" || headerVariant === "dark" ? "focus-visible:outline-current" : "focus-visible:outline-focus-ring";
+  return /* @__PURE__ */ jsxs18(
+    "div",
+    {
+      ref: tableWrapperRef,
+      className: `relative flex h-full min-h-0 min-w-0 flex-col ${isAdaptiveCompact ? "table-adaptive-compact" : ""}`,
+      children: [
+        /* @__PURE__ */ jsx33(
+          "div",
+          {
+            ref: scrollContainerRef,
+            "data-sticky-header": stickyHeader,
+            "data-row-variant": rowVariant,
+            "data-header-variant": headerVariant,
+            "data-table-density": density,
+            style: { maxHeight: resolvedScrollAreaMaxHeight },
+            className: `min-h-0 min-w-0 flex-1 overflow-y-auto ${overflowClass}`,
+            children: /* @__PURE__ */ jsxs18(
+              "table",
+              {
+                "aria-label": caption ? void 0 : accessibleName != null ? accessibleName : `Tabela: ${header.map((item) => item.title).join(", ")}`,
+                className: `w-full max-w-full ${resolvedTotalWidthUnits && !isAdaptiveCompact ? "table-fixed" : ""} ${className != null ? className : ""}`,
+                children: [
+                  caption && /* @__PURE__ */ jsx33("caption", { className: "sr-only", children: caption }),
+                  resolvedTotalWidthUnits && !isAdaptiveCompact && /* @__PURE__ */ jsx33("colgroup", { children: header.map((item, index) => /* @__PURE__ */ jsx33("col", { width: getColumnWidth(item.widthUnits) }, index)) }),
+                  /* @__PURE__ */ jsx33("thead", { className: "border-b border-border-default", children: /* @__PURE__ */ jsx33("tr", { className: HEADER_DENSITY_CLASSES[density].row, children: header.map((item, index) => {
+                    var _a2, _b2, _c;
+                    const canOpenFilter = hasFilterEnabled(item);
+                    const headerIcon = getHeaderIcon(item);
+                    return /* @__PURE__ */ jsx33(
+                      "th",
+                      {
+                        scope: "col",
+                        "aria-sort": getSortDirection(item),
+                        ref: (element) => {
+                          headerCellRefs.current[index] = element;
+                        },
+                        className: `${stickyHeader ? "sticky top-0 z-[1]" : "relative"} ${HEADER_VARIANT_CLASSES[headerVariant]} ${HEADER_DENSITY_CLASSES[density].cell} text-left text-md font-bold ${(_a2 = item.className) != null ? _a2 : ""}`,
+                        "data-has-filter": canOpenFilter,
+                        children: canOpenFilter ? /* @__PURE__ */ jsxs18(
+                          "button",
+                          {
+                            type: "button",
+                            "aria-expanded": openFilter === index,
+                            "aria-label": `Filtrar ou ordenar por ${item.title}`,
+                            className: `flex w-full items-center gap-1.5 rounded-sm text-left focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 ${headerFocusClass} ${((_b2 = item.className) == null ? void 0 : _b2.includes("text-right")) ? "justify-end" : ""}`,
+                            onClick: () => handleHeaderAction(item, index),
+                            children: [
+                              /* @__PURE__ */ jsx33("span", { className: "min-w-0 truncate", children: item.title }),
+                              headerIcon && /* @__PURE__ */ jsx33("span", { className: "flex-shrink-0", "aria-hidden": "true", children: headerIcon })
+                            ]
+                          }
+                        ) : /* @__PURE__ */ jsx33(
+                          "span",
+                          {
+                            className: `flex items-center gap-1.5 ${((_c = item.className) == null ? void 0 : _c.includes("text-right")) ? "justify-end" : ""}`,
+                            children: /* @__PURE__ */ jsx33("span", { className: "min-w-0 truncate", children: item.title })
+                          }
+                        )
+                      },
+                      index
+                    );
+                  }) }) }),
+                  children ? children : /* @__PURE__ */ jsx33("tbody", { children: /* @__PURE__ */ jsx33("tr", { children: /* @__PURE__ */ jsx33("td", { colSpan: header.length, children: /* @__PURE__ */ jsx33(NotFoundView_default, {}) }) }) })
+                ]
+              }
+            )
+          }
+        ),
+        openFilter !== null && filterCoords && ((_b = header[openFilter]) == null ? void 0 : _b.filters) && /* @__PURE__ */ jsx33("div", { ref: filterRef, className: "absolute z-popover", children: /* @__PURE__ */ jsx33(
+          Filter_default,
+          {
+            optionChecked: header[openFilter].filters.optionChecked,
+            optionList: header[openFilter].filters.optionList,
+            controls: header[openFilter].filters.controls,
+            onChange: (value) => handleFilterChange(header[openFilter], value),
+            onControlChange: (control, value) => handleFilterChange(header[openFilter], value, control),
+            maxHeight: filterMaxHeight
+          }
+        ) }),
+        showPagination && pagination && /* @__PURE__ */ jsxs18("div", { className: "flex flex-col tablet:flex-row items-end tablet:items-center justify-between mt-6 gap-2 tablet:gap-4", children: [
+          /* @__PURE__ */ jsxs18(
+            "p",
+            {
+              role: "status",
+              "aria-live": "polite",
+              "aria-atomic": "true",
+              className: "text-sm text-content-primary",
+              children: [
+                "Visualizando de ",
+                pagination.startItem,
+                " at\xE9 ",
+                pagination.endItem,
+                " de",
+                " ",
+                pagination.totalItems,
+                " resultados"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsxs18(
+              "button",
+              {
+                type: "button",
+                onClick: pagination.onPrevious,
+                disabled: pagination.currentPage === 1,
+                "aria-label": "Ir para a p\xE1gina anterior",
+                className: `inline-flex h-6 items-center justify-center gap-1 rounded border border-border-default px-2 text-sm leading-none text-content-primary hover:border-border-strong disabled:cursor-not-allowed disabled:border-border-default disabled:opacity-50 tablet:h-7 ${paginationVariant === "arrows" ? "min-w-6 tablet:min-w-7" : ""}`,
+                children: [
+                  /* @__PURE__ */ jsx33(MdKeyboardArrowLeft, { className: "h-3 w-3 text-content-muted" }),
+                  paginationVariant !== "arrows" && "Anterior"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx33(
+              "div",
+              {
+                "aria-live": "polite",
+                "aria-atomic": "true",
+                className: "inline-flex h-6 min-w-6 items-center justify-center rounded border border-selection-border bg-selection-background px-1.5 text-sm font-bold leading-none text-selection-content tablet:h-7 tablet:min-w-7",
+                children: pagination.currentPage
+              }
+            ),
+            /* @__PURE__ */ jsxs18(
+              "button",
+              {
+                type: "button",
+                onClick: pagination.onNext,
+                disabled: pagination.currentPage === pagination.totalPages,
+                "aria-label": "Ir para a pr\xF3xima p\xE1gina",
+                className: `inline-flex h-6 items-center justify-center gap-1 rounded border border-border-default px-2 text-sm leading-none text-content-primary hover:border-border-strong disabled:cursor-not-allowed disabled:border-border-default disabled:opacity-50 tablet:h-7 ${paginationVariant === "arrows" ? "min-w-6 tablet:min-w-7" : ""}`,
+                children: [
+                  paginationVariant !== "arrows" && "Pr\xF3xima",
+                  /* @__PURE__ */ jsx33(MdKeyboardArrowRight, { className: "h-3 w-3 text-content-muted" })
+                ]
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+var TableView_default = TableView;
+
+// src/components/table/Table.tsx
+import { jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
+function Table(props) {
+  var _a;
+  const {
+    children,
+    header,
+    accessibleName,
+    caption,
+    className,
+    onFilterChange,
+    showPagination = false,
+    pagination,
+    data,
+    itemsPerPage = 10,
+    emptyMessage = "Nenhum item encontrado",
+    totalWidthUnits,
+    showRowDivider = false,
+    enableRowHover = false,
+    paginationVariant = "default",
+    expandable,
+    overflowMode,
+    adaptiveBreakpoint,
+    stickyHeader = false,
+    scrollAreaMaxHeight,
+    rowVariant = "plain",
+    headerVariant = "default",
+    density = "comfortable"
+  } = props;
+  const breakpoint = useBreakpoint();
+  const tableId = useId2();
+  const isMobile = breakpoint === "mobile";
+  const resolvedOverflowMode = overflowMode != null ? overflowMode : data ? "adaptive" : "scroll";
+  const resolvedAdaptiveBreakpoint = adaptiveBreakpoint != null ? adaptiveBreakpoint : Math.min(920, 320 + Math.max(header.length - 2, 0) * 120);
+  const [currentPage, setCurrentPage] = useState4(1);
+  const [filterValues, setFilterValues] = useState4({});
+  const [visibleExpandedRowId, setVisibleExpandedRowId] = useState4(
+    () => (expandable == null ? void 0 : expandable.expandedRowId) !== null && (expandable == null ? void 0 : expandable.expandedRowId) !== void 0 ? String(expandable.expandedRowId) : null
+  );
+  const [closingExpandedRowId, setClosingExpandedRowId] = useState4(null);
+  const normalizedHeader = useMemo2(() => {
+    return header.map((item) => {
+      const typedItem = item;
+      return __spreadProps(__spreadValues({}, typedItem), {
+        title: typedItem.title
+      });
+    });
+  }, [header]);
+  const controlledHeader = useMemo2(() => {
+    if (!data) {
+      return normalizedHeader;
+    }
+    return normalizedHeader.map((item, columnIndex) => {
+      var _a2, _b;
+      const controls = (_b = (_a2 = item.filters) == null ? void 0 : _a2.controls) == null ? void 0 : _b.map((control) => {
+        var _a3, _b2;
+        return __spreadProps(__spreadValues({}, control), {
+          value: (_b2 = (_a3 = filterValues[`${item.key}-${control.id}`]) != null ? _a3 : control.value) != null ? _b2 : control.type === "search" ? "" : "__all__"
+        });
+      });
+      return __spreadProps(__spreadValues({}, item), {
+        filters: (controls == null ? void 0 : controls.length) ? {
+          controls
+        } : void 0
+      });
+    });
+  }, [data, filterValues, normalizedHeader]);
+  const filteredAndSortedData = useMemo2(() => {
+    if (!data) return [];
+    let result = [...data];
+    const sorters = [];
+    normalizedHeader.forEach((column) => {
+      var _a2, _b;
+      const controls = (_b = (_a2 = column.filters) == null ? void 0 : _a2.controls) != null ? _b : [];
+      controls.forEach((control) => {
+        var _a3, _b2;
+        const stateKey = `${column.key}-${control.id}`;
+        const value = (_b2 = (_a3 = filterValues[stateKey]) != null ? _a3 : control.value) != null ? _b2 : control.type === "search" ? "" : "__all__";
+        if (!value || value === "__all__") {
+          return;
+        }
+        if (control.type === "options") {
+          result = result.filter((item) => {
+            var _a4, _b3, _c, _d;
+            if ((_a4 = column.filters) == null ? void 0 : _a4.matchOption) {
+              return column.filters.matchOption(item, value, control);
+            }
+            const resolvedValue = (_d = (_b3 = column.filterAccessor) == null ? void 0 : _b3.call(column, item)) != null ? _d : (_c = column.accessor) == null ? void 0 : _c.call(column, item);
+            return String(resolvedValue != null ? resolvedValue : "") === value;
+          });
+          return;
+        }
+        if (control.type === "search") {
+          const normalizedSearch = value.toLowerCase().trim();
+          result = result.filter((item) => {
+            var _a4, _b3, _c, _d, _e, _f, _g;
+            if ((_a4 = column.filters) == null ? void 0 : _a4.matchSearch) {
+              return column.filters.matchSearch(item, value, control);
+            }
+            const searchableValue = (_g = (_b3 = column.searchAccessor) == null ? void 0 : _b3.call(column, item)) != null ? _g : String(
+              (_f = (_e = (_c = column.filterAccessor) == null ? void 0 : _c.call(column, item)) != null ? _e : (_d = column.accessor) == null ? void 0 : _d.call(column, item)) != null ? _f : ""
+            );
+            return searchableValue.toLowerCase().includes(normalizedSearch);
+          });
+          return;
+        }
+        if (control.type === "sort") {
+          sorters.push((a, b) => {
+            var _a4, _b3, _c, _d, _e, _f, _g;
+            if ((_a4 = column.filters) == null ? void 0 : _a4.compare) {
+              return column.filters.compare(a, b, value, control);
+            }
+            const valueA = (_d = (_b3 = column.sortAccessor) == null ? void 0 : _b3.call(column, a)) != null ? _d : (_c = column.accessor) == null ? void 0 : _c.call(column, a);
+            const valueB = (_g = (_e = column.sortAccessor) == null ? void 0 : _e.call(column, b)) != null ? _g : (_f = column.accessor) == null ? void 0 : _f.call(column, b);
+            if (typeof valueA === "number" && typeof valueB === "number") {
+              return value === "desc" ? valueB - valueA : valueA - valueB;
+            }
+            const stringA = String(valueA != null ? valueA : "");
+            const stringB = String(valueB != null ? valueB : "");
+            return value === "desc" ? stringB.localeCompare(stringA) : stringA.localeCompare(stringB);
+          });
+        }
+      });
+    });
+    if (!sorters.length) {
+      return result;
+    }
+    return [...result].sort((a, b) => {
+      for (const sorter of sorters) {
+        const comparison = sorter(a, b);
+        if (comparison !== 0) {
+          return comparison;
+        }
+      }
+      return 0;
+    });
+  }, [data, filterValues, normalizedHeader]);
+  useEffect8(() => {
+    setCurrentPage(1);
+  }, [filterValues]);
+  useEffect8(() => {
+    if (!expandable) {
+      setVisibleExpandedRowId(null);
+      setClosingExpandedRowId(null);
+      return;
+    }
+    const nextExpandedRowId = expandable.expandedRowId !== null && expandable.expandedRowId !== void 0 ? String(expandable.expandedRowId) : null;
+    if (nextExpandedRowId) {
+      setVisibleExpandedRowId(nextExpandedRowId);
+      setClosingExpandedRowId(null);
+      return;
+    }
+    if (!visibleExpandedRowId) {
+      return;
+    }
+    setClosingExpandedRowId(visibleExpandedRowId);
+    const timeoutId = window.setTimeout(() => {
+      setVisibleExpandedRowId(null);
+      setClosingExpandedRowId(null);
+    }, 220);
+    return () => window.clearTimeout(timeoutId);
+  }, [expandable, visibleExpandedRowId]);
+  const internalPagination = useMemo2(() => {
+    if (!data) return null;
+    const totalItems = filteredAndSortedData.length;
+    const totalPages = Math.max(1, Math.ceil(totalItems / itemsPerPage));
+    const safeCurrentPage = Math.min(currentPage, totalPages);
+    const startIndex = (safeCurrentPage - 1) * itemsPerPage;
+    const endIndex = startIndex + itemsPerPage;
+    return {
+      currentPage: safeCurrentPage,
+      totalPages,
+      totalItems,
+      startItem: totalItems === 0 ? 0 : startIndex + 1,
+      endItem: Math.min(endIndex, totalItems),
+      pageData: filteredAndSortedData.slice(startIndex, endIndex)
+    };
+  }, [currentPage, data, filteredAndSortedData, itemsPerPage]);
+  const managedCellClassName = density === "compact" ? "px-3 py-1.5 text-sm text-content-primary" : "px-4 py-2 text-sm text-content-primary";
+  const expandedContentClassName = density === "compact" ? "bg-surface-card px-3 py-3" : "bg-surface-card px-4 py-4";
+  const emptyCellClassName = density === "compact" ? "px-3 py-4 text-center text-sm text-content-muted" : "px-4 py-6 text-center text-sm text-content-muted";
+  const renderedChildren = useMemo2(() => {
+    if (!data || !internalPagination) {
+      return children;
+    }
+    return /* @__PURE__ */ jsxs19("tbody", { "data-managed-rows": "true", children: [
+      internalPagination.pageData.map(
+        (item, index) => (() => {
+          var _a2, _b, _c;
+          const rowId = expandable == null ? void 0 : expandable.getRowId(item, index);
+          const normalizedRowId = rowId !== void 0 ? String(rowId) : void 0;
+          const isExpanded = normalizedRowId !== void 0 && (expandable == null ? void 0 : expandable.expandedRowId) !== null && (expandable == null ? void 0 : expandable.expandedRowId) !== void 0 && String(expandable.expandedRowId) === normalizedRowId;
+          const isVisibleExpandedRow = normalizedRowId !== void 0 && visibleExpandedRowId === normalizedRowId;
+          const isClosingExpandedRow = normalizedRowId !== void 0 && closingExpandedRowId === normalizedRowId;
+          const rowNumber = internalPagination.startItem + index;
+          const rowContentIds = normalizedHeader.map(
+            (_, columnIndex) => `${tableId}-row-${rowNumber}-cell-${columnIndex + 1}`
+          );
+          const expandedContentId = `${tableId}-row-${rowNumber}-details-content`;
+          return /* @__PURE__ */ jsxs19(
+            React4.Fragment,
+            {
+              children: [
+                /* @__PURE__ */ jsx34(
+                  "tr",
+                  {
+                    tabIndex: 0,
+                    "aria-label": `Linha ${rowNumber} de ${internalPagination.totalItems}`,
+                    "aria-describedby": rowContentIds.join(" "),
+                    "data-table-row-stripe": rowVariant === "striped" && index % 2 === 1 && !isExpanded ? "true" : void 0,
+                    className: [
+                      "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-focus-ring",
+                      showRowDivider ? "border-b border-border-default" : "",
+                      enableRowHover ? "hover:bg-primary-5" : "",
+                      (_b = (_a2 = expandable == null ? void 0 : expandable.rowClassName) == null ? void 0 : _a2.call(expandable, item, Boolean(isExpanded))) != null ? _b : ""
+                    ].filter(Boolean).join(" "),
+                    children: normalizedHeader.map((column, columnIndex) => {
+                      var _a3, _b2, _c2;
+                      return /* @__PURE__ */ jsx34(
+                        "td",
+                        {
+                          id: rowContentIds[columnIndex],
+                          "data-label": column.title,
+                          className: (_a3 = column.cellClassName) != null ? _a3 : managedCellClassName,
+                          children: column.renderCell ? column.renderCell(item, index) : String((_c2 = (_b2 = column.accessor) == null ? void 0 : _b2.call(column, item)) != null ? _c2 : "-")
+                        },
+                        column.key
+                      );
+                    })
+                  }
+                ),
+                isVisibleExpandedRow && expandable && /* @__PURE__ */ jsx34("tr", { className: expandable == null ? void 0 : expandable.expandedRowClassName, children: /* @__PURE__ */ jsx34(
+                  "td",
+                  {
+                    colSpan: normalizedHeader.length,
+                    className: (_c = expandable == null ? void 0 : expandable.expandedContentClassName) != null ? _c : expandedContentClassName,
+                    children: /* @__PURE__ */ jsx34(
+                      "div",
+                      {
+                        role: "region",
+                        tabIndex: isExpanded && !isClosingExpandedRow ? 0 : -1,
+                        "aria-label": `Detalhes da linha ${rowNumber}`,
+                        "aria-describedby": expandedContentId,
+                        "aria-hidden": !isExpanded || isClosingExpandedRow || void 0,
+                        className: `overflow-hidden transition-all duration-200 ease-out ${isExpanded && !isClosingExpandedRow ? "max-h-[1200px] opacity-100" : "max-h-0 opacity-0"}`,
+                        children: /* @__PURE__ */ jsx34("div", { id: expandedContentId, children: expandable.renderExpandedRow(item, index) })
+                      }
+                    )
+                  }
+                ) })
+              ]
+            },
+            `row-group-${normalizedRowId != null ? normalizedRowId : `${index}-${JSON.stringify(item)}`}`
+          );
+        })()
+      ),
+      internalPagination.pageData.length === 0 && /* @__PURE__ */ jsx34("tr", { children: /* @__PURE__ */ jsx34(
+        "td",
+        {
+          colSpan: normalizedHeader.length,
+          className: emptyCellClassName,
+          children: emptyMessage
+        }
+      ) })
+    ] });
+  }, [
+    children,
+    data,
+    emptyMessage,
+    emptyCellClassName,
+    enableRowHover,
+    expandable,
+    expandedContentClassName,
+    internalPagination,
+    managedCellClassName,
+    normalizedHeader,
+    rowVariant,
+    showRowDivider,
+    tableId,
+    visibleExpandedRowId,
+    closingExpandedRowId
+  ]);
+  const resolvedPagination = data ? internalPagination && {
+    currentPage: internalPagination.currentPage,
+    totalPages: internalPagination.totalPages,
+    totalItems: internalPagination.totalItems,
+    startItem: internalPagination.startItem,
+    endItem: internalPagination.endItem,
+    variant: isMobile ? "arrows" : paginationVariant,
+    onPrevious: () => setCurrentPage((prev) => Math.max(prev - 1, 1)),
+    onNext: () => setCurrentPage(
+      (prev) => Math.min(prev + 1, internalPagination.totalPages)
+    )
+  } : pagination ? __spreadProps(__spreadValues({}, pagination), {
+    variant: isMobile ? "arrows" : (_a = pagination.variant) != null ? _a : "default"
+  }) : pagination;
+  const resolvedShowPagination = data ? Boolean(
+    internalPagination && internalPagination.totalItems > itemsPerPage
+  ) : showPagination;
+  const handleInternalFilterChange = (columnKey, controlId, value) => {
+    setFilterValues((prev) => __spreadProps(__spreadValues({}, prev), {
+      [`${columnKey}-${controlId}`]: value
+    }));
+  };
+  const resolvedHeader = data ? controlledHeader.map((item) => {
+    var _a2, _b;
+    return __spreadProps(__spreadValues({}, item), {
+      filters: ((_b = (_a2 = item.filters) == null ? void 0 : _a2.controls) == null ? void 0 : _b.length) ? {
+        controls: item.filters.controls,
+        onControlChange: (control, value) => {
+          var _a3;
+          return handleInternalFilterChange(
+            (_a3 = item.key) != null ? _a3 : item.title,
+            control.id,
+            value
+          );
+        }
+      } : void 0
+    });
+  }) : controlledHeader;
+  return /* @__PURE__ */ jsx34(
+    TableView_default,
+    {
+      header: resolvedHeader,
+      accessibleName,
+      caption,
+      onFilterChange,
+      className,
+      showPagination: resolvedShowPagination,
+      pagination: resolvedPagination != null ? resolvedPagination : void 0,
+      totalWidthUnits,
+      overflowMode: resolvedOverflowMode,
+      adaptiveBreakpoint: resolvedAdaptiveBreakpoint,
+      stickyHeader,
+      scrollAreaMaxHeight,
+      rowVariant,
+      headerVariant,
+      density,
+      children: renderedChildren
+    }
+  );
+}
+var Table_default = Table;
+
+// src/components/table/MobileCardTable.tsx
+import { useEffect as useEffect9, useId as useId3, useMemo as useMemo3, useState as useState5 } from "react";
+import { MdKeyboardArrowLeft as MdKeyboardArrowLeft2, MdKeyboardArrowRight as MdKeyboardArrowRight2 } from "react-icons/md";
+import { Fragment as Fragment4, jsx as jsx35, jsxs as jsxs20 } from "react/jsx-runtime";
+function MobileCardTable({
+  headers,
+  accessibleName,
+  data,
+  renderCard,
+  keyExtractor,
+  itemsPerPage = 10,
+  emptyMessage = "Nenhum item encontrado.",
+  wrapperClassName = "",
+  headerClassName = "",
+  emptyClassName = "",
+  showPagination = true,
+  expandable
+}) {
+  const listId = useId3();
+  const [currentPage, setCurrentPage] = useState5(1);
+  const [visibleExpandedRowId, setVisibleExpandedRowId] = useState5(
+    () => (expandable == null ? void 0 : expandable.expandedRowId) !== null && (expandable == null ? void 0 : expandable.expandedRowId) !== void 0 ? String(expandable.expandedRowId) : null
+  );
+  const [closingExpandedRowId, setClosingExpandedRowId] = useState5(
+    null
+  );
+  const normalizedData = useMemo3(
+    () => Array.isArray(data) ? data : [],
+    [data]
+  );
+  const pagination = useMemo3(() => {
+    const totalItems = normalizedData.length;
+    const totalPages = Math.max(1, Math.ceil(totalItems / itemsPerPage));
+    const safeCurrentPage = Math.min(currentPage, totalPages);
+    const startIndex = (safeCurrentPage - 1) * itemsPerPage;
+    const endIndex = startIndex + itemsPerPage;
+    return {
+      currentPage: safeCurrentPage,
+      totalPages,
+      totalItems,
+      startItem: totalItems === 0 ? 0 : startIndex + 1,
+      endItem: Math.min(endIndex, totalItems),
+      pageData: normalizedData.slice(startIndex, endIndex)
+    };
+  }, [currentPage, normalizedData, itemsPerPage]);
+  useEffect9(() => {
+    setCurrentPage(1);
+  }, [normalizedData]);
+  useEffect9(() => {
+    if (!expandable) {
+      setVisibleExpandedRowId(null);
+      setClosingExpandedRowId(null);
+      return;
+    }
+    const nextExpandedRowId = expandable.expandedRowId !== null && expandable.expandedRowId !== void 0 ? String(expandable.expandedRowId) : null;
+    if (nextExpandedRowId) {
+      setVisibleExpandedRowId(nextExpandedRowId);
+      setClosingExpandedRowId(null);
+      return;
+    }
+    if (!visibleExpandedRowId) {
+      return;
+    }
+    setClosingExpandedRowId(visibleExpandedRowId);
+    const timeoutId = window.setTimeout(() => {
+      setVisibleExpandedRowId(null);
+      setClosingExpandedRowId(null);
+    }, 220);
+    return () => window.clearTimeout(timeoutId);
+  }, [expandable, visibleExpandedRowId]);
+  return /* @__PURE__ */ jsxs20(Fragment4, { children: [
+    /* @__PURE__ */ jsxs20(
+      "div",
+      {
+        role: "region",
+        "aria-label": accessibleName != null ? accessibleName : `Lista: ${headers.map((header) => header.label).join(", ")}`,
+        className: `overflow-hidden rounded-sm border border-border-default bg-surface-card ${wrapperClassName}`.trim(),
+        children: [
+          /* @__PURE__ */ jsx35(
+            "div",
+            {
+              className: `border-b border-border-default bg-surface-card px-3 py-2 text-left text-xs font-bold tracking-wider text-content-secondary ${headerClassName}`.trim(),
+              children: headers.map((header) => /* @__PURE__ */ jsx35("span", { className: header.className, children: header.label }, header.label))
+            }
+          ),
+          pagination.totalItems > 0 ? /* @__PURE__ */ jsx35("div", { role: "list", "aria-label": "Itens da lista", children: pagination.pageData.map((item, index) => (() => {
+            var _a, _b;
+            const rowId = expandable == null ? void 0 : expandable.getRowId(item, index);
+            const normalizedRowId = rowId !== void 0 ? String(rowId) : void 0;
+            const isExpanded = normalizedRowId !== void 0 && (expandable == null ? void 0 : expandable.expandedRowId) !== null && (expandable == null ? void 0 : expandable.expandedRowId) !== void 0 && String(expandable.expandedRowId) === normalizedRowId;
+            const isVisibleExpandedRow = normalizedRowId !== void 0 && visibleExpandedRowId === normalizedRowId;
+            const isClosingExpandedRow = normalizedRowId !== void 0 && closingExpandedRowId === normalizedRowId;
+            const itemNumber = pagination.startItem + index;
+            const cardContentId = `${listId}-item-${itemNumber}-content`;
+            const expandedContentId = `${listId}-item-${itemNumber}-details-content`;
+            return /* @__PURE__ */ jsxs20(
+              "div",
+              {
+                role: "listitem",
+                tabIndex: 0,
+                "aria-label": `Item ${itemNumber} de ${pagination.totalItems}`,
+                "aria-describedby": cardContentId,
+                className: "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-focus-ring",
+                children: [
+                  /* @__PURE__ */ jsx35(
+                    "div",
+                    {
+                      id: cardContentId,
+                      className: (_a = expandable == null ? void 0 : expandable.rowClassName) == null ? void 0 : _a.call(expandable, item, Boolean(isExpanded)),
+                      children: renderCard(item, index)
+                    }
+                  ),
+                  expandable && isVisibleExpandedRow && /* @__PURE__ */ jsx35(
+                    "div",
+                    {
+                      className: (_b = expandable.expandedContentClassName) != null ? _b : "border-b border-border-default bg-surface-card px-3 py-4",
+                      children: /* @__PURE__ */ jsx35(
+                        "div",
+                        {
+                          role: "region",
+                          tabIndex: isExpanded && !isClosingExpandedRow ? 0 : -1,
+                          "aria-label": `Detalhes do item ${itemNumber}`,
+                          "aria-describedby": expandedContentId,
+                          "aria-hidden": !isExpanded || isClosingExpandedRow || void 0,
+                          className: `overflow-hidden transition-all duration-200 ease-out ${isExpanded && !isClosingExpandedRow ? "max-h-[1200px] opacity-100" : "max-h-0 opacity-0"}`,
+                          children: /* @__PURE__ */ jsx35("div", { id: expandedContentId, children: expandable.renderExpandedRow(item, index) })
+                        }
+                      )
+                    }
+                  )
+                ]
+              },
+              keyExtractor(item, index)
+            );
+          })()) }) : /* @__PURE__ */ jsx35(
+            "div",
+            {
+              className: `px-3 py-4 text-center text-md text-content-secondary ${emptyClassName}`.trim(),
+              children: emptyMessage
+            }
+          )
+        ]
+      }
+    ),
+    showPagination && pagination.totalItems > itemsPerPage && /* @__PURE__ */ jsxs20("div", { className: "mt-4 flex flex-col items-center justify-center gap-3 text-center", children: [
+      /* @__PURE__ */ jsxs20(
+        "p",
+        {
+          role: "status",
+          "aria-live": "polite",
+          "aria-atomic": "true",
+          className: "text-sm text-content-primary",
+          children: [
+            "Visualizando de ",
+            pagination.startItem,
+            " at\xE9 ",
+            pagination.endItem,
+            " de",
+            " ",
+            pagination.totalItems,
+            " resultados"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-center gap-2", children: [
+        /* @__PURE__ */ jsxs20(
+          "button",
+          {
+            type: "button",
+            onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)),
+            disabled: pagination.currentPage === 1,
+            "aria-label": "Ir para a p\xE1gina anterior",
+            className: "inline-flex h-7 items-center justify-center gap-1 rounded border border-border-default px-3 text-sm leading-none text-content-primary hover:border-border-strong disabled:cursor-not-allowed disabled:opacity-50",
+            children: [
+              /* @__PURE__ */ jsx35(MdKeyboardArrowLeft2, { className: "h-3 w-3 text-content-muted" }),
+              "Anterior"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx35(
+          "div",
+          {
+            "aria-live": "polite",
+            "aria-atomic": "true",
+            className: "inline-flex h-7 min-w-7 items-center justify-center rounded border border-selection-border bg-selection-background px-2 text-sm font-bold leading-none text-selection-content",
+            children: pagination.currentPage
+          }
+        ),
+        /* @__PURE__ */ jsxs20(
+          "button",
+          {
+            type: "button",
+            onClick: () => setCurrentPage(
+              (prev) => Math.min(prev + 1, pagination.totalPages)
+            ),
+            disabled: pagination.currentPage === pagination.totalPages,
+            "aria-label": "Ir para a pr\xF3xima p\xE1gina",
+            className: "inline-flex h-7 items-center justify-center gap-1 rounded border border-border-default px-3 text-sm leading-none text-content-primary hover:border-border-strong disabled:cursor-not-allowed disabled:opacity-50",
+            children: [
+              "Pr\xF3ximo",
+              /* @__PURE__ */ jsx35(MdKeyboardArrowRight2, { className: "h-3 w-3 text-content-muted" })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+var MobileCardTable_default = MobileCardTable;
+
+export {
+  LoadingDotsView_default,
+  Button_default,
+  Typography,
+  typography_default,
+  Divider_default,
+  Surface,
+  ModalCardView_default,
+  NoticeView_default,
+  PageState,
+  Avatar_default,
+  ThemedImage,
+  IconProvider,
+  CircularLoading,
+  TextGroup,
+  PaginationView_default,
+  Checkbox,
+  CheckBox,
+  Slider_default,
+  InputSliderView_default,
+  FormActions,
+  FormGrid,
+  PageHeading,
+  PageTabsHeader,
+  InfoGrid,
+  InfoItem,
+  FilterBar,
+  StatusBadge,
+  getStatusBadgeClassName,
+  DomainStatusBadge,
+  SkipLink,
+  FocusNavigationMode,
+  findFirstInvalidField,
+  FormErrorNavigation,
+  Table_default,
+  MobileCardTable_default
+};
+//# sourceMappingURL=chunk-OPUUOVCL.js.map