@octaviaflow/core 3.1.0-beta.57 → 3.1.0-beta.59

package/dist/index.js

@@ -2222,6 +2222,27 @@ function $6b915bde6cd300dd$var$toggleKey(set, key) {
 }
 
 // src/utils/a11y.ts
+import { isValidElement as isValidElement2 } from "react";
+function hasRenderableText(node) {
+  if (node === null || node === void 0 || typeof node === "boolean") return false;
+  if (typeof node === "string") return node.trim().length > 0;
+  if (typeof node === "number") return true;
+  if (Array.isArray(node)) return node.some(hasRenderableText);
+  if (isValidElement2(node)) {
+    return hasRenderableText(node.props.children);
+  }
+  return false;
+}
+function getRenderableText(node) {
+  if (node === null || node === void 0 || typeof node === "boolean") return "";
+  if (typeof node === "string") return node;
+  if (typeof node === "number") return String(node);
+  if (Array.isArray(node)) return node.map(getRenderableText).join("");
+  if (isValidElement2(node)) {
+    return getRenderableText(node.props.children);
+  }
+  return "";
+}
 function resolveAccessibleName(input) {
   if (input.ariaLabelledby) {
     return { "aria-labelledby": input.ariaLabelledby };
@@ -4291,7 +4312,7 @@ var Button = forwardRef13(function Button2({
   const hasAction = Boolean(props.onClick) || type === "submit" || type === "reset";
   const resolvedCursor = cursor ?? (disabled ? "not-allowed" : loading ? "progress" : hasAction ? "pointer" : "default");
   const resolvedType = type ?? "button";
-  const hasVisibleText = typeof children === "string" && children.trim().length > 0;
+  const hasVisibleText = hasRenderableText(children);
   const needsAriaName = !hasVisibleText && !asChild;
   const ariaNameProps = needsAriaName ? resolveAccessibleName({
     ariaLabel: props["aria-label"],
@@ -4419,7 +4440,7 @@ import { CheckmarkIcon, ChevronDownIcon as ChevronDownIcon2 } from "@octaviaflow
 import { AnimatePresence as AnimatePresence4, motion as motion7 } from "framer-motion";
 import {
   cloneElement as cloneElement2,
-  isValidElement as isValidElement2,
+  isValidElement as isValidElement3,
   useCallback as useCallback6,
   useEffect as useEffect2,
   useId as useId8,
@@ -4601,7 +4622,7 @@ function Tooltip({
     state,
     triggerRef
   );
-  if (!isValidElement2(children)) {
+  if (!isValidElement3(children)) {
     return /* @__PURE__ */ jsx15(Fragment7, { children });
   }
   const childProps = children.props;
@@ -4717,12 +4738,13 @@ function Option({
     }
   );
 }
+var DEFAULT_SELECT_PLACEHOLDER = "Select an option...";
 var Select = forwardRef14(function Select2({
   options,
   value,
   defaultValue,
   onChange,
-  placeholder = "Select an option...",
+  placeholder = DEFAULT_SELECT_PLACEHOLDER,
   searchable = false,
   label,
   error = false,
@@ -4772,9 +4794,12 @@ var Select = forwardRef14(function Select2({
       label,
       ariaLabel,
       ariaLabelledby: ariaLabelledBy,
-      componentName: "Select"
+      componentName: "Select",
+      fallbacks: [
+        placeholder && placeholder !== DEFAULT_SELECT_PLACEHOLDER ? placeholder : void 0
+      ]
     }),
-    [label, ariaLabel, ariaLabelledBy]
+    [label, ariaLabel, ariaLabelledBy, placeholder]
   );
   const ariaProps = useMemo4(() => {
     const items = filteredOptions.map((o) => ({
@@ -28952,8 +28977,9 @@ var Switch = forwardRef106(function Switch2({
     defaultSelected: defaultChecked,
     onChange
   });
+  const labelText = getRenderableText(label).trim();
   const ariaNameProps = resolveAccessibleName({
-    label: typeof label === "string" ? label : void 0,
+    label: labelText || void 0,
     ariaLabel: props["aria-label"],
     ariaLabelledby: props["aria-labelledby"],
     componentName: "Switch"