@tesouro/embedded-components-react 0.2.284 → 0.2.288

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.
@@ -44,7 +44,7 @@ function c({ sections: c, selectedSectionId: l, onSectionChange: u, isLoading: d
44
44
  "aria-label": p.loadingAriaLabel,
45
45
  className: "ttw:flex ttw:w-full ttw:flex-col ttw:gap-6",
46
46
  children: [/* @__PURE__ */ a("div", {
47
- className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-1 ttw:border-b ttw:border-border",
47
+ className: "ttw:flex ttw:items-center ttw:gap-1 ttw:overflow-x-auto ttw:border-b ttw:border-border",
48
48
  children: s.map((t) => /* @__PURE__ */ a("div", {
49
49
  className: "ttw:px-4 ttw:py-2.5",
50
50
  children: /* @__PURE__ */ a(e, { className: "ttw:h-5 ttw:w-20" })
@@ -64,21 +64,25 @@ function c({ sections: c, selectedSectionId: l, onSectionChange: u, isLoading: d
64
64
  className: "ttw:flex ttw:w-full ttw:flex-col ttw:gap-6",
65
65
  children: [/* @__PURE__ */ a("nav", {
66
66
  "aria-label": p.navAriaLabel,
67
+ className: "ttw:border-b ttw:border-border",
67
68
  children: /* @__PURE__ */ a("ul", {
68
- className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-1 ttw:border-b ttw:border-border",
69
+ className: "ttw:-mb-px ttw:flex ttw:items-center ttw:gap-1 ttw:overflow-x-auto",
69
70
  children: c.map((e, t) => {
70
71
  let r = e.id === l;
71
- return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a("button", {
72
- type: "button",
73
- ref: (e) => {
74
- m.current[t] = e;
75
- },
76
- "aria-current": r ? "page" : void 0,
77
- onClick: () => u(e.id),
78
- onKeyDown: (e) => g(e, t),
79
- className: n("ttw:-mb-px ttw:cursor-pointer ttw:border-b-2 ttw:px-4 ttw:py-2.5 ttw:text-sm ttw:font-medium ttw:whitespace-nowrap ttw:focus-visible:outline-2 ttw:focus-visible:outline-offset-2 ttw:focus-visible:outline-ring", r ? "ttw:border-primary ttw:text-primary" : "ttw:border-transparent ttw:text-muted-foreground ttw:hover:border-border ttw:hover:text-foreground"),
80
- children: e.label
81
- }) }, e.id);
72
+ return /* @__PURE__ */ a("li", {
73
+ className: "ttw:shrink-0",
74
+ children: /* @__PURE__ */ a("button", {
75
+ type: "button",
76
+ ref: (e) => {
77
+ m.current[t] = e;
78
+ },
79
+ "aria-current": r ? "page" : void 0,
80
+ onClick: () => u(e.id),
81
+ onKeyDown: (e) => g(e, t),
82
+ className: n("ttw:cursor-pointer ttw:border-b-2 ttw:px-4 ttw:py-2.5 ttw:text-sm ttw:font-medium ttw:whitespace-nowrap ttw:focus-visible:-outline-offset-2 ttw:focus-visible:outline-2 ttw:focus-visible:outline-ring", r ? "ttw:border-primary ttw:text-primary" : "ttw:border-transparent ttw:text-muted-foreground ttw:hover:border-border ttw:hover:text-foreground"),
83
+ children: e.label
84
+ })
85
+ }, e.id);
82
86
  })
83
87
  })
84
88
  }), /* @__PURE__ */ a("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tesouro/embedded-components-react",
3
- "version": "0.2.284",
3
+ "version": "0.2.288",
4
4
  "license": "Apache-2.0",
5
5
  "type": "module",
6
6
  "packageDepSync": {