@revikornmann/muka-ui 0.24.0 → 0.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (106) hide show
  1. package/dist/cjs/components/Autocomplete/Autocomplete.css +63 -0
  2. package/dist/cjs/components/Autocomplete/Autocomplete.js +190 -0
  3. package/dist/cjs/components/Autocomplete/Autocomplete.js.map +1 -0
  4. package/dist/cjs/components/Autocomplete/index.js +6 -0
  5. package/dist/cjs/components/Autocomplete/index.js.map +1 -0
  6. package/dist/cjs/components/Combobox/Combobox.js +16 -24
  7. package/dist/cjs/components/Combobox/Combobox.js.map +1 -1
  8. package/dist/cjs/components/ContextSelect/ContextSelect.js +2 -2
  9. package/dist/cjs/components/ContextSelect/ContextSelect.js.map +1 -1
  10. package/dist/cjs/components/Dialog/Dialog.js +25 -9
  11. package/dist/cjs/components/Dialog/Dialog.js.map +1 -1
  12. package/dist/cjs/components/DropdownSelect/DropdownSelect.js +2 -2
  13. package/dist/cjs/components/DropdownSelect/DropdownSelect.js.map +1 -1
  14. package/dist/cjs/components/InputCounter/InputCounter.css +175 -0
  15. package/dist/cjs/components/InputCounter/InputCounter.js +196 -0
  16. package/dist/cjs/components/InputCounter/InputCounter.js.map +1 -0
  17. package/dist/cjs/components/InputCounter/index.js +11 -0
  18. package/dist/cjs/components/InputCounter/index.js.map +1 -0
  19. package/dist/cjs/components/Menu/Menu.js +26 -11
  20. package/dist/cjs/components/Menu/Menu.js.map +1 -1
  21. package/dist/cjs/components/PhotoUploader/PhotoUploader.js +1 -1
  22. package/dist/cjs/components/Popover/Popover.js +10 -8
  23. package/dist/cjs/components/Popover/Popover.js.map +1 -1
  24. package/dist/cjs/components/Tooltip/Tooltip.js +7 -2
  25. package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
  26. package/dist/cjs/components/TopBar/TopBar.css +29 -0
  27. package/dist/cjs/components/View/View.js +33 -1
  28. package/dist/cjs/components/View/View.js.map +1 -1
  29. package/dist/cjs/components/index.js +7 -3
  30. package/dist/cjs/components/index.js.map +1 -1
  31. package/dist/cjs/utils/suggestionList.js +27 -0
  32. package/dist/cjs/utils/suggestionList.js.map +1 -0
  33. package/dist/cjs/utils/usePortalContainer.js +33 -0
  34. package/dist/cjs/utils/usePortalContainer.js.map +1 -0
  35. package/dist/esm/components/Autocomplete/Autocomplete.css +63 -0
  36. package/dist/esm/components/Autocomplete/Autocomplete.js +187 -0
  37. package/dist/esm/components/Autocomplete/Autocomplete.js.map +1 -0
  38. package/dist/esm/components/Autocomplete/index.js +2 -0
  39. package/dist/esm/components/Autocomplete/index.js.map +1 -0
  40. package/dist/esm/components/Combobox/Combobox.js +14 -22
  41. package/dist/esm/components/Combobox/Combobox.js.map +1 -1
  42. package/dist/esm/components/ContextSelect/ContextSelect.js +2 -2
  43. package/dist/esm/components/ContextSelect/ContextSelect.js.map +1 -1
  44. package/dist/esm/components/Dialog/Dialog.js +25 -9
  45. package/dist/esm/components/Dialog/Dialog.js.map +1 -1
  46. package/dist/esm/components/DropdownSelect/DropdownSelect.js +2 -2
  47. package/dist/esm/components/DropdownSelect/DropdownSelect.js.map +1 -1
  48. package/dist/esm/components/InputCounter/InputCounter.css +175 -0
  49. package/dist/esm/components/InputCounter/InputCounter.js +160 -0
  50. package/dist/esm/components/InputCounter/InputCounter.js.map +1 -0
  51. package/dist/esm/components/InputCounter/index.js +3 -0
  52. package/dist/esm/components/InputCounter/index.js.map +1 -0
  53. package/dist/esm/components/Menu/Menu.js +26 -11
  54. package/dist/esm/components/Menu/Menu.js.map +1 -1
  55. package/dist/esm/components/PhotoUploader/PhotoUploader.js +1 -1
  56. package/dist/esm/components/Popover/Popover.js +10 -5
  57. package/dist/esm/components/Popover/Popover.js.map +1 -1
  58. package/dist/esm/components/Tooltip/Tooltip.js +7 -2
  59. package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
  60. package/dist/esm/components/TopBar/TopBar.css +29 -0
  61. package/dist/esm/components/View/View.js +30 -1
  62. package/dist/esm/components/View/View.js.map +1 -1
  63. package/dist/esm/components/index.js +2 -0
  64. package/dist/esm/components/index.js.map +1 -1
  65. package/dist/esm/utils/suggestionList.js +22 -0
  66. package/dist/esm/utils/suggestionList.js.map +1 -0
  67. package/dist/esm/utils/usePortalContainer.js +29 -0
  68. package/dist/esm/utils/usePortalContainer.js.map +1 -0
  69. package/dist/styles/components/Autocomplete.css +63 -0
  70. package/dist/styles/components/InputCounter.css +175 -0
  71. package/dist/styles/index.css +5910 -5666
  72. package/dist/styles/muka-dark.css +5910 -5666
  73. package/dist/styles/muka-light.css +5910 -5666
  74. package/dist/styles/wireframe-dark.css +5910 -5666
  75. package/dist/styles/wireframe-light.css +5910 -5666
  76. package/dist/types/components/Autocomplete/Autocomplete.d.ts +105 -0
  77. package/dist/types/components/Autocomplete/Autocomplete.d.ts.map +1 -0
  78. package/dist/types/components/Autocomplete/index.d.ts +2 -0
  79. package/dist/types/components/Autocomplete/index.d.ts.map +1 -0
  80. package/dist/types/components/Combobox/Combobox.d.ts +8 -2
  81. package/dist/types/components/Combobox/Combobox.d.ts.map +1 -1
  82. package/dist/types/components/ContextSelect/ContextSelect.d.ts +6 -0
  83. package/dist/types/components/ContextSelect/ContextSelect.d.ts.map +1 -1
  84. package/dist/types/components/Dialog/Dialog.d.ts.map +1 -1
  85. package/dist/types/components/DropdownSelect/DropdownSelect.d.ts +6 -0
  86. package/dist/types/components/DropdownSelect/DropdownSelect.d.ts.map +1 -1
  87. package/dist/types/components/InputCounter/InputCounter.d.ts +79 -0
  88. package/dist/types/components/InputCounter/InputCounter.d.ts.map +1 -0
  89. package/dist/types/components/InputCounter/index.d.ts +3 -0
  90. package/dist/types/components/InputCounter/index.d.ts.map +1 -0
  91. package/dist/types/components/Menu/Menu.d.ts +4 -4
  92. package/dist/types/components/Menu/Menu.d.ts.map +1 -1
  93. package/dist/types/components/Popover/Popover.d.ts +12 -0
  94. package/dist/types/components/Popover/Popover.d.ts.map +1 -1
  95. package/dist/types/components/Tooltip/Tooltip.d.ts +6 -0
  96. package/dist/types/components/Tooltip/Tooltip.d.ts.map +1 -1
  97. package/dist/types/components/View/View.d.ts +3 -0
  98. package/dist/types/components/View/View.d.ts.map +1 -1
  99. package/dist/types/components/index.d.ts +2 -0
  100. package/dist/types/components/index.d.ts.map +1 -1
  101. package/dist/types/utils/suggestionList.d.ts +13 -0
  102. package/dist/types/utils/suggestionList.d.ts.map +1 -0
  103. package/dist/types/utils/usePortalContainer.d.ts +19 -0
  104. package/dist/types/utils/usePortalContainer.d.ts.map +1 -0
  105. package/docs/consumers/README.md +2 -2
  106. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../components/Popover/Popover.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../components/Popover/Popover.tsx"],"names":[],"mappings":"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"}
@@ -1,12 +1,17 @@
1
+ 'use client';
1
2
  import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { useRef } from 'react';
2
4
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
5
+ import { usePortalContainer } from '../../utils/usePortalContainer';
3
6
  import './Tooltip.css';
4
- export const Tooltip = ({ children, content, side = 'top', align = 'center', delayDuration = 400, disabled = false, open, onOpenChange, className = '', }) => {
7
+ export const Tooltip = ({ children, content, side = 'top', align = 'center', delayDuration = 400, disabled = false, open, onOpenChange, className = '', portalContainer, }) => {
8
+ const triggerRef = useRef(null);
9
+ const container = usePortalContainer(portalContainer, triggerRef);
5
10
  if (disabled) {
6
11
  return _jsx(_Fragment, { children: children });
7
12
  }
8
13
  const contentClasses = ['muka-tooltip__content', className].filter(Boolean).join(' ');
9
- return (_jsx(TooltipPrimitive.Provider, { delayDuration: delayDuration, children: _jsxs(TooltipPrimitive.Root, { open: open, onOpenChange: onOpenChange, children: [_jsx(TooltipPrimitive.Trigger, { asChild: true, children: children }), _jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, { className: contentClasses, side: side, align: align, sideOffset: 6, children: [content, _jsx("div", { className: "muka-tooltip__arrow-wrapper", children: _jsx(TooltipPrimitive.Arrow, { className: "muka-tooltip__arrow", width: 12, height: 6 }) })] }) })] }) }));
14
+ return (_jsx(TooltipPrimitive.Provider, { delayDuration: delayDuration, children: _jsxs(TooltipPrimitive.Root, { open: open, onOpenChange: onOpenChange, children: [_jsx(TooltipPrimitive.Trigger, { asChild: true, ref: triggerRef, children: children }), _jsx(TooltipPrimitive.Portal, { container: container, children: _jsxs(TooltipPrimitive.Content, { className: contentClasses, side: side, align: align, sideOffset: 6, children: [content, _jsx("div", { className: "muka-tooltip__arrow-wrapper", children: _jsx(TooltipPrimitive.Arrow, { className: "muka-tooltip__arrow", width: 12, height: 6 }) })] }) })] }) }));
10
15
  };
11
16
  export default Tooltip;
12
17
  //# sourceMappingURL=Tooltip.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,eAAe,CAAC;AAuBvB,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC9C,QAAQ,EACR,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,KAAK,GAAG,QAAQ,EAChB,aAAa,GAAG,GAAG,EACnB,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,YAAY,EACZ,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,4BAAG,QAAQ,GAAI,CAAC;IACzB,CAAC;IAED,MAAM,cAAc,GAAG,CAAC,uBAAuB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEtF,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,aAAa,EAAE,aAAa,YACrD,MAAC,gBAAgB,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,aAC3D,KAAC,gBAAgB,CAAC,OAAO,IAAC,OAAO,kBAC9B,QAAQ,GACgB,EAC3B,KAAC,gBAAgB,CAAC,MAAM,cACtB,MAAC,gBAAgB,CAAC,OAAO,IACvB,SAAS,EAAE,cAAc,EACzB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,CAAC,aAEZ,OAAO,EACR,cAAK,SAAS,EAAC,6BAA6B,YAC1C,KAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,GAAI,GAC5E,IACmB,GACH,IACJ,GACE,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,eAAe,CAAC;AA6BvB,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC9C,QAAQ,EACR,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,KAAK,GAAG,QAAQ,EAChB,aAAa,GAAG,GAAG,EACnB,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,kBAAkB,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IAElE,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,4BAAG,QAAQ,GAAI,CAAC;IACzB,CAAC;IAED,MAAM,cAAc,GAAG,CAAC,uBAAuB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEtF,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,aAAa,EAAE,aAAa,YACrD,MAAC,gBAAgB,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,aAC3D,KAAC,gBAAgB,CAAC,OAAO,IAAC,OAAO,QAAC,GAAG,EAAE,UAAU,YAC9C,QAAQ,GACgB,EAC3B,KAAC,gBAAgB,CAAC,MAAM,IAAC,SAAS,EAAE,SAAS,YAC3C,MAAC,gBAAgB,CAAC,OAAO,IACvB,SAAS,EAAE,cAAc,EACzB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,CAAC,aAEZ,OAAO,EACR,cAAK,SAAS,EAAC,6BAA6B,YAC1C,KAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,GAAI,GAC5E,IACmB,GACH,IACJ,GACE,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -217,6 +217,35 @@
217
217
  flex-shrink: 0;
218
218
  }
219
219
 
220
+ /* ─── Icon-only actions: md below the large tier ─────── */
221
+
222
+ /* Below 1024px (the small and medium tiers), `lg` icon-only action buttons in
223
+ the leading/trailing slots render at the `md` button size. Large screens keep
224
+ `lg`. Scoped to the action slots so ControlBar buttons are unaffected. */
225
+ @media (max-width: 1023.98px) {
226
+ .muka-topbar:not([data-size]) :is(.muka-topbar__leading, .muka-topbar__trailing-action) .muka-button--icon-only.muka-button--lg {
227
+ width: 40px;
228
+ min-height: 40px;
229
+ border-radius: var(--button-radius-md);
230
+ }
231
+
232
+ .muka-topbar:not([data-size]) :is(.muka-topbar__leading, .muka-topbar__trailing-action) .muka-button--icon-only.muka-button--lg .muka-button__icon {
233
+ width: var(--button-icon-md);
234
+ height: var(--button-icon-md);
235
+ }
236
+ }
237
+
238
+ .muka-topbar:is([data-size='sm'], [data-size='md']) :is(.muka-topbar__leading, .muka-topbar__trailing-action) .muka-button--icon-only.muka-button--lg {
239
+ width: 40px;
240
+ min-height: 40px;
241
+ border-radius: var(--button-radius-md);
242
+ }
243
+
244
+ .muka-topbar:is([data-size='sm'], [data-size='md']) :is(.muka-topbar__leading, .muka-topbar__trailing-action) .muka-button--icon-only.muka-button--lg .muka-button__icon {
245
+ width: var(--button-icon-md);
246
+ height: var(--button-icon-md);
247
+ }
248
+
220
249
  /* ─── ControlBar slot ────────────────────────────────── */
221
250
 
222
251
  .muka-topbar__controlbar {
@@ -1,6 +1,32 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import React from 'react';
2
3
  import { TopBar } from '../TopBar';
4
+ import { Button } from '../Button';
3
5
  import './View.css';
6
+ /**
7
+ * Clone the TopBar's action Buttons (including those wrapped in a Fragment) so
8
+ * they always match the design regardless of what a consumer passes: every
9
+ * Button is `ghost`, and icon-only Buttons are `lg` (the TopBar shrinks them to
10
+ * `md` below the large tier). Non-Button nodes are left untouched.
11
+ */
12
+ function withViewButtons(node) {
13
+ return React.Children.map(node, (child) => {
14
+ if (!React.isValidElement(child))
15
+ return child;
16
+ if (child.type === React.Fragment) {
17
+ const fragment = child;
18
+ return React.cloneElement(fragment, {}, withViewButtons(fragment.props.children));
19
+ }
20
+ if (child.type === Button) {
21
+ const button = child;
22
+ return React.cloneElement(button, {
23
+ variant: 'ghost',
24
+ ...(button.props.iconOnly ? { size: 'lg' } : {}),
25
+ });
26
+ }
27
+ return child;
28
+ });
29
+ }
4
30
  /**
5
31
  * View Component
6
32
  *
@@ -10,6 +36,9 @@ import './View.css';
10
36
  * - `level="top"`: App home screen. No back button, footer slot for BottomBar navigation.
11
37
  * - `level="sub"`: Deeper view. Leading slot for back button, no footer by default.
12
38
  *
39
+ * TopBar action Buttons are always `ghost`; icon-only ones are `lg` on large
40
+ * screens and `md` below 1024px.
41
+ *
13
42
  * @accessibility
14
43
  * - Uses `<main>` landmark for the scrollable body
15
44
  * - TopBar provides semantic `<header>` structure
@@ -21,7 +50,7 @@ export const View = ({ level, title, leading, trailing, trailingSecondary, contr
21
50
  `muka-view--surface-${surfaceLevel}`,
22
51
  className,
23
52
  ].filter(Boolean).join(' ');
24
- return (_jsxs("div", { className: viewClasses, "data-size": size, children: [_jsx(TopBar, { title: title, leading: leading, trailing: trailing, trailingSecondary: trailingSecondary, controlBar: controlBar, breadcrumb: breadcrumb, size: size }), _jsxs("main", { className: "muka-view__body", children: [_jsx("div", { className: "muka-view__body-inner", children: children }), footer && (_jsx("div", { className: "muka-view__footer", children: footer }))] })] }));
53
+ return (_jsxs("div", { className: viewClasses, "data-size": size, children: [_jsx(TopBar, { title: title, leading: withViewButtons(leading), trailing: withViewButtons(trailing), trailingSecondary: withViewButtons(trailingSecondary), controlBar: controlBar, breadcrumb: breadcrumb, size: size }), _jsxs("main", { className: "muka-view__body", children: [_jsx("div", { className: "muka-view__body-inner", children: children }), footer && (_jsx("div", { className: "muka-view__footer", children: footer }))] })] }));
25
54
  };
26
55
  export default View;
27
56
  //# sourceMappingURL=View.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../components/View/View.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,YAAY,CAAC;AAiDpB;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,YAAY,GAAG,CAAC,EAChB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,WAAW,GAAG;QAClB,WAAW;QACX,cAAc,KAAK,EAAE;QACrB,sBAAsB,YAAY,EAAE;QACpC,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,eAAK,SAAS,EAAE,WAAW,eAAa,IAAI,aAC1C,KAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,GACV,EAEF,gBAAM,SAAS,EAAC,iBAAiB,aAC/B,cAAK,SAAS,EAAC,uBAAuB,YACnC,QAAQ,GACL,EAEL,MAAM,IAAI,CACT,cAAK,SAAS,EAAC,mBAAmB,YAC/B,MAAM,GACH,CACP,IACI,IACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../components/View/View.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,YAAY,CAAC;AAuDpB;;;;;GAKG;AACH,SAAS,eAAe,CAAC,IAAqB;IAC5C,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QAC/C,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,QAAQ,EAAE,CAAC;YAClC,MAAM,QAAQ,GAAG,KAA2D,CAAC;YAC7E,OAAO,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,EAAE,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;QACpF,CAAC;QACD,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YAC1B,MAAM,MAAM,GAAG,KAA4C,CAAC;YAC5D,OAAO,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE;gBAChC,OAAO,EAAE,OAAO;gBAChB,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;aAC1D,CAAC,CAAC;QACL,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;AACL,CAAC;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,YAAY,GAAG,CAAC,EAChB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,WAAW,GAAG;QAClB,WAAW;QACX,cAAc,KAAK,EAAE;QACrB,sBAAsB,YAAY,EAAE;QACpC,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,eAAK,SAAS,EAAE,WAAW,eAAa,IAAI,aAC1C,KAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,eAAe,CAAC,OAAO,CAAC,EACjC,QAAQ,EAAE,eAAe,CAAC,QAAQ,CAAC,EACnC,iBAAiB,EAAE,eAAe,CAAC,iBAAiB,CAAC,EACrD,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,GACV,EAEF,gBAAM,SAAS,EAAC,iBAAiB,aAC/B,cAAK,SAAS,EAAC,uBAAuB,YACnC,QAAQ,GACL,EAEL,MAAM,IAAI,CACT,cAAK,SAAS,EAAC,mBAAmB,YAC/B,MAAM,GACH,CACP,IACI,IACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -4,6 +4,7 @@ export { ListItem } from './ListItem';
4
4
  export { Input } from './Input';
5
5
  export { Form, useForm, } from './Form';
6
6
  export { NumberInput } from './NumberInput';
7
+ export { InputCounter } from './InputCounter';
7
8
  export { Card } from './Card';
8
9
  export { Label } from './Label';
9
10
  export { Icon, registerIcon, listRegisteredIcons, } from './Icon';
@@ -80,6 +81,7 @@ export { AgentTaskList, } from './AgentTaskList';
80
81
  export { TypingIndicator } from './TypingIndicator';
81
82
  export { ChatAttachmentChip, } from './ChatAttachmentChip';
82
83
  export { Combobox, } from './Combobox';
84
+ export { Autocomplete, } from './Autocomplete';
83
85
  export { SwipeActions, } from './SwipeActions';
84
86
  export { PullToRefresh } from './PullToRefresh';
85
87
  export { LicensePlateInput, } from './LicensePlateInput';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/index.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,22 @@
1
+ /**
2
+ * Shared helpers for text fields with a suggestion `Menu` (Combobox,
3
+ * Autocomplete): highlight navigation that skips disabled rows.
4
+ */
5
+ /** Index of the first enabled row, or 0 when every row is disabled. */
6
+ export const firstEnabledIndex = (items) => {
7
+ const index = items.findIndex((item) => !item.disabled);
8
+ return index === -1 ? 0 : index;
9
+ };
10
+ /** Next enabled row from `from` in `direction`, wrapping around. */
11
+ export const nextEnabledIndex = (items, from, direction) => {
12
+ if (items.length === 0)
13
+ return 0;
14
+ let index = from;
15
+ for (let step = 0; step < items.length; step += 1) {
16
+ index = (index + direction + items.length) % items.length;
17
+ if (!items[index]?.disabled)
18
+ return index;
19
+ }
20
+ return from;
21
+ };
22
+ //# sourceMappingURL=suggestionList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"suggestionList.js","sourceRoot":"","sources":["../../../utils/suggestionList.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,uEAAuE;AACvE,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAkB,EAAU,EAAE;IAC9D,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACxD,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AAClC,CAAC,CAAC;AAEF,oEAAoE;AACpE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,KAAkB,EAClB,IAAY,EACZ,SAAiB,EACT,EAAE;IACV,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,CAAC,CAAC;IACjC,IAAI,KAAK,GAAG,IAAI,CAAC;IACjB,KAAK,IAAI,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,EAAE,CAAC;QAClD,KAAK,GAAG,CAAC,KAAK,GAAG,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC;QAC1D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,QAAQ;YAAE,OAAO,KAAK,CAAC;IAC5C,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}
@@ -0,0 +1,29 @@
1
+ 'use client';
2
+ import { createContext, useContext, useLayoutEffect, useState } from 'react';
3
+ /**
4
+ * The element overlays should portal into instead of `document.body`.
5
+ *
6
+ * `Dialog` provides its native `<dialog>` here. A modal `<dialog>` opened with
7
+ * `showModal()` sits in the browser's top layer and makes the rest of the
8
+ * document inert, so an overlay portaled to `document.body` would render
9
+ * behind it and could not be interacted with.
10
+ */
11
+ export const PortalContainerContext = createContext(null);
12
+ /**
13
+ * Resolve where a Radix-portaled overlay (Tooltip, Popover, Menu…) renders.
14
+ *
15
+ * Order: the explicit `override` → the enclosing `Dialog` (context) → the
16
+ * closest native `<dialog>` above `anchorRef` → `undefined` (Radix default,
17
+ * `document.body`). An explicit `null` override also falls through.
18
+ */
19
+ export function usePortalContainer(override, anchorRef) {
20
+ const fromContext = useContext(PortalContainerContext);
21
+ const [closestDialog, setClosestDialog] = useState(null);
22
+ useLayoutEffect(() => {
23
+ if (!anchorRef)
24
+ return;
25
+ setClosestDialog(anchorRef.current?.closest('dialog') ?? null);
26
+ }, [anchorRef]);
27
+ return override ?? fromContext ?? closestDialog ?? undefined;
28
+ }
29
+ //# sourceMappingURL=usePortalContainer.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"usePortalContainer.js","sourceRoot":"","sources":["../../../utils/usePortalContainer.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG7E;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAAqB,IAAI,CAAC,CAAC;AAE9E;;;;;;GAMG;AACH,MAAM,UAAU,kBAAkB,CAChC,QAA6B,EAC7B,SAAqC;IAErC,MAAM,WAAW,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACvD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAE7E,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,gBAAgB,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAc,QAAQ,CAAC,IAAI,IAAI,CAAC,CAAC;IAC9E,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,QAAQ,IAAI,WAAW,IAAI,aAAa,IAAI,SAAS,CAAC;AAC/D,CAAC"}
@@ -0,0 +1,63 @@
1
+ /* Autocomplete — Figma Input Autocomplete (Input field + single-line suggestion Menu).
2
+ The field reuses the Input styles (.muka-input*); only the menu wiring lives here. */
3
+
4
+ .muka-autocomplete {
5
+ min-width: 200px;
6
+ }
7
+
8
+ /* Covers the field's outer edge so the menu matches its full width. The menu
9
+ is only open while focused, when the field has the bold border. */
10
+ .muka-autocomplete__menu-anchor {
11
+ position: absolute;
12
+ inset: calc(-1 * var(--border-width-bold));
13
+ z-index: 0;
14
+ margin: 0;
15
+ padding: 0;
16
+ border: none;
17
+ background: transparent;
18
+ pointer-events: none;
19
+ opacity: 0;
20
+ }
21
+
22
+ /* Keep the field content above the invisible anchor. */
23
+ .muka-autocomplete__field > :not(.muka-autocomplete__menu-anchor) {
24
+ position: relative;
25
+ z-index: 1;
26
+ }
27
+
28
+ /* Figma: the menu is as wide as the field (never below the menu min-width token). */
29
+ .muka-autocomplete__menu {
30
+ width: var(--radix-dropdown-menu-trigger-width);
31
+ max-width: calc(100vw - 2rem);
32
+ }
33
+
34
+ /* Suggestions are single-line; long labels truncate. */
35
+ .muka-autocomplete__menu .muka-menu__item-label {
36
+ overflow: hidden;
37
+ text-overflow: ellipsis;
38
+ }
39
+
40
+ /* Loading and empty rows: menu-row geometry, not selectable. */
41
+ .muka-autocomplete__status {
42
+ display: flex;
43
+ align-items: center;
44
+ gap: var(--menu-item-gap);
45
+ min-height: var(--menu-item-height);
46
+ padding: var(--menu-item-padding-y) var(--menu-item-padding-x);
47
+ color: var(--color-text-subtle-default);
48
+ font-family: var(--text-label-md-regular-fontFamily);
49
+ font-size: var(--text-label-md-regular-fontSize);
50
+ font-weight: var(--text-label-md-regular-fontWeight);
51
+ line-height: var(--text-label-md-regular-lineHeight);
52
+ }
53
+
54
+ .muka-autocomplete__footer {
55
+ flex-shrink: 0;
56
+ padding: var(--spacing-2) var(--spacing-3);
57
+ border-top: var(--border-width-regular) solid var(--color-border-default);
58
+ color: var(--color-text-subtle-default);
59
+ font-family: var(--text-label-sm-regular-fontFamily);
60
+ font-size: var(--text-label-sm-regular-fontSize);
61
+ font-weight: var(--text-label-sm-regular-fontWeight);
62
+ line-height: var(--text-label-sm-regular-lineHeight);
63
+ }
@@ -0,0 +1,175 @@
1
+ /* InputCounter — numeric field + joined decrement/increment buttons.
2
+ Label, helper and error text reuse Input.css (../Input/Input.css).
3
+ Field and button group share one radius per size:
4
+ sm/md → input.field.radius.md, lg → input.field.radius.lg. */
5
+
6
+ .muka-inputcounter {
7
+ --muka-inputcounter-radius: var(--input-field-radius-md);
8
+ --muka-inputcounter-height: var(--input-field-height-default);
9
+ --muka-inputcounter-pad: calc(var(--spacing-2) + var(--spacing-1));
10
+ --muka-inputcounter-min: var(--size-3xl);
11
+
12
+ display: inline-flex;
13
+ flex-direction: column;
14
+ gap: var(--spacing-2);
15
+ }
16
+
17
+ .muka-inputcounter--sm {
18
+ --muka-inputcounter-height: var(--input-field-height-sm);
19
+ --muka-inputcounter-pad: calc(var(--spacing-1) + var(--spacing-1));
20
+ --muka-inputcounter-min: var(--size-2xl);
21
+ }
22
+
23
+ .muka-inputcounter--lg {
24
+ --muka-inputcounter-radius: var(--input-field-radius-lg);
25
+ --muka-inputcounter-height: var(--input-field-height-lg);
26
+ }
27
+
28
+ /* Label row — label, info tooltip trigger, optional hint */
29
+ .muka-inputcounter__label-row {
30
+ display: flex;
31
+ align-items: center;
32
+ gap: var(--spacing-2);
33
+ min-height: var(--size-xl);
34
+ }
35
+
36
+ .muka-inputcounter__info {
37
+ display: inline-flex;
38
+ align-items: center;
39
+ justify-content: center;
40
+ padding: 0;
41
+ border: none;
42
+ border-radius: 50%;
43
+ background: transparent;
44
+ cursor: pointer;
45
+ }
46
+
47
+ .muka-inputcounter__info .muka-icon {
48
+ color: var(--color-action-default);
49
+ }
50
+
51
+ .muka-inputcounter__info:focus-visible {
52
+ outline: 2px solid var(--color-border-focus);
53
+ outline-offset: 2px;
54
+ }
55
+
56
+ .muka-inputcounter__optional {
57
+ font-family: var(--text-label-sm-regular-fontFamily);
58
+ font-weight: var(--text-label-sm-regular-fontWeight);
59
+ font-size: var(--text-label-sm-regular-fontSize);
60
+ line-height: var(--text-label-sm-regular-lineHeight);
61
+ color: var(--color-text-subtle-default);
62
+ }
63
+
64
+ /* Field + button group */
65
+ .muka-inputcounter__row {
66
+ display: flex;
67
+ align-items: center;
68
+ gap: var(--spacing-3);
69
+ }
70
+
71
+ /* Field — grows with the value (in ch), never narrower than the Figma width.
72
+ Padding sits on the native input so the 2px focus/error border doesn't
73
+ need compensating: content is centred in a fixed box. */
74
+ .muka-inputcounter__field {
75
+ position: relative;
76
+ display: flex;
77
+ align-items: center;
78
+ box-sizing: border-box;
79
+ height: var(--muka-inputcounter-height);
80
+ width: calc(
81
+ max(var(--muka-inputcounter-min), calc(var(--muka-inputcounter-chars, 1) * 1ch)) +
82
+ 2 * var(--muka-inputcounter-pad) + 2 * var(--border-width-regular)
83
+ );
84
+ background-color: var(--input-field-color-default-background);
85
+ border: var(--border-width-regular) solid var(--input-field-color-default-border);
86
+ border-radius: var(--muka-inputcounter-radius);
87
+ transition: border-color 0.2s ease, background-color 0.2s ease;
88
+ }
89
+
90
+ .muka-inputcounter__field::after {
91
+ content: '';
92
+ position: absolute;
93
+ inset: 0;
94
+ border-radius: inherit;
95
+ box-shadow: var(--shadow-sunken);
96
+ pointer-events: none;
97
+ }
98
+
99
+ .muka-inputcounter__field--focused:not(.muka-inputcounter__field--disabled) {
100
+ border-width: var(--border-width-bold);
101
+ border-color: var(--input-field-color-focus-border);
102
+ background-color: var(--input-field-color-focus-background);
103
+ }
104
+
105
+ .muka-inputcounter__field--error:not(.muka-inputcounter__field--disabled) {
106
+ border-width: var(--border-width-bold);
107
+ border-color: var(--input-field-color-error-border);
108
+ background-color: var(--input-field-color-error-background);
109
+ }
110
+
111
+ .muka-inputcounter__field--disabled {
112
+ background-color: var(--input-field-color-disabled-background);
113
+ border-color: var(--input-field-color-disabled-border);
114
+ }
115
+
116
+ .muka-inputcounter__field--disabled::after {
117
+ display: none;
118
+ }
119
+
120
+ .muka-inputcounter__native {
121
+ width: 100%;
122
+ min-width: 0;
123
+ height: 100%;
124
+ box-sizing: border-box;
125
+ padding: 0 calc(var(--muka-inputcounter-pad) - var(--border-width-regular));
126
+ border: none;
127
+ outline: none;
128
+ background: transparent;
129
+ text-align: center;
130
+ font-variant-numeric: tabular-nums;
131
+ color: var(--input-field-color-default-foreground);
132
+ font-family: var(--text-input-md-fontFamily);
133
+ font-weight: var(--text-input-md-fontWeight);
134
+ font-size: var(--text-input-md-fontSize);
135
+ line-height: var(--text-input-md-lineHeight);
136
+ }
137
+
138
+ .muka-inputcounter--sm .muka-inputcounter__native {
139
+ font-family: var(--text-input-sm-fontFamily);
140
+ font-weight: var(--text-input-sm-fontWeight);
141
+ font-size: var(--text-input-sm-fontSize);
142
+ line-height: var(--text-input-sm-lineHeight);
143
+ }
144
+
145
+ .muka-inputcounter__field--disabled .muka-inputcounter__native {
146
+ color: var(--input-field-color-disabled-foreground);
147
+ cursor: not-allowed;
148
+ }
149
+
150
+ /* Button group — secondary icon-only Buttons joined by a divider.
151
+ Only the outer corners are rounded. */
152
+ .muka-inputcounter__group {
153
+ display: inline-flex;
154
+ align-items: stretch;
155
+ }
156
+
157
+ .muka-inputcounter__group .muka-button {
158
+ border-radius: 0;
159
+ }
160
+
161
+ .muka-inputcounter__group .muka-button:first-child {
162
+ border-start-start-radius: var(--muka-inputcounter-radius);
163
+ border-end-start-radius: var(--muka-inputcounter-radius);
164
+ }
165
+
166
+ .muka-inputcounter__group .muka-button:last-child {
167
+ border-start-end-radius: var(--muka-inputcounter-radius);
168
+ border-end-end-radius: var(--muka-inputcounter-radius);
169
+ }
170
+
171
+ .muka-inputcounter__divider {
172
+ flex: none;
173
+ width: var(--border-width-regular);
174
+ background-color: var(--color-border-default);
175
+ }