@godxjp/ui 6.9.0 → 6.10.0

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 (76) hide show
  1. package/dist/{checkbox-BKIGsv3G.d.ts → checkbox-Vtb93W2X.d.ts} +1 -1
  2. package/dist/{chunk-PE2QZHY2.js → chunk-25ZZ2W3M.js} +2 -2
  3. package/dist/{chunk-6RA3KSVK.js → chunk-DTJKTRJS.js} +43 -1
  4. package/dist/{chunk-Z5D4E73N.js → chunk-EXBWDW5E.js} +2 -2
  5. package/dist/chunk-Y6JLEGVK.js +247 -0
  6. package/dist/components/admin/index.d.ts +10 -10
  7. package/dist/components/admin/index.js +17 -17
  8. package/dist/components/data-display/index.d.ts +3 -3
  9. package/dist/components/data-display/index.js +6 -6
  10. package/dist/components/data-entry/autocomplete.d.ts +10 -2
  11. package/dist/components/data-entry/autocomplete.js +3 -2
  12. package/dist/components/data-entry/calendar.d.ts +2 -1
  13. package/dist/components/data-entry/calendar.js +2 -2
  14. package/dist/components/data-entry/cascader.d.ts +2 -1
  15. package/dist/components/data-entry/cascader.js +3 -3
  16. package/dist/components/data-entry/checkbox.d.ts +3 -2
  17. package/dist/components/data-entry/color-picker.d.ts +2 -1
  18. package/dist/components/data-entry/color-picker.js +2 -2
  19. package/dist/components/data-entry/date-picker.d.ts +2 -1
  20. package/dist/components/data-entry/date-picker.js +4 -4
  21. package/dist/components/data-entry/date-range-picker.d.ts +2 -1
  22. package/dist/components/data-entry/date-range-picker.js +4 -4
  23. package/dist/components/data-entry/index.d.ts +12 -10
  24. package/dist/components/data-entry/index.js +17 -214
  25. package/dist/components/data-entry/radio.d.ts +2 -1
  26. package/dist/components/data-entry/slider.d.ts +2 -1
  27. package/dist/components/data-entry/switch.d.ts +2 -1
  28. package/dist/components/data-entry/time-picker.d.ts +2 -1
  29. package/dist/components/data-entry/time-picker.js +2 -2
  30. package/dist/components/data-entry/transfer.d.ts +3 -2
  31. package/dist/components/data-entry/transfer.js +2 -2
  32. package/dist/components/data-entry/tree-select.d.ts +2 -1
  33. package/dist/components/data-entry/tree-select.js +3 -3
  34. package/dist/components/data-entry/upload.d.ts +3 -2
  35. package/dist/components/data-entry/upload.js +2 -2
  36. package/dist/components/feedback/alert.d.ts +3 -3
  37. package/dist/components/feedback/dialog.d.ts +2 -2
  38. package/dist/components/feedback/index.d.ts +2 -2
  39. package/dist/components/feedback/index.js +3 -3
  40. package/dist/components/feedback/sheet.d.ts +1 -1
  41. package/dist/components/layout/index.d.ts +6 -6
  42. package/dist/components/layout/index.js +3 -3
  43. package/dist/components/navigation/index.d.ts +4 -4
  44. package/dist/components/navigation/index.js +2 -2
  45. package/dist/components/navigation/pagination.js +1 -1
  46. package/dist/components/ui/index.d.ts +4 -4
  47. package/dist/components/ui/index.js +15 -15
  48. package/dist/{content.prop-D1Dd3TAc.d.ts → content.prop-DrV_zDy-.d.ts} +3 -1
  49. package/dist/{data-display.prop-Cvi2Mrfw.d.ts → data-display.prop-i0iaSwMV.d.ts} +1 -1
  50. package/dist/{data-entry.prop-CzBVxZ2F.d.ts → data-entry.prop-DGzBAJpn.d.ts} +25 -15
  51. package/dist/{data-table-CnRksymA.d.ts → data-table-Bg7fPpXy.d.ts} +1 -1
  52. package/dist/{feedback.prop-BmxUlpAW.d.ts → feedback.prop-BnBpUzNK.d.ts} +1 -1
  53. package/dist/{filter-bar-DNDVhpCE.d.ts → filter-bar-BpUvE_yO.d.ts} +1 -1
  54. package/dist/index.d.ts +10 -10
  55. package/dist/index.js +17 -17
  56. package/dist/{inline-Bu_syXvi.d.ts → inline-CV3A46np.d.ts} +1 -1
  57. package/dist/{layout.prop-D3rD3uZq.d.ts → layout.prop-MwHm4-Zl.d.ts} +2 -2
  58. package/dist/{navigation.prop-DxBiClEH.d.ts → navigation.prop-Hu7s7MJa.d.ts} +1 -1
  59. package/dist/props/components/index.d.ts +6 -6
  60. package/dist/props/index.d.ts +6 -6
  61. package/dist/props/index.js +1 -1
  62. package/dist/props/registry.d.ts +28 -1
  63. package/dist/props/registry.js +1 -1
  64. package/dist/props/vocabulary/index.d.ts +2 -2
  65. package/dist/{search-input-Br_LCi4p.d.ts → search-input-CkFBczDV.d.ts} +1 -1
  66. package/package.json +1 -1
  67. package/dist/chunk-BEQDDDT7.js +0 -81
  68. package/dist/{chunk-I2V4Y2VF.js → chunk-IK7I3ABN.js} +1 -1
  69. package/dist/{chunk-PWFFEMYI.js → chunk-NTUHJ37K.js} +1 -1
  70. package/dist/{chunk-DOVA5SWV.js → chunk-OI7TDPEJ.js} +1 -1
  71. package/dist/{chunk-ZTYEH3UW.js → chunk-TT2L7JM6.js} +1 -1
  72. package/dist/{chunk-BBXDT2P2.js → chunk-V7RC4PBY.js} +1 -1
  73. package/dist/{chunk-ICQGSUTC.js → chunk-VRSHUKDF.js} +1 -1
  74. package/dist/{chunk-VV3M6PXD.js → chunk-X3OSXYAB.js} +1 -1
  75. package/dist/{chunk-GH7E5N6F.js → chunk-ZKIAZDVU.js} +1 -1
  76. package/dist/{chunk-YVBZ37ZE.js → chunk-ZR2TIBPG.js} +1 -1
@@ -1,9 +1,9 @@
1
- export { DatePicker } from '../../chunk-Z5D4E73N.js';
2
- import '../../chunk-I2V4Y2VF.js';
3
- import '../../chunk-VOHTRR5X.js';
1
+ export { DatePicker } from '../../chunk-EXBWDW5E.js';
2
+ import '../../chunk-IK7I3ABN.js';
4
3
  import '../../chunk-DY5C44UP.js';
5
- import '../../chunk-HJEBRCXL.js';
6
4
  import '../../chunk-ICM6XBST.js';
5
+ import '../../chunk-VOHTRR5X.js';
6
+ import '../../chunk-HJEBRCXL.js';
7
7
  import '../../chunk-RLGHEV4A.js';
8
8
  import '../../chunk-FXFJF4YA.js';
9
9
  import '../../chunk-U7N2A7A3.js';
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { j as DateRangePickerProp } from '../../data-entry.prop-CzBVxZ2F.js';
2
+ import { j as DateRangePickerProp } from '../../data-entry.prop-DGzBAJpn.js';
3
3
  import '@radix-ui/react-checkbox';
4
4
  import '@radix-ui/react-radio-group';
5
5
  import '@radix-ui/react-slider';
@@ -7,6 +7,7 @@ import '@radix-ui/react-switch';
7
7
  import 'react-day-picker';
8
8
  import 'react';
9
9
  import '../../shared.prop-BNRJc9K0.js';
10
+ import '../../content.prop-DrV_zDy-.js';
10
11
  import '../../data.prop-BmLaGLb7.js';
11
12
  import '../../interaction.prop-Cdn7wOtq.js';
12
13
  import '../../layout.prop-4TCNvyQZ.js';
@@ -1,9 +1,9 @@
1
- export { DateRangePicker } from '../../chunk-PE2QZHY2.js';
2
- import '../../chunk-I2V4Y2VF.js';
3
- import '../../chunk-VOHTRR5X.js';
1
+ export { DateRangePicker } from '../../chunk-25ZZ2W3M.js';
2
+ import '../../chunk-IK7I3ABN.js';
4
3
  import '../../chunk-DY5C44UP.js';
5
- import '../../chunk-HJEBRCXL.js';
6
4
  import '../../chunk-ICM6XBST.js';
5
+ import '../../chunk-VOHTRR5X.js';
6
+ import '../../chunk-HJEBRCXL.js';
7
7
  import '../../chunk-RLGHEV4A.js';
8
8
  import '../../chunk-FXFJF4YA.js';
9
9
  import '../../chunk-U7N2A7A3.js';
@@ -1,13 +1,13 @@
1
1
  export { Input, InputProps } from './input.js';
2
2
  export { Label } from './label.js';
3
3
  export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './select.js';
4
- export { C as Checkbox, a as CheckboxGroup } from '../../checkbox-BKIGsv3G.js';
4
+ export { C as Checkbox, a as CheckboxGroup } from '../../checkbox-Vtb93W2X.js';
5
5
  export { Radio, RadioGroup, RadioGroupRoot, RadioItem } from './radio.js';
6
6
  export { Textarea, TextareaProps } from './textarea.js';
7
- export { F as FormField, S as SearchInput } from '../../search-input-Br_LCi4p.js';
7
+ export { F as FormField, S as SearchInput } from '../../search-input-CkFBczDV.js';
8
8
  import * as react_jsx_runtime from 'react/jsx-runtime';
9
- import { r as SwitchFieldProp, g as CountryOptionLabelProp, i as CountrySelectProp, o as SearchSelectProp } from '../../data-entry.prop-CzBVxZ2F.js';
10
- export { a as AutocompleteProps, C as CalendarProps, b as CascaderProps, f as ColorPickerProps, h as CountryOptionProp, D as DatePickerProps, j as DateRangePickerProps, l as SearchSelectLoadParamsProp, m as SearchSelectLoadResultProp, n as SearchSelectOption, q as SliderProps, s as SwitchProps, t as TimePickerProps, u as TransferItemProp, v as TransferProps, y as TreeSelectProps, U as UploadCommitAction, z as UploadFileItem, E as UploadProps, G as UploadVariant, J as collectUploadCommitActions, K as createUploadItem } from '../../data-entry.prop-CzBVxZ2F.js';
9
+ import { r as SwitchFieldProp, g as CountryOptionLabelProp, i as CountrySelectProp, o as SearchSelectProp } from '../../data-entry.prop-DGzBAJpn.js';
10
+ export { a as AutocompleteProps, C as CalendarProps, b as CascaderProps, f as ColorPickerProps, h as CountryOptionProp, D as DatePickerProps, j as DateRangePickerProps, l as SearchSelectLoadParamsProp, m as SearchSelectLoadResultProp, n as SearchSelectOption, q as SliderProps, s as SwitchProps, t as TimePickerProps, u as TransferItemProp, v as TransferProps, y as TreeSelectProps, U as UploadCommitAction, z as UploadFileItem, E as UploadProps, G as UploadVariant, J as collectUploadCommitActions, K as createUploadItem } from '../../data-entry.prop-DGzBAJpn.js';
11
11
  export { Switch } from './switch.js';
12
12
  export { Slider } from './slider.js';
13
13
  export { Calendar } from './calendar.js';
@@ -32,6 +32,7 @@ import '@radix-ui/react-slider';
32
32
  import '@radix-ui/react-switch';
33
33
  import 'react-day-picker';
34
34
  import '../../shared.prop-BNRJc9K0.js';
35
+ import '../../content.prop-DrV_zDy-.js';
35
36
  import '../../data.prop-BmLaGLb7.js';
36
37
  import '../../interaction.prop-Cdn7wOtq.js';
37
38
  import '../../layout.prop-4TCNvyQZ.js';
@@ -51,12 +52,13 @@ declare function CountryOptionLabel({ country, showCode, className, }: CountryOp
51
52
  declare function CountrySelect({ id, name, options, defaultValue, required, allowEmpty, emptyLabel, placeholder, invalid, }: CountrySelectProp): react_jsx_runtime.JSX.Element;
52
53
 
53
54
  /**
54
- * SearchSelect — an async, searchable single-select combobox. Unlike `Autocomplete` (static
55
- * options) this loads options REMOTELY via `loadOptions({ query, page })`, with a debounced
56
- * search box, infinite-scroll pagination, and loading/empty states. Data-agnostic: pass any
57
- * fetcher (REST, GraphQL, a cached query client…). Form-submittable via `name`; e2e-testable
58
- * by the trigger's `data-testid` and each option's `${data-testid}-option-${value}` handle.
55
+ * SearchSelect — a searchable single-select combobox with a debounced search box, optional
56
+ * optgroup-style grouping (`option.group`), and loading/empty states. Drive it EITHER remotely
57
+ * with `loadOptions({ query, page })` (server search + infinite scroll) OR with a static
58
+ * `options` array (client-side filter) the latter supersedes the legacy `Autocomplete`.
59
+ * Custom per-option rendering via `renderOption` (Ant-Design style). Form-submittable via
60
+ * `name`; e2e-testable by the trigger's `data-testid` + each option's `${data-testid}-option-${value}`.
59
61
  */
60
- declare function SearchSelect({ value, onChange, loadOptions, selectedLabel, placeholder, searchPlaceholder, emptyMessage, loadingMessage, clearLabel, clearable, disabled, name, id, className, "data-testid": dataTestId, }: SearchSelectProp): react_jsx_runtime.JSX.Element;
62
+ declare function SearchSelect({ value, onChange, options: staticOptions, loadOptions, renderOption, selectedLabel, placeholder, searchPlaceholder, emptyMessage, loadingMessage, clearLabel, clearable, disabled, name, id, className, "data-testid": dataTestId, }: SearchSelectProp): react_jsx_runtime.JSX.Element;
61
63
 
62
64
  export { CountryOptionLabel, CountryOptionLabelProp, CountrySelect, CountrySelectProp as CountrySelectProps, SearchSelect, SearchSelectProp as SearchSelectProps, SwitchField, SwitchFieldProp as SwitchFieldProps };
@@ -1,44 +1,40 @@
1
1
  import { Switch } from '../../chunk-WXW43RK5.js';
2
2
  export { Switch } from '../../chunk-WXW43RK5.js';
3
3
  export { Textarea } from '../../chunk-ZLK5SPT6.js';
4
- export { TimePicker } from '../../chunk-GH7E5N6F.js';
5
- export { DatePicker } from '../../chunk-Z5D4E73N.js';
6
- export { DateRangePicker } from '../../chunk-PE2QZHY2.js';
4
+ export { TimePicker } from '../../chunk-ZKIAZDVU.js';
5
+ export { DatePicker } from '../../chunk-EXBWDW5E.js';
6
+ export { DateRangePicker } from '../../chunk-25ZZ2W3M.js';
7
7
  export { Radio, RadioGroupOptions as RadioGroup, RadioGroupRoot, RadioItem } from '../../chunk-3UGU5TYP.js';
8
- export { Autocomplete } from '../../chunk-BEQDDDT7.js';
9
- export { Calendar } from '../../chunk-I2V4Y2VF.js';
10
- export { ColorPicker } from '../../chunk-ZTYEH3UW.js';
11
- export { SearchInput, Transfer } from '../../chunk-YVBZ37ZE.js';
12
- export { SHOW_ALL, SHOW_CHILD, SHOW_PARENT, TreeSelect } from '../../chunk-BBXDT2P2.js';
13
- export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-PWFFEMYI.js';
8
+ export { Autocomplete, SearchSelect } from '../../chunk-Y6JLEGVK.js';
9
+ export { Calendar } from '../../chunk-IK7I3ABN.js';
10
+ export { ColorPicker } from '../../chunk-TT2L7JM6.js';
11
+ export { SearchInput, Transfer } from '../../chunk-ZR2TIBPG.js';
12
+ export { SHOW_ALL, SHOW_CHILD, SHOW_PARENT, TreeSelect } from '../../chunk-V7RC4PBY.js';
13
+ export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-NTUHJ37K.js';
14
14
  export { Slider } from '../../chunk-CRERCLIZ.js';
15
15
  import { Select, SelectTrigger, SelectValue, SelectContent, SelectGroup, SelectItem } from '../../chunk-UX634MYF.js';
16
16
  export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../../chunk-UX634MYF.js';
17
- export { Cascader } from '../../chunk-ICQGSUTC.js';
17
+ export { Cascader } from '../../chunk-VRSHUKDF.js';
18
18
  import '../../chunk-SMLKNECP.js';
19
- import { Command, CommandList, CommandItem, CommandGroup } from '../../chunk-V6UWJKZF.js';
20
19
  export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '../../chunk-V6UWJKZF.js';
21
20
  export { Checkbox, CheckboxGroup } from '../../chunk-E76QIYSY.js';
22
21
  import '../../chunk-CQBADMFG.js';
22
+ import '../../chunk-DY5C44UP.js';
23
+ import '../../chunk-3KPEZ5CF.js';
24
+ import '../../chunk-ICM6XBST.js';
23
25
  import '../../chunk-4R7QL3MW.js';
26
+ import { Inline } from '../../chunk-S66TJXJU.js';
24
27
  import '../../chunk-2HLWHQJA.js';
25
- import { Input } from '../../chunk-VOHTRR5X.js';
26
28
  export { Input } from '../../chunk-VOHTRR5X.js';
27
- import '../../chunk-3KPEZ5CF.js';
28
- import { Popover, PopoverTrigger, PopoverContent } from '../../chunk-DY5C44UP.js';
29
- import { Inline } from '../../chunk-S66TJXJU.js';
30
- import { Button } from '../../chunk-HJEBRCXL.js';
31
- import '../../chunk-ICM6XBST.js';
29
+ import '../../chunk-HJEBRCXL.js';
32
30
  export { FormField } from '../../chunk-F7PG4OEV.js';
33
31
  import { Label } from '../../chunk-7PWBC4BY.js';
34
32
  export { Label } from '../../chunk-7PWBC4BY.js';
35
- import { useTranslation } from '../../chunk-RLGHEV4A.js';
33
+ import '../../chunk-RLGHEV4A.js';
36
34
  import '../../chunk-FXFJF4YA.js';
37
35
  import { cn } from '../../chunk-U7N2A7A3.js';
38
- import * as React from 'react';
39
36
  import { useId, useState } from 'react';
40
37
  import { jsxs, jsx } from 'react/jsx-runtime';
41
- import { ChevronsUpDown, Check, Loader2 } from 'lucide-react';
42
38
 
43
39
  function SwitchField({
44
40
  id,
@@ -152,198 +148,5 @@ function CountrySelect({
152
148
  }
153
149
  );
154
150
  }
155
- var DEBOUNCE_MS = 250;
156
- function SearchSelect({
157
- value = "",
158
- onChange,
159
- loadOptions,
160
- selectedLabel,
161
- placeholder,
162
- searchPlaceholder,
163
- emptyMessage,
164
- loadingMessage,
165
- clearLabel,
166
- clearable = true,
167
- disabled = false,
168
- name,
169
- id,
170
- className,
171
- "data-testid": dataTestId
172
- }) {
173
- const { t } = useTranslation();
174
- const [open, setOpen] = React.useState(false);
175
- const [query, setQuery] = React.useState("");
176
- const [debouncedQuery, setDebouncedQuery] = React.useState("");
177
- const [options, setOptions] = React.useState([]);
178
- const [page, setPage] = React.useState(1);
179
- const [hasMore, setHasMore] = React.useState(false);
180
- const [loading, setLoading] = React.useState(false);
181
- const [activeIndex, setActiveIndex] = React.useState(0);
182
- const [picked, setPicked] = React.useState(null);
183
- const reqId = React.useRef(0);
184
- React.useEffect(() => {
185
- const handle = window.setTimeout(() => setDebouncedQuery(query.trim()), DEBOUNCE_MS);
186
- return () => window.clearTimeout(handle);
187
- }, [query]);
188
- const fetchPage = React.useCallback(
189
- async (nextPage, search, append) => {
190
- const ticket = ++reqId.current;
191
- setLoading(true);
192
- try {
193
- const result = await loadOptions({ query: search, page: nextPage });
194
- if (ticket !== reqId.current) return;
195
- setOptions((prev) => append ? [...prev, ...result.options] : result.options);
196
- setHasMore(Boolean(result.hasMore));
197
- setPage(nextPage);
198
- } finally {
199
- if (ticket === reqId.current) setLoading(false);
200
- }
201
- },
202
- [loadOptions]
203
- );
204
- React.useEffect(() => {
205
- if (!open) return;
206
- setActiveIndex(0);
207
- void fetchPage(1, debouncedQuery, false);
208
- }, [open, debouncedQuery, fetchPage]);
209
- const grouped = React.useMemo(() => {
210
- const order = [];
211
- const buckets = /* @__PURE__ */ new Map();
212
- for (const option of options) {
213
- const key = option.group ?? "";
214
- if (!buckets.has(key)) {
215
- buckets.set(key, []);
216
- order.push(key);
217
- }
218
- buckets.get(key).push(option);
219
- }
220
- let flatIndex = 0;
221
- return order.map((key) => ({
222
- heading: key || void 0,
223
- items: (buckets.get(key) ?? []).map((option) => ({ option, index: flatIndex++ }))
224
- }));
225
- }, [options]);
226
- const flatOrdered = React.useMemo(
227
- () => grouped.flatMap((group) => group.items.map((entry) => entry.option)),
228
- [grouped]
229
- );
230
- const resolvedPlaceholder = placeholder ?? t("dataEntry.searchSelect.placeholder");
231
- const currentLabel = value ? picked?.label ?? selectedLabel ?? resolvedPlaceholder : resolvedPlaceholder;
232
- const select = (option) => {
233
- if (option.disabled) return;
234
- setPicked(option);
235
- onChange?.(option.value, option);
236
- setOpen(false);
237
- };
238
- const clear = () => {
239
- setPicked(null);
240
- onChange?.("", void 0);
241
- setOpen(false);
242
- };
243
- const onScroll = (event) => {
244
- const el = event.currentTarget;
245
- if (el.scrollHeight - el.scrollTop - el.clientHeight < 48 && hasMore && !loading) {
246
- void fetchPage(page + 1, debouncedQuery, true);
247
- }
248
- };
249
- const onKeyDown = (event) => {
250
- if (event.key === "ArrowDown") {
251
- event.preventDefault();
252
- setActiveIndex((i) => Math.min(i + 1, Math.max(flatOrdered.length - 1, 0)));
253
- } else if (event.key === "ArrowUp") {
254
- event.preventDefault();
255
- setActiveIndex((i) => Math.max(i - 1, 0));
256
- } else if (event.key === "Enter" && flatOrdered[activeIndex]) {
257
- event.preventDefault();
258
- select(flatOrdered[activeIndex]);
259
- } else if (event.key === "Escape") {
260
- event.preventDefault();
261
- setOpen(false);
262
- }
263
- };
264
- const optionTestId = (optionValue) => dataTestId ? `${dataTestId}-option-${optionValue}` : void 0;
265
- return /* @__PURE__ */ jsxs(
266
- Popover,
267
- {
268
- open,
269
- onOpenChange: (next) => {
270
- setOpen(next);
271
- if (!next) setQuery("");
272
- },
273
- children: [
274
- /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
275
- Button,
276
- {
277
- id,
278
- type: "button",
279
- variant: "outline",
280
- role: "combobox",
281
- "aria-expanded": open,
282
- disabled,
283
- "data-testid": dataTestId,
284
- className: cn("w-full justify-between font-normal", className),
285
- children: [
286
- /* @__PURE__ */ jsx("span", { className: cn("truncate text-left", !value && "text-muted-foreground"), children: currentLabel }),
287
- /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 size-4 shrink-0 opacity-50", "aria-hidden": "true" })
288
- ]
289
- }
290
- ) }),
291
- name ? /* @__PURE__ */ jsx("input", { type: "hidden", name, value }) : null,
292
- /* @__PURE__ */ jsx(
293
- PopoverContent,
294
- {
295
- align: "start",
296
- sideOffset: 4,
297
- collisionPadding: 12,
298
- className: "flex max-h-[min(24rem,var(--radix-popover-content-available-height))] w-max max-w-[min(32rem,calc(100vw-1.5rem))] min-w-[var(--radix-popover-trigger-width)] flex-col p-0",
299
- children: /* @__PURE__ */ jsxs(Command, { shouldFilter: false, className: "flex min-h-0 flex-col", children: [
300
- /* @__PURE__ */ jsx("div", { className: "border-border shrink-0 border-b p-2", children: /* @__PURE__ */ jsx(
301
- Input,
302
- {
303
- autoFocus: true,
304
- value: query,
305
- onChange: (event) => setQuery(event.target.value),
306
- onKeyDown,
307
- placeholder: searchPlaceholder ?? t("dataEntry.searchSelect.search")
308
- }
309
- ) }),
310
- /* @__PURE__ */ jsxs(CommandList, { className: "min-h-0 flex-1 overflow-y-auto p-1", onScroll, children: [
311
- clearable && value ? /* @__PURE__ */ jsx(CommandItem, { value: "", "data-testid": optionTestId("none"), onSelect: clear, children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: clearLabel ?? t("dataEntry.searchSelect.clear") }) }) : null,
312
- grouped.map((group) => {
313
- const rows = group.items.map(({ option, index }) => /* @__PURE__ */ jsxs(
314
- CommandItem,
315
- {
316
- value: option.value,
317
- "data-testid": optionTestId(option.value),
318
- "aria-selected": activeIndex === index,
319
- disabled: option.disabled,
320
- className: activeIndex === index ? "bg-accent text-accent-foreground" : void 0,
321
- onMouseEnter: () => setActiveIndex(index),
322
- onSelect: () => select(option),
323
- children: [
324
- /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
325
- /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium", children: option.label }),
326
- option.sublabel ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground truncate text-xs", children: option.sublabel }) : null
327
- ] }),
328
- value === option.value ? /* @__PURE__ */ jsx(Check, { className: "text-primary size-4 shrink-0", "aria-hidden": "true" }) : null
329
- ]
330
- },
331
- option.value
332
- ));
333
- return group.heading ? /* @__PURE__ */ jsx(CommandGroup, { heading: group.heading, children: rows }, group.heading) : /* @__PURE__ */ jsx(React.Fragment, { children: rows }, "__ungrouped");
334
- }),
335
- loading ? /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex items-center gap-2 px-2 py-3 text-sm", children: [
336
- /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" }),
337
- loadingMessage ?? t("dataEntry.searchSelect.loading")
338
- ] }) : null,
339
- !loading && options.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-muted-foreground px-2 py-6 text-center text-sm", children: emptyMessage ?? t("dataEntry.searchSelect.empty") }) : null
340
- ] })
341
- ] })
342
- }
343
- )
344
- ]
345
- }
346
- );
347
- }
348
151
 
349
- export { CountryOptionLabel, CountrySelect, SearchSelect, SwitchField };
152
+ export { CountryOptionLabel, CountrySelect, SwitchField };
@@ -1,12 +1,13 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
3
  import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
4
- import { R as RadioGroupProp } from '../../data-entry.prop-CzBVxZ2F.js';
4
+ import { R as RadioGroupProp } from '../../data-entry.prop-DGzBAJpn.js';
5
5
  import '@radix-ui/react-checkbox';
6
6
  import '@radix-ui/react-slider';
7
7
  import '@radix-ui/react-switch';
8
8
  import 'react-day-picker';
9
9
  import '../../shared.prop-BNRJc9K0.js';
10
+ import '../../content.prop-DrV_zDy-.js';
10
11
  import '../../data.prop-BmLaGLb7.js';
11
12
  import '../../interaction.prop-Cdn7wOtq.js';
12
13
  import '../../layout.prop-4TCNvyQZ.js';
@@ -1,11 +1,12 @@
1
1
  import * as React from 'react';
2
2
  import * as SliderPrimitive from '@radix-ui/react-slider';
3
- export { q as SliderProp, q as SliderProps } from '../../data-entry.prop-CzBVxZ2F.js';
3
+ export { q as SliderProp, q as SliderProps } from '../../data-entry.prop-DGzBAJpn.js';
4
4
  import '@radix-ui/react-checkbox';
5
5
  import '@radix-ui/react-radio-group';
6
6
  import '@radix-ui/react-switch';
7
7
  import 'react-day-picker';
8
8
  import '../../shared.prop-BNRJc9K0.js';
9
+ import '../../content.prop-DrV_zDy-.js';
9
10
  import '../../data.prop-BmLaGLb7.js';
10
11
  import '../../interaction.prop-Cdn7wOtq.js';
11
12
  import '../../layout.prop-4TCNvyQZ.js';
@@ -1,11 +1,12 @@
1
1
  import * as React from 'react';
2
2
  import * as SwitchPrimitive from '@radix-ui/react-switch';
3
- export { s as SwitchProp, s as SwitchProps } from '../../data-entry.prop-CzBVxZ2F.js';
3
+ export { s as SwitchProp, s as SwitchProps } from '../../data-entry.prop-DGzBAJpn.js';
4
4
  import '@radix-ui/react-checkbox';
5
5
  import '@radix-ui/react-radio-group';
6
6
  import '@radix-ui/react-slider';
7
7
  import 'react-day-picker';
8
8
  import '../../shared.prop-BNRJc9K0.js';
9
+ import '../../content.prop-DrV_zDy-.js';
9
10
  import '../../data.prop-BmLaGLb7.js';
10
11
  import '../../interaction.prop-Cdn7wOtq.js';
11
12
  import '../../layout.prop-4TCNvyQZ.js';
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { t as TimePickerProp } from '../../data-entry.prop-CzBVxZ2F.js';
2
+ import { t as TimePickerProp } from '../../data-entry.prop-DGzBAJpn.js';
3
3
  import '@radix-ui/react-checkbox';
4
4
  import '@radix-ui/react-radio-group';
5
5
  import '@radix-ui/react-slider';
@@ -7,6 +7,7 @@ import '@radix-ui/react-switch';
7
7
  import 'react-day-picker';
8
8
  import 'react';
9
9
  import '../../shared.prop-BNRJc9K0.js';
10
+ import '../../content.prop-DrV_zDy-.js';
10
11
  import '../../data.prop-BmLaGLb7.js';
11
12
  import '../../interaction.prop-Cdn7wOtq.js';
12
13
  import '../../layout.prop-4TCNvyQZ.js';
@@ -1,6 +1,6 @@
1
- export { TimePicker } from '../../chunk-GH7E5N6F.js';
2
- import '../../chunk-VOHTRR5X.js';
1
+ export { TimePicker } from '../../chunk-ZKIAZDVU.js';
3
2
  import '../../chunk-DY5C44UP.js';
3
+ import '../../chunk-VOHTRR5X.js';
4
4
  import '../../chunk-HJEBRCXL.js';
5
5
  import '../../chunk-RLGHEV4A.js';
6
6
  import '../../chunk-FXFJF4YA.js';
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { v as TransferProp } from '../../data-entry.prop-CzBVxZ2F.js';
3
- export { u as TransferItemProp } from '../../data-entry.prop-CzBVxZ2F.js';
2
+ import { v as TransferProp } from '../../data-entry.prop-DGzBAJpn.js';
3
+ export { u as TransferItemProp } from '../../data-entry.prop-DGzBAJpn.js';
4
4
  import '@radix-ui/react-checkbox';
5
5
  import '@radix-ui/react-radio-group';
6
6
  import '@radix-ui/react-slider';
@@ -8,6 +8,7 @@ import '@radix-ui/react-switch';
8
8
  import 'react-day-picker';
9
9
  import 'react';
10
10
  import '../../shared.prop-BNRJc9K0.js';
11
+ import '../../content.prop-DrV_zDy-.js';
11
12
  import '../../data.prop-BmLaGLb7.js';
12
13
  import '../../interaction.prop-Cdn7wOtq.js';
13
14
  import '../../layout.prop-4TCNvyQZ.js';
@@ -1,9 +1,9 @@
1
- export { Transfer } from '../../chunk-YVBZ37ZE.js';
1
+ export { Transfer } from '../../chunk-ZR2TIBPG.js';
2
2
  import '../../chunk-SMLKNECP.js';
3
3
  import '../../chunk-E76QIYSY.js';
4
4
  import '../../chunk-CQBADMFG.js';
5
- import '../../chunk-VOHTRR5X.js';
6
5
  import '../../chunk-3KPEZ5CF.js';
6
+ import '../../chunk-VOHTRR5X.js';
7
7
  import '../../chunk-HJEBRCXL.js';
8
8
  import '../../chunk-7PWBC4BY.js';
9
9
  import '../../chunk-RLGHEV4A.js';
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { y as TreeSelectProp } from '../../data-entry.prop-CzBVxZ2F.js';
2
+ import { y as TreeSelectProp } from '../../data-entry.prop-DGzBAJpn.js';
3
3
  import '@radix-ui/react-checkbox';
4
4
  import '@radix-ui/react-radio-group';
5
5
  import '@radix-ui/react-slider';
@@ -7,6 +7,7 @@ import '@radix-ui/react-switch';
7
7
  import 'react-day-picker';
8
8
  import 'react';
9
9
  import '../../shared.prop-BNRJc9K0.js';
10
+ import '../../content.prop-DrV_zDy-.js';
10
11
  import '../../data.prop-BmLaGLb7.js';
11
12
  import '../../interaction.prop-Cdn7wOtq.js';
12
13
  import '../../layout.prop-4TCNvyQZ.js';
@@ -1,12 +1,12 @@
1
- export { SHOW_ALL, SHOW_CHILD, SHOW_PARENT, TreeSelect } from '../../chunk-BBXDT2P2.js';
1
+ export { SHOW_ALL, SHOW_CHILD, SHOW_PARENT, TreeSelect } from '../../chunk-V7RC4PBY.js';
2
2
  import '../../chunk-SMLKNECP.js';
3
3
  import '../../chunk-V6UWJKZF.js';
4
4
  import '../../chunk-E76QIYSY.js';
5
5
  import '../../chunk-CQBADMFG.js';
6
- import '../../chunk-3KPEZ5CF.js';
7
6
  import '../../chunk-DY5C44UP.js';
8
- import '../../chunk-HJEBRCXL.js';
7
+ import '../../chunk-3KPEZ5CF.js';
9
8
  import '../../chunk-ICM6XBST.js';
9
+ import '../../chunk-HJEBRCXL.js';
10
10
  import '../../chunk-7PWBC4BY.js';
11
11
  import '../../chunk-RLGHEV4A.js';
12
12
  import '../../chunk-FXFJF4YA.js';
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { z as UploadFileItem, U as UploadCommitAction, E as UploadProp } from '../../data-entry.prop-CzBVxZ2F.js';
3
- export { B as UploadFileItemProp, G as UploadVariant, H as UploadVariantProp, J as collectUploadCommitActions, K as createUploadItem } from '../../data-entry.prop-CzBVxZ2F.js';
2
+ import { z as UploadFileItem, U as UploadCommitAction, E as UploadProp } from '../../data-entry.prop-DGzBAJpn.js';
3
+ export { B as UploadFileItemProp, G as UploadVariant, H as UploadVariantProp, J as collectUploadCommitActions, K as createUploadItem } from '../../data-entry.prop-DGzBAJpn.js';
4
4
  import '@radix-ui/react-checkbox';
5
5
  import '@radix-ui/react-radio-group';
6
6
  import '@radix-ui/react-slider';
@@ -8,6 +8,7 @@ import '@radix-ui/react-switch';
8
8
  import 'react-day-picker';
9
9
  import 'react';
10
10
  import '../../shared.prop-BNRJc9K0.js';
11
+ import '../../content.prop-DrV_zDy-.js';
11
12
  import '../../data.prop-BmLaGLb7.js';
12
13
  import '../../interaction.prop-Cdn7wOtq.js';
13
14
  import '../../layout.prop-4TCNvyQZ.js';
@@ -1,10 +1,10 @@
1
- export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-PWFFEMYI.js';
1
+ export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-NTUHJ37K.js';
2
2
  import '../../chunk-CRERCLIZ.js';
3
+ import '../../chunk-ICM6XBST.js';
3
4
  import '../../chunk-4R7QL3MW.js';
4
5
  import '../../chunk-2HLWHQJA.js';
5
6
  import '../../chunk-VOHTRR5X.js';
6
7
  import '../../chunk-HJEBRCXL.js';
7
- import '../../chunk-ICM6XBST.js';
8
8
  import '../../chunk-7PWBC4BY.js';
9
9
  import '../../chunk-RLGHEV4A.js';
10
10
  import '../../chunk-FXFJF4YA.js';
@@ -1,10 +1,10 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { H as HandlerProp, a as ClassNameProp, C as ChildrenProp } from '../../shared.prop-BNRJc9K0.js';
3
- import { I as IconProp } from '../../content.prop-D1Dd3TAc.js';
3
+ import { I as IconProp } from '../../content.prop-DrV_zDy-.js';
4
4
  import { A as AlertVariantProp } from '../../interaction.prop-Cdn7wOtq.js';
5
5
  import * as React from 'react';
6
- import { d as AlertQueryErrorProp } from '../../feedback.prop-BmxUlpAW.js';
7
- export { A as AlertActionsProp, A as AlertActionsProps, a as AlertContentProp, a as AlertContentProps, b as AlertDescriptionProp, b as AlertDescriptionProps, c as AlertProp, c as AlertProps, e as AlertTitleProp, e as AlertTitleProps } from '../../feedback.prop-BmxUlpAW.js';
6
+ import { d as AlertQueryErrorProp } from '../../feedback.prop-BnBpUzNK.js';
7
+ export { A as AlertActionsProp, A as AlertActionsProps, a as AlertContentProp, a as AlertContentProps, b as AlertDescriptionProp, b as AlertDescriptionProps, c as AlertProp, c as AlertProps, e as AlertTitleProp, e as AlertTitleProps } from '../../feedback.prop-BnBpUzNK.js';
8
8
 
9
9
  declare const AlertBase: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
10
10
  variant?: AlertVariantProp;
@@ -2,9 +2,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
3
  import * as DialogPrimitive from '@radix-ui/react-dialog';
4
4
  import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
5
- import { D as DialogConfirmProp } from '../../feedback.prop-BmxUlpAW.js';
5
+ import { D as DialogConfirmProp } from '../../feedback.prop-BnBpUzNK.js';
6
6
  import '../../shared.prop-BNRJc9K0.js';
7
- import '../../content.prop-D1Dd3TAc.js';
7
+ import '../../content.prop-DrV_zDy-.js';
8
8
  import '../../interaction.prop-Cdn7wOtq.js';
9
9
 
10
10
  /** form = nhập liệu / wizard (role=dialog, có nút X). confirm = quyết định (role=alertdialog, không X). */
@@ -6,14 +6,14 @@ export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, A
6
6
  import * as react_jsx_runtime from 'react/jsx-runtime';
7
7
  import * as React from 'react';
8
8
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
9
- export { A as AlertActionsProp, A as AlertActionsProps, a as AlertContentProp, a as AlertContentProps, b as AlertDescriptionProp, b as AlertDescriptionProps, c as AlertProp, c as AlertProps, d as AlertQueryErrorProp, d as AlertQueryErrorProps, e as AlertTitleProp, e as AlertTitleProps, D as DialogConfirmProp, D as DialogConfirmProps } from '../../feedback.prop-BmxUlpAW.js';
9
+ export { A as AlertActionsProp, A as AlertActionsProps, a as AlertContentProp, a as AlertContentProps, b as AlertDescriptionProp, b as AlertDescriptionProps, c as AlertProp, c as AlertProps, d as AlertQueryErrorProp, d as AlertQueryErrorProps, e as AlertTitleProp, e as AlertTitleProps, D as DialogConfirmProp, D as DialogConfirmProps } from '../../feedback.prop-BnBpUzNK.js';
10
10
  import '@radix-ui/react-dialog';
11
11
  import '@radix-ui/react-alert-dialog';
12
12
  import 'class-variance-authority/types';
13
13
  import 'class-variance-authority';
14
14
  import 'sonner';
15
15
  import '../../shared.prop-BNRJc9K0.js';
16
- import '../../content.prop-D1Dd3TAc.js';
16
+ import '../../content.prop-DrV_zDy-.js';
17
17
  import '../../interaction.prop-Cdn7wOtq.js';
18
18
 
19
19
  /** Opt-in provider for tuning delay across a subtree. Each <Tooltip> already self-provides. */
@@ -1,14 +1,14 @@
1
1
  export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from '../../chunk-BHV2FUOA.js';
2
2
  export { SkeletonCard, SkeletonDetail, SkeletonRows, SkeletonTable, toast, useToast } from '../../chunk-M64MVRLS.js';
3
3
  export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../chunk-32WO3YLB.js';
4
+ export { Toaster } from '../../chunk-TO7URV7U.js';
5
+ import '../../chunk-ICM6XBST.js';
4
6
  export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-6UFKWOEW.js';
5
7
  import '../../chunk-4R7QL3MW.js';
8
+ import '../../chunk-S66TJXJU.js';
6
9
  export { Dialog, DialogAction, DialogCancel, DialogClose, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from '../../chunk-2HLWHQJA.js';
7
10
  import '../../chunk-VOHTRR5X.js';
8
- export { Toaster } from '../../chunk-TO7URV7U.js';
9
- import '../../chunk-S66TJXJU.js';
10
11
  import '../../chunk-HJEBRCXL.js';
11
- import '../../chunk-ICM6XBST.js';
12
12
  import '../../chunk-7PWBC4BY.js';
13
13
  import '../../chunk-RLGHEV4A.js';
14
14
  import '../../chunk-FXFJF4YA.js';
@@ -10,7 +10,7 @@ declare function SheetClose(props: React.ComponentProps<typeof DialogPrimitive.C
10
10
  declare function SheetPortal(props: React.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
11
11
  declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
12
  declare const sheetVariants: (props?: ({
13
- side?: "right" | "left" | "top" | "bottom" | null | undefined;
13
+ side?: "left" | "right" | "top" | "bottom" | null | undefined;
14
14
  } & class_variance_authority_types.ClassProp) | undefined) => string;
15
15
  interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
16
16
  showCloseButton?: boolean;
@@ -1,12 +1,12 @@
1
- export { I as Inline, P as PageContainer, S as Stack } from '../../inline-Bu_syXvi.js';
1
+ export { I as Inline, P as PageContainer, S as Stack } from '../../inline-CV3A46np.js';
2
2
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
- import { b as PageInsetProp, A as AppShellProp, d as SidebarProp, S as SidebarItemProp, h as TopbarProp } from '../../layout.prop-D3rD3uZq.js';
4
- export { I as InlineProp, I as InlineProps, P as PageContainerProp, P as PageContainerProps, c as SidebarProduct, e as SidebarSection, f as StackProp, f as StackProps, T as TopbarProduct, g as TopbarProject } from '../../layout.prop-D3rD3uZq.js';
3
+ import { b as PageInsetProp, A as AppShellProp, d as SidebarProp, S as SidebarItemProp, h as TopbarProp } from '../../layout.prop-MwHm4-Zl.js';
4
+ export { I as InlineProp, I as InlineProps, P as PageContainerProp, P as PageContainerProps, c as SidebarProduct, e as SidebarSection, f as StackProp, f as StackProps, T as TopbarProduct, g as TopbarProject } from '../../layout.prop-MwHm4-Zl.js';
5
5
  import { ReactNode, ComponentType, SVGProps } from 'react';
6
- import { a as BreadcrumbProp } from '../../navigation.prop-DxBiClEH.js';
7
- export { B as BreadcrumbItem, B as BreadcrumbItemProp } from '../../navigation.prop-DxBiClEH.js';
6
+ import { a as BreadcrumbProp } from '../../navigation.prop-Hu7s7MJa.js';
7
+ export { B as BreadcrumbItem, B as BreadcrumbItemProp } from '../../navigation.prop-Hu7s7MJa.js';
8
8
  import '../../shared.prop-BNRJc9K0.js';
9
- import '../../content.prop-D1Dd3TAc.js';
9
+ import '../../content.prop-DrV_zDy-.js';
10
10
  import '../../layout.prop-4TCNvyQZ.js';
11
11
 
12
12
  declare function PageInset({ className, children, ...props }: PageInsetProp): react_jsx_runtime.JSX.Element;