@vinyasa/form 1.0.22 → 1.0.23

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 (140) hide show
  1. package/dist/cjs/autocomplete.cjs +709 -309
  2. package/dist/cjs/autocomplete.css +1 -1
  3. package/dist/cjs/checkbox.cjs +399 -244
  4. package/dist/cjs/checkbox.css +5 -1
  5. package/dist/cjs/color-picker.cjs +478 -325
  6. package/dist/cjs/color-picker.css +1 -1
  7. package/dist/cjs/combobox.cjs +574 -359
  8. package/dist/cjs/combobox.css +1 -1
  9. package/dist/cjs/date-picker.cjs +522 -322
  10. package/dist/cjs/date-picker.css +1 -1
  11. package/dist/cjs/dropzone.cjs +562 -391
  12. package/dist/cjs/dropzone.css +1 -1
  13. package/dist/cjs/field.cjs +353 -0
  14. package/dist/cjs/field.css +139 -0
  15. package/dist/cjs/file-upload.cjs +667 -380
  16. package/dist/cjs/file-upload.css +44 -1
  17. package/dist/cjs/index.cjs +3066 -2546
  18. package/dist/cjs/index.css +9 -1
  19. package/dist/cjs/input.cjs +220 -74
  20. package/dist/cjs/input.css +1 -1
  21. package/dist/cjs/multi-select.cjs +756 -400
  22. package/dist/cjs/multi-select.css +1 -1
  23. package/dist/cjs/number-input.cjs +267 -125
  24. package/dist/cjs/number-input.css +1 -1
  25. package/dist/cjs/otp-input.cjs +232 -85
  26. package/dist/cjs/otp-input.css +1 -1
  27. package/dist/cjs/password-input.cjs +239 -93
  28. package/dist/cjs/password-input.css +1 -1
  29. package/dist/cjs/radio-group.cjs +388 -246
  30. package/dist/cjs/radio-group.css +1 -1
  31. package/dist/cjs/range-slider.cjs +106 -62
  32. package/dist/cjs/rich-text-editor.cjs +549 -517
  33. package/dist/cjs/rich-text-editor.css +1 -1
  34. package/dist/cjs/search-input.cjs +244 -98
  35. package/dist/cjs/search-input.css +1 -1
  36. package/dist/cjs/select.cjs +485 -353
  37. package/dist/cjs/select.css +1 -1
  38. package/dist/cjs/slider.cjs +129 -155
  39. package/dist/cjs/switch.cjs +376 -239
  40. package/dist/cjs/switch.css +5 -1
  41. package/dist/cjs/tags-input.cjs +264 -113
  42. package/dist/cjs/tags-input.css +1 -1
  43. package/dist/cjs/textarea.cjs +225 -79
  44. package/dist/cjs/textarea.css +1 -1
  45. package/dist/cjs/time-picker.cjs +546 -371
  46. package/dist/cjs/time-picker.css +1 -1
  47. package/dist/cjs/toggle-button.cjs +18 -15
  48. package/dist/esm/{switch.css → 1485.css} +4 -0
  49. package/dist/esm/1485.js +28 -0
  50. package/dist/esm/{2995.css → 2315.css} +1 -1
  51. package/dist/esm/{2995.js → 2315.js} +96 -4
  52. package/dist/esm/2692.js +114 -0
  53. package/dist/esm/27.js +23 -27
  54. package/dist/esm/345.js +81 -0
  55. package/dist/esm/5074.js +66 -0
  56. package/dist/esm/5333.js +72 -0
  57. package/dist/esm/6982.js +35 -0
  58. package/dist/esm/7580.js +34 -0
  59. package/dist/esm/7678.js +101 -0
  60. package/dist/esm/7800.js +131 -0
  61. package/dist/esm/8479.js +115 -0
  62. package/dist/esm/{checkbox.css → 9167.css} +4 -0
  63. package/dist/esm/9167.js +30 -0
  64. package/dist/esm/9545.js +118 -0
  65. package/dist/esm/{2942.css → 9559.css} +43 -0
  66. package/dist/esm/9559.js +179 -0
  67. package/dist/esm/autocomplete.js +2 -95
  68. package/dist/esm/checkbox.js +1 -38
  69. package/dist/esm/color-picker.js +1 -130
  70. package/dist/esm/combobox.js +1 -126
  71. package/dist/esm/components/autocomplete/Autocomplete.d.ts +26 -16
  72. package/dist/esm/components/autocomplete/index.d.ts +1 -3
  73. package/dist/esm/components/checkbox/Checkbox.d.ts +12 -4
  74. package/dist/esm/components/checkbox/index.d.ts +1 -3
  75. package/dist/esm/components/color-picker/ColorPicker.d.ts +28 -21
  76. package/dist/esm/components/color-picker/index.d.ts +1 -3
  77. package/dist/esm/components/combobox/Combobox.d.ts +55 -29
  78. package/dist/esm/components/combobox/index.d.ts +1 -3
  79. package/dist/esm/components/date-picker/DatePicker.d.ts +28 -24
  80. package/dist/esm/components/date-picker/index.d.ts +1 -3
  81. package/dist/esm/components/dropzone/Dropzone.d.ts +52 -9
  82. package/dist/esm/components/dropzone/index.d.ts +1 -3
  83. package/dist/esm/components/field/Field.d.ts +106 -0
  84. package/dist/esm/components/field/index.d.ts +1 -0
  85. package/dist/esm/components/file-upload/FileUpload.d.ts +11 -18
  86. package/dist/esm/components/file-upload/index.d.ts +1 -3
  87. package/dist/esm/components/icon-button/IconButton.d.ts +1 -1
  88. package/dist/esm/components/input/Input.d.ts +3 -5
  89. package/dist/esm/components/multi-select/MultiSelect.d.ts +37 -30
  90. package/dist/esm/components/multi-select/index.d.ts +1 -3
  91. package/dist/esm/components/number-input/NumberInput.d.ts +3 -5
  92. package/dist/esm/components/otp-input/OtpInput.d.ts +2 -4
  93. package/dist/esm/components/password-input/PasswordInput.d.ts +3 -5
  94. package/dist/esm/components/radio-group/RadioGroup.d.ts +18 -10
  95. package/dist/esm/components/radio-group/index.d.ts +1 -3
  96. package/dist/esm/components/range-slider/RangeSlider.d.ts +1 -1
  97. package/dist/esm/components/rich-text-editor/RichTextEditor.d.ts +44 -7
  98. package/dist/esm/components/rich-text-editor/index.d.ts +1 -3
  99. package/dist/esm/components/search-input/SearchInput.d.ts +3 -5
  100. package/dist/esm/components/select/Select.d.ts +36 -23
  101. package/dist/esm/components/select/index.d.ts +1 -3
  102. package/dist/esm/components/slider/Slider.d.ts +17 -10
  103. package/dist/esm/components/slider/index.d.ts +1 -3
  104. package/dist/esm/components/switch/Switch.d.ts +10 -5
  105. package/dist/esm/components/switch/index.d.ts +1 -3
  106. package/dist/esm/components/tags-input/TagsInput.d.ts +3 -5
  107. package/dist/esm/components/textarea/Textarea.d.ts +3 -5
  108. package/dist/esm/components/time-picker/TimePicker.d.ts +31 -23
  109. package/dist/esm/components/time-picker/index.d.ts +1 -3
  110. package/dist/esm/date-picker.js +1 -118
  111. package/dist/esm/dropzone.js +1 -137
  112. package/dist/esm/field.d.ts +2 -24
  113. package/dist/esm/field.js +1 -0
  114. package/dist/esm/file-upload.js +2 -123
  115. package/dist/esm/index.d.ts +15 -14
  116. package/dist/esm/index.js +15 -14
  117. package/dist/esm/input.js +16 -25
  118. package/dist/esm/multi-select.js +2 -164
  119. package/dist/esm/number-input.js +65 -78
  120. package/dist/esm/otp-input.js +31 -38
  121. package/dist/esm/password-input.js +32 -41
  122. package/dist/esm/radio-group.js +1 -44
  123. package/dist/esm/range-slider.js +15 -8
  124. package/dist/esm/rich-text-editor.js +1 -212
  125. package/dist/esm/search-input.js +35 -44
  126. package/dist/esm/select.js +1 -87
  127. package/dist/esm/slider.js +1 -4
  128. package/dist/esm/switch.js +1 -36
  129. package/dist/esm/tags-input.js +51 -59
  130. package/dist/esm/textarea.js +22 -31
  131. package/dist/esm/time-picker.js +1 -137
  132. package/package.json +18 -9
  133. package/dist/esm/2942.js +0 -13
  134. package/dist/esm/4557.js +0 -39
  135. package/dist/esm/dropzone.css +0 -43
  136. /package/dist/esm/{date-picker.css → 2692.css} +0 -0
  137. /package/dist/esm/{select.css → 5333.css} +0 -0
  138. /package/dist/esm/{radio-group.css → 7580.css} +0 -0
  139. /package/dist/esm/{color-picker.css → 7678.css} +0 -0
  140. /package/dist/esm/{rich-text-editor.css → 9545.css} +0 -0
@@ -1,238 +1,5 @@
1
1
  "use strict";
2
- var __webpack_modules__ = {
3
- 400 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
4
- function toPrimitive(t, r) {
5
- if ("object" != typeof t || !t) return t;
6
- var e = t[Symbol.toPrimitive];
7
- if (void 0 !== e) {
8
- var i = e.call(t, r || "default");
9
- if ("object" != typeof i) return i;
10
- throw new TypeError("@@toPrimitive must return a primitive value.");
11
- }
12
- return ("string" === r ? String : Number)(t);
13
- }
14
- function toPropertyKey(t) {
15
- var i = toPrimitive(t, "string");
16
- return "symbol" == typeof i ? i : String(i);
17
- }
18
- function _defineProperty(obj, key, value) {
19
- key = toPropertyKey(key);
20
- if (key in obj) Object.defineProperty(obj, key, {
21
- value: value,
22
- enumerable: true,
23
- configurable: true,
24
- writable: true
25
- });
26
- else obj[key] = value;
27
- return obj;
28
- }
29
- function ownKeys(e, r) {
30
- var t = Object.keys(e);
31
- if (Object.getOwnPropertySymbols) {
32
- var o = Object.getOwnPropertySymbols(e);
33
- r && (o = o.filter(function(r) {
34
- return Object.getOwnPropertyDescriptor(e, r).enumerable;
35
- })), t.push.apply(t, o);
36
- }
37
- return t;
38
- }
39
- function _objectSpread2(e) {
40
- for(var r = 1; r < arguments.length; r++){
41
- var t = null != arguments[r] ? arguments[r] : {};
42
- r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
43
- _defineProperty(e, r, t[r]);
44
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
45
- Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
46
- });
47
- }
48
- return e;
49
- }
50
- function mapValues(input, fn) {
51
- var result = {};
52
- for(var _key in input)result[_key] = fn(input[_key], _key);
53
- return result;
54
- }
55
- var shouldApplyCompound = (compoundCheck, selections, defaultVariants)=>{
56
- for (var key of Object.keys(compoundCheck)){
57
- var _selections$key;
58
- if (compoundCheck[key] !== (null != (_selections$key = selections[key]) ? _selections$key : defaultVariants[key])) return false;
59
- }
60
- return true;
61
- };
62
- var createRuntimeFn = (config)=>{
63
- var runtimeFn = (options)=>{
64
- var className = config.defaultClassName;
65
- var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
66
- for(var variantName in selections){
67
- var _selections$variantNa;
68
- var variantSelection = null != (_selections$variantNa = selections[variantName]) ? _selections$variantNa : config.defaultVariants[variantName];
69
- if (null != variantSelection) {
70
- var selection = variantSelection;
71
- if ('boolean' == typeof selection) selection = true === selection ? 'true' : 'false';
72
- var selectionClassName = config.variantClassNames[variantName][selection];
73
- if (selectionClassName) className += ' ' + selectionClassName;
74
- }
75
- }
76
- for (var [compoundCheck, compoundClassName] of config.compoundVariants)if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) className += ' ' + compoundClassName;
77
- return className;
78
- };
79
- runtimeFn.variants = ()=>Object.keys(config.variantClassNames);
80
- runtimeFn.classNames = {
81
- get base () {
82
- return config.defaultClassName.split(' ')[0];
83
- },
84
- get variants () {
85
- return mapValues(config.variantClassNames, (classNames)=>mapValues(classNames, (className)=>className.split(' ')[0]));
86
- }
87
- };
88
- return runtimeFn;
89
- };
90
- __webpack_require__.d(__webpack_exports__, {
91
- c: ()=>createRuntimeFn
92
- });
93
- },
94
- 891 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
95
- __webpack_require__.d(__webpack_exports__, {
96
- ij: ()=>descriptionText,
97
- kc: ()=>errorText,
98
- Ij: ()=>fieldControl,
99
- Pf: ()=>label,
100
- Zy: ()=>requiredMark
101
- });
102
- var createRuntimeFn_62c9670f_esm = __webpack_require__(400);
103
- var descriptionText = 'sbqkrxd';
104
- var errorText = 'sbqkrxe';
105
- var fieldControl = (0, createRuntimeFn_62c9670f_esm.c)({
106
- defaultClassName: 'sbqkrx0',
107
- variantClassNames: {
108
- size: {
109
- sm: 'sbqkrx1',
110
- md: 'sbqkrx2',
111
- lg: 'sbqkrx3'
112
- },
113
- invalid: {
114
- true: 'sbqkrx4'
115
- }
116
- },
117
- defaultVariants: {
118
- size: 'md'
119
- },
120
- compoundVariants: []
121
- });
122
- var label = 'sbqkrxb';
123
- var requiredMark = 'sbqkrxc';
124
- },
125
- 629 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
126
- __webpack_require__.d(__webpack_exports__, {
127
- jw: ()=>chip,
128
- dY: ()=>chipOverflow,
129
- lv: ()=>chipRemove,
130
- BQ: ()=>chipRow,
131
- Qs: ()=>content,
132
- Ie: ()=>empty,
133
- AS: ()=>item,
134
- be: ()=>itemIndicator,
135
- p_: ()=>list,
136
- qf: ()=>placeholder,
137
- qc: ()=>searchIcon,
138
- Rt: ()=>searchInput,
139
- sf: ()=>searchWrapper,
140
- I3: ()=>triggerBox
141
- });
142
- var chip = '_1u69cbse';
143
- var chipOverflow = '_1u69cbsf';
144
- var chipRemove = '_1u69cbsg';
145
- var chipRow = '_1u69cbsd';
146
- var content = '_1u69cbs0';
147
- var empty = '_1u69cbs4';
148
- var item = '_1u69cbs2';
149
- var itemIndicator = '_1u69cbs3';
150
- var list = '_1u69cbs1';
151
- var placeholder = '_1u69cbs5';
152
- var searchIcon = '_1u69cbsa';
153
- var searchInput = '_1u69cbsb';
154
- var searchWrapper = '_1u69cbs9';
155
- var triggerBox = '_1u69cbsc';
156
- },
157
- 140 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
158
- var react_jsx_runtime__rspack_import_0 = __webpack_require__(732);
159
- var _field_css__rspack_import_1 = __webpack_require__(891);
160
- const describedByIds = (id, { description, error })=>{
161
- const ids = [];
162
- if (description) ids.push(`${id}-description`);
163
- if (error) ids.push(`${id}-error`);
164
- return ids.length > 0 ? ids.join(' ') : void 0;
165
- };
166
- const FieldChrome = ({ id, label, description, error, required, children, disableLabelFor = false })=>/*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsxs)("div", {
167
- children: [
168
- label ? /*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsxs)("label", {
169
- htmlFor: disableLabelFor ? void 0 : id,
170
- id: `${id}-label`,
171
- className: _field_css__rspack_import_1.Pf,
172
- children: [
173
- label,
174
- required ? /*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("span", {
175
- className: _field_css__rspack_import_1.Zy,
176
- "aria-hidden": "true",
177
- children: "*"
178
- }) : null
179
- ]
180
- }) : null,
181
- children,
182
- description ? /*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("p", {
183
- id: `${id}-description`,
184
- className: _field_css__rspack_import_1.ij,
185
- children: description
186
- }) : null,
187
- error ? /*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("p", {
188
- id: `${id}-error`,
189
- className: _field_css__rspack_import_1.kc,
190
- role: "alert",
191
- children: error
192
- }) : null
193
- ]
194
- });
195
- const __rspack_default_export = FieldChrome;
196
- __webpack_require__.d(__webpack_exports__, {}, {
197
- A: __rspack_default_export,
198
- z: describedByIds
199
- });
200
- },
201
- 283 (module) {
202
- module.exports = require("@radix-ui/react-popover");
203
- },
204
- 586 (module) {
205
- module.exports = require("@vinyasa/icons");
206
- },
207
- 817 (module) {
208
- module.exports = require("cmdk");
209
- },
210
- 15 (module) {
211
- module.exports = require("react");
212
- },
213
- 732 (module) {
214
- module.exports = require("react/jsx-runtime");
215
- }
216
- };
217
- var __webpack_module_cache__ = {};
218
- function __webpack_require__(moduleId) {
219
- var cachedModule = __webpack_module_cache__[moduleId];
220
- if (void 0 !== cachedModule) return cachedModule.exports;
221
- var module = __webpack_module_cache__[moduleId] = {
222
- exports: {}
223
- };
224
- __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
225
- return module.exports;
226
- }
227
- (()=>{
228
- __webpack_require__.n = (module)=>{
229
- var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
230
- __webpack_require__.d(getter, {
231
- a: getter
232
- });
233
- return getter;
234
- };
235
- })();
2
+ var __webpack_require__ = {};
236
3
  (()=>{
237
4
  __webpack_require__.d = (exports1, getters, values)=>{
238
5
  var define = (defs, kind)=>{
@@ -259,177 +26,766 @@ function __webpack_require__(moduleId) {
259
26
  };
260
27
  })();
261
28
  var __webpack_exports__ = {};
262
- (()=>{
263
- __webpack_require__.r(__webpack_exports__);
264
- __webpack_require__.d(__webpack_exports__, {
265
- default: ()=>multi_select
29
+ __webpack_require__.r(__webpack_exports__);
30
+ __webpack_require__.d(__webpack_exports__, {
31
+ MultiSelect: ()=>MultiSelect,
32
+ MultiSelectChip: ()=>MultiSelectChip,
33
+ MultiSelectChipOverflow: ()=>MultiSelectChipOverflow,
34
+ MultiSelectChipRemove: ()=>MultiSelectChipRemove,
35
+ MultiSelectChipRow: ()=>MultiSelectChipRow,
36
+ MultiSelectContent: ()=>ComboboxContent,
37
+ MultiSelectEmpty: ()=>ComboboxEmpty,
38
+ MultiSelectInput: ()=>ComboboxInput,
39
+ MultiSelectItem: ()=>ComboboxItem,
40
+ MultiSelectItemIndicator: ()=>ComboboxItemIndicator,
41
+ MultiSelectList: ()=>ComboboxList,
42
+ MultiSelectPlaceholder: ()=>MultiSelectPlaceholder,
43
+ MultiSelectTrigger: ()=>MultiSelectTrigger
44
+ });
45
+ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
46
+ const react_popover_namespaceObject = require("@radix-ui/react-popover");
47
+ const icons_namespaceObject = require("@vinyasa/icons");
48
+ function toPrimitive(t, r) {
49
+ if ("object" != typeof t || !t) return t;
50
+ var e = t[Symbol.toPrimitive];
51
+ if (void 0 !== e) {
52
+ var i = e.call(t, r || "default");
53
+ if ("object" != typeof i) return i;
54
+ throw new TypeError("@@toPrimitive must return a primitive value.");
55
+ }
56
+ return ("string" === r ? String : Number)(t);
57
+ }
58
+ function toPropertyKey(t) {
59
+ var i = toPrimitive(t, "string");
60
+ return "symbol" == typeof i ? i : String(i);
61
+ }
62
+ function _defineProperty(obj, key, value) {
63
+ key = toPropertyKey(key);
64
+ if (key in obj) Object.defineProperty(obj, key, {
65
+ value: value,
66
+ enumerable: true,
67
+ configurable: true,
68
+ writable: true
266
69
  });
267
- var jsx_runtime_ = __webpack_require__(732);
268
- var react_popover_ = __webpack_require__(283);
269
- var icons_ = __webpack_require__(586);
270
- var external_cmdk_ = __webpack_require__(817);
271
- var external_react_ = __webpack_require__(15);
272
- var field = __webpack_require__(140);
273
- var field_css = __webpack_require__(891);
274
- var selectPopover_css = __webpack_require__(629);
275
- const optionText = (option)=>'string' == typeof option.label ? option.label : option.value;
276
- const MultiSelect = ({ options, value, defaultValue = [], onValueChange, placeholder, label, description, error, required, size, emptyMessage = 'No results found.', maxVisibleChips = 2, trigger, id: idProp })=>{
277
- const [internalValue, setInternalValue] = (0, external_react_.useState)(defaultValue);
278
- const isControlled = void 0 !== value;
279
- const currentValue = isControlled ? value : internalValue;
280
- const [open, setOpen] = (0, external_react_.useState)(false);
281
- const generatedId = (0, external_react_.useId)();
282
- const id = null != idProp ? idProp : generatedId;
283
- const setValue = (next)=>{
284
- if (!isControlled) setInternalValue(next);
285
- null == onValueChange || onValueChange(next);
286
- };
287
- const toggleValue = (optionValue)=>{
288
- setValue(currentValue.includes(optionValue) ? currentValue.filter((entry)=>entry !== optionValue) : [
289
- ...currentValue,
290
- optionValue
291
- ]);
292
- };
293
- const removeValue = (optionValue)=>{
294
- setValue(currentValue.filter((entry)=>entry !== optionValue));
295
- };
296
- const selectedOptions = options.filter((option)=>currentValue.includes(option.value));
297
- const visibleOptions = selectedOptions.slice(0, maxVisibleChips);
298
- const overflowCount = selectedOptions.length - visibleOptions.length;
299
- return /*#__PURE__*/ (0, jsx_runtime_.jsx)(field.A, {
70
+ else obj[key] = value;
71
+ return obj;
72
+ }
73
+ function createRuntimeFn_62c9670f_esm_ownKeys(e, r) {
74
+ var t = Object.keys(e);
75
+ if (Object.getOwnPropertySymbols) {
76
+ var o = Object.getOwnPropertySymbols(e);
77
+ r && (o = o.filter(function(r) {
78
+ return Object.getOwnPropertyDescriptor(e, r).enumerable;
79
+ })), t.push.apply(t, o);
80
+ }
81
+ return t;
82
+ }
83
+ function _objectSpread2(e) {
84
+ for(var r = 1; r < arguments.length; r++){
85
+ var t = null != arguments[r] ? arguments[r] : {};
86
+ r % 2 ? createRuntimeFn_62c9670f_esm_ownKeys(Object(t), !0).forEach(function(r) {
87
+ _defineProperty(e, r, t[r]);
88
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : createRuntimeFn_62c9670f_esm_ownKeys(Object(t)).forEach(function(r) {
89
+ Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
90
+ });
91
+ }
92
+ return e;
93
+ }
94
+ function mapValues(input, fn) {
95
+ var result = {};
96
+ for(var _key in input)result[_key] = fn(input[_key], _key);
97
+ return result;
98
+ }
99
+ var shouldApplyCompound = (compoundCheck, selections, defaultVariants)=>{
100
+ for (var key of Object.keys(compoundCheck)){
101
+ var _selections$key;
102
+ if (compoundCheck[key] !== (null != (_selections$key = selections[key]) ? _selections$key : defaultVariants[key])) return false;
103
+ }
104
+ return true;
105
+ };
106
+ var createRuntimeFn = (config)=>{
107
+ var runtimeFn = (options)=>{
108
+ var className = config.defaultClassName;
109
+ var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
110
+ for(var variantName in selections){
111
+ var _selections$variantNa;
112
+ var variantSelection = null != (_selections$variantNa = selections[variantName]) ? _selections$variantNa : config.defaultVariants[variantName];
113
+ if (null != variantSelection) {
114
+ var selection = variantSelection;
115
+ if ('boolean' == typeof selection) selection = true === selection ? 'true' : 'false';
116
+ var selectionClassName = config.variantClassNames[variantName][selection];
117
+ if (selectionClassName) className += ' ' + selectionClassName;
118
+ }
119
+ }
120
+ for (var [compoundCheck, compoundClassName] of config.compoundVariants)if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) className += ' ' + compoundClassName;
121
+ return className;
122
+ };
123
+ runtimeFn.variants = ()=>Object.keys(config.variantClassNames);
124
+ runtimeFn.classNames = {
125
+ get base () {
126
+ return config.defaultClassName.split(' ')[0];
127
+ },
128
+ get variants () {
129
+ return mapValues(config.variantClassNames, (classNames)=>mapValues(classNames, (className)=>className.split(' ')[0]));
130
+ }
131
+ };
132
+ return runtimeFn;
133
+ };
134
+ var descriptionText = 'sbqkrxd';
135
+ var errorText = 'sbqkrxe';
136
+ var fieldControl = createRuntimeFn({
137
+ defaultClassName: 'sbqkrx0',
138
+ variantClassNames: {
139
+ size: {
140
+ sm: 'sbqkrx1',
141
+ md: 'sbqkrx2',
142
+ lg: 'sbqkrx3'
143
+ },
144
+ invalid: {
145
+ true: 'sbqkrx4'
146
+ }
147
+ },
148
+ defaultVariants: {
149
+ size: 'md'
150
+ },
151
+ compoundVariants: []
152
+ });
153
+ var label = 'sbqkrxb';
154
+ var requiredMark = 'sbqkrxc';
155
+ var chip = '_1u69cbse';
156
+ var chipOverflow = '_1u69cbsf';
157
+ var chipRemove = '_1u69cbsg';
158
+ var chipRow = '_1u69cbsd';
159
+ var content = '_1u69cbs0';
160
+ var empty = '_1u69cbs4';
161
+ var item = '_1u69cbs2';
162
+ var itemIndicator = '_1u69cbs3';
163
+ var list = '_1u69cbs1';
164
+ var placeholder = '_1u69cbs5';
165
+ var searchIcon = '_1u69cbsa';
166
+ var searchInput = '_1u69cbsb';
167
+ var searchWrapper = '_1u69cbs9';
168
+ var trigger = '_1u69cbs6';
169
+ var triggerBox = '_1u69cbsc';
170
+ var triggerIcon = '_1u69cbs7';
171
+ var triggerText = '_1u69cbs8';
172
+ const react_slot_namespaceObject = require("@radix-ui/react-slot");
173
+ const external_react_namespaceObject = require("react");
174
+ function _define_property(obj, key, value) {
175
+ if (key in obj) Object.defineProperty(obj, key, {
176
+ value: value,
177
+ enumerable: true,
178
+ configurable: true,
179
+ writable: true
180
+ });
181
+ else obj[key] = value;
182
+ return obj;
183
+ }
184
+ function _object_spread(target) {
185
+ for(var i = 1; i < arguments.length; i++){
186
+ var source = null != arguments[i] ? arguments[i] : {};
187
+ var ownKeys = Object.keys(source);
188
+ if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
189
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
190
+ }));
191
+ ownKeys.forEach(function(key) {
192
+ _define_property(target, key, source[key]);
193
+ });
194
+ }
195
+ return target;
196
+ }
197
+ function Field_ownKeys(object, enumerableOnly) {
198
+ var keys = Object.keys(object);
199
+ if (Object.getOwnPropertySymbols) {
200
+ var symbols = Object.getOwnPropertySymbols(object);
201
+ if (enumerableOnly) symbols = symbols.filter(function(sym) {
202
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
203
+ });
204
+ keys.push.apply(keys, symbols);
205
+ }
206
+ return keys;
207
+ }
208
+ function _object_spread_props(target, source) {
209
+ source = null != source ? source : {};
210
+ if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
211
+ else Field_ownKeys(Object(source)).forEach(function(key) {
212
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
213
+ });
214
+ return target;
215
+ }
216
+ function _object_without_properties(source, excluded) {
217
+ if (null == source) return {};
218
+ var target = {}, sourceKeys, key, i;
219
+ if ("u" > typeof Reflect && Reflect.ownKeys) {
220
+ sourceKeys = Reflect.ownKeys(Object(source));
221
+ for(i = 0; i < sourceKeys.length; i++){
222
+ key = sourceKeys[i];
223
+ if (!(excluded.indexOf(key) >= 0)) {
224
+ if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
225
+ }
226
+ }
227
+ return target;
228
+ }
229
+ target = _object_without_properties_loose(source, excluded);
230
+ if (Object.getOwnPropertySymbols) {
231
+ sourceKeys = Object.getOwnPropertySymbols(source);
232
+ for(i = 0; i < sourceKeys.length; i++){
233
+ key = sourceKeys[i];
234
+ if (!(excluded.indexOf(key) >= 0)) {
235
+ if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
236
+ }
237
+ }
238
+ }
239
+ return target;
240
+ }
241
+ function _object_without_properties_loose(source, excluded) {
242
+ if (null == source) return {};
243
+ var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
244
+ for(i = 0; i < sourceKeys.length; i++){
245
+ key = sourceKeys[i];
246
+ if (!(excluded.indexOf(key) >= 0)) {
247
+ if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
248
+ }
249
+ }
250
+ return target;
251
+ }
252
+ const FieldContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(null);
253
+ const useFieldContext = ()=>(0, external_react_namespaceObject.useContext)(FieldContext);
254
+ const useResolvedFieldProps = (props)=>{
255
+ var _ref, _props_id, _ref1, _props_invalid, _props_describedBy;
256
+ const context = useFieldContext();
257
+ const generatedId = (0, external_react_namespaceObject.useId)();
258
+ return {
259
+ id: null != (_ref = null != (_props_id = props.id) ? _props_id : null == context ? void 0 : context.id) ? _ref : generatedId,
260
+ invalid: null != (_ref1 = null != (_props_invalid = props.invalid) ? _props_invalid : null == context ? void 0 : context.invalid) ? _ref1 : false,
261
+ describedBy: null != (_props_describedBy = props.describedBy) ? _props_describedBy : null == context ? void 0 : context.describedBy
262
+ };
263
+ };
264
+ const Field = (_0)=>{
265
+ let { invalid = false, children } = _0, rest = _object_without_properties(_0, [
266
+ "invalid",
267
+ "children"
268
+ ]);
269
+ const generatedId = (0, external_react_namespaceObject.useId)();
270
+ const descriptionId = `${generatedId}-description`;
271
+ const errorId = `${generatedId}-error`;
272
+ const labelId = `${generatedId}-label`;
273
+ const directChildren = external_react_namespaceObject.Children.toArray(children).filter(external_react_namespaceObject.isValidElement);
274
+ const describedByIds = directChildren.reduce((ids, child)=>{
275
+ if (child.type === FieldDescription) ids.push(descriptionId);
276
+ if (child.type === FieldError) ids.push(errorId);
277
+ return ids;
278
+ }, []);
279
+ const labelChild = directChildren.find((child)=>child.type === FieldLabel);
280
+ const labelChildText = labelChild && 'string' == typeof labelChild.props.children ? labelChild.props.children : void 0;
281
+ const value = {
282
+ id: generatedId,
283
+ descriptionId,
284
+ errorId,
285
+ describedBy: describedByIds.length > 0 ? describedByIds.join(' ') : void 0,
286
+ invalid,
287
+ labelId: labelChild ? labelId : void 0,
288
+ labelText: labelChildText
289
+ };
290
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FieldContext.Provider, {
291
+ value: value,
292
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", _object_spread_props(_object_spread({}, rest), {
293
+ children: children
294
+ }))
295
+ });
296
+ };
297
+ Field.displayName = 'Field';
298
+ const FieldLabel = (_0)=>{
299
+ let { required, htmlFor, id, children } = _0, rest = _object_without_properties(_0, [
300
+ "required",
301
+ "htmlFor",
302
+ "id",
303
+ "children"
304
+ ]);
305
+ const context = useFieldContext();
306
+ const resolvedHtmlFor = false === htmlFor ? void 0 : null != htmlFor ? htmlFor : null == context ? void 0 : context.id;
307
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("label", _object_spread_props(_object_spread({
308
+ htmlFor: resolvedHtmlFor,
309
+ id: null != id ? id : null == context ? void 0 : context.labelId,
310
+ className: label
311
+ }, rest), {
312
+ children: [
313
+ children,
314
+ required ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
315
+ className: requiredMark,
316
+ "aria-hidden": "true",
317
+ children: "*"
318
+ }) : null
319
+ ]
320
+ }));
321
+ };
322
+ FieldLabel.displayName = 'FieldLabel';
323
+ const FieldControl = (_0)=>{
324
+ let { children } = _0, rest = _object_without_properties(_0, [
325
+ "children"
326
+ ]);
327
+ const context = useFieldContext();
328
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_slot_namespaceObject.Slot, _object_spread_props(_object_spread({
329
+ id: null == context ? void 0 : context.id,
330
+ "aria-describedby": null == context ? void 0 : context.describedBy,
331
+ "aria-invalid": null == context ? void 0 : context.invalid
332
+ }, rest), {
333
+ children: children
334
+ }));
335
+ };
336
+ FieldControl.displayName = 'FieldControl';
337
+ const FieldDescription = (_0)=>{
338
+ let { id } = _0, rest = _object_without_properties(_0, [
339
+ "id"
340
+ ]);
341
+ const context = useFieldContext();
342
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", _object_spread({
343
+ id: null != id ? id : null == context ? void 0 : context.descriptionId,
344
+ className: descriptionText
345
+ }, rest));
346
+ };
347
+ FieldDescription.displayName = "FieldDescription";
348
+ const FieldError = (_0)=>{
349
+ let { id } = _0, rest = _object_without_properties(_0, [
350
+ "id"
351
+ ]);
352
+ const context = useFieldContext();
353
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", _object_spread({
354
+ id: null != id ? id : null == context ? void 0 : context.errorId,
355
+ className: errorText,
356
+ role: "alert"
357
+ }, rest));
358
+ };
359
+ FieldError.displayName = 'FieldError';
360
+ function MultiSelect_define_property(obj, key, value) {
361
+ if (key in obj) Object.defineProperty(obj, key, {
362
+ value: value,
363
+ enumerable: true,
364
+ configurable: true,
365
+ writable: true
366
+ });
367
+ else obj[key] = value;
368
+ return obj;
369
+ }
370
+ function MultiSelect_object_spread(target) {
371
+ for(var i = 1; i < arguments.length; i++){
372
+ var source = null != arguments[i] ? arguments[i] : {};
373
+ var ownKeys = Object.keys(source);
374
+ if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
375
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
376
+ }));
377
+ ownKeys.forEach(function(key) {
378
+ MultiSelect_define_property(target, key, source[key]);
379
+ });
380
+ }
381
+ return target;
382
+ }
383
+ function MultiSelect_ownKeys(object, enumerableOnly) {
384
+ var keys = Object.keys(object);
385
+ if (Object.getOwnPropertySymbols) {
386
+ var symbols = Object.getOwnPropertySymbols(object);
387
+ if (enumerableOnly) symbols = symbols.filter(function(sym) {
388
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
389
+ });
390
+ keys.push.apply(keys, symbols);
391
+ }
392
+ return keys;
393
+ }
394
+ function MultiSelect_object_spread_props(target, source) {
395
+ source = null != source ? source : {};
396
+ if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
397
+ else MultiSelect_ownKeys(Object(source)).forEach(function(key) {
398
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
399
+ });
400
+ return target;
401
+ }
402
+ function MultiSelect_object_without_properties(source, excluded) {
403
+ if (null == source) return {};
404
+ var target = {}, sourceKeys, key, i;
405
+ if ("u" > typeof Reflect && Reflect.ownKeys) {
406
+ sourceKeys = Reflect.ownKeys(Object(source));
407
+ for(i = 0; i < sourceKeys.length; i++){
408
+ key = sourceKeys[i];
409
+ if (!(excluded.indexOf(key) >= 0)) {
410
+ if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
411
+ }
412
+ }
413
+ return target;
414
+ }
415
+ target = MultiSelect_object_without_properties_loose(source, excluded);
416
+ if (Object.getOwnPropertySymbols) {
417
+ sourceKeys = Object.getOwnPropertySymbols(source);
418
+ for(i = 0; i < sourceKeys.length; i++){
419
+ key = sourceKeys[i];
420
+ if (!(excluded.indexOf(key) >= 0)) {
421
+ if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
422
+ }
423
+ }
424
+ }
425
+ return target;
426
+ }
427
+ function MultiSelect_object_without_properties_loose(source, excluded) {
428
+ if (null == source) return {};
429
+ var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
430
+ for(i = 0; i < sourceKeys.length; i++){
431
+ key = sourceKeys[i];
432
+ if (!(excluded.indexOf(key) >= 0)) {
433
+ if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
434
+ }
435
+ }
436
+ return target;
437
+ }
438
+ const MultiSelect = react_popover_namespaceObject.Root;
439
+ const MultiSelectTrigger = (_0)=>{
440
+ let { invalid, size, id: idProp, className, onKeyDown } = _0, rest = MultiSelect_object_without_properties(_0, [
441
+ "invalid",
442
+ "size",
443
+ "id",
444
+ "className",
445
+ "onKeyDown"
446
+ ]);
447
+ var _useFieldContext;
448
+ const { id, invalid: isInvalid, describedBy } = useResolvedFieldProps({
449
+ id: idProp,
450
+ invalid
451
+ });
452
+ const labelId = null == (_useFieldContext = useFieldContext()) ? void 0 : _useFieldContext.labelId;
453
+ const base = `${fieldControl({
454
+ size,
455
+ invalid: isInvalid
456
+ })} ${triggerBox}`;
457
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Trigger, {
458
+ asChild: true,
459
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", MultiSelect_object_spread({
300
460
  id: id,
301
- label: label,
302
- description: description,
303
- error: error,
304
- required: required,
305
- children: /*#__PURE__*/ (0, jsx_runtime_.jsxs)(react_popover_.Root, {
306
- open: open,
307
- onOpenChange: setOpen,
308
- children: [
309
- /*#__PURE__*/ (0, jsx_runtime_.jsx)(react_popover_.Trigger, {
310
- asChild: true,
311
- children: null != trigger ? trigger : /*#__PURE__*/ (0, jsx_runtime_.jsx)("div", {
312
- id: id,
313
- role: "combobox",
314
- "aria-expanded": open,
315
- "aria-labelledby": label ? `${id}-label` : void 0,
316
- "aria-describedby": (0, field.z)(id, {
317
- description,
318
- error
319
- }),
320
- tabIndex: 0,
321
- className: `${(0, field_css.Ij)({
322
- size,
323
- invalid: Boolean(error)
324
- })} ${selectPopover_css.I3}`,
325
- onKeyDown: (event)=>{
326
- if ('Enter' === event.key || ' ' === event.key) {
327
- event.preventDefault();
328
- setOpen((previous)=>!previous);
329
- }
330
- },
331
- children: /*#__PURE__*/ (0, jsx_runtime_.jsxs)("span", {
332
- className: selectPopover_css.BQ,
333
- children: [
334
- 0 === selectedOptions.length ? /*#__PURE__*/ (0, jsx_runtime_.jsx)("span", {
335
- className: selectPopover_css.qf,
336
- children: placeholder
337
- }) : null,
338
- visibleOptions.map((option)=>/*#__PURE__*/ (0, jsx_runtime_.jsxs)("span", {
339
- className: selectPopover_css.jw,
340
- children: [
341
- option.label,
342
- /*#__PURE__*/ (0, jsx_runtime_.jsx)("button", {
343
- type: "button",
344
- className: selectPopover_css.lv,
345
- "aria-label": `Remove ${optionText(option)}`,
346
- onClick: (event)=>{
347
- event.stopPropagation();
348
- removeValue(option.value);
349
- },
350
- children: /*#__PURE__*/ (0, jsx_runtime_.jsx)(icons_.XIcon, {})
351
- })
352
- ]
353
- }, option.value)),
354
- overflowCount > 0 ? /*#__PURE__*/ (0, jsx_runtime_.jsxs)("span", {
355
- className: selectPopover_css.dY,
356
- children: [
357
- "+",
358
- overflowCount
359
- ]
360
- }) : null
361
- ]
362
- })
363
- })
364
- }),
365
- /*#__PURE__*/ (0, jsx_runtime_.jsx)(react_popover_.Content, {
366
- className: selectPopover_css.Qs,
367
- align: "start",
368
- sideOffset: 4,
369
- onOpenAutoFocus: (event)=>{
370
- event.preventDefault();
371
- },
372
- children: /*#__PURE__*/ (0, jsx_runtime_.jsxs)(external_cmdk_.Command, {
373
- loop: true,
374
- label: "Search options",
375
- children: [
376
- /*#__PURE__*/ (0, jsx_runtime_.jsxs)("div", {
377
- className: selectPopover_css.sf,
378
- children: [
379
- /*#__PURE__*/ (0, jsx_runtime_.jsx)("span", {
380
- className: selectPopover_css.qc,
381
- "aria-hidden": "true",
382
- children: /*#__PURE__*/ (0, jsx_runtime_.jsx)(icons_.SearchIcon, {})
383
- }),
384
- /*#__PURE__*/ (0, jsx_runtime_.jsx)(external_cmdk_.Command.Input, {
385
- placeholder: "Search…",
386
- className: selectPopover_css.Rt
387
- })
388
- ]
389
- }),
390
- /*#__PURE__*/ (0, jsx_runtime_.jsxs)(external_cmdk_.Command.List, {
391
- className: selectPopover_css.p_,
392
- children: [
393
- /*#__PURE__*/ (0, jsx_runtime_.jsx)(external_cmdk_.Command.Empty, {
394
- className: selectPopover_css.Ie,
395
- children: emptyMessage
396
- }),
397
- options.map((option)=>{
398
- const isSelected = currentValue.includes(option.value);
399
- return /*#__PURE__*/ (0, jsx_runtime_.jsxs)(external_cmdk_.Command.Item, {
400
- value: optionText(option),
401
- disabled: option.disabled,
402
- onSelect: ()=>{
403
- toggleValue(option.value);
404
- },
405
- className: selectPopover_css.AS,
406
- "data-selected": isSelected,
407
- "data-disabled": option.disabled,
408
- children: [
409
- option.label,
410
- isSelected ? /*#__PURE__*/ (0, jsx_runtime_.jsx)("span", {
411
- className: selectPopover_css.be,
412
- children: /*#__PURE__*/ (0, jsx_runtime_.jsx)(icons_.CheckIcon, {})
413
- }) : null
414
- ]
415
- }, option.value);
416
- })
417
- ]
418
- })
419
- ]
420
- })
421
- })
422
- ]
423
- })
461
+ role: "combobox",
462
+ "aria-labelledby": labelId,
463
+ "aria-invalid": isInvalid,
464
+ "aria-describedby": describedBy,
465
+ tabIndex: 0,
466
+ className: className ? `${base} ${className}` : base,
467
+ onKeyDown: (event)=>{
468
+ null == onKeyDown || onKeyDown(event);
469
+ if ('Enter' === event.key || ' ' === event.key) {
470
+ event.preventDefault();
471
+ event.currentTarget.click();
472
+ }
473
+ }
474
+ }, rest))
475
+ });
476
+ };
477
+ MultiSelectTrigger.displayName = 'MultiSelectTrigger';
478
+ const MultiSelectPlaceholder = (_0)=>{
479
+ let { className } = _0, rest = MultiSelect_object_without_properties(_0, [
480
+ "className"
481
+ ]);
482
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", MultiSelect_object_spread({
483
+ className: className ? `${placeholder} ${className}` : placeholder
484
+ }, rest));
485
+ };
486
+ MultiSelectPlaceholder.displayName = 'MultiSelectPlaceholder';
487
+ const MultiSelectChipRow = (_0)=>{
488
+ let { className } = _0, rest = MultiSelect_object_without_properties(_0, [
489
+ "className"
490
+ ]);
491
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", MultiSelect_object_spread({
492
+ className: className ? `${chipRow} ${className}` : chipRow
493
+ }, rest));
494
+ };
495
+ MultiSelectChipRow.displayName = 'MultiSelectChipRow';
496
+ const MultiSelectChip = (_0)=>{
497
+ let { className } = _0, rest = MultiSelect_object_without_properties(_0, [
498
+ "className"
499
+ ]);
500
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", MultiSelect_object_spread({
501
+ className: className ? `${chip} ${className}` : chip
502
+ }, rest));
503
+ };
504
+ MultiSelectChip.displayName = 'MultiSelectChip';
505
+ const MultiSelectChipRemove = (_0)=>{
506
+ let { className, children, type = 'button' } = _0, rest = MultiSelect_object_without_properties(_0, [
507
+ "className",
508
+ "children",
509
+ "type"
510
+ ]);
511
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", MultiSelect_object_spread_props(MultiSelect_object_spread({
512
+ type: type,
513
+ className: className ? `${chipRemove} ${className}` : chipRemove
514
+ }, rest), {
515
+ children: null != children ? children : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.XIcon, {})
516
+ }));
517
+ };
518
+ MultiSelectChipRemove.displayName = 'MultiSelectChipRemove';
519
+ const MultiSelectChipOverflow = (_0)=>{
520
+ let { className } = _0, rest = MultiSelect_object_without_properties(_0, [
521
+ "className"
522
+ ]);
523
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", MultiSelect_object_spread({
524
+ className: className ? `${chipOverflow} ${className}` : chipOverflow
525
+ }, rest));
526
+ };
527
+ MultiSelectChipOverflow.displayName = 'MultiSelectChipOverflow';
528
+ const external_cmdk_namespaceObject = require("cmdk");
529
+ function Combobox_define_property(obj, key, value) {
530
+ if (key in obj) Object.defineProperty(obj, key, {
531
+ value: value,
532
+ enumerable: true,
533
+ configurable: true,
534
+ writable: true
535
+ });
536
+ else obj[key] = value;
537
+ return obj;
538
+ }
539
+ function Combobox_object_spread(target) {
540
+ for(var i = 1; i < arguments.length; i++){
541
+ var source = null != arguments[i] ? arguments[i] : {};
542
+ var ownKeys = Object.keys(source);
543
+ if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
544
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
545
+ }));
546
+ ownKeys.forEach(function(key) {
547
+ Combobox_define_property(target, key, source[key]);
548
+ });
549
+ }
550
+ return target;
551
+ }
552
+ function Combobox_ownKeys(object, enumerableOnly) {
553
+ var keys = Object.keys(object);
554
+ if (Object.getOwnPropertySymbols) {
555
+ var symbols = Object.getOwnPropertySymbols(object);
556
+ if (enumerableOnly) symbols = symbols.filter(function(sym) {
557
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
424
558
  });
559
+ keys.push.apply(keys, symbols);
560
+ }
561
+ return keys;
562
+ }
563
+ function Combobox_object_spread_props(target, source) {
564
+ source = null != source ? source : {};
565
+ if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
566
+ else Combobox_ownKeys(Object(source)).forEach(function(key) {
567
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
568
+ });
569
+ return target;
570
+ }
571
+ function Combobox_object_without_properties(source, excluded) {
572
+ if (null == source) return {};
573
+ var target = {}, sourceKeys, key, i;
574
+ if ("u" > typeof Reflect && Reflect.ownKeys) {
575
+ sourceKeys = Reflect.ownKeys(Object(source));
576
+ for(i = 0; i < sourceKeys.length; i++){
577
+ key = sourceKeys[i];
578
+ if (!(excluded.indexOf(key) >= 0)) {
579
+ if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
580
+ }
581
+ }
582
+ return target;
583
+ }
584
+ target = Combobox_object_without_properties_loose(source, excluded);
585
+ if (Object.getOwnPropertySymbols) {
586
+ sourceKeys = Object.getOwnPropertySymbols(source);
587
+ for(i = 0; i < sourceKeys.length; i++){
588
+ key = sourceKeys[i];
589
+ if (!(excluded.indexOf(key) >= 0)) {
590
+ if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
591
+ }
592
+ }
593
+ }
594
+ return target;
595
+ }
596
+ function Combobox_object_without_properties_loose(source, excluded) {
597
+ if (null == source) return {};
598
+ var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
599
+ for(i = 0; i < sourceKeys.length; i++){
600
+ key = sourceKeys[i];
601
+ if (!(excluded.indexOf(key) >= 0)) {
602
+ if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
603
+ }
604
+ }
605
+ return target;
606
+ }
607
+ const ComboboxOpenContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(null);
608
+ const Combobox = (_0)=>{
609
+ let { open, defaultOpen, onOpenChange, children } = _0, rest = Combobox_object_without_properties(_0, [
610
+ "open",
611
+ "defaultOpen",
612
+ "onOpenChange",
613
+ "children"
614
+ ]);
615
+ const [internalOpen, setInternalOpen] = (0, external_react_namespaceObject.useState)(null != defaultOpen ? defaultOpen : false);
616
+ const isControlled = void 0 !== open;
617
+ const currentOpen = isControlled ? open : internalOpen;
618
+ const handleOpenChange = (next)=>{
619
+ if (!isControlled) setInternalOpen(next);
620
+ null == onOpenChange || onOpenChange(next);
425
621
  };
426
- MultiSelect.displayName = 'MultiSelect';
427
- const multi_select_MultiSelect = MultiSelect;
428
- const multi_select = multi_select_MultiSelect;
429
- })();
430
- exports["default"] = __webpack_exports__["default"];
622
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ComboboxOpenContext.Provider, {
623
+ value: handleOpenChange,
624
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Root, Combobox_object_spread_props(Combobox_object_spread({
625
+ open: currentOpen,
626
+ onOpenChange: handleOpenChange
627
+ }, rest), {
628
+ children: children
629
+ }))
630
+ });
631
+ };
632
+ Combobox.displayName = 'Combobox';
633
+ const ComboboxTrigger = (_0)=>{
634
+ let { invalid, size, id: idProp, className } = _0, rest = Combobox_object_without_properties(_0, [
635
+ "invalid",
636
+ "size",
637
+ "id",
638
+ "className"
639
+ ]);
640
+ const { id, invalid: isInvalid, describedBy } = useResolvedFieldProps({
641
+ id: idProp,
642
+ invalid
643
+ });
644
+ const base = `${fieldControl({
645
+ size,
646
+ invalid: isInvalid
647
+ })} ${trigger}`;
648
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Trigger, Combobox_object_spread({
649
+ id: id,
650
+ className: className ? `${base} ${className}` : base,
651
+ "aria-invalid": isInvalid,
652
+ "aria-describedby": describedBy
653
+ }, rest));
654
+ };
655
+ ComboboxTrigger.displayName = 'ComboboxTrigger';
656
+ const ComboboxValue = (_0)=>{
657
+ let { className } = _0, rest = Combobox_object_without_properties(_0, [
658
+ "className"
659
+ ]);
660
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", Combobox_object_spread({
661
+ className: className ? `${triggerText} ${className}` : triggerText
662
+ }, rest));
663
+ };
664
+ ComboboxValue.displayName = 'ComboboxValue';
665
+ const ComboboxIcon = (_0)=>{
666
+ let { className, children } = _0, rest = Combobox_object_without_properties(_0, [
667
+ "className",
668
+ "children"
669
+ ]);
670
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", Combobox_object_spread_props(Combobox_object_spread({
671
+ className: className ? `${triggerIcon} ${className}` : triggerIcon,
672
+ "aria-hidden": "true"
673
+ }, rest), {
674
+ children: null != children ? children : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ChevronDownIcon, {})
675
+ }));
676
+ };
677
+ ComboboxIcon.displayName = 'ComboboxIcon';
678
+ const ComboboxContent = (_0)=>{
679
+ let { className, children } = _0, rest = Combobox_object_without_properties(_0, [
680
+ "className",
681
+ "children"
682
+ ]);
683
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Content, Combobox_object_spread_props(Combobox_object_spread({
684
+ className: className ? `${content} ${className}` : content,
685
+ align: "start",
686
+ sideOffset: 4
687
+ }, rest), {
688
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command, {
689
+ loop: true,
690
+ label: "Search options",
691
+ children: children
692
+ })
693
+ }));
694
+ };
695
+ ComboboxContent.displayName = 'ComboboxContent';
696
+ const ComboboxInput = (_0)=>{
697
+ let { className } = _0, rest = Combobox_object_without_properties(_0, [
698
+ "className"
699
+ ]);
700
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
701
+ className: searchWrapper,
702
+ children: [
703
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
704
+ className: searchIcon,
705
+ "aria-hidden": "true",
706
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.SearchIcon, {})
707
+ }),
708
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command.Input, Combobox_object_spread({
709
+ autoFocus: true,
710
+ placeholder: "Search…",
711
+ className: className ? `${searchInput} ${className}` : searchInput
712
+ }, rest))
713
+ ]
714
+ });
715
+ };
716
+ ComboboxInput.displayName = 'ComboboxInput';
717
+ const ComboboxList = (_0)=>{
718
+ let { className } = _0, rest = Combobox_object_without_properties(_0, [
719
+ "className"
720
+ ]);
721
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command.List, Combobox_object_spread({
722
+ className: className ? `${list} ${className}` : list
723
+ }, rest));
724
+ };
725
+ ComboboxList.displayName = 'ComboboxList';
726
+ const ComboboxItem = (_0)=>{
727
+ let { className, onSelect } = _0, rest = Combobox_object_without_properties(_0, [
728
+ "className",
729
+ "onSelect"
730
+ ]);
731
+ const setOpen = (0, external_react_namespaceObject.useContext)(ComboboxOpenContext);
732
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command.Item, Combobox_object_spread({
733
+ className: className ? `${item} ${className}` : item,
734
+ onSelect: (value)=>{
735
+ null == onSelect || onSelect(value);
736
+ null == setOpen || setOpen(false);
737
+ }
738
+ }, rest));
739
+ };
740
+ ComboboxItem.displayName = 'ComboboxItem';
741
+ const ComboboxItemIndicator = (_0)=>{
742
+ let { className, children } = _0, rest = Combobox_object_without_properties(_0, [
743
+ "className",
744
+ "children"
745
+ ]);
746
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", Combobox_object_spread_props(Combobox_object_spread({
747
+ className: className ? `${itemIndicator} ${className}` : itemIndicator
748
+ }, rest), {
749
+ children: null != children ? children : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.CheckIcon, {})
750
+ }));
751
+ };
752
+ ComboboxItemIndicator.displayName = 'ComboboxItemIndicator';
753
+ const ComboboxEmpty = (_0)=>{
754
+ let { className } = _0, rest = Combobox_object_without_properties(_0, [
755
+ "className"
756
+ ]);
757
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_cmdk_namespaceObject.Command.Empty, Combobox_object_spread({
758
+ className: className ? `${empty} ${className}` : empty
759
+ }, rest));
760
+ };
761
+ ComboboxEmpty.displayName = 'ComboboxEmpty';
762
+ exports.MultiSelect = __webpack_exports__.MultiSelect;
763
+ exports.MultiSelectChip = __webpack_exports__.MultiSelectChip;
764
+ exports.MultiSelectChipOverflow = __webpack_exports__.MultiSelectChipOverflow;
765
+ exports.MultiSelectChipRemove = __webpack_exports__.MultiSelectChipRemove;
766
+ exports.MultiSelectChipRow = __webpack_exports__.MultiSelectChipRow;
767
+ exports.MultiSelectContent = __webpack_exports__.MultiSelectContent;
768
+ exports.MultiSelectEmpty = __webpack_exports__.MultiSelectEmpty;
769
+ exports.MultiSelectInput = __webpack_exports__.MultiSelectInput;
770
+ exports.MultiSelectItem = __webpack_exports__.MultiSelectItem;
771
+ exports.MultiSelectItemIndicator = __webpack_exports__.MultiSelectItemIndicator;
772
+ exports.MultiSelectList = __webpack_exports__.MultiSelectList;
773
+ exports.MultiSelectPlaceholder = __webpack_exports__.MultiSelectPlaceholder;
774
+ exports.MultiSelectTrigger = __webpack_exports__.MultiSelectTrigger;
431
775
  for(var __rspack_i in __webpack_exports__)if (-1 === [
432
- "default"
776
+ "MultiSelect",
777
+ "MultiSelectChip",
778
+ "MultiSelectChipOverflow",
779
+ "MultiSelectChipRemove",
780
+ "MultiSelectChipRow",
781
+ "MultiSelectContent",
782
+ "MultiSelectEmpty",
783
+ "MultiSelectInput",
784
+ "MultiSelectItem",
785
+ "MultiSelectItemIndicator",
786
+ "MultiSelectList",
787
+ "MultiSelectPlaceholder",
788
+ "MultiSelectTrigger"
433
789
  ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
434
790
  Object.defineProperty(exports, '__esModule', {
435
791
  value: true