@refraktor/core 0.0.1 → 0.0.2

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 (81) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/build/components/menu/menu-dropdown/menu-dropdown.d.ts.map +1 -1
  3. package/build/components/menu/menu-dropdown/menu-dropdown.js +3 -2
  4. package/build/components/menu/menu-sub-dropdown/menu-sub-dropdown.d.ts.map +1 -1
  5. package/build/components/menu/menu-sub-dropdown/menu-sub-dropdown.js +2 -1
  6. package/build/components/menu/use-menu.d.ts.map +1 -1
  7. package/build/components/menu/use-menu.js +2 -1
  8. package/build/components/modal/modal-close/modal-close.d.ts.map +1 -1
  9. package/build/components/modal/modal-close/modal-close.js +1 -1
  10. package/build/components/modal/modal-content/modal-content.d.ts.map +1 -1
  11. package/build/components/modal/modal-content/modal-content.js +1 -1
  12. package/build/components/modal/modal-header/modal-header.d.ts.map +1 -1
  13. package/build/components/modal/modal-header/modal-header.js +1 -1
  14. package/build/components/number-input/number-input.d.ts.map +1 -1
  15. package/build/components/number-input/number-input.js +22 -15
  16. package/build/components/number-input/number-input.test.d.ts +2 -0
  17. package/build/components/number-input/number-input.test.d.ts.map +1 -0
  18. package/build/components/number-input/number-input.test.js +14 -0
  19. package/build/components/number-input/number-input.types.d.ts +2 -2
  20. package/build/components/number-input/number-input.types.d.ts.map +1 -1
  21. package/build/components/popover/popover-dropdown/popover-dropdown.d.ts.map +1 -1
  22. package/build/components/popover/popover-dropdown/popover-dropdown.js +2 -1
  23. package/build/components/popover/use-popover.d.ts.map +1 -1
  24. package/build/components/popover/use-popover.js +2 -1
  25. package/build/components/portal/portal.js +1 -1
  26. package/build/components/select/select-dropdown/select-dropdown.d.ts.map +1 -1
  27. package/build/components/select/select-dropdown/select-dropdown.js +3 -2
  28. package/build/components/select/select-item/select-item.d.ts.map +1 -1
  29. package/build/components/select/select-item/select-item.js +1 -1
  30. package/build/components/select/select-root/select-root.d.ts.map +1 -1
  31. package/build/components/select/select-root/select-root.js +36 -6
  32. package/build/components/select/select-trigger/select-trigger.d.ts.map +1 -1
  33. package/build/components/select/select-trigger/select-trigger.js +1 -1
  34. package/build/components/select/select.context.d.ts +2 -0
  35. package/build/components/select/select.context.d.ts.map +1 -1
  36. package/build/components/select/select.test.js +17 -0
  37. package/build/components/select/select.types.d.ts +10 -0
  38. package/build/components/select/select.types.d.ts.map +1 -1
  39. package/build/components/select/use-select.d.ts.map +1 -1
  40. package/build/components/select/use-select.js +2 -1
  41. package/build/components/switch/switch.js +1 -1
  42. package/build/components/tabs/tabs-tab/tabs-tab.d.ts.map +1 -1
  43. package/build/components/tabs/tabs-tab/tabs-tab.js +0 -6
  44. package/build/components/tooltip/tooltip.d.ts.map +1 -1
  45. package/build/components/tooltip/tooltip.js +7 -3
  46. package/build/components/tooltip/use-tooltip.d.ts.map +1 -1
  47. package/build/components/tooltip/use-tooltip.js +2 -1
  48. package/build/components/transition/transition.d.ts.map +1 -1
  49. package/build/components/transition/transition.js +16 -12
  50. package/build/style.css +1 -1
  51. package/package.json +2 -2
  52. package/src/components/menu/menu-dropdown/menu-dropdown.tsx +4 -3
  53. package/src/components/menu/menu-sub-dropdown/menu-sub-dropdown.tsx +2 -0
  54. package/src/components/menu/use-menu.ts +2 -1
  55. package/src/components/modal/modal-close/modal-close.tsx +1 -5
  56. package/src/components/modal/modal-content/modal-content.tsx +3 -4
  57. package/src/components/modal/modal-header/modal-header.tsx +4 -2
  58. package/src/components/modal/modal-overlay/modal-overlay.tsx +64 -64
  59. package/src/components/modal/modal.test.tsx +110 -110
  60. package/src/components/modal/use-modal.ts +101 -101
  61. package/src/components/number-input/number-input.test.tsx +22 -0
  62. package/src/components/number-input/number-input.tsx +79 -51
  63. package/src/components/number-input/number-input.types.ts +8 -8
  64. package/src/components/popover/popover-dropdown/popover-dropdown.tsx +2 -0
  65. package/src/components/popover/use-popover.ts +2 -1
  66. package/src/components/portal/portal.tsx +1 -1
  67. package/src/components/select/select-dropdown/select-dropdown.tsx +4 -3
  68. package/src/components/select/select-item/select-item.tsx +0 -1
  69. package/src/components/select/select-root/select-root.tsx +87 -11
  70. package/src/components/select/select-trigger/select-trigger.tsx +2 -0
  71. package/src/components/select/select.context.ts +2 -0
  72. package/src/components/select/select.test.tsx +35 -0
  73. package/src/components/select/select.types.ts +15 -0
  74. package/src/components/select/use-select.ts +2 -1
  75. package/src/components/switch/switch.tsx +1 -1
  76. package/src/components/tabs/tabs-tab/tabs-tab.tsx +0 -8
  77. package/src/components/tooltip/tooltip.tsx +7 -1
  78. package/src/components/tooltip/use-tooltip.ts +2 -1
  79. package/src/components/transition/transition.tsx +18 -14
  80. package/src/style.css +0 -1
  81. package/tsconfig.tsbuildinfo +1 -1
@@ -1,4 +1,4 @@
1
1
  $ tsc && tailwindcss -i src/style.css -o build/style.css --minify
2
2
  ≈ tailwindcss v4.1.18
3
3
 
4
- Done in 99ms
4
+ Done in 135ms
@@ -1 +1 @@
1
- {"version":3,"file":"menu-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/menu-dropdown/menu-dropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAgB3D,QAAA,MAAM,YAAY,mEAmMjB,CAAC;AAIF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"menu-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/menu-dropdown/menu-dropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAgB3D,QAAA,MAAM,YAAY,mEAoMjB,CAAC;AAIF,eAAe,YAAY,CAAC"}
@@ -110,14 +110,15 @@ const MenuDropdown = factory(({ children, className, style, ...props }, ref) =>
110
110
  }
111
111
  }
112
112
  };
113
- const dropdownContent = (_jsx(Transition, { transition: "fade", duration: 150, mounted: level.menu.opened, ...transitionProps, children: _jsx("div", { ref: useMergeRefs([ref, level.menu.refs.setFloating]), role: "menu", tabIndex: -1, style: {
113
+ const dropdownContent = (_jsx(Transition, { transition: "fade", duration: 150, mounted: level.menu.opened, style: { position: "relative", zIndex: 1000 }, ...transitionProps, children: _jsx("div", { ref: useMergeRefs([ref, level.menu.refs.setFloating]), role: "menu", tabIndex: -1, style: {
114
114
  ...level.menu.floatingStyles,
115
+ zIndex: 1000,
115
116
  scrollbarGutter: "auto",
116
117
  ...style
117
118
  }, className: cx("z-50 min-w-32 max-h-80 overflow-y-auto refraktor-scrollbar", "p-1 bg-[var(--refraktor-bg)] text-[var(--refraktor-text)] shadow-md border border-[var(--refraktor-border)]", getRadius(radius), getStyles("dropdown"), className), ...level.menu.getFloatingProps({
118
119
  onKeyDown: handleKeyDown
119
120
  }), ...props, children: children }) }));
120
- const wrappedContent = level.menu.opened ? (_jsx(FloatingFocusManager, { context: level.menu.context, modal: false, initialFocus: -1, children: dropdownContent })) : (dropdownContent);
121
+ const wrappedContent = (_jsx(FloatingFocusManager, { context: level.menu.context, modal: false, initialFocus: -1, disabled: !level.menu.opened, children: dropdownContent }));
121
122
  return withinPortal ? (_jsx(FloatingPortal, { children: wrappedContent })) : (wrappedContent);
122
123
  });
123
124
  MenuDropdown.displayName = "@refraktor/core/Menu.Dropdown";
@@ -1 +1 @@
1
- {"version":3,"file":"menu-sub-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/menu-sub-dropdown/menu-sub-dropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,6BAA6B,EAAE,MAAM,eAAe,CAAC;AAiB9D,QAAA,MAAM,eAAe,sEAkMpB,CAAC;AAIF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"menu-sub-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/menu-sub-dropdown/menu-sub-dropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,6BAA6B,EAAE,MAAM,eAAe,CAAC;AAiB9D,QAAA,MAAM,eAAe,sEAoMpB,CAAC;AAIF,eAAe,eAAe,CAAC"}
@@ -104,11 +104,12 @@ const MenuSubDropdown = factory(({ children, className, style, ...props }, ref)
104
104
  }
105
105
  }
106
106
  };
107
- const dropdownContent = (_jsx(Transition, { transition: "fade", duration: 150, mounted: submenuLevel.menu.opened, ...transitionProps, children: _jsx(MenuLevelProvider, { value: submenuLevel, children: _jsx("div", { ref: useMergeRefs([
107
+ const dropdownContent = (_jsx(Transition, { transition: "fade", duration: 150, mounted: submenuLevel.menu.opened, style: { position: "relative", zIndex: 1000 }, ...transitionProps, children: _jsx(MenuLevelProvider, { value: submenuLevel, children: _jsx("div", { ref: useMergeRefs([
108
108
  ref,
109
109
  submenuLevel.menu.refs.setFloating
110
110
  ]), role: "menu", tabIndex: -1, style: {
111
111
  ...submenuLevel.menu.floatingStyles,
112
+ zIndex: 1000,
112
113
  scrollbarGutter: "auto",
113
114
  ...style
114
115
  }, className: cx("z-50 min-w-32 max-h-80 overflow-y-auto refraktor-scrollbar", "p-1 bg-[var(--refraktor-bg)] text-[var(--refraktor-text)] shadow-md border border-[var(--refraktor-border)]", getRadius(radius), getStyles("dropdown"), getStyles("subDropdown"), className), ...submenuLevel.menu.getFloatingProps({
@@ -1 +1 @@
1
- {"version":3,"file":"use-menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/use-menu.ts"],"names":[],"mappings":"AACA,OAAO,EAGH,eAAe,EAIf,SAAS,EAUZ,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACH,eAAe,EACf,eAAe,EACf,eAAe,EAClB,MAAM,cAAc,CAAC;AAEtB,UAAU,YAAY;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,aAAa;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC;IACzB,IAAI,EAAE;QACF,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QACjD,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QAChD,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;QACtD,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;KACxD,CAAC;IACF,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,EAAE,CACf,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,gBAAgB,EAAE,CACd,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,SAAS,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,OAAO,CAAC,OAAO,GAAE,YAAiB,GAAG,aAAa,CA4IjE"}
1
+ {"version":3,"file":"use-menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/use-menu.ts"],"names":[],"mappings":"AACA,OAAO,EAGH,eAAe,EAIf,SAAS,EAUZ,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACH,eAAe,EACf,eAAe,EACf,eAAe,EAClB,MAAM,cAAc,CAAC;AAEtB,UAAU,YAAY;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,aAAa;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC;IACzB,IAAI,EAAE;QACF,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QACjD,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QAChD,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;QACtD,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;KACxD,CAAC;IACF,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,EAAE,CACf,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,gBAAgB,EAAE,CACd,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,SAAS,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,OAAO,CAAC,OAAO,GAAE,YAAiB,GAAG,aAAa,CA6IjE"}
@@ -37,7 +37,8 @@ export function useMenu(options = {}) {
37
37
  open: isOpen,
38
38
  onOpenChange: setIsOpen,
39
39
  middleware,
40
- whileElementsMounted: autoUpdate
40
+ whileElementsMounted: autoUpdate,
41
+ strategy: "fixed"
41
42
  });
42
43
  const click = useClick(floating.context, {
43
44
  enabled: trigger === "click" && !disabled
@@ -1 +1 @@
1
- {"version":3,"file":"modal-close.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modal-close/modal-close.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAE1D,QAAA,MAAM,UAAU,iEAoCf,CAAC;AAIF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"modal-close.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modal-close/modal-close.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAE1D,QAAA,MAAM,UAAU,iEAgCf,CAAC;AAIF,eAAe,UAAU,CAAC"}
@@ -13,7 +13,7 @@ const ModalClose = factory(({ children, className, onClick, type = "button", ...
13
13
  }
14
14
  modal.close();
15
15
  };
16
- return (_jsx("button", { ref: ref, type: type, "aria-label": "Close", className: cx("absolute right-4 top-4 inline-flex h-9 w-9 items-center justify-center rounded-full cursor-pointer border border-transparent", "text-base text-[var(--refraktor-text-secondary)] transition-all", "hover:border-[var(--refraktor-border)] hover:bg-[var(--refraktor-bg-subtle)] hover:text-[var(--refraktor-text)]", "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--refraktor-primary)]", "active:scale-95", getStyles("close"), className), onClick: handleClick, ...props, children: children ?? _jsx(XIcon, {}) }));
16
+ return (_jsx("button", { ref: ref, type: type, "aria-label": "Close", className: cx("size-6 text-[var(--refraktor-text-secondary)] hover:text-[var(--refraktor-text)] cursor-pointer transition-colors", getStyles("close"), className), onClick: handleClick, ...props, children: children ?? _jsx(XIcon, {}) }));
17
17
  });
18
18
  ModalClose.displayName = "@refraktor/core/Modal.Close";
19
19
  export default ModalClose;
@@ -1 +1 @@
1
- {"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modal-content/modal-content.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAC;AAE5D,QAAA,MAAM,YAAY,mEA6DjB,CAAC;AAIF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modal-content/modal-content.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAC;AAE5D,QAAA,MAAM,YAAY,mEA4DjB,CAAC;AAIF,eAAe,YAAY,CAAC"}
@@ -17,7 +17,7 @@ const ModalContent = factory(({ children, className, style, ...props }, ref) =>
17
17
  }
18
18
  };
19
19
  const { className: transitionClassName, ...resolvedTransitionProps } = transitionProps ?? {};
20
- const content = (_jsx(Transition, { transition: "scale", duration: 150, mounted: modal.opened, ...resolvedTransitionProps, className: cx("fixed inset-0 z-50 grid place-items-center p-3 sm:p-6 pointer-events-none", transitionClassName), children: _jsx("div", { ref: setRefs, role: "dialog", "aria-modal": "true", "aria-labelledby": headerId, "data-opened": modal.opened, style: style, className: cx("pointer-events-auto relative z-50 w-full max-w-[36rem]", "border border-[var(--refraktor-border)] bg-[var(--refraktor-bg-elevated)] px-5 pb-5 pt-4 text-[var(--refraktor-text)] shadow-[0_30px_80px_-40px_rgba(0,0,0,0.75)] sm:px-6 sm:pb-6 sm:pt-5", "max-h-[calc(100vh-1.5rem)] max-h-[calc(100dvh-1.5rem)] overflow-y-auto refraktor-scrollbar", getRadius(radius), getStyles("content"), className), ...props, children: children }) }));
20
+ const content = (_jsx(Transition, { transition: "scale", duration: 150, mounted: modal.opened, ...resolvedTransitionProps, className: cx("fixed inset-0 z-50 grid place-items-center pointer-events-none", transitionClassName), children: _jsx("div", { ref: setRefs, role: "dialog", "aria-modal": "true", "aria-labelledby": headerId, "data-opened": modal.opened, style: style, className: cx("pointer-events-auto relative z-50 w-full max-w-md", "border border-[var(--refraktor-border)] bg-[var(--refraktor-bg)] p-4 text-[var(--refraktor-text)] shadow-md", getRadius(radius), getStyles("content"), className), ...props, children: children }) }));
21
21
  return withinPortal ? _jsx(Portal, { children: content }) : content;
22
22
  });
23
23
  ModalContent.displayName = "@refraktor/core/Modal.Content";
@@ -1 +1 @@
1
- {"version":3,"file":"modal-header.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modal-header/modal-header.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAE3D,QAAA,MAAM,WAAW,kEA2BhB,CAAC;AAIF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"modal-header.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/modal-header/modal-header.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAE3D,QAAA,MAAM,WAAW,kEA6BhB,CAAC;AAIF,eAAe,WAAW,CAAC"}
@@ -7,7 +7,7 @@ const ModalHeader = factory(({ children, className, id, text, withClose = true,
7
7
  const { cx } = useTheme();
8
8
  const { headerId, getStyles } = useModalContext();
9
9
  const resolvedId = id ?? headerId;
10
- return (_jsxs("div", { ref: ref, className: cx("mb-3 flex items-center justify-between gap-2.5", getStyles("header"), className), ...props, children: [_jsx("div", { id: resolvedId, className: "min-w-0 flex-1 text-sm font-semibold leading-5 text-[var(--refraktor-text)]", children: text ?? children }), withClose && _jsx(ModalClose, { className: "static shrink-0 self-center" })] }));
10
+ return (_jsxs("div", { ref: ref, className: cx("mb-4 flex items-center justify-between", getStyles("header"), className), ...props, children: [_jsx("div", { id: resolvedId, className: "min-w-0 flex-1 text-sm font-semibold leading-5 text-[var(--refraktor-text)]", children: text ?? children }), withClose && (_jsx(ModalClose, { className: "static shrink-0 self-center" }))] }));
11
11
  });
12
12
  ModalHeader.displayName = "@refraktor/core/Modal.Header";
13
13
  export default ModalHeader;
@@ -1 +1 @@
1
- {"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../../src/components/number-input/number-input.tsx"],"names":[],"mappings":"AASA,OAAO,EAEH,yBAAyB,EAE5B,MAAM,sBAAsB,CAAC;AAsD9B,QAAA,MAAM,WAAW,+DAuRf,CAAC;AAMH,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../../src/components/number-input/number-input.tsx"],"names":[],"mappings":"AASA,OAAO,EAEH,yBAAyB,EAE5B,MAAM,sBAAsB,CAAC;AAsD9B,QAAA,MAAM,WAAW,+DAmTf,CAAC;AAMH,eAAe,WAAW,CAAC"}
@@ -44,7 +44,7 @@ const defaultProps = {
44
44
  };
45
45
  const NumberInput = factory((_props, ref) => {
46
46
  const { cx } = useTheme();
47
- const { id, value, defaultValue, size, onChange, min, max, step, precision, controlsPosition, disabled, className, classNames, ...props } = useProps("NumberInput", defaultProps, _props);
47
+ const { id, label, description, error, required, withAsterisk, value, defaultValue, size, onChange, min, max, step, precision, controlsPosition, disabled, className, classNames, ...props } = useProps("NumberInput", defaultProps, _props);
48
48
  const classes = useClassNames("NumberInput", classNames);
49
49
  const _id = useId(id);
50
50
  const [_value, setValue] = useUncontrolled({
@@ -84,9 +84,9 @@ const NumberInput = factory((_props, ref) => {
84
84
  };
85
85
  const stopHold = () => {
86
86
  if (holdTimer.current)
87
- clearTimeout(holdTimer.current);
87
+ clearInterval(holdTimer.current);
88
88
  if (repeatTimer.current)
89
- clearInterval(repeatTimer.current);
89
+ clearTimeout(repeatTimer.current);
90
90
  holdTimer.current = null;
91
91
  repeatTimer.current = null;
92
92
  };
@@ -173,18 +173,25 @@ const NumberInput = factory((_props, ref) => {
173
173
  startHold("decrement");
174
174
  }, onMouseUp: stopHold, onMouseLeave: stopHold, onTouchEnd: stopHold, children: _jsx(ChevronIcon, { direction: "down", size: controlSizing.iconSize, className: cx("block", !canDecrement && "opacity-50") }) })] }));
175
175
  }, [controlsPosition, canIncrement, canDecrement, classes, controlSizing]);
176
- return (_jsx(InputWrapper, { children: _jsx(InputField, { ref: ref, type: "number", disabled: disabled, size: size, min: min, max: max, step: step, value: _value, onChange: handleChange, onBlur: handleBlur, onKeyDown: handleKeyDown, onWheel: handleWheel, leftSection: controlsPosition === "left" ? controls : undefined, rightSection: controlsPosition === "right" ? controls : undefined, className: className, classNames: {
177
- root: cx("px-0 gap-0 items-stretch overflow-hidden", controlsPosition === "none"
178
- ? "px-2"
179
- : controlsPosition === "left"
180
- ? "pr-2"
181
- : "pl-2", classes.root),
182
- leftSection: cx("h-full self-stretch", controlsPosition === "left" &&
183
- controlSizing.leftSpacing, classes.leftSection),
184
- rightSection: cx("h-full self-stretch", controlsPosition === "right" &&
185
- controlSizing.rightSpacing, classes.rightSection),
186
- ...classes
187
- }, "aria-disabled": disabled, "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": Number(_value), ...props }) }));
176
+ const hasWrapper = label || description || error;
177
+ const field = (_jsx(InputField, { ref: ref, id: _id, type: "number", required: required, error: !!error, disabled: disabled, size: size, min: min, max: max, step: step, value: _value, onChange: handleChange, onBlur: handleBlur, onKeyDown: handleKeyDown, onWheel: handleWheel, leftSection: controlsPosition === "left" ? controls : undefined, rightSection: controlsPosition === "right" ? controls : undefined, className: className, classNames: {
178
+ root: cx("px-0 gap-0 items-stretch overflow-hidden", controlsPosition === "none"
179
+ ? "px-2"
180
+ : controlsPosition === "left"
181
+ ? "pr-2"
182
+ : "pl-2", classes.root),
183
+ leftSection: cx("h-full self-stretch", controlsPosition === "left" && controlSizing.leftSpacing, classes.leftSection),
184
+ rightSection: cx("h-full self-stretch", controlsPosition === "right" && controlSizing.rightSpacing, classes.rightSection),
185
+ ...classes
186
+ }, "aria-describedby": error
187
+ ? `${_id}-error`
188
+ : description
189
+ ? `${_id}-description`
190
+ : undefined, "aria-disabled": disabled, "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": Number(_value), ...props }));
191
+ if (!hasWrapper) {
192
+ return field;
193
+ }
194
+ return (_jsx(InputWrapper, { label: label, description: description, error: error, required: required, withAsterisk: withAsterisk, inputId: _id, children: field }));
188
195
  });
189
196
  NumberInput.displayName = "@refraktor/core/NumberInput";
190
197
  NumberInput.configure = createComponentConfig();
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=number-input.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"number-input.test.d.ts","sourceRoot":"","sources":["../../../src/components/number-input/number-input.test.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,14 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { describe, expect, it } from "vitest";
3
+ import { render, screen } from "../../vitest";
4
+ import NumberInput from "./number-input";
5
+ describe("@refraktor/core/NumberInput", () => {
6
+ it("supports input wrapper props", async () => {
7
+ await render(_jsx(NumberInput, { label: "Quantity", description: "Enter desired amount", error: "Quantity is required" }));
8
+ const input = screen.getByLabelText("Quantity");
9
+ expect(input).toHaveAttribute("type", "number");
10
+ expect(input).toHaveAttribute("aria-invalid", "true");
11
+ expect(screen.getByText("Enter desired amount")).toBeInTheDocument();
12
+ expect(screen.getByText("Quantity is required")).toBeInTheDocument();
13
+ });
14
+ });
@@ -1,5 +1,5 @@
1
1
  import { createClassNamesConfig, createComponentConfig, FactoryPayload } from "../../utils";
2
- import { InputFieldClassNames, InputFieldProps } from "../input";
2
+ import { InputFieldClassNames, InputProps } from "../input";
3
3
  export type NumberInputControlsPosition = "left" | "right" | "none";
4
4
  export interface NumberInputClassNames extends InputFieldClassNames {
5
5
  controls?: string;
@@ -27,7 +27,7 @@ export interface _NumberInputProps {
27
27
  /** Used for styling different parts of the component */
28
28
  classNames?: NumberInputClassNames;
29
29
  }
30
- export type NumberInputProps = _NumberInputProps & Omit<InputFieldProps, "onChange" | "type" | keyof _NumberInputProps>;
30
+ export type NumberInputProps = _NumberInputProps & Omit<InputProps, "onChange" | "type" | keyof _NumberInputProps>;
31
31
  export interface NumberInputFactoryPayload extends FactoryPayload {
32
32
  props: NumberInputProps;
33
33
  ref: HTMLInputElement;
@@ -1 +1 @@
1
- {"version":3,"file":"number-input.types.d.ts","sourceRoot":"","sources":["../../../src/components/number-input/number-input.types.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,sBAAsB,EACtB,qBAAqB,EACrB,cAAc,EACjB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEjE,MAAM,MAAM,2BAA2B,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEpE,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACrC;AAED,MAAM,WAAW,iBAAiB;IAC9B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAE5C,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,2BAA2B,CAAC;IAE/C,wDAAwD;IACxD,UAAU,CAAC,EAAE,qBAAqB,CAAC;CACtC;AAED,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAC5C,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,iBAAiB,CAAC,CAAC;AAEzE,MAAM,WAAW,yBAA0B,SAAQ,cAAc;IAC7D,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,gBAAgB,CAAC;IACtB,QAAQ,EAAE;QACN,SAAS,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,gBAAgB,CAAC,CAAC,CAAC;QACtE,UAAU,EAAE,UAAU,CAClB,OAAO,sBAAsB,CAAC,qBAAqB,CAAC,CACvD,CAAC;KACL,CAAC;CACL"}
1
+ {"version":3,"file":"number-input.types.d.ts","sourceRoot":"","sources":["../../../src/components/number-input/number-input.types.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,sBAAsB,EACtB,qBAAqB,EACrB,cAAc,EACjB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE5D,MAAM,MAAM,2BAA2B,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEpE,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACrC;AAED,MAAM,WAAW,iBAAiB;IAC9B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAE5C,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,2BAA2B,CAAC;IAE/C,wDAAwD;IACxD,UAAU,CAAC,EAAE,qBAAqB,CAAC;CACtC;AAED,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAC5C,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,iBAAiB,CAAC,CAAC;AAEpE,MAAM,WAAW,yBAA0B,SAAQ,cAAc;IAC7D,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,gBAAgB,CAAC;IACtB,QAAQ,EAAE;QACN,SAAS,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,gBAAgB,CAAC,CAAC,CAAC;QACtE,UAAU,EAAE,UAAU,CAClB,OAAO,sBAAsB,CAAC,qBAAqB,CAAC,CACvD,CAAC;KACL,CAAC;CACL"}
@@ -1 +1 @@
1
- {"version":3,"file":"popover-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover-dropdown/popover-dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAC;AASjE,QAAA,MAAM,eAAe,sEA4EpB,CAAC;AAIF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"popover-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover-dropdown/popover-dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAC;AASjE,QAAA,MAAM,eAAe,sEA8EpB,CAAC;AAIF,eAAe,eAAe,CAAC"}
@@ -7,7 +7,7 @@ import { FloatingArrow, FloatingFocusManager, FloatingPortal } from "@floating-u
7
7
  const PopoverDropdown = factory(({ children, className, style, ...props }, ref) => {
8
8
  const { cx, getRadius } = useTheme();
9
9
  const { popover, showArrow, radius, withinPortal, transitionProps, getStyles } = usePopoverContext();
10
- const dropdownContent = (_jsx(Transition, { transition: "fade", duration: 200, mounted: popover.opened, ...transitionProps, children: _jsxs("div", { ref: (node) => {
10
+ const dropdownContent = (_jsx(Transition, { transition: "fade", duration: 200, mounted: popover.opened, style: { position: "relative", zIndex: 1000 }, ...transitionProps, children: _jsxs("div", { ref: (node) => {
11
11
  popover.refs.setFloating(node);
12
12
  if (typeof ref === "function") {
13
13
  ref(node);
@@ -17,6 +17,7 @@ const PopoverDropdown = factory(({ children, className, style, ...props }, ref)
17
17
  }
18
18
  }, role: "dialog", "aria-modal": "true", style: {
19
19
  ...popover.floatingStyles,
20
+ zIndex: 1000,
20
21
  ...style
21
22
  }, className: cx("z-50 p-2 bg-[var(--refraktor-bg)] text-[var(--refraktor-text)] shadow-md text-sm border-0", getRadius(radius), getStyles("dropdown"), className), ...popover.getFloatingProps(), ...props, children: [children, showArrow && (_jsx(FloatingArrow, { ref: popover.arrowRef, context: popover.context, width: 10, height: 5, className: cx("fill-[var(--refraktor-bg)]", getStyles("arrow")) }))] }) }));
22
23
  const wrappedContent = popover.opened ? (_jsx(FloatingFocusManager, { context: popover.context, modal: false, children: dropdownContent })) : (dropdownContent);
@@ -1 +1 @@
1
- {"version":3,"file":"use-popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/use-popover.ts"],"names":[],"mappings":"AACA,OAAO,EACH,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAIH,eAAe,EAIf,SAAS,EAUZ,MAAM,oBAAoB,CAAC;AAG5B,UAAU,eAAe;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC;IACzB,IAAI,EAAE;QACF,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QACjD,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QAChD,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;QACtD,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;KACxD,CAAC;IACF,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,EAAE,CACf,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,gBAAgB,EAAE,CACd,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IAChD,SAAS,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,UAAU,CAAC,OAAO,GAAE,eAAoB,GAAG,gBAAgB,CAwJ1E"}
1
+ {"version":3,"file":"use-popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/use-popover.ts"],"names":[],"mappings":"AACA,OAAO,EACH,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAIH,eAAe,EAIf,SAAS,EAUZ,MAAM,oBAAoB,CAAC;AAG5B,UAAU,eAAe;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC;IACzB,IAAI,EAAE;QACF,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QACjD,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QAChD,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;QACtD,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;KACxD,CAAC;IACF,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,EAAE,CACf,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,gBAAgB,EAAE,CACd,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IAChD,SAAS,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,UAAU,CAAC,OAAO,GAAE,eAAoB,GAAG,gBAAgB,CAyJ1E"}
@@ -43,7 +43,8 @@ export function usePopover(options = {}) {
43
43
  open: isOpen,
44
44
  onOpenChange: setIsOpen,
45
45
  middleware: middleware,
46
- whileElementsMounted: autoUpdate
46
+ whileElementsMounted: autoUpdate,
47
+ strategy: "fixed"
47
48
  });
48
49
  const click = useClick(floating.context, {
49
50
  enabled: trigger === "click" && !disabled
@@ -71,6 +71,6 @@ const Portal = factory((_props, ref) => {
71
71
  }
72
72
  return createPortal(_jsx(_Fragment, { children: children }), nodeRef.current);
73
73
  });
74
- Portal.displayName = "@velra/core/Portal";
74
+ Portal.displayName = "@refraktor/core/Portal";
75
75
  Portal.configure = createComponentConfig();
76
76
  export default Portal;
@@ -1 +1 @@
1
- {"version":3,"file":"select-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/select/select-dropdown/select-dropdown.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,iBAAiB,CAAC;AAOpE,QAAA,MAAM,cAAc,qEAmRnB,CAAC;AAIF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"select-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/select/select-dropdown/select-dropdown.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,iBAAiB,CAAC;AAOpE,QAAA,MAAM,cAAc,qEAoRnB,CAAC;AAIF,eAAe,cAAc,CAAC"}
@@ -142,8 +142,9 @@ const SelectDropdown = factory(({ children, className, style, onKeyDown, ...prop
142
142
  }
143
143
  };
144
144
  const referenceWidth = select.select.refs.reference.current?.offsetWidth;
145
- const dropdownContent = (_jsx(Transition, { transition: "fade", duration: 150, mounted: select.select.opened, ...select.transitionProps, children: _jsxs("div", { ref: useMergeRefs([ref, select.select.refs.setFloating]), id: select.listId, role: "listbox", "aria-labelledby": select.triggerId, tabIndex: -1, style: {
145
+ const dropdownContent = (_jsx(Transition, { transition: "fade", duration: 150, mounted: select.select.opened, style: { position: "relative", zIndex: 1000 }, ...select.transitionProps, children: _jsxs("div", { ref: useMergeRefs([ref, select.select.refs.setFloating]), id: select.listId, role: "listbox", "aria-labelledby": select.triggerId, tabIndex: -1, style: {
146
146
  ...select.select.floatingStyles,
147
+ zIndex: 1000,
147
148
  width: referenceWidth,
148
149
  ...style
149
150
  }, className: cx("z-50 min-w-32 bg-[var(--refraktor-bg)] text-[var(--refraktor-text)] shadow-md border border-[var(--refraktor-border)]", getRadius(select.radius), select.getStyles("dropdown"), className), ...select.select.getFloatingProps({
@@ -153,7 +154,7 @@ const SelectDropdown = factory(({ children, className, style, onKeyDown, ...prop
153
154
  }, value: select.search, onChange: (event) => {
154
155
  select.setSearch(event.currentTarget.value);
155
156
  }, size: select.size, radius: select.radius, variant: select.variant, placeholder: select.searchPlaceholder, autoComplete: "off", className: select.getStyles("searchInput") }) })), _jsxs("div", { className: cx("max-h-80 overflow-y-auto refraktor-scrollbar p-1", select.getStyles("options")), children: [children, !select.hasVisibleItems() && (_jsx("div", { className: cx("px-1.5 py-1.5 text-sm text-[var(--refraktor-text-secondary)]", select.getStyles("empty")), children: select.nothingFound }))] })] }) }));
156
- const wrappedContent = select.select.opened ? (_jsx(FloatingFocusManager, { context: select.select.context, modal: false, initialFocus: -1, children: dropdownContent })) : (dropdownContent);
157
+ const wrappedContent = (_jsx(FloatingFocusManager, { context: select.select.context, modal: false, initialFocus: -1, disabled: !select.select.opened, children: dropdownContent }));
157
158
  return select.withinPortal ? (_jsx(FloatingPortal, { children: wrappedContent })) : (wrappedContent);
158
159
  });
159
160
  SelectDropdown.displayName = "@refraktor/core/Select.Dropdown";
@@ -1 +1 @@
1
- {"version":3,"file":"select-item.d.ts","sourceRoot":"","sources":["../../../../src/components/select/select-item/select-item.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAEhE,QAAA,MAAM,UAAU,iEA4If,CAAC;AAIF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"select-item.d.ts","sourceRoot":"","sources":["../../../../src/components/select/select-item/select-item.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAEhE,QAAA,MAAM,UAAU,iEA2If,CAAC;AAIF,eAAe,UAAU,CAAC"}
@@ -49,7 +49,7 @@ const SelectItem = factory(({ id, value, children, disabled, textValue, classNam
49
49
  else if (ref) {
50
50
  ref.current = node;
51
51
  }
52
- }, id: _id, type: "button", role: "option", tabIndex: -1, disabled: disabled, hidden: !isVisible, "data-selected": isSelected, "data-disabled": disabled, "aria-selected": isSelected, "aria-disabled": disabled, className: cx("w-full text-left p-1.5 text-sm rounded-none appearance-none border-none bg-transparent", "inline-flex items-center gap-2 outline-none transition-colors", "hover:bg-[var(--refraktor-bg-hover)] focus-visible:bg-[var(--refraktor-bg-hover)]", "data-[selected=true]:bg-[var(--refraktor-bg-hover)]", "data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none data-[disabled=true]:cursor-not-allowed", getRadius(select.radius), select.getStyles("item"), className), onMouseMove: (event) => {
52
+ }, id: _id, type: "button", role: "option", tabIndex: -1, disabled: disabled, hidden: !isVisible, "data-selected": isSelected, "data-disabled": disabled, "aria-selected": isSelected, "aria-disabled": disabled, className: cx("w-full text-left p-1.5 text-sm rounded-none appearance-none border-none bg-transparent", "inline-flex items-center gap-2 outline-none transition-colors", "hover:bg-[var(--refraktor-bg-hover)] focus-visible:bg-[var(--refraktor-bg-hover)]", "data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none data-[disabled=true]:cursor-not-allowed", getRadius(select.radius), select.getStyles("item"), className), onMouseMove: (event) => {
53
53
  onMouseMove?.(event);
54
54
  if (!disabled &&
55
55
  document.activeElement !== event.currentTarget) {
@@ -1 +1 @@
1
- {"version":3,"file":"select-root.d.ts","sourceRoot":"","sources":["../../../../src/components/select/select-root/select-root.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAER,wBAAwB,EAE3B,MAAM,iBAAiB,CAAC;AAqBzB,QAAA,MAAM,UAAU,iEAqNd,CAAC;AAIH,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"select-root.d.ts","sourceRoot":"","sources":["../../../../src/components/select/select-root/select-root.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAER,wBAAwB,EAE3B,MAAM,iBAAiB,CAAC;AA0DzB,QAAA,MAAM,UAAU,iEAmPd,CAAC;AAIH,eAAe,UAAU,CAAC"}
@@ -1,10 +1,11 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { useId, useUncontrolled } from "@refraktor/utils";
3
- import { useCallback, useEffect, useRef } from "react";
3
+ import { Children, isValidElement, useCallback, useEffect, useMemo, useRef } from "react";
4
4
  import { useTheme } from "../../../theme";
5
5
  import { factory, useClassNames, useProps } from "../../../utils";
6
- import { focusSelectItem, getNavigableSelectItems, SelectProvider, useSelectItemsRegistry } from "../select.context";
6
+ import { focusSelectItem, getNodeTextValue, getNavigableSelectItems, SelectProvider, useSelectItemsRegistry } from "../select.context";
7
7
  import { useSelect } from "../use-select";
8
+ import { InputWrapper } from "../../input/input-wrapper";
8
9
  const defaultProps = {
9
10
  positioning: {
10
11
  placement: "bottom-start",
@@ -22,13 +23,37 @@ const defaultProps = {
22
23
  closeOnClickOutside: true,
23
24
  closeOnEscape: true
24
25
  };
26
+ function collectSelectItemLabels(node, labels) {
27
+ Children.forEach(node, (child) => {
28
+ if (!isValidElement(child)) {
29
+ return;
30
+ }
31
+ const typeDisplayName = child.type
32
+ .displayName;
33
+ const props = child.props;
34
+ if (typeDisplayName === "@refraktor/core/Select.Item" &&
35
+ typeof props.value === "string") {
36
+ labels.set(props.value, getNodeTextValue(props.children, props.textValue) || props.value);
37
+ }
38
+ if (props.children !== undefined && props.children !== null) {
39
+ collectSelectItemLabels(props.children, labels);
40
+ }
41
+ });
42
+ }
43
+ function getSelectItemLabels(node) {
44
+ const labels = new Map();
45
+ collectSelectItemLabels(node, labels);
46
+ return labels;
47
+ }
25
48
  const SelectRoot = factory((_props, ref) => {
26
49
  const { cx } = useTheme();
27
- const { id, children, value, defaultValue, onChange, opened, defaultOpened, onOpenedChange, positioning, middlewares, disabled, searchable, searchValue, defaultSearchValue, onSearchChange, placeholder, searchPlaceholder, nothingFound, size, radius, variant, withinPortal, closeOnClickOutside, closeOnEscape, transitionProps, className, classNames, ...props } = useProps("Select", defaultProps, _props);
50
+ const { id, children, label, description, error, required, withAsterisk, value, defaultValue, onChange, opened, defaultOpened, onOpenedChange, positioning, middlewares, disabled, searchable, searchValue, defaultSearchValue, onSearchChange, placeholder, searchPlaceholder, nothingFound, size, radius, variant, withinPortal, closeOnClickOutside, closeOnEscape, transitionProps, className, classNames, ...props } = useProps("Select", defaultProps, _props);
28
51
  const classes = useClassNames("Select", classNames);
29
52
  const _id = useId(id);
30
53
  const listId = `${_id}-listbox`;
31
54
  const triggerId = `${_id}-trigger`;
55
+ const hasWrapper = label || description || error;
56
+ const inferredLabels = useMemo(() => getSelectItemLabels(children), [children]);
32
57
  const [selectedValue, setSelectedValue] = useUncontrolled({
33
58
  value,
34
59
  defaultValue,
@@ -78,8 +103,10 @@ const SelectRoot = factory((_props, ref) => {
78
103
  if (!selectedValue) {
79
104
  return "";
80
105
  }
81
- return labelsRef.current.get(selectedValue) ?? selectedValue;
82
- }, [selectedValue]);
106
+ return (labelsRef.current.get(selectedValue) ??
107
+ inferredLabels.get(selectedValue) ??
108
+ selectedValue);
109
+ }, [selectedValue, inferredLabels]);
83
110
  const focusFirstItem = useCallback(() => {
84
111
  const items = getNavigableSelectItems(getVisibleItems());
85
112
  focusSelectItem(items[0]);
@@ -122,6 +149,8 @@ const SelectRoot = factory((_props, ref) => {
122
149
  searchPlaceholder,
123
150
  nothingFound,
124
151
  disabled: !!disabled,
152
+ error: !!error,
153
+ required: !!required,
125
154
  size,
126
155
  radius,
127
156
  variant,
@@ -143,7 +172,8 @@ const SelectRoot = factory((_props, ref) => {
143
172
  focusSelectedOrFirstItem,
144
173
  getStyles
145
174
  };
146
- return (_jsx(SelectProvider, { value: context, children: _jsx("div", { ref: ref, id: _id, className: cx("relative w-full", classes.root, className), ...props, children: children }) }));
175
+ const content = (_jsx("div", { ref: ref, id: _id, className: cx("relative w-full", classes.root, className), ...props, children: children }));
176
+ return (_jsx(SelectProvider, { value: context, children: hasWrapper ? (_jsx(InputWrapper, { label: label, description: description, error: error, required: required, withAsterisk: withAsterisk, inputId: triggerId, children: content })) : (content) }));
147
177
  });
148
178
  SelectRoot.displayName = "@refraktor/core/Select.Root";
149
179
  export default SelectRoot;
@@ -1 +1 @@
1
- {"version":3,"file":"select-trigger.d.ts","sourceRoot":"","sources":["../../../../src/components/select/select-trigger/select-trigger.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,iBAAiB,CAAC;AAEnE,QAAA,MAAM,aAAa,oEA6GlB,CAAC;AAIF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"select-trigger.d.ts","sourceRoot":"","sources":["../../../../src/components/select/select-trigger/select-trigger.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,iBAAiB,CAAC;AAEnE,QAAA,MAAM,aAAa,oEA+GlB,CAAC;AAIF,eAAe,aAAa,CAAC"}
@@ -56,7 +56,7 @@ const SelectTrigger = factory(({ className, placeholder, rightSection, onKeyDown
56
56
  }
57
57
  }), ...props, children: _jsx(InputField, { id: select.triggerId, ref: (node) => {
58
58
  select.triggerInputRef.current = node;
59
- }, readOnly: true, disabled: select.disabled, value: hasValue ? selectedLabel : "", placeholder: hasValue ? undefined : placeholder ?? select.placeholder, size: select.size, radius: select.radius, variant: select.variant, role: "combobox", "aria-expanded": select.select.opened, "aria-controls": select.listId, "aria-haspopup": "listbox", "aria-autocomplete": select.searchable ? "list" : "none", "aria-disabled": select.disabled, className: cx("cursor-pointer", select.getStyles("triggerInput")), rightSection: rightSection ?? (_jsx(ChevronIcon, { direction: "down", size: 14, className: cx("transition-transform", select.select.opened && "rotate-180", select.getStyles("triggerIcon")) })) }) }));
59
+ }, readOnly: true, required: select.required, error: select.error, disabled: select.disabled, value: hasValue ? selectedLabel : "", placeholder: hasValue ? undefined : placeholder ?? select.placeholder, size: select.size, radius: select.radius, variant: select.variant, role: "combobox", "aria-expanded": select.select.opened, "aria-controls": select.listId, "aria-haspopup": "listbox", "aria-autocomplete": select.searchable ? "list" : "none", "aria-disabled": select.disabled, className: cx("cursor-pointer", select.getStyles("triggerInput")), rightSection: rightSection ?? (_jsx(ChevronIcon, { direction: "down", size: 14, className: cx("transition-transform", select.select.opened && "rotate-180", select.getStyles("triggerIcon")) })) }) }));
60
60
  });
61
61
  SelectTrigger.displayName = "@refraktor/core/Select.Trigger";
62
62
  export default SelectTrigger;
@@ -25,6 +25,8 @@ export interface SelectContextValue {
25
25
  searchPlaceholder: string;
26
26
  nothingFound: ReactNode;
27
27
  disabled: boolean;
28
+ error: boolean;
29
+ required: boolean;
28
30
  size: RefraktorSize;
29
31
  radius: RefraktorRadius;
30
32
  variant: InputVariant;
@@ -1 +1 @@
1
- {"version":3,"file":"select.context.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,sBAAsB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC1C,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IAC/B,MAAM,EAAE,eAAe,CAAC;IACxB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,SAAS,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,eAAe,CAAC;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;IAChE,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC3D,cAAc,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC1D,YAAY,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,MAAM,IAAI,CAAC;IAC3D,QAAQ,EAAE,MAAM,sBAAsB,EAAE,CAAC;IACzC,eAAe,EAAE,MAAM,sBAAsB,EAAE,CAAC;IAChD,eAAe,EAAE,MAAM,OAAO,CAAC;IAC/B,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC;IAC9C,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IAC7C,gBAAgB,EAAE,MAAM,MAAM,CAAC;IAC/B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,gBAAgB,KAAK,MAAM,GAAG,SAAS,CAAC;CACnE;AAED,MAAM,WAAW,uBAAuB;IACpC,OAAO,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAO,cAAc;;;+CAAE,gBAAgB,0BAGzC,CAAC;AAEN,eAAO,MAAO,mBAAmB;;;+CAAE,qBAAqB,sCACJ,CAAC;AAErD,wBAAgB,sBAAsB;yBAGM,sBAAsB;;EAiBjE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,sBAAsB,EAAE,4BAqB9D;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,sBAAsB,EAAE,4BAEtE;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,sBAAsB,EAAE,UAIzE;AAED,wBAAgB,eAAe,CAAC,IAAI,CAAC,EAAE,sBAAsB,QAE5D;AAED,wBAAgB,gBAAgB,CAC5B,QAAQ,EAAE,SAAS,EACnB,iBAAiB,CAAC,EAAE,MAAM,UAW7B"}
1
+ {"version":3,"file":"select.context.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.context.ts"],"names":[],"mappings":"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"}
@@ -23,6 +23,13 @@ describe("@refraktor/core/Select", () => {
23
23
  expect(screen.queryByRole("listbox")).not.toBeInTheDocument();
24
24
  });
25
25
  });
26
+ it("renders defaultValue label in trigger before opening", async () => {
27
+ await render(_jsx(Select, { defaultValue: "apple", data: [
28
+ { value: "apple", label: "Apple" },
29
+ { value: "orange", label: "Orange" }
30
+ ] }));
31
+ expect(screen.getByRole("combobox")).toHaveValue("Apple");
32
+ });
26
33
  it("renders searchable input inside dropdown", async () => {
27
34
  const user = userEvent.setup();
28
35
  await render(_jsx(Select, { searchable: true, transitionProps: transitionProps, data: [
@@ -82,4 +89,14 @@ describe("@refraktor/core/Select", () => {
82
89
  expect(onChange).toHaveBeenCalledWith("vue");
83
90
  expect(screen.getByRole("combobox")).toHaveValue("Vue");
84
91
  });
92
+ it("supports input wrapper props", async () => {
93
+ await render(_jsx(Select, { label: "Framework", description: "Pick one option", error: "Selection is required", transitionProps: transitionProps, data: [
94
+ { value: "react", label: "React" },
95
+ { value: "vue", label: "Vue" }
96
+ ] }));
97
+ const trigger = screen.getByLabelText("Framework");
98
+ expect(trigger).toHaveAttribute("aria-invalid", "true");
99
+ expect(screen.getByText("Pick one option")).toBeInTheDocument();
100
+ expect(screen.getByText("Selection is required")).toBeInTheDocument();
101
+ });
85
102
  });
@@ -56,6 +56,16 @@ export type SelectData = SelectItemData | SelectGroupData;
56
56
  export interface SelectRootProps extends Omit<ComponentPropsWithoutRef<"div">, "value" | "defaultValue" | "onChange"> {
57
57
  /** Children containing select subcomponents */
58
58
  children: ReactNode;
59
+ /** Label text */
60
+ label?: ReactNode;
61
+ /** Description text */
62
+ description?: ReactNode;
63
+ /** Error message */
64
+ error?: ReactNode;
65
+ /** Whether the field is required */
66
+ required?: boolean;
67
+ /** Display an asterisk next to the label */
68
+ withAsterisk?: boolean;
59
69
  /** Selected value (controlled) */
60
70
  value?: string | null;
61
71
  /** Initial selected value (uncontrolled) */
@@ -1 +1 @@
1
- {"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.types.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["../../../src/components/select/use-select.ts"],"names":[],"mappings":"AACA,OAAO,EAGH,eAAe,EAIf,SAAS,EAMZ,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAE3E,UAAU,cAAc;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,eAAe;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC;IACzB,IAAI,EAAE;QACF,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QACjD,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QAChD,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;QACtD,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;KACxD,CAAC;IACF,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,EAAE,CACf,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,gBAAgB,EAAE,CACd,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,SAAS,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,SAAS,CAAC,OAAO,GAAE,cAAmB,GAAG,eAAe,CAqHvE"}
1
+ {"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["../../../src/components/select/use-select.ts"],"names":[],"mappings":"AACA,OAAO,EAGH,eAAe,EAIf,SAAS,EAMZ,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAE3E,UAAU,cAAc;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,eAAe;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC;IACzB,IAAI,EAAE;QACF,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QACjD,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QAChD,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;QACtD,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;KACxD,CAAC;IACF,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,EAAE,CACf,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,gBAAgB,EAAE,CACd,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KAC5C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,SAAS,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,SAAS,CAAC,OAAO,GAAE,cAAmB,GAAG,eAAe,CAsHvE"}
@@ -37,7 +37,8 @@ export function useSelect(options = {}) {
37
37
  open: isOpen,
38
38
  onOpenChange: setIsOpen,
39
39
  middleware,
40
- whileElementsMounted: autoUpdate
40
+ whileElementsMounted: autoUpdate,
41
+ strategy: "fixed"
41
42
  });
42
43
  const click = useClick(floating.context, {
43
44
  enabled: !disabled
@@ -23,7 +23,7 @@ const Switch = factory((_props, ref) => {
23
23
  handleChange(event.currentTarget.checked);
24
24
  onChange?.(event);
25
25
  };
26
- return (_jsxs("div", { className: cx("inline-flex flex-col", classes.root, className), children: [_jsxs("label", { className: cx("inline-flex items-center cursor-pointer select-none", disabled && "opacity-50 cursor-not-allowed", labelPosition === "left" ? "flex-row-reverse" : "flex-row"), htmlFor: _id, children: [_jsx("input", { ...props, id: _id, ref: ref, type: "checkbox", className: cx("sr-only", classes.input), checked: value, onChange: handleOnChange, disabled: disabled }), _jsx("div", { className: cx("relative bg-[var(--refraktor-bg)] transition-all shrink-0 group", "data-[checked=true]:bg-[var(--refraktor-primary)]", "flex items-center p-0.5", sizeClass.track, getRadius(radius), classes.track), "data-checked": value, children: _jsx("span", { className: cx("bg-[var(--refraktor-colors-white)] group-data-[checked=true]:bg-[var(--refraktor-primary-text)] shadow-sm transition-all pointer-events-none", sizeClass.thumb, getRadius(radius), classes.thumb) }) }), label && (_jsx("span", { className: cx("text-[var(--refraktor-text)]", labelPosition === "left" ? "mr-3" : "ml-3", sizeClass.label, classes.label), children: label }))] }), description && (_jsx("p", { className: "text-[var(--refraktor-text-tertiary)] text-xs mt-1", children: description })), error && error !== true && (_jsx("p", { className: "text-[var(--refraktor-colors-red-5)] text-xs mt-1", children: error }))] }));
26
+ return (_jsxs("div", { className: cx("inline-flex flex-col", classes.root, className), children: [_jsxs("label", { className: cx("inline-flex items-center cursor-pointer select-none", disabled && "opacity-50 cursor-not-allowed", labelPosition === "left" ? "flex-row-reverse" : "flex-row"), htmlFor: _id, children: [_jsx("input", { ...props, id: _id, ref: ref, type: "checkbox", className: cx("sr-only", classes.input), checked: value, onChange: handleOnChange, disabled: disabled }), _jsx("div", { className: cx("relative bg-[var(--refraktor-bg)] transition-all shrink-0 group", "data-[checked=true]:bg-[var(--refraktor-primary)]", "flex items-center p-0.5", sizeClass.track, getRadius(radius), classes.track), "data-checked": value, children: _jsx("span", { className: cx("bg-[var(--refraktor-colors-white)] group-data-[checked=true]:bg-[var(--refraktor-primary-text)] shadow-sm transition-all pointer-events-none", sizeClass.thumb, getRadius(radius), classes.thumb) }) }), label && (_jsx("span", { className: cx("text-[var(--refraktor-text)]", labelPosition === "left" ? "mr-2" : "ml-2", sizeClass.label, classes.label), children: label }))] }), description && (_jsx("p", { className: "text-[var(--refraktor-text-tertiary)] text-xs mt-1", children: description })), error && error !== true && (_jsx("p", { className: "text-[var(--refraktor-colors-red-5)] text-xs mt-1", children: error }))] }));
27
27
  });
28
28
  Switch.displayName = "@refraktor/core/Switch";
29
29
  Switch.configure = createComponentConfig();