@openwarelabs/ui 0.9.0 → 0.10.1

package/dist/index.js

@@ -97,7 +97,7 @@ function buttonClassName({
     iconOnly && "ow-button--icon-only"
   );
 }
-var Button = forwardRef(function Button2({
+var Button = /* @__PURE__ */ forwardRef(function Button2({
   children,
   className,
   disabled,
@@ -189,33 +189,33 @@ function icon(paths) {
     );
   };
 }
-var CheckIcon = icon(/* @__PURE__ */ jsx4("path", { d: "M20 6 9 17l-5-5" }));
-var ChevronDownIcon = icon(/* @__PURE__ */ jsx4("path", { d: "m6 9 6 6 6-6" }));
-var SearchIcon = icon(
+var CheckIcon = /* @__PURE__ */ icon(/* @__PURE__ */ jsx4("path", { d: "M20 6 9 17l-5-5" }));
+var ChevronDownIcon = /* @__PURE__ */ icon(/* @__PURE__ */ jsx4("path", { d: "m6 9 6 6 6-6" }));
+var SearchIcon = /* @__PURE__ */ icon(
   /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx4("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ jsx4("path", { d: "m21 21-4.3-4.3" })
   ] })
 );
-var CornerDownLeftIcon = icon(
+var CornerDownLeftIcon = /* @__PURE__ */ icon(
   /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx4("polyline", { points: "9 10 4 15 9 20" }),
     /* @__PURE__ */ jsx4("path", { d: "M20 4v7a4 4 0 0 1-4 4H4" })
   ] })
 );
-var XIcon = icon(
+var XIcon = /* @__PURE__ */ icon(
   /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx4("path", { d: "M18 6 6 18" }),
     /* @__PURE__ */ jsx4("path", { d: "m6 6 12 12" })
   ] })
 );
-var UserIcon = icon(
+var UserIcon = /* @__PURE__ */ icon(
   /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx4("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
     /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "7", r: "4" })
   ] })
 );
-var TrashIcon = icon(
+var TrashIcon = /* @__PURE__ */ icon(
   /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx4("path", { d: "M3 6h18" }),
     /* @__PURE__ */ jsx4("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
@@ -224,57 +224,56 @@ var TrashIcon = icon(
     /* @__PURE__ */ jsx4("line", { x1: "14", x2: "14", y1: "11", y2: "17" })
   ] })
 );
-var CircleCheckIcon = icon(
+var CircleCheckIcon = /* @__PURE__ */ icon(
   /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ jsx4("path", { d: "m9 12 2 2 4-4" })
   ] })
 );
-var CircleAlertIcon = icon(
+var CircleAlertIcon = /* @__PURE__ */ icon(
   /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ jsx4("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
     /* @__PURE__ */ jsx4("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
   ] })
 );
-var ChevronRightIcon = icon(/* @__PURE__ */ jsx4("path", { d: "m9 18 6-6-6-6" }));
-var ChevronLeftIcon = icon(/* @__PURE__ */ jsx4("path", { d: "m15 18-6-6 6-6" }));
-var ChevronUpIcon = icon(/* @__PURE__ */ jsx4("path", { d: "m18 15-6-6-6 6" }));
-var MinusIcon = icon(/* @__PURE__ */ jsx4("path", { d: "M5 12h14" }));
-var PlusIcon = icon(
+var ChevronRightIcon = /* @__PURE__ */ icon(/* @__PURE__ */ jsx4("path", { d: "m9 18 6-6-6-6" }));
+var ChevronLeftIcon = /* @__PURE__ */ icon(/* @__PURE__ */ jsx4("path", { d: "m15 18-6-6 6-6" }));
+var MinusIcon = /* @__PURE__ */ icon(/* @__PURE__ */ jsx4("path", { d: "M5 12h14" }));
+var PlusIcon = /* @__PURE__ */ icon(
   /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx4("path", { d: "M5 12h14" }),
     /* @__PURE__ */ jsx4("path", { d: "M12 5v14" })
   ] })
 );
-var InfoIcon = icon(
+var InfoIcon = /* @__PURE__ */ icon(
   /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ jsx4("path", { d: "M12 16v-4" }),
     /* @__PURE__ */ jsx4("path", { d: "M12 8h.01" })
   ] })
 );
-var TriangleAlertIcon = icon(
+var TriangleAlertIcon = /* @__PURE__ */ icon(
   /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx4("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
     /* @__PURE__ */ jsx4("path", { d: "M12 9v4" }),
     /* @__PURE__ */ jsx4("path", { d: "M12 17h.01" })
   ] })
 );
-var PipetteIcon = icon(
+var PipetteIcon = /* @__PURE__ */ icon(
   /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx4("path", { d: "m2 22 1-1h3l9-9" }),
     /* @__PURE__ */ jsx4("path", { d: "M3 21v-3l9-9" }),
     /* @__PURE__ */ jsx4("path", { d: "m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z" })
   ] })
 );
-var CopyIcon = icon(
+var CopyIcon = /* @__PURE__ */ icon(
   /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx4("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
     /* @__PURE__ */ jsx4("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
   ] })
 );
-var CalendarIcon = icon(
+var CalendarIcon = /* @__PURE__ */ icon(
   /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx4("path", { d: "M8 2v4" }),
     /* @__PURE__ */ jsx4("path", { d: "M16 2v4" }),
@@ -282,62 +281,55 @@ var CalendarIcon = icon(
     /* @__PURE__ */ jsx4("path", { d: "M3 10h18" })
   ] })
 );
-var FileIcon = icon(
+var FileIcon = /* @__PURE__ */ icon(
   /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx4("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
     /* @__PURE__ */ jsx4("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" })
   ] })
 );
-var FolderIcon = icon(
+var FolderIcon = /* @__PURE__ */ icon(
   /* @__PURE__ */ jsx4("path", { d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" })
 );
-var FolderOpenIcon = icon(
+var FolderOpenIcon = /* @__PURE__ */ icon(
   /* @__PURE__ */ jsx4("path", { d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2" })
 );
-var UploadIcon = icon(
+var UploadIcon = /* @__PURE__ */ icon(
   /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx4("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
     /* @__PURE__ */ jsx4("polyline", { points: "17 8 12 3 7 8" }),
     /* @__PURE__ */ jsx4("line", { x1: "12", x2: "12", y1: "3", y2: "15" })
   ] })
 );
-var ArrowUpRightIcon = icon(
+var ArrowUpRightIcon = /* @__PURE__ */ icon(
   /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx4("path", { d: "M7 7h10v10" }),
     /* @__PURE__ */ jsx4("path", { d: "M7 17 17 7" })
   ] })
 );
-var ArrowUpIcon = icon(
+var ArrowUpIcon = /* @__PURE__ */ icon(
   /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx4("path", { d: "m5 12 7-7 7 7" }),
     /* @__PURE__ */ jsx4("path", { d: "M12 19V5" })
   ] })
 );
-var ArrowDownIcon = icon(
+var ArrowDownIcon = /* @__PURE__ */ icon(
   /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx4("path", { d: "M12 5v14" }),
     /* @__PURE__ */ jsx4("path", { d: "m19 12-7 7-7-7" })
   ] })
 );
-var ChevronsUpDownIcon = icon(
+var ChevronsUpDownIcon = /* @__PURE__ */ icon(
   /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx4("path", { d: "m7 15 5 5 5-5" }),
     /* @__PURE__ */ jsx4("path", { d: "m7 9 5-5 5 5" })
   ] })
 );
-var InboxIcon = icon(
+var InboxIcon = /* @__PURE__ */ icon(
   /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx4("polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12" }),
     /* @__PURE__ */ jsx4("path", { d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" })
   ] })
 );
-var EllipsisIcon = icon(
-  /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "1" }),
-    /* @__PURE__ */ jsx4("circle", { cx: "19", cy: "12", r: "1" }),
-    /* @__PURE__ */ jsx4("circle", { cx: "5", cy: "12", r: "1" })
-  ] })
-);
 
 // src/components/Button/ButtonGroup.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
@@ -356,7 +348,7 @@ function ButtonGroup({ attached = true, orientation = "horizontal", className, .
     }
   );
 }
-var CloseButton = forwardRef2(function CloseButton2({ size: size2 = "md", label = "Close", className, type = "button", ...buttonProps }, ref) {
+var CloseButton = /* @__PURE__ */ forwardRef2(function CloseButton2({ size: size2 = "md", label = "Close", className, type = "button", ...buttonProps }, ref) {
   return /* @__PURE__ */ jsx5(
     "button",
     {
@@ -369,7 +361,7 @@ var CloseButton = forwardRef2(function CloseButton2({ size: size2 = "md", label
     }
   );
 });
-var ToggleButton = forwardRef2(function ToggleButton2({ pressed, defaultPressed = false, onPressedChange, onClick, className, variant = "secondary", ...buttonProps }, ref) {
+var ToggleButton = /* @__PURE__ */ forwardRef2(function ToggleButton2({ pressed, defaultPressed = false, onPressedChange, onClick, className, variant = "secondary", ...buttonProps }, ref) {
   const [isPressed, setPressed] = useControllableState(pressed, defaultPressed, onPressedChange);
   return /* @__PURE__ */ jsx5(
     Button,
@@ -502,7 +494,7 @@ function SegmentedControl({
 // src/components/ChoiceCard/ChoiceCard.tsx
 import { forwardRef as forwardRef3 } from "react";
 import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
-var ChoiceCard = forwardRef3(function ChoiceCard2({ className, description, icon: icon2, recommended = false, shortcut, title, type = "button", ...buttonProps }, ref) {
+var ChoiceCard = /* @__PURE__ */ forwardRef3(function ChoiceCard2({ className, description, icon: icon2, recommended = false, shortcut, title, type = "button", ...buttonProps }, ref) {
   return /* @__PURE__ */ jsxs4(
     "button",
     {
@@ -629,7 +621,7 @@ import {
   useRef as useRef4
 } from "react";
 import { jsx as jsx9 } from "react/jsx-runtime";
-var ToolbarContext = createContext(null);
+var ToolbarContext = /* @__PURE__ */ createContext(null);
 var candidates = 'button, a[href], input:not([type="hidden"]), select, textarea, [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], [tabindex]';
 var textTypes = ["text", "search", "url", "tel", "password", "email"];
 var pressTypes = ["button", "checkbox", "submit", "reset", "image", "file", "color"];
@@ -661,7 +653,7 @@ function keepsKey(element, key, forward) {
   if (selectionStart === null || selectionEnd === null || selectionStart !== selectionEnd) return true;
   return forward ? selectionEnd < value.length : selectionStart > 0;
 }
-var Toolbar = forwardRef4(function Toolbar2({ orientation = "horizontal", variant = "raised", size: size2 = "md", className, children, onKeyDown, onFocus, ...props }, forwardedRef) {
+var Toolbar = /* @__PURE__ */ forwardRef4(function Toolbar2({ orientation = "horizontal", variant = "raised", size: size2 = "md", className, children, onKeyDown, onFocus, ...props }, forwardedRef) {
   const rootRef = useRef4(null);
   const activeRef = useRef4(null);
   const activeIndex = useRef4(0);
@@ -1071,12 +1063,12 @@ import {
   useRef as useRef7
 } from "react";
 import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
-var CheckboxGroupContext = createContext2(null);
+var CheckboxGroupContext = /* @__PURE__ */ createContext2(null);
 function assignRef(ref, value) {
   if (typeof ref === "function") ref(value);
   else if (ref) ref.current = value;
 }
-var Checkbox = forwardRef5(function Checkbox2({
+var Checkbox = /* @__PURE__ */ forwardRef5(function Checkbox2({
   className,
   size: size2 = "md",
   tone = "primary",
@@ -1256,7 +1248,7 @@ function Alert({
 
 // src/components/Form/Form.tsx
 import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
-var FormContext = createContext3(null);
+var FormContext = /* @__PURE__ */ createContext3(null);
 var checks = [
   "valueMissing",
   "typeMismatch",
@@ -1301,7 +1293,7 @@ function sameErrors(a, b) {
   const keys = Object.keys(a);
   return keys.length === Object.keys(b).length && keys.every((key) => a[key] === b[key]);
 }
-var Form = forwardRef6(function Form2({ onSubmit, validate, validationErrors, children, className, onChange, onBlur, onReset, ...formProps }, ref) {
+var Form = /* @__PURE__ */ forwardRef6(function Form2({ onSubmit, validate, validationErrors, children, className, onChange, onBlur, onReset, ...formProps }, ref) {
   const formRef = useRef8(null);
   const fields = useRef8(/* @__PURE__ */ new Set());
   const [local, setLocal] = useState7({});
@@ -1582,7 +1574,7 @@ function Field({ label, children, hint, error, name: nameProp, errorMessages, cl
 // src/components/Input/Input.tsx
 import { forwardRef as forwardRef7 } from "react";
 import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
-var Input = forwardRef7(function Input2({ className, isInvalid = false, size: size2 = "md", startContent, endContent, ...inputProps }, ref) {
+var Input = /* @__PURE__ */ forwardRef7(function Input2({ className, isInvalid = false, size: size2 = "md", startContent, endContent, ...inputProps }, ref) {
   const invalid = isInvalid || void 0;
   if (startContent === void 0 && endContent === void 0) {
     return /* @__PURE__ */ jsx16(
@@ -1621,7 +1613,7 @@ function assignRef2(ref, value) {
   if (typeof ref === "function") ref(value);
   else if (ref) ref.current = value;
 }
-var SearchField = forwardRef8(function SearchField2({
+var SearchField = /* @__PURE__ */ forwardRef8(function SearchField2({
   value,
   defaultValue = "",
   onChange,
@@ -1681,7 +1673,7 @@ var SearchField = forwardRef8(function SearchField2({
 import { forwardRef as forwardRef9, useState as useState9 } from "react";
 import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 var decimals = (step) => (String(step).split(".")[1] ?? "").length;
-var NumberField = forwardRef9(function NumberField2({
+var NumberField = /* @__PURE__ */ forwardRef9(function NumberField2({
   value,
   defaultValue = null,
   onChange,
@@ -2392,7 +2384,7 @@ function dateLayout(locale) {
   }
   return layout;
 }
-var DateField = forwardRef10(function DateField2({
+var DateField = /* @__PURE__ */ forwardRef10(function DateField2({
   value,
   defaultValue = "",
   onChange,
@@ -2555,7 +2547,7 @@ function timeLayout(locale, twelve, seconds) {
   if (twelve && !layout.some((part) => part.type === "dayPeriod")) layout.push({ type: "literal", text: " " }, { type: "dayPeriod" });
   return { layout, am: periodOf(1) ?? "AM", pm: periodOf(13) ?? "PM" };
 }
-var TimeField = forwardRef11(function TimeField2({
+var TimeField = /* @__PURE__ */ forwardRef11(function TimeField2({
   value,
   defaultValue = "",
   onChange,
@@ -2742,7 +2734,7 @@ function assignRef3(ref, element) {
   if (typeof ref === "function") ref(element);
   else if (ref) ref.current = element;
 }
-var Textarea = forwardRef12(function Textarea2({
+var Textarea = /* @__PURE__ */ forwardRef12(function Textarea2({
   autoGrow = false,
   autoGrowMaxHeight = defaultAutoGrowMaxHeight,
   bare = false,
@@ -3311,7 +3303,7 @@ function ListBoxWithRef({
     );
   };
   const isEmpty = flat.length === 0;
-  const describedBy = [ariaDescribedBy, isEmpty ? emptyId : void 0].filter(Boolean).join(" ") || void 0;
+  const describedBy = ariaDescribedBy;
   return /* @__PURE__ */ jsxs16(
     "div",
     {
@@ -3354,13 +3346,15 @@ function ListBoxWithRef({
             item.options.map(renderOption)
           ] }, `group-${item.label}-${groupIndex}`) : renderOption(item)
         ),
-        isEmpty ? /* @__PURE__ */ jsx25("div", { id: emptyId, className: "ow-listbox__empty", role: "presentation", children: emptyMessage }) : null
+        isEmpty ? (
+          // A listbox holds options, so an empty one says so with one that can't be chosen.
+          /* @__PURE__ */ jsx25("div", { id: emptyId, className: "ow-listbox__empty", role: "option", "aria-disabled": "true", "aria-selected": "false", children: emptyMessage })
+        ) : null
       ]
     }
   );
 }
-var ForwardedListBox = forwardRef13(ListBoxWithRef);
-ForwardedListBox.displayName = "ListBox";
+var ForwardedListBox = /* @__PURE__ */ Object.assign(/* @__PURE__ */ forwardRef13(ListBoxWithRef), { displayName: "ListBox" });
 var ListBox = ForwardedListBox;
 
 // src/components/Combobox/Combobox.tsx
@@ -3377,7 +3371,7 @@ function assignRef4(ref, value) {
   if (typeof ref === "function") ref(value);
   else if (ref) ref.current = value;
 }
-var Combobox = forwardRef14(function Combobox2({
+var Combobox = /* @__PURE__ */ forwardRef14(function Combobox2({
   options,
   value,
   defaultValue = "",
@@ -3603,7 +3597,7 @@ var Combobox = forwardRef14(function Combobox2({
 // src/components/RadioGroup/RadioGroup.tsx
 import { createContext as createContext4, useContext as useContext6, useId as useId6 } from "react";
 import { jsx as jsx27, jsxs as jsxs18 } from "react/jsx-runtime";
-var RadioGroupContext = createContext4(null);
+var RadioGroupContext = /* @__PURE__ */ createContext4(null);
 function RadioGroup({
   label,
   description,
@@ -3666,7 +3660,7 @@ function Radio({ value, children, description, disabled, className, ...inputProp
 // src/components/Switch/Switch.tsx
 import { forwardRef as forwardRef15 } from "react";
 import { jsx as jsx28 } from "react/jsx-runtime";
-var Switch = forwardRef15(function Switch2({ checked, onChange, label, className, disabled, ...buttonProps }, ref) {
+var Switch = /* @__PURE__ */ forwardRef15(function Switch2({ checked, onChange, label, className, disabled, ...buttonProps }, ref) {
   return /* @__PURE__ */ jsx28(
     "button",
     {
@@ -3886,7 +3880,7 @@ function FileDropZone({
 // src/components/Calendar/Calendar.tsx
 import { forwardRef as forwardRef16, useEffect as useEffect14, useImperativeHandle, useMemo as useMemo8, useRef as useRef20, useState as useState17 } from "react";
 import { jsx as jsx31, jsxs as jsxs21 } from "react/jsx-runtime";
-var Calendar = forwardRef16(function Calendar2({ value, defaultValue = "", onChange, min, max, isDateDisabled, locale, weekStartsOn = 1, autoFocus = false, className }, ref) {
+var Calendar = /* @__PURE__ */ forwardRef16(function Calendar2({ value, defaultValue = "", onChange, min, max, isDateDisabled, locale, weekStartsOn = 1, autoFocus = false, className }, ref) {
   const [selected, setSelected] = useControllableState(value, defaultValue, onChange);
   const today = todayISO();
   const [focused, setFocused] = useState17(() => selected || clampDate(today, min, max));
@@ -4080,7 +4074,7 @@ function assignRef5(ref, value) {
   if (typeof ref === "function") ref(value);
   else if (ref) ref.current = value;
 }
-var DatePicker = forwardRef17(function DatePicker2({
+var DatePicker = /* @__PURE__ */ forwardRef17(function DatePicker2({
   value,
   defaultValue = "",
   onChange,
@@ -4123,9 +4117,9 @@ var DatePicker = forwardRef17(function DatePicker2({
         "aria-haspopup": "dialog",
         "aria-expanded": isOpen,
         "aria-controls": isOpen ? panelId : void 0,
-        "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledBy,
-        "aria-describedby": [`${panelId}-value`, ariaDescribedBy].filter(Boolean).join(" "),
+        "aria-label": ariaLabel && !ariaLabelledBy ? `${ariaLabel}, ${label}` : void 0,
+        "aria-labelledby": ariaLabelledBy ? `${ariaLabelledBy} ${panelId}-value` : void 0,
+        "aria-describedby": ariaDescribedBy,
         "aria-invalid": isInvalid || void 0,
         disabled,
         className: cx(
@@ -4180,7 +4174,7 @@ var DatePicker = forwardRef17(function DatePicker2({
 // src/components/Calendar/RangeCalendar.tsx
 import { forwardRef as forwardRef18, useEffect as useEffect15, useId as useId10, useImperativeHandle as useImperativeHandle2, useRef as useRef22, useState as useState19 } from "react";
 import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
-var RangeCalendar = forwardRef18(function RangeCalendar2({ value, defaultValue = null, onChange, min, max, isDateDisabled, locale, weekStartsOn = 1, visibleMonths = 1, autoFocus = false, className }, ref) {
+var RangeCalendar = /* @__PURE__ */ forwardRef18(function RangeCalendar2({ value, defaultValue = null, onChange, min, max, isDateDisabled, locale, weekStartsOn = 1, visibleMonths = 1, autoFocus = false, className }, ref) {
   const months = visibleMonths;
   const [range, setRange] = useControllableState(value, defaultValue, onChange);
   const today = todayISO();
@@ -4363,7 +4357,7 @@ function useMediaQuery(query) {
   }, [query]);
   return matches2;
 }
-var DateRangePicker = forwardRef19(function DateRangePicker2({
+var DateRangePicker = /* @__PURE__ */ forwardRef19(function DateRangePicker2({
   value,
   defaultValue = null,
   onChange,
@@ -4428,9 +4422,9 @@ var DateRangePicker = forwardRef19(function DateRangePicker2({
               "aria-haspopup": "dialog",
               "aria-expanded": isOpen,
               "aria-controls": isOpen ? panelId : void 0,
-              "aria-label": ariaLabel,
-              "aria-labelledby": ariaLabelledBy,
-              "aria-describedby": [`${panelId}-value`, ariaDescribedBy].filter(Boolean).join(" "),
+              "aria-label": ariaLabel && !ariaLabelledBy ? `${ariaLabel}, ${label}` : void 0,
+              "aria-labelledby": ariaLabelledBy ? `${ariaLabelledBy} ${panelId}-value` : void 0,
+              "aria-describedby": ariaDescribedBy,
               "aria-invalid": isInvalid || void 0,
               disabled,
               className: cx("ow-select", "ow-date-range-picker__trigger", `ow-select--${size2}`, {
@@ -5172,7 +5166,7 @@ function useMenuKeyboard({
 
 // src/components/Menu/Menu.tsx
 import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
-var MenuContext = createContext5(null);
+var MenuContext = /* @__PURE__ */ createContext5(null);
 function Menu({ trigger, children, label, align = "start", above = false, width, defaultOpen = false, className }) {
   const [open, setOpen] = useState24(defaultOpen);
   const rootRef = useRef27(null);
@@ -5239,7 +5233,7 @@ function Menu({ trigger, children, label, align = "start", above = false, width,
     ) : null
   ] });
 }
-var MenuItem = forwardRef20(function MenuItem2({ icon: icon2, onSelect, destructive = false, shortcut, className, children, onClick, ...buttonProps }, ref) {
+var MenuItem = /* @__PURE__ */ forwardRef20(function MenuItem2({ icon: icon2, onSelect, destructive = false, shortcut, className, children, onClick, ...buttonProps }, ref) {
   const menu = useContext7(MenuContext);
   return /* @__PURE__ */ jsxs32(
     "button",
@@ -5413,7 +5407,7 @@ import {
   useRef as useRef29
 } from "react";
 import { jsx as jsx45, jsxs as jsxs34 } from "react/jsx-runtime";
-var TabsContext = createContext6(null);
+var TabsContext = /* @__PURE__ */ createContext6(null);
 function useTabs(component) {
   const context = useContext8(TabsContext);
   if (!context) throw new Error(`${component} must be inside <Tabs>.`);
@@ -5584,7 +5578,7 @@ function Disclosure({
     }
   );
 }
-var AccordionContext = createContext7(null);
+var AccordionContext = /* @__PURE__ */ createContext7(null);
 function Accordion({
   type = "single",
   value,
@@ -5647,7 +5641,7 @@ function Breadcrumbs({ items: items2, separator = "chevron", label = "Breadcrumb
 function linkClassName({ variant = "default" } = {}) {
   return cx("ow-link", `ow-link--${variant}`);
 }
-var Link = forwardRef21(function Link2({ variant = "default", external = false, className, children, target, rel, ...props }, ref) {
+var Link = /* @__PURE__ */ forwardRef21(function Link2({ variant = "default", external = false, className, children, target, rel, ...props }, ref) {
   return /* @__PURE__ */ jsxs36(
     "a",
     {
@@ -5800,7 +5794,7 @@ function NavList({ label, heading, orientation = "vertical", children, className
     children
   ] });
 }
-var NavItem = forwardRef22(function NavItem2({ icon: icon2, active = false, className, children, type = "button", href, end, ...buttonProps }, ref) {
+var NavItem = /* @__PURE__ */ forwardRef22(function NavItem2({ icon: icon2, active = false, className, children, type = "button", href, end, ...buttonProps }, ref) {
   const content = /* @__PURE__ */ jsxs39(Fragment9, { children: [
     icon2 ? /* @__PURE__ */ jsx50("span", { className: "ow-nav__icon", children: icon2 }) : null,
     /* @__PURE__ */ jsx50("span", { className: "ow-nav__label", children }),
@@ -6173,7 +6167,8 @@ function Avatar({ name, src, size: size2 = "md", label, className }) {
       className: cx("ow-avatar", sizing.className, !initials && !showImage && "ow-avatar--empty", className),
       style: sizing.style,
       ...label ? { role: "img", "aria-label": label } : { "aria-hidden": true },
-      children: showImage ? /* @__PURE__ */ jsx56("img", { src, alt: "", className: "ow-avatar__image", onError: () => setFailedImage(src) }) : initials || /* @__PURE__ */ jsx56(UserIcon, { size: Math.round(sizing.pixels * 0.52) })
+      "data-initials": !showImage && initials ? initials : void 0,
+      children: showImage ? /* @__PURE__ */ jsx56("img", { src, alt: "", className: "ow-avatar__image", onError: () => setFailedImage(src) }) : initials ? null : /* @__PURE__ */ jsx56(UserIcon, { size: Math.round(sizing.pixels * 0.52) })
     }
   );
 }
@@ -6401,14 +6396,31 @@ function DotGrid({ fade = false, interactive = false, className, children, onPoi
 }
 
 // src/components/Prose/Prose.tsx
-import { forwardRef as forwardRef23 } from "react";
+import { forwardRef as forwardRef23, useEffect as useEffect26, useRef as useRef34 } from "react";
 import { jsx as jsx62 } from "react/jsx-runtime";
-var Prose = forwardRef23(function Prose2({ size: size2 = "md", fullWidth = false, as = "div", className, children, ...props }, ref) {
+var Prose = /* @__PURE__ */ forwardRef23(function Prose2({ size: size2 = "md", fullWidth = false, as = "div", className, children, ...props }, ref) {
   const Element2 = as;
+  const root = useRef34(null);
+  useEffect26(() => {
+    const element = root.current;
+    if (!element) return;
+    for (const scroller of element.querySelectorAll("pre, .ow-table-wrap")) {
+      if (scroller.scrollWidth > scroller.clientWidth && !scroller.hasAttribute("tabindex")) scroller.tabIndex = 0;
+    }
+    for (const box of element.querySelectorAll('li > input[type="checkbox"], li > p > input[type="checkbox"]')) {
+      if (box.labels?.length || box.hasAttribute("aria-label") || box.hasAttribute("aria-labelledby")) continue;
+      const text = box.closest("li")?.textContent?.trim();
+      if (text) box.setAttribute("aria-label", text);
+    }
+  });
   return /* @__PURE__ */ jsx62(
     Element2,
     {
-      ref,
+      ref: (node) => {
+        root.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref) ref.current = node;
+      },
       className: cx("ow-prose", `ow-prose--${size2}`, size2 === "md" ? "ow-type-prose" : "ow-type-copy", fullWidth && "ow-prose--full", className),
       ...props,
       children
@@ -6433,10 +6445,10 @@ function TextShimmer({ children, as = "span", duration = 2, active = true, class
 // src/components/PromptInput/PromptInput.tsx
 import {
   forwardRef as forwardRef24,
-  useEffect as useEffect26,
+  useEffect as useEffect27,
   useId as useId22,
   useLayoutEffect as useLayoutEffect7,
-  useRef as useRef34,
+  useRef as useRef35,
   useState as useState29
 } from "react";
 import { jsx as jsx64, jsxs as jsxs48 } from "react/jsx-runtime";
@@ -6526,7 +6538,7 @@ function accepts(file, accept) {
   });
 }
 var hasFiles = (event) => Array.from(event.dataTransfer.types).includes("Files");
-var PromptInput = forwardRef24(function PromptInput2({
+var PromptInput = /* @__PURE__ */ forwardRef24(function PromptInput2({
   value,
   defaultValue = "",
   onChange,
@@ -6558,13 +6570,13 @@ var PromptInput = forwardRef24(function PromptInput2({
   className
 }, ref) {
   const [text, setText] = useControllableState(value, defaultValue, onChange);
-  const textAreaRef = useRef34(null);
-  const actionRef = useRef34(null);
-  const pickerRef = useRef34(null);
-  const listRef = useRef34(null);
-  const composing = useRef34(false);
-  const dragDepth = useRef34(0);
-  const pendingFocus = useRef34(null);
+  const textAreaRef = useRef35(null);
+  const actionRef = useRef35(null);
+  const pickerRef = useRef35(null);
+  const listRef = useRef35(null);
+  const composing = useRef35(false);
+  const dragDepth = useRef35(0);
+  const pendingFocus = useRef35(null);
   const [isDragging, setIsDragging] = useState29(false);
   const [notice, setNotice] = useState29();
   const [announcement, setAnnouncement] = useState29("");
@@ -6587,7 +6599,7 @@ var PromptInput = forwardRef24(function PromptInput2({
     if (typeof ref === "function") ref(element);
     else if (ref) ref.current = element;
   }
-  useEffect26(() => {
+  useEffect27(() => {
     const textArea = textAreaRef.current;
     if (!textArea || typeof ResizeObserver === "undefined") return;
     let width = textArea.clientWidth;
@@ -6602,8 +6614,8 @@ var PromptInput = forwardRef24(function PromptInput2({
   useLayoutEffect7(() => {
     if (textAreaRef.current) resizeTextArea(textAreaRef.current);
   }, [size2, rows]);
-  const wasStreaming = useRef34(isStreaming);
-  const actionHadFocus = useRef34(false);
+  const wasStreaming = useRef35(isStreaming);
+  const actionHadFocus = useRef35(false);
   if (wasStreaming.current !== isStreaming) {
     actionHadFocus.current = typeof document !== "undefined" && document.activeElement === actionRef.current;
   }
@@ -6621,7 +6633,7 @@ var PromptInput = forwardRef24(function PromptInput2({
     const next = buttons?.length ? buttons[Math.min(pending.index, buttons.length - 1)] : void 0;
     (next ?? textAreaRef.current)?.focus();
   }, [attachments]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!showCounter || document.activeElement !== textAreaRef.current) return;
     const timer = window.setTimeout(() => {
       setAnnouncement(`${number(remaining)} ${remaining === 1 ? "character" : "characters"} left`);
@@ -6877,7 +6889,7 @@ var PromptInput = forwardRef24(function PromptInput2({
 // src/components/PromptInput/PromptSuggestion.tsx
 import { forwardRef as forwardRef25 } from "react";
 import { jsx as jsx65, jsxs as jsxs49 } from "react/jsx-runtime";
-var PromptSuggestion = forwardRef25(function PromptSuggestion2({ children, icon: icon2, description, variant = description ? "card" : "pill", type = "button", className, ...buttonProps }, ref) {
+var PromptSuggestion = /* @__PURE__ */ forwardRef25(function PromptSuggestion2({ children, icon: icon2, description, variant = description ? "card" : "pill", type = "button", className, ...buttonProps }, ref) {
   if (variant === "card") {
     return /* @__PURE__ */ jsxs49("button", { ref, type, className: cx("ow-prompt-suggestion", "ow-prompt-suggestion--card", className), ...buttonProps, children: [
       icon2 ? /* @__PURE__ */ jsx65("span", { className: "ow-prompt-suggestion__icon", children: icon2 }) : null,
@@ -6935,19 +6947,19 @@ import {
   createContext as createContext8,
   forwardRef as forwardRef26,
   useCallback as useCallback10,
-  useEffect as useEffect27,
+  useEffect as useEffect28,
   useImperativeHandle as useImperativeHandle3,
   useLayoutEffect as useLayoutEffect8,
   useMemo as useMemo12,
-  useRef as useRef35,
+  useRef as useRef36,
   useState as useState30
 } from "react";
 import { jsx as jsx66, jsxs as jsxs50 } from "react/jsx-runtime";
-var ChatConversationContext = createContext8(null);
+var ChatConversationContext = /* @__PURE__ */ createContext8(null);
 var stickyDistance = 32;
 var defaultCount = (count) => `${count} new`;
 var prefersReducedMotion = () => typeof window !== "undefined" && Boolean(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches);
-var ChatConversation = forwardRef26(function ChatConversation2({
+var ChatConversation = /* @__PURE__ */ forwardRef26(function ChatConversation2({
   children,
   empty,
   footer,
@@ -6959,13 +6971,13 @@ var ChatConversation = forwardRef26(function ChatConversation2({
   className,
   ...props
 }, ref) {
-  const scrollerRef = useRef35(null);
-  const contentRef = useRef35(null);
-  const jumpRef = useRef35(null);
-  const following = useRef35(true);
-  const lastTop = useRef35(0);
-  const ready = useRef35(false);
-  const unseen = useRef35(/* @__PURE__ */ new Set());
+  const scrollerRef = useRef36(null);
+  const contentRef = useRef36(null);
+  const jumpRef = useRef36(null);
+  const following = useRef36(true);
+  const lastTop = useRef36(0);
+  const ready = useRef36(false);
+  const unseen = useRef36(/* @__PURE__ */ new Set());
   const [isFollowing, setIsFollowing] = useState30(true);
   const [newCount, setNewCount] = useState30(0);
   const isEmpty = Children2.toArray(children).length === 0;
@@ -6994,10 +7006,10 @@ var ChatConversation = forwardRef26(function ChatConversation2({
   );
   useImperativeHandle3(ref, () => ({ scrollToBottom }), [scrollToBottom]);
   useLayoutEffect8(stick, [stick]);
-  useEffect27(() => {
+  useEffect28(() => {
     ready.current = true;
   }, []);
-  useEffect27(() => {
+  useEffect28(() => {
     const scroller = scrollerRef.current;
     const content = contentRef.current;
     if (!scroller || !content || typeof ResizeObserver === "undefined") return void 0;
@@ -7083,10 +7095,10 @@ var ChatConversation = forwardRef26(function ChatConversation2({
 import {
   forwardRef as forwardRef27,
   useContext as useContext10,
-  useEffect as useEffect28,
+  useEffect as useEffect29,
   useId as useId23,
   useLayoutEffect as useLayoutEffect9,
-  useRef as useRef36,
+  useRef as useRef37,
   useState as useState31
 } from "react";
 import { Fragment as Fragment10, jsx as jsx67, jsxs as jsxs51 } from "react/jsx-runtime";
@@ -7112,7 +7124,7 @@ function lucide(paths) {
     );
   };
 }
-var BotIcon = lucide(
+var BotIcon = /* @__PURE__ */ lucide(
   /* @__PURE__ */ jsxs51(Fragment10, { children: [
     /* @__PURE__ */ jsx67("path", { d: "M12 8V4H8" }),
     /* @__PURE__ */ jsx67("rect", { width: "16", height: "12", x: "4", y: "8", rx: "2" }),
@@ -7122,25 +7134,25 @@ var BotIcon = lucide(
     /* @__PURE__ */ jsx67("path", { d: "M9 13v2" })
   ] })
 );
-var RotateCcwIcon = lucide(
+var RotateCcwIcon = /* @__PURE__ */ lucide(
   /* @__PURE__ */ jsxs51(Fragment10, { children: [
     /* @__PURE__ */ jsx67("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
     /* @__PURE__ */ jsx67("path", { d: "M3 3v5h5" })
   ] })
 );
-var ThumbsUpIcon = lucide(
+var ThumbsUpIcon = /* @__PURE__ */ lucide(
   /* @__PURE__ */ jsxs51(Fragment10, { children: [
     /* @__PURE__ */ jsx67("path", { d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z" }),
     /* @__PURE__ */ jsx67("path", { d: "M7 10v12" })
   ] })
 );
-var ThumbsDownIcon = lucide(
+var ThumbsDownIcon = /* @__PURE__ */ lucide(
   /* @__PURE__ */ jsxs51(Fragment10, { children: [
     /* @__PURE__ */ jsx67("path", { d: "M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z" }),
     /* @__PURE__ */ jsx67("path", { d: "M17 14V2" })
   ] })
 );
-var PencilIcon = lucide(
+var PencilIcon = /* @__PURE__ */ lucide(
   /* @__PURE__ */ jsxs51(Fragment10, { children: [
     /* @__PURE__ */ jsx67("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }),
     /* @__PURE__ */ jsx67("path", { d: "m15 5 4 4" })
@@ -7232,15 +7244,15 @@ function useStreamingCaret(bodyRef, contentRef, caretRef, active) {
     };
   }, [active, bodyRef, contentRef, caretRef]);
 }
-var ChatMessage = forwardRef27(function ChatMessage2({ from, children, name, avatar, time, locale, status = "done", error, onRetry, retryLabel = "Retry", actions, showActions = "hover", className, ...props }, ref) {
+var ChatMessage = /* @__PURE__ */ forwardRef27(function ChatMessage2({ from, children, name, avatar, time, locale, status = "done", error, onRetry, retryLabel = "Retry", actions, showActions = "hover", className, ...props }, ref) {
   const conversation = useContext10(ChatConversationContext);
   const entering = useChatEntrance();
   const id = useId23();
-  const bodyRef = useRef36(null);
-  const contentRef = useRef36(null);
-  const caretRef = useRef36(null);
+  const bodyRef = useRef37(null);
+  const contentRef = useRef37(null);
+  const caretRef = useRef37(null);
   const streaming = status === "streaming";
-  useEffect28(() => conversation?.register(id), [conversation, id]);
+  useEffect29(() => conversation?.register(id), [conversation, id]);
   useStreamingCaret(bodyRef, contentRef, caretRef, streaming && from !== "system");
   if (from === "system") {
     return /* @__PURE__ */ jsx67(
@@ -7303,8 +7315,8 @@ var ChatMessage = forwardRef27(function ChatMessage2({ from, children, name, ava
 var defaultLabels = { copy: "Copy", copied: "Copied", edit: "Edit", retry: "Retry", good: "Good response", bad: "Bad response" };
 function CopyAction({ text, label, copiedLabel }) {
   const [copied, setCopied] = useState31(false);
-  const timer = useRef36(0);
-  useEffect28(() => () => window.clearTimeout(timer.current), []);
+  const timer = useRef37(0);
+  useEffect29(() => () => window.clearTimeout(timer.current), []);
   const current = copied ? copiedLabel : label;
   return /* @__PURE__ */ jsxs51(Fragment10, { children: [
     /* @__PURE__ */ jsx67(Tooltip, { label: current, children: /* @__PURE__ */ jsx67(
@@ -7397,7 +7409,7 @@ function ChatLoader({ label, inline = false, name, avatar, srLabel = "Working\u2
 }
 
 // src/components/ChatTool/ChatTool.tsx
-import { forwardRef as forwardRef28, useEffect as useEffect29, useId as useId24, useRef as useRef37, useState as useState32 } from "react";
+import { forwardRef as forwardRef28, useEffect as useEffect30, useId as useId24, useRef as useRef38, useState as useState32 } from "react";
 import { Fragment as Fragment11, jsx as jsx69, jsxs as jsxs53 } from "react/jsx-runtime";
 var statusWords = {
   pending: "Not started",
@@ -7483,9 +7495,9 @@ function useStatusExpansion({
   initial = wantsOpen
 }) {
   const [isOpen, setOpen] = useControllableState(expanded, defaultExpanded ?? initial, onExpandedChange);
-  const touched = useRef37(false);
-  const previous = useRef37(wantsOpen);
-  useEffect29(() => {
+  const touched = useRef38(false);
+  const previous = useRef38(wantsOpen);
+  useEffect30(() => {
     if (previous.current === wantsOpen) return;
     previous.current = wantsOpen;
     if (expanded !== void 0) return;
@@ -7511,8 +7523,8 @@ function ChatCollapse({
   className,
   children
 }) {
-  const ref = useRef37(null);
-  useEffect29(() => {
+  const ref = useRef38(null);
+  useEffect30(() => {
     if (ref.current) ref.current.inert = !open;
   }, [open]);
   return /* @__PURE__ */ jsx69("div", { ref, id, className: cx("ow-chat-collapse", bleed && "ow-chat-collapse--bleed"), "data-open": open, children: /* @__PURE__ */ jsx69("div", { className: "ow-chat-collapse__clip", children: /* @__PURE__ */ jsx69("div", { className, children }) }) });
@@ -7526,7 +7538,7 @@ function formatInput(input) {
     return String(input);
   }
 }
-var ChatTool = forwardRef28(function ChatTool2({
+var ChatTool = /* @__PURE__ */ forwardRef28(function ChatTool2({
   title,
   name,
   icon: icon2,
@@ -7549,10 +7561,10 @@ var ChatTool = forwardRef28(function ChatTool2({
   ...props
 }, ref) {
   const id = useId24();
-  const rootRef = useRef37(null);
-  const triggerRef = useRef37(null);
-  const messageRef = useRef37(null);
-  const decided = useRef37(false);
+  const rootRef = useRef38(null);
+  const triggerRef = useRef38(null);
+  const messageRef = useRef38(null);
+  const decided = useRef38(false);
   const [announcement, setAnnouncement] = useState32("");
   const needsApproval = status === "approval";
   const [isOpen, toggle] = useStatusExpansion({
@@ -7566,7 +7578,7 @@ var ChatTool = forwardRef28(function ChatTool2({
   const hasError = error !== void 0 && error !== null && error !== false && error !== "";
   const hasDetails = hasInput || hasOutput || hasError;
   const hasMeta = Boolean(summary) || duration !== void 0;
-  useEffect29(() => {
+  useEffect30(() => {
     if (!needsApproval) {
       setAnnouncement("");
       return;
@@ -7577,7 +7589,7 @@ var ChatTool = forwardRef28(function ChatTool2({
     }, 150);
     return () => window.clearTimeout(timer);
   }, [needsApproval]);
-  useEffect29(() => {
+  useEffect30(() => {
     if (needsApproval || !decided.current) return;
     decided.current = false;
     const active = document.activeElement;
@@ -7683,7 +7695,7 @@ var ChatTool = forwardRef28(function ChatTool2({
 import { forwardRef as forwardRef29, useId as useId25 } from "react";
 import { jsx as jsx70, jsxs as jsxs54 } from "react/jsx-runtime";
 var plural = (count, word) => `${count} ${word}${count === 1 ? "" : "s"}`;
-var ChainOfThought = forwardRef29(function ChainOfThought2({
+var ChainOfThought = /* @__PURE__ */ forwardRef29(function ChainOfThought2({
   steps = [],
   status = "success",
   duration,
@@ -7744,11 +7756,11 @@ var ChainOfThought = forwardRef29(function ChainOfThought2({
 });
 
 // src/components/ChatSource/ChatSource.tsx
-import { forwardRef as forwardRef30, useCallback as useCallback11, useEffect as useEffect30, useId as useId26, useRef as useRef38, useState as useState33 } from "react";
+import { forwardRef as forwardRef30, useCallback as useCallback11, useEffect as useEffect31, useId as useId26, useRef as useRef39, useState as useState33 } from "react";
 import { Fragment as Fragment12, jsx as jsx71, jsxs as jsxs55 } from "react/jsx-runtime";
 var openDelay = 250;
 var closeDelay = 150;
-var ChatSource = forwardRef30(function ChatSource2({
+var ChatSource = /* @__PURE__ */ forwardRef30(function ChatSource2({
   title,
   source,
   snippet,
@@ -7764,11 +7776,11 @@ var ChatSource = forwardRef30(function ChatSource2({
   className
 }, ref) {
   const id = useId26();
-  const wrapperRef = useRef38(null);
-  const chipRef = useRef38(null);
-  const cardRef = useRef38(null);
-  const timer = useRef38(0);
-  const pointer = useRef38("mouse");
+  const wrapperRef = useRef39(null);
+  const chipRef = useRef39(null);
+  const cardRef = useRef39(null);
+  const timer = useRef39(0);
+  const pointer = useRef39("mouse");
   const [open, setOpen] = useState33(false);
   const { mounted, state } = usePresence(open);
   const style = useFloating({ open: mounted, anchorRef: chipRef, floatingRef: cardRef, placement: "bottom-start", offset: 6, maxHeight: 360 });
@@ -7782,7 +7794,7 @@ var ChatSource = forwardRef30(function ChatSource2({
     setOpen(false);
   }, []);
   useDismiss(open, [wrapperRef], close);
-  useEffect30(() => () => window.clearTimeout(timer.current), []);
+  useEffect31(() => () => window.clearTimeout(timer.current), []);
   const name = ariaLabel ?? (index !== void 0 ? `Source ${index}` : label ?? "Source");
   const describedBy = [`${id}-title`, source ? `${id}-source` : null, snippet ? `${id}-snippet` : null].filter(Boolean).join(" ");
   const externalProps = external ? { target: "_blank", rel: "noopener noreferrer" } : {};
@@ -7847,7 +7859,7 @@ var ChatSource = forwardRef30(function ChatSource2({
     }
   );
 });
-var ChatSources = forwardRef30(function ChatSources2({ sources, label, expanded, defaultExpanded = false, onExpandedChange, className, ...props }, ref) {
+var ChatSources = /* @__PURE__ */ forwardRef30(function ChatSources2({ sources, label, expanded, defaultExpanded = false, onExpandedChange, className, ...props }, ref) {
   const id = useId26();
   const [isOpen, setOpen] = useControllableState(expanded, defaultExpanded, onExpandedChange);
   if (sources.length === 0) return null;
@@ -7888,7 +7900,7 @@ var ChatSources = forwardRef30(function ChatSources2({ sources, label, expanded,
 });
 
 // src/components/ColorPicker/ColorPicker.tsx
-import { forwardRef as forwardRef31, useCallback as useCallback12, useEffect as useEffect31, useId as useId27, useRef as useRef39, useState as useState34 } from "react";
+import { forwardRef as forwardRef31, useCallback as useCallback12, useEffect as useEffect32, useId as useId27, useRef as useRef40, useState as useState34 } from "react";
 import { HexAlphaColorPicker, HexColorInput, HexColorPicker } from "react-colorful";
 import { Fragment as Fragment13, jsx as jsx72, jsxs as jsxs56 } from "react/jsx-runtime";
 var swatchColor = (swatch) => typeof swatch === "string" ? swatch : swatch.color;
@@ -7907,9 +7919,9 @@ function ColorPicker({
 }) {
   const [color, setColor] = useControllableState(value, defaultValue, onChange);
   const [canPick, setCanPick] = useState34(false);
-  const rootRef = useRef39(null);
-  useEffect31(() => setCanPick(typeof window !== "undefined" && "EyeDropper" in window), []);
-  useEffect31(() => {
+  const rootRef = useRef40(null);
+  useEffect32(() => setCanPick(typeof window !== "undefined" && "EyeDropper" in window), []);
+  useEffect32(() => {
     const names = { saturation: "Colour", hue: "Hue", alpha: "Opacity" };
     for (const [part, label] of Object.entries(names)) {
       rootRef.current?.querySelector(`.react-colorful__${part} .react-colorful__interactive`)?.setAttribute("aria-label", label);
@@ -7967,7 +7979,7 @@ function assignRef7(ref, value) {
   if (typeof ref === "function") ref(value);
   else if (ref) ref.current = value;
 }
-var ColorField = forwardRef31(function ColorField2({
+var ColorField = /* @__PURE__ */ forwardRef31(function ColorField2({
   value,
   defaultValue = "#312c7e",
   onChange,
@@ -7984,8 +7996,8 @@ var ColorField = forwardRef31(function ColorField2({
 }, ref) {
   const [color, setColor] = useControllableState(value, defaultValue, onChange);
   const [isOpen, setOpen] = useState34(false);
-  const triggerRef = useRef39(null);
-  const panelRef = useRef39(null);
+  const triggerRef = useRef40(null);
+  const panelRef = useRef40(null);
   const panelId = useId27();
   const { mounted, state } = usePresence(isOpen);
   const style = useFloating({ open: mounted, anchorRef: triggerRef, floatingRef: panelRef, placement, offset: 6, maxHeight: 640 });
@@ -7994,7 +8006,7 @@ var ColorField = forwardRef31(function ColorField2({
     if (reason !== "outside") triggerRef.current?.focus();
   }, []);
   useDismiss(isOpen, [panelRef, triggerRef], close);
-  useEffect31(() => {
+  useEffect32(() => {
     if (!isOpen) return void 0;
     const frame = requestAnimationFrame(() => panelRef.current?.querySelector(".react-colorful__interactive")?.focus());
     return () => cancelAnimationFrame(frame);
@@ -8012,9 +8024,9 @@ var ColorField = forwardRef31(function ColorField2({
         "aria-haspopup": "dialog",
         "aria-expanded": isOpen,
         "aria-controls": isOpen ? panelId : void 0,
-        "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledBy,
-        "aria-describedby": [`${panelId}-value`, ariaDescribedBy].filter(Boolean).join(" "),
+        "aria-label": ariaLabel && !ariaLabelledBy ? `${ariaLabel}, ${color.toUpperCase()}` : void 0,
+        "aria-labelledby": ariaLabelledBy ? `${ariaLabelledBy} ${panelId}-value` : void 0,
+        "aria-describedby": ariaDescribedBy,
         "aria-invalid": isInvalid || void 0,
         disabled,
         className: cx(
@@ -8059,10 +8071,10 @@ var ColorField = forwardRef31(function ColorField2({
 });
 
 // src/components/ColorPicker/ColorArea.tsx
-import { forwardRef as forwardRef32, useRef as useRef41, useState as useState36 } from "react";
+import { forwardRef as forwardRef32, useRef as useRef42, useState as useState36 } from "react";
 
 // src/components/ColorPicker/color.ts
-import { useCallback as useCallback13, useReducer, useRef as useRef40, useState as useState35 } from "react";
+import { useCallback as useCallback13, useReducer, useRef as useRef41, useState as useState35 } from "react";
 var clamp2 = (n, min, max) => Math.min(max, Math.max(min, n));
 function parseHex(color) {
   let hex = color.trim().replace(/^#/, "");
@@ -8139,7 +8151,7 @@ var hslModel = {
 var fallback = { r: 0, g: 0, b: 0, a: 1 };
 function useColorModel(value, defaultValue, onChange, model, { hue, alpha = false } = {}) {
   const [color, setColor] = useControllableState(value, defaultValue, onChange);
-  const memory = useRef40(null);
+  const memory = useRef41(null);
   const [, rerender] = useReducer((n) => n + 1, 0);
   const incoming = normalizeHex(color);
   if (!memory.current || memory.current.hex !== incoming || memory.current.model !== model) {
@@ -8249,7 +8261,7 @@ function assignRef8(ref, value) {
   if (typeof ref === "function") ref(value);
   else if (ref) ref.current = value;
 }
-var ColorArea = forwardRef32(function ColorArea2({
+var ColorArea = /* @__PURE__ */ forwardRef32(function ColorArea2({
   value,
   defaultValue = "#312c7e",
   onChange,
@@ -8267,8 +8279,8 @@ var ColorArea = forwardRef32(function ColorArea2({
   className
 }, ref) {
   const { value: hsv, rgba, hex, set, latest } = useColorModel(value, defaultValue, onChange, hsvModel, { hue });
-  const rootRef = useRef41(null);
-  const inputs = useRef41({ x: null, y: null });
+  const rootRef = useRef42(null);
+  const inputs = useRef42({ x: null, y: null });
   const [axis, setAxis] = useState36("x");
   const isRtl = () => rootRef.current ? getComputedStyle(rootRef.current).direction === "rtl" : false;
   const end = () => onChangeEnd?.(latest());
@@ -8390,7 +8402,7 @@ var ColorArea = forwardRef32(function ColorArea2({
 });
 
 // src/components/ColorPicker/ColorSlider.tsx
-import { forwardRef as forwardRef33, useId as useId28, useRef as useRef42 } from "react";
+import { forwardRef as forwardRef33, useId as useId28, useRef as useRef43 } from "react";
 import { jsx as jsx74, jsxs as jsxs58 } from "react/jsx-runtime";
 var channels = {
   hue: { name: "Hue", max: 360, unit: "degree" },
@@ -8438,7 +8450,7 @@ function assignRef9(ref, value) {
   if (typeof ref === "function") ref(value);
   else if (ref) ref.current = value;
 }
-var ColorSlider = forwardRef33(function ColorSlider2({
+var ColorSlider = /* @__PURE__ */ forwardRef33(function ColorSlider2({
   channel,
   value,
   defaultValue = "#312c7e",
@@ -8467,8 +8479,8 @@ var ColorSlider = forwardRef33(function ColorSlider2({
   const { rgba, latest } = color;
   const current = read(channel, color.value, rgba);
   const labelId = useId28();
-  const trackRef = useRef42(null);
-  const inputRef = useRef42(null);
+  const trackRef = useRef43(null);
+  const inputRef = useRef43(null);
   const vertical = orientation === "vertical";
   const isRtl = () => !vertical && trackRef.current !== null && getComputedStyle(trackRef.current).direction === "rtl";
   const end = () => onChangeEnd?.(latest());
@@ -8578,11 +8590,11 @@ var ColorSlider = forwardRef33(function ColorSlider2({
 });
 
 // src/components/ColorPicker/ColorSwatchPicker.tsx
-import { forwardRef as forwardRef34, useRef as useRef43 } from "react";
+import { forwardRef as forwardRef34, useRef as useRef44 } from "react";
 import { jsx as jsx75, jsxs as jsxs59 } from "react/jsx-runtime";
-var ColorSwatchPicker = forwardRef34(function ColorSwatchPicker2({ options, value, defaultValue, onChange, size: size2 = "md", shape = "square", disabled = false, name, className, ...aria }, ref) {
+var ColorSwatchPicker = /* @__PURE__ */ forwardRef34(function ColorSwatchPicker2({ options, value, defaultValue, onChange, size: size2 = "md", shape = "square", disabled = false, name, className, ...aria }, ref) {
   const [current, setCurrent] = useControllableState(value, defaultValue ?? "", onChange);
-  const refs = useRef43([]);
+  const refs = useRef44([]);
   const items2 = options.map((option) => {
     const item = typeof option === "string" ? { value: option } : option;
     const rgba = parseHex(item.value);