@simpli-route/apollo-ds 0.1.44 → 0.1.46

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 (188) hide show
  1. package/dist/components/FilterButton/FilterButton.d.ts +10 -1
  2. package/dist/components/FilterButton/types.d.ts +6 -0
  3. package/dist/index.cjs10.js +1 -1
  4. package/dist/index.cjs101.js +1 -1
  5. package/dist/index.cjs102.js +1 -1
  6. package/dist/index.cjs103.js +1 -1
  7. package/dist/index.cjs104.js +1 -1
  8. package/dist/index.cjs105.js +1 -1
  9. package/dist/index.cjs106.js +1 -1
  10. package/dist/index.cjs107.js +1 -1
  11. package/dist/index.cjs108.js +1 -1
  12. package/dist/index.cjs11.js +1 -1
  13. package/dist/index.cjs12.js +1 -1
  14. package/dist/index.cjs121.js +1 -1
  15. package/dist/index.cjs124.js +1 -1
  16. package/dist/index.cjs127.js +1 -1
  17. package/dist/index.cjs128.js +1 -1
  18. package/dist/index.cjs14.js +1 -1
  19. package/dist/index.cjs143.js +1 -1
  20. package/dist/index.cjs148.js +1 -1
  21. package/dist/index.cjs149.js +1 -1
  22. package/dist/index.cjs15.js +1 -1
  23. package/dist/index.cjs150.js +1 -1
  24. package/dist/index.cjs151.js +1 -1
  25. package/dist/index.cjs152.js +1 -1
  26. package/dist/index.cjs153.js +1 -1
  27. package/dist/index.cjs156.js +1 -1
  28. package/dist/index.cjs157.js +1 -1
  29. package/dist/index.cjs158.js +1 -1
  30. package/dist/index.cjs16.js +1 -1
  31. package/dist/index.cjs161.js +1 -1
  32. package/dist/index.cjs162.js +1 -1
  33. package/dist/index.cjs163.js +1 -1
  34. package/dist/index.cjs165.js +1 -1
  35. package/dist/index.cjs17.js +1 -1
  36. package/dist/index.cjs18.js +1 -1
  37. package/dist/index.cjs22.js +1 -1
  38. package/dist/index.cjs23.js +1 -1
  39. package/dist/index.cjs24.js +1 -1
  40. package/dist/index.cjs25.js +1 -1
  41. package/dist/index.cjs26.js +1 -1
  42. package/dist/index.cjs27.js +1 -1
  43. package/dist/index.cjs28.js +1 -1
  44. package/dist/index.cjs31.js +1 -1
  45. package/dist/index.cjs32.js +1 -1
  46. package/dist/index.cjs33.js +1 -1
  47. package/dist/index.cjs34.js +1 -1
  48. package/dist/index.cjs35.js +1 -1
  49. package/dist/index.cjs36.js +1 -1
  50. package/dist/index.cjs37.js +1 -1
  51. package/dist/index.cjs42.js +1 -1
  52. package/dist/index.cjs43.js +1 -1
  53. package/dist/index.cjs44.js +1 -1
  54. package/dist/index.cjs45.js +1 -1
  55. package/dist/index.cjs46.js +1 -1
  56. package/dist/index.cjs47.js +1 -1
  57. package/dist/index.cjs48.js +1 -1
  58. package/dist/index.cjs49.js +1 -1
  59. package/dist/index.cjs5.js +1 -1
  60. package/dist/index.cjs50.js +1 -1
  61. package/dist/index.cjs51.js +1 -1
  62. package/dist/index.cjs52.js +1 -1
  63. package/dist/index.cjs53.js +1 -1
  64. package/dist/index.cjs54.js +1 -1
  65. package/dist/index.cjs55.js +1 -1
  66. package/dist/index.cjs56.js +1 -1
  67. package/dist/index.cjs57.js +1 -1
  68. package/dist/index.cjs58.js +1 -1
  69. package/dist/index.cjs59.js +1 -1
  70. package/dist/index.cjs6.js +1 -1
  71. package/dist/index.cjs60.js +1 -1
  72. package/dist/index.cjs61.js +1 -1
  73. package/dist/index.cjs62.js +1 -1
  74. package/dist/index.cjs63.js +1 -1
  75. package/dist/index.cjs64.js +1 -1
  76. package/dist/index.cjs65.js +1 -1
  77. package/dist/index.cjs66.js +1 -1
  78. package/dist/index.cjs68.js +1 -1
  79. package/dist/index.cjs69.js +1 -1
  80. package/dist/index.cjs7.js +1 -1
  81. package/dist/index.cjs70.js +1 -1
  82. package/dist/index.cjs71.js +1 -1
  83. package/dist/index.cjs72.js +1 -1
  84. package/dist/index.cjs73.js +1 -1
  85. package/dist/index.cjs74.js +1 -1
  86. package/dist/index.cjs76.js +1 -1
  87. package/dist/index.cjs77.js +1 -1
  88. package/dist/index.cjs78.js +1 -1
  89. package/dist/index.cjs79.js +1 -1
  90. package/dist/index.cjs8.js +1 -1
  91. package/dist/index.cjs80.js +1 -1
  92. package/dist/index.cjs82.js +1 -1
  93. package/dist/index.cjs83.js +1 -1
  94. package/dist/index.cjs9.js +1 -1
  95. package/dist/index.es10.js +1 -1
  96. package/dist/index.es101.js +4 -2
  97. package/dist/index.es102.js +28 -4
  98. package/dist/index.es103.js +2 -4
  99. package/dist/index.es104.js +10 -28
  100. package/dist/index.es105.js +340 -2
  101. package/dist/index.es106.js +166 -8
  102. package/dist/index.es107.js +2 -340
  103. package/dist/index.es108.js +2 -166
  104. package/dist/index.es11.js +1 -1
  105. package/dist/index.es12.js +1 -1
  106. package/dist/index.es121.js +2 -2
  107. package/dist/index.es124.js +2 -2
  108. package/dist/index.es127.js +6 -6
  109. package/dist/index.es128.js +2 -2
  110. package/dist/index.es14.js +1 -1
  111. package/dist/index.es143.js +3 -3
  112. package/dist/index.es148.js +61 -10
  113. package/dist/index.es149.js +4 -61
  114. package/dist/index.es15.js +2 -2
  115. package/dist/index.es150.js +14 -4
  116. package/dist/index.es151.js +307 -10
  117. package/dist/index.es152.js +19 -304
  118. package/dist/index.es153.js +4 -26
  119. package/dist/index.es156.js +94 -4
  120. package/dist/index.es157.js +4 -94
  121. package/dist/index.es158.js +8 -2
  122. package/dist/index.es16.js +1 -1
  123. package/dist/index.es161.js +51 -4
  124. package/dist/index.es162.js +15 -47
  125. package/dist/index.es163.js +4 -19
  126. package/dist/index.es164.js +2 -2
  127. package/dist/index.es165.js +2 -2
  128. package/dist/index.es17.js +2 -2
  129. package/dist/index.es18.js +1 -1
  130. package/dist/index.es22.js +2 -2
  131. package/dist/index.es23.js +3 -3
  132. package/dist/index.es24.js +15 -15
  133. package/dist/index.es25.js +3 -3
  134. package/dist/index.es26.js +23 -23
  135. package/dist/index.es27.js +2 -2
  136. package/dist/index.es28.js +1 -1
  137. package/dist/index.es31.js +3 -3
  138. package/dist/index.es32.js +1 -1
  139. package/dist/index.es33.js +3 -3
  140. package/dist/index.es34.js +2 -2
  141. package/dist/index.es35.js +1 -1
  142. package/dist/index.es36.js +1 -1
  143. package/dist/index.es37.js +1 -1
  144. package/dist/index.es42.js +61 -26
  145. package/dist/index.es43.js +63 -26
  146. package/dist/index.es44.js +122 -17
  147. package/dist/index.es45.js +116 -16
  148. package/dist/index.es46.js +114 -15
  149. package/dist/index.es47.js +17 -33
  150. package/dist/index.es48.js +17 -171
  151. package/dist/index.es49.js +15 -79
  152. package/dist/index.es5.js +15 -15
  153. package/dist/index.es50.js +149 -109
  154. package/dist/index.es51.js +100 -48
  155. package/dist/index.es52.js +154 -128
  156. package/dist/index.es53.js +23 -116
  157. package/dist/index.es54.js +27 -108
  158. package/dist/index.es55.js +58 -88
  159. package/dist/index.es56.js +135 -24
  160. package/dist/index.es57.js +45 -48
  161. package/dist/index.es58.js +33 -39
  162. package/dist/index.es59.js +40 -3
  163. package/dist/index.es6.js +2 -2
  164. package/dist/index.es60.js +3 -160
  165. package/dist/index.es61.js +143 -75
  166. package/dist/index.es62.js +87 -17
  167. package/dist/index.es63.js +20 -99
  168. package/dist/index.es64.js +28 -11
  169. package/dist/index.es65.js +100 -162
  170. package/dist/index.es66.js +12 -64
  171. package/dist/index.es68.js +13 -10
  172. package/dist/index.es69.js +87 -11
  173. package/dist/index.es7.js +1 -1
  174. package/dist/index.es70.js +10 -13
  175. package/dist/index.es71.js +11 -87
  176. package/dist/index.es72.js +10 -7
  177. package/dist/index.es73.js +9 -17
  178. package/dist/index.es74.js +35 -139
  179. package/dist/index.es76.js +1 -1
  180. package/dist/index.es77.js +40 -10
  181. package/dist/index.es78.js +7 -10
  182. package/dist/index.es79.js +17 -44
  183. package/dist/index.es8.js +3 -3
  184. package/dist/index.es80.js +140 -31
  185. package/dist/index.es82.js +1 -1
  186. package/dist/index.es83.js +1 -1
  187. package/dist/index.es9.js +30 -29
  188. package/package.json +1 -1
@@ -1,165 +1,103 @@
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"
1
+ import { j as l } from "./index.es38.js";
2
+ import { cn as P } from "./index.es39.js";
3
+ import { SliderThumb as j } from "./index.es99.js";
4
+ const T = ({
5
+ state: r,
6
+ type: n,
7
+ showTypeValue: t,
8
+ suffix: c,
9
+ classNameFilled: a,
10
+ classNameUnfilled: m,
11
+ modeTooltip: b,
12
+ positionTooltip: h,
13
+ classNameThumb: d,
14
+ isHiddenValue: v,
15
+ suffixRangeCustom: e
16
+ }) => /* @__PURE__ */ l.jsxs("div", { className: "relative", children: [
17
+ t === "default" && !v ? /* @__PURE__ */ l.jsxs("div", { className: "flex justify-between", children: [
18
+ /* @__PURE__ */ l.jsxs(
19
+ "div",
20
+ {
21
+ className: "absolute top-4 text-sm text-neutral-900",
22
+ style: { left: `${r.getThumbPercent(0) * 100}%`, transform: "translateX(-50%)" },
23
+ children: [
24
+ r.values[0],
25
+ n === "range" && (e == null ? void 0 : e.left) || c
26
+ ]
158
27
  }
159
- },
160
- compoundVariants: [...t, ...r, ...i]
161
- }
162
- );
28
+ ),
29
+ n === "range" && /* @__PURE__ */ l.jsxs(
30
+ "div",
31
+ {
32
+ className: "absolute top-4 text-sm text-neutral-900",
33
+ style: { left: `${r.getThumbPercent(1) * 100}%`, transform: "translateX(-50%)" },
34
+ children: [
35
+ r.values[1],
36
+ (e == null ? void 0 : e.right) || c
37
+ ]
38
+ }
39
+ )
40
+ ] }) : null,
41
+ /* @__PURE__ */ l.jsx(
42
+ "div",
43
+ {
44
+ className: P("absolute top-1/2 h-2 w-full -translate-y-1/2 rounded-full bg-primary-100", m)
45
+ }
46
+ ),
47
+ /* @__PURE__ */ l.jsx(
48
+ "div",
49
+ {
50
+ className: P("absolute top-1/2 h-2 -translate-y-1/2 rounded-full bg-primary-500", a),
51
+ style: {
52
+ width: `${n === "range" ? r.getThumbPercent(1) * 100 - r.getThumbPercent(0) * 100 : r.getThumbPercent(0) * 100}%`,
53
+ left: n === "range" ? `${r.getThumbPercent(0) * 100}%` : "0%"
54
+ }
55
+ }
56
+ ),
57
+ n === "range" ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
58
+ /* @__PURE__ */ l.jsx(
59
+ j,
60
+ {
61
+ index: 0,
62
+ valuePercent: r.getThumbPercent(0),
63
+ value: r.values[0],
64
+ suffix: (e == null ? void 0 : e.left) || c,
65
+ modeTooltip: b,
66
+ positionTooltip: h,
67
+ showTypeValue: t,
68
+ isHiddenValue: v,
69
+ classNameThumb: d
70
+ }
71
+ ),
72
+ /* @__PURE__ */ l.jsx(
73
+ j,
74
+ {
75
+ index: 1,
76
+ valuePercent: r.getThumbPercent(1),
77
+ value: r.values[1],
78
+ suffix: (e == null ? void 0 : e.right) || c,
79
+ modeTooltip: b,
80
+ positionTooltip: h,
81
+ showTypeValue: t,
82
+ isHiddenValue: v,
83
+ classNameThumb: d
84
+ }
85
+ )
86
+ ] }) : /* @__PURE__ */ l.jsx(
87
+ j,
88
+ {
89
+ index: 0,
90
+ valuePercent: r.getThumbPercent(0),
91
+ value: r.values[0],
92
+ suffix: c,
93
+ modeTooltip: b,
94
+ positionTooltip: h,
95
+ showTypeValue: t,
96
+ isHiddenValue: v,
97
+ classNameThumb: d
98
+ }
99
+ )
100
+ ] });
163
101
  export {
164
- a as buttonVariants
102
+ T as SliderContainerTrack
165
103
  };
@@ -1,67 +1,15 @@
1
- import { j as e } from "./index.es38.js";
2
- import { CrossCircleIcon as m } from "./index.es40.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.es39.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,
15
- {
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
- ]
1
+ const o = (e, g, r = 1) => {
2
+ if (g === "range" && Array.isArray(e) && e.length === 2) {
3
+ const [t, f] = e;
4
+ if (f - t < r) {
5
+ if (t > f - r)
6
+ return [f - r, f];
7
+ if (f < t + r)
8
+ return [t, t + r];
34
9
  }
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,
38
- {
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
- ] });
10
+ }
11
+ return e;
12
+ };
65
13
  export {
66
- v as PopoverContent
14
+ o as validateMinDistance
67
15
  };
@@ -1,12 +1,15 @@
1
- import { j as n } from "./index.es38.js";
2
- import { cn as x } from "./index.es39.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.es38.js";
2
- import { UpChevronIcon as n, DownChevronIcon as o } from "./index.es40.js";
3
- import { Button as s } from "react-aria-components";
4
- import { cn as c } from "./index.es39.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 C, SelectValue as N } from "react-aria-components";
4
+ import { cn as r } from "./index.es39.js";
5
+ import { selectInputButtonVariants as v, selectInputBadgeVariants as B } from "./index.es43.js";
6
+ const $ = ({
7
+ ref: i,
8
+ isOpen: c,
9
+ setIsOpen: u,
10
+ size: n,
11
+ isDisabled: t,
12
+ classNameButton: p,
13
+ selectionMode: f,
14
+ maxLengthTextOption: m,
15
+ handleDeleteOptionSelected: h,
16
+ placeholder: d
17
+ }) => /* @__PURE__ */ e.jsxs(
18
+ C,
19
+ {
20
+ ref: i,
21
+ className: ({ isFocusVisible: l, isHovered: a }) => r(
22
+ v({
23
+ size: n,
24
+ isDisabled: t,
25
+ isFocusVisible: l,
26
+ isHovered: a
27
+ }),
28
+ p
29
+ ),
30
+ onPress: () => u(!c),
31
+ children: [
32
+ /* @__PURE__ */ e.jsx(N, { className: "flex flex-1 items-center gap-1 overflow-hidden", children: ({ selectedItems: l, selectedText: a, isPlaceholder: j }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: f === "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 o = s.label, g = o.length > m ? `${o.slice(0, m)}...` : o, x = s.value;
34
+ return /* @__PURE__ */ e.jsxs("div", { className: r(B({ size: n, isDisabled: t })), children: [
35
+ /* @__PURE__ */ e.jsx("span", { children: g }),
36
+ /* @__PURE__ */ e.jsx(
37
+ C,
38
+ {
39
+ className: r("outline-none", t ? "cursor-not-allowed" : ""),
40
+ isDisabled: t,
41
+ slot: null,
42
+ onPress: () => h(x),
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
+ ] }, x);
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: a || d
65
+ }
66
+ ) }) }),
67
+ /* @__PURE__ */ e.jsx(
68
+ "svg",
69
+ {
70
+ className: `${c ? "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
+ $ as SelectContent
14
90
  };
package/dist/index.es7.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { j as r } from "./index.es38.js";
2
2
  import { usePress as j, useHover as b, useFocusRing as F } from "react-aria";
3
3
  import { cn as N } from "./index.es39.js";
4
- import { assistChipVariants as C } from "./index.es47.js";
4
+ import { assistChipVariants as C } from "./index.es54.js";
5
5
  const q = (i) => {
6
6
  const {
7
7
  style: t = "square",
@@ -1,15 +1,12 @@
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
- }
1
+ import { j as n } from "./index.es38.js";
2
+ import { cn as x } from "./index.es39.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;
13
10
  export {
14
- d as useDebouncedValue
11
+ m as CaptionNumberField
15
12
  };
@@ -1,90 +1,14 @@
1
1
  import { j as e } from "./index.es38.js";
2
- import { CrossCircleIcon as w } from "./index.es40.js";
3
- import { Button as C, SelectValue as N } from "react-aria-components";
4
- import { cn as r } from "./index.es39.js";
5
- import { selectInputButtonVariants as v, selectInputBadgeVariants as B } from "./index.es49.js";
6
- const $ = ({
7
- ref: i,
8
- isOpen: c,
9
- setIsOpen: u,
10
- size: n,
11
- isDisabled: t,
12
- classNameButton: p,
13
- selectionMode: f,
14
- maxLengthTextOption: m,
15
- handleDeleteOptionSelected: h,
16
- placeholder: d
17
- }) => /* @__PURE__ */ e.jsxs(
18
- C,
19
- {
20
- ref: i,
21
- className: ({ isFocusVisible: l, isHovered: a }) => r(
22
- v({
23
- size: n,
24
- isDisabled: t,
25
- isFocusVisible: l,
26
- isHovered: a
27
- }),
28
- p
29
- ),
30
- onPress: () => u(!c),
31
- children: [
32
- /* @__PURE__ */ e.jsx(N, { className: "flex flex-1 items-center gap-1 overflow-hidden", children: ({ selectedItems: l, selectedText: a, isPlaceholder: j }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: f === "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 o = s.label, g = o.length > m ? `${o.slice(0, m)}...` : o, x = s.value;
34
- return /* @__PURE__ */ e.jsxs("div", { className: r(B({ size: n, isDisabled: t })), children: [
35
- /* @__PURE__ */ e.jsx("span", { children: g }),
36
- /* @__PURE__ */ e.jsx(
37
- C,
38
- {
39
- className: r("outline-none", t ? "cursor-not-allowed" : ""),
40
- isDisabled: t,
41
- slot: null,
42
- onPress: () => h(x),
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
- ] }, x);
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: a || d
65
- }
66
- ) }) }),
67
- /* @__PURE__ */ e.jsx(
68
- "svg",
69
- {
70
- className: `${c ? "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
- );
2
+ import { UpChevronIcon as n, DownChevronIcon as o } from "./index.es40.js";
3
+ import { Button as s } from "react-aria-components";
4
+ import { cn as c } from "./index.es39.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
+ };
88
12
  export {
89
- $ as SelectContent
13
+ x as StepperButton
90
14
  };
@@ -1,9 +1,12 @@
1
- import { getDefaultExportFromCjs as e } from "./index.es103.js";
2
- import "./index.es104.js";
3
- import { __exports as r } from "./index.es105.js";
4
- let o = r;
5
- var t = (o.__esModule ? o : { default: o }).default;
6
- const a = /* @__PURE__ */ e(t);
1
+ import { j as p } from "./index.es38.js";
2
+ import { useRef as f } from "react";
3
+ import { useTab as u } from "react-aria";
4
+ import { cn as x } from "./index.es39.js";
5
+ import { tabVariants as y } from "./index.es74.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
+ };
7
10
  export {
8
- a as default
11
+ D as Tab
9
12
  };
@@ -1,20 +1,12 @@
1
- import t from "./index.es106.js";
2
- import s from "@simpli-route/tailwind-preset";
3
- import o from "./index.es107.js";
4
- import e from "./index.es108.js";
5
- const { fontFamily: i } = t, l = {
6
- presets: [s],
7
- mode: "jit",
8
- content: ["./index.html", "./node_modules/@simpli-route/**/*.{js,ts,jsx,tsx}", "./src/**/*.{js,ts,jsx,tsx}"],
9
- theme: {
10
- extend: {
11
- fontFamily: {
12
- sans: ["var(--font-open-sans)", ...i.sans]
13
- }
14
- }
15
- },
16
- plugins: [o, e]
1
+ import { j as m } from "./index.es38.js";
2
+ import { useRef as l } from "react";
3
+ import { useTabPanel as p } from "react-aria";
4
+ import { cn as i } from "./index.es39.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 });
17
9
  };
18
10
  export {
19
- l as default
11
+ P as TabPanel
20
12
  };