@simpli-route/apollo-ds 0.1.89 → 0.1.90

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.
Files changed (77) hide show
  1. package/dist/components/SearchField/types.d.ts +8 -0
  2. package/dist/index.cjs100.js +1 -1
  3. package/dist/index.cjs101.js +1 -1
  4. package/dist/index.cjs102.js +1 -1
  5. package/dist/index.cjs103.js +1 -1
  6. package/dist/index.cjs104.js +1 -1
  7. package/dist/index.cjs105.js +1 -1
  8. package/dist/index.cjs106.js +1 -1
  9. package/dist/index.cjs107.js +1 -1
  10. package/dist/index.cjs108.js +1 -1
  11. package/dist/index.cjs111.js +1 -1
  12. package/dist/index.cjs112.js +1 -1
  13. package/dist/index.cjs136.js +1 -1
  14. package/dist/index.cjs137.js +1 -1
  15. package/dist/index.cjs138.js +1 -1
  16. package/dist/index.cjs139.js +1 -1
  17. package/dist/index.cjs140.js +1 -1
  18. package/dist/index.cjs141.js +1 -1
  19. package/dist/index.cjs142.js +1 -1
  20. package/dist/index.cjs143.js +1 -1
  21. package/dist/index.cjs16.js +1 -1
  22. package/dist/index.cjs19.js +1 -1
  23. package/dist/index.cjs23.js +1 -1
  24. package/dist/index.cjs29.js +1 -1
  25. package/dist/index.cjs31.js +1 -1
  26. package/dist/index.cjs35.js +1 -1
  27. package/dist/index.cjs36.js +1 -1
  28. package/dist/index.cjs40.js +1 -1
  29. package/dist/index.cjs41.js +1 -1
  30. package/dist/index.cjs42.js +1 -1
  31. package/dist/index.cjs85.js +1 -1
  32. package/dist/index.cjs88.js +1 -1
  33. package/dist/index.cjs89.js +1 -1
  34. package/dist/index.cjs90.js +1 -1
  35. package/dist/index.cjs91.js +1 -1
  36. package/dist/index.cjs93.js +2 -2
  37. package/dist/index.cjs98.js +1 -1
  38. package/dist/index.cjs99.js +1 -1
  39. package/dist/index.es100.js +12 -78
  40. package/dist/index.es101.js +7 -10
  41. package/dist/index.es102.js +17 -9
  42. package/dist/index.es103.js +139 -35
  43. package/dist/index.es104.js +19 -7
  44. package/dist/index.es105.js +19 -17
  45. package/dist/index.es106.js +10 -149
  46. package/dist/index.es107.js +10 -19
  47. package/dist/index.es108.js +42 -17
  48. package/dist/index.es111.js +1 -1
  49. package/dist/index.es112.js +1 -1
  50. package/dist/index.es136.js +4 -2
  51. package/dist/index.es137.js +28 -4
  52. package/dist/index.es138.js +2 -4
  53. package/dist/index.es139.js +10 -28
  54. package/dist/index.es140.js +340 -2
  55. package/dist/index.es141.js +166 -8
  56. package/dist/index.es142.js +2 -340
  57. package/dist/index.es143.js +2 -166
  58. package/dist/index.es16.js +1 -1
  59. package/dist/index.es19.js +1 -1
  60. package/dist/index.es23.js +1 -1
  61. package/dist/index.es29.js +1 -1
  62. package/dist/index.es31.js +2 -2
  63. package/dist/index.es35.js +2 -2
  64. package/dist/index.es36.js +2 -2
  65. package/dist/index.es40.js +3 -3
  66. package/dist/index.es41.js +2 -2
  67. package/dist/index.es42.js +3 -3
  68. package/dist/index.es85.js +162 -43
  69. package/dist/index.es88.js +43 -162
  70. package/dist/index.es89.js +10 -10
  71. package/dist/index.es90.js +12 -10
  72. package/dist/index.es91.js +10 -12
  73. package/dist/index.es93.js +95 -87
  74. package/dist/index.es98.js +78 -100
  75. package/dist/index.es99.js +100 -12
  76. package/dist/stories/SearchField.stories.d.ts +1 -0
  77. package/package.json +1 -1
@@ -1,81 +1,15 @@
1
- import { j as e } from "./index.es52.js";
2
- import { Button as d, SelectValue as g } from "react-aria-components";
3
- import { cn as i } from "./index.es53.js";
4
- import { Badge as j } from "./index.es6.js";
5
- import "./index.es7.js";
6
- import { selectInputButtonVariants as w } from "./index.es64.js";
7
- const S = ({
8
- ref: C,
9
- size: o,
10
- isDisabled: l,
11
- classNameButton: m,
12
- selectionMode: x,
13
- maxLengthTextOption: p,
14
- handleDeleteOptionSelected: c,
15
- placeholder: u,
16
- validationState: f
17
- }) => /* @__PURE__ */ e.jsxs(
18
- d,
19
- {
20
- ref: C,
21
- className: ({ isFocusVisible: t, isHovered: n, isPressed: a }) => i(
22
- "group",
23
- w({
24
- size: o,
25
- isDisabled: l,
26
- /** Select root sets isPressed from menu open state; use it so we stay in sync with RAC. */
27
- isFocusVisible: t || a,
28
- isHovered: n,
29
- validationState: f
30
- }),
31
- m
32
- ),
33
- children: [
34
- /* @__PURE__ */ e.jsx(g, { className: "flex flex-1 items-center gap-1 overflow-hidden", children: ({ selectedItems: t, selectedText: n, isPlaceholder: a }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: x === "multiple" && t && t.length > 0 ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1", children: t.filter((r) => r != null).map((r) => {
35
- const h = r.label, s = r.value;
36
- return /* @__PURE__ */ e.jsx(
37
- j,
38
- {
39
- label: h,
40
- size: o,
41
- isDisabled: l,
42
- maxLength: p,
43
- onDelete: () => c(s)
44
- },
45
- s
46
- );
47
- }) }) : /* @__PURE__ */ e.jsx(
48
- "span",
49
- {
50
- className: i(
51
- "flex-1 truncate text-left",
52
- a ? "text-neutral-600" : "",
53
- l ? "text-neutral-700" : ""
54
- ),
55
- children: n || u
56
- }
57
- ) }) }),
58
- /* @__PURE__ */ e.jsx(
59
- "svg",
60
- {
61
- className: "transition-transform duration-100 group-data-[pressed]:rotate-180",
62
- width: "20",
63
- height: "10",
64
- viewBox: "0 0 20 10",
65
- fill: "none",
66
- xmlns: "http://www.w3.org/2000/svg",
67
- children: /* @__PURE__ */ e.jsx(
68
- "path",
69
- {
70
- d: "M20 0.838022C20.0006 0.947676 19.9796 1.05638 19.9381 1.15789C19.8967 1.2594 19.8356 1.35173 19.7584 1.42959L12.9512 8.23676C12.5642 8.62472 12.1045 8.93252 11.5984 9.14254C11.0922 9.35256 10.5497 9.46066 10.0017 9.46066C9.45373 9.46066 8.91115 9.35256 8.40502 9.14254C7.8989 8.93252 7.43918 8.62472 7.0522 8.23676L0.245034 1.42959C0.167349 1.3519 0.105725 1.25968 0.0636824 1.15818C0.0216393 1.05667 5.62088e-09 0.947886 0 0.838023C-5.62081e-09 0.728159 0.0216393 0.619372 0.0636824 0.51787C0.105725 0.41637 0.167349 0.324143 0.245034 0.246458C0.32272 0.168773 0.414946 0.107149 0.516447 0.0651056C0.617948 0.0230624 0.726736 0.00142351 0.8366 0.00142351C0.946464 0.00142351 1.05525 0.0230624 1.15675 0.0651055C1.25825 0.107149 1.35048 0.168773 1.42817 0.246458L8.23533 7.05363C8.704 7.52171 9.33931 7.78463 10.0017 7.78463C10.6641 7.78463 11.2994 7.52171 11.7681 7.05363L18.5752 0.246457C18.6527 0.168363 18.7448 0.106378 18.8464 0.0640783C18.9479 0.0217776 19.0568 4.80781e-09 19.1668 0C19.2768 -4.80789e-09 19.3857 0.0217776 19.4872 0.0640782C19.5888 0.106378 19.6809 0.168363 19.7584 0.246457C19.8356 0.324311 19.8967 0.41664 19.9381 0.518154C19.9796 0.619668 20.0006 0.728369 20 0.838022Z",
71
- fill: "#73768C"
72
- }
73
- )
74
- }
75
- )
76
- ]
1
+ const o = (e, g, r = 1) => {
2
+ if (g === "range" && Array.isArray(e) && e.length === 2) {
3
+ const [t, f] = e;
4
+ if (f - t < r) {
5
+ if (t > f - r)
6
+ return [f - r, f];
7
+ if (f < t + r)
8
+ return [t, t + r];
9
+ }
77
10
  }
78
- );
11
+ return e;
12
+ };
79
13
  export {
80
- S as SelectContent
14
+ o as validateMinDistance
81
15
  };
@@ -1,12 +1,9 @@
1
- import { j as p } from "./index.es52.js";
2
- import { useRef as f } from "react";
3
- import { useTab as u } from "react-aria";
4
- import { cn as x } from "./index.es53.js";
5
- import { tabVariants as y } from "./index.es103.js";
6
- const D = (t) => {
7
- const { className: i, item: r, orientation: n, state: s, id: a = void 0 } = t, { key: e, rendered: c } = r, m = s.selectedKey === e, d = s.disabledKeys.has(e) || (s == null ? void 0 : s.isDisabled), o = f(null), { tabProps: l } = u({ key: String(e) }, s, o), b = x(y({ isActive: m, orientation: n, isDisabledTab: d }), i);
8
- return /* @__PURE__ */ p.jsx("div", { ...l, ref: o, className: b, id: a, children: c });
9
- };
1
+ import { getDefaultExportFromCjs as e } from "./index.es136.js";
2
+ import "./index.es137.js";
3
+ import { __exports as r } from "./index.es138.js";
4
+ let o = r;
5
+ var t = (o.__esModule ? o : { default: o }).default;
6
+ const a = /* @__PURE__ */ e(t);
10
7
  export {
11
- D as Tab
8
+ a as default
12
9
  };
@@ -1,12 +1,20 @@
1
- import { j as m } from "./index.es52.js";
2
- import { useRef as l } from "react";
3
- import { useTabPanel as p } from "react-aria";
4
- import { cn as i } from "./index.es53.js";
5
- const P = (r) => {
6
- var t;
7
- const { className: o, state: s, ...n } = r, e = l(null), { tabPanelProps: a } = p(n, s, e), c = i("", o);
8
- return /* @__PURE__ */ m.jsx("div", { ...a, ref: e, className: c, children: (t = s.selectedItem) == null ? void 0 : t.props.children });
1
+ import t from "./index.es139.js";
2
+ import s from "@simpli-route/tailwind-preset";
3
+ import o from "./index.es140.js";
4
+ import e from "./index.es141.js";
5
+ const { fontFamily: i } = t, l = {
6
+ presets: [s],
7
+ mode: "jit",
8
+ content: ["./index.html", "./node_modules/@simpli-route/**/*.{js,ts,jsx,tsx}", "./src/**/*.{js,ts,jsx,tsx}"],
9
+ theme: {
10
+ extend: {
11
+ fontFamily: {
12
+ sans: ["var(--font-open-sans)", ...i.sans]
13
+ }
14
+ }
15
+ },
16
+ plugins: [o, e]
9
17
  };
10
18
  export {
11
- P as TabPanel
19
+ l as default
12
20
  };
@@ -1,47 +1,151 @@
1
- import { cva as r } from "class-variance-authority";
2
- const t = r("flex h-full max-h-12", {
3
- variants: {
4
- orientation: {
5
- horizontal: "flex-col",
6
- vertical: "flex-row"
7
- }
1
+ import { cva as s } from "class-variance-authority";
2
+ const e = [
3
+ {
4
+ state: "pending",
5
+ isHovered: !0,
6
+ isDisabled: !1,
7
+ isPressed: !1,
8
+ class: "bg-neutral-600"
9
+ },
10
+ {
11
+ state: "inProgress",
12
+ isHovered: !0,
13
+ isDisabled: !1,
14
+ isPressed: !1,
15
+ class: "bg-blue-600"
16
+ },
17
+ {
18
+ state: "completed",
19
+ isHovered: !0,
20
+ isDisabled: !1,
21
+ isPressed: !1,
22
+ class: "bg-success-600"
23
+ },
24
+ {
25
+ state: "error",
26
+ isHovered: !0,
27
+ isDisabled: !1,
28
+ isPressed: !1,
29
+ class: "bg-error-600"
30
+ }
31
+ ], t = [
32
+ {
33
+ isDisabled: !0,
34
+ isPressed: !1,
35
+ class: "bg-neutral-600"
36
+ },
37
+ {
38
+ isDisabled: !1,
39
+ isPressed: !1,
40
+ state: "pending",
41
+ class: "bg-neutral-500"
42
+ },
43
+ {
44
+ isDisabled: !1,
45
+ isPressed: !1,
46
+ state: "inProgress",
47
+ class: "bg-blue-500"
48
+ },
49
+ {
50
+ isDisabled: !1,
51
+ isPressed: !1,
52
+ state: "completed",
53
+ class: "bg-success-500"
54
+ },
55
+ {
56
+ isDisabled: !1,
57
+ isPressed: !1,
58
+ state: "error",
59
+ class: "bg-error-500"
60
+ }
61
+ ], r = [
62
+ {
63
+ isPressed: !0,
64
+ isDisabled: !1,
65
+ state: "pending",
66
+ class: "bg-neutral-900"
67
+ },
68
+ {
69
+ isPressed: !0,
70
+ isDisabled: !1,
71
+ state: "inProgress",
72
+ class: "bg-blue-800"
73
+ },
74
+ {
75
+ isPressed: !0,
76
+ isDisabled: !1,
77
+ state: "completed",
78
+ class: "bg-success-800"
79
+ },
80
+ {
81
+ isPressed: !0,
82
+ isDisabled: !1,
83
+ state: "error",
84
+ class: "bg-error-800"
8
85
  }
9
- }), a = r(
10
- "group inline-flex cursor-pointer items-center px-4 py-3 text-sm font-semibold focus-visible:outline-none",
86
+ ], i = s(
87
+ "flex shrink-0 items-center justify-center rounded-full focus-visible:outline-0 focus:outline-0",
11
88
  {
12
89
  variants: {
13
- isActive: {
14
- true: "bg-primary-50 text-primary-500 ",
15
- false: "text-primary-300 hover:text-primary-500 hover:border-primary-500"
90
+ size: {
91
+ xs: "size-8",
92
+ md: "size-[50px]"
16
93
  },
17
- isDisabledTab: {
94
+ state: {
95
+ pending: "",
96
+ inProgress: "",
97
+ completed: "",
98
+ error: ""
99
+ },
100
+ isDisabled: {
101
+ true: "",
102
+ false: ""
103
+ },
104
+ isHovered: {
18
105
  true: "",
19
106
  false: ""
20
107
  },
21
- orientation: {
22
- horizontal: "border-b-2 border-transparent",
23
- vertical: "border-r-2 border-transparent"
108
+ isPressed: {
109
+ true: "",
110
+ false: ""
24
111
  }
25
112
  },
26
- compoundVariants: [
27
- {
28
- isDisabledTab: !0,
29
- orientation: "horizontal",
30
- class: "border-b-2 cursor-not-allowed !border-neutral-600 !text-neutral-600 bg-neutral-200"
31
- },
32
- {
33
- isDisabledTab: !0,
34
- orientation: "vertical",
35
- class: "border-r-2 cursor-not-allowed !border-neutral-600 !text-neutral-600 bg-neutral-200"
36
- },
37
- { isActive: !0, orientation: "horizontal", class: "border-b-2 border-primary-500" },
38
- { isActive: !1, orientation: "horizontal", class: "border-b-2 border-primary-300" },
39
- { isActive: !1, orientation: "vertical", class: "border-r-2 border-primary-200" },
40
- { isActive: !0, orientation: "vertical", class: "border-r-2 border-primary-500" }
41
- ]
113
+ compoundVariants: [...e, ...t, ...r]
42
114
  }
43
- );
115
+ ), l = s("leading-5 tracking-wide font-normal text-black", {
116
+ variants: {
117
+ size: {
118
+ xs: "text-sm",
119
+ md: "text-md"
120
+ }
121
+ }
122
+ }), d = s("flex items-center justify-center", {
123
+ variants: {
124
+ size: {
125
+ xs: "text-base size-4",
126
+ md: "text-lg size-[18px]"
127
+ },
128
+ state: {
129
+ pending: "text-neutral-50",
130
+ inProgress: "text-neutral-50",
131
+ completed: "text-neutral-50",
132
+ error: "text-neutral-50"
133
+ },
134
+ isHovered: {
135
+ true: "",
136
+ false: ""
137
+ }
138
+ },
139
+ compoundVariants: [
140
+ {
141
+ state: "error",
142
+ isHovered: !0,
143
+ class: "text-error-600"
144
+ }
145
+ ]
146
+ });
44
147
  export {
45
- a as tabVariants,
46
- t as tabsVariants
148
+ d as iconVariants,
149
+ l as labelVariants,
150
+ i as stepVariants
47
151
  };
@@ -1,9 +1,21 @@
1
- import { getDefaultExportFromCjs as e } from "./index.es138.js";
2
- import "./index.es139.js";
3
- import { __exports as r } from "./index.es140.js";
4
- let o = r;
5
- var t = (o.__esModule ? o : { default: o }).default;
6
- const a = /* @__PURE__ */ e(t);
1
+ import { j as t } from "./index.es52.js";
2
+ import { cn as c } from "./index.es53.js";
3
+ const i = ({
4
+ label: e,
5
+ description: x,
6
+ errorMessage: s,
7
+ isDisabled: l,
8
+ isInvalid: r,
9
+ children: n,
10
+ renderLabelIcon: m
11
+ }) => !e && !x && !n ? null : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
12
+ e ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-x-1", children: [
13
+ /* @__PURE__ */ t.jsx("p", { className: c("text-sm font-semibold", l ? "text-neutral-600" : "text-neutral-900"), children: e }),
14
+ m ? /* @__PURE__ */ t.jsx(t.Fragment, { children: m }) : null
15
+ ] }) : n,
16
+ x && !s && /* @__PURE__ */ t.jsx("p", { className: c("text-xs", l ? "text-neutral-600" : "text-neutral-800"), children: x }),
17
+ r && s && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-red-500", children: s })
18
+ ] });
7
19
  export {
8
- a as default
20
+ i as ContentSwitch
9
21
  };
@@ -1,20 +1,22 @@
1
- import t from "./index.es141.js";
2
- import s from "@simpli-route/tailwind-preset";
3
- import o from "./index.es142.js";
4
- import e from "./index.es143.js";
5
- const { fontFamily: i } = t, l = {
6
- presets: [s],
7
- mode: "jit",
8
- content: ["./index.html", "./node_modules/@simpli-route/**/*.{js,ts,jsx,tsx}", "./src/**/*.{js,ts,jsx,tsx}"],
9
- theme: {
10
- extend: {
11
- fontFamily: {
12
- sans: ["var(--font-open-sans)", ...i.sans]
13
- }
1
+ import { j as i } from "./index.es52.js";
2
+ import { cn as m } from "./index.es53.js";
3
+ import { indicatorVariants as n } from "./index.es77.js";
4
+ const c = ({ isSelected: r, isDisabled: o, isHovered: f, size: a, dimensions: t }) => /* @__PURE__ */ i.jsx(
5
+ "div",
6
+ {
7
+ className: m(
8
+ n({
9
+ isSelected: r,
10
+ isDisabled: o,
11
+ size: a,
12
+ isHoveredWhenOff: f && !r
13
+ })
14
+ ),
15
+ style: {
16
+ left: r ? `${t.onLeft}px` : `${t.offLeft}px`
14
17
  }
15
- },
16
- plugins: [o, e]
17
- };
18
+ }
19
+ );
18
20
  export {
19
- l as default
21
+ c as SwitchIndicator
20
22
  };
@@ -1,151 +1,12 @@
1
- import { cva as s } from "class-variance-authority";
2
- const e = [
3
- {
4
- state: "pending",
5
- isHovered: !0,
6
- isDisabled: !1,
7
- isPressed: !1,
8
- class: "bg-neutral-600"
9
- },
10
- {
11
- state: "inProgress",
12
- isHovered: !0,
13
- isDisabled: !1,
14
- isPressed: !1,
15
- class: "bg-blue-600"
16
- },
17
- {
18
- state: "completed",
19
- isHovered: !0,
20
- isDisabled: !1,
21
- isPressed: !1,
22
- class: "bg-success-600"
23
- },
24
- {
25
- state: "error",
26
- isHovered: !0,
27
- isDisabled: !1,
28
- isPressed: !1,
29
- class: "bg-error-600"
30
- }
31
- ], t = [
32
- {
33
- isDisabled: !0,
34
- isPressed: !1,
35
- class: "bg-neutral-600"
36
- },
37
- {
38
- isDisabled: !1,
39
- isPressed: !1,
40
- state: "pending",
41
- class: "bg-neutral-500"
42
- },
43
- {
44
- isDisabled: !1,
45
- isPressed: !1,
46
- state: "inProgress",
47
- class: "bg-blue-500"
48
- },
49
- {
50
- isDisabled: !1,
51
- isPressed: !1,
52
- state: "completed",
53
- class: "bg-success-500"
54
- },
55
- {
56
- isDisabled: !1,
57
- isPressed: !1,
58
- state: "error",
59
- class: "bg-error-500"
60
- }
61
- ], r = [
62
- {
63
- isPressed: !0,
64
- isDisabled: !1,
65
- state: "pending",
66
- class: "bg-neutral-900"
67
- },
68
- {
69
- isPressed: !0,
70
- isDisabled: !1,
71
- state: "inProgress",
72
- class: "bg-blue-800"
73
- },
74
- {
75
- isPressed: !0,
76
- isDisabled: !1,
77
- state: "completed",
78
- class: "bg-success-800"
79
- },
80
- {
81
- isPressed: !0,
82
- isDisabled: !1,
83
- state: "error",
84
- class: "bg-error-800"
85
- }
86
- ], i = s(
87
- "flex shrink-0 items-center justify-center rounded-full focus-visible:outline-0 focus:outline-0",
88
- {
89
- variants: {
90
- size: {
91
- xs: "size-8",
92
- md: "size-[50px]"
93
- },
94
- state: {
95
- pending: "",
96
- inProgress: "",
97
- completed: "",
98
- error: ""
99
- },
100
- isDisabled: {
101
- true: "",
102
- false: ""
103
- },
104
- isHovered: {
105
- true: "",
106
- false: ""
107
- },
108
- isPressed: {
109
- true: "",
110
- false: ""
111
- }
112
- },
113
- compoundVariants: [...e, ...t, ...r]
114
- }
115
- ), l = s("leading-5 tracking-wide font-normal text-black", {
116
- variants: {
117
- size: {
118
- xs: "text-sm",
119
- md: "text-md"
120
- }
121
- }
122
- }), d = s("flex items-center justify-center", {
123
- variants: {
124
- size: {
125
- xs: "text-base size-4",
126
- md: "text-lg size-[18px]"
127
- },
128
- state: {
129
- pending: "text-neutral-50",
130
- inProgress: "text-neutral-50",
131
- completed: "text-neutral-50",
132
- error: "text-neutral-50"
133
- },
134
- isHovered: {
135
- true: "",
136
- false: ""
137
- }
138
- },
139
- compoundVariants: [
140
- {
141
- state: "error",
142
- isHovered: !0,
143
- class: "text-error-600"
144
- }
145
- ]
146
- });
1
+ import { j as p } from "./index.es52.js";
2
+ import { useRef as f } from "react";
3
+ import { useTab as u } from "react-aria";
4
+ import { cn as x } from "./index.es53.js";
5
+ import { tabVariants as y } from "./index.es108.js";
6
+ const D = (t) => {
7
+ const { className: i, item: r, orientation: n, state: s, id: a = void 0 } = t, { key: e, rendered: c } = r, m = s.selectedKey === e, d = s.disabledKeys.has(e) || (s == null ? void 0 : s.isDisabled), o = f(null), { tabProps: l } = u({ key: String(e) }, s, o), b = x(y({ isActive: m, orientation: n, isDisabledTab: d }), i);
8
+ return /* @__PURE__ */ p.jsx("div", { ...l, ref: o, className: b, id: a, children: c });
9
+ };
147
10
  export {
148
- d as iconVariants,
149
- l as labelVariants,
150
- i as stepVariants
11
+ D as Tab
151
12
  };
@@ -1,21 +1,12 @@
1
- import { j as t } from "./index.es52.js";
2
- import { cn as c } from "./index.es53.js";
3
- const i = ({
4
- label: e,
5
- description: x,
6
- errorMessage: s,
7
- isDisabled: l,
8
- isInvalid: r,
9
- children: n,
10
- renderLabelIcon: m
11
- }) => !e && !x && !n ? null : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
12
- e ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-x-1", children: [
13
- /* @__PURE__ */ t.jsx("p", { className: c("text-sm font-semibold", l ? "text-neutral-600" : "text-neutral-900"), children: e }),
14
- m ? /* @__PURE__ */ t.jsx(t.Fragment, { children: m }) : null
15
- ] }) : n,
16
- x && !s && /* @__PURE__ */ t.jsx("p", { className: c("text-xs", l ? "text-neutral-600" : "text-neutral-800"), children: x }),
17
- r && s && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-red-500", children: s })
18
- ] });
1
+ import { j as m } from "./index.es52.js";
2
+ import { useRef as l } from "react";
3
+ import { useTabPanel as p } from "react-aria";
4
+ import { cn as i } from "./index.es53.js";
5
+ const P = (r) => {
6
+ var t;
7
+ const { className: o, state: s, ...n } = r, e = l(null), { tabPanelProps: a } = p(n, s, e), c = i("", o);
8
+ return /* @__PURE__ */ m.jsx("div", { ...a, ref: e, className: c, children: (t = s.selectedItem) == null ? void 0 : t.props.children });
9
+ };
19
10
  export {
20
- i as ContentSwitch
11
+ P as TabPanel
21
12
  };
@@ -1,22 +1,47 @@
1
- import { j as i } from "./index.es52.js";
2
- import { cn as m } from "./index.es53.js";
3
- import { indicatorVariants as n } from "./index.es77.js";
4
- const c = ({ isSelected: r, isDisabled: o, isHovered: f, size: a, dimensions: t }) => /* @__PURE__ */ i.jsx(
5
- "div",
6
- {
7
- className: m(
8
- n({
9
- isSelected: r,
10
- isDisabled: o,
11
- size: a,
12
- isHoveredWhenOff: f && !r
13
- })
14
- ),
15
- style: {
16
- left: r ? `${t.onLeft}px` : `${t.offLeft}px`
1
+ import { cva as r } from "class-variance-authority";
2
+ const t = r("flex h-full max-h-12", {
3
+ variants: {
4
+ orientation: {
5
+ horizontal: "flex-col",
6
+ vertical: "flex-row"
17
7
  }
18
8
  }
9
+ }), a = r(
10
+ "group inline-flex cursor-pointer items-center px-4 py-3 text-sm font-semibold focus-visible:outline-none",
11
+ {
12
+ variants: {
13
+ isActive: {
14
+ true: "bg-primary-50 text-primary-500 ",
15
+ false: "text-primary-300 hover:text-primary-500 hover:border-primary-500"
16
+ },
17
+ isDisabledTab: {
18
+ true: "",
19
+ false: ""
20
+ },
21
+ orientation: {
22
+ horizontal: "border-b-2 border-transparent",
23
+ vertical: "border-r-2 border-transparent"
24
+ }
25
+ },
26
+ compoundVariants: [
27
+ {
28
+ isDisabledTab: !0,
29
+ orientation: "horizontal",
30
+ class: "border-b-2 cursor-not-allowed !border-neutral-600 !text-neutral-600 bg-neutral-200"
31
+ },
32
+ {
33
+ isDisabledTab: !0,
34
+ orientation: "vertical",
35
+ class: "border-r-2 cursor-not-allowed !border-neutral-600 !text-neutral-600 bg-neutral-200"
36
+ },
37
+ { isActive: !0, orientation: "horizontal", class: "border-b-2 border-primary-500" },
38
+ { isActive: !1, orientation: "horizontal", class: "border-b-2 border-primary-300" },
39
+ { isActive: !1, orientation: "vertical", class: "border-r-2 border-primary-200" },
40
+ { isActive: !0, orientation: "vertical", class: "border-r-2 border-primary-500" }
41
+ ]
42
+ }
19
43
  );
20
44
  export {
21
- c as SwitchIndicator
45
+ a as tabVariants,
46
+ t as tabsVariants
22
47
  };
@@ -1,4 +1,4 @@
1
- import { __exports as t } from "./index.es136.js";
1
+ import { __exports as t } from "./index.es142.js";
2
2
  import R from "react";
3
3
  /**
4
4
  * @license React
@@ -1,4 +1,4 @@
1
- import { __exports as R } from "./index.es137.js";
1
+ import { __exports as R } from "./index.es143.js";
2
2
  import tr from "react";
3
3
  /**
4
4
  * @license React