@simpli-route/apollo-ds 0.1.27 → 0.1.28

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 (300) hide show
  1. package/dist/components/Accordion/Accordion.d.ts +1 -1
  2. package/dist/components/Accordion/AccordionItem.d.ts +1 -1
  3. package/dist/components/Accordion/index.d.ts +1 -0
  4. package/dist/components/Accordion/types.d.ts +37 -2
  5. package/dist/components/ColorPicker/ColorArea.d.ts +8 -0
  6. package/dist/components/ColorPicker/ColorField.d.ts +6 -0
  7. package/dist/components/ColorPicker/ColorPicker.d.ts +11 -0
  8. package/dist/components/ColorPicker/ColorPicker.test.d.ts +1 -0
  9. package/dist/components/ColorPicker/ColorSlider.d.ts +8 -0
  10. package/dist/components/ColorPicker/index.d.ts +2 -0
  11. package/dist/components/ColorPicker/types.d.ts +51 -0
  12. package/dist/components/Input/variants.d.ts +9 -0
  13. package/dist/components/NumberField/NumberField.d.ts +1 -1
  14. package/dist/components/NumberField/types.d.ts +1 -0
  15. package/dist/components/SearchField/SearchField.d.ts +15 -0
  16. package/dist/components/SearchField/SearchField.test.d.ts +1 -0
  17. package/dist/components/SearchField/index.d.ts +2 -0
  18. package/dist/components/SearchField/types.d.ts +45 -0
  19. package/dist/components/SearchField/variants.d.ts +8 -0
  20. package/dist/components/Select/TooltipSelect.d.ts +1 -1
  21. package/dist/components/Slider/Slider.d.ts +1 -1
  22. package/dist/components/Slider/SliderContainerTrack.d.ts +1 -1
  23. package/dist/components/Slider/SliderThumb.d.ts +1 -1
  24. package/dist/components/Slider/types.d.ts +22 -0
  25. package/dist/components/Tooltip/types.d.ts +1 -0
  26. package/dist/components/Tooltip/variants.d.ts +1 -2
  27. package/dist/components/index.d.ts +2 -0
  28. package/dist/index.cjs.js +1 -1
  29. package/dist/index.cjs10.js +1 -1
  30. package/dist/index.cjs100.js +1 -1
  31. package/dist/index.cjs101.js +1 -1
  32. package/dist/index.cjs102.js +1 -1
  33. package/dist/index.cjs103.js +1 -1
  34. package/dist/index.cjs104.js +1 -1
  35. package/dist/index.cjs106.js +1 -1
  36. package/dist/index.cjs107.js +1 -1
  37. package/dist/index.cjs108.js +1 -1
  38. package/dist/index.cjs11.js +1 -1
  39. package/dist/index.cjs110.js +1 -1
  40. package/dist/index.cjs112.js +1 -1
  41. package/dist/index.cjs113.js +1 -1
  42. package/dist/index.cjs115.js +1 -1
  43. package/dist/index.cjs116.js +1 -1
  44. package/dist/index.cjs117.js +1 -1
  45. package/dist/index.cjs118.js +1 -1
  46. package/dist/index.cjs12.js +1 -1
  47. package/dist/index.cjs120.js +1 -1
  48. package/dist/index.cjs121.js +1 -1
  49. package/dist/index.cjs123.js +1 -1
  50. package/dist/index.cjs124.js +1 -1
  51. package/dist/index.cjs126.js +1 -1
  52. package/dist/index.cjs127.js +1 -1
  53. package/dist/index.cjs128.js +1 -1
  54. package/dist/index.cjs13.js +1 -1
  55. package/dist/index.cjs130.js +1 -1
  56. package/dist/index.cjs132.js +1 -1
  57. package/dist/index.cjs133.js +1 -0
  58. package/dist/index.cjs134.js +1 -0
  59. package/dist/index.cjs135.js +1 -0
  60. package/dist/index.cjs136.js +1 -0
  61. package/dist/index.cjs137.js +1 -0
  62. package/dist/index.cjs138.js +1 -0
  63. package/dist/index.cjs139.js +1 -0
  64. package/dist/index.cjs14.js +1 -1
  65. package/dist/index.cjs140.js +1 -0
  66. package/dist/index.cjs141.js +1 -0
  67. package/dist/index.cjs142.js +1 -0
  68. package/dist/index.cjs15.js +1 -1
  69. package/dist/index.cjs16.js +1 -1
  70. package/dist/index.cjs17.js +1 -1
  71. package/dist/index.cjs18.js +1 -1
  72. package/dist/index.cjs19.js +1 -1
  73. package/dist/index.cjs2.js +1 -1
  74. package/dist/index.cjs20.js +1 -1
  75. package/dist/index.cjs21.js +1 -1
  76. package/dist/index.cjs22.js +1 -1
  77. package/dist/index.cjs23.js +1 -1
  78. package/dist/index.cjs24.js +1 -1
  79. package/dist/index.cjs25.js +1 -1
  80. package/dist/index.cjs26.js +1 -1
  81. package/dist/index.cjs27.js +1 -1
  82. package/dist/index.cjs28.js +1 -1
  83. package/dist/index.cjs29.js +1 -1
  84. package/dist/index.cjs3.js +1 -1
  85. package/dist/index.cjs30.js +1 -1
  86. package/dist/index.cjs31.js +1 -1
  87. package/dist/index.cjs32.js +1 -1
  88. package/dist/index.cjs33.js +1 -1
  89. package/dist/index.cjs34.js +1 -1
  90. package/dist/index.cjs35.js +1 -1
  91. package/dist/index.cjs37.js +1 -1
  92. package/dist/index.cjs4.js +1 -1
  93. package/dist/index.cjs41.js +1 -1
  94. package/dist/index.cjs42.js +1 -1
  95. package/dist/index.cjs43.js +1 -1
  96. package/dist/index.cjs44.js +1 -1
  97. package/dist/index.cjs45.js +1 -1
  98. package/dist/index.cjs46.js +1 -1
  99. package/dist/index.cjs47.js +1 -1
  100. package/dist/index.cjs48.js +1 -1
  101. package/dist/index.cjs49.js +1 -1
  102. package/dist/index.cjs5.js +1 -1
  103. package/dist/index.cjs50.js +1 -1
  104. package/dist/index.cjs51.js +1 -1
  105. package/dist/index.cjs52.js +1 -1
  106. package/dist/index.cjs53.js +1 -1
  107. package/dist/index.cjs54.js +1 -1
  108. package/dist/index.cjs55.js +1 -1
  109. package/dist/index.cjs56.js +1 -9
  110. package/dist/index.cjs57.js +1 -19
  111. package/dist/index.cjs58.js +1 -1
  112. package/dist/index.cjs59.js +1 -1
  113. package/dist/index.cjs6.js +1 -1
  114. package/dist/index.cjs60.js +1 -1
  115. package/dist/index.cjs61.js +1 -1
  116. package/dist/index.cjs62.js +1 -1
  117. package/dist/index.cjs63.js +1 -1
  118. package/dist/index.cjs64.js +9 -1
  119. package/dist/index.cjs65.js +19 -1
  120. package/dist/index.cjs66.js +1 -1
  121. package/dist/index.cjs67.js +1 -1
  122. package/dist/index.cjs68.js +1 -1
  123. package/dist/index.cjs69.js +1 -1
  124. package/dist/index.cjs7.js +1 -1
  125. package/dist/index.cjs70.js +1 -1
  126. package/dist/index.cjs71.js +1 -1
  127. package/dist/index.cjs72.js +1 -1
  128. package/dist/index.cjs73.js +1 -1
  129. package/dist/index.cjs74.js +1 -1
  130. package/dist/index.cjs75.js +1 -1
  131. package/dist/index.cjs76.js +1 -1
  132. package/dist/index.cjs77.js +1 -1
  133. package/dist/index.cjs78.js +1 -1
  134. package/dist/index.cjs79.js +1 -1
  135. package/dist/index.cjs8.js +1 -1
  136. package/dist/index.cjs80.js +1 -1
  137. package/dist/index.cjs81.js +1 -1
  138. package/dist/index.cjs82.js +1 -1
  139. package/dist/index.cjs83.js +1 -1
  140. package/dist/index.cjs84.js +1 -1
  141. package/dist/index.cjs85.js +1 -1
  142. package/dist/index.cjs86.js +1 -1
  143. package/dist/index.cjs87.js +1 -1
  144. package/dist/index.cjs88.js +1 -1
  145. package/dist/index.cjs89.js +1 -1
  146. package/dist/index.cjs9.js +1 -1
  147. package/dist/index.cjs90.js +1 -1
  148. package/dist/index.cjs91.js +1 -1
  149. package/dist/index.cjs92.js +1 -1
  150. package/dist/index.cjs93.js +1 -1
  151. package/dist/index.cjs94.js +1 -1
  152. package/dist/index.cjs95.js +1 -1
  153. package/dist/index.cjs96.js +1 -1
  154. package/dist/index.cjs97.js +1 -1
  155. package/dist/index.cjs98.js +1 -1
  156. package/dist/index.cjs99.js +1 -1
  157. package/dist/index.es.js +48 -42
  158. package/dist/index.es10.js +46 -86
  159. package/dist/index.es100.js +17 -4
  160. package/dist/index.es101.js +17 -4
  161. package/dist/index.es102.js +211 -4
  162. package/dist/index.es103.js +68 -4
  163. package/dist/index.es104.js +14 -4
  164. package/dist/index.es105.js +2 -2
  165. package/dist/index.es106.js +2 -2
  166. package/dist/index.es107.js +2 -1063
  167. package/dist/index.es108.js +4 -77
  168. package/dist/index.es109.js +2 -2
  169. package/dist/index.es11.js +32 -91
  170. package/dist/index.es110.js +4 -20
  171. package/dist/index.es111.js +2 -2
  172. package/dist/index.es112.js +2 -57
  173. package/dist/index.es113.js +4 -61
  174. package/dist/index.es114.js +2 -2
  175. package/dist/index.es115.js +4 -14
  176. package/dist/index.es116.js +4 -311
  177. package/dist/index.es117.js +1064 -25
  178. package/dist/index.es118.js +77 -4
  179. package/dist/index.es12.js +77 -129
  180. package/dist/index.es120.js +57 -2
  181. package/dist/index.es121.js +15 -89
  182. package/dist/index.es122.js +2 -2
  183. package/dist/index.es123.js +1 -1
  184. package/dist/index.es124.js +53 -20
  185. package/dist/index.es125.js +2 -2
  186. package/dist/index.es126.js +10 -47
  187. package/dist/index.es127.js +306 -14
  188. package/dist/index.es128.js +26 -4
  189. package/dist/index.es129.js +2 -2
  190. package/dist/index.es13.js +97 -37
  191. package/dist/index.es130.js +4 -753
  192. package/dist/index.es131.js +2 -2
  193. package/dist/index.es132.js +94 -4
  194. package/dist/index.es133.js +4 -0
  195. package/dist/index.es134.js +28 -0
  196. package/dist/index.es135.js +4 -0
  197. package/dist/index.es136.js +4 -0
  198. package/dist/index.es137.js +51 -0
  199. package/dist/index.es138.js +19 -0
  200. package/dist/index.es139.js +4 -0
  201. package/dist/index.es14.js +72 -68
  202. package/dist/index.es140.js +4 -0
  203. package/dist/index.es141.js +753 -0
  204. package/dist/index.es142.js +4 -0
  205. package/dist/index.es15.js +143 -48
  206. package/dist/index.es16.js +40 -3
  207. package/dist/index.es17.js +77 -99
  208. package/dist/index.es18.js +48 -78
  209. package/dist/index.es19.js +3 -45
  210. package/dist/index.es2.js +25 -23
  211. package/dist/index.es20.js +96 -20
  212. package/dist/index.es21.js +77 -27
  213. package/dist/index.es22.js +45 -8
  214. package/dist/index.es23.js +24 -8
  215. package/dist/index.es24.js +28 -6
  216. package/dist/index.es25.js +8 -13
  217. package/dist/index.es26.js +7 -5
  218. package/dist/index.es27.js +6 -34
  219. package/dist/index.es28.js +6 -10
  220. package/dist/index.es29.js +152 -144
  221. package/dist/index.es3.js +46 -104
  222. package/dist/index.es30.js +43 -22
  223. package/dist/index.es31.js +33 -29
  224. package/dist/index.es32.js +36 -20
  225. package/dist/index.es33.js +32 -169
  226. package/dist/index.es34.js +19 -27
  227. package/dist/index.es35.js +39 -33
  228. package/dist/index.es37.js +3 -8
  229. package/dist/index.es4.js +97 -43
  230. package/dist/index.es41.js +17 -96
  231. package/dist/index.es42.js +100 -12
  232. package/dist/index.es43.js +13 -7
  233. package/dist/index.es44.js +10 -18
  234. package/dist/index.es45.js +10 -149
  235. package/dist/index.es46.js +11 -9
  236. package/dist/index.es47.js +13 -10
  237. package/dist/index.es48.js +132 -40
  238. package/dist/index.es49.js +20 -10
  239. package/dist/index.es5.js +55 -42
  240. package/dist/index.es50.js +163 -12
  241. package/dist/index.es51.js +30 -137
  242. package/dist/index.es52.js +18 -27
  243. package/dist/index.es53.js +17 -19
  244. package/dist/index.es54.js +15 -19
  245. package/dist/index.es55.js +10 -2
  246. package/dist/index.es56.js +10 -30
  247. package/dist/index.es57.js +45 -599
  248. package/dist/index.es58.js +7 -21
  249. package/dist/index.es59.js +18 -19
  250. package/dist/index.es6.js +42 -38
  251. package/dist/index.es60.js +149 -19
  252. package/dist/index.es61.js +19 -21
  253. package/dist/index.es62.js +20 -21
  254. package/dist/index.es63.js +2 -19
  255. package/dist/index.es64.js +29 -29
  256. package/dist/index.es65.js +599 -2
  257. package/dist/index.es66.js +21 -2
  258. package/dist/index.es67.js +21 -56
  259. package/dist/index.es68.js +19 -4
  260. package/dist/index.es69.js +21 -28
  261. package/dist/index.es7.js +97 -31
  262. package/dist/index.es70.js +21 -2
  263. package/dist/index.es71.js +21 -8
  264. package/dist/index.es72.js +19 -340
  265. package/dist/index.es73.js +19 -166
  266. package/dist/index.es74.js +29 -187
  267. package/dist/index.es75.js +55 -47
  268. package/dist/index.es76.js +4 -2
  269. package/dist/index.es77.js +28 -4
  270. package/dist/index.es78.js +4 -21
  271. package/dist/index.es79.js +8 -2
  272. package/dist/index.es8.js +38 -49
  273. package/dist/index.es80.js +339 -42
  274. package/dist/index.es81.js +166 -5
  275. package/dist/index.es82.js +2 -5
  276. package/dist/index.es83.js +4 -27
  277. package/dist/index.es84.js +185 -187
  278. package/dist/index.es85.js +43 -8
  279. package/dist/index.es86.js +4 -353
  280. package/dist/index.es87.js +4 -24
  281. package/dist/index.es88.js +13 -11
  282. package/dist/index.es89.js +4 -154
  283. package/dist/index.es9.js +32 -38
  284. package/dist/index.es90.js +44 -16
  285. package/dist/index.es91.js +7 -17
  286. package/dist/index.es92.js +7 -211
  287. package/dist/index.es93.js +23 -64
  288. package/dist/index.es94.js +183 -5
  289. package/dist/index.es95.js +16 -4
  290. package/dist/index.es96.js +353 -4
  291. package/dist/index.es97.js +24 -4
  292. package/dist/index.es98.js +19 -4
  293. package/dist/index.es99.js +154 -4
  294. package/dist/stories/Accordion.stories.d.ts +4 -1
  295. package/dist/stories/ColorPicker.stories.d.ts +19 -0
  296. package/dist/stories/NumberField.stories.d.ts +2 -1
  297. package/dist/stories/SearchField.stories.d.ts +29 -0
  298. package/dist/style.css +128 -0
  299. package/dist/utils/useDebouncedValue.d.ts +1 -0
  300. package/package.json +4 -4
@@ -1,47 +1,139 @@
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",
1
+ import { j as n } from "./index.es27.js";
2
+ import { Button as w } from "react-aria-components";
3
+ import { cn as e } from "./index.es28.js";
4
+ import { selectContainerVariant as v, selectBadgeValueVariant as j } from "./index.es36.js";
5
+ const k = ({
6
+ isDisabled: l,
7
+ size: c,
8
+ selectButtonClassName: i,
9
+ setIsOpen: p,
10
+ isOpen: d,
11
+ value: r,
12
+ placeholder: L,
13
+ items: a,
14
+ keyIdName: N,
15
+ keyLabelName: g,
16
+ visibleItems: o,
17
+ handleDeleteOptionSelected: B,
18
+ maxLengthTextOption: h,
19
+ hiddenDiscardButton: x,
20
+ containerRef: Z,
21
+ setTooltipMessage: s,
22
+ hasOverflow: M,
23
+ isCalculatingChips: R
24
+ }) => /* @__PURE__ */ n.jsxs(
25
+ w,
11
26
  {
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
- }
27
+ className: ({ isFocusVisible: t, isHovered: f }) => e(
28
+ v({
29
+ isDisabled: l,
30
+ isFocusVisible: t,
31
+ size: c,
32
+ isHovered: f
33
+ }),
34
+ i
35
+ ),
36
+ onPress: () => {
37
+ p(!d), s("");
25
38
  },
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" }
39
+ children: [
40
+ /* @__PURE__ */ n.jsx("div", { ref: Z, className: e("no-scrollbar mr-[5px] flex flex-1 overflow-hidden"), children: r.length ? /* @__PURE__ */ n.jsxs("div", { className: "flex flex-1", children: [
41
+ r == null ? void 0 : r.slice(0, o).map((t, f) => {
42
+ var m;
43
+ const C = ((m = a == null ? void 0 : a.find((u) => u[N] === t)) == null ? void 0 : m[g]) ?? "", V = C.length > h ? `${C.slice(0, h)}...` : C;
44
+ return /* @__PURE__ */ n.jsxs(
45
+ "div",
46
+ {
47
+ "data-chip": !0,
48
+ className: e(
49
+ j({
50
+ isDisabled: l,
51
+ isLastItem: f + 1 < o,
52
+ size: c,
53
+ hiddenDiscardButton: x
54
+ })
55
+ ),
56
+ children: [
57
+ /* @__PURE__ */ n.jsx(
58
+ "div",
59
+ {
60
+ onMouseEnter: () => C.length > h ? s(C) : s(""),
61
+ onMouseLeave: () => s(""),
62
+ children: /* @__PURE__ */ n.jsx("p", { className: "whitespace-nowrap font-normal", children: V })
63
+ }
64
+ ),
65
+ !x && /* @__PURE__ */ n.jsx(
66
+ w,
67
+ {
68
+ className: e("outline-none", l ? "cursor-not-allowed" : ""),
69
+ isDisabled: l,
70
+ slot: null,
71
+ onPress: () => B(t),
72
+ children: /* @__PURE__ */ n.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
73
+ /* @__PURE__ */ n.jsx(
74
+ "path",
75
+ {
76
+ fillRule: "evenodd",
77
+ clipRule: "evenodd",
78
+ d: "M7.00004 12.6667C10.1297 12.6667 12.6667 10.1297 12.6667 7.00004C12.6667 3.87043 10.1297 1.33337 7.00004 1.33337C3.87043 1.33337 1.33337 3.87043 1.33337 7.00004C1.33337 10.1297 3.87043 12.6667 7.00004 12.6667ZM7.00004 13.6667C10.6819 13.6667 13.6667 10.6819 13.6667 7.00004C13.6667 3.31814 10.6819 0.333374 7.00004 0.333374C3.31814 0.333374 0.333374 3.31814 0.333374 7.00004C0.333374 10.6819 3.31814 13.6667 7.00004 13.6667Z",
79
+ fill: l ? "#979BB4" : "#0C0645"
80
+ }
81
+ ),
82
+ /* @__PURE__ */ n.jsx(
83
+ "path",
84
+ {
85
+ d: "M4.64649 8.64649C4.45123 8.84175 4.45123 9.15833 4.64649 9.35359C4.84175 9.54886 5.15834 9.54886 5.3536 9.35359L7.00005 7.70715L8.65343 9.36053C8.84869 9.55579 9.16527 9.55579 9.36053 9.36053C9.55579 9.16526 9.55579 8.84868 9.36053 8.65342L7.70715 7.00004L9.36054 5.34666C9.5558 5.15139 9.5558 4.83481 9.36054 4.63955C9.16527 4.44429 8.84869 4.44429 8.65343 4.63955L7.00005 6.29293L5.35359 4.64648C5.15833 4.45122 4.84175 4.45122 4.64649 4.64648C4.45123 4.84174 4.45123 5.15833 4.64649 5.35359L6.29294 7.00004L4.64649 8.64649Z",
86
+ fill: l ? "#979BB4" : "#0C0645"
87
+ }
88
+ )
89
+ ] })
90
+ }
91
+ )
92
+ ]
93
+ },
94
+ t
95
+ );
96
+ }),
97
+ M && r.length > o && !R && /* @__PURE__ */ n.jsx(
98
+ "div",
99
+ {
100
+ className: e(
101
+ j({
102
+ isDisabled: l,
103
+ isLastItem: !1,
104
+ size: c,
105
+ hiddenDiscardButton: x
106
+ }),
107
+ "ml-1"
108
+ ),
109
+ children: /* @__PURE__ */ n.jsxs("p", { className: "whitespace-nowrap font-normal", children: [
110
+ "+",
111
+ (r == null ? void 0 : r.length) - o
112
+ ] })
113
+ }
114
+ )
115
+ ] }) : /* @__PURE__ */ n.jsx("p", { className: e("flex-1 text-left font-normal text-neutral-700"), children: L }) }),
116
+ /* @__PURE__ */ n.jsx(
117
+ "svg",
118
+ {
119
+ className: `${d ? "rotate-180" : ""} transition-transform duration-100`,
120
+ width: "20",
121
+ height: "10",
122
+ viewBox: "0 0 20 10",
123
+ fill: "none",
124
+ xmlns: "http://www.w3.org/2000/svg",
125
+ children: /* @__PURE__ */ n.jsx(
126
+ "path",
127
+ {
128
+ 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",
129
+ fill: "#73768C"
130
+ }
131
+ )
132
+ }
133
+ )
41
134
  ]
42
135
  }
43
136
  );
44
137
  export {
45
- a as tabVariants,
46
- t as tabsVariants
138
+ k as SelectContent
47
139
  };
@@ -1,12 +1,22 @@
1
- import { j as n } from "./index.es24.js";
2
- import { cn as x } from "./index.es26.js";
3
- const m = ({
4
- description: t,
5
- descriptionClasses: i,
6
- errorMessage: r,
7
- errorClasses: s,
8
- isInvalidField: e
9
- }) => t && !e ? /* @__PURE__ */ n.jsx("div", { slot: "description", className: x("text-xs leading-3 text-neutral-700", i), children: t }) : r && e ? /* @__PURE__ */ n.jsx("div", { className: x("text-xs leading-3 text-error-500", s), children: r }) : null;
1
+ import { j as s } from "./index.es27.js";
2
+ import { cn as r } from "./index.es28.js";
3
+ import { tooltipVariants as i } from "./index.es37.js";
4
+ const x = ({ children: a, supportText: t, mode: o = "dark", className: l, placement: e = "top" }) => {
5
+ const n = r(i({ placement: e, mode: o, hasSupportText: !!t }), l);
6
+ return /* @__PURE__ */ s.jsxs("span", { className: n, children: [
7
+ a,
8
+ t ? /* @__PURE__ */ s.jsx(
9
+ "div",
10
+ {
11
+ className: r(
12
+ "!text-sm !font-normal !leading-[19.07px]",
13
+ o === "dark" ? "!text-blue-50" : "!text-neutral-700"
14
+ ),
15
+ children: t
16
+ }
17
+ ) : null
18
+ ] });
19
+ };
10
20
  export {
11
- m as CaptionNumberField
21
+ x as TooltipSelect
12
22
  };
package/dist/index.es5.js CHANGED
@@ -1,45 +1,58 @@
1
- import { j as r } from "./index.es24.js";
2
- import { usePress as j, useHover as b, useFocusRing as F } from "react-aria";
3
- import { cn as N } from "./index.es26.js";
4
- import { assistChipVariants as C } from "./index.es27.js";
5
- const q = (i) => {
6
- const {
7
- style: t = "square",
8
- size: n = "sm",
9
- pressable: s = !0,
10
- isPressed: c = !1,
11
- isDisabled: e = !1,
12
- className: a,
13
- icon: o,
14
- text: l,
15
- onPress: p
16
- } = i, { pressProps: m, isPressed: d } = j({
17
- onPress: s ? p : void 0,
18
- isPressed: s ? c : !1,
19
- isDisabled: e
20
- }), { hoverProps: u, isHovered: P } = b({
21
- isDisabled: e
22
- }), { isFocusVisible: f, focusProps: x } = F(), h = N(
23
- C({
24
- style: t,
25
- size: n,
26
- pressable: s,
27
- isPressed: s && d,
28
- isDisabled: e,
29
- isHovered: P,
30
- isFocused: f
31
- }),
32
- a
33
- ), v = s ? {
34
- ...m,
35
- ...x,
36
- ...u
37
- } : {};
38
- return /* @__PURE__ */ r.jsxs("div", { role: s ? "button" : void 0, ...v, className: h, children: [
39
- o ? /* @__PURE__ */ r.jsx("span", { className: "mr-1", children: o }) : null,
40
- /* @__PURE__ */ r.jsx("span", { children: l })
41
- ] });
1
+ import { j as e } from "./index.es27.js";
2
+ import { Checkbox as h } from "react-aria-components";
3
+ import { cn as m } from "./index.es28.js";
4
+ import { MarkIcon as i } from "./index.es51.js";
5
+ import { checkboxVariants as j } from "./index.es30.js";
6
+ const g = ({
7
+ isIndeterminate: x = !1,
8
+ isDisabled: a = !1,
9
+ className: c,
10
+ children: s,
11
+ onChange: l,
12
+ isSelected: t = !1,
13
+ id: n,
14
+ ...p
15
+ }) => {
16
+ const f = (o, r) => m(
17
+ j({
18
+ isDisabled: a,
19
+ isFocusVisible: o,
20
+ isHovered: r,
21
+ isSelected: t,
22
+ label: !!s
23
+ })
24
+ );
25
+ return /* @__PURE__ */ e.jsx(
26
+ h,
27
+ {
28
+ className: m("group flex items-center", c),
29
+ isSelected: t,
30
+ isDisabled: a,
31
+ id: n,
32
+ onChange: l,
33
+ ...p,
34
+ children: ({ isFocusVisible: o, isHovered: r }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
35
+ /* @__PURE__ */ e.jsx("div", { className: f(o, r), "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(
36
+ i,
37
+ {
38
+ isIndeterminate: x,
39
+ isHovered: r,
40
+ isSelected: t,
41
+ className: "size-3"
42
+ }
43
+ ) }),
44
+ s && /* @__PURE__ */ e.jsx(
45
+ "span",
46
+ {
47
+ className: m("select-none text-base leading-6", a ? "text-neutral-500" : "text-primary-900"),
48
+ id: n,
49
+ children: s
50
+ }
51
+ )
52
+ ] })
53
+ }
54
+ );
42
55
  };
43
56
  export {
44
- q as AssistChip
57
+ g as Checkbox
45
58
  };
@@ -1,14 +1,165 @@
1
- import { j as e } from "./index.es24.js";
2
- import { UpChevronIcon as n, DownChevronIcon as o } from "./index.es25.js";
3
- import { Button as s } from "react-aria-components";
4
- import { cn as c } from "./index.es26.js";
5
- const x = ({ isDisabled: r }) => {
6
- const t = c("flex items-center justify-center", r ? "text-neutral-600" : "text-primary-500");
7
- return /* @__PURE__ */ e.jsxs("div", { className: "absolute inset-y-0 right-0 flex flex-col items-center justify-center space-y-0.5 pr-2", children: [
8
- /* @__PURE__ */ e.jsx(s, { slot: "increment", className: t, children: /* @__PURE__ */ e.jsx(n, { className: "size-3.5" }) }),
9
- /* @__PURE__ */ e.jsx(s, { slot: "decrement", className: t, children: /* @__PURE__ */ e.jsx(o, { className: "size-3.5" }) })
10
- ] });
11
- };
1
+ import { cva as e } from "class-variance-authority";
2
+ const t = [
3
+ {
4
+ intent: "primary",
5
+ isHovered: !0,
6
+ isDisabled: !1,
7
+ isActive: !1,
8
+ class: "bg-primary-100"
9
+ },
10
+ {
11
+ intent: "secondary",
12
+ isHovered: !0,
13
+ isDisabled: !1,
14
+ isActive: !1,
15
+ class: "bg-primary-500 text-primary-50"
16
+ },
17
+ {
18
+ intent: "minimal",
19
+ isHovered: !0,
20
+ isDisabled: !1,
21
+ isActive: !1,
22
+ class: "bg-neutral-200 text-neutral-800"
23
+ },
24
+ {
25
+ intent: "error",
26
+ isHovered: !0,
27
+ isDisabled: !1,
28
+ isActive: !1,
29
+ class: "bg-error-100"
30
+ }
31
+ ], r = [
32
+ {
33
+ intent: "primary",
34
+ isActive: !0,
35
+ isDisabled: !1,
36
+ class: "bg-primary-500 text-primary-50"
37
+ },
38
+ {
39
+ intent: "primary",
40
+ isActive: !0,
41
+ isDisabled: !0,
42
+ class: "bg-primary-300 text-primary-100"
43
+ },
44
+ {
45
+ intent: "secondary",
46
+ isActive: !0,
47
+ isDisabled: !1,
48
+ class: "bg-primary-500 text-primary-50"
49
+ },
50
+ {
51
+ intent: "secondary",
52
+ isActive: !0,
53
+ isDisabled: !0,
54
+ class: "bg-primary-100 text-primary-300"
55
+ },
56
+ {
57
+ intent: "minimal",
58
+ isActive: !0,
59
+ isDisabled: !1,
60
+ class: "text-primary-500"
61
+ },
62
+ {
63
+ intent: "minimal",
64
+ isActive: !0,
65
+ isDisabled: !0,
66
+ class: "text-neutral-700"
67
+ },
68
+ {
69
+ intent: "error",
70
+ isActive: !0,
71
+ isDisabled: !1,
72
+ class: "bg-error-700 text-error-50"
73
+ },
74
+ {
75
+ intent: "error",
76
+ isActive: !0,
77
+ isDisabled: !0,
78
+ class: "bg-error-300 text-error-100"
79
+ }
80
+ ], i = [
81
+ {
82
+ intent: "primary",
83
+ isDisabled: !0,
84
+ isActive: !1,
85
+ class: "text-neutral-600"
86
+ },
87
+ {
88
+ intent: "primary",
89
+ isDisabled: !0,
90
+ isActive: !0,
91
+ class: "bg-primary-300 text-primary-100"
92
+ },
93
+ {
94
+ intent: "secondary",
95
+ isDisabled: !0,
96
+ isActive: !1,
97
+ class: "bg-neutral-400 text-neutral-600"
98
+ },
99
+ {
100
+ intent: "secondary",
101
+ isDisabled: !0,
102
+ isActive: !0,
103
+ class: "bg-primary-100 text-primary-300"
104
+ },
105
+ {
106
+ intent: "minimal",
107
+ isDisabled: !0,
108
+ isActive: !1,
109
+ class: "text-neutral-600"
110
+ },
111
+ {
112
+ intent: "minimal",
113
+ isDisabled: !0,
114
+ isActive: !0,
115
+ class: "text-neutral-700"
116
+ },
117
+ {
118
+ intent: "error",
119
+ isDisabled: !0,
120
+ isActive: !1,
121
+ class: "text-neutral-600"
122
+ },
123
+ {
124
+ intent: "error",
125
+ isDisabled: !0,
126
+ isActive: !0,
127
+ class: "bg-error-300 text-primary-100"
128
+ }
129
+ ], a = e(
130
+ "inline-flex items-center justify-center rounded-lg border border-transparent transition duration-150 ease-in-out focus:outline-none",
131
+ {
132
+ variants: {
133
+ intent: {
134
+ primary: "bg-transparent text-primary-500",
135
+ secondary: "bg-primary-200 text-primary-500",
136
+ minimal: "bg-transparent text-neutral-700",
137
+ error: "bg-transparent text-error-500"
138
+ },
139
+ size: {
140
+ xxs: "p-1",
141
+ xs: "p-2",
142
+ sm: "p-2.5",
143
+ md: "p-3",
144
+ lg: "p-4"
145
+ },
146
+ isDisabled: {
147
+ true: "pointer-events-none cursor-not-allowed"
148
+ },
149
+ isHovered: {
150
+ true: ""
151
+ },
152
+ isActive: {
153
+ true: ""
154
+ },
155
+ isFocused: {
156
+ false: "",
157
+ true: "focus:outline-none focus:ring-offset-2 outline-none ring-2 ring-sky-400"
158
+ }
159
+ },
160
+ compoundVariants: [...t, ...r, ...i]
161
+ }
162
+ );
12
163
  export {
13
- x as StepperButton
164
+ a as buttonVariants
14
165
  };
@@ -1,139 +1,32 @@
1
- import { j as n } from "./index.es24.js";
2
- import { Button as w } from "react-aria-components";
3
- import { cn as e } from "./index.es26.js";
4
- import { selectContainerVariant as v, selectBadgeValueVariant as j } from "./index.es36.js";
5
- const k = ({
6
- isDisabled: l,
7
- size: c,
8
- selectButtonClassName: i,
9
- setIsOpen: p,
10
- isOpen: d,
11
- value: r,
12
- placeholder: L,
13
- items: a,
14
- keyIdName: N,
15
- keyLabelName: g,
16
- visibleItems: o,
17
- handleDeleteOptionSelected: B,
18
- maxLengthTextOption: h,
19
- hiddenDiscardButton: x,
20
- containerRef: Z,
21
- setTooltipMessage: s,
22
- hasOverflow: M,
23
- isCalculatingChips: R
24
- }) => /* @__PURE__ */ n.jsxs(
25
- w,
26
- {
27
- className: ({ isFocusVisible: t, isHovered: f }) => e(
28
- v({
29
- isDisabled: l,
30
- isFocusVisible: t,
31
- size: c,
32
- isHovered: f
33
- }),
34
- i
35
- ),
36
- onPress: () => {
37
- p(!d), s("");
38
- },
39
- children: [
40
- /* @__PURE__ */ n.jsx("div", { ref: Z, className: e("no-scrollbar mr-[5px] flex flex-1 overflow-hidden"), children: r.length ? /* @__PURE__ */ n.jsxs("div", { className: "flex flex-1", children: [
41
- r == null ? void 0 : r.slice(0, o).map((t, f) => {
42
- var m;
43
- const C = ((m = a == null ? void 0 : a.find((u) => u[N] === t)) == null ? void 0 : m[g]) ?? "", V = C.length > h ? `${C.slice(0, h)}...` : C;
44
- return /* @__PURE__ */ n.jsxs(
45
- "div",
46
- {
47
- "data-chip": !0,
48
- className: e(
49
- j({
50
- isDisabled: l,
51
- isLastItem: f + 1 < o,
52
- size: c,
53
- hiddenDiscardButton: x
54
- })
55
- ),
56
- children: [
57
- /* @__PURE__ */ n.jsx(
58
- "div",
59
- {
60
- onMouseEnter: () => C.length > h ? s(C) : s(""),
61
- onMouseLeave: () => s(""),
62
- children: /* @__PURE__ */ n.jsx("p", { className: "whitespace-nowrap font-normal", children: V })
63
- }
64
- ),
65
- !x && /* @__PURE__ */ n.jsx(
66
- w,
67
- {
68
- className: e("outline-none", l ? "cursor-not-allowed" : ""),
69
- isDisabled: l,
70
- slot: null,
71
- onPress: () => B(t),
72
- children: /* @__PURE__ */ n.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
73
- /* @__PURE__ */ n.jsx(
74
- "path",
75
- {
76
- fillRule: "evenodd",
77
- clipRule: "evenodd",
78
- d: "M7.00004 12.6667C10.1297 12.6667 12.6667 10.1297 12.6667 7.00004C12.6667 3.87043 10.1297 1.33337 7.00004 1.33337C3.87043 1.33337 1.33337 3.87043 1.33337 7.00004C1.33337 10.1297 3.87043 12.6667 7.00004 12.6667ZM7.00004 13.6667C10.6819 13.6667 13.6667 10.6819 13.6667 7.00004C13.6667 3.31814 10.6819 0.333374 7.00004 0.333374C3.31814 0.333374 0.333374 3.31814 0.333374 7.00004C0.333374 10.6819 3.31814 13.6667 7.00004 13.6667Z",
79
- fill: l ? "#979BB4" : "#0C0645"
80
- }
81
- ),
82
- /* @__PURE__ */ n.jsx(
83
- "path",
84
- {
85
- d: "M4.64649 8.64649C4.45123 8.84175 4.45123 9.15833 4.64649 9.35359C4.84175 9.54886 5.15834 9.54886 5.3536 9.35359L7.00005 7.70715L8.65343 9.36053C8.84869 9.55579 9.16527 9.55579 9.36053 9.36053C9.55579 9.16526 9.55579 8.84868 9.36053 8.65342L7.70715 7.00004L9.36054 5.34666C9.5558 5.15139 9.5558 4.83481 9.36054 4.63955C9.16527 4.44429 8.84869 4.44429 8.65343 4.63955L7.00005 6.29293L5.35359 4.64648C5.15833 4.45122 4.84175 4.45122 4.64649 4.64648C4.45123 4.84174 4.45123 5.15833 4.64649 5.35359L6.29294 7.00004L4.64649 8.64649Z",
86
- fill: l ? "#979BB4" : "#0C0645"
87
- }
88
- )
89
- ] })
90
- }
91
- )
92
- ]
93
- },
94
- t
95
- );
96
- }),
97
- M && r.length > o && !R && /* @__PURE__ */ n.jsx(
98
- "div",
99
- {
100
- className: e(
101
- j({
102
- isDisabled: l,
103
- isLastItem: !1,
104
- size: c,
105
- hiddenDiscardButton: x
106
- }),
107
- "ml-1"
108
- ),
109
- children: /* @__PURE__ */ n.jsxs("p", { className: "whitespace-nowrap font-normal", children: [
110
- "+",
111
- (r == null ? void 0 : r.length) - o
112
- ] })
113
- }
114
- )
115
- ] }) : /* @__PURE__ */ n.jsx("p", { className: e("flex-1 text-left font-normal text-neutral-700"), children: L }) }),
116
- /* @__PURE__ */ n.jsx(
117
- "svg",
118
- {
119
- className: `${d ? "rotate-180" : ""} transition-transform duration-100`,
120
- width: "20",
121
- height: "10",
122
- viewBox: "0 0 20 10",
123
- fill: "none",
124
- xmlns: "http://www.w3.org/2000/svg",
125
- children: /* @__PURE__ */ n.jsx(
126
- "path",
127
- {
128
- 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",
129
- fill: "#73768C"
130
- }
131
- )
132
- }
133
- )
134
- ]
135
- }
136
- );
1
+ import { j as e } from "./index.es27.js";
2
+ import { cn as l } from "./index.es28.js";
3
+ const m = (r) => {
4
+ const { isIndeterminate: t, isSelected: s, className: n, isHovered: a } = r, o = a && !s && !t ? "text-neutral-500" : "", i = !!(o || s);
5
+ return /* @__PURE__ */ e.jsx("svg", { className: l("stroke-current", o, n), viewBox: "-1 1 17 17", children: t ? /* @__PURE__ */ e.jsx(
6
+ "line",
7
+ {
8
+ x1: 1,
9
+ y1: 10,
10
+ x2: 14,
11
+ y2: 10,
12
+ fill: "none",
13
+ strokeWidth: 2,
14
+ strokeDasharray: 14,
15
+ strokeDashoffset: s ? 28 : 42,
16
+ style: { transition: "all 400ms" }
17
+ }
18
+ ) : /* @__PURE__ */ e.jsx(
19
+ "polyline",
20
+ {
21
+ points: "1 9 7 14 15 4",
22
+ fill: "none",
23
+ strokeWidth: 2,
24
+ strokeDasharray: 22,
25
+ strokeDashoffset: i ? 44 : 66,
26
+ style: { transition: "all 400ms" }
27
+ }
28
+ ) });
29
+ };
137
30
  export {
138
- k as SelectContent
31
+ m as MarkIcon
139
32
  };