@helpwave/hightide 0.10.1 → 0.10.2

package/dist/index.mjs

@@ -10060,9 +10060,11 @@ var SelectButton = forwardRef3(
       return () => unregister();
     }, [registerTrigger]);
     const disabled = !!disabledOverride || !!context.disabled;
+    const readOnly = !!context.readOnly;
     const invalid = context.invalid;
     const hasValue = context.selectedId !== null;
-    const selectedOption = context.idToOptionMap[context.selectedId] ?? null;
+    const hasInteractions = !readOnly && !disabled;
+    const selectedOption = context.selectedId ? context.idToOptionMap[context.selectedId] ?? null : null;
     return /* @__PURE__ */ jsxs9(
       "div",
       {
@@ -10070,12 +10072,13 @@ var SelectButton = forwardRef3(
         ref: innerRef,
         id: context.config.ids.trigger,
         onClick: (event) => {
+          if (!hasInteractions) return;
           props.onClick?.(event);
           context.toggleIsOpen();
         },
         onKeyDown: (event) => {
           props.onKeyDown?.(event);
-          if (disabled) return;
+          if (!hasInteractions) return;
           switch (event.key) {
             case "Enter":
             case " ":
@@ -10098,16 +10101,18 @@ var SelectButton = forwardRef3(
         "data-name": props["data-name"] ?? "select-button",
         "data-value": hasValue ? "" : void 0,
         "data-disabled": disabled ? "" : void 0,
+        "data-readonly": readOnly ? "" : void 0,
         "data-invalid": invalid ? "" : void 0,
         tabIndex: disabled ? -1 : 0,
         role: "button",
         "aria-invalid": invalid,
         "aria-disabled": disabled,
+        "aria-readonly": readOnly,
         "aria-haspopup": "dialog",
         "aria-expanded": context.isOpen,
         "aria-controls": context.isOpen ? context.config.ids.content : void 0,
         children: [
-          /* @__PURE__ */ jsx17(SelectOptionDisplayContext.Provider, { value: "trigger", children: hasValue ? selectedDisplay?.(selectedOption) ?? selectedOption.display : placeholder ?? translation("clickToSelect") }),
+          /* @__PURE__ */ jsx17(SelectOptionDisplayContext.Provider, { value: "trigger", children: hasValue ? selectedDisplay?.(selectedOption) ?? selectedOption?.display : placeholder ?? translation("clickToSelect") }),
           !hideExpansionIcon && /* @__PURE__ */ jsx17(ExpansionIcon, { isExpanded: context.isOpen })
         ]
       }
@@ -18606,8 +18611,10 @@ var MultiSelectButton = forwardRef21(function MultiSelectButton2({
     return () => unregister();
   }, [registerTrigger]);
   const disabled = !!disabledOverride || !!context.disabled;
+  const readOnly = !!context.readOnly;
   const invalid = context.invalid;
   const hasValue = context.value.length > 0;
+  const hasInteractions = !readOnly && !disabled;
   const selectedOptions = context.selectedIds.map((id2) => context.idToOptionMap[id2]).filter(Boolean);
   return /* @__PURE__ */ jsxs45(
     "div",
@@ -18616,12 +18623,13 @@ var MultiSelectButton = forwardRef21(function MultiSelectButton2({
       ref: innerRef,
       id: context.config.ids.trigger,
       onClick: (event) => {
+        if (!hasInteractions) return;
         props.onClick?.(event);
         context.toggleIsOpen();
       },
       onKeyDown: (event) => {
         props.onKeyDown?.(event);
-        if (disabled) return;
+        if (!hasInteractions) return;
         switch (event.key) {
           case "Enter":
           case " ":
@@ -18644,11 +18652,13 @@ var MultiSelectButton = forwardRef21(function MultiSelectButton2({
       "data-name": props["data-name"] ?? "multi-select-button",
       "data-value": hasValue ? "" : void 0,
       "data-disabled": disabled ? "" : void 0,
+      "data-readonly": readOnly ? "" : void 0,
       "data-invalid": invalid ? "" : void 0,
       tabIndex: disabled ? -1 : 0,
       role: "button",
       "aria-invalid": invalid,
       "aria-disabled": disabled,
+      "aria-readonly": readOnly,
       "aria-haspopup": "dialog",
       "aria-expanded": context.isOpen,
       "aria-controls": context.isOpen ? context.config.ids.content : void 0,
@@ -20927,7 +20937,9 @@ var MultiSelectChipDisplayButton = forwardRef29(function MultiSelectChipDisplayB
     return () => unregister();
   }, [registerTrigger]);
   const disabled = !!props?.disabled || !!context.disabled;
+  const readOnly = !!context.readOnly;
   const invalid = context.invalid;
+  const hasInteractions = !readOnly && !disabled;
   const selectedOptions = context.selectedIds.map((oid) => context.idToOptionMap[oid]).filter(Boolean);
   return /* @__PURE__ */ jsxs61(
     "div",
@@ -20937,14 +20949,17 @@ var MultiSelectChipDisplayButton = forwardRef29(function MultiSelectChipDisplayB
       onClick: (event) => {
         props.onClick?.(event);
         if (event.defaultPrevented) return;
+        if (!hasInteractions) return;
         context.toggleIsOpen();
       },
       "data-name": props["data-name"] ?? "multi-select-chip-display-button",
       "data-value": context.value.length > 0 ? "" : void 0,
       "data-disabled": disabled ? "" : void 0,
+      "data-readonly": readOnly ? "" : void 0,
       "data-invalid": invalid ? "" : void 0,
       "aria-invalid": invalid,
       "aria-disabled": disabled,
+      "aria-readonly": readOnly,
       children: [
         selectedOptions.map((opt) => /* @__PURE__ */ jsxs61("div", { "data-name": "multi-select-chip-display-chip", children: [
           opt.display,
@@ -20952,6 +20967,7 @@ var MultiSelectChipDisplayButton = forwardRef29(function MultiSelectChipDisplayB
             IconButton,
             {
               tooltip: translation("remove"),
+              disabled: !hasInteractions,
               onClick: (e) => {
                 context.toggleSelection(opt.id, false);
                 e.preventDefault();
@@ -20968,11 +20984,14 @@ var MultiSelectChipDisplayButton = forwardRef29(function MultiSelectChipDisplayB
           IconButton,
           {
             id: context.config.ids.trigger,
+            disabled: !hasInteractions,
             onClick: (event) => {
               event.stopPropagation();
+              if (!hasInteractions) return;
               context.toggleIsOpen();
             },
             onKeyDown: (event) => {
+              if (!hasInteractions) return;
               switch (event.key) {
                 case "ArrowDown":
                   context.setIsOpen(true, "first");