@rebasepro/ui 0.17.3-canary.gdd23447 → 0.18.0

package/README.md

@@ -8,6 +8,10 @@ React component library and design system for the Rebase ecosystem. Built on Rad
 pnpm add @rebasepro/ui
 ```
 
+ESM-only: `"type": "module"` with no CommonJS build, so it is loaded with
+`import`. `require()` of it resolves only on Node 22.12+, which supports
+`require(esm)`.
+
 ### Peer Dependencies
 
 - `react` >= 19.0.0

package/dist/components/MultiSelect.d.ts

@@ -37,6 +37,16 @@ interface MultiSelectProps<T extends MultiSelectValue = string> {
     children: React.ReactNode;
     renderValues?: (values: T[]) => React.ReactNode;
     portalContainer?: HTMLElement | null;
+    /**
+     * Accessible name for the trigger.
+     *
+     * Without it the name is whatever the button happens to contain — the
+     * selected chips, or nothing at all when the field is empty — so an empty
+     * multi-select announced itself as an unnamed button. `label` cannot serve:
+     * an entity form passes an element there, because the label carries the
+     * property's type icon.
+     */
+    "aria-label"?: string;
 }
 export declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps<string> & React.RefAttributes<HTMLButtonElement>>;
 export interface MultiSelectItemProps<T extends MultiSelectValue = string> {

package/dist/index.es.js

@@ -4574,7 +4574,7 @@ function SelectInputLabel({ children, error }) {
 //#endregion
 //#region src/components/MultiSelect.tsx
 var MultiSelectContext = React$1.createContext(null);
-var MultiSelect = React$1.forwardRef(({ value, size = "large", label, error, onValueChange, invisible, disabled, placeholder, modalPopover = true, includeClear = true, includeSelectAll = true, useChips = true, className, inputClassName, inputRef, children, renderValues, open, onOpenChange, portalContainer }, ref) => {
+var MultiSelect = React$1.forwardRef(({ value, size = "large", label, error, onValueChange, invisible, disabled, placeholder, modalPopover = true, includeClear = true, includeSelectAll = true, useChips = true, className, inputClassName, inputRef, children, renderValues, open, onOpenChange, portalContainer, "aria-label": ariaLabel }, ref) => {
 	const [isMounted, setIsMounted] = useState(false);
 	const [isPopoverOpen, setIsPopoverOpen] = useState(open ?? false);
 	const [selectedValues, setSelectedValues] = useState(value ?? []);
@@ -4659,6 +4659,7 @@ var MultiSelect = React$1.forwardRef(({ value, size = "large", label, error, onV
 				asChild: true,
 				children: /* @__PURE__ */ jsx("button", {
 					ref: inputRef ?? ref,
+					"aria-label": ariaLabel ?? (typeof label === "string" ? label : void 0),
 					onClick: handleTogglePopover,
 					className: cls({
 						"min-h-[28px]": size === "smallest",