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
@@ -11106,32 +11106,33 @@ const fragmentComponentRenderer = createComponentRenderer(
11106
11106
  }
11107
11107
  );
11108
11108
  const themeVars$I = `'{"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)"}'`;
11109
- const wrapper$i = "_wrapper_uqop0_14";
11110
- const noScroll = "_noScroll_uqop0_42";
11111
- const headerWrapper = "_headerWrapper_uqop0_45";
11112
- const tableBody = "_tableBody_uqop0_46";
11113
- const clickableHeader = "_clickableHeader_uqop0_51";
11114
- const headerContent = "_headerContent_uqop0_65";
11115
- const headerRow = "_headerRow_uqop0_97";
11116
- const columnCell = "_columnCell_uqop0_101";
11117
- const cell = "_cell_uqop0_102";
11118
- const alignTop = "_alignTop_uqop0_110";
11119
- const alignCenter = "_alignCenter_uqop0_114";
11120
- const alignBottom = "_alignBottom_uqop0_118";
11121
- const table = "_table_uqop0_46";
11122
- const row$1 = "_row_uqop0_126";
11123
- const checkBoxWrapper = "_checkBoxWrapper_uqop0_133";
11124
- const showInHeader = "_showInHeader_uqop0_138";
11125
- const selected$1 = "_selected_uqop0_142";
11126
- const allSelected = "_allSelected_uqop0_142";
11127
- const cellContent = "_cellContent_uqop0_173";
11128
- const focused$1 = "_focused_uqop0_200";
11129
- const disabled$7 = "_disabled_uqop0_212";
11130
- const noBottomBorder = "_noBottomBorder_uqop0_219";
11131
- const noRows$1 = "_noRows_uqop0_244";
11132
- const loadingWrapper$1 = "_loadingWrapper_uqop0_283";
11133
- const resizer$1 = "_resizer_uqop0_296";
11134
- const isResizing = "_isResizing_uqop0_317";
11109
+ const wrapper$i = "_wrapper_1ylgd_14";
11110
+ const noScroll = "_noScroll_1ylgd_42";
11111
+ const headerWrapper = "_headerWrapper_1ylgd_45";
11112
+ const tableBody = "_tableBody_1ylgd_46";
11113
+ const clickableHeader = "_clickableHeader_1ylgd_51";
11114
+ const headerContent = "_headerContent_1ylgd_65";
11115
+ const headerRow = "_headerRow_1ylgd_97";
11116
+ const columnCell = "_columnCell_1ylgd_101";
11117
+ const cell = "_cell_1ylgd_102";
11118
+ const alignTop = "_alignTop_1ylgd_110";
11119
+ const alignCenter = "_alignCenter_1ylgd_114";
11120
+ const alignBottom = "_alignBottom_1ylgd_118";
11121
+ const table = "_table_1ylgd_46";
11122
+ const row$1 = "_row_1ylgd_126";
11123
+ const checkBoxWrapper = "_checkBoxWrapper_1ylgd_133";
11124
+ const showInHeader = "_showInHeader_1ylgd_138";
11125
+ const selected$1 = "_selected_1ylgd_142";
11126
+ const allSelected = "_allSelected_1ylgd_142";
11127
+ const cellContent = "_cellContent_1ylgd_173";
11128
+ const focused$1 = "_focused_1ylgd_200";
11129
+ const disabled$7 = "_disabled_1ylgd_212";
11130
+ const noBottomBorder = "_noBottomBorder_1ylgd_219";
11131
+ const noRows$1 = "_noRows_1ylgd_244";
11132
+ const loadingWrapper$1 = "_loadingWrapper_1ylgd_283";
11133
+ const forceHoverWrapper = "_forceHoverWrapper_1ylgd_296";
11134
+ const resizer$1 = "_resizer_1ylgd_299";
11135
+ const isResizing = "_isResizing_1ylgd_320";
11135
11136
  const styles$12 = {
11136
11137
  themeVars: themeVars$I,
11137
11138
  wrapper: wrapper$i,
@@ -11158,6 +11159,7 @@ const styles$12 = {
11158
11159
  noBottomBorder,
11159
11160
  noRows: noRows$1,
11160
11161
  loadingWrapper: loadingWrapper$1,
11162
+ forceHoverWrapper,
11161
11163
  resizer: resizer$1,
11162
11164
  isResizing
11163
11165
  };
@@ -12358,23 +12360,25 @@ function generateTones(baseColorStr) {
12358
12360
  };
12359
12361
  }
12360
12362
  const themeVars$H = `'{"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)"}'`;
12361
- const resetAppearance = "_resetAppearance_of6bs_14";
12362
- const label$1 = "_label_of6bs_21";
12363
- const inputContainer = "_inputContainer_of6bs_24";
12364
- const checkbox = "_checkbox_of6bs_31";
12365
- const error$c = "_error_of6bs_60";
12366
- const warning$d = "_warning_of6bs_71";
12367
- const valid$c = "_valid_of6bs_82";
12363
+ const resetAppearance = "_resetAppearance_1onhr_14";
12364
+ const label$1 = "_label_1onhr_21";
12365
+ const inputContainer = "_inputContainer_1onhr_24";
12366
+ const checkbox = "_checkbox_1onhr_31";
12367
+ const forceHover = "_forceHover_1onhr_60";
12368
+ const error$c = "_error_1onhr_63";
12369
+ const warning$d = "_warning_1onhr_74";
12370
+ const valid$c = "_valid_1onhr_85";
12368
12371
  const styles$11 = {
12369
12372
  themeVars: themeVars$H,
12370
12373
  resetAppearance,
12371
12374
  label: label$1,
12372
12375
  inputContainer,
12373
12376
  checkbox,
12377
+ forceHover,
12374
12378
  error: error$c,
12375
12379
  warning: warning$d,
12376
12380
  valid: valid$c,
12377
- "switch": "_switch_of6bs_141"
12381
+ "switch": "_switch_1onhr_144"
12378
12382
  };
12379
12383
  const defaultProps$$ = {
12380
12384
  initialValue: false,
@@ -12403,6 +12407,7 @@ const Toggle = forwardRef(function Toggle2({
12403
12407
  autoFocus,
12404
12408
  registerComponentApi,
12405
12409
  inputRenderer,
12410
+ forceHover: forceHover2 = false,
12406
12411
  ...rest
12407
12412
  }, forwardedRef) {
12408
12413
  const innerRef = React__default.useRef(null);
@@ -12509,7 +12514,8 @@ const Toggle = forwardRef(function Toggle2({
12509
12514
  [styles$11.switch]: variant === "switch",
12510
12515
  [styles$11.error]: validationStatus === "error",
12511
12516
  [styles$11.warning]: validationStatus === "warning",
12512
- [styles$11.valid]: validationStatus === "valid"
12517
+ [styles$11.valid]: validationStatus === "valid",
12518
+ [styles$11.forceHover]: forceHover2
12513
12519
  })
12514
12520
  }
12515
12521
  );
@@ -12530,7 +12536,8 @@ const Toggle = forwardRef(function Toggle2({
12530
12536
  value,
12531
12537
  variant,
12532
12538
  indeterminate,
12533
- autoFocus
12539
+ autoFocus,
12540
+ forceHover2
12534
12541
  ]);
12535
12542
  return inputRenderer ? /* @__PURE__ */ jsxs("label", { className: styles$11.label, children: [
12536
12543
  /* @__PURE__ */ jsx("div", { className: styles$11.inputContainer, children: input2 }),
@@ -13268,11 +13275,38 @@ const PaginationNative = forwardRef(function PaginationNative2({
13268
13275
  );
13269
13276
  });
13270
13277
  const TablePaginationControlsLocationValues = ["top", "bottom", "both"];
13278
+ const CheckboxToleranceValues = ["none", "compact", "comfortable", "spacious"];
13271
13279
  function defaultIsRowDisabled(_) {
13272
13280
  return false;
13273
13281
  }
13274
13282
  const SELECT_COLUMN_WIDTH = 42;
13275
13283
  const DEFAULT_PAGE_SIZES = [10];
13284
+ const getCheckboxTolerancePixels = (tolerance) => {
13285
+ switch (tolerance) {
13286
+ case "none":
13287
+ return 0;
13288
+ case "compact":
13289
+ return 8;
13290
+ case "comfortable":
13291
+ return 12;
13292
+ case "spacious":
13293
+ return 16;
13294
+ default:
13295
+ return 8;
13296
+ }
13297
+ };
13298
+ const isWithinCheckboxBoundary = (pointX, pointY, checkboxRect, tolerancePixels) => {
13299
+ const distanceToLeft = Math.abs(pointX - checkboxRect.left);
13300
+ const distanceToRight = Math.abs(pointX - checkboxRect.right);
13301
+ const distanceToTop = Math.abs(pointY - checkboxRect.top);
13302
+ const distanceToBottom = Math.abs(pointY - checkboxRect.bottom);
13303
+ const withinHorizontalBounds = pointX >= checkboxRect.left && pointX <= checkboxRect.right;
13304
+ const withinVerticalBounds = pointY >= checkboxRect.top && pointY <= checkboxRect.bottom;
13305
+ const withinCheckbox = withinHorizontalBounds && withinVerticalBounds;
13306
+ const nearHorizontalBoundary = withinVerticalBounds && (distanceToLeft <= tolerancePixels || distanceToRight <= tolerancePixels);
13307
+ const nearVerticalBoundary = withinHorizontalBounds && (distanceToTop <= tolerancePixels || distanceToBottom <= tolerancePixels);
13308
+ return withinCheckbox || nearHorizontalBoundary || nearVerticalBoundary;
13309
+ };
13276
13310
  const getCommonPinningStyles = (column) => {
13277
13311
  const isPinned = column.getIsPinned();
13278
13312
  return {
@@ -13329,6 +13363,7 @@ const Table = forwardRef(
13329
13363
  showCurrentPage = defaultProps$Z.showCurrentPage,
13330
13364
  showPageInfo = defaultProps$Z.showPageInfo,
13331
13365
  showPageSizeSelector = defaultProps$Z.showPageSizeSelector,
13366
+ checkboxTolerance = defaultProps$Z.checkboxTolerance,
13332
13367
  ...rest
13333
13368
  // cols
13334
13369
  }, forwardedRef) => {
@@ -13354,6 +13389,9 @@ const Table = forwardRef(
13354
13389
  }
13355
13390
  }, [autoFocus]);
13356
13391
  const [visibleItems2, setVisibleItems] = useState(EMPTY_ARRAY);
13392
+ const [hoveredRowId, setHoveredRowId] = useState(null);
13393
+ const [headerCheckboxHovered, setHeaderCheckboxHovered] = useState(false);
13394
+ const tolerancePixels = getCheckboxTolerancePixels(checkboxTolerance);
13357
13395
  const {
13358
13396
  toggleRow,
13359
13397
  checkAllRows,
@@ -13485,10 +13523,12 @@ const Table = forwardRef(
13485
13523
  {
13486
13524
  ...{
13487
13525
  className: classnames(styles$12.checkBoxWrapper, {
13488
- [styles$12.showInHeader]: alwaysShowSelectionHeader
13526
+ [styles$12.showInHeader]: alwaysShowSelectionHeader,
13527
+ [styles$12.forceHoverWrapper]: headerCheckboxHovered
13489
13528
  }),
13490
13529
  value: table22.getIsAllRowsSelected(),
13491
13530
  indeterminate: table22.getIsSomeRowsSelected(),
13531
+ forceHover: headerCheckboxHovered,
13492
13532
  onDidChange: () => {
13493
13533
  const allSelected2 = table22.getRowModel().rows.every((row2) => rowDisabledPredicate(row2.original) || row2.getIsSelected());
13494
13534
  checkAllRows(!allSelected2);
@@ -13500,9 +13540,12 @@ const Table = forwardRef(
13500
13540
  Toggle,
13501
13541
  {
13502
13542
  ...{
13503
- className: styles$12.checkBoxWrapper,
13543
+ className: classnames(styles$12.checkBoxWrapper, {
13544
+ [styles$12.forceHoverWrapper]: hoveredRowId === row2.id
13545
+ }),
13504
13546
  value: row2.getIsSelected(),
13505
13547
  indeterminate: row2.getIsSomeSelected(),
13548
+ forceHover: hoveredRowId === row2.id,
13506
13549
  onDidChange: () => {
13507
13550
  toggleRow(row2.original, { metaKey: true });
13508
13551
  }
@@ -13518,7 +13561,9 @@ const Table = forwardRef(
13518
13561
  alwaysShowSelectionHeader,
13519
13562
  checkAllRows,
13520
13563
  toggleRow,
13521
- rowDisabledPredicate
13564
+ rowDisabledPredicate,
13565
+ hoveredRowId,
13566
+ headerCheckboxHovered
13522
13567
  ]);
13523
13568
  const [pagination2, setPagination] = useState({
13524
13569
  pageSize: isPaginated ? pageSize : Number.MAX_VALUE,
@@ -13703,6 +13748,67 @@ const Table = forwardRef(
13703
13748
  className: classnames(styles$12.headerRow, {
13704
13749
  [styles$12.allSelected]: table2.getIsAllRowsSelected()
13705
13750
  }),
13751
+ onClick: (event) => {
13752
+ const target2 = event.target;
13753
+ const headerCell = target2.closest("th");
13754
+ if (headerCell && rowsSelectable && enableMultiRowSelection) {
13755
+ const header2 = headerGroup.headers.find((h) => {
13756
+ const headerElement = headerCell;
13757
+ return (headerElement == null ? void 0 : headerElement.getAttribute("data-column-id")) === h.id || h.id === "select";
13758
+ });
13759
+ if (header2 && header2.id === "select") {
13760
+ const clickX = event.clientX;
13761
+ const clickY = event.clientY;
13762
+ const checkbox2 = headerCell.querySelector('input[type="checkbox"]');
13763
+ if (checkbox2) {
13764
+ const checkboxRect = checkbox2.getBoundingClientRect();
13765
+ if (isWithinCheckboxBoundary(clickX, clickY, checkboxRect, tolerancePixels)) {
13766
+ event.preventDefault();
13767
+ event.stopPropagation();
13768
+ const allSelected2 = table2.getRowModel().rows.every((row2) => rowDisabledPredicate(row2.original) || row2.getIsSelected());
13769
+ checkAllRows(!allSelected2);
13770
+ }
13771
+ }
13772
+ }
13773
+ }
13774
+ },
13775
+ onMouseMove: (event) => {
13776
+ if (rowsSelectable && enableMultiRowSelection) {
13777
+ const target2 = event.target;
13778
+ const headerCell = target2.closest("th");
13779
+ if (headerCell) {
13780
+ const header2 = headerGroup.headers.find((h) => {
13781
+ const headerElement = headerCell;
13782
+ return (headerElement == null ? void 0 : headerElement.getAttribute("data-column-id")) === h.id || h.id === "select";
13783
+ });
13784
+ if (header2 && header2.id === "select") {
13785
+ const mouseX = event.clientX;
13786
+ const mouseY = event.clientY;
13787
+ const checkbox2 = headerCell.querySelector('input[type="checkbox"]');
13788
+ if (checkbox2) {
13789
+ const checkboxRect = checkbox2.getBoundingClientRect();
13790
+ const shouldShowHover = isWithinCheckboxBoundary(mouseX, mouseY, checkboxRect, tolerancePixels);
13791
+ if (shouldShowHover && !headerCheckboxHovered) {
13792
+ setHeaderCheckboxHovered(true);
13793
+ event.currentTarget.style.cursor = "pointer";
13794
+ } else if (!shouldShowHover && headerCheckboxHovered) {
13795
+ setHeaderCheckboxHovered(false);
13796
+ event.currentTarget.style.cursor = "";
13797
+ }
13798
+ }
13799
+ } else if (headerCheckboxHovered) {
13800
+ setHeaderCheckboxHovered(false);
13801
+ event.currentTarget.style.cursor = "";
13802
+ }
13803
+ }
13804
+ }
13805
+ },
13806
+ onMouseLeave: (event) => {
13807
+ if (headerCheckboxHovered) {
13808
+ setHeaderCheckboxHovered(false);
13809
+ event.currentTarget.style.cursor = "";
13810
+ }
13811
+ },
13706
13812
  children: headerGroup.headers.map((header2, headerIndex) => {
13707
13813
  var _a3, _b2, _c2;
13708
13814
  const { width, ...style22 } = ((_a3 = header2.column.columnDef.meta) == null ? void 0 : _a3.style) || {};
@@ -13711,6 +13817,7 @@ const Table = forwardRef(
13711
13817
  return /* @__PURE__ */ jsxs(
13712
13818
  "th",
13713
13819
  {
13820
+ "data-column-id": header2.id,
13714
13821
  className: classnames(styles$12.columnCell, alignmentClass),
13715
13822
  colSpan: header2.colSpan,
13716
13823
  style: {
@@ -13807,8 +13914,41 @@ const Table = forwardRef(
13807
13914
  if (target2.tagName.toLowerCase() === "input") {
13808
13915
  return;
13809
13916
  }
13917
+ const currentRow = event.currentTarget;
13918
+ const checkbox2 = currentRow.querySelector('input[type="checkbox"]');
13919
+ if (checkbox2) {
13920
+ const checkboxRect = checkbox2.getBoundingClientRect();
13921
+ const clickX = event.clientX;
13922
+ const clickY = event.clientY;
13923
+ if (isWithinCheckboxBoundary(clickX, clickY, checkboxRect, tolerancePixels)) {
13924
+ toggleRow(row2.original, { metaKey: true });
13925
+ return;
13926
+ }
13927
+ }
13810
13928
  toggleRow(row2.original, event);
13811
13929
  },
13930
+ onMouseMove: (event) => {
13931
+ const currentRow = event.currentTarget;
13932
+ const checkbox2 = currentRow.querySelector('input[type="checkbox"]');
13933
+ if (checkbox2) {
13934
+ const checkboxRect = checkbox2.getBoundingClientRect();
13935
+ const mouseX = event.clientX;
13936
+ const mouseY = event.clientY;
13937
+ const shouldShowHover = isWithinCheckboxBoundary(mouseX, mouseY, checkboxRect, tolerancePixels);
13938
+ if (shouldShowHover) {
13939
+ setHoveredRowId(row2.id);
13940
+ currentRow.style.cursor = "pointer";
13941
+ } else {
13942
+ setHoveredRowId(null);
13943
+ currentRow.style.cursor = "";
13944
+ }
13945
+ }
13946
+ },
13947
+ onMouseLeave: (event) => {
13948
+ const currentRow = event.currentTarget;
13949
+ currentRow.style.cursor = "";
13950
+ setHoveredRowId(null);
13951
+ },
13812
13952
  children: row2.getVisibleCells().map((cell2, i) => {
13813
13953
  var _a3, _b2;
13814
13954
  const cellRenderer = (_b2 = (_a3 = cell2.column.columnDef) == null ? void 0 : _a3.meta) == null ? void 0 : _b2.cellRenderer;
@@ -13886,7 +14026,8 @@ const defaultProps$Z = {
13886
14026
  showCurrentPage: true,
13887
14027
  buttonRowPosition: "center",
13888
14028
  pageSizeSelectorPosition: "start",
13889
- pageInfoPosition: "end"
14029
+ pageInfoPosition: "end",
14030
+ checkboxTolerance: "compact"
13890
14031
  };
13891
14032
  const COMP$1l = "Table";
13892
14033
  const TableMd = createMetadata({
@@ -14010,6 +14151,12 @@ const TableMd = createMetadata({
14010
14151
  valueType: "string",
14011
14152
  availableValues: ["top", "center", "bottom"],
14012
14153
  defaultValue: "center"
14154
+ },
14155
+ checkboxTolerance: {
14156
+ 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.`,
14157
+ valueType: "string",
14158
+ availableValues: CheckboxToleranceValues,
14159
+ defaultValue: defaultProps$Z.checkboxTolerance
14013
14160
  }
14014
14161
  },
14015
14162
  events: {
@@ -14197,6 +14344,7 @@ const TableWithColumns = memo(forwardRef(
14197
14344
  showCurrentPage: extractValue.asOptionalBoolean(node.props.showCurrentPage),
14198
14345
  showPageInfo: extractValue.asOptionalBoolean(node.props.showPageInfo),
14199
14346
  showPageSizeSelector: extractValue.asOptionalBoolean(node.props.showPageSizeSelector),
14347
+ checkboxTolerance: extractValue.asOptionalString(node.props.checkboxTolerance),
14200
14348
  initiallySelected: extractValue(node.props.initiallySelected),
14201
14349
  syncWithAppState: extractValue(node.props.syncWithAppState)
14202
14350
  }
@@ -15593,7 +15741,7 @@ const IconMd = createMetadata({
15593
15741
  },
15594
15742
  themeVars: parseScssVar(styles$1f.themeVars),
15595
15743
  defaultThemeVars: {
15596
- [`size-${COMP$1b}`]: "1.25em"
15744
+ [`size-${COMP$1b}`]: "1.2em"
15597
15745
  }
15598
15746
  });
15599
15747
  const iconComponentRenderer = createComponentRenderer(
@@ -20102,41 +20250,41 @@ function useLongPress(elementRef, action2, delay2 = 500) {
20102
20250
  }, [elementRef, action2, delay2]);
20103
20251
  }
20104
20252
  const themeVars$o = `'{"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)"}'`;
20105
- const selectValue = "_selectValue_1gf24_14";
20106
- const error$9 = "_error_1gf24_22";
20107
- const warning$a = "_warning_1gf24_30";
20108
- const valid$9 = "_valid_1gf24_38";
20109
- const selectTrigger = "_selectTrigger_1gf24_46";
20110
- const badgeListContainer = "_badgeListContainer_1gf24_176";
20111
- const badgeList$1 = "_badgeList_1gf24_176";
20112
- const badge$1 = "_badge_1gf24_176";
20113
- const actions$1 = "_actions_1gf24_213";
20114
- const placeholder$1 = "_placeholder_1gf24_218";
20115
- const emptyList = "_emptyList_1gf24_222";
20116
- const selectScrollUpButton = "_selectScrollUpButton_1gf24_231";
20117
- const selectScrollDownButton = "_selectScrollDownButton_1gf24_239";
20118
- const command$1 = "_command_1gf24_247";
20119
- const commandInputContainer = "_commandInputContainer_1gf24_256";
20120
- const commandInput$1 = "_commandInput_1gf24_256";
20121
- const commandList$1 = "_commandList_1gf24_279";
20122
- const selectContent = "_selectContent_1gf24_283";
20123
- const fadeIn = "_fadeIn_1gf24_1";
20124
- const zoomIn = "_zoomIn_1gf24_1";
20125
- const fadeOut = "_fadeOut_1gf24_1";
20126
- const zoomOut = "_zoomOut_1gf24_1";
20127
- const slideInFromTop = "_slideInFromTop_1gf24_1";
20128
- const slideInFromRight = "_slideInFromRight_1gf24_1";
20129
- const slideInFromLeft = "_slideInFromLeft_1gf24_1";
20130
- const slideInFromBottom = "_slideInFromBottom_1gf24_1";
20131
- const multiComboboxOption = "_multiComboboxOption_1gf24_324";
20132
- const multiComboboxOptionContent = "_multiComboboxOptionContent_1gf24_324";
20133
- const selectItem = "_selectItem_1gf24_348";
20134
- const selectItemContent = "_selectItemContent_1gf24_363";
20135
- const selectItemIndicator = "_selectItemIndicator_1gf24_382";
20136
- const selectViewport = "_selectViewport_1gf24_392";
20137
- const selectEmpty = "_selectEmpty_1gf24_397";
20138
- const loading = "_loading_1gf24_407";
20139
- const srOnly = "_srOnly_1gf24_410";
20253
+ const selectValue = "_selectValue_11axh_14";
20254
+ const error$9 = "_error_11axh_22";
20255
+ const warning$a = "_warning_11axh_30";
20256
+ const valid$9 = "_valid_11axh_38";
20257
+ const selectTrigger = "_selectTrigger_11axh_46";
20258
+ const badgeListContainer = "_badgeListContainer_11axh_175";
20259
+ const badgeList$1 = "_badgeList_11axh_175";
20260
+ const badge$1 = "_badge_11axh_175";
20261
+ const actions$1 = "_actions_11axh_212";
20262
+ const placeholder$1 = "_placeholder_11axh_217";
20263
+ const emptyList = "_emptyList_11axh_221";
20264
+ const selectScrollUpButton = "_selectScrollUpButton_11axh_230";
20265
+ const selectScrollDownButton = "_selectScrollDownButton_11axh_238";
20266
+ const command$1 = "_command_11axh_246";
20267
+ const commandInputContainer = "_commandInputContainer_11axh_255";
20268
+ const commandInput$1 = "_commandInput_11axh_255";
20269
+ const commandList$1 = "_commandList_11axh_278";
20270
+ const selectContent = "_selectContent_11axh_282";
20271
+ const fadeIn = "_fadeIn_11axh_1";
20272
+ const zoomIn = "_zoomIn_11axh_1";
20273
+ const fadeOut = "_fadeOut_11axh_1";
20274
+ const zoomOut = "_zoomOut_11axh_1";
20275
+ const slideInFromTop = "_slideInFromTop_11axh_1";
20276
+ const slideInFromRight = "_slideInFromRight_11axh_1";
20277
+ const slideInFromLeft = "_slideInFromLeft_11axh_1";
20278
+ const slideInFromBottom = "_slideInFromBottom_11axh_1";
20279
+ const multiComboboxOption = "_multiComboboxOption_11axh_323";
20280
+ const multiComboboxOptionContent = "_multiComboboxOptionContent_11axh_323";
20281
+ const selectItem = "_selectItem_11axh_347";
20282
+ const selectItemContent = "_selectItemContent_11axh_362";
20283
+ const selectItemIndicator = "_selectItemIndicator_11axh_381";
20284
+ const selectViewport = "_selectViewport_11axh_391";
20285
+ const selectEmpty = "_selectEmpty_11axh_396";
20286
+ const loading = "_loading_11axh_406";
20287
+ const srOnly = "_srOnly_11axh_409";
20140
20288
  const styles$J = {
20141
20289
  themeVars: themeVars$o,
20142
20290
  selectValue,
@@ -21121,8 +21269,8 @@ const DatePicker = forwardRef(function DatePicker2({
21121
21269
  dateFormat = defaultProps$B.dateFormat,
21122
21270
  showWeekNumber = defaultProps$B.showWeekNumber,
21123
21271
  weekStartsOn = defaultProps$B.weekStartsOn,
21124
- minValue,
21125
- maxValue,
21272
+ startDate,
21273
+ endDate,
21126
21274
  disabledDates = defaultProps$B.disabledDates,
21127
21275
  style: style2,
21128
21276
  className,
@@ -21165,12 +21313,12 @@ const DatePicker = forwardRef(function DatePicker2({
21165
21313
  );
21166
21314
  }
21167
21315
  }, [dateFormat]);
21168
- const startDate = useMemo(() => {
21169
- return minValue ? parse(minValue, dateFormat, /* @__PURE__ */ new Date()) : void 0;
21170
- }, [minValue, dateFormat]);
21171
- const endDate = useMemo(() => {
21172
- return maxValue ? parse(maxValue, dateFormat, /* @__PURE__ */ new Date()) : void 0;
21173
- }, [maxValue, dateFormat]);
21316
+ const _startDate = useMemo(() => {
21317
+ return startDate ? parse(startDate, dateFormat, /* @__PURE__ */ new Date()) : void 0;
21318
+ }, [startDate, dateFormat]);
21319
+ const _endDate = useMemo(() => {
21320
+ return endDate ? parse(endDate, dateFormat, /* @__PURE__ */ new Date()) : void 0;
21321
+ }, [endDate, dateFormat]);
21174
21322
  const defaultMonth = useMemo(() => {
21175
21323
  if (mode === "single" && selected2) {
21176
21324
  return selected2;
@@ -21324,32 +21472,42 @@ const DatePicker = forwardRef(function DatePicker2({
21324
21472
  },
21325
21473
  [onDidChange, updateState, mode, dateFormat, readOnly2]
21326
21474
  );
21327
- return inline ? /* @__PURE__ */ jsx("div", { ref, ...rest, style: style2, className: classnames(styles$H.inlinePickerMenu, className), tabIndex: 0, children: /* @__PURE__ */ jsx(
21328
- DayPicker,
21475
+ return inline ? /* @__PURE__ */ jsx(
21476
+ "div",
21329
21477
  {
21330
- id,
21331
- required: void 0,
21332
- captionLayout: "dropdown",
21333
- fixedWeeks: true,
21334
- startMonth: startDate,
21335
- endMonth: endDate,
21336
- month: inlineMonth,
21337
- onMonthChange: setInlineMonth,
21338
- disabled: disabled2,
21339
- weekStartsOn: _weekStartsOn,
21340
- showWeekNumber,
21341
- showOutsideDays: true,
21342
- classNames: styles$H,
21343
- mode: mode === "single" ? "single" : "range",
21344
- selected: selected2,
21345
- onSelect: handleSelect,
21346
- autoFocus,
21347
- numberOfMonths: mode === "range" ? 2 : 1,
21348
- components: {
21349
- Chevron
21350
- }
21478
+ ref,
21479
+ ...rest,
21480
+ style: style2,
21481
+ className: classnames(styles$H.inlinePickerMenu, className),
21482
+ tabIndex: 0,
21483
+ children: /* @__PURE__ */ jsx(
21484
+ DayPicker,
21485
+ {
21486
+ id,
21487
+ required: void 0,
21488
+ captionLayout: "dropdown",
21489
+ fixedWeeks: true,
21490
+ startMonth: _startDate,
21491
+ endMonth: _endDate,
21492
+ month: inlineMonth,
21493
+ onMonthChange: setInlineMonth,
21494
+ disabled: disabled2,
21495
+ weekStartsOn: _weekStartsOn,
21496
+ showWeekNumber,
21497
+ showOutsideDays: true,
21498
+ classNames: styles$H,
21499
+ mode: mode === "single" ? "single" : "range",
21500
+ selected: selected2,
21501
+ onSelect: handleSelect,
21502
+ autoFocus,
21503
+ numberOfMonths: mode === "range" ? 2 : 1,
21504
+ components: {
21505
+ Chevron
21506
+ }
21507
+ }
21508
+ )
21351
21509
  }
21352
- ) }) : /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, modal: false, children: [
21510
+ ) : /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, modal: false, children: [
21353
21511
  /* @__PURE__ */ jsxs(
21354
21512
  PopoverTrigger,
21355
21513
  {
@@ -21403,8 +21561,8 @@ const DatePicker = forwardRef(function DatePicker2({
21403
21561
  autoFocus,
21404
21562
  classNames: styles$H,
21405
21563
  captionLayout: "dropdown",
21406
- startMonth: startDate,
21407
- endMonth: endDate,
21564
+ startMonth: _startDate,
21565
+ endMonth: _endDate,
21408
21566
  defaultMonth,
21409
21567
  disabled: disabled2,
21410
21568
  weekStartsOn: _weekStartsOn,
@@ -23870,7 +24028,7 @@ function ApiInterceptorProvider({
23870
24028
  return;
23871
24029
  }
23872
24030
  (async () => {
23873
- const { initMock } = await import("./initMock-B-rmnC-t.mjs");
24031
+ const { initMock } = await import("./initMock-BMxsanHc.mjs");
23874
24032
  const apiInstance2 = await initMock(interceptor);
23875
24033
  setApiInstance(apiInstance2);
23876
24034
  setInitialized(true);
@@ -23887,7 +24045,7 @@ function ApiInterceptorProvider({
23887
24045
  if (process.env.VITE_MOCK_ENABLED) {
23888
24046
  const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
23889
24047
  useWorker ? import("./apiInterceptorWorker-DPgtUtdA.mjs") : Promise.resolve({ createApiInterceptorWorker: () => null }),
23890
- import("./initMock-B-rmnC-t.mjs")
24048
+ import("./initMock-BMxsanHc.mjs")
23891
24049
  ]);
23892
24050
  if (interceptor || forceInitialize) {
23893
24051
  const apiInstance2 = await initMock(interceptor || {});
@@ -23924,7 +24082,7 @@ function ApiInterceptorProvider({
23924
24082
  (async () => {
23925
24083
  const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
23926
24084
  import("./apiInterceptorWorker-DPgtUtdA.mjs"),
23927
- import("./initMock-B-rmnC-t.mjs")
24085
+ import("./initMock-BMxsanHc.mjs")
23928
24086
  ]);
23929
24087
  const apiInstance2 = await initMock(interceptor);
23930
24088
  await createApiInterceptorWorker(apiInstance2, parentInterceptorWorker);
@@ -33799,20 +33957,20 @@ const DatePickerMd = createMetadata({
33799
33957
  }
33800
33958
  ]
33801
33959
  },
33802
- minValue: {
33803
- description: "The optional start date of the selectable date range. If not defined, the range allows any dates in the past.",
33960
+ startDate: {
33961
+ 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.",
33804
33962
  valueType: "string"
33805
33963
  },
33806
- maxValue: {
33807
- description: "The optional end date of the selectable date range. If not defined, the range allows any future dates.",
33964
+ endDate: {
33965
+ 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.",
33808
33966
  valueType: "string"
33809
33967
  },
33810
33968
  disabledDates: {
33811
- description: "An optional array of dates that are disabled",
33969
+ description: "An optional array of dates that are to be disabled.",
33812
33970
  valueType: "any"
33813
33971
  },
33814
33972
  inline: {
33815
- description: "Whether to display the datepicker inline",
33973
+ 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.",
33816
33974
  valueType: "boolean",
33817
33975
  defaultValue: defaultProps$B.inline
33818
33976
  },
@@ -33887,8 +34045,8 @@ const datePickerComponentRenderer = createComponentRenderer(
33887
34045
  dateFormat: extractValue(node.props.dateFormat),
33888
34046
  showWeekNumber: extractValue.asOptionalBoolean(node.props.showWeekNumber),
33889
34047
  weekStartsOn: extractValue(node.props.weekStartsOn),
33890
- minValue: extractValue(node.props.minValue),
33891
- maxValue: extractValue(node.props.maxValue),
34048
+ startDate: extractValue(node.props.startDate),
34049
+ endDate: extractValue(node.props.endDate),
33892
34050
  disabledDates: extractValue(node.props.disabledDates),
33893
34051
  inline: extractValue.asOptionalBoolean(node.props.inline),
33894
34052
  startText: extractValue.asOptionalString(node.props.startText),
@@ -35592,7 +35750,7 @@ const TimeInputNative = forwardRef(function TimeInputNative2({
35592
35750
  handleChange(timeString);
35593
35751
  }
35594
35752
  },
35595
- [hour2, minute2, second2, amPm, is12HourFormat, handleChange]
35753
+ [hour2, minute2, second2, formatTimeValue, amPm, is12HourFormat, handleChange]
35596
35754
  );
35597
35755
  const handleHourChange = useMemo(
35598
35756
  () => createInputChangeHandler(
@@ -35653,7 +35811,7 @@ const TimeInputNative = forwardRef(function TimeInputNative2({
35653
35811
  setAmPm(newAmPm);
35654
35812
  const timeString = formatTimeValue(hour2, minute2, second2, newAmPm, is12HourFormat);
35655
35813
  handleChange(timeString);
35656
- }, [amPm, hour2, minute2, second2, is12HourFormat, handleChange]);
35814
+ }, [amPm, formatTimeValue, hour2, minute2, second2, is12HourFormat, handleChange]);
35657
35815
  const handleAmPmSet = useCallback(
35658
35816
  (targetAmPm) => {
35659
35817
  if (amPm === targetAmPm) return;
@@ -35661,7 +35819,7 @@ const TimeInputNative = forwardRef(function TimeInputNative2({
35661
35819
  const timeString = formatTimeValue(hour2, minute2, second2, targetAmPm, is12HourFormat);
35662
35820
  handleChange(timeString);
35663
35821
  },
35664
- [amPm, hour2, minute2, second2, is12HourFormat, handleChange]
35822
+ [amPm, formatTimeValue, hour2, minute2, second2, is12HourFormat, handleChange]
35665
35823
  );
35666
35824
  const focus = useCallback(() => {
35667
35825
  var _a2;
@@ -35754,21 +35912,7 @@ const TimeInputNative = forwardRef(function TimeInputNative2({
35754
35912
  setTimeout(() => {
35755
35913
  focus();
35756
35914
  }, 0);
35757
- }, [
35758
- stableInitialValue,
35759
- handleChange,
35760
- localValue,
35761
- controlledValue,
35762
- hour2,
35763
- minute2,
35764
- second2,
35765
- amPm,
35766
- setHour,
35767
- setMinute,
35768
- setSecond,
35769
- setAmPm,
35770
- focus
35771
- ]);
35915
+ }, [clearToInitialValue, stableInitialValue, handleChange, is12HourFormat, focus]);
35772
35916
  function stopPropagation(event) {
35773
35917
  event.stopPropagation();
35774
35918
  }
@@ -36016,6 +36160,7 @@ function AmPmButton({
36016
36160
  );
36017
36161
  }
36018
36162
  function HourInput({
36163
+ id,
36019
36164
  amPm,
36020
36165
  maxTime,
36021
36166
  minTime,
@@ -36063,6 +36208,7 @@ function HourInput({
36063
36208
  return /* @__PURE__ */ jsx(
36064
36209
  PartialInput,
36065
36210
  {
36211
+ id,
36066
36212
  "data-part-id": PART_HOUR,
36067
36213
  value: displayValue,
36068
36214
  emptyCharacter,
@@ -45378,7 +45524,7 @@ function IconProvider({ children }) {
45378
45524
  /* @__PURE__ */ jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
45379
45525
  ] });
45380
45526
  }
45381
- const version = "0.10.18";
45527
+ const version = "0.10.19";
45382
45528
  const miscellaneousUtils = {
45383
45529
  capitalize,
45384
45530
  pluralize: pluralize$1,