xmlui 0.10.18 → 0.10.19

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 (33) hide show
  1. package/dist/lib/{index-Cy6Emsex.mjs → index-cuh97e2e.mjs} +286 -140
  2. package/dist/lib/index.css +1 -1
  3. package/dist/lib/{initMock-B-rmnC-t.mjs → initMock-BMxsanHc.mjs} +1 -1
  4. package/dist/lib/xmlui.mjs +1 -1
  5. package/dist/metadata/{collectedComponentMetadata-CB63ngkU.mjs → collectedComponentMetadata-Cp-9lpnG.mjs} +286 -140
  6. package/dist/metadata/{initMock-D0wDKF_I.mjs → initMock-C-cnv--V.mjs} +1 -1
  7. package/dist/metadata/style.css +1 -1
  8. package/dist/metadata/xmlui-metadata.mjs +1 -1
  9. package/dist/metadata/xmlui-metadata.umd.js +3 -3
  10. package/dist/scripts/package.json +1 -1
  11. package/dist/scripts/src/components/AutoComplete/AutoComplete.spec.js +25 -4
  12. package/dist/scripts/src/components/Checkbox/Checkbox.spec.js +5 -0
  13. package/dist/scripts/src/components/DateInput/DateInput.spec.js +22 -17
  14. package/dist/scripts/src/components/DatePicker/DatePicker.js +14 -9
  15. package/dist/scripts/src/components/DatePicker/DatePicker.spec.js +21 -18
  16. package/dist/scripts/src/components/DatePicker/DatePickerNative.js +24 -21
  17. package/dist/scripts/src/components/FileInput/FileInput.spec.js +7 -0
  18. package/dist/scripts/src/components/Icon/Icon.js +1 -1
  19. package/dist/scripts/src/components/NumberBox/NumberBox.spec.js +5 -0
  20. package/dist/scripts/src/components/RadioGroup/RadioGroup.spec.js +9 -0
  21. package/dist/scripts/src/components/Select/Select.spec.js +286 -217
  22. package/dist/scripts/src/components/Slider/Slider.spec.js +7 -0
  23. package/dist/scripts/src/components/Switch/Switch.spec.js +24 -17
  24. package/dist/scripts/src/components/Table/Table.js +11 -1
  25. package/dist/scripts/src/components/Table/Table.spec.js +272 -0
  26. package/dist/scripts/src/components/Table/TableNative.js +162 -5
  27. package/dist/scripts/src/components/TextArea/TextArea.spec.js +51 -0
  28. package/dist/scripts/src/components/TextBox/TextBox.spec.js +7 -0
  29. package/dist/scripts/src/components/TimeInput/TimeInput.spec.js +44 -37
  30. package/dist/scripts/src/components/TimeInput/TimeInputNative.js +6 -20
  31. package/dist/scripts/src/components/Toggle/Toggle.js +3 -1
  32. package/dist/standalone/xmlui-standalone.umd.js +33 -33
  33. package/package.json +1 -1
@@ -10424,23 +10424,25 @@ const changeListenerComponentRenderer = createComponentRenderer(
10424
10424
  }
10425
10425
  );
10426
10426
  const themeVars$K = `'{"Input:borderRadius-Checkbox-default": "var(--xmlui-borderRadius-Checkbox-default)", "Input:borderColor-Checkbox-default": "var(--xmlui-borderColor-Checkbox-default)", "Input:backgroundColor-Checkbox-default": "var(--xmlui-backgroundColor-Checkbox-default)", "Input:outlineWidth-Checkbox-default--focus": "var(--xmlui-outlineWidth-Checkbox-default--focus)", "Input:outlineColor-Checkbox-default--focus": "var(--xmlui-outlineColor-Checkbox-default--focus)", "Input:outlineStyle-Checkbox-default--focus": "var(--xmlui-outlineStyle-Checkbox-default--focus)", "Input:outlineOffset-Checkbox-default--focus": "var(--xmlui-outlineOffset-Checkbox-default--focus)", "Input:borderColor-Checkbox-default--hover": "var(--xmlui-borderColor-Checkbox-default--hover)", "Input:backgroundColor-Checkbox--disabled": "var(--xmlui-backgroundColor-Checkbox--disabled)", "Input:borderColor-Checkbox--disabled": "var(--xmlui-borderColor-Checkbox--disabled)", "Input:borderRadius-Checkbox-error": "var(--xmlui-borderRadius-Checkbox-error)", "Input:borderColor-Checkbox-error": "var(--xmlui-borderColor-Checkbox-error)", "Input:backgroundColor-Checkbox-error": "var(--xmlui-backgroundColor-Checkbox-error)", "Input:outlineWidth-Checkbox-error--focus": "var(--xmlui-outlineWidth-Checkbox-error--focus)", "Input:outlineColor-Checkbox-error--focus": "var(--xmlui-outlineColor-Checkbox-error--focus)", "Input:outlineStyle-Checkbox-error--focus": "var(--xmlui-outlineStyle-Checkbox-error--focus)", "Input:outlineOffset-Checkbox-error--focus": "var(--xmlui-outlineOffset-Checkbox-error--focus)", "Input:borderRadius-Checkbox-warning": "var(--xmlui-borderRadius-Checkbox-warning)", "Input:borderColor-Checkbox-warning": "var(--xmlui-borderColor-Checkbox-warning)", "Input:backgroundColor-Checkbox-warning": "var(--xmlui-backgroundColor-Checkbox-warning)", "Input:outlineWidth-Checkbox-warning--focus": "var(--xmlui-outlineWidth-Checkbox-warning--focus)", "Input:outlineColor-Checkbox-warning--focus": "var(--xmlui-outlineColor-Checkbox-warning--focus)", "Input:outlineStyle-Checkbox-warning--focus": "var(--xmlui-outlineStyle-Checkbox-warning--focus)", "Input:outlineOffset-Checkbox-warning--focus": "var(--xmlui-outlineOffset-Checkbox-warning--focus)", "Input:borderRadius-Checkbox-success": "var(--xmlui-borderRadius-Checkbox-success)", "Input:borderColor-Checkbox-success": "var(--xmlui-borderColor-Checkbox-success)", "Input:backgroundColor-Checkbox-success": "var(--xmlui-backgroundColor-Checkbox-success)", "Input:outlineWidth-Checkbox-success--focus": "var(--xmlui-outlineWidth-Checkbox-success--focus)", "Input:outlineColor-Checkbox-success--focus": "var(--xmlui-outlineColor-Checkbox-success--focus)", "Input:outlineStyle-Checkbox-success--focus": "var(--xmlui-outlineStyle-Checkbox-success--focus)", "Input:outlineOffset-Checkbox-success--focus": "var(--xmlui-outlineOffset-Checkbox-success--focus)", "backgroundColor-indicator-Checkbox": "var(--xmlui-backgroundColor-indicator-Checkbox)", "Input:borderColor-checked-Checkbox": "var(--xmlui-borderColor-checked-Checkbox)", "Input:backgroundColor-checked-Checkbox": "var(--xmlui-backgroundColor-checked-Checkbox)", "Input:borderColor-checked-Checkbox-error": "var(--xmlui-borderColor-checked-Checkbox-error)", "Input:backgroundColor-checked-Checkbox-error": "var(--xmlui-backgroundColor-checked-Checkbox-error)", "Input:borderColor-checked-Checkbox-warning": "var(--xmlui-borderColor-checked-Checkbox-warning)", "Input:backgroundColor-checked-Checkbox-warning": "var(--xmlui-backgroundColor-checked-Checkbox-warning)", "Input:borderColor-checked-Checkbox-success": "var(--xmlui-borderColor-checked-Checkbox-success)", "Input:backgroundColor-checked-Checkbox-success": "var(--xmlui-backgroundColor-checked-Checkbox-success)", "Input:backgroundColor-Switch": "var(--xmlui-backgroundColor-Switch)", "Input:borderColor-Switch": "var(--xmlui-borderColor-Switch)", "backgroundColor-indicator-Switch": "var(--xmlui-backgroundColor-indicator-Switch)", "backgroundColor-checked-Switch": "var(--xmlui-backgroundColor-checked-Switch)", "backgroundColor-indicator-checked-Switch": "var(--xmlui-backgroundColor-indicator-checked-Switch)", "Input:borderColor-Switch-default--hover": "var(--xmlui-borderColor-Switch-default--hover)", "Input:backgroundColor-Switch--disabled": "var(--xmlui-backgroundColor-Switch--disabled)", "Input:borderColor-Switch--disabled": "var(--xmlui-borderColor-Switch--disabled)", "Input:borderColor-checked-Switch": "var(--xmlui-borderColor-checked-Switch)", "Input:backgroundColor-checked-Switch": "var(--xmlui-backgroundColor-checked-Switch)", "Input:borderColor-checked-Switch-error": "var(--xmlui-borderColor-checked-Switch-error)", "Input:backgroundColor-checked-Switch-error": "var(--xmlui-backgroundColor-checked-Switch-error)", "Input:borderColor-checked-Switch-warning": "var(--xmlui-borderColor-checked-Switch-warning)", "Input:backgroundColor-checked-Switch-warning": "var(--xmlui-backgroundColor-checked-Switch-warning)", "Input:borderColor-checked-Switch-success": "var(--xmlui-borderColor-checked-Switch-success)", "Input:backgroundColor-checked-Switch-success": "var(--xmlui-backgroundColor-checked-Switch-success)", "Input:outlineWidth-Switch--focus": "var(--xmlui-outlineWidth-Switch--focus)", "Input:outlineColor-Switch--focus": "var(--xmlui-outlineColor-Switch--focus)", "Input:outlineStyle-Switch--focus": "var(--xmlui-outlineStyle-Switch--focus)", "Input:outlineOffset-Switch--focus": "var(--xmlui-outlineOffset-Switch--focus)", "backgroundColor-Switch-indicator--disabled": "var(--xmlui-backgroundColor-Switch-indicator--disabled)", "Input:borderColor-Switch-error": "var(--xmlui-borderColor-Switch-error)", "Input:borderColor-Switch-warning": "var(--xmlui-borderColor-Switch-warning)", "Input:borderColor-Switch-success": "var(--xmlui-borderColor-Switch-success)"}'`;
10427
- const resetAppearance = "_resetAppearance_of6bs_14";
10428
- const label$1 = "_label_of6bs_21";
10429
- const inputContainer = "_inputContainer_of6bs_24";
10430
- const checkbox = "_checkbox_of6bs_31";
10431
- const error$c = "_error_of6bs_60";
10432
- const warning$d = "_warning_of6bs_71";
10433
- const valid$c = "_valid_of6bs_82";
10427
+ const resetAppearance = "_resetAppearance_1onhr_14";
10428
+ const label$1 = "_label_1onhr_21";
10429
+ const inputContainer = "_inputContainer_1onhr_24";
10430
+ const checkbox = "_checkbox_1onhr_31";
10431
+ const forceHover = "_forceHover_1onhr_60";
10432
+ const error$c = "_error_1onhr_63";
10433
+ const warning$d = "_warning_1onhr_74";
10434
+ const valid$c = "_valid_1onhr_85";
10434
10435
  const styles$$ = {
10435
10436
  themeVars: themeVars$K,
10436
10437
  resetAppearance,
10437
10438
  label: label$1,
10438
10439
  inputContainer,
10439
10440
  checkbox,
10441
+ forceHover,
10440
10442
  error: error$c,
10441
10443
  warning: warning$d,
10442
10444
  valid: valid$c,
10443
- "switch": "_switch_of6bs_141"
10445
+ "switch": "_switch_1onhr_144"
10444
10446
  };
10445
10447
  const defaultProps$X = {
10446
10448
  initialValue: false,
@@ -10469,6 +10471,7 @@ const Toggle = forwardRef(function Toggle2({
10469
10471
  autoFocus,
10470
10472
  registerComponentApi,
10471
10473
  inputRenderer,
10474
+ forceHover: forceHover2 = false,
10472
10475
  ...rest
10473
10476
  }, forwardedRef) {
10474
10477
  const innerRef = React__default.useRef(null);
@@ -10575,7 +10578,8 @@ const Toggle = forwardRef(function Toggle2({
10575
10578
  [styles$$.switch]: variant === "switch",
10576
10579
  [styles$$.error]: validationStatus === "error",
10577
10580
  [styles$$.warning]: validationStatus === "warning",
10578
- [styles$$.valid]: validationStatus === "valid"
10581
+ [styles$$.valid]: validationStatus === "valid",
10582
+ [styles$$.forceHover]: forceHover2
10579
10583
  })
10580
10584
  }
10581
10585
  );
@@ -10596,7 +10600,8 @@ const Toggle = forwardRef(function Toggle2({
10596
10600
  value,
10597
10601
  variant,
10598
10602
  indeterminate,
10599
- autoFocus
10603
+ autoFocus,
10604
+ forceHover2
10600
10605
  ]);
10601
10606
  return inputRenderer ? /* @__PURE__ */ jsxs("label", { className: styles$$.label, children: [
10602
10607
  /* @__PURE__ */ jsx("div", { className: styles$$.inputContainer, children: input2 }),
@@ -10992,8 +10997,8 @@ const DatePicker = forwardRef(function DatePicker2({
10992
10997
  dateFormat = defaultProps$U.dateFormat,
10993
10998
  showWeekNumber = defaultProps$U.showWeekNumber,
10994
10999
  weekStartsOn = defaultProps$U.weekStartsOn,
10995
- minValue,
10996
- maxValue,
11000
+ startDate,
11001
+ endDate,
10997
11002
  disabledDates = defaultProps$U.disabledDates,
10998
11003
  style: style2,
10999
11004
  className,
@@ -11036,12 +11041,12 @@ const DatePicker = forwardRef(function DatePicker2({
11036
11041
  );
11037
11042
  }
11038
11043
  }, [dateFormat]);
11039
- const startDate = useMemo(() => {
11040
- return minValue ? parse(minValue, dateFormat, /* @__PURE__ */ new Date()) : void 0;
11041
- }, [minValue, dateFormat]);
11042
- const endDate = useMemo(() => {
11043
- return maxValue ? parse(maxValue, dateFormat, /* @__PURE__ */ new Date()) : void 0;
11044
- }, [maxValue, dateFormat]);
11044
+ const _startDate = useMemo(() => {
11045
+ return startDate ? parse(startDate, dateFormat, /* @__PURE__ */ new Date()) : void 0;
11046
+ }, [startDate, dateFormat]);
11047
+ const _endDate = useMemo(() => {
11048
+ return endDate ? parse(endDate, dateFormat, /* @__PURE__ */ new Date()) : void 0;
11049
+ }, [endDate, dateFormat]);
11045
11050
  const defaultMonth = useMemo(() => {
11046
11051
  if (mode === "single" && selected2) {
11047
11052
  return selected2;
@@ -11195,32 +11200,42 @@ const DatePicker = forwardRef(function DatePicker2({
11195
11200
  },
11196
11201
  [onDidChange, updateState, mode, dateFormat, readOnly2]
11197
11202
  );
11198
- return inline ? /* @__PURE__ */ jsx("div", { ref, ...rest, style: style2, className: classnames(styles$Z.inlinePickerMenu, className), tabIndex: 0, children: /* @__PURE__ */ jsx(
11199
- DayPicker,
11203
+ return inline ? /* @__PURE__ */ jsx(
11204
+ "div",
11200
11205
  {
11201
- id,
11202
- required: void 0,
11203
- captionLayout: "dropdown",
11204
- fixedWeeks: true,
11205
- startMonth: startDate,
11206
- endMonth: endDate,
11207
- month: inlineMonth,
11208
- onMonthChange: setInlineMonth,
11209
- disabled: disabled2,
11210
- weekStartsOn: _weekStartsOn,
11211
- showWeekNumber,
11212
- showOutsideDays: true,
11213
- classNames: styles$Z,
11214
- mode: mode === "single" ? "single" : "range",
11215
- selected: selected2,
11216
- onSelect: handleSelect,
11217
- autoFocus,
11218
- numberOfMonths: mode === "range" ? 2 : 1,
11219
- components: {
11220
- Chevron
11221
- }
11206
+ ref,
11207
+ ...rest,
11208
+ style: style2,
11209
+ className: classnames(styles$Z.inlinePickerMenu, className),
11210
+ tabIndex: 0,
11211
+ children: /* @__PURE__ */ jsx(
11212
+ DayPicker,
11213
+ {
11214
+ id,
11215
+ required: void 0,
11216
+ captionLayout: "dropdown",
11217
+ fixedWeeks: true,
11218
+ startMonth: _startDate,
11219
+ endMonth: _endDate,
11220
+ month: inlineMonth,
11221
+ onMonthChange: setInlineMonth,
11222
+ disabled: disabled2,
11223
+ weekStartsOn: _weekStartsOn,
11224
+ showWeekNumber,
11225
+ showOutsideDays: true,
11226
+ classNames: styles$Z,
11227
+ mode: mode === "single" ? "single" : "range",
11228
+ selected: selected2,
11229
+ onSelect: handleSelect,
11230
+ autoFocus,
11231
+ numberOfMonths: mode === "range" ? 2 : 1,
11232
+ components: {
11233
+ Chevron
11234
+ }
11235
+ }
11236
+ )
11222
11237
  }
11223
- ) }) : /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, modal: false, children: [
11238
+ ) : /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, modal: false, children: [
11224
11239
  /* @__PURE__ */ jsxs(
11225
11240
  PopoverTrigger,
11226
11241
  {
@@ -11274,8 +11289,8 @@ const DatePicker = forwardRef(function DatePicker2({
11274
11289
  autoFocus,
11275
11290
  classNames: styles$Z,
11276
11291
  captionLayout: "dropdown",
11277
- startMonth: startDate,
11278
- endMonth: endDate,
11292
+ startMonth: _startDate,
11293
+ endMonth: _endDate,
11279
11294
  defaultMonth,
11280
11295
  disabled: disabled2,
11281
11296
  weekStartsOn: _weekStartsOn,
@@ -11378,20 +11393,20 @@ const DatePickerMd = createMetadata({
11378
11393
  }
11379
11394
  ]
11380
11395
  },
11381
- minValue: {
11382
- description: "The optional start date of the selectable date range. If not defined, the range allows any dates in the past.",
11396
+ startDate: {
11397
+ description: "The earliest month to start the month navigation from (inclusive). If not defined, the component allows any dates in the past. Accepts the same date format as the `initialValue`.Example: '2023-01-01' ensures the first month to select a date from is January 2023.",
11383
11398
  valueType: "string"
11384
11399
  },
11385
- maxValue: {
11386
- description: "The optional end date of the selectable date range. If not defined, the range allows any future dates.",
11400
+ endDate: {
11401
+ description: "The latest month to start the month navigation from (inclusive). If not defined, the component allows any future dates. Accepts the same date format as the `initialValue`.Example: '2023-12-31' ensures the last month to select a date from is December 2023.",
11387
11402
  valueType: "string"
11388
11403
  },
11389
11404
  disabledDates: {
11390
- description: "An optional array of dates that are disabled",
11405
+ description: "An optional array of dates that are to be disabled.",
11391
11406
  valueType: "any"
11392
11407
  },
11393
11408
  inline: {
11394
- description: "Whether to display the datepicker inline",
11409
+ description: "If set to true, the calendar is always visible and its panel is rendered as part of the layout. If false, the calendar is shown in a popup when the input is focused or clicked.",
11395
11410
  valueType: "boolean",
11396
11411
  defaultValue: defaultProps$U.inline
11397
11412
  },
@@ -11466,8 +11481,8 @@ const datePickerComponentRenderer = createComponentRenderer(
11466
11481
  dateFormat: extractValue(node.props.dateFormat),
11467
11482
  showWeekNumber: extractValue.asOptionalBoolean(node.props.showWeekNumber),
11468
11483
  weekStartsOn: extractValue(node.props.weekStartsOn),
11469
- minValue: extractValue(node.props.minValue),
11470
- maxValue: extractValue(node.props.maxValue),
11484
+ startDate: extractValue(node.props.startDate),
11485
+ endDate: extractValue(node.props.endDate),
11471
11486
  disabledDates: extractValue(node.props.disabledDates),
11472
11487
  inline: extractValue.asOptionalBoolean(node.props.inline),
11473
11488
  startText: extractValue.asOptionalString(node.props.startText),
@@ -21825,41 +21840,41 @@ function useLongPress(elementRef, action2, delay2 = 500) {
21825
21840
  }, [elementRef, action2, delay2]);
21826
21841
  }
21827
21842
  const themeVars$y = `'{"padding-item-Select": "var(--xmlui-padding-item-Select)", "paddingHorizontal-item-Select": "var(--xmlui-paddingHorizontal-item-Select, var(--xmlui-padding-item-Select))", "paddingVertical-item-Select": "var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select))", "paddingLeft-item-Select": "var(--xmlui-paddingLeft-item-Select, var(--xmlui-paddingHorizontal-item-Select, var(--xmlui-padding-item-Select)))", "paddingRight-item-Select": "var(--xmlui-paddingRight-item-Select, var(--xmlui-paddingHorizontal-item-Select, var(--xmlui-padding-item-Select)))", "paddingTop-item-Select": "var(--xmlui-paddingTop-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)))", "paddingBottom-item-Select": "var(--xmlui-paddingBottom-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)))", "padding-Select": "var(--xmlui-padding-Select)", "paddingHorizontal-Select": "var(--xmlui-paddingHorizontal-Select, var(--xmlui-padding-Select))", "paddingVertical-Select": "var(--xmlui-paddingVertical-Select, var(--xmlui-padding-Select))", "paddingLeft-Select": "var(--xmlui-paddingLeft-Select, var(--xmlui-paddingHorizontal-Select, var(--xmlui-padding-Select)))", "paddingRight-Select": "var(--xmlui-paddingRight-Select, var(--xmlui-paddingHorizontal-Select, var(--xmlui-padding-Select)))", "paddingTop-Select": "var(--xmlui-paddingTop-Select, var(--xmlui-paddingVertical-Select, var(--xmlui-padding-Select)))", "paddingBottom-Select": "var(--xmlui-paddingBottom-Select, var(--xmlui-paddingVertical-Select, var(--xmlui-padding-Select)))", "Input:fontSize-Select-default": "var(--xmlui-fontSize-Select-default)", "Input:textColor-placeholder-Select-default": "var(--xmlui-textColor-placeholder-Select-default)", "Input:textColor-Select-default": "var(--xmlui-textColor-Select-default)", "Input:fontSize-Select-error": "var(--xmlui-fontSize-Select-error)", "Input:textColor-placeholder-Select-error": "var(--xmlui-textColor-placeholder-Select-error)", "Input:textColor-Select-error": "var(--xmlui-textColor-Select-error)", "Input:fontSize-Select-warning": "var(--xmlui-fontSize-Select-warning)", "Input:textColor-placeholder-Select-warning": "var(--xmlui-textColor-placeholder-Select-warning)", "Input:textColor-Select-warning": "var(--xmlui-textColor-Select-warning)", "Input:fontSize-Select-success": "var(--xmlui-fontSize-Select-success)", "Input:textColor-placeholder-Select-success": "var(--xmlui-textColor-placeholder-Select-success)", "Input:textColor-Select-success": "var(--xmlui-textColor-Select-success)", "Input:borderRadius-Select-default": "var(--xmlui-borderRadius-Select-default)", "Input:borderColor-Select-default": "var(--xmlui-borderColor-Select-default)", "Input:borderWidth-Select-default": "var(--xmlui-borderWidth-Select-default)", "Input:borderStyle-Select-default": "var(--xmlui-borderStyle-Select-default)", "Input:backgroundColor-Select-default": "var(--xmlui-backgroundColor-Select-default)", "Input:boxShadow-Select-default": "var(--xmlui-boxShadow-Select-default)", "Input:borderColor-Select-default--hover": "var(--xmlui-borderColor-Select-default--hover)", "Input:backgroundColor-Select-default--hover": "var(--xmlui-backgroundColor-Select-default--hover)", "Input:boxShadow-Select-default--hover": "var(--xmlui-boxShadow-Select-default--hover)", "Input:textColor-Select-default--hover": "var(--xmlui-textColor-Select-default--hover)", "Input:outlineWidth-Select-default--focus": "var(--xmlui-outlineWidth-Select-default--focus)", "Input:outlineColor-Select-default--focus": "var(--xmlui-outlineColor-Select-default--focus)", "Input:outlineStyle-Select-default--focus": "var(--xmlui-outlineStyle-Select-default--focus)", "Input:outlineOffset-Select-default--focus": "var(--xmlui-outlineOffset-Select-default--focus)", "Input:fontSize-placeholder-Select-default": "var(--xmlui-fontSize-placeholder-Select-default)", "Input:borderRadius-Select-error": "var(--xmlui-borderRadius-Select-error)", "Input:borderColor-Select-error": "var(--xmlui-borderColor-Select-error)", "Input:borderWidth-Select-error": "var(--xmlui-borderWidth-Select-error)", "Input:borderStyle-Select-error": "var(--xmlui-borderStyle-Select-error)", "Input:backgroundColor-Select-error": "var(--xmlui-backgroundColor-Select-error)", "Input:boxShadow-Select-error": "var(--xmlui-boxShadow-Select-error)", "Input:borderColor-Select-error--hover": "var(--xmlui-borderColor-Select-error--hover)", "Input:backgroundColor-Select-error--hover": "var(--xmlui-backgroundColor-Select-error--hover)", "Input:boxShadow-Select-error--hover": "var(--xmlui-boxShadow-Select-error--hover)", "Input:textColor-Select-error--hover": "var(--xmlui-textColor-Select-error--hover)", "Input:outlineWidth-Select-error--focus": "var(--xmlui-outlineWidth-Select-error--focus)", "Input:outlineColor-Select-error--focus": "var(--xmlui-outlineColor-Select-error--focus)", "Input:outlineStyle-Select-error--focus": "var(--xmlui-outlineStyle-Select-error--focus)", "Input:outlineOffset-Select-error--focus": "var(--xmlui-outlineOffset-Select-error--focus)", "Input:fontSize-placeholder-Select-error": "var(--xmlui-fontSize-placeholder-Select-error)", "Input:borderRadius-Select-warning": "var(--xmlui-borderRadius-Select-warning)", "Input:borderColor-Select-warning": "var(--xmlui-borderColor-Select-warning)", "Input:borderWidth-Select-warning": "var(--xmlui-borderWidth-Select-warning)", "Input:borderStyle-Select-warning": "var(--xmlui-borderStyle-Select-warning)", "Input:backgroundColor-Select-warning": "var(--xmlui-backgroundColor-Select-warning)", "Input:boxShadow-Select-warning": "var(--xmlui-boxShadow-Select-warning)", "Input:borderColor-Select-warning--hover": "var(--xmlui-borderColor-Select-warning--hover)", "Input:backgroundColor-Select-warning--hover": "var(--xmlui-backgroundColor-Select-warning--hover)", "Input:boxShadow-Select-warning--hover": "var(--xmlui-boxShadow-Select-warning--hover)", "Input:textColor-Select-warning--hover": "var(--xmlui-textColor-Select-warning--hover)", "Input:outlineWidth-Select-warning--focus": "var(--xmlui-outlineWidth-Select-warning--focus)", "Input:outlineColor-Select-warning--focus": "var(--xmlui-outlineColor-Select-warning--focus)", "Input:outlineStyle-Select-warning--focus": "var(--xmlui-outlineStyle-Select-warning--focus)", "Input:outlineOffset-Select-warning--focus": "var(--xmlui-outlineOffset-Select-warning--focus)", "Input:fontSize-placeholder-Select-warning": "var(--xmlui-fontSize-placeholder-Select-warning)", "Input:borderRadius-Select-success": "var(--xmlui-borderRadius-Select-success)", "Input:borderColor-Select-success": "var(--xmlui-borderColor-Select-success)", "Input:borderWidth-Select-success": "var(--xmlui-borderWidth-Select-success)", "Input:borderStyle-Select-success": "var(--xmlui-borderStyle-Select-success)", "Input:backgroundColor-Select-success": "var(--xmlui-backgroundColor-Select-success)", "Input:boxShadow-Select-success": "var(--xmlui-boxShadow-Select-success)", "Input:borderColor-Select-success--hover": "var(--xmlui-borderColor-Select-success--hover)", "Input:backgroundColor-Select-success--hover": "var(--xmlui-backgroundColor-Select-success--hover)", "Input:boxShadow-Select-success--hover": "var(--xmlui-boxShadow-Select-success--hover)", "Input:textColor-Select-success--hover": "var(--xmlui-textColor-Select-success--hover)", "Input:outlineWidth-Select-success--focus": "var(--xmlui-outlineWidth-Select-success--focus)", "Input:outlineColor-Select-success--focus": "var(--xmlui-outlineColor-Select-success--focus)", "Input:outlineStyle-Select-success--focus": "var(--xmlui-outlineStyle-Select-success--focus)", "Input:outlineOffset-Select-success--focus": "var(--xmlui-outlineOffset-Select-success--focus)", "Input:fontSize-placeholder-Select-success": "var(--xmlui-fontSize-placeholder-Select-success)", "opacity-Select--disabled": "var(--xmlui-opacity-Select--disabled)", "Input:backgroundColor-Select--disabled": "var(--xmlui-backgroundColor-Select--disabled)", "Input:textColor-Select--disabled": "var(--xmlui-textColor-Select--disabled)", "Input:borderColor-Select--disabled": "var(--xmlui-borderColor-Select--disabled)", "paddingVertical-Select-badge": "var(--xmlui-paddingVertical-Select-badge)", "paddingHorizontal-Select-badge": "var(--xmlui-paddingHorizontal-Select-badge)", "borderRadius-Select-badge": "var(--xmlui-borderRadius-Select-badge)", "Input:fontSize-Select-badge": "var(--xmlui-fontSize-Select-badge)", "Input:backgroundColor-Select-badge": "var(--xmlui-backgroundColor-Select-badge)", "Input:textColor-Select-badge": "var(--xmlui-textColor-Select-badge)", "Input:backgroundColor-Select-badge--hover": "var(--xmlui-backgroundColor-Select-badge--hover)", "Input:textColor-Select-badge--hover": "var(--xmlui-textColor-Select-badge--hover)", "Input:backgroundColor-Select-badge--active": "var(--xmlui-backgroundColor-Select-badge--active)", "Input:textColor-Select-badge--active": "var(--xmlui-textColor-Select-badge--active)", "Input:textColor-placeholder-Select": "var(--xmlui-textColor-placeholder-Select)", "Input:backgroundColor-menu-Select": "var(--xmlui-backgroundColor-menu-Select)", "Input:borderRadius-menu-Select": "var(--xmlui-borderRadius-menu-Select)", "Input:boxShadow-menu-Select": "var(--xmlui-boxShadow-menu-Select)", "Input:borderWidth-menu-Select": "var(--xmlui-borderWidth-menu-Select)", "Input:borderColor-menu-Select": "var(--xmlui-borderColor-menu-Select)", "backgroundColor-item-Select": "var(--xmlui-backgroundColor-item-Select)", "backgroundColor-item-Select--hover": "var(--xmlui-backgroundColor-item-Select--hover)", "opacity-text-item-Select--disabled": "var(--xmlui-opacity-text-item-Select--disabled)", "fontSize-Select": "var(--xmlui-fontSize-Select)", "backgroundColor-item-Select--active": "var(--xmlui-backgroundColor-item-Select--active)", "textColor-indicator-Select": "var(--xmlui-textColor-indicator-Select)"}'`;
21828
- const selectValue = "_selectValue_1gf24_14";
21829
- const error$8 = "_error_1gf24_22";
21830
- const warning$9 = "_warning_1gf24_30";
21831
- const valid$8 = "_valid_1gf24_38";
21832
- const selectTrigger = "_selectTrigger_1gf24_46";
21833
- const badgeListContainer = "_badgeListContainer_1gf24_176";
21834
- const badgeList$1 = "_badgeList_1gf24_176";
21835
- const badge$1 = "_badge_1gf24_176";
21836
- const actions$1 = "_actions_1gf24_213";
21837
- const placeholder = "_placeholder_1gf24_218";
21838
- const emptyList = "_emptyList_1gf24_222";
21839
- const selectScrollUpButton = "_selectScrollUpButton_1gf24_231";
21840
- const selectScrollDownButton = "_selectScrollDownButton_1gf24_239";
21841
- const command$1 = "_command_1gf24_247";
21842
- const commandInputContainer = "_commandInputContainer_1gf24_256";
21843
- const commandInput$1 = "_commandInput_1gf24_256";
21844
- const commandList$1 = "_commandList_1gf24_279";
21845
- const selectContent = "_selectContent_1gf24_283";
21846
- const fadeIn = "_fadeIn_1gf24_1";
21847
- const zoomIn = "_zoomIn_1gf24_1";
21848
- const fadeOut = "_fadeOut_1gf24_1";
21849
- const zoomOut = "_zoomOut_1gf24_1";
21850
- const slideInFromTop = "_slideInFromTop_1gf24_1";
21851
- const slideInFromRight = "_slideInFromRight_1gf24_1";
21852
- const slideInFromLeft = "_slideInFromLeft_1gf24_1";
21853
- const slideInFromBottom = "_slideInFromBottom_1gf24_1";
21854
- const multiComboboxOption = "_multiComboboxOption_1gf24_324";
21855
- const multiComboboxOptionContent = "_multiComboboxOptionContent_1gf24_324";
21856
- const selectItem = "_selectItem_1gf24_348";
21857
- const selectItemContent = "_selectItemContent_1gf24_363";
21858
- const selectItemIndicator = "_selectItemIndicator_1gf24_382";
21859
- const selectViewport = "_selectViewport_1gf24_392";
21860
- const selectEmpty = "_selectEmpty_1gf24_397";
21861
- const loading = "_loading_1gf24_407";
21862
- const srOnly = "_srOnly_1gf24_410";
21843
+ const selectValue = "_selectValue_11axh_14";
21844
+ const error$8 = "_error_11axh_22";
21845
+ const warning$9 = "_warning_11axh_30";
21846
+ const valid$8 = "_valid_11axh_38";
21847
+ const selectTrigger = "_selectTrigger_11axh_46";
21848
+ const badgeListContainer = "_badgeListContainer_11axh_175";
21849
+ const badgeList$1 = "_badgeList_11axh_175";
21850
+ const badge$1 = "_badge_11axh_175";
21851
+ const actions$1 = "_actions_11axh_212";
21852
+ const placeholder = "_placeholder_11axh_217";
21853
+ const emptyList = "_emptyList_11axh_221";
21854
+ const selectScrollUpButton = "_selectScrollUpButton_11axh_230";
21855
+ const selectScrollDownButton = "_selectScrollDownButton_11axh_238";
21856
+ const command$1 = "_command_11axh_246";
21857
+ const commandInputContainer = "_commandInputContainer_11axh_255";
21858
+ const commandInput$1 = "_commandInput_11axh_255";
21859
+ const commandList$1 = "_commandList_11axh_278";
21860
+ const selectContent = "_selectContent_11axh_282";
21861
+ const fadeIn = "_fadeIn_11axh_1";
21862
+ const zoomIn = "_zoomIn_11axh_1";
21863
+ const fadeOut = "_fadeOut_11axh_1";
21864
+ const zoomOut = "_zoomOut_11axh_1";
21865
+ const slideInFromTop = "_slideInFromTop_11axh_1";
21866
+ const slideInFromRight = "_slideInFromRight_11axh_1";
21867
+ const slideInFromLeft = "_slideInFromLeft_11axh_1";
21868
+ const slideInFromBottom = "_slideInFromBottom_11axh_1";
21869
+ const multiComboboxOption = "_multiComboboxOption_11axh_323";
21870
+ const multiComboboxOptionContent = "_multiComboboxOptionContent_11axh_323";
21871
+ const selectItem = "_selectItem_11axh_347";
21872
+ const selectItemContent = "_selectItemContent_11axh_362";
21873
+ const selectItemIndicator = "_selectItemIndicator_11axh_381";
21874
+ const selectViewport = "_selectViewport_11axh_391";
21875
+ const selectEmpty = "_selectEmpty_11axh_396";
21876
+ const loading = "_loading_11axh_406";
21877
+ const srOnly = "_srOnly_11axh_409";
21863
21878
  const styles$O = {
21864
21879
  themeVars: themeVars$y,
21865
21880
  selectValue,
@@ -27464,32 +27479,33 @@ const fragmentComponentRenderer = createComponentRenderer(
27464
27479
  }
27465
27480
  );
27466
27481
  const themeVars$m = `'{"textColor-pagination-Table": "var(--xmlui-textColor-pagination-Table)", "backgroundColor-Table": "var(--xmlui-backgroundColor-Table)", "textColor-Table": "var(--xmlui-textColor-Table)", "backgroundColor-row-Table": "var(--xmlui-backgroundColor-row-Table)", "backgroundColor-row-Table--hover": "var(--xmlui-backgroundColor-row-Table--hover)", "backgroundColor-selected-Table": "var(--xmlui-backgroundColor-selected-Table)", "backgroundColor-selected-Table--hover": "var(--xmlui-backgroundColor-selected-Table--hover)", "backgroundColor-heading-Table": "var(--xmlui-backgroundColor-heading-Table)", "backgroundColor-heading-Table--hover": "var(--xmlui-backgroundColor-heading-Table--hover)", "backgroundColor-heading-Table--active": "var(--xmlui-backgroundColor-heading-Table--active)", "padding-heading-Table": "var(--xmlui-padding-heading-Table)", "paddingHorizontal-heading-Table": "var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table))", "paddingVertical-heading-Table": "var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table))", "paddingLeft-heading-Table": "var(--xmlui-paddingLeft-heading-Table, var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingRight-heading-Table": "var(--xmlui-paddingRight-heading-Table, var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingTop-heading-Table": "var(--xmlui-paddingTop-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingBottom-heading-Table": "var(--xmlui-paddingBottom-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)))", "padding-cell-Table": "var(--xmlui-padding-cell-Table)", "paddingHorizontal-cell-Table": "var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table))", "paddingVertical-cell-Table": "var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table))", "paddingLeft-cell-Table": "var(--xmlui-paddingLeft-cell-Table, var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingRight-cell-Table": "var(--xmlui-paddingRight-cell-Table, var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingTop-cell-Table": "var(--xmlui-paddingTop-cell-Table, var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingBottom-cell-Table": "var(--xmlui-paddingBottom-cell-Table, var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingHorizontal-cell-first-Table": "var(--xmlui-paddingHorizontal-cell-first-Table)", "paddingHorizontal-cell-last-Table": "var(--xmlui-paddingHorizontal-cell-last-Table)", "border-cell-Table": "var(--xmlui-border-cell-Table)", "borderHorizontal-cell-Table": "var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table))", "borderVertical-cell-Table": "var(--xmlui-borderVertical-cell-Table, var(--xmlui-border-cell-Table))", "borderLeft-cell-Table": "var(--xmlui-borderLeft-cell-Table, var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table)))", "borderRight-cell-Table": "var(--xmlui-borderRight-cell-Table, var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table)))", "borderTop-cell-Table": "var(--xmlui-borderTop-cell-Table, var(--xmlui-borderVertical-cell-Table, var(--xmlui-border-cell-Table)))", "borderBottom-cell-Table": "var(--xmlui-borderBottom-cell-Table)", "borderWidth-cell-Table": "var(--xmlui-borderWidth-cell-Table)", "borderHorizontalWidth-cell-Table": "var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table))", "borderLeftWidth-cell-Table": "var(--xmlui-borderLeftWidth-cell-Table, var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderRightWidth-cell-Table": "var(--xmlui-borderRightWidth-cell-Table, var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderVerticalWidth-cell-Table": "var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table))", "borderTopWidth-cell-Table": "var(--xmlui-borderTopWidth-cell-Table, var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderBottomWidth-cell-Table": "var(--xmlui-borderBottomWidth-cell-Table, var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderStyle-cell-Table": "var(--xmlui-borderStyle-cell-Table)", "borderHorizontalStyle-cell-Table": "var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table))", "borderLeftStyle-cell-Table": "var(--xmlui-borderLeftStyle-cell-Table, var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderRightStyle-cell-Table": "var(--xmlui-borderRightStyle-cell-Table, var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderVerticalStyle-cell-Table": "var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table))", "borderTopStyle-cell-Table": "var(--xmlui-borderTopStyle-cell-Table, var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderBottomStyle-cell-Table": "var(--xmlui-borderBottomStyle-cell-Table, var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderColor-cell-Table": "var(--xmlui-borderColor-cell-Table)", "borderHorizontalColor-cell-Table": "var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table))", "borderLeftColor-cell-Table": "var(--xmlui-borderLeftColor-cell-Table, var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderRightColor-cell-Table": "var(--xmlui-borderRightColor-cell-Table, var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderVerticalColor-cell-Table": "var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table))", "borderTopColor-cell-Table": "var(--xmlui-borderTopColor-cell-Table, var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderBottomColor-cell-Table": "var(--xmlui-borderBottomColor-cell-Table, var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderStartStartRadius-cell-Table": "var(--xmlui-borderStartStartRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "borderStartEndRadius-cell-Table": "var(--xmlui-borderStartEndRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "borderEndStartRadius-cell-Table": "var(--xmlui-borderEndStartRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "borderEndEndRadius-cell-Table": "var(--xmlui-borderEndEndRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "border-Table": "var(--xmlui-border-Table)", "borderHorizontal-Table": "var(--xmlui-borderHorizontal-Table, var(--xmlui-border-Table))", "borderVertical-Table": "var(--xmlui-borderVertical-Table, var(--xmlui-border-Table))", "borderLeft-Table": "var(--xmlui-borderLeft-Table, var(--xmlui-borderHorizontal-Table, var(--xmlui-border-Table)))", "borderRight-Table": "var(--xmlui-borderRight-Table, var(--xmlui-borderHorizontal-Table, var(--xmlui-border-Table)))", "borderTop-Table": "var(--xmlui-borderTop-Table, var(--xmlui-borderVertical-Table, var(--xmlui-border-Table)))", "borderBottom-Table": "var(--xmlui-borderBottom-Table, var(--xmlui-borderVertical-Table, var(--xmlui-border-Table)))", "borderWidth-Table": "var(--xmlui-borderWidth-Table)", "borderHorizontalWidth-Table": "var(--xmlui-borderHorizontalWidth-Table, var(--xmlui-borderWidth-Table))", "borderLeftWidth-Table": "var(--xmlui-borderLeftWidth-Table, var(--xmlui-borderHorizontalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderRightWidth-Table": "var(--xmlui-borderRightWidth-Table, var(--xmlui-borderHorizontalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderVerticalWidth-Table": "var(--xmlui-borderVerticalWidth-Table, var(--xmlui-borderWidth-Table))", "borderTopWidth-Table": "var(--xmlui-borderTopWidth-Table, var(--xmlui-borderVerticalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderBottomWidth-Table": "var(--xmlui-borderBottomWidth-Table, var(--xmlui-borderVerticalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderStyle-Table": "var(--xmlui-borderStyle-Table)", "borderHorizontalStyle-Table": "var(--xmlui-borderHorizontalStyle-Table, var(--xmlui-borderStyle-Table))", "borderLeftStyle-Table": "var(--xmlui-borderLeftStyle-Table, var(--xmlui-borderHorizontalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderRightStyle-Table": "var(--xmlui-borderRightStyle-Table, var(--xmlui-borderHorizontalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderVerticalStyle-Table": "var(--xmlui-borderVerticalStyle-Table, var(--xmlui-borderStyle-Table))", "borderTopStyle-Table": "var(--xmlui-borderTopStyle-Table, var(--xmlui-borderVerticalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderBottomStyle-Table": "var(--xmlui-borderBottomStyle-Table, var(--xmlui-borderVerticalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderColor-Table": "var(--xmlui-borderColor-Table)", "borderHorizontalColor-Table": "var(--xmlui-borderHorizontalColor-Table, var(--xmlui-borderColor-Table))", "borderLeftColor-Table": "var(--xmlui-borderLeftColor-Table, var(--xmlui-borderHorizontalColor-Table, var(--xmlui-borderColor-Table)))", "borderRightColor-Table": "var(--xmlui-borderRightColor-Table, var(--xmlui-borderHorizontalColor-Table, var(--xmlui-borderColor-Table)))", "borderVerticalColor-Table": "var(--xmlui-borderVerticalColor-Table, var(--xmlui-borderColor-Table))", "borderTopColor-Table": "var(--xmlui-borderTopColor-Table, var(--xmlui-borderVerticalColor-Table, var(--xmlui-borderColor-Table)))", "borderBottomColor-Table": "var(--xmlui-borderBottomColor-Table, var(--xmlui-borderVerticalColor-Table, var(--xmlui-borderColor-Table)))", "borderStartStartRadius-Table": "var(--xmlui-borderStartStartRadius-Table, var(--xmlui-borderRadius-Table))", "borderStartEndRadius-Table": "var(--xmlui-borderStartEndRadius-Table, var(--xmlui-borderRadius-Table))", "borderEndStartRadius-Table": "var(--xmlui-borderEndStartRadius-Table, var(--xmlui-borderRadius-Table))", "borderEndEndRadius-Table": "var(--xmlui-borderEndEndRadius-Table, var(--xmlui-borderRadius-Table))", "backgroundColor-pagination-Table": "var(--xmlui-backgroundColor-pagination-Table)", "textColor-heading-Table": "var(--xmlui-textColor-heading-Table)", "fontWeight-row-Table": "var(--xmlui-fontWeight-row-Table)", "fontSize-row-Table": "var(--xmlui-fontSize-row-Table)", "fontWeight-heading-Table": "var(--xmlui-fontWeight-heading-Table)", "fontSize-heading-Table": "var(--xmlui-fontSize-heading-Table)", "textTransform-heading-Table": "var(--xmlui-textTransform-heading-Table)", "borderRadius-Table": "var(--xmlui-borderRadius-Table)", "outlineWidth-heading-Table--focus": "var(--xmlui-outlineWidth-heading-Table--focus)", "outlineColor-heading-Table--focus": "var(--xmlui-outlineColor-heading-Table--focus)", "outlineStyle-heading-Table--focus": "var(--xmlui-outlineStyle-heading-Table--focus)", "outlineOffset-heading-Table--focus": "var(--xmlui-outlineOffset-heading-Table--focus)", "borderBottom-last-row-Table": "var(--xmlui-borderBottom-last-row-Table)"}'`;
27467
- const wrapper$c = "_wrapper_uqop0_14";
27468
- const noScroll = "_noScroll_uqop0_42";
27469
- const headerWrapper = "_headerWrapper_uqop0_45";
27470
- const tableBody = "_tableBody_uqop0_46";
27471
- const clickableHeader = "_clickableHeader_uqop0_51";
27472
- const headerContent = "_headerContent_uqop0_65";
27473
- const headerRow = "_headerRow_uqop0_97";
27474
- const columnCell = "_columnCell_uqop0_101";
27475
- const cell = "_cell_uqop0_102";
27476
- const alignTop = "_alignTop_uqop0_110";
27477
- const alignCenter = "_alignCenter_uqop0_114";
27478
- const alignBottom = "_alignBottom_uqop0_118";
27479
- const table = "_table_uqop0_46";
27480
- const row$1 = "_row_uqop0_126";
27481
- const checkBoxWrapper = "_checkBoxWrapper_uqop0_133";
27482
- const showInHeader = "_showInHeader_uqop0_138";
27483
- const selected = "_selected_uqop0_142";
27484
- const allSelected = "_allSelected_uqop0_142";
27485
- const cellContent = "_cellContent_uqop0_173";
27486
- const focused = "_focused_uqop0_200";
27487
- const disabled$2 = "_disabled_uqop0_212";
27488
- const noBottomBorder = "_noBottomBorder_uqop0_219";
27489
- const noRows$1 = "_noRows_uqop0_244";
27490
- const loadingWrapper$1 = "_loadingWrapper_uqop0_283";
27491
- const resizer$1 = "_resizer_uqop0_296";
27492
- const isResizing = "_isResizing_uqop0_317";
27482
+ const wrapper$c = "_wrapper_1ylgd_14";
27483
+ const noScroll = "_noScroll_1ylgd_42";
27484
+ const headerWrapper = "_headerWrapper_1ylgd_45";
27485
+ const tableBody = "_tableBody_1ylgd_46";
27486
+ const clickableHeader = "_clickableHeader_1ylgd_51";
27487
+ const headerContent = "_headerContent_1ylgd_65";
27488
+ const headerRow = "_headerRow_1ylgd_97";
27489
+ const columnCell = "_columnCell_1ylgd_101";
27490
+ const cell = "_cell_1ylgd_102";
27491
+ const alignTop = "_alignTop_1ylgd_110";
27492
+ const alignCenter = "_alignCenter_1ylgd_114";
27493
+ const alignBottom = "_alignBottom_1ylgd_118";
27494
+ const table = "_table_1ylgd_46";
27495
+ const row$1 = "_row_1ylgd_126";
27496
+ const checkBoxWrapper = "_checkBoxWrapper_1ylgd_133";
27497
+ const showInHeader = "_showInHeader_1ylgd_138";
27498
+ const selected = "_selected_1ylgd_142";
27499
+ const allSelected = "_allSelected_1ylgd_142";
27500
+ const cellContent = "_cellContent_1ylgd_173";
27501
+ const focused = "_focused_1ylgd_200";
27502
+ const disabled$2 = "_disabled_1ylgd_212";
27503
+ const noBottomBorder = "_noBottomBorder_1ylgd_219";
27504
+ const noRows$1 = "_noRows_1ylgd_244";
27505
+ const loadingWrapper$1 = "_loadingWrapper_1ylgd_283";
27506
+ const forceHoverWrapper = "_forceHoverWrapper_1ylgd_296";
27507
+ const resizer$1 = "_resizer_1ylgd_299";
27508
+ const isResizing = "_isResizing_1ylgd_320";
27493
27509
  const styles$C = {
27494
27510
  themeVars: themeVars$m,
27495
27511
  wrapper: wrapper$c,
@@ -27516,6 +27532,7 @@ const styles$C = {
27516
27532
  noBottomBorder,
27517
27533
  noRows: noRows$1,
27518
27534
  loadingWrapper: loadingWrapper$1,
27535
+ forceHoverWrapper,
27519
27536
  resizer: resizer$1,
27520
27537
  isResizing
27521
27538
  };
@@ -28320,11 +28337,38 @@ const PaginationNative = forwardRef(function PaginationNative2({
28320
28337
  );
28321
28338
  });
28322
28339
  const TablePaginationControlsLocationValues = ["top", "bottom", "both"];
28340
+ const CheckboxToleranceValues = ["none", "compact", "comfortable", "spacious"];
28323
28341
  function defaultIsRowDisabled(_) {
28324
28342
  return false;
28325
28343
  }
28326
28344
  const SELECT_COLUMN_WIDTH = 42;
28327
28345
  const DEFAULT_PAGE_SIZES = [10];
28346
+ const getCheckboxTolerancePixels = (tolerance) => {
28347
+ switch (tolerance) {
28348
+ case "none":
28349
+ return 0;
28350
+ case "compact":
28351
+ return 8;
28352
+ case "comfortable":
28353
+ return 12;
28354
+ case "spacious":
28355
+ return 16;
28356
+ default:
28357
+ return 8;
28358
+ }
28359
+ };
28360
+ const isWithinCheckboxBoundary = (pointX, pointY, checkboxRect, tolerancePixels) => {
28361
+ const distanceToLeft = Math.abs(pointX - checkboxRect.left);
28362
+ const distanceToRight = Math.abs(pointX - checkboxRect.right);
28363
+ const distanceToTop = Math.abs(pointY - checkboxRect.top);
28364
+ const distanceToBottom = Math.abs(pointY - checkboxRect.bottom);
28365
+ const withinHorizontalBounds = pointX >= checkboxRect.left && pointX <= checkboxRect.right;
28366
+ const withinVerticalBounds = pointY >= checkboxRect.top && pointY <= checkboxRect.bottom;
28367
+ const withinCheckbox = withinHorizontalBounds && withinVerticalBounds;
28368
+ const nearHorizontalBoundary = withinVerticalBounds && (distanceToLeft <= tolerancePixels || distanceToRight <= tolerancePixels);
28369
+ const nearVerticalBoundary = withinHorizontalBounds && (distanceToTop <= tolerancePixels || distanceToBottom <= tolerancePixels);
28370
+ return withinCheckbox || nearHorizontalBoundary || nearVerticalBoundary;
28371
+ };
28328
28372
  const getCommonPinningStyles = (column) => {
28329
28373
  const isPinned = column.getIsPinned();
28330
28374
  return {
@@ -28381,6 +28425,7 @@ const Table = forwardRef(
28381
28425
  showCurrentPage = defaultProps$B.showCurrentPage,
28382
28426
  showPageInfo = defaultProps$B.showPageInfo,
28383
28427
  showPageSizeSelector = defaultProps$B.showPageSizeSelector,
28428
+ checkboxTolerance = defaultProps$B.checkboxTolerance,
28384
28429
  ...rest
28385
28430
  // cols
28386
28431
  }, forwardedRef) => {
@@ -28406,6 +28451,9 @@ const Table = forwardRef(
28406
28451
  }
28407
28452
  }, [autoFocus]);
28408
28453
  const [visibleItems2, setVisibleItems] = useState(EMPTY_ARRAY);
28454
+ const [hoveredRowId, setHoveredRowId] = useState(null);
28455
+ const [headerCheckboxHovered, setHeaderCheckboxHovered] = useState(false);
28456
+ const tolerancePixels = getCheckboxTolerancePixels(checkboxTolerance);
28409
28457
  const {
28410
28458
  toggleRow,
28411
28459
  checkAllRows,
@@ -28537,10 +28585,12 @@ const Table = forwardRef(
28537
28585
  {
28538
28586
  ...{
28539
28587
  className: classnames(styles$C.checkBoxWrapper, {
28540
- [styles$C.showInHeader]: alwaysShowSelectionHeader
28588
+ [styles$C.showInHeader]: alwaysShowSelectionHeader,
28589
+ [styles$C.forceHoverWrapper]: headerCheckboxHovered
28541
28590
  }),
28542
28591
  value: table22.getIsAllRowsSelected(),
28543
28592
  indeterminate: table22.getIsSomeRowsSelected(),
28593
+ forceHover: headerCheckboxHovered,
28544
28594
  onDidChange: () => {
28545
28595
  const allSelected2 = table22.getRowModel().rows.every((row2) => rowDisabledPredicate(row2.original) || row2.getIsSelected());
28546
28596
  checkAllRows(!allSelected2);
@@ -28552,9 +28602,12 @@ const Table = forwardRef(
28552
28602
  Toggle,
28553
28603
  {
28554
28604
  ...{
28555
- className: styles$C.checkBoxWrapper,
28605
+ className: classnames(styles$C.checkBoxWrapper, {
28606
+ [styles$C.forceHoverWrapper]: hoveredRowId === row2.id
28607
+ }),
28556
28608
  value: row2.getIsSelected(),
28557
28609
  indeterminate: row2.getIsSomeSelected(),
28610
+ forceHover: hoveredRowId === row2.id,
28558
28611
  onDidChange: () => {
28559
28612
  toggleRow(row2.original, { metaKey: true });
28560
28613
  }
@@ -28570,7 +28623,9 @@ const Table = forwardRef(
28570
28623
  alwaysShowSelectionHeader,
28571
28624
  checkAllRows,
28572
28625
  toggleRow,
28573
- rowDisabledPredicate
28626
+ rowDisabledPredicate,
28627
+ hoveredRowId,
28628
+ headerCheckboxHovered
28574
28629
  ]);
28575
28630
  const [pagination2, setPagination] = useState({
28576
28631
  pageSize: isPaginated ? pageSize : Number.MAX_VALUE,
@@ -28755,6 +28810,67 @@ const Table = forwardRef(
28755
28810
  className: classnames(styles$C.headerRow, {
28756
28811
  [styles$C.allSelected]: table2.getIsAllRowsSelected()
28757
28812
  }),
28813
+ onClick: (event) => {
28814
+ const target2 = event.target;
28815
+ const headerCell = target2.closest("th");
28816
+ if (headerCell && rowsSelectable && enableMultiRowSelection) {
28817
+ const header2 = headerGroup.headers.find((h) => {
28818
+ const headerElement = headerCell;
28819
+ return (headerElement == null ? void 0 : headerElement.getAttribute("data-column-id")) === h.id || h.id === "select";
28820
+ });
28821
+ if (header2 && header2.id === "select") {
28822
+ const clickX = event.clientX;
28823
+ const clickY = event.clientY;
28824
+ const checkbox2 = headerCell.querySelector('input[type="checkbox"]');
28825
+ if (checkbox2) {
28826
+ const checkboxRect = checkbox2.getBoundingClientRect();
28827
+ if (isWithinCheckboxBoundary(clickX, clickY, checkboxRect, tolerancePixels)) {
28828
+ event.preventDefault();
28829
+ event.stopPropagation();
28830
+ const allSelected2 = table2.getRowModel().rows.every((row2) => rowDisabledPredicate(row2.original) || row2.getIsSelected());
28831
+ checkAllRows(!allSelected2);
28832
+ }
28833
+ }
28834
+ }
28835
+ }
28836
+ },
28837
+ onMouseMove: (event) => {
28838
+ if (rowsSelectable && enableMultiRowSelection) {
28839
+ const target2 = event.target;
28840
+ const headerCell = target2.closest("th");
28841
+ if (headerCell) {
28842
+ const header2 = headerGroup.headers.find((h) => {
28843
+ const headerElement = headerCell;
28844
+ return (headerElement == null ? void 0 : headerElement.getAttribute("data-column-id")) === h.id || h.id === "select";
28845
+ });
28846
+ if (header2 && header2.id === "select") {
28847
+ const mouseX = event.clientX;
28848
+ const mouseY = event.clientY;
28849
+ const checkbox2 = headerCell.querySelector('input[type="checkbox"]');
28850
+ if (checkbox2) {
28851
+ const checkboxRect = checkbox2.getBoundingClientRect();
28852
+ const shouldShowHover = isWithinCheckboxBoundary(mouseX, mouseY, checkboxRect, tolerancePixels);
28853
+ if (shouldShowHover && !headerCheckboxHovered) {
28854
+ setHeaderCheckboxHovered(true);
28855
+ event.currentTarget.style.cursor = "pointer";
28856
+ } else if (!shouldShowHover && headerCheckboxHovered) {
28857
+ setHeaderCheckboxHovered(false);
28858
+ event.currentTarget.style.cursor = "";
28859
+ }
28860
+ }
28861
+ } else if (headerCheckboxHovered) {
28862
+ setHeaderCheckboxHovered(false);
28863
+ event.currentTarget.style.cursor = "";
28864
+ }
28865
+ }
28866
+ }
28867
+ },
28868
+ onMouseLeave: (event) => {
28869
+ if (headerCheckboxHovered) {
28870
+ setHeaderCheckboxHovered(false);
28871
+ event.currentTarget.style.cursor = "";
28872
+ }
28873
+ },
28758
28874
  children: headerGroup.headers.map((header2, headerIndex) => {
28759
28875
  var _a3, _b2, _c2;
28760
28876
  const { width, ...style22 } = ((_a3 = header2.column.columnDef.meta) == null ? void 0 : _a3.style) || {};
@@ -28763,6 +28879,7 @@ const Table = forwardRef(
28763
28879
  return /* @__PURE__ */ jsxs(
28764
28880
  "th",
28765
28881
  {
28882
+ "data-column-id": header2.id,
28766
28883
  className: classnames(styles$C.columnCell, alignmentClass),
28767
28884
  colSpan: header2.colSpan,
28768
28885
  style: {
@@ -28859,8 +28976,41 @@ const Table = forwardRef(
28859
28976
  if (target2.tagName.toLowerCase() === "input") {
28860
28977
  return;
28861
28978
  }
28979
+ const currentRow = event.currentTarget;
28980
+ const checkbox2 = currentRow.querySelector('input[type="checkbox"]');
28981
+ if (checkbox2) {
28982
+ const checkboxRect = checkbox2.getBoundingClientRect();
28983
+ const clickX = event.clientX;
28984
+ const clickY = event.clientY;
28985
+ if (isWithinCheckboxBoundary(clickX, clickY, checkboxRect, tolerancePixels)) {
28986
+ toggleRow(row2.original, { metaKey: true });
28987
+ return;
28988
+ }
28989
+ }
28862
28990
  toggleRow(row2.original, event);
28863
28991
  },
28992
+ onMouseMove: (event) => {
28993
+ const currentRow = event.currentTarget;
28994
+ const checkbox2 = currentRow.querySelector('input[type="checkbox"]');
28995
+ if (checkbox2) {
28996
+ const checkboxRect = checkbox2.getBoundingClientRect();
28997
+ const mouseX = event.clientX;
28998
+ const mouseY = event.clientY;
28999
+ const shouldShowHover = isWithinCheckboxBoundary(mouseX, mouseY, checkboxRect, tolerancePixels);
29000
+ if (shouldShowHover) {
29001
+ setHoveredRowId(row2.id);
29002
+ currentRow.style.cursor = "pointer";
29003
+ } else {
29004
+ setHoveredRowId(null);
29005
+ currentRow.style.cursor = "";
29006
+ }
29007
+ }
29008
+ },
29009
+ onMouseLeave: (event) => {
29010
+ const currentRow = event.currentTarget;
29011
+ currentRow.style.cursor = "";
29012
+ setHoveredRowId(null);
29013
+ },
28864
29014
  children: row2.getVisibleCells().map((cell2, i) => {
28865
29015
  var _a3, _b2;
28866
29016
  const cellRenderer = (_b2 = (_a3 = cell2.column.columnDef) == null ? void 0 : _a3.meta) == null ? void 0 : _b2.cellRenderer;
@@ -28938,7 +29088,8 @@ const defaultProps$B = {
28938
29088
  showCurrentPage: true,
28939
29089
  buttonRowPosition: "center",
28940
29090
  pageSizeSelectorPosition: "start",
28941
- pageInfoPosition: "end"
29091
+ pageInfoPosition: "end",
29092
+ checkboxTolerance: "compact"
28942
29093
  };
28943
29094
  const COMP$12 = "Table";
28944
29095
  const TableMd = createMetadata({
@@ -29062,6 +29213,12 @@ const TableMd = createMetadata({
29062
29213
  valueType: "string",
29063
29214
  availableValues: ["top", "center", "bottom"],
29064
29215
  defaultValue: "center"
29216
+ },
29217
+ checkboxTolerance: {
29218
+ description: `This property controls the tolerance area around checkboxes for easier interaction. This property only has an effect when the rowsSelectable property is set to \`true\`. \`none\` provides no tolerance (0px), \`compact\` provides minimal tolerance (8px), \`comfortable\` provides medium tolerance (12px), and \`spacious\` provides generous tolerance (16px) for improved accessibility.`,
29219
+ valueType: "string",
29220
+ availableValues: CheckboxToleranceValues,
29221
+ defaultValue: defaultProps$B.checkboxTolerance
29065
29222
  }
29066
29223
  },
29067
29224
  events: {
@@ -29249,6 +29406,7 @@ const TableWithColumns = memo(forwardRef(
29249
29406
  showCurrentPage: extractValue.asOptionalBoolean(node.props.showCurrentPage),
29250
29407
  showPageInfo: extractValue.asOptionalBoolean(node.props.showPageInfo),
29251
29408
  showPageSizeSelector: extractValue.asOptionalBoolean(node.props.showPageSizeSelector),
29409
+ checkboxTolerance: extractValue.asOptionalString(node.props.checkboxTolerance),
29252
29410
  initiallySelected: extractValue(node.props.initiallySelected),
29253
29411
  syncWithAppState: extractValue(node.props.syncWithAppState)
29254
29412
  }
@@ -29583,7 +29741,7 @@ const IconMd = createMetadata({
29583
29741
  },
29584
29742
  themeVars: parseScssVar(styles$1h.themeVars),
29585
29743
  defaultThemeVars: {
29586
- [`size-${COMP$_}`]: "1.25em"
29744
+ [`size-${COMP$_}`]: "1.2em"
29587
29745
  }
29588
29746
  });
29589
29747
  const iconComponentRenderer = createComponentRenderer(
@@ -36646,7 +36804,7 @@ const TimeInputNative = forwardRef(function TimeInputNative2({
36646
36804
  handleChange(timeString);
36647
36805
  }
36648
36806
  },
36649
- [hour2, minute2, second2, amPm, is12HourFormat, handleChange]
36807
+ [hour2, minute2, second2, formatTimeValue, amPm, is12HourFormat, handleChange]
36650
36808
  );
36651
36809
  const handleHourChange = useMemo(
36652
36810
  () => createInputChangeHandler(
@@ -36707,7 +36865,7 @@ const TimeInputNative = forwardRef(function TimeInputNative2({
36707
36865
  setAmPm(newAmPm);
36708
36866
  const timeString = formatTimeValue(hour2, minute2, second2, newAmPm, is12HourFormat);
36709
36867
  handleChange(timeString);
36710
- }, [amPm, hour2, minute2, second2, is12HourFormat, handleChange]);
36868
+ }, [amPm, formatTimeValue, hour2, minute2, second2, is12HourFormat, handleChange]);
36711
36869
  const handleAmPmSet = useCallback(
36712
36870
  (targetAmPm) => {
36713
36871
  if (amPm === targetAmPm) return;
@@ -36715,7 +36873,7 @@ const TimeInputNative = forwardRef(function TimeInputNative2({
36715
36873
  const timeString = formatTimeValue(hour2, minute2, second2, targetAmPm, is12HourFormat);
36716
36874
  handleChange(timeString);
36717
36875
  },
36718
- [amPm, hour2, minute2, second2, is12HourFormat, handleChange]
36876
+ [amPm, formatTimeValue, hour2, minute2, second2, is12HourFormat, handleChange]
36719
36877
  );
36720
36878
  const focus = useCallback(() => {
36721
36879
  var _a2;
@@ -36808,21 +36966,7 @@ const TimeInputNative = forwardRef(function TimeInputNative2({
36808
36966
  setTimeout(() => {
36809
36967
  focus();
36810
36968
  }, 0);
36811
- }, [
36812
- stableInitialValue,
36813
- handleChange,
36814
- localValue,
36815
- controlledValue,
36816
- hour2,
36817
- minute2,
36818
- second2,
36819
- amPm,
36820
- setHour,
36821
- setMinute,
36822
- setSecond,
36823
- setAmPm,
36824
- focus
36825
- ]);
36969
+ }, [clearToInitialValue, stableInitialValue, handleChange, is12HourFormat, focus]);
36826
36970
  function stopPropagation(event) {
36827
36971
  event.stopPropagation();
36828
36972
  }
@@ -37070,6 +37214,7 @@ function AmPmButton({
37070
37214
  );
37071
37215
  }
37072
37216
  function HourInput({
37217
+ id,
37073
37218
  amPm,
37074
37219
  maxTime,
37075
37220
  minTime,
@@ -37117,6 +37262,7 @@ function HourInput({
37117
37262
  return /* @__PURE__ */ jsx(
37118
37263
  PartialInput,
37119
37264
  {
37265
+ id,
37120
37266
  "data-part-id": PART_HOUR,
37121
37267
  value: displayValue,
37122
37268
  emptyCharacter,
@@ -46484,7 +46630,7 @@ function IconProvider({ children }) {
46484
46630
  /* @__PURE__ */ jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
46485
46631
  ] });
46486
46632
  }
46487
- const version = "0.10.18";
46633
+ const version = "0.10.19";
46488
46634
  const miscellaneousUtils = {
46489
46635
  capitalize,
46490
46636
  pluralize: pluralize$1,
@@ -51237,7 +51383,7 @@ function ApiInterceptorProvider({
51237
51383
  return;
51238
51384
  }
51239
51385
  (async () => {
51240
- const { initMock } = await import("./initMock-D0wDKF_I.mjs");
51386
+ const { initMock } = await import("./initMock-C-cnv--V.mjs");
51241
51387
  const apiInstance2 = await initMock(interceptor);
51242
51388
  setApiInstance(apiInstance2);
51243
51389
  setInitialized(true);
@@ -51254,7 +51400,7 @@ function ApiInterceptorProvider({
51254
51400
  if (define_process_env_default$2.VITE_MOCK_ENABLED) {
51255
51401
  const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
51256
51402
  useWorker ? import("./apiInterceptorWorker-BmKP8bnq.mjs") : Promise.resolve({ createApiInterceptorWorker: () => null }),
51257
- import("./initMock-D0wDKF_I.mjs")
51403
+ import("./initMock-C-cnv--V.mjs")
51258
51404
  ]);
51259
51405
  if (interceptor || forceInitialize) {
51260
51406
  const apiInstance2 = await initMock(interceptor || {});
@@ -51291,7 +51437,7 @@ function ApiInterceptorProvider({
51291
51437
  (async () => {
51292
51438
  const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
51293
51439
  import("./apiInterceptorWorker-BmKP8bnq.mjs"),
51294
- import("./initMock-D0wDKF_I.mjs")
51440
+ import("./initMock-C-cnv--V.mjs")
51295
51441
  ]);
51296
51442
  const apiInstance2 = await initMock(interceptor);
51297
51443
  await createApiInterceptorWorker(apiInstance2, parentInterceptorWorker);