@simpli-route/apollo-ds 0.1.84 → 0.1.85

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 (267) hide show
  1. package/dist/index.cjs10.js +1 -1
  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.cjs109.js +1 -1
  12. package/dist/index.cjs11.js +1 -1
  13. package/dist/index.cjs110.js +1 -1
  14. package/dist/index.cjs112.js +1 -1
  15. package/dist/index.cjs113.js +1 -1
  16. package/dist/index.cjs12.js +1 -1
  17. package/dist/index.cjs13.js +1 -1
  18. package/dist/index.cjs130.js +1 -1
  19. package/dist/index.cjs132.js +1 -1
  20. package/dist/index.cjs133.js +1 -1
  21. package/dist/index.cjs135.js +1 -1
  22. package/dist/index.cjs136.js +1 -1
  23. package/dist/index.cjs137.js +1 -1
  24. package/dist/index.cjs138.js +1 -1
  25. package/dist/index.cjs139.js +1 -1
  26. package/dist/index.cjs14.js +1 -1
  27. package/dist/index.cjs140.js +1 -1
  28. package/dist/index.cjs141.js +1 -1
  29. package/dist/index.cjs142.js +1 -1
  30. package/dist/index.cjs143.js +1 -1
  31. package/dist/index.cjs144.js +1 -1
  32. package/dist/index.cjs157.js +1 -1
  33. package/dist/index.cjs16.js +1 -1
  34. package/dist/index.cjs160.js +1 -1
  35. package/dist/index.cjs163.js +1 -1
  36. package/dist/index.cjs164.js +1 -1
  37. package/dist/index.cjs17.js +1 -1
  38. package/dist/index.cjs179.js +1 -1
  39. package/dist/index.cjs18.js +1 -1
  40. package/dist/index.cjs184.js +1 -1
  41. package/dist/index.cjs185.js +1 -1
  42. package/dist/index.cjs186.js +1 -1
  43. package/dist/index.cjs187.js +1 -1
  44. package/dist/index.cjs188.js +1 -1
  45. package/dist/index.cjs189.js +1 -1
  46. package/dist/index.cjs19.js +1 -1
  47. package/dist/index.cjs192.js +1 -1
  48. package/dist/index.cjs193.js +1 -1
  49. package/dist/index.cjs194.js +1 -1
  50. package/dist/index.cjs197.js +1 -1
  51. package/dist/index.cjs198.js +1 -1
  52. package/dist/index.cjs2.js +1 -1
  53. package/dist/index.cjs20.js +1 -1
  54. package/dist/index.cjs200.js +1 -1
  55. package/dist/index.cjs201.js +1 -1
  56. package/dist/index.cjs203.js +1 -1
  57. package/dist/index.cjs21.js +1 -1
  58. package/dist/index.cjs22.js +1 -1
  59. package/dist/index.cjs23.js +1 -1
  60. package/dist/index.cjs24.js +1 -1
  61. package/dist/index.cjs25.js +1 -1
  62. package/dist/index.cjs26.js +1 -1
  63. package/dist/index.cjs27.js +1 -1
  64. package/dist/index.cjs28.js +1 -1
  65. package/dist/index.cjs29.js +1 -1
  66. package/dist/index.cjs3.js +1 -1
  67. package/dist/index.cjs30.js +1 -1
  68. package/dist/index.cjs31.js +1 -1
  69. package/dist/index.cjs32.js +1 -1
  70. package/dist/index.cjs33.js +1 -1
  71. package/dist/index.cjs34.js +1 -1
  72. package/dist/index.cjs35.js +1 -1
  73. package/dist/index.cjs36.js +1 -1
  74. package/dist/index.cjs37.js +1 -1
  75. package/dist/index.cjs4.js +1 -1
  76. package/dist/index.cjs40.js +1 -1
  77. package/dist/index.cjs41.js +1 -1
  78. package/dist/index.cjs42.js +1 -1
  79. package/dist/index.cjs43.js +1 -1
  80. package/dist/index.cjs44.js +1 -1
  81. package/dist/index.cjs45.js +1 -1
  82. package/dist/index.cjs46.js +1 -1
  83. package/dist/index.cjs48.js +1 -1
  84. package/dist/index.cjs49.js +1 -1
  85. package/dist/index.cjs5.js +1 -1
  86. package/dist/index.cjs50.js +1 -1
  87. package/dist/index.cjs51.js +1 -1
  88. package/dist/index.cjs53.js +1 -1
  89. package/dist/index.cjs54.js +1 -1
  90. package/dist/index.cjs55.js +1 -1
  91. package/dist/index.cjs57.js +1 -1
  92. package/dist/index.cjs58.js +1 -1
  93. package/dist/index.cjs6.js +1 -1
  94. package/dist/index.cjs60.js +1 -1
  95. package/dist/index.cjs61.js +1 -1
  96. package/dist/index.cjs62.js +1 -1
  97. package/dist/index.cjs63.js +1 -1
  98. package/dist/index.cjs64.js +1 -1
  99. package/dist/index.cjs65.js +1 -1
  100. package/dist/index.cjs66.js +1 -1
  101. package/dist/index.cjs67.js +1 -1
  102. package/dist/index.cjs68.js +1 -1
  103. package/dist/index.cjs69.js +1 -1
  104. package/dist/index.cjs70.js +1 -1
  105. package/dist/index.cjs71.js +1 -1
  106. package/dist/index.cjs72.js +1 -1
  107. package/dist/index.cjs73.js +1 -1
  108. package/dist/index.cjs74.js +1 -1
  109. package/dist/index.cjs75.js +1 -1
  110. package/dist/index.cjs76.js +1 -1
  111. package/dist/index.cjs77.js +1 -1
  112. package/dist/index.cjs78.js +1 -1
  113. package/dist/index.cjs79.js +1 -1
  114. package/dist/index.cjs8.js +1 -1
  115. package/dist/index.cjs80.js +1 -1
  116. package/dist/index.cjs81.js +1 -1
  117. package/dist/index.cjs82.js +1 -1
  118. package/dist/index.cjs83.js +1 -1
  119. package/dist/index.cjs84.js +1 -1
  120. package/dist/index.cjs85.js +1 -1
  121. package/dist/index.cjs86.js +1 -1
  122. package/dist/index.cjs87.js +1 -1
  123. package/dist/index.cjs88.js +1 -1
  124. package/dist/index.cjs9.js +1 -1
  125. package/dist/index.cjs90.js +1 -1
  126. package/dist/index.cjs91.js +1 -1
  127. package/dist/index.cjs92.js +1 -1
  128. package/dist/index.cjs94.js +1 -1
  129. package/dist/index.cjs95.js +1 -1
  130. package/dist/index.cjs97.js +1 -1
  131. package/dist/index.cjs99.js +1 -1
  132. package/dist/index.es10.js +3 -3
  133. package/dist/index.es100.js +12 -100
  134. package/dist/index.es101.js +7 -13
  135. package/dist/index.es102.js +18 -19
  136. package/dist/index.es103.js +147 -18
  137. package/dist/index.es104.js +19 -40
  138. package/dist/index.es105.js +20 -10
  139. package/dist/index.es106.js +79 -10
  140. package/dist/index.es107.js +10 -45
  141. package/dist/index.es108.js +10 -7
  142. package/dist/index.es109.js +44 -17
  143. package/dist/index.es11.js +2 -2
  144. package/dist/index.es110.js +31 -140
  145. package/dist/index.es112.js +1 -1
  146. package/dist/index.es113.js +1 -1
  147. package/dist/index.es12.js +47 -42
  148. package/dist/index.es13.js +4 -4
  149. package/dist/index.es130.js +1 -1
  150. package/dist/index.es132.js +1 -1
  151. package/dist/index.es133.js +1 -1
  152. package/dist/index.es135.js +1 -1
  153. package/dist/index.es136.js +1 -1
  154. package/dist/index.es137.js +4 -2
  155. package/dist/index.es138.js +28 -4
  156. package/dist/index.es139.js +2 -4
  157. package/dist/index.es14.js +5 -5
  158. package/dist/index.es140.js +10 -28
  159. package/dist/index.es141.js +340 -2
  160. package/dist/index.es142.js +166 -8
  161. package/dist/index.es143.js +2 -340
  162. package/dist/index.es144.js +2 -166
  163. package/dist/index.es157.js +2 -2
  164. package/dist/index.es16.js +5 -5
  165. package/dist/index.es160.js +2 -2
  166. package/dist/index.es163.js +6 -6
  167. package/dist/index.es164.js +2 -2
  168. package/dist/index.es17.js +3 -3
  169. package/dist/index.es179.js +3 -3
  170. package/dist/index.es18.js +3 -3
  171. package/dist/index.es184.js +10 -61
  172. package/dist/index.es185.js +61 -4
  173. package/dist/index.es186.js +4 -14
  174. package/dist/index.es187.js +10 -307
  175. package/dist/index.es188.js +305 -20
  176. package/dist/index.es189.js +26 -4
  177. package/dist/index.es19.js +1 -1
  178. package/dist/index.es192.js +4 -94
  179. package/dist/index.es193.js +94 -4
  180. package/dist/index.es194.js +2 -8
  181. package/dist/index.es197.js +4 -51
  182. package/dist/index.es198.js +748 -14
  183. package/dist/index.es199.js +2 -2
  184. package/dist/index.es2.js +1 -1
  185. package/dist/index.es20.js +2 -2
  186. package/dist/index.es200.js +51 -4
  187. package/dist/index.es201.js +14 -748
  188. package/dist/index.es202.js +2 -2
  189. package/dist/index.es203.js +2 -2
  190. package/dist/index.es21.js +2 -2
  191. package/dist/index.es22.js +3 -3
  192. package/dist/index.es23.js +3 -3
  193. package/dist/index.es24.js +3 -3
  194. package/dist/index.es25.js +4 -4
  195. package/dist/index.es26.js +2 -2
  196. package/dist/index.es27.js +1 -1
  197. package/dist/index.es28.js +1 -1
  198. package/dist/index.es29.js +2 -2
  199. package/dist/index.es3.js +2 -2
  200. package/dist/index.es30.js +4 -4
  201. package/dist/index.es31.js +4 -4
  202. package/dist/index.es32.js +16 -16
  203. package/dist/index.es33.js +3 -3
  204. package/dist/index.es34.js +2 -2
  205. package/dist/index.es35.js +4 -4
  206. package/dist/index.es36.js +3 -3
  207. package/dist/index.es37.js +3 -3
  208. package/dist/index.es4.js +4 -4
  209. package/dist/index.es40.js +5 -5
  210. package/dist/index.es41.js +4 -4
  211. package/dist/index.es42.js +4 -4
  212. package/dist/index.es43.js +2 -2
  213. package/dist/index.es44.js +2 -2
  214. package/dist/index.es45.js +2 -2
  215. package/dist/index.es46.js +3 -3
  216. package/dist/index.es48.js +3 -3
  217. package/dist/index.es49.js +2 -2
  218. package/dist/index.es5.js +3 -3
  219. package/dist/index.es50.js +2 -2
  220. package/dist/index.es51.js +2 -2
  221. package/dist/index.es53.js +6 -33
  222. package/dist/index.es54.js +30 -6
  223. package/dist/index.es55.js +29 -31
  224. package/dist/index.es57.js +110 -39
  225. package/dist/index.es58.js +30 -97
  226. package/dist/index.es6.js +2 -2
  227. package/dist/index.es60.js +31 -40
  228. package/dist/index.es61.js +6 -33
  229. package/dist/index.es62.js +40 -7
  230. package/dist/index.es63.js +87 -28
  231. package/dist/index.es64.js +83 -52
  232. package/dist/index.es65.js +42 -88
  233. package/dist/index.es66.js +3 -84
  234. package/dist/index.es67.js +28 -3
  235. package/dist/index.es68.js +137 -15
  236. package/dist/index.es69.js +77 -97
  237. package/dist/index.es70.js +73 -88
  238. package/dist/index.es71.js +85 -86
  239. package/dist/index.es72.js +22 -102
  240. package/dist/index.es73.js +8 -34
  241. package/dist/index.es74.js +117 -8
  242. package/dist/index.es75.js +33 -91
  243. package/dist/index.es76.js +138 -37
  244. package/dist/index.es77.js +75 -143
  245. package/dist/index.es78.js +68 -76
  246. package/dist/index.es79.js +47 -38
  247. package/dist/index.es8.js +3 -3
  248. package/dist/index.es80.js +16 -87
  249. package/dist/index.es81.js +33 -22
  250. package/dist/index.es82.js +42 -28
  251. package/dist/index.es83.js +13 -44
  252. package/dist/index.es84.js +6 -18
  253. package/dist/index.es85.js +15 -14
  254. package/dist/index.es86.js +14 -13
  255. package/dist/index.es87.js +15 -12
  256. package/dist/index.es88.js +10 -6
  257. package/dist/index.es9.js +15 -15
  258. package/dist/index.es90.js +41 -10
  259. package/dist/index.es91.js +10 -12
  260. package/dist/index.es92.js +12 -10
  261. package/dist/index.es94.js +2 -2
  262. package/dist/index.es95.js +1 -1
  263. package/dist/index.es97.js +1 -1
  264. package/dist/index.es99.js +100 -78
  265. package/dist/stories/Icons.stories.d.ts +12 -0
  266. package/dist/style.css +80 -3
  267. package/package.json +3 -2
@@ -1,47 +1,12 @@
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 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.es109.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
+ };
44
10
  export {
45
- a as tabVariants,
46
- t as tabsVariants
11
+ D as Tab
47
12
  };
@@ -1,9 +1,12 @@
1
- import { getDefaultExportFromCjs as e } from "./index.es139.js";
2
- import "./index.es140.js";
3
- import { __exports as r } from "./index.es141.js";
4
- let o = r;
5
- var t = (o.__esModule ? o : { default: o }).default;
6
- const a = /* @__PURE__ */ e(t);
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
+ };
7
10
  export {
8
- a as default
11
+ P as TabPanel
9
12
  };
@@ -1,20 +1,47 @@
1
- import t from "./index.es142.js";
2
- import s from "@simpli-route/tailwind-preset";
3
- import o from "./index.es143.js";
4
- import e from "./index.es144.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 { 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"
14
7
  }
15
- },
16
- plugins: [o, e]
17
- };
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
+ );
18
44
  export {
19
- l as default
45
+ a as tabVariants,
46
+ t as tabsVariants
20
47
  };
@@ -1,7 +1,7 @@
1
1
  import { j as r } from "./index.es52.js";
2
2
  import { usePress as j, useHover as b, useFocusRing as F } from "react-aria";
3
- import { cn as N } from "./index.es54.js";
4
- import { assistChipVariants as C } from "./index.es61.js";
3
+ import { cn as N } from "./index.es53.js";
4
+ import { assistChipVariants as C } from "./index.es60.js";
5
5
  const q = (i) => {
6
6
  const {
7
7
  style: t = "square",
@@ -1,151 +1,42 @@
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",
1
+ import { cva as e } from "class-variance-authority";
2
+ const t = 'after:content-[""] after:absolute after:border-8 after:border-x-transparent', o = `${t} after:left-4 after:top-[100%] after:border-b-transparent`, a = `${t} after:left-1/2 after:top-[100%] after:-translate-x-1/2 after:border-b-transparent`, b = `${t} after:right-4 after:top-[100%] after:border-b-transparent`, l = `${t} after:left-4 after:bottom-[100%] after:border-t-transparent`, f = `${t} after:left-1/2 after:bottom-[100%] after:-translate-x-1/2 after:border-t-transparent`, n = `${t} after:right-4 after:bottom-[100%] after:border-t-transparent`, r = 'before:content-[""] before:absolute before:top-1/2 before:-translate-y-1/2 before:border-8 before:border-y-transparent', s = `${r} before:right-[100%] before:border-l-transparent`, p = `${r} before:left-[100%] before:border-r-transparent`, u = e(
3
+ "absolute z-20 w-max max-w-[250px] whitespace-normal break-words rounded-lg transition duration-150 ease-in-out shadow-[0px_2px_4px_-2px_#22242A0F,0px_4px_8px_-2px_#22242A1A] py-2 px-3",
88
4
  {
89
5
  variants: {
90
- size: {
91
- xs: "size-8",
92
- md: "size-[50px]"
6
+ mode: {
7
+ light: "bg-blue-50 text-neutral-900 after:border-t-blue-50 after:border-b-blue-50 before:border-r-blue-50 before:border-l-blue-50",
8
+ dark: "bg-blue-900 text-blue-50 after:border-t-blue-900 after:border-b-blue-900 before:border-r-blue-900 before:border-l-blue-900"
93
9
  },
94
- state: {
95
- pending: "",
96
- inProgress: "",
97
- completed: "",
98
- error: ""
99
- },
100
- isDisabled: {
10
+ hasSupportText: {
101
11
  true: "",
102
12
  false: ""
103
13
  },
104
- isHovered: {
105
- true: "",
106
- false: ""
107
- },
108
- isPressed: {
109
- true: "",
110
- false: ""
14
+ placement: {
15
+ none: "bottom-full left-1/2 mb-3 -translate-x-1/2",
16
+ "top-start": `bottom-full left-0 mb-3 ${o}`,
17
+ top: `bottom-full left-1/2 mb-3 -translate-x-1/2 ${a}`,
18
+ "top-end": `bottom-full right-0 mb-3 ${b}`,
19
+ right: `left-full top-1/2 ml-3 -translate-y-1/2 ${s}`,
20
+ "bottom-start": `left-0 top-full mt-3 ${l}`,
21
+ bottom: `left-1/2 top-full mt-3 -translate-x-1/2 ${f}`,
22
+ "bottom-end": `right-0 top-full mt-3 ${n}`,
23
+ left: `right-full top-1/2 mr-3 -translate-y-1/2 ${p}`
111
24
  }
112
25
  },
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
- }
26
+ compoundVariants: [
27
+ {
28
+ hasSupportText: !0,
29
+ mode: "dark",
30
+ class: "text-[16px] text-blue-50 font-semibold leading-5"
31
+ },
32
+ {
33
+ hasSupportText: !0,
34
+ mode: "light",
35
+ class: "text-[16px] text-neutral-900 font-semibold leading-5"
36
+ }
37
+ ]
121
38
  }
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
- });
39
+ );
147
40
  export {
148
- d as iconVariants,
149
- l as labelVariants,
150
- i as stepVariants
41
+ u as tooltipVariants
151
42
  };
@@ -1,4 +1,4 @@
1
- import { __exports as t } from "./index.es137.js";
1
+ import { __exports as t } from "./index.es143.js";
2
2
  import R from "react";
3
3
  /**
4
4
  * @license React
@@ -1,4 +1,4 @@
1
- import { __exports as R } from "./index.es138.js";
1
+ import { __exports as R } from "./index.es144.js";
2
2
  import tr from "react";
3
3
  /**
4
4
  * @license React
@@ -1,91 +1,96 @@
1
1
  import { j as r } from "./index.es52.js";
2
2
  import { parseColor as h } from "@react-stately/color";
3
- import { useState as a, useEffect as w } from "react";
4
- import { ColorPicker as L, Label as R, DialogTrigger as T, Button as W, ColorSwatch as $, Popover as q, Dialog as G } from "react-aria-components";
5
- import { cn as J } from "./index.es54.js";
6
- import { ColorArea as K } from "./index.es84.js";
7
- import { ColorField as M } from "./index.es85.js";
8
- import { ColorSlider as Q } from "./index.es86.js";
9
- const ne = (v) => {
3
+ import { useState as i, useEffect as v } from "react";
4
+ import { ColorPicker as H, DialogTrigger as R, Button as T, ColorSwatch as W, Popover as _, Dialog as $ } from "react-aria-components";
5
+ import { cn as q } from "./index.es53.js";
6
+ import "./index.es20.js";
7
+ import { Label as G } from "./index.es21.js";
8
+ import { ColorArea as J } from "./index.es85.js";
9
+ import { ColorField as K } from "./index.es86.js";
10
+ import { ColorSlider as M } from "./index.es87.js";
11
+ const ne = (w) => {
10
12
  const {
11
- value: l,
13
+ value: s,
12
14
  onChange: t,
13
15
  className: F,
14
16
  label: O,
15
- onBlur: u,
16
- onFocus: d,
17
+ onBlur: d,
18
+ onFocus: u,
17
19
  isDisabled: m = !1,
18
- isOpen: f,
20
+ isOpen: x,
19
21
  defaultOpen: V,
20
22
  onOpenChange: p,
21
23
  ...I
22
- } = v, x = l ? h(l).toFormat("hsb") : h("hsl(0, 100%, 50%)").toFormat("hsb"), [n, i] = a(x), [y, g] = a(x.getChannelValue("hue")), [N, s] = a("#" + n.toString("hex").slice(1)), [b, C] = a(!1), [P, A] = a(V ?? !1), j = f !== void 0, S = j ? f : P;
23
- w(() => {
24
- l && !b && s("#" + h(l).toString("hex").slice(1));
25
- }, [l, b]), w(() => {
26
- g(n.getChannelValue("hue"));
27
- }, [n]);
24
+ } = w, f = s ? h(s).toFormat("hsb") : h("hsl(0, 100%, 50%)").toFormat("hsb"), [l, n] = i(f), [N, g] = i(f.getChannelValue("hue")), [y, a] = i("#" + l.toString("hex").slice(1)), [b, C] = i(!1), [P, A] = i(V ?? !1), j = x !== void 0, S = j ? x : P;
25
+ v(() => {
26
+ if (s && !b) {
27
+ const e = h(s).toFormat("hsb");
28
+ a("#" + e.toString("hex").slice(1)), e.toString("hex") !== l.toString("hex") && n(e);
29
+ }
30
+ }, [s, b]), v(() => {
31
+ g(l.getChannelValue("hue"));
32
+ }, [l]);
28
33
  const k = (e) => {
29
34
  j || A(e), p == null || p(e);
30
35
  }, D = (e) => {
31
36
  let o = e.target.value;
32
37
  o.startsWith("#") || (o = "#" + o);
33
38
  const c = o.slice(1).replace(/[^0-9a-fA-F]/g, "").slice(0, 6);
34
- if (s("#" + c), c.length === 6)
39
+ if (a("#" + c), c.length === 6)
35
40
  try {
36
- const H = h("#" + c).toFormat("hsb");
37
- i(H), t == null || t("#" + c);
41
+ const B = h("#" + c).toFormat("hsb");
42
+ n(B), t == null || t("#" + c);
38
43
  } catch {
39
44
  }
40
45
  }, E = (e) => {
41
- i(e.toFormat("hsb")), s("#" + e.toString("hex").slice(1)), t == null || t("#" + e.toString("hex").replace(/^#*/, ""));
42
- }, z = (e) => {
46
+ n(e.toFormat("hsb")), a("#" + e.toString("hex").slice(1)), t == null || t("#" + e.toString("hex").replace(/^#*/, ""));
47
+ }, L = (e) => {
43
48
  g(e.getChannelValue("hue"));
44
- const o = n.withChannelValue("hue", e.getChannelValue("hue"));
45
- i(o), s("#" + o.toString("hex").slice(1)), t == null || t("#" + o.toString("hex").replace(/^#*/, ""));
46
- }, B = (e) => {
47
- const o = e.withChannelValue("hue", y);
48
- i(o), s("#" + o.toString("hex").slice(1)), t == null || t("#" + o.toString("hex").replace(/^#*/, ""));
49
+ const o = l.withChannelValue("hue", e.getChannelValue("hue"));
50
+ n(o), a("#" + o.toString("hex").slice(1)), t == null || t("#" + o.toString("hex").replace(/^#*/, ""));
51
+ }, z = (e) => {
52
+ const o = e.withChannelValue("hue", N);
53
+ n(o), a("#" + o.toString("hex").slice(1)), t == null || t("#" + o.toString("hex").replace(/^#*/, ""));
49
54
  };
50
- return /* @__PURE__ */ r.jsxs(L, { value: n, onChange: E, ...I, children: [
51
- /* @__PURE__ */ r.jsx(R, { children: O }),
55
+ return /* @__PURE__ */ r.jsx(H, { value: l, onChange: E, ...I, children: /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col", children: [
56
+ /* @__PURE__ */ r.jsx(G, { labelClassName: "mb-[1px] text-left leading-[19.07px]", children: O }),
52
57
  /* @__PURE__ */ r.jsxs(
53
58
  "div",
54
59
  {
55
- className: J(
56
- "flex w-80 items-center rounded border transition-colors",
60
+ className: q(
61
+ "flex items-center rounded border bg-white transition-colors",
57
62
  S ? "border-primary-500 ring-1 ring-primary-500" : "focus-within:border-primary-500 focus-within:ring-1 focus-within:ring-primary-500",
58
63
  F
59
64
  ),
60
65
  tabIndex: -1,
61
66
  children: [
62
- /* @__PURE__ */ r.jsxs(T, { isOpen: S, onOpenChange: k, children: [
67
+ /* @__PURE__ */ r.jsxs(R, { isOpen: S, onOpenChange: k, children: [
63
68
  /* @__PURE__ */ r.jsx(
64
- W,
69
+ T,
65
70
  {
66
71
  isDisabled: m,
67
72
  className: "border-none bg-transparent p-0 shadow-none focus:outline-none",
68
73
  "aria-label": "Abrir selector de color",
69
- children: /* @__PURE__ */ r.jsx($, { color: n, className: "mx-3 size-5 rounded-full border border-neutral-400" })
74
+ children: /* @__PURE__ */ r.jsx(W, { color: l, className: "mx-3 size-5 rounded-full border border-neutral-400" })
70
75
  }
71
76
  ),
72
- /* @__PURE__ */ r.jsx(q, { placement: "bottom start", children: /* @__PURE__ */ r.jsxs(G, { className: "box-border flex min-w-48 flex-col gap-2 overflow-auto bg-white p-4 shadow-md outline-none", children: [
73
- /* @__PURE__ */ r.jsx(K, { color: n, onChange: B }),
74
- /* @__PURE__ */ r.jsx(Q, { color: n, onChange: z })
77
+ /* @__PURE__ */ r.jsx(_, { placement: "bottom start", children: /* @__PURE__ */ r.jsxs($, { className: "box-border flex min-w-48 flex-col gap-2 overflow-auto bg-white p-4 shadow-md outline-none", children: [
78
+ /* @__PURE__ */ r.jsx(J, { color: l, onChange: z }),
79
+ /* @__PURE__ */ r.jsx(M, { color: l, onChange: L })
75
80
  ] }) })
76
81
  ] }),
77
82
  /* @__PURE__ */ r.jsx(
78
- M,
83
+ K,
79
84
  {
80
85
  isDisabled: m,
81
86
  inputProps: {
82
- value: N,
87
+ value: y,
83
88
  onChange: D,
84
89
  onFocus: (e) => {
85
- C(!0), d == null || d(e);
90
+ C(!0), u == null || u(e);
86
91
  },
87
92
  onBlur: (e) => {
88
- C(!1), u == null || u(e);
93
+ C(!1), d == null || d(e);
89
94
  }
90
95
  }
91
96
  }
@@ -93,7 +98,7 @@ const ne = (v) => {
93
98
  ]
94
99
  }
95
100
  )
96
- ] });
101
+ ] }) });
97
102
  };
98
103
  export {
99
104
  ne as ColorPicker
@@ -1,12 +1,12 @@
1
1
  import { j as c } from "./index.es52.js";
2
2
  import { useRef as y, useEffect as k } from "react";
3
3
  import { ColorSwatchPicker as C } from "react-aria-components";
4
- import { cn as S } from "./index.es54.js";
4
+ import { cn as S } from "./index.es53.js";
5
5
  import { ColorSwatchPickerItem as E } from "./index.es14.js";
6
6
  import { DEFAULT_ARIA_LABEL as g } from "./index.es15.js";
7
- import { StyleContext as j } from "./index.es62.js";
8
- import { safeParse as f, toHex as L, normalizeItem as V } from "./index.es87.js";
9
- import { colorSwatchPickerVariants as A } from "./index.es63.js";
7
+ import { StyleContext as j } from "./index.es61.js";
8
+ import { safeParse as f, toHex as L, normalizeItem as V } from "./index.es83.js";
9
+ import { colorSwatchPickerVariants as A } from "./index.es62.js";
10
10
  const H = (e) => {
11
11
  const {
12
12
  value: s,
@@ -1,6 +1,6 @@
1
1
  import { j as r } from "./index.es52.js";
2
2
  import { ListBox as x, ListBoxItem as i } from "react-aria-components";
3
- import { cn as t } from "./index.es54.js";
3
+ import { cn as t } from "./index.es53.js";
4
4
  const m = ({ items: n, renderEmptyState: o }) => /* @__PURE__ */ r.jsx(
5
5
  x,
6
6
  {
@@ -1,5 +1,5 @@
1
1
  import { j as t } from "./index.es52.js";
2
- import { CrossIcon as s } from "./index.es53.js";
2
+ import { CrossIcon as s } from "./index.es81.js";
3
3
  import { IconButton as e } from "./index.es19.js";
4
4
  const m = ({ icon: o, onPress: n, isDisabled: r }) => /* @__PURE__ */ t.jsx(e, { intent: "minimal", size: "xxs", "data-testid": "clear-icon-button", isDisabled: r, onPress: n, children: o ?? /* @__PURE__ */ t.jsx(s, { className: "size-5 text-neutral-700", "data-testid": "clear-icon" }) });
5
5
  export {
@@ -1,5 +1,5 @@
1
1
  import { j as t } from "./index.es52.js";
2
- import { SearchIcon as e } from "./index.es53.js";
2
+ import { SearchIcon as e } from "./index.es81.js";
3
3
  const s = ({ icon: r }) => r ?? /* @__PURE__ */ t.jsx(e, { className: "size-6 text-neutral-700", "data-testid": "search-icon" });
4
4
  export {
5
5
  s as SearchIcon
@@ -1,6 +1,6 @@
1
1
  import { j as t } from "./index.es52.js";
2
2
  import { ListBox as n, ListBoxItem as r } from "react-aria-components";
3
- import { searchOptionVariants as h } from "./index.es76.js";
3
+ import { searchOptionVariants as h } from "./index.es75.js";
4
4
  const m = ({
5
5
  items: a,
6
6
  onItemSelect: l
@@ -1,6 +1,6 @@
1
1
  import { j as r } from "./index.es52.js";
2
2
  import { SliderThumb as m } from "react-aria-components";
3
- import { cn as i } from "./index.es54.js";
3
+ import { cn as i } from "./index.es53.js";
4
4
  import { Tooltip as c } from "./index.es48.js";
5
5
  import { TooltipTrigger as d } from "./index.es49.js";
6
6
  const y = ({
@@ -1,4 +1,6 @@
1
- var r = {};
1
+ function e(t) {
2
+ return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
3
+ }
2
4
  export {
3
- r as __exports
5
+ e as getDefaultExportFromCjs
4
6
  };
@@ -1,4 +1,28 @@
1
- var e = {};
2
- export {
3
- e as __exports
4
- };
1
+ import { __exports as i } from "./index.es139.js";
2
+ import "./index.es145.js";
3
+ import "./index.es146.js";
4
+ import { __exports as l } from "./index.es147.js";
5
+ import { __exports as s } from "./index.es148.js";
6
+ (function(t) {
7
+ Object.defineProperty(t, "__esModule", {
8
+ value: !0
9
+ }), Object.defineProperty(t, "default", {
10
+ enumerable: !0,
11
+ get: function() {
12
+ return f;
13
+ }
14
+ });
15
+ const o = /* @__PURE__ */ r(l), n = /* @__PURE__ */ r(s);
16
+ function r(e) {
17
+ return e && e.__esModule ? e : {
18
+ default: e
19
+ };
20
+ }
21
+ function f(...e) {
22
+ let [, ...u] = (0, n.default)(e[0]);
23
+ return (0, o.default)([
24
+ ...e,
25
+ ...u
26
+ ]);
27
+ }
28
+ })(i);
@@ -1,6 +1,4 @@
1
- function e(t) {
2
- return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
3
- }
1
+ var e = {};
4
2
  export {
5
- e as getDefaultExportFromCjs
3
+ e as __exports
6
4
  };
@@ -1,11 +1,11 @@
1
1
  import { j as o } from "./index.es52.js";
2
2
  import { useContext as f } from "react";
3
3
  import { ColorSwatchPickerItem as x, ColorSwatch as S } from "react-aria-components";
4
- import { cn as u } from "./index.es54.js";
5
- import { StyleContext as w } from "./index.es62.js";
6
- import { isTransparent as F } from "./index.es87.js";
7
- import { TransparentSwatchFill as j } from "./index.es88.js";
8
- import { colorSwatchItemVariants as C } from "./index.es63.js";
4
+ import { cn as u } from "./index.es53.js";
5
+ import { StyleContext as w } from "./index.es61.js";
6
+ import { isTransparent as F } from "./index.es83.js";
7
+ import { TransparentSwatchFill as j } from "./index.es84.js";
8
+ import { colorSwatchItemVariants as C } from "./index.es62.js";
9
9
  const y = ({
10
10
  color: t,
11
11
  name: i,