@estiva-app/ui 0.12.8 → 0.12.9

package/dist/ChipInput.d.ts

@@ -68,6 +68,14 @@ export interface ChipInputProps<T extends ChipInputOption = ChipInputOption> {
     rowLeading?: (option: T) => ReactNode;
     /** Set by a `Field` with `required`; a caller inside one owes nothing. */
     'aria-required'?: boolean | 'true' | 'false';
+    /**
+     * The field's name, for a caller that is not inside a `Field` — a `Field`'s
+     * label names it already. With neither this nor `aria-labelledby`, the
+     * placeholder is the name, and it stays the name once a chip is in.
+     */
+    'aria-label'?: string;
+    /** The id of what names the field on the page — a visible "To:", say. */
+    'aria-labelledby'?: string;
 }
 export declare function ChipInput<T extends ChipInputOption = ChipInputOption>({ value, onChange, options, placeholder, autoFocus, excludeIds, chipLeading, rowLeading, ...aria }: ChipInputProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=ChipInput.d.ts.map

package/dist/ChipInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChipInput.d.ts","sourceRoot":"","sources":["../src/ChipInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAsB7E;;;;;;;;;;GAUG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,+BAoBhF;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe;IACzE,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAA;IAC7B,4CAA4C;IAC5C,OAAO,EAAE,CAAC,EAAE,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,qDAAqD;IACrD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAA;IACtC,6CAA6C;IAC7C,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAA;IACrC,0EAA0E;IAC1E,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;CAC7C;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,EAAE,EACrE,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAuB,EACvB,SAAS,EACT,UAAe,EACf,WAAW,EACX,UAAU,EACV,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,CAAC,CAAC,+BAkInB"}
+{"version":3,"file":"ChipInput.d.ts","sourceRoot":"","sources":["../src/ChipInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAuB7E;;;;;;;;;;GAUG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,+BAwBhF;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe;IACzE,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAA;IAC7B,4CAA4C;IAC5C,OAAO,EAAE,CAAC,EAAE,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,qDAAqD;IACrD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAA;IACtC,6CAA6C;IAC7C,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAA;IACrC,0EAA0E;IAC1E,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;IAC5C;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yEAAyE;IACzE,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,EAAE,EACrE,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAuB,EACvB,SAAS,EACT,UAAe,EACf,WAAW,EACX,UAAU,EACV,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,CAAC,CAAC,+BAkJnB"}

package/dist/index.js

@@ -487,6 +487,7 @@ function Chip({ type = "neutral", label, leadingIcon, trailingIcon, className })
 
 // src/ChipInput.tsx
 import { useMemo, useState as useState2 } from "react";
+import { Button as BaseButton3 } from "@base-ui/react/button";
 import { Combobox } from "@base-ui/react/combobox";
 import { IconX as IconX2 } from "@tabler/icons-react";
 
@@ -743,7 +744,7 @@ function InputChip({ label, leading, onRemove, className }) {
     leading && /* @__PURE__ */ jsx15("span", { className: "flex shrink-0 items-center", children: leading }),
     /* @__PURE__ */ jsx15("span", { className: CHIP_LABEL, children: label }),
     onRemove && /* @__PURE__ */ jsx15(
-      "button",
+      BaseButton3,
       {
         type: "button",
         onClick: (e) => {
@@ -784,6 +785,11 @@ function ChipInput({
     []
   );
   const open = query.trim().length > 0;
+  const ariaLabel = aria["aria-label"] ?? (value.length > 0 ? placeholder : void 0);
+  const naming = {
+    ...ariaLabel !== void 0 && { "aria-label": ariaLabel },
+    ...aria["aria-labelledby"] !== void 0 && { "aria-labelledby": aria["aria-labelledby"] }
+  };
   function removeLast() {
     if (value.length > 0) onChange(value.slice(0, -1));
   }
@@ -829,6 +835,7 @@ function ChipInput({
               autoFocus,
               placeholder: value.length === 0 ? placeholder : "",
               "aria-required": aria["aria-required"],
+              ...naming,
               onKeyDown: onInputKeyDown,
               className: "flex-1 min-w-[120px] bg-transparent text-body-2 text-text-primary placeholder:text-text-muted outline-none border-none"
             }
@@ -914,13 +921,13 @@ function Person({ name, picture, fallback = "\u2014", size = 20, className }) {
 }
 
 // src/PersonTrigger.tsx
-import { Button as BaseButton3 } from "@base-ui/react/button";
+import { Button as BaseButton4 } from "@base-ui/react/button";
 import { IconChevronDown } from "@tabler/icons-react";
 import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 function PersonTrigger({ name, picture, fallback, size, open = false, compact = false, className, ...props }) {
   if (compact) {
     return /* @__PURE__ */ jsx18(
-      BaseButton3,
+      BaseButton4,
       {
         type: "button",
         "aria-haspopup": "menu",
@@ -933,7 +940,7 @@ function PersonTrigger({ name, picture, fallback, size, open = false, compact =
     );
   }
   return /* @__PURE__ */ jsxs12(
-    BaseButton3,
+    BaseButton4,
     {
       type: "button",
       "aria-haspopup": "menu",