@dloizides/ui-forms 1.9.0 → 1.9.1

package/dist/index.mjs

@@ -423,6 +423,16 @@ function useThemedInput(options = {}) {
   };
 }
 var IS_WEB2 = Platform.OS === "web";
+function webFieldA11y({ describedById, hasError = false, required = false }) {
+  if (!IS_WEB2) {
+    return {};
+  }
+  return {
+    "aria-invalid": hasError ? true : void 0,
+    "aria-describedby": describedById,
+    "aria-required": required ? true : void 0
+  };
+}
 var ThemedTextInput = React.forwardRef(function ThemedTextInput2({ hasError = false, describedById, requiredField = false, onFocus, onBlur, style, placeholderTextColor, ...rest }, ref) {
   const {
     style: themedStyle,
@@ -430,11 +440,7 @@ var ThemedTextInput = React.forwardRef(function ThemedTextInput2({ hasError = fa
     focusBind,
     hoverBind
   } = useThemedInput({ hasError, onFocus, onBlur });
-  const webA11y = IS_WEB2 ? {
-    "aria-invalid": hasError ? true : void 0,
-    "aria-describedby": describedById,
-    "aria-required": requiredField ? true : void 0
-  } : {};
+  const webA11y = webFieldA11y({ describedById, hasError, required: requiredField });
   return /* @__PURE__ */ jsx(
     TextInput,
     {
@@ -616,11 +622,6 @@ function SolidChip({
     }
   );
 }
-var IS_WEB3 = Platform.OS === "web";
-function groupA11yProps(describedById, hasError) {
-  if (!IS_WEB3) return {};
-  return { "aria-invalid": hasError ? true : void 0, "aria-describedby": describedById };
-}
 var ChipSelector = ({
   label,
   options,
@@ -682,7 +683,7 @@ var ChipSelector = ({
       required,
       spacing,
       testID,
-      children: ({ describedById, hasError }) => /* @__PURE__ */ jsx(View, { style: styles6.chipContainer, ...groupA11yProps(describedById, hasError), children: options.map(renderChip) })
+      children: ({ describedById, hasError }) => /* @__PURE__ */ jsx(View, { style: styles6.chipContainer, ...webFieldA11y({ describedById, hasError }), children: options.map(renderChip) })
     }
   );
 };
@@ -928,13 +929,13 @@ var controlStyles = StyleSheet.create({
   optionText: { fontSize: OPTION_FONT },
   error: { fontSize: ERROR_FONT, marginTop: ERROR_GAP }
 });
-var IS_WEB4 = typeof document !== "undefined";
+var IS_WEB3 = typeof document !== "undefined";
 var ESCAPE_KEY = "Escape";
 var ACTIVE_WEIGHT = "700";
 var IDLE_WEIGHT = "400";
 function useDismiss(anchorRef, menuRef, onDismiss) {
   useEffect(() => {
-    if (!IS_WEB4) return void 0;
+    if (!IS_WEB3) return void 0;
     const onMouseDown = (event) => {
       const anchorNode = anchorRef.current;
       const menuNode = menuRef.current;