impact-nova 1.5.5 → 1.5.7

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.
@@ -4,7 +4,7 @@ import * as J from "@radix-ui/react-popover";
4
4
  import { useVirtualizer as rt } from "@tanstack/react-virtual";
5
5
  import ot from "./components/LabelWithSequence.js";
6
6
  import ct from "./components/Submenu.js";
7
- import { LoadingSpinner as ut, Cross as dt, ChevronRight as Pe, Search as ft, Info as ae } from "../../../icons/index.js";
7
+ import { LoadingSpinner as ut, Cross as dt, ChevronRight as Pe, Search as ft, Info as ie } from "../../../icons/index.js";
8
8
  import { Checkbox as Oe } from "../checkbox.js";
9
9
  import { Button as mt } from "../button.js";
10
10
  import { cn as O } from "../../../lib/utils.js";
@@ -13,7 +13,7 @@ import { useFlattenOptions as bt } from "./hooks/useFlattenOptions.js";
13
13
  import { useSelectionModel as gt } from "./hooks/useSelectionModel.js";
14
14
  import { useVisibleStats as vt } from "./hooks/useVisibleStats.js";
15
15
  import { useImpactNovaI18n as St } from "../../../i18n/ImpactNovaI18nContext.js";
16
- const wt = (re) => {
16
+ const wt = (ae) => {
17
17
  const {
18
18
  options: I,
19
19
  value: K,
@@ -30,18 +30,18 @@ const wt = (re) => {
30
30
  autoFocus: De,
31
31
  closeMenuOnSelect: $e = !f,
32
32
  defaultMenuIsOpen: Ie = !1,
33
- scrollToSelectedOnOpen: oe = !1,
33
+ scrollToSelectedOnOpen: re = !1,
34
34
  maxSelectableOptions: p,
35
- showSequence: ce,
35
+ showSequence: oe,
36
36
  selectionOrder: Te,
37
- label: ue,
37
+ label: ce,
38
38
  isRequired: Ge,
39
- error: Q,
39
+ error: ue,
40
40
  helperText: de,
41
41
  id: V,
42
42
  className: Me,
43
43
  parentClassName: ze,
44
- onMenuScrollToBottom: X,
44
+ onMenuScrollToBottom: Q,
45
45
  name: Ee,
46
46
  isSelectAllEnabled: fe = !0,
47
47
  isReadOnly: b = !1,
@@ -68,13 +68,13 @@ const wt = (re) => {
68
68
  onClearAll: Se,
69
69
  onFocus: Ue,
70
70
  onBlur: Ye
71
- } = re, { t: H } = St(), Je = Ae ?? H("select.placeholder"), [S, we] = q(Ie), [T, B] = q(""), [ye, Z] = q(void 0), [d, g] = q(Ce || (f ? [] : null)), [Ke, ee] = q(null), Qe = E(null), te = E(null), Xe = E(null), j = E(null), le = E(null);
71
+ } = ae, { t: H } = St(), Je = Ae ?? H("select.placeholder"), [S, we] = q(Ie), [T, B] = q(""), [ye, X] = q(void 0), [d, g] = q(Ce || (f ? [] : null)), [Ke, Z] = q(null), Qe = E(null), ee = E(null), Xe = E(null), j = E(null), te = E(null);
72
72
  R(() => {
73
73
  K !== void 0 && g(K);
74
74
  }, [K]), R(() => {
75
75
  let e;
76
- return S && F && L === "menu" && le.current && (e = setTimeout(() => {
77
- le.current?.focus();
76
+ return S && F && L === "menu" && te.current && (e = setTimeout(() => {
77
+ te.current?.focus();
78
78
  }, 50)), () => {
79
79
  e && clearTimeout(e);
80
80
  };
@@ -88,7 +88,7 @@ const wt = (re) => {
88
88
  filterOption: Be,
89
89
  enableSubMenus: v,
90
90
  enableGroups: N
91
- }), w = gt(d, f ?? !1), { stats: G, getGroupStats: ne } = vt(
91
+ }), w = gt(d, f ?? !1), { stats: G, getGroupStats: le } = vt(
92
92
  x,
93
93
  Ve,
94
94
  T,
@@ -102,7 +102,7 @@ const wt = (re) => {
102
102
  overscan: 5
103
103
  });
104
104
  R(() => {
105
- S || Z(void 0);
105
+ S || X(void 0);
106
106
  }, [S]), R(() => {
107
107
  if (!S) return;
108
108
  const e = requestAnimationFrame(() => {
@@ -110,7 +110,7 @@ const wt = (re) => {
110
110
  });
111
111
  return () => cancelAnimationFrame(e);
112
112
  }, [S, D]), R(() => {
113
- if (S && oe && !P && x.length > 0) {
113
+ if (S && re && !P && x.length > 0) {
114
114
  const e = x.findIndex((t) => f ? w.mode === "exclude" ? !w.set.has(t.value) : w.set.has(t.value) : d?.value === t.value);
115
115
  if (e !== -1) {
116
116
  const t = setTimeout(() => {
@@ -119,16 +119,16 @@ const wt = (re) => {
119
119
  return () => clearTimeout(t);
120
120
  }
121
121
  }
122
- }, [S, oe, P, x.length, f, w.mode, w.set, d, D]);
122
+ }, [S, re, P, x.length, f, w.mode, w.set, d, D]);
123
123
  const M = E(null);
124
124
  R(() => {
125
- if (!j.current || !X) return;
125
+ if (!j.current || !Q) return;
126
126
  const e = () => {
127
127
  if (A || P) return;
128
128
  const { scrollTop: n, scrollHeight: r, clientHeight: s } = j.current;
129
129
  if (r - n - s <= 10) {
130
130
  if (M.current) return;
131
- X(), M.current = setTimeout(() => {
131
+ Q(), M.current = setTimeout(() => {
132
132
  M.current = null;
133
133
  }, 500);
134
134
  }
@@ -137,7 +137,7 @@ const wt = (re) => {
137
137
  t.removeEventListener("scroll", e), M.current && (clearTimeout(M.current), M.current = null);
138
138
  };
139
139
  }, [
140
- X,
140
+ Q,
141
141
  x.length,
142
142
  S,
143
143
  A,
@@ -149,7 +149,7 @@ const wt = (re) => {
149
149
  Fe?.();
150
150
  else {
151
151
  const t = d, n = f && y(d) ? d.map((r) => r.value) : void 0;
152
- xe?.(t, n), B(""), ee(null);
152
+ xe?.(t, n), B(""), Z(null);
153
153
  }
154
154
  }, Ne = (e) => {
155
155
  if (!(C || b || e.isDisabled || ("children" in e || "options" in e) && e.isParentSelectable === !1))
@@ -306,7 +306,7 @@ const wt = (re) => {
306
306
  }
307
307
  } else {
308
308
  const e = d, t = k(e) && e.excludedValues.length === 0;
309
- if (re.enableInvertedSelection)
309
+ if (ae.enableInvertedSelection)
310
310
  if (t) {
311
311
  const n = y(e) ? e.filter((r) => r.isDisabled) : [];
312
312
  g(n), u && u(n, {
@@ -395,7 +395,7 @@ const wt = (re) => {
395
395
  }
396
396
  }, nt = (e) => ht(
397
397
  e,
398
- ce ?? !1,
398
+ oe ?? !1,
399
399
  f ?? !1,
400
400
  Te,
401
401
  d
@@ -423,7 +423,7 @@ const wt = (re) => {
423
423
  "data-testid": `select-${V || "default"}`,
424
424
  "data-component": "select",
425
425
  children: [
426
- ue && /* @__PURE__ */ h(
426
+ ce && /* @__PURE__ */ h(
427
427
  "label",
428
428
  {
429
429
  className: O(
@@ -431,7 +431,7 @@ const wt = (re) => {
431
431
  be === "left" ? "shrink-0" : ""
432
432
  ),
433
433
  children: [
434
- ue,
434
+ ce,
435
435
  " ",
436
436
  Ge && /* @__PURE__ */ a("span", { className: "text-[red]", children: "*" })
437
437
  ]
@@ -444,7 +444,7 @@ const wt = (re) => {
444
444
  ref: Qe,
445
445
  className: O(
446
446
  "relative h-[32px] w-full cursor-pointer rounded-[8px] border border-solid px-3 py-1 text-left shadow-sm focus:outline-none sm:text-sm transition-all flex items-center overflow-hidden",
447
- Q ? "border-[#e15554] focus:ring-[#e15554]" : "border-[#c3c8d4] hover:border-gray-400 focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500",
447
+ ue ? "border-[#e15554] focus:ring-[#e15554]" : "border-[#c3c8d4] hover:border-gray-400 focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500",
448
448
  C ? "bg-[#f2f4fb] cursor-not-allowed opacity-75" : "",
449
449
  b ? "cursor-default bg-[#f2f4fb]" : "",
450
450
  S ? "ring-1 ring-indigo-500 border-indigo-500" : "",
@@ -517,7 +517,7 @@ const wt = (re) => {
517
517
  /* @__PURE__ */ a(J.Portal, { children: /* @__PURE__ */ h(
518
518
  J.Content,
519
519
  {
520
- ref: te,
520
+ ref: ee,
521
521
  side: "bottom",
522
522
  sideOffset: 4,
523
523
  align: "start",
@@ -559,14 +559,14 @@ const wt = (re) => {
559
559
  /* @__PURE__ */ a(
560
560
  "input",
561
561
  {
562
- ref: le,
562
+ ref: te,
563
563
  type: "text",
564
564
  className: "block w-full pl-[34px] pr-4 h-[35px] border-none border-b border-primary text-sm outline-none focus:ring-0",
565
565
  placeholder: H("select.searchHere"),
566
566
  value: T,
567
567
  onChange: (e) => {
568
568
  const t = e.target.value;
569
- T === "" && t !== "" ? te.current && Z(te.current.offsetHeight) : t === "" && Z(void 0), B(t), Re?.(t);
569
+ T === "" && t !== "" ? ee.current && X(ee.current.offsetHeight) : t === "" && X(void 0), B(t), Re?.(t);
570
570
  },
571
571
  onClick: (e) => e.stopPropagation(),
572
572
  "data-testid": `select-search-input-${V || "default"}`
@@ -662,9 +662,9 @@ const wt = (re) => {
662
662
  position: "relative"
663
663
  },
664
664
  children: D.getVirtualItems().map((e) => {
665
- const t = x[e.index], n = f ? w.mode === "exclude" ? !w.set.has(t.value) : w.set.has(t.value) : d?.value === t.value, r = d || [], s = f && p ? k(r) ? !1 : y(r) && r.length >= p : !1, l = t.isDisabled || s && !n && !(N && t.isGroup) && !(v && t.isSubmenuParent), i = N && t.isGroup || v && t.isSubmenuParent ? ne(t.original) : void 0, c = i?.selected || 0, o = i?.total || 0, m = c > 0 && c < o, U = t.isParentSelectable !== !1, se = V || "default", Y = String(t.value || ""), ie = W(
665
+ const t = x[e.index], n = f ? w.mode === "exclude" ? !w.set.has(t.value) : w.set.has(t.value) : d?.value === t.value, r = d || [], s = f && p ? k(r) ? !1 : y(r) && r.length >= p : !1, l = t.isDisabled || s && !n && !(N && t.isGroup) && !(v && t.isSubmenuParent), i = N && t.isGroup || v && t.isSubmenuParent ? le(t.original) : void 0, c = i?.selected || 0, o = i?.total || 0, m = c > 0 && c < o, U = t.isParentSelectable !== !1, ne = V || "default", Y = String(t.value || ""), se = W(
666
666
  t
667
- ), it = typeof ie == "string" ? ie : Y;
667
+ ), it = typeof se == "string" ? se : Y;
668
668
  return /* @__PURE__ */ h(
669
669
  "div",
670
670
  {
@@ -675,7 +675,7 @@ const wt = (re) => {
675
675
  transform: `translateY(${e.start}px)`,
676
676
  width: "100%"
677
677
  },
678
- "data-testid": `select-option-wrapper-${se}-${Y}`,
678
+ "data-testid": `select-option-wrapper-${ne}-${Y}`,
679
679
  children: [
680
680
  /* @__PURE__ */ a(
681
681
  "div",
@@ -693,13 +693,13 @@ const wt = (re) => {
693
693
  },
694
694
  onMouseEnter: ($) => {
695
695
  if (v && t.isSubmenuParent) {
696
- ee(t.value);
696
+ Z(t.value);
697
697
  const z = $.currentTarget.getBoundingClientRect();
698
698
  t.rect = z;
699
699
  } else
700
- ee(null);
700
+ Z(null);
701
701
  },
702
- "data-testid": `select-option-${se}-${Y}`,
702
+ "data-testid": `select-option-${ne}-${Y}`,
703
703
  "data-state": n ? "checked" : "unchecked",
704
704
  "data-disabled": l || void 0,
705
705
  "data-component": "select-option",
@@ -722,7 +722,7 @@ const wt = (re) => {
722
722
  }
723
723
  }
724
724
  ),
725
- ce && !(N && t.isGroup) && !(v && t.isSubmenuParent) ? /* @__PURE__ */ a(
725
+ oe && !(N && t.isGroup) && !(v && t.isSubmenuParent) ? /* @__PURE__ */ a(
726
726
  ot,
727
727
  {
728
728
  label: W(
@@ -739,10 +739,10 @@ const wt = (re) => {
739
739
  N && t.isGroup ? "text-xs font-semibold text-gray-400 uppercase tracking-wider" : n && !(v && t.isSubmenuParent) ? "font-medium" : "font-normal",
740
740
  !(N && t.isGroup) && "text-[14px]"
741
741
  ),
742
- "data-testid": `select-option-label-${se}-${Y}`,
742
+ "data-testid": `select-option-label-${ne}-${Y}`,
743
743
  "data-state": n ? "checked" : "unchecked",
744
744
  title: it,
745
- children: ie
745
+ children: se
746
746
  }
747
747
  ),
748
748
  (N && t.isGroup || v && t.isSubmenuParent) && c > 0 && /* @__PURE__ */ a("span", { className: "inline-flex items-center justify-center px-1.5 py-0.5 rounded-full text-xs font-medium bg-indigo-100 text-indigo-800", children: c })
@@ -765,10 +765,10 @@ const wt = (re) => {
765
765
  isReadOnly: !!b,
766
766
  isSelected: ($) => pt($, d, !!f),
767
767
  getIndeterminateState: ($) => {
768
- const z = ne($);
768
+ const z = le($);
769
769
  return z ? z.selected > 0 && z.selected < z.total : !1;
770
770
  },
771
- getSelectedCount: ($) => ne($)?.selected || 0,
771
+ getSelectedCount: ($) => le($)?.selected || 0,
772
772
  handleSelect: Ne,
773
773
  id: V
774
774
  }
@@ -783,14 +783,14 @@ const wt = (re) => {
783
783
  }
784
784
  ),
785
785
  (me || p || I.length > 5e3) && /* @__PURE__ */ a("div", { className: "px-3 py-[10px] border-t border-solid border-gray-100 z-10 sticky bottom-0 bg-white", children: p ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2 text-gray-500 px-2", children: [
786
- /* @__PURE__ */ a(ae, { size: "12px", className: "text-gray-400" }),
786
+ /* @__PURE__ */ a(ie, { size: "12px", className: "text-gray-400" }),
787
787
  /* @__PURE__ */ h("span", { className: "text-xs font-medium leading-4 text-[#60697d]", children: [
788
788
  "Maximum ",
789
789
  p,
790
790
  " selections"
791
791
  ] })
792
792
  ] }) : I.length > 5e3 ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2 text-gray-500 px-2", children: [
793
- /* @__PURE__ */ a(ae, { size: "12px", className: "text-gray-400" }),
793
+ /* @__PURE__ */ a(ie, { size: "12px", className: "text-gray-400" }),
794
794
  /* @__PURE__ */ a("span", { className: "text-xs font-medium leading-4 text-[#60697d]", children: "Large dataset detected. Operations might be slower." })
795
795
  ] }) : me })
796
796
  ]
@@ -802,10 +802,10 @@ const wt = (re) => {
802
802
  {
803
803
  className: O(
804
804
  "text-[12px] mt-1 flex items-center gap-1",
805
- Q ? "text-[#e15554]" : "text-gray-500"
805
+ ue ? "text-[#e15554]" : "text-gray-500"
806
806
  ),
807
807
  children: [
808
- Q && /* @__PURE__ */ a(ae, { size: "12px" }),
808
+ /* @__PURE__ */ a(ie, { size: "12px" }),
809
809
  de
810
810
  ]
811
811
  }
@@ -1,28 +1,28 @@
1
- import { jsx as r, jsxs as g, Fragment as j } from "react/jsx-runtime";
1
+ import { jsx as r, jsxs as u, Fragment as j } from "react/jsx-runtime";
2
2
  import * as i from "react";
3
- import * as d from "@radix-ui/react-tabs";
3
+ import * as c from "@radix-ui/react-tabs";
4
4
  import { cn as p } from "../../lib/utils.js";
5
- import { Tooltip as W, TooltipTrigger as z, TooltipContent as I } from "./tooltip.js";
5
+ import { Tooltip as W, TooltipTrigger as z, TooltipContent as D } from "./tooltip.js";
6
6
  const N = i.createContext({
7
7
  variant: "line",
8
8
  size: "default"
9
- }), L = (t, a) => {
9
+ }), I = (t, a) => {
10
10
  const e = t.split(/\s+/);
11
11
  return e.length <= a ? t : e.slice(0, a).join(" ") + "...";
12
- }, S = i.forwardRef(({ variant: t = "line", size: a = "default", hideInactiveLabel: e = !1, tooltipClassName: s, maxWords: n, value: o, defaultValue: b, onValueChange: h, ...l }, v) => {
13
- const [y, c] = i.useState(o || b);
12
+ }, L = i.forwardRef(({ variant: t = "line", size: a = "default", hideInactiveLabel: e = !1, tooltipClassName: s, maxWords: o, value: n, defaultValue: x, onValueChange: g, ...l }, v) => {
13
+ const [y, b] = i.useState(n || x);
14
14
  i.useEffect(() => {
15
- o !== void 0 && c(o);
16
- }, [o]);
17
- const w = (x) => {
18
- o === void 0 && c(x), h?.(x);
15
+ n !== void 0 && b(n);
16
+ }, [n]);
17
+ const w = (f) => {
18
+ n === void 0 && b(f), g?.(f);
19
19
  };
20
- return /* @__PURE__ */ r(N.Provider, { value: { variant: t, size: a, activeValue: y, hideInactiveLabel: e, tooltipClassName: s, maxWords: n }, children: /* @__PURE__ */ r(
21
- d.Root,
20
+ return /* @__PURE__ */ r(N.Provider, { value: { variant: t, size: a, activeValue: y, hideInactiveLabel: e, tooltipClassName: s, maxWords: o }, children: /* @__PURE__ */ r(
21
+ c.Root,
22
22
  {
23
23
  ref: v,
24
- value: o,
25
- defaultValue: b,
24
+ value: n,
25
+ defaultValue: x,
26
26
  onValueChange: w,
27
27
  "data-component": "tabs",
28
28
  "data-variant": t,
@@ -30,11 +30,11 @@ const N = i.createContext({
30
30
  }
31
31
  ) });
32
32
  });
33
- S.displayName = d.Root.displayName;
34
- const F = i.forwardRef(({ className: t, ...a }, e) => {
33
+ L.displayName = c.Root.displayName;
34
+ const E = i.forwardRef(({ className: t, ...a }, e) => {
35
35
  const { variant: s } = i.useContext(N);
36
36
  return /* @__PURE__ */ r(
37
- d.List,
37
+ c.List,
38
38
  {
39
39
  ref: e,
40
40
  "data-tabs": "list",
@@ -49,26 +49,26 @@ const F = i.forwardRef(({ className: t, ...a }, e) => {
49
49
  ...a
50
50
  }
51
51
  );
52
- }), D = i.forwardRef(({ className: t, icon: a, children: e, maxWords: s, activeColor: n, style: o, ...b }, h) => {
53
- const { variant: l, size: v, activeValue: y, hideInactiveLabel: c, tooltipClassName: w, maxWords: x } = i.useContext(N), m = s ?? x, f = y === b.value, C = typeof e == "string", R = C && m ? L(e, m) : e, k = C && m && e.split(/\s+/).length > m, V = c && !f || k, u = { ...o };
54
- l === "box" && n && f && (u["--tab-border"] = n.border, u["--tab-bg"] = n.bg, u["--tab-text"] = n.text);
55
- const T = l === "box" ? /* @__PURE__ */ g(j, { children: [
52
+ }), S = i.forwardRef(({ className: t, icon: a, children: e, maxWords: s, activeColor: o, style: n, ...x }, g) => {
53
+ const { variant: l, size: v, activeValue: y, hideInactiveLabel: b, tooltipClassName: w, maxWords: f } = i.useContext(N), m = s ?? f, h = y === x.value, T = typeof e == "string", R = T && m ? I(e, m) : e, k = T && m && e.split(/\s+/).length > m, V = b && !h || k, d = { ...n };
54
+ l === "box" && o && (d["--tab-border"] = o.border, d["--tab-bg"] = o.bg, d["--tab-text"] = o.text, d["--tab-hover-border"] = `color-mix(in srgb, ${o.border} 40%, transparent)`, d["--tab-hover-bg"] = `color-mix(in srgb, ${o.bg} 50%, white)`, d["--tab-hover-text"] = `color-mix(in srgb, ${o.text} 60%, #60697D)`);
55
+ const C = l === "box" ? /* @__PURE__ */ u(j, { children: [
56
56
  e,
57
- f && /* @__PURE__ */ r(
57
+ h && /* @__PURE__ */ r(
58
58
  "span",
59
59
  {
60
60
  className: "absolute -bottom-[5.5px] left-1/2 -translate-x-1/2 w-[11px] h-[11px] rotate-45 border-b border-r",
61
61
  style: { backgroundColor: "inherit", borderBottomColor: "inherit", borderRightColor: "inherit" }
62
62
  }
63
63
  )
64
- ] }) : /* @__PURE__ */ g(j, { children: [
65
- a && /* @__PURE__ */ r("span", { className: p("h-4 w-4 shrink-0", !c || f ? "mr-2" : "mr-0"), children: a }),
66
- /* @__PURE__ */ r("span", { className: p(c && !f && "sr-only"), children: R })
64
+ ] }) : /* @__PURE__ */ u(j, { children: [
65
+ a && /* @__PURE__ */ r("span", { className: p("h-4 w-4 shrink-0", !b || h ? "mr-2" : "mr-0"), children: a }),
66
+ /* @__PURE__ */ r("span", { className: p(b && !h && "sr-only"), children: R })
67
67
  ] });
68
68
  return /* @__PURE__ */ r(
69
- d.Trigger,
69
+ c.Trigger,
70
70
  {
71
- ref: h,
71
+ ref: g,
72
72
  "data-tabs": "trigger",
73
73
  className: p(
74
74
  "relative inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
@@ -89,27 +89,28 @@ const F = i.forwardRef(({ className: t, ...a }, e) => {
89
89
  v === "sm" ? "h-[24px] px-[8px] py-[2px] text-xs" : "h-9 px-4 py-2"
90
90
  ],
91
91
  l === "box" && [
92
- "group flex flex-row items-center justify-between min-w-[231px] w-fit gap-4 min-h-[45px] h-auto py-2 px-[16px] rounded-[8px] bg-white text-[#60697D] transition-none hover:bg-slate-50 overflow-visible",
92
+ "group flex flex-row items-center justify-between min-w-[231px] w-fit gap-4 min-h-[45px] h-auto py-2 px-[16px] rounded-[8px] bg-white text-[#60697D] transition-none overflow-visible",
93
93
  "border border-[#C3C8D4]",
94
94
  "text-[16px]",
95
+ "hover:border-[color:var(--tab-hover-border,#c5cbee)] hover:bg-[color:var(--tab-hover-bg,#f0f1fd)] hover:text-[color:var(--tab-hover-text,#7a84b8)]",
95
96
  "data-[state=active]:border-[color:var(--tab-border,#4259ee)]",
96
97
  "data-[state=active]:bg-[color:var(--tab-bg,#f8f9fb)]",
97
98
  "data-[state=active]:text-[color:var(--tab-text,#3649c6)]"
98
99
  ],
99
100
  t
100
101
  ),
101
- style: u,
102
- ...b,
103
- children: V ? /* @__PURE__ */ g(W, { children: [
104
- /* @__PURE__ */ r(z, { asChild: !0, children: /* @__PURE__ */ r("span", { className: "inline-flex items-center justify-center h-full w-full", children: T }) }),
105
- /* @__PURE__ */ r(I, { variant: "tertiary", className: w, children: e })
106
- ] }) : T
102
+ style: d,
103
+ ...x,
104
+ children: V ? /* @__PURE__ */ u(W, { children: [
105
+ /* @__PURE__ */ r(z, { asChild: !0, children: /* @__PURE__ */ r("span", { className: "inline-flex items-center justify-center h-full w-full", children: C }) }),
106
+ /* @__PURE__ */ r(D, { variant: "tertiary", className: w, children: e })
107
+ ] }) : C
107
108
  }
108
109
  );
109
110
  });
110
- D.displayName = d.Trigger.displayName;
111
- const M = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
112
- d.Content,
111
+ S.displayName = c.Trigger.displayName;
112
+ const $ = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
113
+ c.Content,
113
114
  {
114
115
  ref: e,
115
116
  "data-tabs": "content",
@@ -120,16 +121,16 @@ const M = i.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r(
120
121
  ...a
121
122
  }
122
123
  ));
123
- M.displayName = d.Content.displayName;
124
- const P = i.forwardRef(({ className: t, activeImage: a, inactiveImage: e, ...s }, n) => /* @__PURE__ */ g("div", { ref: n, className: p("relative flex items-center justify-center shrink-0", t), ...s, children: [
124
+ $.displayName = c.Content.displayName;
125
+ const M = i.forwardRef(({ className: t, activeImage: a, inactiveImage: e, ...s }, o) => /* @__PURE__ */ u("div", { ref: o, className: p("relative flex items-center justify-center shrink-0", t), ...s, children: [
125
126
  /* @__PURE__ */ r("div", { className: "flex group-data-[state=active]:hidden", children: e }),
126
127
  /* @__PURE__ */ r("div", { className: "hidden group-data-[state=active]:flex", children: a })
127
128
  ] }));
128
- P.displayName = "TabsImage";
129
+ M.displayName = "TabsImage";
129
130
  export {
130
- S as Tabs,
131
- M as TabsContent,
132
- P as TabsImage,
133
- F as TabsList,
134
- D as TabsTrigger
131
+ L as Tabs,
132
+ $ as TabsContent,
133
+ M as TabsImage,
134
+ E as TabsList,
135
+ S as TabsTrigger
135
136
  };
@@ -61,6 +61,7 @@ export declare const CreateNewDocument: IconComponent;
61
61
  export declare const ChevronRight: IconComponent;
62
62
  export declare const Search: IconComponent;
63
63
  export declare const Checkmark: IconComponent;
64
+ export declare const Check: IconComponent;
64
65
  export declare const ErrorCircle: IconComponent;
65
66
  export declare const Email: IconComponent;
66
67
  export declare const Lock: IconComponent;