@tesouro/embedded-components-react 0.3.44 → 0.3.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -2244,6 +2244,9 @@
2244
2244
  .ttw\:border-input {
2245
2245
  border-color: var(--ttw-input);
2246
2246
  }
2247
+ .ttw\:border-muted {
2248
+ border-color: var(--ttw-muted);
2249
+ }
2247
2250
  .ttw\:border-neutral-200 {
2248
2251
  border-color: var(--ttw-color-neutral-200);
2249
2252
  }
@@ -5366,6 +5369,13 @@
5366
5369
  .ttw\:data-\[state\=closed\]\:animate-out[data-state="closed"] {
5367
5370
  animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
5368
5371
  }
5372
+ .ttw\:data-\[state\=closed\]\:border-b[data-state="closed"] {
5373
+ border-bottom-style: var(--tw-border-style);
5374
+ border-bottom-width: 1px;
5375
+ }
5376
+ .ttw\:data-\[state\=closed\]\:border-border[data-state="closed"] {
5377
+ border-color: var(--ttw-border);
5378
+ }
5369
5379
  .ttw\:data-\[state\=closed\]\:duration-300[data-state="closed"] {
5370
5380
  --tw-duration: 300ms;
5371
5381
  transition-duration: 300ms;
@@ -1,5 +1,5 @@
1
1
  //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
2
- var e = "@tesouro/embedded-components-react", t = "0.3.44", n = "0302e28ba43fc02ee1e0092ff82a31347c804c8f", r = Object.freeze({
2
+ var e = "@tesouro/embedded-components-react", t = "0.3.45", n = "432d5e35982cbc5dddab68f4d8c07a830171a596", r = Object.freeze({
3
3
  library_name: e,
4
4
  library_version: t,
5
5
  library_sha: n
@@ -8369,7 +8369,50 @@ function gv({ className: e, ...t }) {
8369
8369
  ...t
8370
8370
  });
8371
8371
  }
8372
- function _v({ className: e, size: t = "default", ...n }) {
8372
+ function _v({ ...e }) {
8373
+ return /* @__PURE__ */ g(en, {
8374
+ "data-slot": "collapsible",
8375
+ ...e
8376
+ });
8377
+ }
8378
+ function vv({ ...e }) {
8379
+ return /* @__PURE__ */ g(Yt, {
8380
+ "data-slot": "collapsible-trigger",
8381
+ ...e
8382
+ });
8383
+ }
8384
+ function yv({ ...e }) {
8385
+ return /* @__PURE__ */ g(Zt, {
8386
+ "data-slot": "collapsible-content",
8387
+ ...e
8388
+ });
8389
+ }
8390
+ var bv = !1;
8391
+ function xv() {
8392
+ if (bv || typeof document > "u") return;
8393
+ let e = document.createElement("style");
8394
+ e.textContent = "@keyframes skeleton-pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n }", document.head.appendChild(e), bv = !0;
8395
+ }
8396
+ function Sv({ className: t, width: n, height: r, variant: i = "default", style: a, ...o }) {
8397
+ e.useEffect(() => {
8398
+ xv();
8399
+ }, []);
8400
+ let s = {
8401
+ ...a,
8402
+ width: typeof n == "number" ? `${n}px` : n,
8403
+ height: typeof r == "number" ? `${r}px` : r,
8404
+ backgroundColor: "var(--ttw-muted, #f1f5f9)",
8405
+ borderRadius: i === "circular" ? "9999px" : "0.375rem",
8406
+ animation: "skeleton-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"
8407
+ };
8408
+ return /* @__PURE__ */ g("div", {
8409
+ "data-slot": "skeleton",
8410
+ className: q("ttw:animate-pulse ttw:rounded-md ttw:bg-muted", i === "circular" && "ttw:rounded-full", t),
8411
+ style: s,
8412
+ ...o
8413
+ });
8414
+ }
8415
+ function Cv({ className: e, size: t = "default", ...n }) {
8373
8416
  return /* @__PURE__ */ g(io, {
8374
8417
  "data-slot": "avatar",
8375
8418
  "data-size": t,
@@ -8377,14 +8420,14 @@ function _v({ className: e, size: t = "default", ...n }) {
8377
8420
  ...n
8378
8421
  });
8379
8422
  }
8380
- function vv({ className: e, ...t }) {
8423
+ function wv({ className: e, ...t }) {
8381
8424
  return /* @__PURE__ */ g(oo, {
8382
8425
  "data-slot": "avatar-fallback",
8383
8426
  className: q("ttw:flex ttw:size-full ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-muted ttw:text-sm ttw:text-muted-foreground ttw:group-data-[size=sm]/avatar:text-xs", e),
8384
8427
  ...t
8385
8428
  });
8386
8429
  }
8387
- var yv = Y_("ttw:inline-flex ttw:items-center ttw:justify-center ttw:rounded-md ttw:border ttw:px-2 ttw:py-0.5 ttw:text-xs ttw:font-medium ttw:w-fit ttw:whitespace-nowrap ttw:shrink-0 ttw:[&>svg]:size-3 ttw:gap-1 ttw:[&>svg]:pointer-events-none ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:focus-visible:ring-[3px] ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:transition-[color,box-shadow] ttw:overflow-hidden", {
8430
+ var Tv = Y_("ttw:inline-flex ttw:items-center ttw:justify-center ttw:rounded-md ttw:border ttw:px-2 ttw:py-0.5 ttw:text-xs ttw:font-medium ttw:w-fit ttw:whitespace-nowrap ttw:shrink-0 ttw:[&>svg]:size-3 ttw:gap-1 ttw:[&>svg]:pointer-events-none ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:focus-visible:ring-[3px] ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:transition-[color,box-shadow] ttw:overflow-hidden", {
8388
8431
  variants: { variant: {
8389
8432
  default: "ttw:border-transparent ttw:bg-primary ttw:text-primary-foreground ttw:[a&]:hover:bg-primary/90",
8390
8433
  secondary: "ttw:border-transparent ttw:bg-secondary ttw:text-secondary-foreground ttw:[a&]:hover:bg-secondary/90",
@@ -8393,49 +8436,31 @@ var yv = Y_("ttw:inline-flex ttw:items-center ttw:justify-center ttw:rounded-md
8393
8436
  } },
8394
8437
  defaultVariants: { variant: "default" }
8395
8438
  });
8396
- function bv({ className: e, variant: t, asChild: n = !1, ...r }) {
8439
+ function Ev({ className: e, variant: t, asChild: n = !1, ...r }) {
8397
8440
  return /* @__PURE__ */ g(n ? be : "span", {
8398
8441
  "data-slot": "badge",
8399
- className: q(yv({ variant: t }), e),
8442
+ className: q(Tv({ variant: t }), e),
8400
8443
  ...r
8401
8444
  });
8402
8445
  }
8403
- function xv({ ...e }) {
8404
- return /* @__PURE__ */ g(en, {
8405
- "data-slot": "collapsible",
8406
- ...e
8407
- });
8408
- }
8409
- function Sv({ ...e }) {
8410
- return /* @__PURE__ */ g(Yt, {
8411
- "data-slot": "collapsible-trigger",
8412
- ...e
8413
- });
8414
- }
8415
- function Cv({ ...e }) {
8416
- return /* @__PURE__ */ g(Zt, {
8417
- "data-slot": "collapsible-content",
8418
- ...e
8419
- });
8420
- }
8421
- var wv = {
8446
+ var Dv = {
8422
8447
  placeholder: "Search...",
8423
8448
  emptyMessage: "No results found.",
8424
8449
  clearAriaLabel: "Clear selection",
8425
8450
  loadingMore: "Loading..."
8426
8451
  };
8427
- function Tv(e) {
8452
+ function Ov(e) {
8428
8453
  return e ? Array.isArray(e) ? e : [e] : [];
8429
8454
  }
8430
- function Ev(e) {
8455
+ function kv(e) {
8431
8456
  return typeof e == "string" ? e : e.value;
8432
8457
  }
8433
- function Dv(e) {
8458
+ function Av(e) {
8434
8459
  return typeof e == "string" ? e : e.label;
8435
8460
  }
8436
- function Ov({ items: t, value: n, onValueChange: r, multiple: i = !1, disabled: a = !1, chipBackgroundColor: o, chipTextColor: s, onLoadMore: c, isLoadingMore: l = !1, onQueryChange: u, labels: d, className: f, ...p }) {
8461
+ function jv({ items: t, value: n, onValueChange: r, multiple: i = !1, disabled: a = !1, chipBackgroundColor: o, chipTextColor: s, onLoadMore: c, isLoadingMore: l = !1, onQueryChange: u, labels: d, className: f, ...p }) {
8437
8462
  let h = {
8438
- ...wv,
8463
+ ...Dv,
8439
8464
  ...d
8440
8465
  }, v = e.useRef(null), y = e.useRef(null), b = e.useRef(null), [x, S] = e.useState(!1), [C, w] = e.useState(""), [T, E] = e.useState(0), D = e.useRef(u);
8441
8466
  e.useEffect(() => {
@@ -8463,14 +8488,14 @@ function Ov({ items: t, value: n, onValueChange: r, multiple: i = !1, disabled:
8463
8488
  window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
8464
8489
  };
8465
8490
  }, [x]);
8466
- let M = e.useMemo(() => Tv(n), [n]), N = e.useMemo(() => {
8491
+ let M = e.useMemo(() => Ov(n), [n]), N = e.useMemo(() => {
8467
8492
  let e = /* @__PURE__ */ new Map();
8468
8493
  return t.forEach((t) => {
8469
- e.set(Ev(t), Dv(t));
8494
+ e.set(kv(t), Av(t));
8470
8495
  }), e;
8471
8496
  }, [t]), P = !i && M[0] ? N.get(M[0]) ?? M[0] : "", F = e.useMemo(() => {
8472
8497
  let e = C.trim().toLowerCase();
8473
- return e ? t.filter((t) => `${Dv(t)} ${Ev(t)}`.toLowerCase().includes(e)) : [...t];
8498
+ return e ? t.filter((t) => `${Av(t)} ${kv(t)}`.toLowerCase().includes(e)) : [...t];
8474
8499
  }, [t, C]);
8475
8500
  e.useEffect(() => {
8476
8501
  E(F.length > 0 ? 0 : -1);
@@ -8527,7 +8552,7 @@ function Ov({ items: t, value: n, onValueChange: r, multiple: i = !1, disabled:
8527
8552
  return;
8528
8553
  }
8529
8554
  let t = F[T];
8530
- T >= 0 && t && te(Ev(t));
8555
+ T >= 0 && t && te(kv(t));
8531
8556
  return;
8532
8557
  }
8533
8558
  e.key === "Escape" && (S(!1), O(""));
@@ -8615,14 +8640,14 @@ function Ov({ items: t, value: n, onValueChange: r, multiple: i = !1, disabled:
8615
8640
  className: "ttw:px-2 ttw:py-2 ttw:text-sm ttw:text-muted-foreground",
8616
8641
  children: h.emptyMessage
8617
8642
  }) : F.map((e, t) => {
8618
- let n = Ev(e), r = M.includes(n);
8643
+ let n = kv(e), r = M.includes(n);
8619
8644
  return /* @__PURE__ */ _("li", {
8620
8645
  className: q("ttw:flex ttw:w-full ttw:cursor-pointer ttw:items-center ttw:gap-2 ttw:rounded-sm ttw:px-2 ttw:py-1.5 ttw:text-sm", T === t ? "ttw:bg-zinc-300 ttw:text-zinc-900" : "ttw:hover:bg-zinc-300 ttw:hover:text-zinc-900"),
8621
8646
  onMouseEnter: () => E(t),
8622
8647
  onMouseDown: (e) => {
8623
8648
  e.preventDefault(), te(n);
8624
8649
  },
8625
- children: [Dv(e), r ? /* @__PURE__ */ g(ie, { className: "ttw:ml-auto ttw:size-4" }) : null]
8650
+ children: [Av(e), r ? /* @__PURE__ */ g(ie, { className: "ttw:ml-auto ttw:size-4" }) : null]
8626
8651
  }, n);
8627
8652
  }), l ? /* @__PURE__ */ g("li", {
8628
8653
  className: "ttw:px-2 ttw:py-2 ttw:text-center ttw:text-sm ttw:text-muted-foreground",
@@ -8632,10 +8657,10 @@ function Ov({ items: t, value: n, onValueChange: r, multiple: i = !1, disabled:
8632
8657
  }), k ?? document.body) : null]
8633
8658
  });
8634
8659
  }
8635
- function kv(e, t) {
8660
+ function Mv(e, t) {
8636
8661
  return e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e);
8637
8662
  }
8638
- var Av = {
8663
+ var Nv = {
8639
8664
  columns: "Columns",
8640
8665
  rowsPerPage: "Rows per page:",
8641
8666
  selectedRows: "{selected} of {total} row(s) selected.",
@@ -8647,19 +8672,19 @@ var Av = {
8647
8672
  sortedDescending: "sorted descending",
8648
8673
  notSorted: "not sorted"
8649
8674
  };
8650
- function jv({ ...e }) {
8675
+ function Pv({ ...e }) {
8651
8676
  return /* @__PURE__ */ g(Od, {
8652
8677
  "data-slot": "dropdown-menu",
8653
8678
  ...e
8654
8679
  });
8655
8680
  }
8656
- function Mv({ ...e }) {
8681
+ function Fv({ ...e }) {
8657
8682
  return /* @__PURE__ */ g(kd, {
8658
8683
  "data-slot": "dropdown-menu-trigger",
8659
8684
  ...e
8660
8685
  });
8661
8686
  }
8662
- function Nv({ className: e, sideOffset: t = 4, ...n }) {
8687
+ function Iv({ className: e, sideOffset: t = 4, ...n }) {
8663
8688
  let r = ov();
8664
8689
  return /* @__PURE__ */ g(Ad, {
8665
8690
  container: r,
@@ -8671,13 +8696,13 @@ function Nv({ className: e, sideOffset: t = 4, ...n }) {
8671
8696
  })
8672
8697
  });
8673
8698
  }
8674
- function Pv({ ...e }) {
8699
+ function Lv({ ...e }) {
8675
8700
  return /* @__PURE__ */ g(Md, {
8676
8701
  "data-slot": "dropdown-menu-group",
8677
8702
  ...e
8678
8703
  });
8679
8704
  }
8680
- function Fv({ className: e, inset: t, variant: n = "default", ...r }) {
8705
+ function Rv({ className: e, inset: t, variant: n = "default", ...r }) {
8681
8706
  return /* @__PURE__ */ g(Pd, {
8682
8707
  "data-slot": "dropdown-menu-item",
8683
8708
  "data-inset": t,
@@ -8686,7 +8711,7 @@ function Fv({ className: e, inset: t, variant: n = "default", ...r }) {
8686
8711
  ...r
8687
8712
  });
8688
8713
  }
8689
- function Iv({ className: e, children: t, checked: n, ...r }) {
8714
+ function zv({ className: e, children: t, checked: n, ...r }) {
8690
8715
  return /* @__PURE__ */ _(Fd, {
8691
8716
  "data-slot": "dropdown-menu-checkbox-item",
8692
8717
  className: q("ttw:focus:bg-accent ttw:focus:text-accent-foreground ttw:relative ttw:flex ttw:cursor-default ttw:items-center ttw:gap-2 ttw:rounded-sm ttw:py-1.5 ttw:pr-2 ttw:pl-8 ttw:text-sm ttw:outline-hidden ttw:select-none ttw:data-[disabled]:pointer-events-none ttw:data-[disabled]:opacity-50 ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4", e),
@@ -8698,7 +8723,7 @@ function Iv({ className: e, children: t, checked: n, ...r }) {
8698
8723
  }), t]
8699
8724
  });
8700
8725
  }
8701
- function Lv({ className: e, inset: t, ...n }) {
8726
+ function Bv({ className: e, inset: t, ...n }) {
8702
8727
  return /* @__PURE__ */ g(Nd, {
8703
8728
  "data-slot": "dropdown-menu-label",
8704
8729
  "data-inset": t,
@@ -8706,32 +8731,32 @@ function Lv({ className: e, inset: t, ...n }) {
8706
8731
  ...n
8707
8732
  });
8708
8733
  }
8709
- function Rv({ className: e, ...t }) {
8734
+ function Vv({ className: e, ...t }) {
8710
8735
  return /* @__PURE__ */ g(Ld, {
8711
8736
  "data-slot": "dropdown-menu-separator",
8712
8737
  className: q("ttw:bg-border ttw:-mx-1 ttw:my-1 ttw:h-px", e),
8713
8738
  ...t
8714
8739
  });
8715
8740
  }
8716
- function zv({ ...e }) {
8741
+ function Hv({ ...e }) {
8717
8742
  return /* @__PURE__ */ g(Bp, {
8718
8743
  "data-slot": "select",
8719
8744
  ...e
8720
8745
  });
8721
8746
  }
8722
- function Bv({ ...e }) {
8747
+ function Uv({ ...e }) {
8723
8748
  return /* @__PURE__ */ g(dm, {
8724
8749
  "data-slot": "select-group",
8725
8750
  ...e
8726
8751
  });
8727
8752
  }
8728
- function Vv({ ...e }) {
8753
+ function Wv({ ...e }) {
8729
8754
  return /* @__PURE__ */ g(Wp, {
8730
8755
  "data-slot": "select-value",
8731
8756
  ...e
8732
8757
  });
8733
8758
  }
8734
- function Hv({ className: e, size: t = "default", children: n, ...r }) {
8759
+ function Gv({ className: e, size: t = "default", children: n, ...r }) {
8735
8760
  return /* @__PURE__ */ _(Hp, {
8736
8761
  "data-slot": "select-trigger",
8737
8762
  "data-size": t,
@@ -8743,7 +8768,7 @@ function Hv({ className: e, size: t = "default", children: n, ...r }) {
8743
8768
  })]
8744
8769
  });
8745
8770
  }
8746
- function Uv({ className: e, children: t, position: n = "item-aligned", align: r = "center", ...i }) {
8771
+ function Kv({ className: e, children: t, position: n = "item-aligned", align: r = "center", ...i }) {
8747
8772
  let a = ov();
8748
8773
  return /* @__PURE__ */ g(Jp, {
8749
8774
  container: a,
@@ -8754,24 +8779,24 @@ function Uv({ className: e, children: t, position: n = "item-aligned", align: r
8754
8779
  align: r,
8755
8780
  ...i,
8756
8781
  children: [
8757
- /* @__PURE__ */ g(Kv, {}),
8782
+ /* @__PURE__ */ g(Yv, {}),
8758
8783
  /* @__PURE__ */ g(cm, {
8759
8784
  className: q("ttw:p-1", n === "popper" && "ttw:h-[var(--radix-select-trigger-height)] ttw:w-full ttw:min-w-[var(--radix-select-trigger-width)] ttw:scroll-my-1"),
8760
8785
  children: t
8761
8786
  }),
8762
- /* @__PURE__ */ g(qv, {})
8787
+ /* @__PURE__ */ g(Xv, {})
8763
8788
  ]
8764
8789
  })
8765
8790
  });
8766
8791
  }
8767
- function Wv({ className: e, ...t }) {
8792
+ function qv({ className: e, ...t }) {
8768
8793
  return /* @__PURE__ */ g(pm, {
8769
8794
  "data-slot": "select-label",
8770
8795
  className: q("ttw:px-2 ttw:py-1.5 ttw:text-xs ttw:text-muted-foreground", e),
8771
8796
  ...t
8772
8797
  });
8773
8798
  }
8774
- function Gv({ className: e, children: t, description: n, ...r }) {
8799
+ function Jv({ className: e, children: t, description: n, ...r }) {
8775
8800
  return /* @__PURE__ */ _(_m, {
8776
8801
  "data-slot": "select-item",
8777
8802
  className: q("ttw:relative ttw:flex ttw:w-full ttw:cursor-pointer ttw:items-center ttw:gap-2 ttw:rounded-sm ttw:py-1.5 ttw:pr-8 ttw:pl-2 ttw:text-sm ttw:outline-hidden ttw:select-none ttw:focus:bg-accent ttw:focus:text-accent-foreground ttw:data-[disabled]:pointer-events-none ttw:data-[disabled]:opacity-50 ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4 ttw:[&_svg:not([class*=text-])]:text-muted-foreground ttw:*:[span]:last:flex ttw:*:[span]:last:items-center ttw:*:[span]:last:gap-2", n && "ttw:flex-col ttw:items-start ttw:gap-0.5", e),
@@ -8790,7 +8815,7 @@ function Gv({ className: e, children: t, description: n, ...r }) {
8790
8815
  ]
8791
8816
  });
8792
8817
  }
8793
- function Kv({ className: e, ...t }) {
8818
+ function Yv({ className: e, ...t }) {
8794
8819
  return /* @__PURE__ */ g(Cm, {
8795
8820
  "data-slot": "select-scroll-up-button",
8796
8821
  className: q("ttw:flex ttw:cursor-default ttw:items-center ttw:justify-center ttw:py-1", e),
@@ -8798,7 +8823,7 @@ function Kv({ className: e, ...t }) {
8798
8823
  children: /* @__PURE__ */ g(oe, { className: "ttw:size-4" })
8799
8824
  });
8800
8825
  }
8801
- function qv({ className: e, ...t }) {
8826
+ function Xv({ className: e, ...t }) {
8802
8827
  return /* @__PURE__ */ g(Tm, {
8803
8828
  "data-slot": "select-scroll-down-button",
8804
8829
  className: q("ttw:flex ttw:cursor-default ttw:items-center ttw:justify-center ttw:py-1", e),
@@ -8806,7 +8831,7 @@ function qv({ className: e, ...t }) {
8806
8831
  children: /* @__PURE__ */ g(I, { className: "ttw:size-4" })
8807
8832
  });
8808
8833
  }
8809
- function Jv({ className: e, containerClassName: t, containerStyle: n, ...r }) {
8834
+ function Zv({ className: e, containerClassName: t, containerStyle: n, ...r }) {
8810
8835
  return /* @__PURE__ */ g("div", {
8811
8836
  "data-slot": "table-container",
8812
8837
  className: q("ttw:flex-1 ttw:relative ttw:w-0 ttw:min-w-full ttw:overflow-x-auto", t),
@@ -8818,70 +8843,45 @@ function Jv({ className: e, containerClassName: t, containerStyle: n, ...r }) {
8818
8843
  })
8819
8844
  });
8820
8845
  }
8821
- function Yv({ className: e, ...t }) {
8846
+ function Qv({ className: e, ...t }) {
8822
8847
  return /* @__PURE__ */ g("thead", {
8823
8848
  "data-slot": "table-header",
8824
8849
  className: q("ttw:[&_tr]:border-b ttw:[&_tr]:border-border", e),
8825
8850
  ...t
8826
8851
  });
8827
8852
  }
8828
- function Xv({ className: e, ...t }) {
8853
+ function $v({ className: e, ...t }) {
8829
8854
  return /* @__PURE__ */ g("tbody", {
8830
8855
  "data-slot": "table-body",
8831
8856
  className: q("ttw:[&_tr:last-child]:border-0", e),
8832
8857
  ...t
8833
8858
  });
8834
8859
  }
8835
- function Zv({ className: e, ...t }) {
8860
+ function ey({ className: e, ...t }) {
8836
8861
  return /* @__PURE__ */ g("tr", {
8837
8862
  "data-slot": "table-row",
8838
8863
  className: q("ttw:border-b ttw:border-border ttw:transition-colors ttw:hover:bg-muted/50 ttw:data-[state=selected]:bg-muted", e),
8839
8864
  ...t
8840
8865
  });
8841
8866
  }
8842
- function Qv({ className: e, ...t }) {
8867
+ function ty({ className: e, ...t }) {
8843
8868
  return /* @__PURE__ */ g("th", {
8844
8869
  "data-slot": "table-head",
8845
8870
  className: q("ttw:h-10 ttw:px-2 ttw:text-left ttw:align-middle ttw:font-medium ttw:whitespace-nowrap ttw:text-foreground ttw:[&:has([role=checkbox])]:pr-0 ttw:*:[[role=checkbox]]:translate-y-0.5", e),
8846
8871
  ...t
8847
8872
  });
8848
8873
  }
8849
- function $v({ className: e, ...t }) {
8874
+ function ny({ className: e, ...t }) {
8850
8875
  return /* @__PURE__ */ g("td", {
8851
8876
  "data-slot": "table-cell",
8852
8877
  className: q("ttw:p-2 ttw:align-middle ttw:[&:has([role=checkbox])]:pr-0 ttw:*:[[role=checkbox]]:translate-y-0.5", e),
8853
8878
  ...t
8854
8879
  });
8855
8880
  }
8856
- var ey = !1;
8857
- function ty() {
8858
- if (ey || typeof document > "u") return;
8859
- let e = document.createElement("style");
8860
- e.textContent = "@keyframes skeleton-pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n }", document.head.appendChild(e), ey = !0;
8861
- }
8862
- function ny({ className: t, width: n, height: r, variant: i = "default", style: a, ...o }) {
8863
- e.useEffect(() => {
8864
- ty();
8865
- }, []);
8866
- let s = {
8867
- ...a,
8868
- width: typeof n == "number" ? `${n}px` : n,
8869
- height: typeof r == "number" ? `${r}px` : r,
8870
- backgroundColor: "var(--ttw-muted, #f1f5f9)",
8871
- borderRadius: i === "circular" ? "9999px" : "0.375rem",
8872
- animation: "skeleton-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"
8873
- };
8874
- return /* @__PURE__ */ g("div", {
8875
- "data-slot": "skeleton",
8876
- className: q("ttw:animate-pulse ttw:rounded-md ttw:bg-muted", i === "circular" && "ttw:rounded-full", t),
8877
- style: s,
8878
- ...o
8879
- });
8880
- }
8881
8881
  var ry = 52, iy = 40, ay = "60vh";
8882
8882
  function oy({ columns: t, data: n, sorting: r, onSortingChange: i, pageSize: a, onPageSizeChange: o, hasNextPage: s, hasPrevPage: c, onNextPage: l, onPrevPage: u, labels: d, pageInfo: f, filterComponent: p, showColumnVisibility: m = !1, showSelectedRowsInfo: S = !1, onRowClick: C, children: w, className: T, pageSizeOptions: E, isLoading: D = !1 }) {
8883
8883
  let O = {
8884
- ...Av,
8884
+ ...Nv,
8885
8885
  ...d
8886
8886
  }, [ee, k] = e.useState([]), [A, j] = e.useState({}), [M, N] = e.useState({}), P = x({
8887
8887
  data: n,
@@ -8914,7 +8914,7 @@ function oy({ columns: t, data: n, sorting: r, onSortingChange: i, pageSize: a,
8914
8914
  p,
8915
8915
  m && /* @__PURE__ */ g("div", {
8916
8916
  className: "ttw:flex ttw:items-center ttw:justify-end ttw:px-4",
8917
- children: /* @__PURE__ */ _(jv, { children: [/* @__PURE__ */ g(Mv, {
8917
+ children: /* @__PURE__ */ _(Pv, { children: [/* @__PURE__ */ g(Fv, {
8918
8918
  asChild: !0,
8919
8919
  children: /* @__PURE__ */ _(rv, {
8920
8920
  variant: "outline",
@@ -8925,9 +8925,9 @@ function oy({ columns: t, data: n, sorting: r, onSortingChange: i, pageSize: a,
8925
8925
  /* @__PURE__ */ g(I, {})
8926
8926
  ]
8927
8927
  })
8928
- }), /* @__PURE__ */ g(Nv, {
8928
+ }), /* @__PURE__ */ g(Iv, {
8929
8929
  align: "end",
8930
- children: P.getAllColumns().filter((e) => e.getCanHide()).map((e) => /* @__PURE__ */ g(Iv, {
8930
+ children: P.getAllColumns().filter((e) => e.getCanHide()).map((e) => /* @__PURE__ */ g(zv, {
8931
8931
  className: "ttw:capitalize",
8932
8932
  checked: e.getIsVisible(),
8933
8933
  onCheckedChange: (t) => e.toggleVisibility(!!t),
@@ -8935,11 +8935,11 @@ function oy({ columns: t, data: n, sorting: r, onSortingChange: i, pageSize: a,
8935
8935
  }, e.id))
8936
8936
  })] })
8937
8937
  }),
8938
- /* @__PURE__ */ _(Jv, {
8938
+ /* @__PURE__ */ _(Zv, {
8939
8939
  className: "ttw:border-none",
8940
8940
  containerClassName: "ttw:overflow-y-auto",
8941
8941
  containerStyle: { height: `min(${iy + a * ry}px, ${ay})` },
8942
- children: [/* @__PURE__ */ g(Yv, { children: P.getHeaderGroups().map((e) => /* @__PURE__ */ g(Zv, { children: e.headers.map((e) => /* @__PURE__ */ g(Qv, {
8942
+ children: [/* @__PURE__ */ g(Qv, { children: P.getHeaderGroups().map((e) => /* @__PURE__ */ g(ey, { children: e.headers.map((e) => /* @__PURE__ */ g(ty, {
8943
8943
  "aria-sort": e.column.getCanSort() ? cy(e.column.getIsSorted()) : void 0,
8944
8944
  className: "ttw:sticky ttw:top-0 ttw:z-10 ttw:bg-card ttw:p-3 ttw:text-xs ttw:text-zinc-950 ttw:border-b ttw:border-zinc-100",
8945
8945
  style: {
@@ -8950,14 +8950,14 @@ function oy({ columns: t, data: n, sorting: r, onSortingChange: i, pageSize: a,
8950
8950
  ...e.column.columnDef.minSize !== void 0 && { minWidth: e.column.columnDef.minSize }
8951
8951
  },
8952
8952
  children: e.isPlaceholder ? null : v(e.column.columnDef.header, e.getContext())
8953
- }, e.id)) }, e.id)) }), /* @__PURE__ */ g(Xv, { children: D ? Array.from({ length: a }).map((e, n) => /* @__PURE__ */ g(Zv, { children: t.map((e, t) => /* @__PURE__ */ g($v, {
8953
+ }, e.id)) }, e.id)) }), /* @__PURE__ */ g($v, { children: D ? Array.from({ length: a }).map((e, n) => /* @__PURE__ */ g(ey, { children: t.map((e, t) => /* @__PURE__ */ g(ny, {
8954
8954
  className: "ttw:px-3 ttw:h-13 ttw:border-zinc-100 ttw:border-b",
8955
- children: /* @__PURE__ */ g(ny, { className: "ttw:h-4 ttw:w-full" })
8956
- }, t)) }, `skeleton-${n}`)) : P.getRowModel().rows?.length ? P.getRowModel().rows.map((e) => /* @__PURE__ */ g(Zv, {
8955
+ children: /* @__PURE__ */ g(Sv, { className: "ttw:h-4 ttw:w-full" })
8956
+ }, t)) }, `skeleton-${n}`)) : P.getRowModel().rows?.length ? P.getRowModel().rows.map((e) => /* @__PURE__ */ g(ey, {
8957
8957
  "data-state": e.getIsSelected() ? "selected" : void 0,
8958
8958
  className: q(C && "ttw:cursor-pointer"),
8959
8959
  onClick: () => C?.(e.original),
8960
- children: e.getVisibleCells().map((e) => /* @__PURE__ */ g($v, {
8960
+ children: e.getVisibleCells().map((e) => /* @__PURE__ */ g(ny, {
8961
8961
  className: "ttw:px-3 ttw:h-13 ttw:font-medium ttw:border-zinc-100 ttw:border-b",
8962
8962
  style: {
8963
8963
  ...e.column.columnDef.size !== void 0 && {
@@ -8968,7 +8968,7 @@ function oy({ columns: t, data: n, sorting: r, onSortingChange: i, pageSize: a,
8968
8968
  },
8969
8969
  children: v(e.column.columnDef.cell, e.getContext())
8970
8970
  }, e.id))
8971
- }, e.id)) : /* @__PURE__ */ g(Zv, { children: /* @__PURE__ */ g($v, {
8971
+ }, e.id)) : /* @__PURE__ */ g(ey, { children: /* @__PURE__ */ g(ny, {
8972
8972
  colSpan: t.length,
8973
8973
  className: "ttw:p-0",
8974
8974
  children: /* @__PURE__ */ g("div", {
@@ -8983,22 +8983,22 @@ function oy({ columns: t, data: n, sorting: r, onSortingChange: i, pageSize: a,
8983
8983
  children: [
8984
8984
  S && /* @__PURE__ */ g("div", {
8985
8985
  className: "ttw:text-sm ttw:leading-5 ttw:font-medium ttw:text-zinc-950",
8986
- children: kv(O.selectedRows, {
8986
+ children: Mv(O.selectedRows, {
8987
8987
  selected: P.getFilteredSelectedRowModel().rows.length,
8988
8988
  total: P.getFilteredRowModel().rows.length
8989
8989
  })
8990
8990
  }),
8991
8991
  /* @__PURE__ */ _("span", {
8992
8992
  className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:leading-5 ttw:font-medium ttw:text-zinc-950",
8993
- children: [O.rowsPerPage, /* @__PURE__ */ _(zv, {
8993
+ children: [O.rowsPerPage, /* @__PURE__ */ _(Hv, {
8994
8994
  value: String(a),
8995
8995
  onValueChange: (e) => {
8996
8996
  o(Number(e));
8997
8997
  },
8998
- children: [/* @__PURE__ */ g(Hv, {
8998
+ children: [/* @__PURE__ */ g(Gv, {
8999
8999
  size: "sm",
9000
- children: /* @__PURE__ */ g(Vv, {})
9001
- }), /* @__PURE__ */ g(Uv, { children: E.map((e) => /* @__PURE__ */ g(Gv, {
9000
+ children: /* @__PURE__ */ g(Wv, {})
9001
+ }), /* @__PURE__ */ g(Kv, { children: E.map((e) => /* @__PURE__ */ g(Jv, {
9002
9002
  value: String(e),
9003
9003
  children: e
9004
9004
  }, e)) })]
@@ -9039,7 +9039,7 @@ function cy(e) {
9039
9039
  }
9040
9040
  function ly({ column: e, title: t, labels: n }) {
9041
9041
  let r = {
9042
- ...Av,
9042
+ ...Nv,
9043
9043
  ...n
9044
9044
  }, i = e.getIsSorted(), a = cy(i), o = sy[a], s = {
9045
9045
  ascending: r.sortedAscending,
@@ -9194,7 +9194,7 @@ function Dy({ className: e, value: t, onChange: n, inputValue: r, onInputValueCh
9194
9194
  return /* @__PURE__ */ _("div", {
9195
9195
  className: q("ttw:flex ttw:min-h-9 ttw:w-full ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:rounded-md ttw:border ttw:border-input ttw:bg-transparent ttw:px-3 ttw:py-1.5 ttw:text-sm ttw:shadow-xs ttw:transition-[color,box-shadow]", "ttw:has-[input:focus-visible]:border-ring ttw:has-[input:focus-visible]:ring-[3px] ttw:has-[input:focus-visible]:ring-ring/50", "ttw:has-[input:disabled]:pointer-events-none ttw:has-[input:disabled]:cursor-not-allowed ttw:has-[input:disabled]:opacity-50", e),
9196
9196
  "data-slot": "input-tags",
9197
- children: [t.map((e) => /* @__PURE__ */ _(bv, {
9197
+ children: [t.map((e) => /* @__PURE__ */ _(Ev, {
9198
9198
  variant: "secondary",
9199
9199
  className: "ttw:gap-1 ttw:pr-1",
9200
9200
  children: [e, /* @__PURE__ */ g(rv, {
@@ -16076,7 +16076,7 @@ function AA({ label: e, count: t, variant: n = "default", onLabelClick: r, onDis
16076
16076
  children: [r ? /* @__PURE__ */ g("button", {
16077
16077
  type: "button",
16078
16078
  onClick: r,
16079
- "aria-label": kv(l.edit, { label: e }),
16079
+ "aria-label": Mv(l.edit, { label: e }),
16080
16080
  className: q("ttw:min-w-0 ttw:flex-1 ttw:text-left ttw:truncate", "ttw:rounded-md ttw:border-0 ttw:bg-transparent ttw:p-0 ttw:m-0", "ttw:cursor-pointer ttw:font-[inherit] ttw:text-inherit", "ttw:hover:bg-indigo-100/60 ttw:transition-colors", "ttw:focus-visible:outline-none ttw:focus-visible:ring-2 ttw:focus-visible:ring-indigo-600/40"),
16081
16081
  children: u
16082
16082
  }) : /* @__PURE__ */ g("span", {
@@ -16085,7 +16085,7 @@ function AA({ label: e, count: t, variant: n = "default", onLabelClick: r, onDis
16085
16085
  }), i && /* @__PURE__ */ g("button", {
16086
16086
  type: "button",
16087
16087
  onClick: i,
16088
- "aria-label": kv(l.remove, { label: e }),
16088
+ "aria-label": Mv(l.remove, { label: e }),
16089
16089
  className: q("ttw:inline-flex ttw:items-center ttw:justify-center", "ttw:size-6 ttw:rounded-[6px] ttw:cursor-pointer", "ttw:transition-colors", "ttw:hover:bg-indigo-700 ttw:hover:text-white", "ttw:focus-visible:outline-none ttw:focus-visible:ring-2", "ttw:focus-visible:ring-indigo-700"),
16090
16090
  children: /* @__PURE__ */ g(fe, { className: "ttw:size-4" })
16091
16091
  })]
@@ -16194,16 +16194,16 @@ function IA({ from: t, to: n, onRangeChange: r, selectedPreset: i, onPresetChang
16194
16194
  children: [/* @__PURE__ */ _("span", {
16195
16195
  className: "ttw:text-xs ttw:font-medium ttw:text-muted-foreground ttw:shrink-0",
16196
16196
  children: [l.fieldLabel, ":"]
16197
- }), /* @__PURE__ */ _(zv, {
16197
+ }), /* @__PURE__ */ _(Hv, {
16198
16198
  value: i ?? "",
16199
16199
  onValueChange: a,
16200
- children: [/* @__PURE__ */ g(Hv, {
16200
+ children: [/* @__PURE__ */ g(Gv, {
16201
16201
  className: "ttw:h-8 ttw:text-xs",
16202
- children: /* @__PURE__ */ g(Vv, { placeholder: l.presetPlaceholder })
16203
- }), /* @__PURE__ */ g(Uv, { children: Array.from(d.entries()).map(([e, t]) => /* @__PURE__ */ _(Bv, { children: [/* @__PURE__ */ g(Wv, {
16202
+ children: /* @__PURE__ */ g(Wv, { placeholder: l.presetPlaceholder })
16203
+ }), /* @__PURE__ */ g(Kv, { children: Array.from(d.entries()).map(([e, t]) => /* @__PURE__ */ _(Uv, { children: [/* @__PURE__ */ g(qv, {
16204
16204
  className: "ttw:text-xs ttw:capitalize",
16205
16205
  children: e
16206
- }), t.map((e) => /* @__PURE__ */ g(Gv, {
16206
+ }), t.map((e) => /* @__PURE__ */ g(Jv, {
16207
16207
  value: e.value,
16208
16208
  className: "ttw:text-xs",
16209
16209
  children: e.label
@@ -16439,4 +16439,4 @@ function UA() {
16439
16439
  };
16440
16440
  }
16441
16441
  //#endregion
16442
- export { RA as AMOUNT_FILTER_LABELS_EN, U_ as Accordion, K_ as AccordionContent, W_ as AccordionItem, G_ as AccordionTrigger, Z_ as Alert, $_ as AlertDescription, sv as AlertDialog, hv as AlertDialogAction, gv as AlertDialogCancel, uv as AlertDialogContent, mv as AlertDialogDescription, fv as AlertDialogFooter, dv as AlertDialogHeader, lv as AlertDialogOverlay, cv as AlertDialogPortal, pv as AlertDialogTitle, Q_ as AlertTitle, BA as AmountFilter, _v as Avatar, vv as AvatarFallback, bv as Badge, rv as Button, wv as COMBOBOX_LABELS_EN, mD as Calendar, hD as CalendarDayButton, tC as Checkbox, xv as Collapsible, Cv as CollapsibleContent, Sv as CollapsibleTrigger, Ov as Combobox, bA as Command, CA as CommandEmpty, wA as CommandGroup, xA as CommandInput, EA as CommandItem, SA as CommandList, TA as CommandSeparator, Av as DATA_TABLE_LABELS_EN, FA as DATE_RANGE_PICKER_LABELS_EN, uy as DIALOG_LABELS_EN, oy as DataTable, ly as DataTableSortableHeader, PA as DatePicker, IA as DateRangePicker, dy as Dialog, py as DialogClose, hy as DialogContent, yy as DialogDescription, _y as DialogFooter, gy as DialogHeader, my as DialogOverlay, fy as DialogPortal, vy as DialogTitle, jv as DropdownMenu, Iv as DropdownMenuCheckboxItem, Nv as DropdownMenuContent, Pv as DropdownMenuGroup, Fv as DropdownMenuItem, Lv as DropdownMenuLabel, Rv as DropdownMenuSeparator, Mv as DropdownMenuTrigger, DA as FILTER_MENU_BUTTON_LABELS_EN, kA as FILTER_TAG_LABELS_EN, jA as FilterBar, OA as FilterMenuButton, AA as FilterTag, Sy as Input, Cy as InputGroup, Ty as InputGroupAddon, wy as InputGroupInput, Dy as InputTags, by as Label, LA as MultiSelectFilter, ZS as Popover, eC as PopoverAnchor, $S as PopoverContent, QS as PopoverTrigger, av as PortalContainerProvider, nC as RadioGroup, rC as RadioGroupItem, Oy as SHEET_LABELS_EN, ev as SPINNER_LABELS_EN, VA as SearchInput, zv as Select, Uv as SelectContent, Bv as SelectGroup, Gv as SelectItem, Wv as SelectLabel, qv as SelectScrollDownButton, Kv as SelectScrollUpButton, Hv as SelectTrigger, Vv as SelectValue, xy as Separator, ky as Sheet, Ay as SheetClose, Ny as SheetContent, Ly as SheetDescription, Fy as SheetFooter, Py as SheetHeader, Iy as SheetTitle, ny as Skeleton, tv as Spinner, Hy as Switch, Jv as Table, Xv as TableBody, $v as TableCell, Qv as TableHead, Yv as TableHeader, Zv as TableRow, Uy as Tabs, qy as TabsContent, Gy as TabsList, Ky as TabsTrigger, Jy as Textarea, HA as Toaster, zy as Tooltip, Vy as TooltipContent, Ry as TooltipProvider, By as TooltipTrigger, XS as Typography, yv as badgeVariants, nv as buttonVariants, q as cn, kv as formatLabel, Wy as tabsListVariants, C as toast, JS as typographyVariants, UA as useFilterPanel, ov as usePortalContainer };
16442
+ export { RA as AMOUNT_FILTER_LABELS_EN, U_ as Accordion, K_ as AccordionContent, W_ as AccordionItem, G_ as AccordionTrigger, Z_ as Alert, $_ as AlertDescription, sv as AlertDialog, hv as AlertDialogAction, gv as AlertDialogCancel, uv as AlertDialogContent, mv as AlertDialogDescription, fv as AlertDialogFooter, dv as AlertDialogHeader, lv as AlertDialogOverlay, cv as AlertDialogPortal, pv as AlertDialogTitle, Q_ as AlertTitle, BA as AmountFilter, Cv as Avatar, wv as AvatarFallback, Ev as Badge, rv as Button, Dv as COMBOBOX_LABELS_EN, mD as Calendar, hD as CalendarDayButton, tC as Checkbox, _v as Collapsible, yv as CollapsibleContent, vv as CollapsibleTrigger, jv as Combobox, bA as Command, CA as CommandEmpty, wA as CommandGroup, xA as CommandInput, EA as CommandItem, SA as CommandList, TA as CommandSeparator, Nv as DATA_TABLE_LABELS_EN, FA as DATE_RANGE_PICKER_LABELS_EN, uy as DIALOG_LABELS_EN, oy as DataTable, ly as DataTableSortableHeader, PA as DatePicker, IA as DateRangePicker, dy as Dialog, py as DialogClose, hy as DialogContent, yy as DialogDescription, _y as DialogFooter, gy as DialogHeader, my as DialogOverlay, fy as DialogPortal, vy as DialogTitle, Pv as DropdownMenu, zv as DropdownMenuCheckboxItem, Iv as DropdownMenuContent, Lv as DropdownMenuGroup, Rv as DropdownMenuItem, Bv as DropdownMenuLabel, Vv as DropdownMenuSeparator, Fv as DropdownMenuTrigger, DA as FILTER_MENU_BUTTON_LABELS_EN, kA as FILTER_TAG_LABELS_EN, jA as FilterBar, OA as FilterMenuButton, AA as FilterTag, Sy as Input, Cy as InputGroup, Ty as InputGroupAddon, wy as InputGroupInput, Dy as InputTags, by as Label, LA as MultiSelectFilter, ZS as Popover, eC as PopoverAnchor, $S as PopoverContent, QS as PopoverTrigger, av as PortalContainerProvider, nC as RadioGroup, rC as RadioGroupItem, Oy as SHEET_LABELS_EN, ev as SPINNER_LABELS_EN, VA as SearchInput, Hv as Select, Kv as SelectContent, Uv as SelectGroup, Jv as SelectItem, qv as SelectLabel, Xv as SelectScrollDownButton, Yv as SelectScrollUpButton, Gv as SelectTrigger, Wv as SelectValue, xy as Separator, ky as Sheet, Ay as SheetClose, Ny as SheetContent, Ly as SheetDescription, Fy as SheetFooter, Py as SheetHeader, Iy as SheetTitle, Sv as Skeleton, tv as Spinner, Hy as Switch, Zv as Table, $v as TableBody, ny as TableCell, ty as TableHead, Qv as TableHeader, ey as TableRow, Uy as Tabs, qy as TabsContent, Gy as TabsList, Ky as TabsTrigger, Jy as Textarea, HA as Toaster, zy as Tooltip, Vy as TooltipContent, Ry as TooltipProvider, By as TooltipTrigger, XS as Typography, Tv as badgeVariants, nv as buttonVariants, q as cn, Mv as formatLabel, Wy as tabsListVariants, C as toast, JS as typographyVariants, UA as useFilterPanel, ov as usePortalContainer };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tesouro/embedded-components-react",
3
- "version": "0.3.44",
3
+ "version": "0.3.45",
4
4
  "license": "Apache-2.0",
5
5
  "type": "module",
6
6
  "packageDepSync": {