@dito-uai/components 5.0.0-alpha29 → 5.0.0-alpha30

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 (171) hide show
  1. package/dist/index.cjs +52 -1489
  2. package/dist/index.d.ts +23 -2015
  3. package/dist/index.d.ts.map +1 -0
  4. package/dist/index.js +14 -1451
  5. package/dist/lib/colors-utils.d.ts +88 -0
  6. package/dist/lib/colors-utils.d.ts.map +1 -0
  7. package/dist/lib/css-util.d.ts +3 -0
  8. package/dist/lib/css-util.d.ts.map +1 -0
  9. package/dist/ui/avatar.d.ts +221 -0
  10. package/dist/ui/avatar.d.ts.map +1 -0
  11. package/dist/ui/badge.d.ts +264 -0
  12. package/dist/ui/badge.d.ts.map +1 -0
  13. package/dist/ui/button.d.ts +765 -0
  14. package/dist/ui/button.d.ts.map +1 -0
  15. package/dist/ui/card.d.ts +122 -0
  16. package/dist/ui/card.d.ts.map +1 -0
  17. package/dist/ui/checkbox.d.ts +4 -0
  18. package/dist/ui/checkbox.d.ts.map +1 -0
  19. package/dist/ui/chips.d.ts +416 -0
  20. package/dist/ui/chips.d.ts.map +1 -0
  21. package/dist/ui/collapse.d.ts +16 -0
  22. package/dist/ui/collapse.d.ts.map +1 -0
  23. package/dist/ui/collapsible.d.ts +11 -0
  24. package/dist/ui/collapsible.d.ts.map +1 -0
  25. package/dist/ui/form-item.d.ts +16 -0
  26. package/dist/ui/form-item.d.ts.map +1 -0
  27. package/dist/ui/form.d.ts +1 -0
  28. package/dist/ui/form.d.ts.map +1 -0
  29. package/dist/ui/indicator.d.ts +57 -0
  30. package/dist/ui/indicator.d.ts.map +1 -0
  31. package/dist/ui/input-description.d.ts +66 -0
  32. package/dist/ui/input-description.d.ts.map +1 -0
  33. package/dist/ui/input.d.ts +395 -0
  34. package/dist/ui/input.d.ts.map +1 -0
  35. package/dist/ui/internal/dropdown-content.d.ts +12 -0
  36. package/dist/ui/internal/dropdown-content.d.ts.map +1 -0
  37. package/dist/ui/label.d.ts +43 -0
  38. package/dist/ui/label.d.ts.map +1 -0
  39. package/dist/ui/progress-bar.d.ts +9 -0
  40. package/dist/ui/progress-bar.d.ts.map +1 -0
  41. package/dist/ui/progress.d.ts +57 -0
  42. package/dist/ui/progress.d.ts.map +1 -0
  43. package/dist/ui/radio.d.ts +10 -0
  44. package/dist/ui/radio.d.ts.map +1 -0
  45. package/dist/ui/scope.d.ts +209 -0
  46. package/dist/ui/scope.d.ts.map +1 -0
  47. package/dist/ui/search.d.ts +199 -0
  48. package/dist/ui/search.d.ts.map +1 -0
  49. package/dist/ui/sheets.d.ts +15 -0
  50. package/dist/ui/sheets.d.ts.map +1 -0
  51. package/dist/ui/status.d.ts +76 -0
  52. package/dist/ui/status.d.ts.map +1 -0
  53. package/dist/ui/text.d.ts +115 -0
  54. package/dist/ui/text.d.ts.map +1 -0
  55. package/dist/ui/textarea.d.ts +9 -0
  56. package/dist/ui/textarea.d.ts.map +1 -0
  57. package/dist/ui/toggle.d.ts +13 -0
  58. package/dist/ui/toggle.d.ts.map +1 -0
  59. package/package.json +1 -1
  60. package/dist/Alert/Alert.d.ts +0 -5
  61. package/dist/Alert/index.d.ts +0 -1
  62. package/dist/Avatar/Avatar.d.ts +0 -25
  63. package/dist/Avatar/index.d.ts +0 -1
  64. package/dist/Badge/Badge.d.ts +0 -21
  65. package/dist/Badge/index.d.ts +0 -1
  66. package/dist/Button/Button.d.ts +0 -17
  67. package/dist/Button/index.d.ts +0 -1
  68. package/dist/Card/Card.d.ts +0 -19
  69. package/dist/Card/ProgressCard.d.ts +0 -10
  70. package/dist/Card/RadioCard.d.ts +0 -17
  71. package/dist/Card/SelectCard.d.ts +0 -19
  72. package/dist/Card/StepCard.d.ts +0 -17
  73. package/dist/Card/index.d.ts +0 -5
  74. package/dist/CardsCanva/CardsCanva.d.ts +0 -16
  75. package/dist/CardsCanva/index.d.ts +0 -1
  76. package/dist/Checkbox/Checkbox.d.ts +0 -13
  77. package/dist/Checkbox/index.d.ts +0 -1
  78. package/dist/Chips/Chips.d.ts +0 -39
  79. package/dist/Chips/index.d.ts +0 -1
  80. package/dist/DatePicker/DatePicker.d.ts +0 -14
  81. package/dist/DatePicker/RangePicker.d.ts +0 -21
  82. package/dist/DatePicker/helpers/index.d.ts +0 -2
  83. package/dist/DatePicker/helpers/lang.d.ts +0 -25
  84. package/dist/DatePicker/helpers/ranges.d.ts +0 -20
  85. package/dist/DatePicker/index.d.ts +0 -4
  86. package/dist/DatePicker/language/en_US.d.ts +0 -3
  87. package/dist/DatePicker/language/index.d.ts +0 -2
  88. package/dist/DatePicker/language/pt_BR.d.ts +0 -3
  89. package/dist/Divider/Divider.d.ts +0 -8
  90. package/dist/Divider/index.d.ts +0 -1
  91. package/dist/ExternalLink/ExternalLink.d.ts +0 -9
  92. package/dist/ExternalLink/index.d.ts +0 -1
  93. package/dist/Flex/Flex.d.ts +0 -7
  94. package/dist/Flex/index.d.ts +0 -1
  95. package/dist/Form/Form.d.ts +0 -11
  96. package/dist/Form/index.d.ts +0 -1
  97. package/dist/Indicator/Indicator.d.ts +0 -19
  98. package/dist/Indicator/index.d.ts +0 -1
  99. package/dist/Input/Input.d.ts +0 -15
  100. package/dist/Input/TextArea.d.ts +0 -15
  101. package/dist/Input/index.d.ts +0 -1
  102. package/dist/Internal/ActionCard.d.ts +0 -10
  103. package/dist/Internal/Box.d.ts +0 -6
  104. package/dist/Internal/index.d.ts +0 -1
  105. package/dist/ListItem/ListItem.d.ts +0 -28
  106. package/dist/ListItem/index.d.ts +0 -1
  107. package/dist/Loading/Loading.d.ts +0 -25
  108. package/dist/Loading/index.d.ts +0 -1
  109. package/dist/Menu/Item.d.ts +0 -3
  110. package/dist/Menu/ItemsRadioGroup.d.ts +0 -14
  111. package/dist/Menu/Menu.d.ts +0 -10
  112. package/dist/Menu/SubMenu.d.ts +0 -4
  113. package/dist/Menu/index.d.ts +0 -2
  114. package/dist/Message/Message.d.ts +0 -20
  115. package/dist/Message/index.d.ts +0 -2
  116. package/dist/Pagination/Pagination.d.ts +0 -13
  117. package/dist/Pagination/index.d.ts +0 -1
  118. package/dist/Progress/Progress.d.ts +0 -10
  119. package/dist/Progress/ProgressBar.d.ts +0 -15
  120. package/dist/Progress/ProgressIndicator.d.ts +0 -8
  121. package/dist/Progress/index.d.ts +0 -4
  122. package/dist/Radio/Radio.d.ts +0 -16
  123. package/dist/Radio/index.d.ts +0 -1
  124. package/dist/ScopeButton/ScopeButton.d.ts +0 -22
  125. package/dist/ScopeButton/index.d.ts +0 -1
  126. package/dist/Search/Search.d.ts +0 -14
  127. package/dist/Select/Category.d.ts +0 -15
  128. package/dist/Select/CategoryFreeText.d.ts +0 -13
  129. package/dist/Select/Commons.d.ts +0 -24
  130. package/dist/Select/Multiple.d.ts +0 -13
  131. package/dist/Select/MultipleFreeText.d.ts +0 -11
  132. package/dist/Select/Select.d.ts +0 -24
  133. package/dist/Select/index.d.ts +0 -6
  134. package/dist/Select/types.d.ts +0 -61
  135. package/dist/Select/utils.d.ts +0 -6
  136. package/dist/Sheets/SheetTitleWithDescription.d.ts +0 -7
  137. package/dist/Sheets/Sheets.d.ts +0 -8
  138. package/dist/Sheets/index.d.ts +0 -1
  139. package/dist/Skeleton/Skeleton.d.ts +0 -53
  140. package/dist/Skeleton/index.d.ts +0 -1
  141. package/dist/Status/Status.d.ts +0 -8
  142. package/dist/Status/StatusMenu.d.ts +0 -17
  143. package/dist/Status/StatusSimple.d.ts +0 -19
  144. package/dist/Status/index.d.ts +0 -3
  145. package/dist/Steps/Step.d.ts +0 -12
  146. package/dist/Steps/Steps.d.ts +0 -7
  147. package/dist/Steps/index.d.ts +0 -2
  148. package/dist/Table/MenuHeader.d.ts +0 -16
  149. package/dist/Table/MenuRow.d.ts +0 -8
  150. package/dist/Table/Table.d.ts +0 -4
  151. package/dist/Table/TitleDropdown.d.ts +0 -4
  152. package/dist/Table/TitleHeader.d.ts +0 -11
  153. package/dist/Table/index.d.ts +0 -2
  154. package/dist/Table/types.d.ts +0 -63
  155. package/dist/Table/utils.d.ts +0 -6
  156. package/dist/Tabs/Tabs.d.ts +0 -7
  157. package/dist/Tabs/index.d.ts +0 -1
  158. package/dist/Text/Text.d.ts +0 -66
  159. package/dist/Text/index.d.ts +0 -1
  160. package/dist/TimePicker/NumberCarousel.d.ts +0 -8
  161. package/dist/TimePicker/TimeMenu.d.ts +0 -7
  162. package/dist/TimePicker/TimePicker.d.ts +0 -12
  163. package/dist/TimePicker/index.d.ts +0 -1
  164. package/dist/Toggle/Toggle.d.ts +0 -4
  165. package/dist/Toggle/index.d.ts +0 -1
  166. package/dist/Tooltip/Tooltip.d.ts +0 -11
  167. package/dist/Tooltip/index.d.ts +0 -1
  168. package/dist/index.cjs.js +0 -94996
  169. package/dist/index.cjs.js.map +0 -1
  170. package/dist/index.esm.js +0 -94910
  171. package/dist/index.esm.js.map +0 -1
package/dist/index.cjs CHANGED
@@ -1,1505 +1,68 @@
1
1
  'use strict';
2
2
 
3
- var React4 = require('react');
3
+ var W = require('react');
4
4
  var reactSlot = require('@radix-ui/react-slot');
5
5
  var tailwindMerge = require('tailwind-merge');
6
6
  var jsxRuntime = require('react/jsx-runtime');
7
7
  var clsx = require('clsx');
8
- var ToggleGroupPrimitive = require('@radix-ui/react-toggle-group');
9
- var RadixProgress = require('@radix-ui/react-progress');
10
- var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
8
+ var Z = require('@radix-ui/react-toggle-group');
9
+ var Ut = require('@radix-ui/react-progress');
10
+ var D = require('@radix-ui/react-collapsible');
11
11
  var icons = require('@dito-uai/icons');
12
12
  var reactDropdownMenu = require('@radix-ui/react-dropdown-menu');
13
13
  var reactCheckbox = require('@radix-ui/react-checkbox');
14
- var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
14
+ var A = require('@radix-ui/react-radio-group');
15
15
  var lucideReact = require('lucide-react');
16
16
 
17
17
  function _interopNamespace(e) {
18
- if (e && e.__esModule) return e;
19
- var n = Object.create(null);
20
- if (e) {
21
- Object.keys(e).forEach(function (k) {
22
- if (k !== 'default') {
23
- var d = Object.getOwnPropertyDescriptor(e, k);
24
- Object.defineProperty(n, k, d.get ? d : {
25
- enumerable: true,
26
- get: function () { return e[k]; }
27
- });
28
- }
29
- });
30
- }
31
- n.default = e;
32
- return Object.freeze(n);
18
+ if (e && e.__esModule) return e;
19
+ var n = Object.create(null);
20
+ if (e) {
21
+ Object.keys(e).forEach(function (k) {
22
+ if (k !== 'default') {
23
+ var d = Object.getOwnPropertyDescriptor(e, k);
24
+ Object.defineProperty(n, k, d.get ? d : {
25
+ enumerable: true,
26
+ get: function () { return e[k]; }
27
+ });
28
+ }
29
+ });
30
+ }
31
+ n.default = e;
32
+ return Object.freeze(n);
33
33
  }
34
34
 
35
- var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
36
- var ToggleGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(ToggleGroupPrimitive);
37
- var RadixProgress__namespace = /*#__PURE__*/_interopNamespace(RadixProgress);
38
- var CollapsiblePrimitive__namespace = /*#__PURE__*/_interopNamespace(CollapsiblePrimitive);
39
- var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
35
+ var W__namespace = /*#__PURE__*/_interopNamespace(W);
36
+ var Z__namespace = /*#__PURE__*/_interopNamespace(Z);
37
+ var Ut__namespace = /*#__PURE__*/_interopNamespace(Ut);
38
+ var D__namespace = /*#__PURE__*/_interopNamespace(D);
39
+ var A__namespace = /*#__PURE__*/_interopNamespace(A);
40
40
 
41
- // src/ui/avatar.tsx
42
-
43
- // ../../.yarn/__virtual__/tailwind-variants-virtual-5a8232b7d0/3/.yarn/berry/cache/tailwind-variants-npm-0.2.1-853f67f9ea-10c0.zip/node_modules/tailwind-variants/dist/chunk-JXBJZR5A.js
44
- var l = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e;
45
- var u = (e) => !e || typeof e != "object" || Object.keys(e).length === 0;
46
- var x = (e, o) => JSON.stringify(e) === JSON.stringify(o);
47
- function i(e, o) {
48
- e.forEach(function(r) {
49
- Array.isArray(r) ? i(r, o) : o.push(r);
50
- });
51
- }
52
- function y(e) {
53
- let o = [];
54
- return i(e, o), o;
55
- }
56
- var a = (...e) => y(e).filter(Boolean);
57
- var p = (e, o) => {
58
- let r = {}, c = Object.keys(e), f = Object.keys(o);
59
- for (let t of c) if (f.includes(t)) {
60
- let s = e[t], n = o[t];
61
- typeof s == "object" && typeof n == "object" ? r[t] = p(s, n) : Array.isArray(s) || Array.isArray(n) ? r[t] = a(n, s) : r[t] = n + " " + s;
62
- } else r[t] = e[t];
63
- for (let t of f) c.includes(t) || (r[t] = o[t]);
64
- return r;
65
- };
66
- var g = (e) => !e || typeof e != "string" ? e : e.replace(/\s+/g, " ").trim();
67
- var ie = { twMerge: true, twMergeConfig: {}, responsiveVariants: false };
68
- var _ = (s) => s || void 0;
69
- var M = (...s) => _(y(s).filter(Boolean).join(" "));
70
- var R = null;
71
- var v = {};
72
- var q = false;
73
- var j = (...s) => (b$1) => b$1.twMerge ? ((!R || q) && (q = false, R = u(v) ? tailwindMerge.twMerge : tailwindMerge.extendTailwindMerge({ ...v, extend: { theme: v.theme, classGroups: v.classGroups, conflictingClassGroupModifiers: v.conflictingClassGroupModifiers, conflictingClassGroups: v.conflictingClassGroups, ...v.extend } })), _(R(M(s)))) : M(s);
74
- var Z = (s, b) => {
75
- for (let e in b) s.hasOwnProperty(e) ? s[e] = M(s[e], b[e]) : s[e] = b[e];
76
- return s;
77
- };
78
- var ce = (s, b$1) => {
79
- let { extend: e = null, slots: N = {}, variants: F = {}, compoundVariants: U = [], compoundSlots: C = [], defaultVariants: W = {} } = s, m = { ...ie, ...b$1 }, S = e != null && e.base ? M(e.base, s == null ? void 0 : s.base) : s == null ? void 0 : s.base, g$1 = e != null && e.variants && !u(e.variants) ? p(F, e.variants) : F, A = e != null && e.defaultVariants && !u(e.defaultVariants) ? { ...e.defaultVariants, ...W } : W;
80
- !u(m.twMergeConfig) && !x(m.twMergeConfig, v) && (q = true, v = m.twMergeConfig);
81
- let O = u(e == null ? void 0 : e.slots), $ = u(N) ? {} : { base: M(s == null ? void 0 : s.base, O && (e == null ? void 0 : e.base)), ...N }, w = O ? $ : Z({ ...e == null ? void 0 : e.slots }, u($) ? { base: s == null ? void 0 : s.base } : $), h$1 = u(e == null ? void 0 : e.compoundVariants) ? U : a(e == null ? void 0 : e.compoundVariants, U), V = (f) => {
82
- if (u(g$1) && u(N) && O) return j(S, f == null ? void 0 : f.class, f == null ? void 0 : f.className)(m);
83
- if (h$1 && !Array.isArray(h$1)) throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof h$1}`);
84
- if (C && !Array.isArray(C)) throw new TypeError(`The "compoundSlots" prop must be an array. Received: ${typeof C}`);
85
- let K = (t, n, a2 = [], i2) => {
86
- let r = a2;
87
- if (typeof n == "string") r = r.concat(g(n).split(" ").map((o) => `${t}:${o}`));
88
- else if (Array.isArray(n)) r = r.concat(n.reduce((o, c) => o.concat(`${t}:${c}`), []));
89
- else if (typeof n == "object" && typeof i2 == "string") {
90
- for (let o in n) if (n.hasOwnProperty(o) && o === i2) {
91
- let c = n[o];
92
- if (c && typeof c == "string") {
93
- let l2 = g(c);
94
- r[i2] ? r[i2] = r[i2].concat(l2.split(" ").map((u2) => `${t}:${u2}`)) : r[i2] = l2.split(" ").map((u2) => `${t}:${u2}`);
95
- } else Array.isArray(c) && c.length > 0 && (r[i2] = c.reduce((l2, u2) => l2.concat(`${t}:${u2}`), []));
96
- }
97
- }
98
- return r;
99
- }, z = (t, n = g$1, a$1 = null, i2 = null) => {
100
- var J;
101
- let r = n[t];
102
- if (!r || u(r)) return null;
103
- let o = (J = i2 == null ? void 0 : i2[t]) != null ? J : f == null ? void 0 : f[t];
104
- if (o === null) return null;
105
- let c = l(o), l2 = Array.isArray(m.responsiveVariants) && m.responsiveVariants.length > 0 || m.responsiveVariants === true, u2 = A == null ? void 0 : A[t], d = [];
106
- if (typeof c == "object" && l2) for (let [T, L] of Object.entries(c)) {
107
- let ne = r[L];
108
- if (T === "initial") {
109
- u2 = L;
110
- continue;
111
- }
112
- Array.isArray(m.responsiveVariants) && !m.responsiveVariants.includes(T) || (d = K(T, ne, d, a$1));
113
- }
114
- let ae = c != null && typeof c != "object" ? c : l(u2), k = r[ae || "false"];
115
- return typeof d == "object" && typeof a$1 == "string" && d[a$1] ? Z(d, k) : d.length > 0 ? (d.push(k), d) : k;
116
- }, P = () => g$1 ? Object.keys(g$1).map((t) => z(t, g$1)) : null, p2 = (t, n) => {
117
- if (!g$1 || typeof g$1 != "object") return null;
118
- let a2 = new Array();
119
- for (let i2 in g$1) {
120
- let r = z(i2, g$1, t, n), o = t === "base" && typeof r == "string" ? r : r && r[t];
121
- o && (a2[a2.length] = o);
122
- }
123
- return a2;
124
- }, D = {};
125
- for (let t in f) f[t] !== void 0 && (D[t] = f[t]);
126
- let H = (t, n) => {
127
- var i2;
128
- let a2 = typeof (f == null ? void 0 : f[t]) == "object" ? { [t]: (i2 = f[t]) == null ? void 0 : i2.initial } : {};
129
- return { ...A, ...D, ...a2, ...n };
130
- }, I = (t = [], n) => {
131
- let a2 = [];
132
- for (let { class: i2, className: r, ...o } of t) {
133
- let c = true;
134
- for (let [l2, u2] of Object.entries(o)) {
135
- let d = H(l2, n);
136
- if (Array.isArray(u2)) {
137
- if (!u2.includes(d[l2])) {
138
- c = false;
139
- break;
140
- }
141
- } else if (d[l2] !== u2) {
142
- c = false;
143
- break;
144
- }
145
- }
146
- c && (i2 && a2.push(i2), r && a2.push(r));
147
- }
148
- return a2;
149
- }, ee = (t) => {
150
- let n = I(h$1, t);
151
- if (!Array.isArray(n)) return n;
152
- let a2 = {};
153
- for (let i2 of n) if (typeof i2 == "string" && (a2.base = j(a2.base, i2)(m)), typeof i2 == "object") for (let [r, o] of Object.entries(i2)) a2[r] = j(a2[r], o)(m);
154
- return a2;
155
- }, te = (t) => {
156
- if (C.length < 1) return null;
157
- let n = {};
158
- for (let { slots: a2 = [], class: i2, className: r, ...o } of C) {
159
- if (!u(o)) {
160
- let c = true;
161
- for (let l2 of Object.keys(o)) {
162
- let u2 = H(l2, t)[l2];
163
- if (u2 === void 0 || (Array.isArray(o[l2]) ? !o[l2].includes(u2) : o[l2] !== u2)) {
164
- c = false;
165
- break;
166
- }
167
- }
168
- if (!c) continue;
169
- }
170
- for (let c of a2) n[c] = n[c] || [], n[c].push([i2, r]);
171
- }
172
- return n;
173
- };
174
- if (!u(N) || !O) {
175
- let t = {};
176
- if (typeof w == "object" && !u(w)) for (let n of Object.keys(w)) t[n] = (a2) => {
177
- var i2, r;
178
- return j(w[n], p2(n, a2), ((i2 = ee(a2)) != null ? i2 : [])[n], ((r = te(a2)) != null ? r : [])[n], a2 == null ? void 0 : a2.class, a2 == null ? void 0 : a2.className)(m);
179
- };
180
- return t;
181
- }
182
- return j(S, P(), I(h$1), f == null ? void 0 : f.class, f == null ? void 0 : f.className)(m);
183
- }, x2 = () => {
184
- if (!(!g$1 || typeof g$1 != "object")) return Object.keys(g$1);
185
- };
186
- return V.variantKeys = x2(), V.extend = e, V.base = S, V.slots = w, V.variants = g$1, V.defaultVariants = A, V.compoundSlots = C, V.compoundVariants = h$1, V;
187
- };
188
- var avatarVariants = ce({
189
- base: "flex items-center justify-center rounded-full",
190
- variants: {
191
- color: { default: "bg-neutral-100", indigo: "bg-indigo-600" },
192
- type: {
193
- icon: "[&_path]:fill-neutral-500 [&_svg]:fill-neutral-500",
194
- capitals: "font-semibold text-neutral-500",
195
- image: "[&_img]:rounded-full"
196
- },
197
- size: {
198
- small: "size-4",
199
- medium: "size-5",
200
- large: "size-7"
201
- }
202
- },
203
- compoundVariants: [
204
- {
205
- size: "large",
206
- type: ["capitals", "icon"],
207
- className: "text-xl [&_svg]:size-5"
208
- },
209
- {
210
- size: "medium",
211
- type: ["capitals", "icon"],
212
- className: "text-lg [&_svg]:size-3"
213
- },
214
- {
215
- size: "small",
216
- type: ["capitals", "icon"],
217
- className: "text-base [&_svg]:size-2"
218
- },
219
- {
220
- color: "indigo",
221
- type: ["capitals", "icon"],
222
- className: "text-white [&_path]:fill-white [&_svg]:fill-white"
223
- }
224
- ],
225
- defaultVariants: {
226
- color: "default"
227
- }
228
- });
229
- var Avatar = React4__namespace.default.forwardRef(
230
- ({ className, color, type, size, children, asChild, ...props }, forwardedRef) => {
231
- const Comp = asChild ? reactSlot.Slot : "div";
232
- return /* @__PURE__ */ jsxRuntime.jsx(
233
- Comp,
234
- {
235
- className: avatarVariants({ color, type, size, className }),
236
- ref: forwardedRef,
237
- ...props,
238
- children
239
- }
240
- );
241
- }
242
- );
243
- Avatar.displayName = "Avatar";
244
- var avatar_default = Avatar;
245
- function cn(...inputs) {
246
- return tailwindMerge.twMerge(clsx.clsx(inputs));
247
- }
248
- var TextVariants = ce({
249
- base: "",
250
- variants: {
251
- size: {
252
- H1: "text-3xl",
253
- H2: "text-2xl",
254
- H3: "text-xl",
255
- large: "text-lg",
256
- base: "text-base",
257
- small: "text-sm",
258
- overline: "text-xs uppercase"
259
- },
260
- weight: {
261
- normal: "font-normal",
262
- medium: "font-medium",
263
- semibold: "font-semibold"
264
- }
265
- },
266
- defaultVariants: {
267
- size: "base",
268
- weight: "normal"
269
- }
270
- });
271
- var Text = ({ className, size, weight, children, ...props }) => {
272
- return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(TextVariants({ size, weight, className })), ...props, children });
273
- };
274
- Text.displayName = "Text";
275
- var text_default = Text;
276
- var badgeVariants = ce({
277
- base: "flex items-center justify-center rounded-full",
278
- variants: {
279
- contrast: { true: "", false: "" },
280
- status: {
281
- info: "bg-notification-information-100 text-notification-information-600",
282
- attention: "bg-notification-warning-100 text-notification-warning-900",
283
- white: "text-notification-information-600 bg-white"
284
- },
285
- size: {
286
- small: "h-2",
287
- normal: "h-3"
288
- },
289
- type: {
290
- pill: "w-fit px-1",
291
- dot: ""
292
- }
293
- },
294
- compoundVariants: [
295
- {
296
- status: "info",
297
- contrast: true,
298
- class: "bg-notification-information-600 text-white"
299
- },
300
- {
301
- status: "attention",
302
- contrast: true,
303
- class: "bg-notification-warning-600"
304
- },
305
- {
306
- type: "dot",
307
- size: "small",
308
- class: "w-2"
309
- },
310
- {
311
- type: "dot",
312
- size: "normal",
313
- class: "w-3"
314
- }
315
- ],
316
- defaultVariants: {
317
- status: "info",
318
- size: "normal",
319
- type: "pill"
320
- }
321
- });
322
- var Badge = React4__namespace.default.forwardRef(
323
- ({ className, status, size, type, contrast, children, asChild, ...props }, ref) => {
324
- const Comp = asChild ? reactSlot.Slot : "span";
325
- return /* @__PURE__ */ jsxRuntime.jsx(
326
- Comp,
327
- {
328
- className: badgeVariants({ status, size, type, contrast, className }),
329
- ref,
330
- ...props,
331
- children: /* @__PURE__ */ jsxRuntime.jsx(text_default, { size: "overline", weight: "semibold", children })
332
- }
333
- );
334
- }
335
- );
336
- Badge.displayName = "Badge";
337
- var badge_default = Badge;
338
- var buttonVariants = ce({
339
- variants: {
340
- appearance: {
341
- primary: {
342
- container: "bg-primary hover:bg-green-900 ",
343
- text: "text-white",
344
- icon: "fill-white [&_path]:fill-white"
345
- },
346
- secondary: {
347
- container: "border border-green-600 bg-white hover:bg-green-100 ",
348
- text: "text-green-600",
349
- icon: "fill-green-600 [&_path]:fill-green-600"
350
- },
351
- tertiary: {
352
- container: "border border-indigo-600 bg-white hover:bg-indigo-100 ",
353
- text: "text-indigo-600",
354
- icon: "fill-indigo-600 [&_path]:fill-indigo-600"
355
- },
356
- danger: {
357
- container: "border-notification-critical-600 hover:bg-notification-critical-600 group/danger border bg-white",
358
- text: "text-notification-critical-600 group-hover/danger:text-white",
359
- icon: "fill-notification-critical-600 [&_path]:fill-notification-critical-600 group-hover/danger:fill-white group-hover/danger:[&_path]:fill-white"
360
- },
361
- link: {
362
- container: "bg-white hover:bg-green-100 ",
363
- text: "text-green-600",
364
- icon: "fill-green-600 [&_path]:fill-green-600"
365
- },
366
- table: {
367
- container: "bg-white hover:bg-neutral-100 ",
368
- text: "text-neutral-400",
369
- icon: "fill-neutral-400 [&_path]:fill-neutral-400"
370
- }
371
- },
372
- size: {
373
- medium: {
374
- container: "h-5",
375
- icon: "text-base"
376
- },
377
- small: {
378
- container: "h-4",
379
- text: "mx-1 text-sm",
380
- icon: "group-data-[has-text=true]:ml-0"
381
- }
382
- },
383
- disabled: {
384
- true: {
385
- container: "pointer-events-none cursor-not-allowed border-neutral-200 bg-neutral-100",
386
- text: "text-neutral-300",
387
- icon: "fill-neutral-300 [&_path]:fill-neutral-300"
388
- },
389
- false: ""
390
- }
391
- },
392
- slots: {
393
- container: "group inline-flex items-center justify-center rounded-md p-1 focus:outline-none focus:ring-0 data-[has-icon=true]:gap-1",
394
- icon: "size-3 group-data-[has-text=true]:ml-1",
395
- text: "mx-2 group-data-[has-icon=true]:ml-0"
396
- },
397
- defaultVariants: {
398
- appearance: "primary",
399
- size: "medium"
400
- }
401
- });
402
- var Button = React4__namespace.default.forwardRef(
403
- ({
404
- className,
405
- appearance,
406
- size,
407
- disabled,
408
- children,
409
- asChild,
410
- icon: Icon,
411
- ...props
412
- }, ref) => {
413
- const Comp = asChild ? reactSlot.Slot : "button";
414
- const slots = buttonVariants({ appearance, size, disabled, className });
415
- return /* @__PURE__ */ jsxRuntime.jsxs(
416
- Comp,
417
- {
418
- "data-has-icon": !!Icon,
419
- "data-has-text": !!children,
420
- className: slots.container(),
421
- ref,
422
- ...props,
423
- children: [
424
- Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: slots.icon() }),
425
- children && /* @__PURE__ */ jsxRuntime.jsx(text_default, { size: "base", weight: "medium", className: slots.text(), children })
426
- ]
427
- }
428
- );
429
- }
430
- );
431
- Button.displayName = "Button";
432
- var button_default = Button;
433
- var cardVariants = ce({
434
- base: "flex w-full border border-gray-200 bg-white p-2",
435
- variants: {
436
- variant: {
437
- default: "rounded-m",
438
- big: "rounded-x",
439
- small: "rounded-s"
440
- },
441
- direction: {
442
- col: "flex-col",
443
- row: "flex-row"
444
- },
445
- padding: {
446
- none: "p-0",
447
- small: "p-1",
448
- medium: "p-2",
449
- big: "p-3"
450
- }
451
- },
452
- defaultVariants: {
453
- variant: "default",
454
- direction: "col",
455
- padding: "none"
456
- }
457
- });
458
- var Card = ({
459
- className,
460
- variant,
461
- direction,
462
- padding,
463
- children,
464
- ...props
465
- }) => {
466
- return /* @__PURE__ */ jsxRuntime.jsx(
467
- "div",
468
- {
469
- className: cn(cardVariants({ variant, direction, padding, className })),
470
- ...props,
471
- children
472
- }
473
- );
474
- };
475
- Card.displayName = "Card";
476
- var card_default = Card;
477
- var scopeVariants = ce({
478
- variants: {
479
- variant: {
480
- default: "",
481
- light: "",
482
- green: "",
483
- red: ""
484
- },
485
- size: {
486
- default: {
487
- container: "h-5"
488
- },
489
- small: {
490
- container: "h-4",
491
- text: "text-sm"
492
- }
493
- },
494
- disabled: {
495
- true: {
496
- container: "cursor-initial border-neutral-200 bg-neutral-100 text-neutral-300",
497
- icon: "[&_path]:fill-neutral-300 [&_svg]:fill-neutral-300"
498
- },
499
- false: {
500
- container: "border-neutral-200 text-neutral-500 hover:bg-neutral-100",
501
- icon: "[&_path]:fill-neutral-500 [&_svg]:fill-neutral-500"
502
- }
503
- }
504
- },
505
- compoundVariants: [
506
- {
507
- disabled: false,
508
- variant: "default",
509
- class: {
510
- container: "data-[state=on]:border-indigo-600 data-[state=on]:bg-indigo-600",
511
- text: "group-data-[state=on]:text-white",
512
- icon: "group-data-[state=on]:fill-white [&_path]:group-data-[state=on]:fill-white"
513
- }
514
- },
515
- {
516
- disabled: false,
517
- variant: "light",
518
- class: {
519
- container: "data-[state=on]:border-indigo-600 data-[state=on]:bg-indigo-100",
520
- text: "group-data-[state=on]:text-indigo-600",
521
- icon: "group-data-[state=on]:fill-indigo-600 [&_path]:group-data-[state=on]:fill-indigo-600"
522
- }
523
- },
524
- {
525
- disabled: false,
526
- variant: "green",
527
- class: {
528
- container: "data-[state=on]:border-notification-success-600 data-[state=on]:bg-notification-success-100",
529
- text: "group-data-[state=on]:text-notification-success-600",
530
- icon: "group-data-[state=on]:fill-notification-success-600 [&_path]:group-data-[state=on]:fill-notification-success-600"
531
- }
532
- },
533
- {
534
- disabled: false,
535
- variant: "red",
536
- class: {
537
- container: "data-[state=on]:border-notification-critical-600 data-[state=on]:bg-notification-critical-100",
538
- text: "group-data-[state=on]:text-notification-critical-600",
539
- icon: "group-data-[state=on]:fill-notification-critical-600 [&_path]:group-data-[state=on]:fill-notification-critical-600"
540
- }
541
- }
542
- ],
543
- slots: {
544
- container: "first:rounded-ss-m first:rounded-es-m last:rounded-se-m last:rounded-ee-m group flex items-center gap-1 border px-2 [&:nth-child(n+2)]:data-[state=off]:border-l-0",
545
- icon: "size-3",
546
- text: ""
547
- },
548
- defaultVariants: {
549
- disabled: false,
550
- variant: "default",
551
- size: "default"
552
- }
553
- });
554
- var ScopeGroupContext = React4__namespace.default.createContext({
555
- variant: "default",
556
- size: "default",
557
- disabled: false
558
- });
559
- var Group = React4__namespace.default.forwardRef(({ className, variant, children, size, disabled, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
560
- ToggleGroupPrimitive__namespace.Root,
561
- {
562
- ref,
563
- className: cn("flex items-center justify-center gap-0", className),
564
- ...props,
565
- type: "single",
566
- children: /* @__PURE__ */ jsxRuntime.jsx(
567
- ScopeGroupContext.Provider,
568
- {
569
- value: {
570
- variant,
571
- size,
572
- disabled
573
- },
574
- children
575
- }
576
- )
577
- }
578
- ));
579
- Group.displayName = "ScopeGroup";
580
- var Item2 = React4__namespace.default.forwardRef(({ className, variant, size, icon: Icon, text, disabled, ...props }, ref) => {
581
- const context = React4__namespace.default.useContext(ScopeGroupContext);
582
- const slots = scopeVariants({
583
- variant: context.variant || variant,
584
- size: context.size || size,
585
- disabled: context.disabled || disabled
586
- });
587
- return /* @__PURE__ */ jsxRuntime.jsxs(
588
- ToggleGroupPrimitive__namespace.Item,
589
- {
590
- ref,
591
- className: cn(slots.container(), className),
592
- disabled,
593
- ...props,
594
- children: [
595
- Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: slots.icon() }),
596
- /* @__PURE__ */ jsxRuntime.jsx(text_default, { size: "base", weight: "normal", className: slots.text(), children: text })
597
- ]
598
- }
599
- );
600
- });
601
- Item2.displayName = "ScopeItem";
602
- var Scope = {
603
- Group,
604
- Item: Item2
605
- };
606
- var scope_default = Scope;
607
- var ProgressBar = ({
608
- value,
609
- className,
610
- barBg,
611
- progressBg
612
- }) => {
613
- const translateClass = `-translate-x-[(-${100 - (value || 0)}%])`;
614
- return /* @__PURE__ */ jsxRuntime.jsx(
615
- RadixProgress.Root,
616
- {
617
- className: cn(
618
- className,
619
- barBg,
620
- "relative w-full overflow-hidden rounded-full "
621
- ),
622
- value,
623
- children: /* @__PURE__ */ jsxRuntime.jsx(
624
- RadixProgress.Indicator,
625
- {
626
- className: cn(
627
- className,
628
- "w-full flex-1 rounded-full",
629
- translateClass,
630
- progressBg
631
- )
632
- }
633
- )
634
- }
635
- );
636
- };
637
- var progress_bar_default = ProgressBar;
638
- var inputVariants = ce({
639
- variants: {
640
- disabled: {
641
- true: {
642
- input: "cursor-not-allowed bg-neutral-100 text-neutral-400",
643
- prefixIcon: "fill-neutral-300 [&_path]:fill-neutral-300",
644
- suffixIcon: "fill-neutral-300 [&_path]:fill-neutral-300"
645
- }
646
- },
647
- invalid: {
648
- true: {
649
- input: "border-notification-critical-600 focus:border-notification-critical-600"
650
- }
651
- },
652
- size: {
653
- medium: {
654
- prefixIcon: "top-1",
655
- suffixIcon: "top-1",
656
- input: "h-5"
657
- },
658
- small: {
659
- prefixIcon: "top-0.5",
660
- suffixIcon: "top-0.5",
661
- input: "h-4"
662
- }
663
- }
664
- },
665
- slots: {
666
- prefixIcon: "absolute left-1 top-1 size-3",
667
- input: "rounded-m flex w-full border border-neutral-200 p-2 text-base text-indigo-600 placeholder:font-light placeholder:text-neutral-400 focus:border-indigo-600 focus-visible:outline-none focus-visible:ring-0 disabled:cursor-not-allowed data-[has-prefix-icon=true]:pl-5 data-[has-suffix-icon=true]:pr-5",
668
- suffixIcon: "absolute right-1 top-1 size-3"
669
- },
670
- defaultVariants: {
671
- size: "medium"
672
- }
673
- });
674
- var Input = React4__namespace.default.forwardRef(
675
- ({ className, prefixIcon, suffixIcon, disabled, invalid, size, ...props }, ref) => {
676
- const slots = inputVariants();
677
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
678
- prefixIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: slots.prefixIcon({ invalid, size }), children: prefixIcon }),
679
- /* @__PURE__ */ jsxRuntime.jsx(
680
- "input",
681
- {
682
- disabled,
683
- "data-has-prefix-icon": !!prefixIcon,
684
- "data-has-suffix-icon": !!suffixIcon,
685
- className: cn(
686
- slots.input({ disabled, invalid, size }),
687
- className,
688
- "form-input"
689
- ),
690
- ref,
691
- ...props
692
- }
693
- ),
694
- suffixIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: slots.suffixIcon({ invalid, size }), children: suffixIcon })
695
- ] });
696
- }
697
- );
698
- Input.displayName = "Input";
699
- var input_default = Input;
700
- var Textarea = React4__namespace.forwardRef(
701
- ({ className, disabled, invalid, ...props }, ref) => {
702
- const { input } = inputVariants();
703
- return /* @__PURE__ */ jsxRuntime.jsx(
704
- "textarea",
705
- {
706
- className: cn("min-h-9", className, input({ disabled, invalid })),
707
- ref,
708
- ...props
709
- }
710
- );
711
- }
712
- );
713
- Textarea.displayName = "Textarea";
714
- var textarea_default = Textarea;
715
- var Sheet = ({
716
- title,
717
- children,
718
- isVisible,
719
- CloseIcon,
720
- maxWidth,
721
- onClose
722
- }) => {
723
- const [isOpen, setOpen] = React4.useState(isVisible);
724
- React4.useEffect(() => setOpen(isVisible), [isVisible]);
725
- const handleClose = (confirm) => {
726
- setOpen(false);
727
- if (onClose) onClose(confirm);
728
- };
729
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
730
- /* @__PURE__ */ jsxRuntime.jsx(
731
- "div",
732
- {
733
- className: cn(
734
- "fixed left-0 top-0 z-30 h-screen w-screen bg-black opacity-50",
735
- !isOpen ? "hidden" : void 0
736
- )
737
- }
738
- ),
739
- /* @__PURE__ */ jsxRuntime.jsxs(
740
- "div",
741
- {
742
- className: cn(
743
- "shadow-big fixed right-0 top-0 z-40 h-screen overflow-y-auto overflow-x-hidden rounded-l-lg bg-white transition-transform dark:bg-gray-800",
744
- maxWidth ? `max-w=[${maxWidth}]` : "max-w-3/4",
745
- !isOpen ? "translate-x-full" : void 0
746
- ),
747
- tabIndex: -1,
748
- "aria-labelledby": "drawer-label",
749
- children: [
750
- /* @__PURE__ */ jsxRuntime.jsxs(
751
- "div",
752
- {
753
- id: "drawer-label",
754
- className: cn(
755
- " mb-2 flex items-center justify-between border-b-2 border-slate-100 p-2 text-base font-semibold text-gray-500 dark:text-gray-400"
756
- ),
757
- children: [
758
- /* @__PURE__ */ jsxRuntime.jsx(text_default, { size: "H3", weight: "semibold", className: "text-navy-600", children: title }),
759
- /* @__PURE__ */ jsxRuntime.jsxs(
760
- "button",
761
- {
762
- type: "button",
763
- "data-drawer-hide": "drawer-example",
764
- "aria-controls": "drawer-example",
765
- className: cn(
766
- "b-0 ml-2 flex size-9 items-center justify-center rounded-lg bg-transparent text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white"
767
- ),
768
- onClick: () => handleClose,
769
- children: [
770
- CloseIcon ? /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(
771
- "svg",
772
- {
773
- width: "24",
774
- height: "24",
775
- viewBox: "0 0 24 24",
776
- fill: "none",
777
- xmlns: "http://www.w3.org/2000/svg",
778
- children: /* @__PURE__ */ jsxRuntime.jsx(
779
- "path",
780
- {
781
- "fill-rule": "evenodd",
782
- "clip-rule": "evenodd",
783
- d: "M6.70711 18.7071L18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.29289 17.2929C4.90237 17.6834 4.90237 18.3166 5.29289 18.7071C5.68342 19.0976 6.31658 19.0976 6.70711 18.7071ZM17.2929 18.7071L13.8201 15.2343C13.4296 14.8438 13.4296 14.2106 13.8201 13.8201C14.2106 13.4296 14.8438 13.4296 15.2343 13.8201L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071Z",
784
- fill: "#8D95A7"
785
- }
786
- )
787
- }
788
- ),
789
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close menu" })
790
- ]
791
- }
792
- )
793
- ]
794
- }
795
- ),
796
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(" relative h-full p-2"), children })
797
- ]
798
- }
799
- )
800
- ] });
801
- };
802
- Sheet.displayName = "Sheet";
803
- var sheets_default = Sheet;
804
- var toggleVariants = ce({
805
- base: "after:start-0.25 after:top-0.25 peer relative mr-1 h-3 w-5 rounded-full bg-neutral-200 after:absolute after:size-[20px] after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:bg-green-600 peer-checked:after:translate-x-2 peer-checked:after:border-white peer-focus:outline-none peer-focus:ring-0",
806
- variants: {
807
- disabled: {
808
- true: "cursor-not-allowed bg-neutral-100 after:border-neutral-100 peer-checked:bg-green-100 peer-checked:after:border-green-100"
809
- }
810
- }
811
- });
812
- var Toggle = React4.forwardRef(
813
- ({ className, name, disabled, children, ...props }, ref) => {
814
- return /* @__PURE__ */ jsxRuntime.jsxs(
815
- "label",
816
- {
817
- className: cn("inline-flex cursor-pointer items-center", className),
818
- children: [
819
- /* @__PURE__ */ jsxRuntime.jsx(
820
- "input",
821
- {
822
- ...props,
823
- ref,
824
- type: "checkbox",
825
- className: cn("peer sr-only"),
826
- name,
827
- disabled
828
- }
829
- ),
830
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: toggleVariants({ disabled }) }),
831
- /* @__PURE__ */ jsxRuntime.jsx(text_default, { children })
832
- ]
833
- }
834
- );
835
- }
836
- );
837
- Toggle.displayName = "Toggle";
838
- var toggle_default = Toggle;
839
- var collapse = ce({
840
- slots: {
841
- item: "mb-1 rounded-lg border-0 last:mb-0",
842
- trigger: "[&[data-state=open]]:rounded-t-m [&[data-state=open]]:bg-secondary-indigo-100 [&[data-state=closed]]:rounded-m flex h-7 w-full items-center border-0 p-1 text-left transition-all hover:bg-neutral-100 [&[data-disabled]]:cursor-not-allowed [&[data-disabled]]:bg-neutral-200 [&[data-disabled]]:text-neutral-400 [&[data-state=open]>svg]:rotate-180 [&[data-state=open]]:hover:bg-neutral-100",
843
- triggerIcon: "size-3 transition-transform duration-200",
844
- content: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down rounded-b-m overflow-hidden border transition-all"
845
- }
846
- });
847
- var { trigger, item, triggerIcon, content } = collapse();
848
- var CollapsibleRoot = React4__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
849
- CollapsiblePrimitive__namespace.Root,
850
- {
851
- ref,
852
- className: item({ className }),
853
- ...props
854
- }
855
- ));
856
- var CollapsibleTrigger2 = React4__namespace.default.forwardRef(({ className, triggerClassName, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
857
- CollapsiblePrimitive__namespace.CollapsibleTrigger,
858
- {
859
- ref,
860
- className: trigger({ className: triggerClassName }),
861
- ...props,
862
- children: [
863
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full", className), children }),
864
- /* @__PURE__ */ jsxRuntime.jsx(icons.IconOutlineChevronDown, { className: triggerIcon() })
865
- ]
866
- }
867
- ));
868
- var CollapsibleContent2 = React4__namespace.default.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
869
- CollapsiblePrimitive__namespace.CollapsibleContent,
870
- {
871
- ref,
872
- className: content(),
873
- ...props,
874
- children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("px-1 py-2", className), children })
875
- }
876
- ));
877
- var Collapsible = {
878
- Item: CollapsibleRoot,
879
- Trigger: CollapsibleTrigger2,
880
- Content: CollapsibleContent2
881
- };
882
- var collapsible_default = Collapsible;
883
- var indicatorVariants = ce({
884
- base: "text-medium flex h-3 items-center justify-center rounded-sm border border-neutral-200 px-1 py-0.5 [&_svg]:-ml-0.5 [&_svg]:w-2",
885
- variants: {
886
- status: {
887
- positive: "text-notification-success-600 [&_svg]:fill-notification-success-600",
888
- negative: "text-notification-critical-600 [&_svg]:fill-notification-critical-600",
889
- neutral: "text-notification-warning-900 [&_svg]:fill-notification-warning-900",
890
- info: "border-indigo-600 text-indigo-600"
891
- }
892
- }
893
- });
894
- var Indicator2 = React4__namespace.default.forwardRef(
895
- ({ className, status, value, icon, ...props }, ref) => {
896
- const Icon = {
897
- positive: /* @__PURE__ */ jsxRuntime.jsx(icons.IconOutlineArrowUp, {}),
898
- negative: /* @__PURE__ */ jsxRuntime.jsx(icons.IconOutlineArrowDown, {}),
899
- neutral: /* @__PURE__ */ jsxRuntime.jsx(icons.IconOutlineMinus, {})
900
- };
901
- return /* @__PURE__ */ jsxRuntime.jsxs(
902
- "div",
903
- {
904
- className: indicatorVariants({ status, className }),
905
- ref,
906
- ...props,
907
- children: [
908
- icon && Icon[icon],
909
- /* @__PURE__ */ jsxRuntime.jsxs(text_default, { size: "overline", weight: "semibold", children: [
910
- value,
911
- "%"
912
- ] })
913
- ]
914
- }
915
- );
916
- }
917
- );
918
- var indicator_default = Indicator2;
919
- var DropdownContent = ({
920
- options,
921
- selected,
922
- onChange,
923
- className
924
- }) => /* @__PURE__ */ jsxRuntime.jsx(reactDropdownMenu.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
925
- reactDropdownMenu.Content,
926
- {
927
- align: "start",
928
- className: cn(
929
- "shadow-down data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 rounded-md border bg-white p-1",
930
- className
931
- ),
932
- children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
933
- reactDropdownMenu.Item,
934
- {
935
- "data-selected": selected === option.value,
936
- className: "relative flex cursor-pointer select-none rounded-sm\n px-2 py-1 text-base font-normal text-neutral-500 outline-none\n transition-colors focus:bg-indigo-100 focus:text-indigo-600 \n data-[selected=true]:bg-indigo-100 data-[selected=true]:font-medium data-[selected=true]:text-indigo-600",
937
- onClick: () => onChange && onChange(option.value),
938
- children: option.text
939
- }
940
- ))
941
- }
942
- ) });
943
- var statusVariants = ce({
944
- base: "text-medium flex items-center justify-center rounded-sm px-1 py-0.5",
945
- variants: {
946
- status: {
947
- success: [
948
- "bg-notification-success-100",
949
- "text-notification-success-600",
950
- "[&_svg]:fill-notification-success-600 [&_span:nth-child(1)]:bg-notification-success-600"
951
- ],
952
- attention: [
953
- "bg-notification-warning-100",
954
- "text-notification-warning-900",
955
- "[&_svg]:fill-notification-warning-900 [&_span:nth-child(1)]:bg-notification-warning-900"
956
- ],
957
- info: [
958
- "bg-notification-information-100",
959
- "text-notification-information-600",
960
- "[&_svg]:fill-notification-information-600 [&_span:nth-child(1)]:bg-notification-information-600"
961
- ],
962
- error: [
963
- "bg-notification-critical-100",
964
- "text-notification-critical-900",
965
- "[&_svg]:fill-notification-critical-900 [&_span:nth-child(1)]:bg-notification-critical-900"
966
- ],
967
- disabled: [
968
- "bg-neutral-200 ",
969
- "text-neutral-500",
970
- "[&_span:nth-child(1)]:bg-neutral-500 [&_svg]:fill-neutral-500"
971
- ]
972
- }
973
- }
974
- });
975
- var Selected = ({ text }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-0.5", children: [
976
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-0.75 h-0.75 rounded-full bg-neutral-500" }),
977
- /* @__PURE__ */ jsxRuntime.jsx(text_default, { size: "overline", weight: "semibold", className: "select-none", children: text })
978
- ] });
979
- var StatusSimple = React4__namespace.default.forwardRef(
980
- ({ className, status, text, ...props }, ref) => {
981
- return /* @__PURE__ */ jsxRuntime.jsx(
982
- "div",
983
- {
984
- className: statusVariants({ status, className }),
985
- ref,
986
- ...props,
987
- children: /* @__PURE__ */ jsxRuntime.jsx(Selected, { text })
988
- }
989
- );
990
- }
991
- );
992
- var StatusMenu = React4__namespace.default.forwardRef(
993
- ({ className, status, options, value, onChange, ...props }, ref) => {
994
- const selected = options.find((op) => op.value === value);
995
- return /* @__PURE__ */ jsxRuntime.jsx(
996
- "div",
997
- {
998
- className: statusVariants({ status: selected == null ? void 0 : selected.status, className }),
999
- ref,
1000
- ...props,
1001
- children: /* @__PURE__ */ jsxRuntime.jsxs(reactDropdownMenu.Root, { children: [
1002
- /* @__PURE__ */ jsxRuntime.jsxs(reactDropdownMenu.Trigger, { className: "flex items-center gap-0.5 outline-none", children: [
1003
- /* @__PURE__ */ jsxRuntime.jsx(Selected, { text: (selected == null ? void 0 : selected.text) || "" }),
1004
- /* @__PURE__ */ jsxRuntime.jsx(icons.IconOutlineChevronDown, { "data-status": status, className: "-mr-0.5 size-2" })
1005
- ] }),
1006
- /* @__PURE__ */ jsxRuntime.jsx(
1007
- DropdownContent,
1008
- {
1009
- selected: selected == null ? void 0 : selected.value,
1010
- options,
1011
- onChange,
1012
- className: "-ml-1 mt-0.5"
1013
- }
1014
- )
1015
- ] })
1016
- }
1017
- );
1018
- }
1019
- );
1020
- var Status = {
1021
- Menu: StatusMenu,
1022
- ...StatusSimple
1023
- };
1024
- var status_default = Status;
1025
- var progressVariants = ce({
1026
- base: "text-midnight-blue-600",
1027
- variants: {
1028
- bg: {
1029
- indigo: "bg-midnight-blue-100",
1030
- white: "bg-white to-white"
1031
- }
1032
- }
1033
- });
1034
- var Indicator3 = React4__namespace.default.forwardRef(
1035
- ({ className, bg, value, withBar, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
1036
- "div",
1037
- {
1038
- className: cn(
1039
- progressVariants({ bg, className }),
1040
- "flex h-3 flex-col items-center justify-center rounded-full px-1"
1041
- ),
1042
- ref,
1043
- ...props,
1044
- children: [
1045
- /* @__PURE__ */ jsxRuntime.jsxs(text_default, { size: "overline", weight: "medium", children: [
1046
- value,
1047
- "%"
1048
- ] }),
1049
- withBar && /* @__PURE__ */ jsxRuntime.jsx(
1050
- progress_bar_default,
1051
- {
1052
- barBg: bg === "indigo" ? "bg-white" : "bg-midnight-blue-100",
1053
- progressBg: "bg-midnight-blue-600",
1054
- value,
1055
- className: "h-0.25 mb-0.5"
1056
- }
1057
- )
1058
- ]
1059
- }
1060
- )
1061
- );
1062
- var Circle = React4__namespace.default.forwardRef(
1063
- ({ className, bg, value, Icon, ...props }, ref) => {
1064
- return /* @__PURE__ */ jsxRuntime.jsx(
1065
- RadixProgress__namespace.Root,
1066
- {
1067
- ref,
1068
- className: cn(
1069
- progressVariants({ bg }),
1070
- `text-midnight-blue-600 [&_svg]:fill-midnight-blue-600 [&_path]:fill-midnight-blue-600 relative flex size-6 items-center justify-center rounded-full`,
1071
- `bg-[conic-gradient(var(--tw-gradient-stops))] from-midnight-blue-600 to-midnight-blue-100 p-0.5`,
1072
- className
1073
- ),
1074
- ...props,
1075
- children: /* @__PURE__ */ jsxRuntime.jsx(
1076
- "div",
1077
- {
1078
- className: cn(
1079
- progressVariants({ bg }),
1080
- "flex size-full items-center justify-center rounded-full"
1081
- ),
1082
- children: Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-3" }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end", children: [
1083
- /* @__PURE__ */ jsxRuntime.jsx(text_default, { weight: "medium", children: value }),
1084
- /* @__PURE__ */ jsxRuntime.jsx(text_default, { size: "overline", weight: "medium", children: "%" })
1085
- ] })
1086
- }
1087
- )
1088
- }
1089
- );
1090
- }
1091
- );
1092
- var Expanded = React4__namespace.default.forwardRef(
1093
- ({ className, bg, value, text, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
1094
- "div",
1095
- {
1096
- "data-bg": bg,
1097
- className: cn(
1098
- progressVariants({ bg, className }),
1099
- `rounded-m data-[bg=white]:border-midnight-blue-600 flex w-full flex-col items-center justify-center gap-1
1100
- p-2 data-[bg=white]:border`
1101
- ),
1102
- ref,
1103
- ...props,
1104
- children: [
1105
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-1", children: [
1106
- /* @__PURE__ */ jsxRuntime.jsx(text_default, { weight: "normal", children: text }),
1107
- /* @__PURE__ */ jsxRuntime.jsx(Indicator3, { value, bg: bg === "white" ? "indigo" : "white" })
1108
- ] }),
1109
- /* @__PURE__ */ jsxRuntime.jsx(
1110
- progress_bar_default,
1111
- {
1112
- barBg: bg === "indigo" ? "bg-white" : "bg-midnight-blue-100",
1113
- progressBg: "bg-midnight-blue-600",
1114
- value,
1115
- className: "h-1"
1116
- }
1117
- )
1118
- ]
1119
- }
1120
- )
1121
- );
1122
- var Progress = {
1123
- Indicator: Indicator3,
1124
- Circle,
1125
- Expanded
1126
- };
1127
- var progress_default = Progress;
1128
- var chipsVariants = ce({
1129
- variants: {
1130
- size: {
1131
- small: {
1132
- container: "h-3",
1133
- icon: "size-2"
1134
- },
1135
- medium: {
1136
- container: "h-4",
1137
- icon: "size-3"
1138
- }
1139
- },
1140
- border: {
1141
- true: {
1142
- container: "border border-neutral-200 text-neutral-500",
1143
- icon: "fill-neutral-400 [&_path]:fill-neutral-400"
1144
- },
1145
- false: {
1146
- container: "bg-indigo-100 text-indigo-600",
1147
- icon: "fill-indigo-600 [&_path]:fill-indigo-600"
1148
- }
1149
- },
1150
- active: {
1151
- true: {
1152
- container: "bg-indigo-600 text-white hover:bg-indigo-900",
1153
- icon: "fill-white [&_path]:fill-white"
1154
- }
1155
- }
1156
- },
1157
- slots: {
1158
- container: "group flex items-center rounded-full px-1 hover:border-0 hover:bg-indigo-600 hover:font-medium hover:text-white",
1159
- icon: "group-hover:[&_path]:fill-white group-hover:[&_svg]:fill-white"
1160
- },
1161
- defaultVariants: {
1162
- size: "medium",
1163
- border: false,
1164
- active: false
1165
- }
1166
- });
1167
- var Chips = React4__namespace.default.forwardRef(
1168
- ({
1169
- className,
1170
- size,
1171
- icon: Icon,
1172
- text,
1173
- asChild,
1174
- value,
1175
- border,
1176
- active,
1177
- onClose,
1178
- ...props
1179
- }, ref) => {
1180
- const Comp = asChild ? reactSlot.Slot : "div";
1181
- const slots = chipsVariants();
1182
- return /* @__PURE__ */ jsxRuntime.jsxs(
1183
- Comp,
1184
- {
1185
- className: slots.container({ size, border, active, className }),
1186
- ref,
1187
- ...props,
1188
- children: [
1189
- Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: slots.icon({ size, border, active }) }),
1190
- /* @__PURE__ */ jsxRuntime.jsx(text_default, { size: "base", weight: "normal", className: "mx-1", children: text }),
1191
- onClose && /* @__PURE__ */ jsxRuntime.jsx(
1192
- icons.IconOutlineClose,
1193
- {
1194
- onClick: () => onClose(value),
1195
- className: cn(
1196
- slots.icon({ size, border, active }),
1197
- "cursor-pointer"
1198
- )
1199
- }
1200
- )
1201
- ]
1202
- }
1203
- );
1204
- }
1205
- );
1206
- Chips.displayName = "Chips";
1207
- var chips_default = Chips;
1208
- var labelVariants = ce({
1209
- base: "text-navy-600 text-base font-medium",
1210
- variants: {
1211
- invalid: {
1212
- true: "text-notification-critical-600"
1213
- }
1214
- }
1215
- });
1216
- var Label = ({
1217
- className,
1218
- text,
1219
- suffix: Suffix,
1220
- invalid,
1221
- htmlFor,
1222
- ...props
1223
- }) => /* @__PURE__ */ jsxRuntime.jsxs(
1224
- "div",
1225
- {
1226
- className: cn("mb-0.5 flex items-center gap-0.5 [&_svg]:w-2", className),
1227
- ...props,
1228
- children: [
1229
- /* @__PURE__ */ jsxRuntime.jsx("label", { className: labelVariants({ invalid }), htmlFor, children: text }),
1230
- Suffix && /* @__PURE__ */ jsxRuntime.jsx(Suffix, {})
1231
- ]
1232
- }
1233
- );
1234
- Label.displayName = "Label";
1235
- var label_default = Label;
1236
- var inputDescriptionVariants = ce({
1237
- variants: {
1238
- invalid: {
1239
- true: {
1240
- text: "text-notification-critical-600"
1241
- }
1242
- }
1243
- },
1244
- slots: {
1245
- text: "text-sm text-neutral-500",
1246
- counter: "py-0.25 flex h-[20px] items-center rounded-full bg-neutral-100 px-0.5 text-neutral-500"
1247
- }
1248
- });
1249
- var InputDescription = ({
1250
- className,
1251
- text,
1252
- counter,
1253
- maxLength,
1254
- invalid,
1255
- valueLength,
1256
- ...props
1257
- }) => {
1258
- const slots = inputDescriptionVariants();
1259
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-0.5 flex justify-between", className), ...props, children: [
1260
- text && /* @__PURE__ */ jsxRuntime.jsx("span", { className: slots.text({ invalid }), children: text }),
1261
- counter && maxLength && /* @__PURE__ */ jsxRuntime.jsx("div", { className: slots.counter(), children: /* @__PURE__ */ jsxRuntime.jsxs(text_default, { size: "overline", weight: "semibold", children: [
1262
- valueLength || 0,
1263
- "/",
1264
- maxLength
1265
- ] }) })
1266
- ] });
1267
- };
1268
- InputDescription.displayName = "InputDescription";
1269
- var input_description_default = InputDescription;
1270
- var FormItem = ({
1271
- id,
1272
- className,
1273
- label,
1274
- description,
1275
- errorMessage,
1276
- invalid,
1277
- children,
1278
- disabled,
1279
- value,
1280
- maxLength,
1281
- ...props
1282
- }) => {
1283
- const descriptionText = errorMessage || description.text;
1284
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col", className), ...props, children: [
1285
- /* @__PURE__ */ jsxRuntime.jsx(label_default, { ...label, invalid, htmlFor: id }),
1286
- React4__namespace.default.cloneElement(children, {
1287
- id,
1288
- invalid,
1289
- disabled,
1290
- value
1291
- }),
1292
- /* @__PURE__ */ jsxRuntime.jsx(
1293
- input_description_default,
1294
- {
1295
- ...description,
1296
- text: descriptionText,
1297
- invalid,
1298
- maxLength,
1299
- valueLength: value == null ? void 0 : value.length
1300
- }
1301
- )
1302
- ] });
1303
- };
1304
- var form_item_default = FormItem;
1305
- var checkboxVariants = ce({
1306
- variants: {
1307
- checked: {
1308
- false: {
1309
- checkbox: "hover:border-primary border-neutral-400 bg-white hover:bg-green-100"
1310
- },
1311
- indeterminate: {}
1312
- },
1313
- disabled: {
1314
- true: {
1315
- checkbox: "disabled:cursor-not-allowed disabled:border-neutral-200 disabled:bg-neutral-100",
1316
- icon: "fill-neutral-300 [&_path]:fill-neutral-300 [&_rect]:fill-neutral-300"
1317
- }
1318
- }
1319
- },
1320
- slots: {
1321
- checkbox: "bg-primary border-primary focus-visible:rind-0 peer size-[20px] shrink-0 rounded-md border-2 text-white focus-visible:outline-none",
1322
- icon: "size-2 fill-white [&_path]:fill-white [&_rect]:fill-white"
1323
- }
1324
- });
1325
- var Checkbox = React4__namespace.default.forwardRef(({ className, checked, defaultChecked, disabled, ...props }, ref) => {
1326
- const slots = checkboxVariants();
1327
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-3 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
1328
- reactCheckbox.Root,
1329
- {
1330
- ref,
1331
- className: cn(slots.checkbox({ checked, disabled }), className),
1332
- checked,
1333
- defaultChecked,
1334
- disabled,
1335
- ...props,
1336
- children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "-ml-0.5 -mt-0.5 flex size-3 items-center justify-center", children: [
1337
- (checked === "indeterminate" || defaultChecked === "indeterminate") && /* @__PURE__ */ jsxRuntime.jsx(icons.IconOutlineLine, { className: slots.icon({ disabled }) }),
1338
- (checked === true || defaultChecked === true) && /* @__PURE__ */ jsxRuntime.jsx(icons.IconOutlineCheck, { className: slots.icon({ disabled }) })
1339
- ] })
1340
- }
1341
- ) });
1342
- });
1343
- Checkbox.displayName = reactCheckbox.Root.displayName;
1344
- var checkbox_default = Checkbox;
1345
- var Group2 = React4__namespace.default.forwardRef(({ className, disabled, ...props }, ref) => {
1346
- return /* @__PURE__ */ jsxRuntime.jsx(
1347
- RadioGroupPrimitive__namespace.Root,
1348
- {
1349
- className: cn("grid gap-1", className),
1350
- disabled,
1351
- ...props,
1352
- ref
1353
- }
1354
- );
1355
- });
1356
- Group2.displayName = RadioGroupPrimitive__namespace.Root.displayName;
1357
- var Item5 = React4__namespace.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
1358
- RadioGroupPrimitive__namespace.Item,
1359
- {
1360
- ref,
1361
- className: cn(
1362
- "group aspect-square size-[20px] rounded-full border-2 border-neutral-400 bg-white hover:border-green-600 hover:bg-green-100 focus:outline-none focus-visible:ring-0 disabled:cursor-not-allowed disabled:border-neutral-200 disabled:bg-neutral-100 [&:not(:disabled)]:data-[state=checked]:border-green-600",
1363
- className
1364
- ),
1365
- ...props,
1366
- children: /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Indicator, { className: "text-primary flex items-center justify-center group-disabled:text-neutral-300", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "fill-primary size-[12px] group-disabled:fill-neutral-300" }) })
1367
- }
1368
- ));
1369
- Item5.displayName = RadioGroupPrimitive__namespace.Item.displayName;
1370
- var Radio = {
1371
- Group: Group2,
1372
- Item: Item5
1373
- };
1374
- var radio_default = Radio;
1375
- var searchVariants = ce({
1376
- base: "flex items-center justify-center rounded-full",
1377
- variants: {
1378
- size: {
1379
- small: {
1380
- trigger: "my-0.5",
1381
- dropdown: "mt-0.5"
1382
- },
1383
- medium: {
1384
- trigger: "my-1",
1385
- dropdown: "mt-1"
1386
- }
1387
- },
1388
- disabled: {
1389
- true: {
1390
- container: "cursor-not-allowed border-neutral-200",
1391
- input: "bg-white text-neutral-300",
1392
- trigger: "cursor-not-allowed text-neutral-300 [&_path]:fill-neutral-300"
1393
- },
1394
- false: {
1395
- container: "focus-within:border-indigo-600 hover:border-indigo-600"
1396
- }
1397
- }
1398
- },
1399
- slots: {
1400
- input: "data-[scope=false]hover:bg-indigo-100 pointer-events-auto border-0 bg-white pr-5",
1401
- trigger: "br-neutral-100 border-r-1 flex w-fit items-center gap-0.5 border border-y-0 border-l-0 border-neutral-100 bg-white pl-2 pr-1 text-indigo-600 focus-visible:outline-none [&_svg]:fill-indigo-600",
1402
- dropdown: "",
1403
- container: "rounded-m flex border border-neutral-200 "
1404
- },
1405
- defaultVariants: {
1406
- size: "medium"
1407
- }
1408
- });
1409
- var Search = React4__namespace.forwardRef(
1410
- ({ className, disabled, invalid, size, value, onChange, scope, ...props }, ref) => {
1411
- const slotsInput = inputVariants();
1412
- const slotsSearch = searchVariants();
1413
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: slotsSearch.container({ disabled }), children: [
1414
- scope && /* @__PURE__ */ jsxRuntime.jsx(ScopeSelect, { disabled, scope, size }),
1415
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "peer relative", children: [
1416
- /* @__PURE__ */ jsxRuntime.jsx(
1417
- "input",
1418
- {
1419
- value,
1420
- onChange,
1421
- disabled,
1422
- "data-scoped": !!scope,
1423
- className: cn(
1424
- slotsInput.input({ disabled, invalid, size }),
1425
- slotsSearch.input(),
1426
- className
1427
- ),
1428
- ref,
1429
- ...props
1430
- }
1431
- ),
1432
- /* @__PURE__ */ jsxRuntime.jsx(
1433
- "div",
1434
- {
1435
- "data-hasValue": !!value,
1436
- className: `data-[hasValue=true]:cursor-pointer ${slotsInput.suffixIcon({ size, disabled })}`,
1437
- children: value ? /* @__PURE__ */ jsxRuntime.jsx(
1438
- icons.IconOutlineClose,
1439
- {
1440
- onClick: () => onChange && onChange({
1441
- target: { value: "" }
1442
- })
1443
- }
1444
- ) : /* @__PURE__ */ jsxRuntime.jsx(icons.IconOutlineSearch, {})
1445
- }
1446
- )
1447
- ] })
1448
- ] });
1449
- }
1450
- );
1451
- var ScopeSelect = ({
1452
- scope: { selected, options, onChange },
1453
- disabled,
1454
- size
1455
- }) => {
1456
- const selectedOption = options.find(({ value }) => value === selected);
1457
- const slotsSearch = searchVariants();
1458
- return /* @__PURE__ */ jsxRuntime.jsxs(reactDropdownMenu.Root, { children: [
1459
- /* @__PURE__ */ jsxRuntime.jsxs(
1460
- reactDropdownMenu.Trigger,
1461
- {
1462
- className: slotsSearch.trigger({ size, disabled }),
1463
- disabled,
1464
- children: [
1465
- /* @__PURE__ */ jsxRuntime.jsx(text_default, { size: "small", weight: "medium", children: selectedOption == null ? void 0 : selectedOption.text }),
1466
- /* @__PURE__ */ jsxRuntime.jsx(icons.IconOutlineChevronDown, { className: "-mr-0.5 size-3" })
1467
- ]
1468
- }
1469
- ),
1470
- /* @__PURE__ */ jsxRuntime.jsx(
1471
- DropdownContent,
1472
- {
1473
- selected,
1474
- options,
1475
- onChange,
1476
- className: slotsSearch.dropdown({ size })
1477
- }
1478
- )
1479
- ] });
1480
- };
1481
- Search.displayName = "Search";
1482
- var search_default = Search;
41
+ var at=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,C=t=>!t||typeof t!="object"||Object.keys(t).length===0,Nt=(t,o)=>JSON.stringify(t)===JSON.stringify(o);function Vt(t,o){t.forEach(function(e){Array.isArray(e)?Vt(e,o):o.push(e);});}function it(t){let o=[];return Vt(t,o),o}var nt=(...t)=>it(t).filter(Boolean),st=(t,o)=>{let e={},r=Object.keys(t),a=Object.keys(o);for(let i of r)if(a.includes(i)){let n=t[i],l=o[i];typeof n=="object"&&typeof l=="object"?e[i]=st(n,l):Array.isArray(n)||Array.isArray(l)?e[i]=nt(l,n):e[i]=l+" "+n;}else e[i]=t[i];for(let i of a)r.includes(i)||(e[i]=o[i]);return e},lt=t=>!t||typeof t!="string"?t:t.replace(/\s+/g," ").trim();var Re={twMerge:!0,twMergeConfig:{},responsiveVariants:!1},Mt=t=>t||void 0,B=(...t)=>Mt(it(t).filter(Boolean).join(" ")),pt=null,V={},ct=!1,O=(...t)=>o=>o.twMerge?((!pt||ct)&&(ct=!1,pt=C(V)?tailwindMerge.twMerge:tailwindMerge.extendTailwindMerge({...V,extend:{theme:V.theme,classGroups:V.classGroups,conflictingClassGroupModifiers:V.conflictingClassGroupModifiers,conflictingClassGroups:V.conflictingClassGroups,...V.extend}})),Mt(pt(B(t)))):B(t),It=(t,o)=>{for(let e in o)t.hasOwnProperty(e)?t[e]=B(t[e],o[e]):t[e]=o[e];return t},c=(t,o)=>{let{extend:e=null,slots:r={},variants:a={},compoundVariants:i=[],compoundSlots:n=[],defaultVariants:l={}}=t,p={...Re,...o},P=e!=null&&e.base?B(e.base,t==null?void 0:t.base):t==null?void 0:t.base,h=e!=null&&e.variants&&!C(e.variants)?st(a,e.variants):a,M=e!=null&&e.defaultVariants&&!C(e.defaultVariants)?{...e.defaultVariants,...l}:l;!C(p.twMergeConfig)&&!Nt(p.twMergeConfig,V)&&(ct=!0,V=p.twMergeConfig);let L=C(e==null?void 0:e.slots),et=C(r)?{}:{base:B(t==null?void 0:t.base,L&&(e==null?void 0:e.base)),...r},G=L?et:It({...e==null?void 0:e.slots},C(et)?{base:t==null?void 0:t.base}:et),_=C(e==null?void 0:e.compoundVariants)?i:nt(e==null?void 0:e.compoundVariants,i),N=R=>{if(C(h)&&C(r)&&L)return O(P,R==null?void 0:R.class,R==null?void 0:R.className)(p);if(_&&!Array.isArray(_))throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof _}`);if(n&&!Array.isArray(n))throw new TypeError(`The "compoundSlots" prop must be an array. Received: ${typeof n}`);let ue=(d,m,f=[],g)=>{let u=f;if(typeof m=="string")u=u.concat(lt(m).split(" ").map(x=>`${d}:${x}`));else if(Array.isArray(m))u=u.concat(m.reduce((x,y)=>x.concat(`${d}:${y}`),[]));else if(typeof m=="object"&&typeof g=="string"){for(let x in m)if(m.hasOwnProperty(x)&&x===g){let y=m[x];if(y&&typeof y=="string"){let w=lt(y);u[g]?u[g]=u[g].concat(w.split(" ").map(T=>`${d}:${T}`)):u[g]=w.split(" ").map(T=>`${d}:${T}`);}else Array.isArray(y)&&y.length>0&&(u[g]=y.reduce((w,T)=>w.concat(`${d}:${T}`),[]));}}return u},wt=(d,m=h,f=null,g=null)=>{var u;let x=m[d];if(!x||C(x))return null;let y=(u=g==null?void 0:g[d])!=null?u:R==null?void 0:R[d];if(y===null)return null;let w=at(y),T=Array.isArray(p.responsiveVariants)&&p.responsiveVariants.length>0||p.responsiveVariants===!0,k=M==null?void 0:M[d],E=[];if(typeof w=="object"&&T)for(let[rt,Ct]of Object.entries(w)){let ye=x[Ct];if(rt==="initial"){k=Ct;continue}Array.isArray(p.responsiveVariants)&&!p.responsiveVariants.includes(rt)||(E=ue(rt,ye,E,f));}let he=w!=null&&typeof w!="object"?w:at(k),ot=x[he||"false"];return typeof E=="object"&&typeof f=="string"&&E[f]?It(E,ot):E.length>0?(E.push(ot),E):ot},ge=()=>h?Object.keys(h).map(d=>wt(d,h)):null,be=(d,m)=>{if(!h||typeof h!="object")return null;let f=new Array;for(let g in h){let u=wt(g,h,d,m),x=d==="base"&&typeof u=="string"?u:u&&u[d];x&&(f[f.length]=x);}return f},Pt={};for(let d in R)R[d]!==void 0&&(Pt[d]=R[d]);let Rt=(d,m)=>{var f;let g=typeof(R==null?void 0:R[d])=="object"?{[d]:(f=R[d])==null?void 0:f.initial}:{};return {...M,...Pt,...g,...m}},Tt=(d=[],m)=>{let f=[];for(let{class:g,className:u,...x}of d){let y=!0;for(let[w,T]of Object.entries(x)){let k=Rt(w,m);if(Array.isArray(T)){if(!T.includes(k[w])){y=!1;break}}else if(k[w]!==T){y=!1;break}}y&&(g&&f.push(g),u&&f.push(u));}return f},ve=d=>{let m=Tt(_,d);if(!Array.isArray(m))return m;let f={};for(let g of m)if(typeof g=="string"&&(f.base=O(f.base,g)(p)),typeof g=="object")for(let[u,x]of Object.entries(g))f[u]=O(f[u],x)(p);return f},xe=d=>{if(n.length<1)return null;let m={};for(let{slots:f=[],class:g,className:u,...x}of n){if(!C(x)){let y=!0;for(let w of Object.keys(x)){let T=Rt(w,d)[w];if(T===void 0||(Array.isArray(x[w])?!x[w].includes(T):x[w]!==T)){y=!1;break}}if(!y)continue}for(let y of f)m[y]=m[y]||[],m[y].push([g,u]);}return m};if(!C(r)||!L){let d={};if(typeof G=="object"&&!C(G))for(let m of Object.keys(G))d[m]=f=>{var g,u;return O(G[m],be(m,f),((g=ve(f))!=null?g:[])[m],((u=xe(f))!=null?u:[])[m],f==null?void 0:f.class,f==null?void 0:f.className)(p)};return d}return O(P,ge(),Tt(_),R==null?void 0:R.class,R==null?void 0:R.className)(p)},me=()=>{if(!(!h||typeof h!="object"))return Object.keys(h)};return N.variantKeys=me(),N.extend=e,N.base=P,N.slots=G,N.variants=h,N.defaultVariants=M,N.compoundSlots=n,N.compoundVariants=_,N};var Ne=c({base:"flex items-center justify-center rounded-full",variants:{color:{default:"bg-neutral-100",indigo:"bg-indigo-600"},type:{icon:"[&_path]:fill-neutral-500 [&_svg]:fill-neutral-500",capitals:"font-semibold text-neutral-500",image:"[&_img]:rounded-full"},size:{small:"size-4",medium:"size-5",large:"size-7"}},compoundVariants:[{size:"large",type:["capitals","icon"],className:"text-xl [&_svg]:size-5"},{size:"medium",type:["capitals","icon"],className:"text-lg [&_svg]:size-3"},{size:"small",type:["capitals","icon"],className:"text-base [&_svg]:size-2"},{color:"indigo",type:["capitals","icon"],className:"text-white [&_path]:fill-white [&_svg]:fill-white"}],defaultVariants:{color:"default"}}),Lt=W__namespace.default.forwardRef(({className:t,color:o,type:e,size:r,children:a,asChild:i,...n},l)=>jsxRuntime.jsx(i?reactSlot.Slot:"div",{className:Ne({color:o,type:e,size:r,className:t}),ref:l,...n,children:a}));Lt.displayName="Avatar";var Ve=Lt;function s(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var Ee=c({base:"",variants:{size:{H1:"text-3xl",H2:"text-2xl",H3:"text-xl",large:"text-lg",base:"text-base",small:"text-sm",overline:"text-xs uppercase"},weight:{normal:"font-normal",medium:"font-medium",semibold:"font-semibold"}},defaultVariants:{size:"base",weight:"normal"}}),Et=({className:t,size:o,weight:e,children:r,...a})=>jsxRuntime.jsx("span",{className:s(Ee({size:o,weight:e,className:t})),...a,children:r});Et.displayName="Text";var v=Et;var Se=c({base:"flex items-center justify-center rounded-full",variants:{contrast:{true:"",false:""},status:{info:"bg-notification-information-100 text-notification-information-600",attention:"bg-notification-warning-100 text-notification-warning-900",white:"text-notification-information-600 bg-white"},size:{small:"h-2",normal:"h-3"},type:{pill:"w-fit px-1",dot:""}},compoundVariants:[{status:"info",contrast:!0,class:"bg-notification-information-600 text-white"},{status:"attention",contrast:!0,class:"bg-notification-warning-600"},{type:"dot",size:"small",class:"w-2"},{type:"dot",size:"normal",class:"w-3"}],defaultVariants:{status:"info",size:"normal",type:"pill"}}),At=W__namespace.default.forwardRef(({className:t,status:o,size:e,type:r,contrast:a,children:i,asChild:n,...l},p)=>jsxRuntime.jsx(n?reactSlot.Slot:"span",{className:Se({status:o,size:e,type:r,contrast:a,className:t}),ref:p,...l,children:jsxRuntime.jsx(v,{size:"overline",weight:"semibold",children:i})}));At.displayName="Badge";var _e=At;var ke=c({variants:{appearance:{primary:{container:"bg-primary hover:bg-green-900 ",text:"text-white",icon:"fill-white [&_path]:fill-white"},secondary:{container:"border border-green-600 bg-white hover:bg-green-100 ",text:"text-green-600",icon:"fill-green-600 [&_path]:fill-green-600"},tertiary:{container:"border border-indigo-600 bg-white hover:bg-indigo-100 ",text:"text-indigo-600",icon:"fill-indigo-600 [&_path]:fill-indigo-600"},danger:{container:"border-notification-critical-600 hover:bg-notification-critical-600 group/danger border bg-white",text:"text-notification-critical-600 group-hover/danger:text-white",icon:"fill-notification-critical-600 [&_path]:fill-notification-critical-600 group-hover/danger:fill-white group-hover/danger:[&_path]:fill-white"},link:{container:"bg-white hover:bg-green-100 ",text:"text-green-600",icon:"fill-green-600 [&_path]:fill-green-600"},table:{container:"bg-white hover:bg-neutral-100 ",text:"text-neutral-400",icon:"fill-neutral-400 [&_path]:fill-neutral-400"}},size:{medium:{container:"h-5",icon:"text-base"},small:{container:"h-4",text:"mx-1 text-sm",icon:"group-data-[has-text=true]:ml-0"}},disabled:{true:{container:"pointer-events-none cursor-not-allowed border-neutral-200 bg-neutral-100",text:"text-neutral-300",icon:"fill-neutral-300 [&_path]:fill-neutral-300"},false:""}},slots:{container:"group inline-flex items-center justify-center rounded-md p-1 focus:outline-none focus:ring-0 data-[has-icon=true]:gap-1",icon:"size-3 group-data-[has-text=true]:ml-1",text:"mx-2 group-data-[has-icon=true]:ml-0"},defaultVariants:{appearance:"primary",size:"medium"}}),St=W__namespace.default.forwardRef(({className:t,appearance:o,size:e,disabled:r,children:a,asChild:i,icon:n,...l},p)=>{let P=i?reactSlot.Slot:"button",h=ke({appearance:o,size:e,disabled:r,className:t});return jsxRuntime.jsxs(P,{"data-has-icon":!!n,"data-has-text":!!a,className:h.container(),ref:p,...l,children:[n&&jsxRuntime.jsx(n,{className:h.icon()}),a&&jsxRuntime.jsx(v,{size:"base",weight:"medium",className:h.text(),children:a})]})});St.displayName="Button";var Oe=St;var je=c({base:"flex w-full border border-gray-200 bg-white p-2",variants:{variant:{default:"rounded-m",big:"rounded-x",small:"rounded-s"},direction:{col:"flex-col",row:"flex-row"},padding:{none:"p-0",small:"p-1",medium:"p-2",big:"p-3"}},defaultVariants:{variant:"default",direction:"col",padding:"none"}}),_t=({className:t,variant:o,direction:e,padding:r,children:a,...i})=>jsxRuntime.jsx("div",{className:s(je({variant:o,direction:e,padding:r,className:t})),...i,children:a});_t.displayName="Card";var $e=_t;var We=c({variants:{variant:{default:"",light:"",green:"",red:""},size:{default:{container:"h-5"},small:{container:"h-4",text:"text-sm"}},disabled:{true:{container:"cursor-initial border-neutral-200 bg-neutral-100 text-neutral-300",icon:"[&_path]:fill-neutral-300 [&_svg]:fill-neutral-300"},false:{container:"border-neutral-200 text-neutral-500 hover:bg-neutral-100",icon:"[&_path]:fill-neutral-500 [&_svg]:fill-neutral-500"}}},compoundVariants:[{disabled:!1,variant:"default",class:{container:"data-[state=on]:border-indigo-600 data-[state=on]:bg-indigo-600",text:"group-data-[state=on]:text-white",icon:"group-data-[state=on]:fill-white [&_path]:group-data-[state=on]:fill-white"}},{disabled:!1,variant:"light",class:{container:"data-[state=on]:border-indigo-600 data-[state=on]:bg-indigo-100",text:"group-data-[state=on]:text-indigo-600",icon:"group-data-[state=on]:fill-indigo-600 [&_path]:group-data-[state=on]:fill-indigo-600"}},{disabled:!1,variant:"green",class:{container:"data-[state=on]:border-notification-success-600 data-[state=on]:bg-notification-success-100",text:"group-data-[state=on]:text-notification-success-600",icon:"group-data-[state=on]:fill-notification-success-600 [&_path]:group-data-[state=on]:fill-notification-success-600"}},{disabled:!1,variant:"red",class:{container:"data-[state=on]:border-notification-critical-600 data-[state=on]:bg-notification-critical-100",text:"group-data-[state=on]:text-notification-critical-600",icon:"group-data-[state=on]:fill-notification-critical-600 [&_path]:group-data-[state=on]:fill-notification-critical-600"}}],slots:{container:"first:rounded-ss-m first:rounded-es-m last:rounded-se-m last:rounded-ee-m group flex items-center gap-1 border px-2 [&:nth-child(n+2)]:data-[state=off]:border-l-0",icon:"size-3",text:""},defaultVariants:{disabled:!1,variant:"default",size:"default"}}),Dt=W__namespace.default.createContext({variant:"default",size:"default",disabled:!1}),Gt=W__namespace.default.forwardRef(({className:t,variant:o,children:e,size:r,disabled:a,...i},n)=>jsxRuntime.jsx(Z__namespace.Root,{ref:n,className:s("flex items-center justify-center gap-0",t),...i,type:"single",children:jsxRuntime.jsx(Dt.Provider,{value:{variant:o,size:r,disabled:a},children:e})}));Gt.displayName="ScopeGroup";var kt=W__namespace.default.forwardRef(({className:t,variant:o,size:e,icon:r,text:a,disabled:i,...n},l)=>{let p=W__namespace.default.useContext(Dt),P=We({variant:p.variant||o,size:p.size||e,disabled:p.disabled||i});return jsxRuntime.jsxs(Z__namespace.Item,{ref:l,className:s(P.container(),t),disabled:i,...n,children:[r&&jsxRuntime.jsx(r,{className:P.icon()}),jsxRuntime.jsx(v,{size:"base",weight:"normal",className:P.text(),children:a})]})});kt.displayName="ScopeItem";var Je={Group:Gt,Item:kt},Ze=Je;var Qe=({value:t,className:o,barBg:e,progressBg:r})=>{let a=`-translate-x-[(-${100-(t||0)}%])`;return jsxRuntime.jsx(Ut.Root,{className:s(o,e,"relative w-full overflow-hidden rounded-full "),value:t,children:jsxRuntime.jsx(Ut.Indicator,{className:s(o,"w-full flex-1 rounded-full",a,r)})})},q=Qe;var j=c({variants:{disabled:{true:{input:"cursor-not-allowed bg-neutral-100 text-neutral-400",prefixIcon:"fill-neutral-300 [&_path]:fill-neutral-300",suffixIcon:"fill-neutral-300 [&_path]:fill-neutral-300"}},invalid:{true:{input:"border-notification-critical-600 focus:border-notification-critical-600"}},size:{medium:{prefixIcon:"top-1",suffixIcon:"top-1",input:"h-5"},small:{prefixIcon:"top-0.5",suffixIcon:"top-0.5",input:"h-4"}}},slots:{prefixIcon:"absolute left-1 top-1 size-3",input:"rounded-m flex w-full border border-neutral-200 p-2 text-base text-indigo-600 placeholder:font-light placeholder:text-neutral-400 focus:border-indigo-600 focus-visible:outline-none focus-visible:ring-0 disabled:cursor-not-allowed data-[has-prefix-icon=true]:pl-5 data-[has-suffix-icon=true]:pr-5",suffixIcon:"absolute right-1 top-1 size-3"},defaultVariants:{size:"medium"}}),Bt=W__namespace.default.forwardRef(({className:t,prefixIcon:o,suffixIcon:e,disabled:r,invalid:a,size:i,...n},l)=>{let p=j();return jsxRuntime.jsxs("div",{className:"relative",children:[o&&jsxRuntime.jsx("div",{className:p.prefixIcon({invalid:a,size:i}),children:o}),jsxRuntime.jsx("input",{disabled:r,"data-has-prefix-icon":!!o,"data-has-suffix-icon":!!e,className:s(p.input({disabled:r,invalid:a,size:i}),t,"form-input"),ref:l,...n}),e&&jsxRuntime.jsx("div",{className:p.suffixIcon({invalid:a,size:i}),children:e})]})});Bt.displayName="Input";var Ye=Bt;var $t=W__namespace.forwardRef(({className:t,disabled:o,invalid:e,...r},a)=>{let{input:i}=j();return jsxRuntime.jsx("textarea",{className:s("min-h-9",t,i({disabled:o,invalid:e})),ref:a,...r})});$t.displayName="Textarea";var eo=$t;var Ft=({title:t,children:o,isVisible:e,CloseIcon:r,maxWidth:a,onClose:i})=>{let[n,l]=W.useState(e);W.useEffect(()=>l(e),[e]);let p=P=>{l(!1),i&&i(P);};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:s("fixed left-0 top-0 z-30 h-screen w-screen bg-black opacity-50",n?void 0:"hidden")}),jsxRuntime.jsxs("div",{className:s("shadow-big fixed right-0 top-0 z-40 h-screen overflow-y-auto overflow-x-hidden rounded-l-lg bg-white transition-transform dark:bg-gray-800",a?`max-w=[${a}]`:"max-w-3/4",n?void 0:"translate-x-full"),tabIndex:-1,"aria-labelledby":"drawer-label",children:[jsxRuntime.jsxs("div",{id:"drawer-label",className:s(" mb-2 flex items-center justify-between border-b-2 border-slate-100 p-2 text-base font-semibold text-gray-500 dark:text-gray-400"),children:[jsxRuntime.jsx(v,{size:"H3",weight:"semibold",className:"text-navy-600",children:t}),jsxRuntime.jsxs("button",{type:"button","data-drawer-hide":"drawer-example","aria-controls":"drawer-example",className:s("b-0 ml-2 flex size-9 items-center justify-center rounded-lg bg-transparent text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white"),onClick:()=>p,children:[r?jsxRuntime.jsx(r,{}):jsxRuntime.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6.70711 18.7071L18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.29289 17.2929C4.90237 17.6834 4.90237 18.3166 5.29289 18.7071C5.68342 19.0976 6.31658 19.0976 6.70711 18.7071ZM17.2929 18.7071L13.8201 15.2343C13.4296 14.8438 13.4296 14.2106 13.8201 13.8201C14.2106 13.4296 14.8438 13.4296 15.2343 13.8201L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071Z",fill:"#8D95A7"})}),jsxRuntime.jsx("span",{className:"sr-only",children:"Close menu"})]})]}),jsxRuntime.jsx("div",{className:s(" relative h-full p-2"),children:o})]})]})};Ft.displayName="Sheet";var io=Ft;var lo=c({base:"after:start-0.25 after:top-0.25 peer relative mr-1 h-3 w-5 rounded-full bg-neutral-200 after:absolute after:size-[20px] after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:bg-green-600 peer-checked:after:translate-x-2 peer-checked:after:border-white peer-focus:outline-none peer-focus:ring-0",variants:{disabled:{true:"cursor-not-allowed bg-neutral-100 after:border-neutral-100 peer-checked:bg-green-100 peer-checked:after:border-green-100"}}}),Wt=W.forwardRef(({className:t,name:o,disabled:e,children:r,...a},i)=>jsxRuntime.jsxs("label",{className:s("inline-flex cursor-pointer items-center",t),children:[jsxRuntime.jsx("input",{...a,ref:i,type:"checkbox",className:s("peer sr-only"),name:o,disabled:e}),jsxRuntime.jsx("span",{className:lo({disabled:e})}),jsxRuntime.jsx(v,{children:r})]}));Wt.displayName="Toggle";var po=Wt;var mo=c({slots:{item:"mb-1 rounded-lg border-0 last:mb-0",trigger:"[&[data-state=open]]:rounded-t-m [&[data-state=open]]:bg-secondary-indigo-100 [&[data-state=closed]]:rounded-m flex h-7 w-full items-center border-0 p-1 text-left transition-all hover:bg-neutral-100 [&[data-disabled]]:cursor-not-allowed [&[data-disabled]]:bg-neutral-200 [&[data-disabled]]:text-neutral-400 [&[data-state=open]>svg]:rotate-180 [&[data-state=open]]:hover:bg-neutral-100",triggerIcon:"size-3 fill-neutral-400 transition-transform duration-200 [&_path]:fill-neutral-400",content:"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down rounded-b-m overflow-hidden border transition-all"}}),{trigger:uo,item:go,triggerIcon:bo,content:vo}=mo(),xo=W__namespace.default.forwardRef(({className:t,...o},e)=>jsxRuntime.jsx(D__namespace.Root,{ref:e,className:go({className:t}),...o})),ho=W__namespace.default.forwardRef(({className:t,triggerClassName:o,children:e,...r},a)=>jsxRuntime.jsxs(D__namespace.CollapsibleTrigger,{ref:a,className:uo({className:o}),...r,children:[jsxRuntime.jsx("div",{className:s("w-full",t),children:e}),jsxRuntime.jsx(icons.IconOutlineChevronDown,{className:bo()})]})),yo=W__namespace.default.forwardRef(({className:t,children:o,...e},r)=>jsxRuntime.jsx(D__namespace.CollapsibleContent,{ref:r,className:vo(),...e,children:jsxRuntime.jsx("div",{className:s("px-1 py-2",t),children:o})})),wo={Item:xo,Trigger:ho,Content:yo},Po=wo;var Io=c({base:"text-medium flex h-3 items-center justify-center rounded-sm border border-neutral-200 px-1 py-0.5 [&_svg]:-ml-0.5 [&_svg]:w-2",variants:{status:{positive:"text-notification-success-600 [&_svg]:fill-notification-success-600",negative:"text-notification-critical-600 [&_svg]:fill-notification-critical-600",neutral:"text-notification-warning-900 [&_svg]:fill-notification-warning-900",info:"border-indigo-600 text-indigo-600"}}}),Mo=W__namespace.default.forwardRef(({className:t,status:o,value:e,icon:r,...a},i)=>{let n={positive:jsxRuntime.jsx(icons.IconOutlineArrowUp,{}),negative:jsxRuntime.jsx(icons.IconOutlineArrowDown,{}),neutral:jsxRuntime.jsx(icons.IconOutlineMinus,{})};return jsxRuntime.jsxs("div",{className:Io({status:o,className:t}),ref:i,...a,children:[r&&n[r],jsxRuntime.jsxs(v,{size:"overline",weight:"semibold",children:[e,"%"]})]})}),Lo=Mo;var U=({options:t,selected:o,onChange:e,className:r})=>jsxRuntime.jsx(reactDropdownMenu.Portal,{children:jsxRuntime.jsx(reactDropdownMenu.Content,{align:"start",className:s("shadow-down data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 rounded-md border bg-white p-1",r),children:t.map(a=>jsxRuntime.jsx(reactDropdownMenu.Item,{"data-selected":o===a.value,className:`relative flex cursor-pointer select-none rounded-sm
42
+ px-2 py-1 text-base font-normal text-neutral-500 outline-none
43
+ transition-colors focus:bg-indigo-100 focus:text-indigo-600
44
+ data-[selected=true]:bg-indigo-100 data-[selected=true]:font-medium data-[selected=true]:text-indigo-600`,onClick:()=>e&&e(a.value),children:a.text}))})});var qt=c({base:"text-medium flex items-center justify-center rounded-sm px-1 py-0.5",variants:{status:{success:["bg-notification-success-100","text-notification-success-600","[&_svg]:fill-notification-success-600 [&_span:nth-child(1)]:bg-notification-success-600"],attention:["bg-notification-warning-100","text-notification-warning-900","[&_svg]:fill-notification-warning-900 [&_span:nth-child(1)]:bg-notification-warning-900"],info:["bg-notification-information-100","text-notification-information-600","[&_svg]:fill-notification-information-600 [&_span:nth-child(1)]:bg-notification-information-600"],error:["bg-notification-critical-100","text-notification-critical-900","[&_svg]:fill-notification-critical-900 [&_span:nth-child(1)]:bg-notification-critical-900"],disabled:["bg-neutral-200 ","text-neutral-500","[&_span:nth-child(1)]:bg-neutral-500 [&_svg]:fill-neutral-500"]}}}),Kt=({text:t})=>jsxRuntime.jsxs("div",{className:"flex items-center gap-0.5",children:[jsxRuntime.jsx("span",{className:"w-0.75 h-0.75 rounded-full bg-neutral-500"}),jsxRuntime.jsx(v,{size:"overline",weight:"semibold",className:"select-none",children:t})]}),Do=W__namespace.default.forwardRef(({className:t,status:o,text:e,...r},a)=>jsxRuntime.jsx("div",{className:qt({status:o,className:t}),ref:a,...r,children:jsxRuntime.jsx(Kt,{text:e})})),Go=W__namespace.default.forwardRef(({className:t,status:o,options:e,value:r,onChange:a,...i},n)=>{let l=e.find(p=>p.value===r);return jsxRuntime.jsx("div",{className:qt({status:l==null?void 0:l.status,className:t}),ref:n,...i,children:jsxRuntime.jsxs(reactDropdownMenu.Root,{children:[jsxRuntime.jsxs(reactDropdownMenu.Trigger,{className:"flex items-center gap-0.5 outline-none",children:[jsxRuntime.jsx(Kt,{text:(l==null?void 0:l.text)||""}),jsxRuntime.jsx(icons.IconOutlineChevronDown,{"data-status":o,className:"-mr-0.5 size-2"})]}),jsxRuntime.jsx(U,{selected:l==null?void 0:l.value,options:e,onChange:a,className:"-ml-1 mt-0.5"})]})})}),ko={Menu:Go,...Do},Oo=ko;var Q=c({base:"text-midnight-blue-600",variants:{bg:{indigo:"bg-midnight-blue-100",white:"bg-white to-white"}}}),Qt=W__namespace.default.forwardRef(({className:t,bg:o,value:e,withBar:r,...a},i)=>jsxRuntime.jsxs("div",{className:s(Q({bg:o,className:t}),"flex h-3 flex-col items-center justify-center rounded-full px-1"),ref:i,...a,children:[jsxRuntime.jsxs(v,{size:"overline",weight:"medium",children:[e,"%"]}),r&&jsxRuntime.jsx(q,{barBg:o==="indigo"?"bg-white":"bg-midnight-blue-100",progressBg:"bg-midnight-blue-600",value:e,className:"h-0.25 mb-0.5"})]})),Bo=W__namespace.default.forwardRef(({className:t,bg:o,value:e,Icon:r,...a},i)=>jsxRuntime.jsx(Ut__namespace.Root,{ref:i,className:s(Q({bg:o}),"text-midnight-blue-600 [&_svg]:fill-midnight-blue-600 [&_path]:fill-midnight-blue-600 relative flex size-6 items-center justify-center rounded-full","bg-[conic-gradient(var(--tw-gradient-stops))] from-midnight-blue-600 to-midnight-blue-100 p-0.5",t),...a,children:jsxRuntime.jsx("div",{className:s(Q({bg:o}),"flex size-full items-center justify-center rounded-full"),children:r?jsxRuntime.jsx(r,{className:"size-3"}):jsxRuntime.jsxs("div",{className:"flex items-end",children:[jsxRuntime.jsx(v,{weight:"medium",children:e}),jsxRuntime.jsx(v,{size:"overline",weight:"medium",children:"%"})]})})})),jo=W__namespace.default.forwardRef(({className:t,bg:o,value:e,text:r,...a},i)=>jsxRuntime.jsxs("div",{"data-bg":o,className:s(Q({bg:o,className:t}),`rounded-m data-[bg=white]:border-midnight-blue-600 flex w-full flex-col items-center justify-center gap-1
45
+ p-2 data-[bg=white]:border`),ref:i,...a,children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between gap-1",children:[jsxRuntime.jsx(v,{weight:"normal",children:r}),jsxRuntime.jsx(Qt,{value:e,bg:o==="white"?"indigo":"white"})]}),jsxRuntime.jsx(q,{barBg:o==="indigo"?"bg-white":"bg-midnight-blue-100",progressBg:"bg-midnight-blue-600",value:e,className:"h-1"})]})),$o={Indicator:Qt,Circle:Bo,Expanded:jo},Fo=$o;var qo=c({variants:{size:{small:{container:"h-3",icon:"size-2"},medium:{container:"h-4",icon:"size-3"}},border:{true:{container:"border border-neutral-200 text-neutral-500",icon:"fill-neutral-400 [&_path]:fill-neutral-400"},false:{container:"bg-indigo-100 text-indigo-600",icon:"fill-indigo-600 [&_path]:fill-indigo-600"}},active:{true:{container:"bg-indigo-600 text-white hover:bg-indigo-900",icon:"fill-white [&_path]:fill-white"}}},slots:{container:"group flex items-center rounded-full px-1 hover:border-0 hover:bg-indigo-600 hover:font-medium hover:text-white",icon:"group-hover:[&_path]:fill-white group-hover:[&_svg]:fill-white"},defaultVariants:{size:"medium",border:!1,active:!1}}),Xt=W__namespace.default.forwardRef(({className:t,size:o,icon:e,text:r,asChild:a,value:i,border:n,active:l,onClose:p,...P},h)=>{let M=a?reactSlot.Slot:"div",L=qo();return jsxRuntime.jsxs(M,{className:L.container({size:o,border:n,active:l,className:t}),ref:h,...P,children:[e&&jsxRuntime.jsx(e,{className:L.icon({size:o,border:n,active:l})}),jsxRuntime.jsx(v,{size:"base",weight:"normal",className:"mx-1",children:r}),p&&jsxRuntime.jsx(icons.IconOutlineClose,{onClick:()=>p(i),className:s(L.icon({size:o,border:n,active:l}),"cursor-pointer")})]})});Xt.displayName="Chips";var Ko=Xt;var Qo=c({base:"text-navy-600 text-base font-medium",variants:{invalid:{true:"text-notification-critical-600"}}}),te=({className:t,text:o,suffix:e,invalid:r,htmlFor:a,...i})=>jsxRuntime.jsxs("div",{className:s("mb-0.5 flex items-center gap-0.5 [&_svg]:w-2",t),...i,children:[jsxRuntime.jsx("label",{className:Qo({invalid:r}),htmlFor:a,children:o}),e&&jsxRuntime.jsx(e,{})]});te.displayName="Label";var ht=te;var Yo=c({variants:{invalid:{true:{text:"text-notification-critical-600"}}},slots:{text:"text-sm text-neutral-500",counter:"py-0.25 flex h-[20px] items-center rounded-full bg-neutral-100 px-0.5 text-neutral-500"}}),re=({className:t,text:o,counter:e,maxLength:r,invalid:a,valueLength:i,...n})=>{let l=Yo();return jsxRuntime.jsxs("div",{className:s("mt-0.5 flex justify-between",t),...n,children:[o&&jsxRuntime.jsx("span",{className:l.text({invalid:a}),children:o}),e&&r&&jsxRuntime.jsx("div",{className:l.counter(),children:jsxRuntime.jsxs(v,{size:"overline",weight:"semibold",children:[i||0,"/",r]})})]})};re.displayName="InputDescription";var yt=re;var er=({id:t,className:o,label:e,description:r,errorMessage:a,invalid:i,children:n,disabled:l,value:p,maxLength:P,...h})=>{let M=a||r.text;return jsxRuntime.jsxs("div",{className:s("flex flex-col",o),...h,children:[jsxRuntime.jsx(ht,{...e,invalid:i,htmlFor:t}),W__namespace.default.cloneElement(n,{id:t,invalid:i,disabled:l,value:p}),jsxRuntime.jsx(yt,{...r,text:M,invalid:i,maxLength:P,valueLength:p==null?void 0:p.length})]})},or=er;var sr=c({variants:{checked:{false:{checkbox:"hover:border-primary border-neutral-400 bg-white hover:bg-green-100"},indeterminate:{}},disabled:{true:{checkbox:"disabled:cursor-not-allowed disabled:border-neutral-200 disabled:bg-neutral-100",icon:"fill-neutral-300 [&_path]:fill-neutral-300 [&_rect]:fill-neutral-300"}}},slots:{checkbox:"bg-primary border-primary focus-visible:rind-0 peer size-[20px] shrink-0 rounded-md border-2 text-white focus-visible:outline-none",icon:"size-2 fill-white [&_path]:fill-white [&_rect]:fill-white"}}),ne=W__namespace.default.forwardRef(({className:t,checked:o,defaultChecked:e,disabled:r,...a},i)=>{let n=sr();return jsxRuntime.jsx("div",{className:"flex size-3 items-center justify-center",children:jsxRuntime.jsx(reactCheckbox.Root,{ref:i,className:s(n.checkbox({checked:o,disabled:r}),t),checked:o,defaultChecked:e,disabled:r,...a,children:jsxRuntime.jsxs("div",{className:"-ml-0.5 -mt-0.5 flex size-3 items-center justify-center",children:[(o==="indeterminate"||e==="indeterminate")&&jsxRuntime.jsx(icons.IconOutlineLine,{className:n.icon({disabled:r})}),(o===!0||e===!0)&&jsxRuntime.jsx(icons.IconOutlineCheck,{className:n.icon({disabled:r})})]})})})});ne.displayName=reactCheckbox.Root.displayName;var lr=ne;var le=W__namespace.default.forwardRef(({className:t,disabled:o,...e},r)=>jsxRuntime.jsx(A__namespace.Root,{className:s("grid gap-1",t),disabled:o,...e,ref:r}));le.displayName=A__namespace.Root.displayName;var pe=W__namespace.default.forwardRef(({className:t,...o},e)=>jsxRuntime.jsx(A__namespace.Item,{ref:e,className:s("group aspect-square size-[20px] rounded-full border-2 border-neutral-400 bg-white hover:border-green-600 hover:bg-green-100 focus:outline-none focus-visible:ring-0 disabled:cursor-not-allowed disabled:border-neutral-200 disabled:bg-neutral-100 [&:not(:disabled)]:data-[state=checked]:border-green-600",t),...o,children:jsxRuntime.jsx(A__namespace.Indicator,{className:"text-primary flex items-center justify-center group-disabled:text-neutral-300",children:jsxRuntime.jsx(lucideReact.Circle,{className:"fill-primary size-[12px] group-disabled:fill-neutral-300"})})}));pe.displayName=A__namespace.Item.displayName;var dr={Group:le,Item:pe},fr=dr;var de=c({base:"flex items-center justify-center rounded-full",variants:{size:{small:{trigger:"my-0.5",dropdown:"mt-0.5"},medium:{trigger:"my-1",dropdown:"mt-1"}},disabled:{true:{container:"cursor-not-allowed border-neutral-200",input:"bg-white text-neutral-300",trigger:"cursor-not-allowed text-neutral-300 [&_path]:fill-neutral-300"},false:{container:"focus-within:border-indigo-600 hover:border-indigo-600"}}},slots:{input:"data-[scope=false]hover:bg-indigo-100 pointer-events-auto border-0 bg-white pr-5",trigger:"br-neutral-100 border-r-1 flex w-fit items-center gap-0.5 border border-y-0 border-l-0 border-neutral-100 bg-white pl-2 pr-1 text-indigo-600 focus-visible:outline-none [&_svg]:fill-indigo-600",dropdown:"",container:"rounded-m flex border border-neutral-200 "},defaultVariants:{size:"medium"}}),fe=W__namespace.forwardRef(({className:t,disabled:o,invalid:e,size:r,value:a,onChange:i,scope:n,...l},p)=>{let P=j(),h=de();return jsxRuntime.jsxs("div",{className:h.container({disabled:o}),children:[n&&jsxRuntime.jsx(xr,{disabled:o,scope:n,size:r}),jsxRuntime.jsxs("div",{className:"peer relative",children:[jsxRuntime.jsx("input",{value:a,onChange:i,disabled:o,"data-scoped":!!n,className:s(P.input({disabled:o,invalid:e,size:r}),h.input(),t),ref:p,...l}),jsxRuntime.jsx("div",{"data-hasValue":!!a,className:`data-[hasValue=true]:cursor-pointer ${P.suffixIcon({size:r,disabled:o})}`,children:a?jsxRuntime.jsx(icons.IconOutlineClose,{onClick:()=>i&&i({target:{value:""}})}):jsxRuntime.jsx(icons.IconOutlineSearch,{})})]})]})}),xr=({scope:{selected:t,options:o,onChange:e},disabled:r,size:a})=>{let i=o.find(({value:l})=>l===t),n=de();return jsxRuntime.jsxs(reactDropdownMenu.Root,{children:[jsxRuntime.jsxs(reactDropdownMenu.Trigger,{className:n.trigger({size:a,disabled:r}),disabled:r,children:[jsxRuntime.jsx(v,{size:"small",weight:"medium",children:i==null?void 0:i.text}),jsxRuntime.jsx(icons.IconOutlineChevronDown,{className:"-mr-0.5 size-3"})]}),jsxRuntime.jsx(U,{selected:t,options:o,onChange:e,className:n.dropdown({size:a})})]})};fe.displayName="Search";var hr=fe;
1483
46
 
1484
- exports.Avatar = avatar_default;
1485
- exports.Badge = badge_default;
1486
- exports.Button = button_default;
1487
- exports.Card = card_default;
1488
- exports.Checkbox = checkbox_default;
1489
- exports.Chips = chips_default;
1490
- exports.Collapsible = collapsible_default;
1491
- exports.FormItem = form_item_default;
1492
- exports.Indicator = indicator_default;
1493
- exports.Input = input_default;
1494
- exports.InputDescription = input_description_default;
1495
- exports.Label = label_default;
1496
- exports.Progress = progress_default;
1497
- exports.ProgressBar = progress_bar_default;
1498
- exports.Radio = radio_default;
1499
- exports.Scope = scope_default;
1500
- exports.Search = search_default;
1501
- exports.Sheet = sheets_default;
1502
- exports.Status = status_default;
1503
- exports.Text = text_default;
1504
- exports.Textarea = textarea_default;
1505
- exports.Toggle = toggle_default;
47
+ exports.Avatar = Ve;
48
+ exports.Badge = _e;
49
+ exports.Button = Oe;
50
+ exports.Card = $e;
51
+ exports.Checkbox = lr;
52
+ exports.Chips = Ko;
53
+ exports.Collapsible = Po;
54
+ exports.FormItem = or;
55
+ exports.Indicator = Lo;
56
+ exports.Input = Ye;
57
+ exports.InputDescription = yt;
58
+ exports.Label = ht;
59
+ exports.Progress = Fo;
60
+ exports.ProgressBar = q;
61
+ exports.Radio = fr;
62
+ exports.Scope = Ze;
63
+ exports.Search = hr;
64
+ exports.Sheet = io;
65
+ exports.Status = Oo;
66
+ exports.Text = v;
67
+ exports.Textarea = eo;
68
+ exports.Toggle = po;