@simpli-route/apollo-ds 0.1.65 → 0.1.67

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 (189) hide show
  1. package/dist/components/TextField/types.d.ts +5 -0
  2. package/dist/index.cjs10.js +1 -1
  3. package/dist/index.cjs100.js +1 -1
  4. package/dist/index.cjs101.js +1 -1
  5. package/dist/index.cjs11.js +1 -1
  6. package/dist/index.cjs12.js +1 -1
  7. package/dist/index.cjs122.js +1 -1
  8. package/dist/index.cjs123.js +1 -1
  9. package/dist/index.cjs124.js +1 -1
  10. package/dist/index.cjs126.js +1 -1
  11. package/dist/index.cjs127.js +1 -1
  12. package/dist/index.cjs128.js +1 -1
  13. package/dist/index.cjs129.js +1 -1
  14. package/dist/index.cjs13.js +1 -1
  15. package/dist/index.cjs130.js +1 -1
  16. package/dist/index.cjs131.js +1 -1
  17. package/dist/index.cjs14.js +1 -1
  18. package/dist/index.cjs15.js +1 -1
  19. package/dist/index.cjs17.js +1 -1
  20. package/dist/index.cjs18.js +1 -1
  21. package/dist/index.cjs19.js +1 -1
  22. package/dist/index.cjs20.js +1 -1
  23. package/dist/index.cjs21.js +1 -1
  24. package/dist/index.cjs24.js +1 -1
  25. package/dist/index.cjs25.js +1 -1
  26. package/dist/index.cjs26.js +1 -1
  27. package/dist/index.cjs27.js +1 -1
  28. package/dist/index.cjs28.js +1 -1
  29. package/dist/index.cjs29.js +1 -1
  30. package/dist/index.cjs30.js +1 -1
  31. package/dist/index.cjs31.js +1 -1
  32. package/dist/index.cjs32.js +1 -1
  33. package/dist/index.cjs35.js +1 -1
  34. package/dist/index.cjs36.js +1 -1
  35. package/dist/index.cjs37.js +1 -1
  36. package/dist/index.cjs39.js +2 -2
  37. package/dist/index.cjs40.js +1 -1
  38. package/dist/index.cjs41.js +1 -1
  39. package/dist/index.cjs43.js +1 -1
  40. package/dist/index.cjs44.js +1 -1
  41. package/dist/index.cjs45.js +1 -1
  42. package/dist/index.cjs46.js +1 -1
  43. package/dist/index.cjs50.js +1 -1
  44. package/dist/index.cjs51.js +1 -1
  45. package/dist/index.cjs52.js +1 -1
  46. package/dist/index.cjs53.js +1 -1
  47. package/dist/index.cjs54.js +1 -1
  48. package/dist/index.cjs55.js +1 -1
  49. package/dist/index.cjs56.js +1 -1
  50. package/dist/index.cjs57.js +1 -1
  51. package/dist/index.cjs58.js +1 -1
  52. package/dist/index.cjs59.js +1 -1
  53. package/dist/index.cjs6.js +1 -1
  54. package/dist/index.cjs60.js +1 -1
  55. package/dist/index.cjs61.js +1 -1
  56. package/dist/index.cjs62.js +1 -1
  57. package/dist/index.cjs63.js +1 -1
  58. package/dist/index.cjs64.js +1 -1
  59. package/dist/index.cjs65.js +1 -1
  60. package/dist/index.cjs66.js +1 -1
  61. package/dist/index.cjs67.js +1 -1
  62. package/dist/index.cjs68.js +1 -1
  63. package/dist/index.cjs69.js +1 -1
  64. package/dist/index.cjs7.js +1 -1
  65. package/dist/index.cjs70.js +1 -1
  66. package/dist/index.cjs71.js +1 -1
  67. package/dist/index.cjs72.js +1 -1
  68. package/dist/index.cjs73.js +1 -1
  69. package/dist/index.cjs74.js +1 -1
  70. package/dist/index.cjs75.js +1 -1
  71. package/dist/index.cjs77.js +1 -1
  72. package/dist/index.cjs78.js +1 -1
  73. package/dist/index.cjs79.js +1 -1
  74. package/dist/index.cjs8.js +1 -1
  75. package/dist/index.cjs80.js +1 -1
  76. package/dist/index.cjs81.js +1 -1
  77. package/dist/index.cjs82.js +3 -1
  78. package/dist/index.cjs83.js +1 -3
  79. package/dist/index.cjs84.js +1 -1
  80. package/dist/index.cjs85.js +1 -1
  81. package/dist/index.cjs86.js +1 -1
  82. package/dist/index.cjs87.js +1 -1
  83. package/dist/index.cjs88.js +1 -1
  84. package/dist/index.cjs89.js +1 -1
  85. package/dist/index.cjs9.js +1 -1
  86. package/dist/index.cjs90.js +1 -1
  87. package/dist/index.cjs91.js +1 -1
  88. package/dist/index.cjs92.js +1 -1
  89. package/dist/index.cjs93.js +1 -1
  90. package/dist/index.cjs94.js +1 -1
  91. package/dist/index.cjs95.js +1 -1
  92. package/dist/index.cjs96.js +1 -1
  93. package/dist/index.cjs97.js +1 -1
  94. package/dist/index.cjs98.js +1 -1
  95. package/dist/index.es10.js +3 -3
  96. package/dist/index.es100.js +1 -1
  97. package/dist/index.es101.js +1 -1
  98. package/dist/index.es11.js +2 -2
  99. package/dist/index.es12.js +1 -1
  100. package/dist/index.es122.js +1 -1
  101. package/dist/index.es123.js +57 -4
  102. package/dist/index.es124.js +4 -28
  103. package/dist/index.es126.js +4 -8
  104. package/dist/index.es127.js +27 -341
  105. package/dist/index.es128.js +2 -166
  106. package/dist/index.es129.js +8 -57
  107. package/dist/index.es13.js +1 -1
  108. package/dist/index.es130.js +340 -2
  109. package/dist/index.es131.js +166 -2
  110. package/dist/index.es14.js +1 -1
  111. package/dist/index.es15.js +1 -1
  112. package/dist/index.es17.js +44 -36
  113. package/dist/index.es18.js +1 -1
  114. package/dist/index.es19.js +1 -1
  115. package/dist/index.es20.js +15 -14
  116. package/dist/index.es21.js +1 -1
  117. package/dist/index.es24.js +1 -1
  118. package/dist/index.es25.js +2 -2
  119. package/dist/index.es26.js +3 -3
  120. package/dist/index.es27.js +18 -18
  121. package/dist/index.es28.js +1 -1
  122. package/dist/index.es29.js +7 -7
  123. package/dist/index.es30.js +2 -2
  124. package/dist/index.es31.js +2 -2
  125. package/dist/index.es32.js +1 -1
  126. package/dist/index.es35.js +3 -3
  127. package/dist/index.es36.js +3 -3
  128. package/dist/index.es37.js +3 -3
  129. package/dist/index.es39.js +83 -82
  130. package/dist/index.es40.js +1 -1
  131. package/dist/index.es41.js +9 -8
  132. package/dist/index.es43.js +2 -2
  133. package/dist/index.es44.js +1 -1
  134. package/dist/index.es45.js +1 -1
  135. package/dist/index.es46.js +1 -1
  136. package/dist/index.es50.js +44 -17
  137. package/dist/index.es51.js +171 -17
  138. package/dist/index.es52.js +43 -16
  139. package/dist/index.es53.js +30 -41
  140. package/dist/index.es54.js +59 -149
  141. package/dist/index.es55.js +108 -21
  142. package/dist/index.es56.js +81 -31
  143. package/dist/index.es57.js +3 -81
  144. package/dist/index.es58.js +14 -116
  145. package/dist/index.es59.js +119 -53
  146. package/dist/index.es6.js +1 -1
  147. package/dist/index.es60.js +130 -3
  148. package/dist/index.es61.js +103 -16
  149. package/dist/index.es62.js +84 -120
  150. package/dist/index.es63.js +24 -120
  151. package/dist/index.es64.js +7 -114
  152. package/dist/index.es65.js +48 -45
  153. package/dist/index.es66.js +56 -31
  154. package/dist/index.es67.js +159 -7
  155. package/dist/index.es68.js +79 -104
  156. package/dist/index.es69.js +66 -41
  157. package/dist/index.es7.js +21 -21
  158. package/dist/index.es70.js +58 -125
  159. package/dist/index.es71.js +17 -87
  160. package/dist/index.es72.js +29 -83
  161. package/dist/index.es73.js +17 -92
  162. package/dist/index.es74.js +16 -21
  163. package/dist/index.es75.js +14 -28
  164. package/dist/index.es77.js +163 -10
  165. package/dist/index.es78.js +10 -12
  166. package/dist/index.es79.js +12 -10
  167. package/dist/index.es8.js +2 -2
  168. package/dist/index.es80.js +10 -163
  169. package/dist/index.es81.js +13 -78
  170. package/dist/index.es82.js +150 -13
  171. package/dist/index.es83.js +12 -150
  172. package/dist/index.es84.js +7 -12
  173. package/dist/index.es85.js +41 -6
  174. package/dist/index.es86.js +20 -42
  175. package/dist/index.es87.js +101 -20
  176. package/dist/index.es88.js +12 -9
  177. package/dist/index.es89.js +77 -9
  178. package/dist/index.es9.js +1 -1
  179. package/dist/index.es90.js +19 -45
  180. package/dist/index.es91.js +20 -7
  181. package/dist/index.es92.js +9 -17
  182. package/dist/index.es93.js +10 -149
  183. package/dist/index.es94.js +45 -19
  184. package/dist/index.es95.js +37 -17
  185. package/dist/index.es96.js +7 -101
  186. package/dist/index.es97.js +16 -11
  187. package/dist/index.es98.js +140 -31
  188. package/dist/stories/MultiTextField.stories.d.ts +2 -0
  189. package/package.json +1 -1
@@ -1,152 +1,14 @@
1
- import { j as n } from "./index.es47.js";
2
- import { useState as q, useMemo as D, useRef as _ } from "react";
3
- import { ComboBox as G, Input as J } from "react-aria-components";
4
- import { useDebouncedValue as Q } from "./index.es82.js";
5
- import { Badge as U } from "./index.es4.js";
6
- import "./index.es5.js";
7
- import "./index.es15.js";
8
- import { Label as W } from "./index.es16.js";
9
- import { SearchFieldIconContainer as X } from "./index.es84.js";
10
- import { SearchFieldMessages as Y } from "./index.es85.js";
11
- import { SearchFieldPopover as Z } from "./index.es86.js";
12
- import { getSearchFieldDefaultProps as $, getHighlightedParts as ee } from "./index.es87.js";
13
- import { multiSearchFieldContainerVariants as te } from "./index.es69.js";
14
- const pe = (b) => {
15
- const {
16
- label: w,
17
- onReset: p,
18
- placeholder: R,
19
- isDisabled: f,
20
- delay: x,
21
- searchIcon: F,
22
- clearIcon: y,
23
- size: C,
24
- description: P,
25
- inputValue: d,
26
- isInvalid: I,
27
- errorMessage: N,
28
- items: u,
29
- noResultsText: v,
30
- selectedValues: S,
31
- onSelectedValuesChange: a,
32
- onInputChange: i,
33
- ...z
34
- } = $(b), [B, h] = q([]), m = S !== void 0, s = m ? S : B, o = Q(d, x ?? x), M = !!(o && p), E = (e) => {
35
- const t = s.filter((l) => l !== e);
36
- m || h(t), a && a(t);
37
- }, V = (e) => {
38
- if (!s.includes(e)) {
39
- const t = [...s, e];
40
- m || h(t), a && a(t);
41
- }
42
- }, T = () => {
43
- p && p(), m || h([]), a && a([]);
44
- }, A = (e) => {
45
- const t = u.find((l) => l.id === e);
46
- t && !s.includes(t.label) && (V(t.label), i && i(""));
47
- }, H = (e) => {
48
- if (e.key !== "Enter" || !(d != null && d.trim()))
49
- return;
50
- const t = d.trim(), l = u.filter(
51
- (r) => r.label.toLowerCase().includes(t.toLowerCase()) && !s.includes(r.label)
52
- );
53
- l.length === 1 && (e.preventDefault(), e.stopPropagation(), V(l[0].label), i && i(""));
54
- }, K = (e) => {
55
- const t = e.clipboardData.getData("text");
56
- if (!t.includes(`
57
- `))
58
- return;
59
- e.preventDefault();
60
- const l = t.split(`
61
- `).map((c) => c.trim()).filter((c) => c && !s.includes(c)), r = [...new Set(l)];
62
- if (r.length > 0) {
63
- const c = [...s, ...r];
64
- m || h(c), a && a(c);
65
- }
66
- i && i("");
67
- }, O = D(() => {
68
- const e = [...s];
69
- return o && e.push(o), u.filter((t) => {
70
- const l = t.label.toLowerCase();
71
- return e.some((r) => l.includes(r.toLowerCase()));
72
- }).map((t) => {
73
- const l = o ? t.label.toLowerCase().includes(o.toLowerCase()) : !1, r = o ? ee(t.label, o) : [{ text: t.label, highlight: !1 }];
74
- return { ...t, shouldHighlight: l, highlightedParts: r };
75
- });
76
- }, [o, u, s]), k = D(() => o ? !u.some(
77
- (e) => e.label.toLowerCase().includes(o.toLowerCase()) && !s.includes(e.label)
78
- ) : !1, [o, u, s]), g = s.length > 0, L = C ?? C, j = _(null);
79
- return /* @__PURE__ */ n.jsxs(
80
- G,
81
- {
82
- inputValue: d,
83
- isDisabled: f,
84
- isInvalid: I,
85
- allowsEmptyCollection: !0,
86
- onInputChange: i,
87
- ...z,
88
- children: [
89
- w && /* @__PURE__ */ n.jsx(W, { children: w }),
90
- /* @__PURE__ */ n.jsxs(
91
- "div",
92
- {
93
- ref: j,
94
- "data-testid": "multi-search-field-container",
95
- className: te({
96
- size: L,
97
- isDisabled: f
98
- }),
99
- children: [
100
- g && /* @__PURE__ */ n.jsx(n.Fragment, { children: s.map((e) => /* @__PURE__ */ n.jsx(
101
- U,
102
- {
103
- label: e,
104
- size: L,
105
- isDisabled: f,
106
- onDelete: () => E(e)
107
- },
108
- e
109
- )) }),
110
- /* @__PURE__ */ n.jsx(
111
- J,
112
- {
113
- placeholder: g ? void 0 : R,
114
- className: "min-w-[120px] flex-1 border-0 bg-transparent p-0 outline-none focus:ring-0",
115
- disabled: f,
116
- readOnly: b.isReadOnly,
117
- onKeyDown: H,
118
- onPaste: K
119
- }
120
- ),
121
- /* @__PURE__ */ n.jsx(
122
- X,
123
- {
124
- showClearIcon: M,
125
- hasBadges: g,
126
- clearIcon: y,
127
- searchIcon: F,
128
- isDisabled: f,
129
- onReset: T
130
- }
131
- )
132
- ]
133
- }
134
- ),
135
- /* @__PURE__ */ n.jsx(Y, { description: P, isInvalid: I, errorMessage: N }),
136
- /* @__PURE__ */ n.jsx(
137
- Z,
138
- {
139
- triggerRef: j,
140
- hasNoResults: k,
141
- noResultsText: v,
142
- items: O,
143
- onItemSelect: A
144
- }
145
- )
146
- ]
147
- }
148
- );
149
- };
1
+ import { j as r } from "./index.es47.js";
2
+ import { cn as c } from "./index.es48.js";
3
+ import { ClearIconButton as i } from "./index.es119.js";
4
+ import { SearchIcon as a } from "./index.es120.js";
5
+ const f = ({
6
+ showClearIcon: t,
7
+ clearIcon: n,
8
+ searchIcon: e,
9
+ isDisabled: s,
10
+ onReset: o
11
+ }) => /* @__PURE__ */ r.jsx("span", { className: c("absolute right-2 top-1/2 flex -translate-y-1/2 items-center"), children: t && o ? /* @__PURE__ */ r.jsx(i, { icon: n, isDisabled: s, onPress: o }) : /* @__PURE__ */ r.jsx(a, { icon: e }) });
150
12
  export {
151
- pe as MultiSearchField
13
+ f as SearchFieldIconContainer
152
14
  };
@@ -1,14 +1,9 @@
1
- import { j as r } from "./index.es47.js";
2
- import { cn as c } from "./index.es48.js";
3
- import { ClearIconButton as i } from "./index.es119.js";
4
- import { SearchIcon as a } from "./index.es120.js";
5
- const f = ({
6
- showClearIcon: t,
7
- clearIcon: n,
8
- searchIcon: e,
9
- isDisabled: s,
10
- onReset: o
11
- }) => /* @__PURE__ */ r.jsx("span", { className: c("absolute right-2 top-1/2 flex -translate-y-1/2 items-center"), children: t && o ? /* @__PURE__ */ r.jsx(i, { icon: n, isDisabled: s, onPress: o }) : /* @__PURE__ */ r.jsx(a, { icon: e }) });
1
+ import { j as e } from "./index.es47.js";
2
+ import { Text as x, FieldError as l } from "react-aria-components";
3
+ const n = ({ description: t, isInvalid: r, errorMessage: s }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
4
+ t && !r && /* @__PURE__ */ e.jsx(x, { slot: "description", className: "text-xs leading-5 text-neutral-700", children: t }),
5
+ s && r && /* @__PURE__ */ e.jsx(l, { className: "text-sm leading-6 text-error-500", children: s })
6
+ ] });
12
7
  export {
13
- f as SearchFieldIconContainer
8
+ n as SearchFieldMessages
14
9
  };
@@ -1,9 +1,44 @@
1
1
  import { j as e } from "./index.es47.js";
2
- import { Text as x, FieldError as l } from "react-aria-components";
3
- const n = ({ description: t, isInvalid: r, errorMessage: s }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
4
- t && !r && /* @__PURE__ */ e.jsx(x, { slot: "description", className: "text-xs leading-5 text-neutral-700", children: t }),
5
- s && r && /* @__PURE__ */ e.jsx(l, { className: "text-sm leading-6 text-error-500", children: s })
6
- ] });
2
+ import { useState as m, useEffect as u } from "react";
3
+ import { Popover as v } from "react-aria-components";
4
+ import { NoResultsMessage as a } from "./index.es121.js";
5
+ import { SearchListBox as h } from "./index.es122.js";
6
+ import { popoverVariants as x } from "./index.es66.js";
7
+ const z = ({
8
+ triggerRef: o,
9
+ hasNoResults: n,
10
+ noResultsText: i,
11
+ items: p,
12
+ onItemSelect: c
13
+ }) => {
14
+ const [s, d] = m(void 0);
15
+ return u(() => {
16
+ if (!(o != null && o.current))
17
+ return;
18
+ const r = () => {
19
+ if (o.current) {
20
+ const t = o.current.offsetWidth;
21
+ d(t);
22
+ }
23
+ };
24
+ if (r(), typeof ResizeObserver < "u") {
25
+ const t = new ResizeObserver(() => {
26
+ r();
27
+ });
28
+ return o.current && t.observe(o.current), () => {
29
+ t.disconnect();
30
+ };
31
+ }
32
+ }, [o]), /* @__PURE__ */ e.jsx(
33
+ v,
34
+ {
35
+ className: x(),
36
+ triggerRef: o,
37
+ style: s !== void 0 ? { width: `${s}px`, minWidth: `${s}px` } : void 0,
38
+ children: n ? /* @__PURE__ */ e.jsx(a, { text: i }) : /* @__PURE__ */ e.jsx(h, { items: p, onItemSelect: c })
39
+ }
40
+ );
41
+ };
7
42
  export {
8
- n as SearchFieldMessages
43
+ z as SearchFieldPopover
9
44
  };
@@ -1,44 +1,22 @@
1
- import { j as e } from "./index.es47.js";
2
- import { useState as m, useEffect as u } from "react";
3
- import { Popover as v } from "react-aria-components";
4
- import { NoResultsMessage as a } from "./index.es121.js";
5
- import { SearchListBox as h } from "./index.es122.js";
6
- import { popoverVariants as x } from "./index.es69.js";
7
- const z = ({
8
- triggerRef: o,
9
- hasNoResults: n,
10
- noResultsText: i,
11
- items: p,
12
- onItemSelect: c
13
- }) => {
14
- const [s, d] = m(void 0);
15
- return u(() => {
16
- if (!(o != null && o.current))
17
- return;
18
- const r = () => {
19
- if (o.current) {
20
- const t = o.current.offsetWidth;
21
- d(t);
22
- }
23
- };
24
- if (r(), typeof ResizeObserver < "u") {
25
- const t = new ResizeObserver(() => {
26
- r();
27
- });
28
- return o.current && t.observe(o.current), () => {
29
- t.disconnect();
30
- };
31
- }
32
- }, [o]), /* @__PURE__ */ e.jsx(
33
- v,
34
- {
35
- className: x(),
36
- triggerRef: o,
37
- style: s !== void 0 ? { width: `${s}px`, minWidth: `${s}px` } : void 0,
38
- children: n ? /* @__PURE__ */ e.jsx(a, { text: i }) : /* @__PURE__ */ e.jsx(h, { items: p, onItemSelect: c })
39
- }
40
- );
41
- };
1
+ function i(e) {
2
+ return {
3
+ delay: e.delay ?? 300,
4
+ size: e.size ?? "md",
5
+ noResultsText: e.noResultsText ?? "No results found",
6
+ allowMultipleValues: e.allowMultipleValues ?? !1,
7
+ ...e
8
+ };
9
+ }
10
+ function n(e, t) {
11
+ if (!t.trim())
12
+ return [{ text: e, highlight: !1 }];
13
+ const s = new RegExp(`(${t})`, "gi");
14
+ return e.split(s).filter(Boolean).map((l) => ({
15
+ text: l,
16
+ highlight: l.toLowerCase() === t.toLowerCase()
17
+ }));
18
+ }
42
19
  export {
43
- z as SearchFieldPopover
20
+ n as getHighlightedParts,
21
+ i as getSearchFieldDefaultProps
44
22
  };
@@ -1,22 +1,103 @@
1
- function i(e) {
2
- return {
3
- delay: e.delay ?? 300,
4
- size: e.size ?? "md",
5
- noResultsText: e.noResultsText ?? "No results found",
6
- allowMultipleValues: e.allowMultipleValues ?? !1,
7
- ...e
8
- };
9
- }
10
- function n(e, t) {
11
- if (!t.trim())
12
- return [{ text: e, highlight: !1 }];
13
- const s = new RegExp(`(${t})`, "gi");
14
- return e.split(s).filter(Boolean).map((l) => ({
15
- text: l,
16
- highlight: l.toLowerCase() === t.toLowerCase()
17
- }));
18
- }
1
+ import { j as l } from "./index.es47.js";
2
+ import { cn as P } from "./index.es48.js";
3
+ import { SliderThumb as j } from "./index.es123.js";
4
+ const T = ({
5
+ state: r,
6
+ type: n,
7
+ showTypeValue: t,
8
+ suffix: c,
9
+ classNameFilled: a,
10
+ classNameUnfilled: m,
11
+ modeTooltip: b,
12
+ positionTooltip: h,
13
+ classNameThumb: d,
14
+ isHiddenValue: v,
15
+ suffixRangeCustom: e
16
+ }) => /* @__PURE__ */ l.jsxs("div", { className: "relative", children: [
17
+ t === "default" && !v ? /* @__PURE__ */ l.jsxs("div", { className: "flex justify-between", children: [
18
+ /* @__PURE__ */ l.jsxs(
19
+ "div",
20
+ {
21
+ className: "absolute top-4 text-sm text-neutral-900",
22
+ style: { left: `${r.getThumbPercent(0) * 100}%`, transform: "translateX(-50%)" },
23
+ children: [
24
+ r.values[0],
25
+ n === "range" && (e == null ? void 0 : e.left) || c
26
+ ]
27
+ }
28
+ ),
29
+ n === "range" && /* @__PURE__ */ l.jsxs(
30
+ "div",
31
+ {
32
+ className: "absolute top-4 text-sm text-neutral-900",
33
+ style: { left: `${r.getThumbPercent(1) * 100}%`, transform: "translateX(-50%)" },
34
+ children: [
35
+ r.values[1],
36
+ (e == null ? void 0 : e.right) || c
37
+ ]
38
+ }
39
+ )
40
+ ] }) : null,
41
+ /* @__PURE__ */ l.jsx(
42
+ "div",
43
+ {
44
+ className: P("absolute top-1/2 h-2 w-full -translate-y-1/2 rounded-full bg-primary-100", m)
45
+ }
46
+ ),
47
+ /* @__PURE__ */ l.jsx(
48
+ "div",
49
+ {
50
+ className: P("absolute top-1/2 h-2 -translate-y-1/2 rounded-full bg-primary-500", a),
51
+ style: {
52
+ width: `${n === "range" ? r.getThumbPercent(1) * 100 - r.getThumbPercent(0) * 100 : r.getThumbPercent(0) * 100}%`,
53
+ left: n === "range" ? `${r.getThumbPercent(0) * 100}%` : "0%"
54
+ }
55
+ }
56
+ ),
57
+ n === "range" ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
58
+ /* @__PURE__ */ l.jsx(
59
+ j,
60
+ {
61
+ index: 0,
62
+ valuePercent: r.getThumbPercent(0),
63
+ value: r.values[0],
64
+ suffix: (e == null ? void 0 : e.left) || c,
65
+ modeTooltip: b,
66
+ positionTooltip: h,
67
+ showTypeValue: t,
68
+ isHiddenValue: v,
69
+ classNameThumb: d
70
+ }
71
+ ),
72
+ /* @__PURE__ */ l.jsx(
73
+ j,
74
+ {
75
+ index: 1,
76
+ valuePercent: r.getThumbPercent(1),
77
+ value: r.values[1],
78
+ suffix: (e == null ? void 0 : e.right) || c,
79
+ modeTooltip: b,
80
+ positionTooltip: h,
81
+ showTypeValue: t,
82
+ isHiddenValue: v,
83
+ classNameThumb: d
84
+ }
85
+ )
86
+ ] }) : /* @__PURE__ */ l.jsx(
87
+ j,
88
+ {
89
+ index: 0,
90
+ valuePercent: r.getThumbPercent(0),
91
+ value: r.values[0],
92
+ suffix: c,
93
+ modeTooltip: b,
94
+ positionTooltip: h,
95
+ showTypeValue: t,
96
+ isHiddenValue: v,
97
+ classNameThumb: d
98
+ }
99
+ )
100
+ ] });
19
101
  export {
20
- n as getHighlightedParts,
21
- i as getSearchFieldDefaultProps
102
+ T as SliderContainerTrack
22
103
  };
@@ -1,12 +1,15 @@
1
- import { j as p } from "./index.es47.js";
2
- import { useRef as f } from "react";
3
- import { useTab as u } from "react-aria";
4
- import { cn as x } from "./index.es48.js";
5
- import { tabVariants as y } from "./index.es90.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 });
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
+ }
10
+ }
11
+ return e;
9
12
  };
10
13
  export {
11
- D as Tab
14
+ o as validateMinDistance
12
15
  };
@@ -1,12 +1,80 @@
1
- import { j as m } from "./index.es47.js";
2
- import { useRef as l } from "react";
3
- import { useTabPanel as p } from "react-aria";
1
+ import { j as t } from "./index.es47.js";
2
+ import { Button as g, SelectValue as j } from "react-aria-components";
4
3
  import { cn as i } from "./index.es48.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
- };
4
+ import { Badge as w } from "./index.es4.js";
5
+ import "./index.es5.js";
6
+ import { selectInputButtonVariants as v } from "./index.es54.js";
7
+ const b = ({
8
+ ref: C,
9
+ isOpen: l,
10
+ setIsOpen: m,
11
+ size: o,
12
+ isDisabled: n,
13
+ classNameButton: x,
14
+ selectionMode: c,
15
+ maxLengthTextOption: f,
16
+ handleDeleteOptionSelected: p,
17
+ placeholder: u
18
+ }) => /* @__PURE__ */ t.jsxs(
19
+ g,
20
+ {
21
+ ref: C,
22
+ className: ({ isFocusVisible: e, isHovered: a }) => i(
23
+ v({
24
+ size: o,
25
+ isDisabled: n,
26
+ isFocusVisible: e || l,
27
+ isHovered: a
28
+ }),
29
+ x
30
+ ),
31
+ onPress: () => m(!l),
32
+ children: [
33
+ /* @__PURE__ */ t.jsx(j, { className: "flex flex-1 items-center gap-1 overflow-hidden", children: ({ selectedItems: e, selectedText: a, isPlaceholder: h }) => /* @__PURE__ */ t.jsx(t.Fragment, { children: c === "multiple" && e && e.length > 0 ? /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-1", children: e.filter((r) => r != null).map((r) => {
34
+ const d = r.label, s = r.value;
35
+ return /* @__PURE__ */ t.jsx(
36
+ w,
37
+ {
38
+ label: d,
39
+ size: o,
40
+ isDisabled: n,
41
+ maxLength: f,
42
+ onDelete: () => p(s)
43
+ },
44
+ s
45
+ );
46
+ }) }) : /* @__PURE__ */ t.jsx(
47
+ "span",
48
+ {
49
+ className: i(
50
+ "flex-1 truncate text-left",
51
+ h ? "text-neutral-600" : "",
52
+ n ? "text-neutral-700" : ""
53
+ ),
54
+ children: a || u
55
+ }
56
+ ) }) }),
57
+ /* @__PURE__ */ t.jsx(
58
+ "svg",
59
+ {
60
+ className: `${l ? "rotate-180" : ""} transition-transform duration-100`,
61
+ width: "20",
62
+ height: "10",
63
+ viewBox: "0 0 20 10",
64
+ fill: "none",
65
+ xmlns: "http://www.w3.org/2000/svg",
66
+ children: /* @__PURE__ */ t.jsx(
67
+ "path",
68
+ {
69
+ 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",
70
+ fill: "#73768C"
71
+ }
72
+ )
73
+ }
74
+ )
75
+ ]
76
+ }
77
+ );
10
78
  export {
11
- P as TabPanel
79
+ b as SelectContent
12
80
  };
package/dist/index.es9.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { j as r } from "./index.es47.js";
2
2
  import { usePress as j, useHover as b, useFocusRing as F } from "react-aria";
3
3
  import { cn as N } from "./index.es48.js";
4
- import { assistChipVariants as C } from "./index.es56.js";
4
+ import { assistChipVariants as C } from "./index.es53.js";
5
5
  const q = (i) => {
6
6
  const {
7
7
  style: t = "square",
@@ -1,47 +1,21 @@
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
- }
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
- }
43
- );
1
+ import { j as t } from "./index.es47.js";
2
+ import { cn as c } from "./index.es48.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
+ ] });
44
19
  export {
45
- a as tabVariants,
46
- t as tabsVariants
20
+ i as ContentSwitch
47
21
  };
@@ -1,9 +1,22 @@
1
- import { getDefaultExportFromCjs as e } from "./index.es123.js";
2
- import "./index.es124.js";
3
- import { __exports as r } from "./index.es125.js";
4
- let o = r;
5
- var t = (o.__esModule ? o : { default: o }).default;
6
- const a = /* @__PURE__ */ e(t);
1
+ import { j as i } from "./index.es47.js";
2
+ import { cn as m } from "./index.es48.js";
3
+ import { indicatorVariants as n } from "./index.es68.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`
17
+ }
18
+ }
19
+ );
7
20
  export {
8
- a as default
21
+ c as SwitchIndicator
9
22
  };