@simpli-route/apollo-ds 0.1.49 → 0.1.50

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 (159) hide show
  1. package/dist/components/FilterTypeChip/FilterTypeChip.d.ts +1 -1
  2. package/dist/components/FilterTypeChip/types.d.ts +11 -0
  3. package/dist/index.cjs10.js +1 -1
  4. package/dist/index.cjs104.js +1 -1
  5. package/dist/index.cjs11.js +1 -1
  6. package/dist/index.cjs12.js +1 -1
  7. package/dist/index.cjs13.js +1 -1
  8. package/dist/index.cjs14.js +1 -1
  9. package/dist/index.cjs15.js +1 -1
  10. package/dist/index.cjs16.js +1 -1
  11. package/dist/index.cjs17.js +1 -1
  12. package/dist/index.cjs18.js +1 -1
  13. package/dist/index.cjs19.js +1 -1
  14. package/dist/index.cjs2.js +1 -1
  15. package/dist/index.cjs20.js +1 -1
  16. package/dist/index.cjs21.js +1 -1
  17. package/dist/index.cjs22.js +1 -1
  18. package/dist/index.cjs23.js +1 -1
  19. package/dist/index.cjs24.js +1 -1
  20. package/dist/index.cjs25.js +1 -1
  21. package/dist/index.cjs26.js +1 -1
  22. package/dist/index.cjs27.js +1 -1
  23. package/dist/index.cjs28.js +1 -1
  24. package/dist/index.cjs29.js +1 -1
  25. package/dist/index.cjs3.js +1 -1
  26. package/dist/index.cjs32.js +1 -1
  27. package/dist/index.cjs33.js +1 -1
  28. package/dist/index.cjs34.js +1 -1
  29. package/dist/index.cjs35.js +1 -1
  30. package/dist/index.cjs36.js +1 -1
  31. package/dist/index.cjs37.js +1 -1
  32. package/dist/index.cjs38.js +1 -1
  33. package/dist/index.cjs4.js +1 -1
  34. package/dist/index.cjs40.js +1 -1
  35. package/dist/index.cjs41.js +1 -1
  36. package/dist/index.cjs43.js +1 -1
  37. package/dist/index.cjs44.js +1 -1
  38. package/dist/index.cjs45.js +1 -1
  39. package/dist/index.cjs46.js +1 -1
  40. package/dist/index.cjs47.js +1 -1
  41. package/dist/index.cjs48.js +1 -1
  42. package/dist/index.cjs49.js +1 -1
  43. package/dist/index.cjs5.js +1 -1
  44. package/dist/index.cjs50.js +1 -1
  45. package/dist/index.cjs51.js +1 -1
  46. package/dist/index.cjs52.js +1 -1
  47. package/dist/index.cjs53.js +1 -1
  48. package/dist/index.cjs54.js +1 -1
  49. package/dist/index.cjs55.js +1 -1
  50. package/dist/index.cjs56.js +1 -1
  51. package/dist/index.cjs57.js +1 -1
  52. package/dist/index.cjs58.js +1 -1
  53. package/dist/index.cjs59.js +1 -1
  54. package/dist/index.cjs6.js +1 -1
  55. package/dist/index.cjs60.js +1 -1
  56. package/dist/index.cjs61.js +1 -1
  57. package/dist/index.cjs62.js +1 -1
  58. package/dist/index.cjs63.js +1 -1
  59. package/dist/index.cjs64.js +1 -1
  60. package/dist/index.cjs65.js +1 -1
  61. package/dist/index.cjs66.js +1 -1
  62. package/dist/index.cjs67.js +1 -1
  63. package/dist/index.cjs68.js +1 -1
  64. package/dist/index.cjs69.js +1 -1
  65. package/dist/index.cjs7.js +1 -1
  66. package/dist/index.cjs70.js +1 -1
  67. package/dist/index.cjs71.js +1 -1
  68. package/dist/index.cjs72.js +1 -1
  69. package/dist/index.cjs74.js +1 -1
  70. package/dist/index.cjs75.js +1 -1
  71. package/dist/index.cjs76.js +1 -1
  72. package/dist/index.cjs77.js +1 -1
  73. package/dist/index.cjs78.js +1 -1
  74. package/dist/index.cjs79.js +1 -1
  75. package/dist/index.cjs8.js +1 -1
  76. package/dist/index.cjs80.js +1 -1
  77. package/dist/index.cjs81.js +1 -1
  78. package/dist/index.cjs82.js +1 -1
  79. package/dist/index.cjs9.js +1 -1
  80. package/dist/index.es10.js +3 -3
  81. package/dist/index.es104.js +1 -1
  82. package/dist/index.es11.js +89 -67
  83. package/dist/index.es12.js +2 -2
  84. package/dist/index.es13.js +2 -2
  85. package/dist/index.es14.js +2 -2
  86. package/dist/index.es15.js +3 -3
  87. package/dist/index.es16.js +4 -4
  88. package/dist/index.es17.js +2 -2
  89. package/dist/index.es18.js +4 -4
  90. package/dist/index.es19.js +2 -2
  91. package/dist/index.es2.js +1 -1
  92. package/dist/index.es20.js +1 -1
  93. package/dist/index.es21.js +1 -1
  94. package/dist/index.es22.js +2 -2
  95. package/dist/index.es23.js +4 -4
  96. package/dist/index.es24.js +4 -4
  97. package/dist/index.es25.js +23 -23
  98. package/dist/index.es26.js +5 -5
  99. package/dist/index.es27.js +4 -4
  100. package/dist/index.es28.js +1 -1
  101. package/dist/index.es29.js +3 -3
  102. package/dist/index.es3.js +2 -2
  103. package/dist/index.es32.js +5 -5
  104. package/dist/index.es33.js +4 -4
  105. package/dist/index.es34.js +4 -4
  106. package/dist/index.es35.js +3 -3
  107. package/dist/index.es36.js +2 -2
  108. package/dist/index.es37.js +2 -2
  109. package/dist/index.es38.js +2 -2
  110. package/dist/index.es4.js +2 -2
  111. package/dist/index.es40.js +31 -6
  112. package/dist/index.es41.js +6 -31
  113. package/dist/index.es43.js +30 -167
  114. package/dist/index.es44.js +18 -43
  115. package/dist/index.es45.js +16 -33
  116. package/dist/index.es46.js +15 -79
  117. package/dist/index.es47.js +63 -128
  118. package/dist/index.es48.js +44 -48
  119. package/dist/index.es49.js +126 -18
  120. package/dist/index.es5.js +20 -20
  121. package/dist/index.es50.js +107 -18
  122. package/dist/index.es51.js +154 -128
  123. package/dist/index.es52.js +23 -116
  124. package/dist/index.es53.js +59 -90
  125. package/dist/index.es54.js +3 -114
  126. package/dist/index.es55.js +25 -31
  127. package/dist/index.es56.js +112 -84
  128. package/dist/index.es57.js +118 -22
  129. package/dist/index.es58.js +115 -3
  130. package/dist/index.es59.js +85 -131
  131. package/dist/index.es6.js +3 -3
  132. package/dist/index.es60.js +28 -86
  133. package/dist/index.es61.js +40 -30
  134. package/dist/index.es62.js +159 -17
  135. package/dist/index.es63.js +90 -15
  136. package/dist/index.es64.js +21 -15
  137. package/dist/index.es65.js +26 -61
  138. package/dist/index.es66.js +161 -86
  139. package/dist/index.es67.js +13 -10
  140. package/dist/index.es68.js +87 -11
  141. package/dist/index.es69.js +10 -163
  142. package/dist/index.es7.js +2 -2
  143. package/dist/index.es70.js +10 -13
  144. package/dist/index.es71.js +12 -10
  145. package/dist/index.es72.js +1 -1
  146. package/dist/index.es74.js +40 -7
  147. package/dist/index.es75.js +19 -18
  148. package/dist/index.es76.js +18 -147
  149. package/dist/index.es77.js +7 -40
  150. package/dist/index.es78.js +17 -9
  151. package/dist/index.es79.js +149 -10
  152. package/dist/index.es8.js +4 -4
  153. package/dist/index.es80.js +10 -45
  154. package/dist/index.es81.js +10 -19
  155. package/dist/index.es82.js +42 -17
  156. package/dist/index.es9.js +5 -5
  157. package/dist/stories/FilterTypeChip.stories.d.ts +1 -1
  158. package/dist/style.css +7 -0
  159. package/package.json +1 -1
@@ -1,19 +1,94 @@
1
- import { j as e } from "./index.es39.js";
2
- import { ColorField as n, Input as t } from "react-aria-components";
3
- function p(o) {
4
- const { isDisabled: l, inputProps: r = {}, ...s } = o;
5
- return /* @__PURE__ */ e.jsx(n, { className: "relative flex h-8 w-32 items-center", isDisabled: l, ...s, children: /* @__PURE__ */ e.jsx(
6
- t,
1
+ import { cva as e } from "class-variance-authority";
2
+ const s = e("relative rounded-full transition-colors duration-300", {
3
+ variants: {
4
+ isSelected: {
5
+ true: "bg-primary-500",
6
+ false: "bg-neutral-50 border border-primary-200"
7
+ },
8
+ isDisabled: {
9
+ true: "cursor-not-allowed bg-neutral-400 border-none",
10
+ false: "cursor-pointer"
11
+ },
12
+ isHoveredWhenOff: {
13
+ true: "bg-neutral-200 border-primary-700",
14
+ false: ""
15
+ },
16
+ isFocusVisible: {
17
+ true: "ring-2 ring-sky-400 ring-offset-2",
18
+ false: ""
19
+ },
20
+ size: {
21
+ sm: "w-[42px] h-[24px]",
22
+ md: "w-[56px] h-[32px]"
23
+ }
24
+ },
25
+ defaultVariants: {
26
+ size: "md",
27
+ isSelected: !1,
28
+ isDisabled: !1,
29
+ isFocusVisible: !1,
30
+ isHoveredWhenOff: !1
31
+ },
32
+ compoundVariants: [
33
+ // Hover cuando el switch está apagado y no deshabilitado
34
+ {
35
+ isSelected: !1,
36
+ isDisabled: !1,
37
+ class: "hover:bg-neutral-200 hover:border-primary-700"
38
+ },
39
+ {
40
+ isSelected: !0,
41
+ isDisabled: !1,
42
+ class: "hover:bg-primary-700"
43
+ },
44
+ {
45
+ isSelected: !1,
46
+ isDisabled: !0,
47
+ class: "bg-neutral-400 border-none"
48
+ },
7
49
  {
8
- className: "size-full border-none bg-transparent p-0 outline-none focus:outline-none focus:ring-0",
9
- maxLength: 7,
10
- "aria-label": "Color hex",
11
- spellCheck: !1,
12
- autoComplete: "off",
13
- ...r
50
+ isSelected: !0,
51
+ isDisabled: !0,
52
+ class: "bg-neutral-500"
14
53
  }
15
- ) });
16
- }
54
+ ]
55
+ }), a = e(
56
+ "absolute top-1/2 transform -translate-y-1/2 transition-all duration-300 rounded-full",
57
+ {
58
+ variants: {
59
+ isSelected: {
60
+ true: "bg-primary-50",
61
+ false: "bg-primary-200 border border-primary-200"
62
+ },
63
+ isDisabled: {
64
+ true: "bg-neutral-600 border-none",
65
+ false: ""
66
+ },
67
+ isHoveredWhenOff: {
68
+ true: "bg-primary-700 border-primary-700",
69
+ false: ""
70
+ },
71
+ size: {
72
+ sm: "w-[20px] h-[20px]",
73
+ md: "w-[24px] h-[24px]"
74
+ }
75
+ },
76
+ defaultVariants: {
77
+ size: "md",
78
+ isSelected: !1,
79
+ isDisabled: !1,
80
+ isHoveredWhenOff: !1
81
+ },
82
+ compoundVariants: [
83
+ {
84
+ isSelected: !0,
85
+ isDisabled: !0,
86
+ class: "bg-neutral-400"
87
+ }
88
+ ]
89
+ }
90
+ );
17
91
  export {
18
- p as ColorField
92
+ a as indicatorVariants,
93
+ s as switchVariants
19
94
  };
@@ -1,18 +1,24 @@
1
- import { j as r } from "./index.es39.js";
2
- import { ColorSlider as f, SliderTrack as l, ColorThumb as i } from "react-aria-components";
3
- function d(e) {
4
- const { color: o } = e;
5
- return /* @__PURE__ */ r.jsx(
6
- f,
7
- {
8
- channel: "hue",
9
- value: o,
10
- className: "mb-2 h-4 w-48 rounded border bg-[linear-gradient(to_right,#ff0000,#ffff00,#00ff00,#00ffff,#0000ff,#ff00ff,#ff0000)]",
11
- ...e,
12
- children: /* @__PURE__ */ r.jsx(l, { className: "size-full", children: /* @__PURE__ */ r.jsx(i, { className: "box-border size-5 rounded-full border-2 border-white shadow-[0_0_0_1px_black,inset_0_0_0_1px_black] data-[focus-visible]:size-6" }) })
1
+ import { cva as t } from "class-variance-authority";
2
+ const o = t("scroll-m-12 text-neutral-900", {
3
+ variants: {
4
+ size: {
5
+ h1: "text-[2rem] font-bold leading-10",
6
+ h2: "text-[1.75rem] font-bold leading-9",
7
+ h3: "text-2xl font-semibold",
8
+ h4: "text-[1.375rem] font-semibold leading-7",
9
+ h5: "text-xl font-semibold",
10
+ h6: "text-lg font-semibold"
13
11
  }
14
- );
15
- }
12
+ }
13
+ }), n = t("", {
14
+ variants: {
15
+ type: {
16
+ body: "text-base text-neutral-900",
17
+ caption: "text-xs text-neutral-700"
18
+ }
19
+ }
20
+ });
16
21
  export {
17
- d as ColorSlider
22
+ n as textVariants,
23
+ o as titleVariants
18
24
  };
@@ -1,67 +1,32 @@
1
1
  import { j as e } from "./index.es39.js";
2
- import { CrossCircleIcon as m } from "./index.es41.js";
3
- import { Autocomplete as d, SearchField as p, Input as b, Button as h, ListBox as f, ListBoxItem as g } from "react-aria-components";
4
- import { cn as n } from "./index.es40.js";
5
- const v = ({
6
- enableSearch: a,
7
- contains: o,
8
- classNameSearchField: i,
9
- classNameSearchFieldInput: c,
10
- placeholderSearch: u,
11
- items: x
12
- }) => /* @__PURE__ */ e.jsxs(d, { filter: o, disableAutoFocusFirst: !0, disableVirtualFocus: !0, children: [
13
- a ? /* @__PURE__ */ e.jsxs(
14
- p,
2
+ import { cn as l } from "./index.es41.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",
15
7
  {
16
- "aria-label": "Search",
17
- className: n(
18
- "group m-1 flex items-center rounded border border-neutral-500 bg-neutral-50",
19
- i
20
- ),
21
- children: [
22
- /* @__PURE__ */ e.jsx(
23
- b,
24
- {
25
- placeholder: u,
26
- className: n(
27
- "h-8 min-w-0 flex-1 rounded border-none p-1 text-sm font-normal text-neutral-800 outline-none outline-0 placeholder:text-neutral-700 focus:outline-none focus:ring-0 [&::-webkit-search-cancel-button]:hidden",
28
- c
29
- )
30
- }
31
- ),
32
- /* @__PURE__ */ e.jsx(h, { className: "pressed:bg-black/10 mr-1 flex w-6 items-center justify-center rounded-full border-0 bg-transparent p-1 text-center text-sm text-neutral-600 transition hover:bg-black/[5%] group-data-[empty]:invisible", children: /* @__PURE__ */ e.jsx(m, { "aria-hidden": !0, className: "size-4" }) })
33
- ]
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" }
34
17
  }
35
- ) : null,
36
- /* @__PURE__ */ e.jsx(f, { className: "lg:custom-scrollbar max-h-[260px] overflow-auto outline-none", items: x, children: (r) => /* @__PURE__ */ e.jsx(
37
- g,
18
+ ) : /* @__PURE__ */ e.jsx(
19
+ "polyline",
38
20
  {
39
- id: r.value,
40
- textValue: r.label,
41
- isDisabled: r.isDisabled,
42
- className: ({ isSelected: t, isFocusVisible: s, isHovered: l }) => n(
43
- "flex cursor-pointer items-center justify-between px-3 py-2 text-xs font-normal outline-none",
44
- t ? "bg-primary-100 text-primary-500" : "text-primary-900",
45
- l && "bg-primary-50 text-primary-500",
46
- (l || s) && !t && "bg-primary-50",
47
- (l || s) && t && "bg-primary-200"
48
- ),
49
- children: ({ isSelected: t }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
50
- /* @__PURE__ */ e.jsx("span", { children: r.label }),
51
- /* @__PURE__ */ e.jsx("span", { className: "flex w-5 items-center", children: t && /* @__PURE__ */ e.jsx("svg", { width: "14", height: "13", viewBox: "0 0 14 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e.jsx(
52
- "path",
53
- {
54
- fillRule: "evenodd",
55
- clipRule: "evenodd",
56
- d: "M13.2241 0.601824C13.4808 0.780773 13.5439 1.13398 13.365 1.39073L5.69829 12.3907C5.59653 12.5367 5.43209 12.6264 5.25425 12.633C5.07641 12.6395 4.90582 12.5622 4.79359 12.4241L0.460261 7.09072C0.26291 6.84783 0.299829 6.49094 0.542723 6.29358C0.785617 6.09623 1.14251 6.13315 1.33986 6.37605L5.19872 11.1254L12.4352 0.7427C12.6141 0.485948 12.9673 0.422875 13.2241 0.601824Z",
57
- fill: "#4C3BEF"
58
- }
59
- ) }) })
60
- ] })
61
- },
62
- r.value
63
- ) })
64
- ] });
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
+ };
65
30
  export {
66
- v as PopoverContent
31
+ m as MarkIcon
67
32
  };
@@ -1,90 +1,165 @@
1
- import { j as e } from "./index.es39.js";
2
- import { CrossCircleIcon as w } from "./index.es41.js";
3
- import { Button as x, SelectValue as N } from "react-aria-components";
4
- import { cn as r } from "./index.es40.js";
5
- import { selectInputButtonVariants as v, selectInputBadgeVariants as V } from "./index.es46.js";
6
- const P = ({
7
- ref: C,
8
- isOpen: a,
9
- setIsOpen: u,
10
- size: n,
11
- isDisabled: t,
12
- classNameButton: f,
13
- selectionMode: h,
14
- maxLengthTextOption: i,
15
- handleDeleteOptionSelected: p,
16
- placeholder: d
17
- }) => /* @__PURE__ */ e.jsxs(
18
- x,
19
- {
20
- ref: C,
21
- className: ({ isFocusVisible: l, isHovered: o }) => r(
22
- v({
23
- size: n,
24
- isDisabled: t,
25
- isFocusVisible: l || a,
26
- isHovered: o
27
- }),
28
- f
29
- ),
30
- onPress: () => u(!a),
31
- children: [
32
- /* @__PURE__ */ e.jsx(N, { className: "flex flex-1 items-center gap-1 overflow-hidden", children: ({ selectedItems: l, selectedText: o, isPlaceholder: j }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: h === "multiple" && l && l.length > 0 ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1", children: l.filter((s) => s != null).map((s) => {
33
- const c = s.label, g = c.length > i ? `${c.slice(0, i)}...` : c, m = s.value;
34
- return /* @__PURE__ */ e.jsxs("div", { className: r(V({ size: n, isDisabled: t })), children: [
35
- /* @__PURE__ */ e.jsx("span", { children: g }),
36
- /* @__PURE__ */ e.jsx(
37
- x,
38
- {
39
- className: r("outline-none", t ? "cursor-not-allowed" : ""),
40
- isDisabled: t,
41
- slot: null,
42
- onPress: () => p(m),
43
- children: /* @__PURE__ */ e.jsx(
44
- w,
45
- {
46
- className: r(
47
- "text-primary-800",
48
- t ? "text-neutral-600" : "",
49
- n === "xs" || n === "sm" ? "size-3" : "size-4"
50
- )
51
- }
52
- )
53
- }
54
- )
55
- ] }, m);
56
- }) }) : /* @__PURE__ */ e.jsx(
57
- "span",
58
- {
59
- className: r(
60
- "flex-1 truncate text-left",
61
- j ? "text-neutral-600" : "",
62
- t ? "text-neutral-700" : ""
63
- ),
64
- children: o || d
65
- }
66
- ) }) }),
67
- /* @__PURE__ */ e.jsx(
68
- "svg",
69
- {
70
- className: `${a ? "rotate-180" : ""} transition-transform duration-100`,
71
- width: "20",
72
- height: "10",
73
- viewBox: "0 0 20 10",
74
- fill: "none",
75
- xmlns: "http://www.w3.org/2000/svg",
76
- children: /* @__PURE__ */ e.jsx(
77
- "path",
78
- {
79
- 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",
80
- fill: "#73768C"
81
- }
82
- )
83
- }
84
- )
85
- ]
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]
86
161
  }
87
162
  );
88
163
  export {
89
- P as SelectContent
164
+ a as buttonVariants
90
165
  };
@@ -1,12 +1,15 @@
1
- import { j as n } from "./index.es39.js";
2
- import { cn as x } from "./index.es40.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 { useState as r, useEffect as c } from "react";
2
+ function d(e, t = 300) {
3
+ const [u, o] = r(e);
4
+ return c(() => {
5
+ const n = setTimeout(() => {
6
+ o(e);
7
+ }, t);
8
+ return () => {
9
+ clearTimeout(n);
10
+ };
11
+ }, [e, t]), u;
12
+ }
10
13
  export {
11
- m as CaptionNumberField
14
+ d as useDebouncedValue
12
15
  };
@@ -1,14 +1,90 @@
1
1
  import { j as e } from "./index.es39.js";
2
- import { UpChevronIcon as n, DownChevronIcon as o } from "./index.es41.js";
3
- import { Button as s } from "react-aria-components";
4
- import { cn as c } from "./index.es40.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
- };
2
+ import { CrossCircleIcon as w } from "./index.es40.js";
3
+ import { Button as x, SelectValue as N } from "react-aria-components";
4
+ import { cn as r } from "./index.es41.js";
5
+ import { selectInputButtonVariants as v, selectInputBadgeVariants as V } from "./index.es48.js";
6
+ const P = ({
7
+ ref: C,
8
+ isOpen: a,
9
+ setIsOpen: u,
10
+ size: n,
11
+ isDisabled: t,
12
+ classNameButton: f,
13
+ selectionMode: h,
14
+ maxLengthTextOption: i,
15
+ handleDeleteOptionSelected: p,
16
+ placeholder: d
17
+ }) => /* @__PURE__ */ e.jsxs(
18
+ x,
19
+ {
20
+ ref: C,
21
+ className: ({ isFocusVisible: l, isHovered: o }) => r(
22
+ v({
23
+ size: n,
24
+ isDisabled: t,
25
+ isFocusVisible: l || a,
26
+ isHovered: o
27
+ }),
28
+ f
29
+ ),
30
+ onPress: () => u(!a),
31
+ children: [
32
+ /* @__PURE__ */ e.jsx(N, { className: "flex flex-1 items-center gap-1 overflow-hidden", children: ({ selectedItems: l, selectedText: o, isPlaceholder: j }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: h === "multiple" && l && l.length > 0 ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1", children: l.filter((s) => s != null).map((s) => {
33
+ const c = s.label, g = c.length > i ? `${c.slice(0, i)}...` : c, m = s.value;
34
+ return /* @__PURE__ */ e.jsxs("div", { className: r(V({ size: n, isDisabled: t })), children: [
35
+ /* @__PURE__ */ e.jsx("span", { children: g }),
36
+ /* @__PURE__ */ e.jsx(
37
+ x,
38
+ {
39
+ className: r("outline-none", t ? "cursor-not-allowed" : ""),
40
+ isDisabled: t,
41
+ slot: null,
42
+ onPress: () => p(m),
43
+ children: /* @__PURE__ */ e.jsx(
44
+ w,
45
+ {
46
+ className: r(
47
+ "text-primary-800",
48
+ t ? "text-neutral-600" : "",
49
+ n === "xs" || n === "sm" ? "size-3" : "size-4"
50
+ )
51
+ }
52
+ )
53
+ }
54
+ )
55
+ ] }, m);
56
+ }) }) : /* @__PURE__ */ e.jsx(
57
+ "span",
58
+ {
59
+ className: r(
60
+ "flex-1 truncate text-left",
61
+ j ? "text-neutral-600" : "",
62
+ t ? "text-neutral-700" : ""
63
+ ),
64
+ children: o || d
65
+ }
66
+ ) }) }),
67
+ /* @__PURE__ */ e.jsx(
68
+ "svg",
69
+ {
70
+ className: `${a ? "rotate-180" : ""} transition-transform duration-100`,
71
+ width: "20",
72
+ height: "10",
73
+ viewBox: "0 0 20 10",
74
+ fill: "none",
75
+ xmlns: "http://www.w3.org/2000/svg",
76
+ children: /* @__PURE__ */ e.jsx(
77
+ "path",
78
+ {
79
+ 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",
80
+ fill: "#73768C"
81
+ }
82
+ )
83
+ }
84
+ )
85
+ ]
86
+ }
87
+ );
12
88
  export {
13
- x as StepperButton
89
+ P as SelectContent
14
90
  };