cpk-ui 0.5.4 → 0.7.0

package/components/uis/Card/Card.js

@@ -8,7 +8,7 @@ import React from 'react';
 import { View } from 'react-native';
 import { styled } from 'kstyled';
 import { useTheme } from '../../../providers/ThemeProvider';
-export default function Card({ testID = 'card-container', children, elevation = 2, borderRadius = 8, padding = 16, margin = 0, backgroundColor, style, styles, onPress, }) {
+export default function Card({ testID = 'card-container', accessibilityLabel, children, elevation = 2, borderRadius = 8, padding = 16, margin = 0, backgroundColor, style, styles, onPress, }) {
     const { theme } = useTheme();
     const shadowStyle = React.useMemo(() => ({
         elevation: elevation,
@@ -30,9 +30,18 @@ export default function Card({ testID = 'card-container', children, elevation =
         shadowStyle,
         style,
         styles?.container,
-    ], [backgroundColor, theme.bg.paper, borderRadius, padding, margin, shadowStyle, style, styles?.container]);
+    ], [
+        backgroundColor,
+        theme.bg.paper,
+        borderRadius,
+        padding,
+        margin,
+        shadowStyle,
+        style,
+        styles?.container,
+    ]);
     if (onPress) {
-        return (_jsx(TouchableContainer, { testID: testID, style: containerStyle, onPress: onPress, activeOpacity: 0.8, children: _jsx(View, { style: styles?.content, children: children }) }));
+        return (_jsx(TouchableContainer, { accessibilityLabel: accessibilityLabel, accessibilityRole: "button", testID: testID, style: containerStyle, onPress: onPress, activeOpacity: 0.8, children: _jsx(View, { style: styles?.content, children: children }) }));
     }
     return (_jsx(Container, { testID: testID, style: containerStyle, children: _jsx(View, { style: styles?.content, children: children }) }));
 }

package/components/uis/Checkbox/Checkbox.d.ts

@@ -18,8 +18,9 @@ export interface CheckboxProps {
     checked?: boolean;
     text?: string | ReactElement;
     direction?: 'left' | 'right';
+    accessibilityLabel?: string;
 }
-export declare function Checkbox({ style, styles, text, direction, color, size, disabled, checked, onPress, }: CheckboxProps): ReactElement;
+export declare function Checkbox({ style, styles, text, direction, color, size, disabled, checked, onPress, accessibilityLabel, }: CheckboxProps): ReactElement;
 declare const _default: typeof Checkbox;
 export default _default;
 //# sourceMappingURL=Checkbox.d.ts.map

package/components/uis/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA0C,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AACxF,OAAO,KAAK,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAYlE,KAAK,MAAM,GAAG;IACZ,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAErE,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC9B;AA6BD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,MAAM,EACN,IAAI,EACJ,SAAmB,EACnB,KAAiB,EACjB,IAAe,EACf,QAAgB,EAChB,OAAe,EACf,OAAO,GACR,EAAE,aAAa,GAAG,YAAY,CAyI9B;wBAGsC,OAAO,QAAQ;AAAtD,wBAAuD"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA0C,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AACxF,OAAO,KAAK,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAYlE,KAAK,MAAM,GAAG;IACZ,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAErE,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AA6BD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,MAAM,EACN,IAAI,EACJ,SAAmB,EACnB,KAAiB,EACjB,IAAe,EACf,QAAgB,EAChB,OAAe,EACf,OAAO,EACP,kBAAkB,GACnB,EAAE,aAAa,GAAG,YAAY,CA8I9B;wBAGsC,OAAO,QAAQ;AAAtD,wBAAuD"}

package/components/uis/Checkbox/Checkbox.js

@@ -29,7 +29,7 @@ const StyledCheck = styled(Icon) `
   font-weight: bold;
   color: ${({ theme, $checked }) => ($checked ? theme.bg.basic : 'transparent')};
 `;
-export function Checkbox({ style, styles, text, direction = 'right', color = 'primary', size = 'medium', disabled = false, checked = false, onPress, }) {
+export function Checkbox({ style, styles, text, direction = 'right', color = 'primary', size = 'medium', disabled = false, checked = false, onPress, accessibilityLabel, }) {
     const checkboxSize = typeof size === 'number'
         ? size
         : size === 'small'
@@ -109,7 +109,7 @@ export function Checkbox({ style, styles, text, direction = 'right', color = 'pr
         }
         return text;
     }, [text, textStyles]);
-    return (_jsx(Container, { activeOpacity: 0.9, disabled: disabled, onPress: onPress, style: style, children: _jsxs(View, { style: containerStyles, children: [_jsx(StyledCheckboxOutlined, { "$checked": checked, "$disabled": disabled, style: [checkboxSizeStyles, styles?.checkbox], testID: "cpk-ui-checkbox", "$type": color, children: _jsx(AnimatedCheckbox, { style: animatedStyles, children: _jsx(StyledCheck, { "$checked": checked, name: "Check", size: checkboxSize * 0.7, style: styles?.check }) }) }), TextElement] }) }));
+    return (_jsx(Container, { accessibilityLabel: accessibilityLabel ?? (typeof text === 'string' ? text : undefined), accessibilityRole: "checkbox", accessibilityState: { checked, disabled }, "aria-checked": checked, "aria-disabled": disabled, activeOpacity: 0.9, disabled: disabled, onPress: onPress, style: style, children: _jsxs(View, { style: containerStyles, children: [_jsx(StyledCheckboxOutlined, { "$checked": checked, "$disabled": disabled, style: [checkboxSizeStyles, styles?.checkbox], testID: "cpk-ui-checkbox", "$type": color, children: _jsx(AnimatedCheckbox, { style: animatedStyles, children: _jsx(StyledCheck, { "$checked": checked, name: "Check", size: checkboxSize * 0.7, style: styles?.check }) }) }), TextElement] }) }));
 }
 // Export memoized component for better performance
 export default React.memo(Checkbox);

package/components/uis/CustomPressable/CustomPressable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomPressable.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/CustomPressable/CustomPressable.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAU,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAC,cAAc,EAAE,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAOvE,iBAAS,eAAe,CACtB,KAAK,EAAE,cAAc,GAAG;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAC,GACrD,YAAY,CAiCd;wBAG6C,OAAO,eAAe;AAApE,wBAAqE;AACrE,OAAO,EAAC,eAAe,EAAC,CAAC"}
+{"version":3,"file":"CustomPressable.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/CustomPressable/CustomPressable.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAU,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAC,cAAc,EAAE,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAOvE,iBAAS,eAAe,CACtB,KAAK,EAAE,cAAc,GAAG;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAC,GACrD,YAAY,CAyCd;wBAG6C,OAAO,eAAe;AAApE,wBAAqE;AACrE,OAAO,EAAC,eAAe,EAAC,CAAC"}

package/components/uis/CustomPressable/CustomPressable.js

@@ -2,24 +2,24 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useMemo } from 'react';
 import { Pressable } from 'react-native';
 import { css } from 'kstyled';
-import { useCPK } from '../../../providers';
+import { useTheme } from '../../../providers/ThemeProvider';
 const DEFAULT_HIT_SLOP = { top: 4, bottom: 4, left: 6, right: 6 };
 function CustomPressable(props) {
-    const { children, style, hitSlop, ...restProps } = props;
-    const { theme } = useCPK();
+    const { accessibilityRole = 'button', children, style, hitSlop, ...restProps } = props;
+    const { theme } = useTheme();
     const effectiveHitSlop = useMemo(() => hitSlop || DEFAULT_HIT_SLOP, [hitSlop]);
     const styleFunction = useMemo(() => ({ pressed }) => {
         if (pressed) {
             return [
                 css `
-            background-color: ${theme.role.underlay};
-          `,
+              background-color: ${theme.role.underlay};
+            `,
                 style,
             ];
         }
         return style;
     }, [theme.role.underlay, style]);
-    return (_jsx(Pressable, { hitSlop: effectiveHitSlop, style: styleFunction, ...restProps, children: children }));
+    return (_jsx(Pressable, { accessibilityRole: accessibilityRole, hitSlop: effectiveHitSlop, style: styleFunction, ...restProps, children: children }));
 }
 // Export memoized component for better performance
 export default React.memo(CustomPressable);

package/components/uis/EditText/EditText.d.ts

@@ -47,6 +47,7 @@ export type EditTextProps = {
     numberOfLines?: TextInputProps['numberOfLines'];
     maxLength?: TextInputProps['maxLength'];
     hideCounter?: boolean;
+    accessibilityLabel?: string;
     textInputProps?: Omit<TextInputProps, 'value' | 'onChange' | 'numberOfLines' | 'multiline' | 'onChange' | 'onChangeText' | 'placeholder' | 'placeholderTextColor' | 'onFocus' | 'onBlur' | 'editable' | 'autoComplete' | 'autoCapitalize' | 'secureTextEntry' | 'onSubmitEditing' | 'maxLength'>;
     colors?: {
         basic?: string;

package/components/uis/EditText/EditText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditText.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/EditText/EditText.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"EditText.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/EditText/EditText.tsx"],"names":[],"mappings":"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"}

package/components/uis/EditText/EditText.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { forwardRef, isValidElement, useCallback, useMemo, useRef, useState, } from 'react';
-import { Text, TextInput, TouchableWithoutFeedback, View, } from 'react-native';
-import { useHover } from 'react-native-web-hooks';
+import { Text, TextInput, TouchableWithoutFeedback, View } from 'react-native';
 import { css } from 'kstyled';
 import { Icon } from '../Icon/Icon';
 import { cloneElemWithDefaultColors } from '../../../utils/guards';
 import { useTheme } from '../../../providers/ThemeProvider';
 import { Typography } from '../Typography/Typography';
-import { isWeb, safePlatformSelect } from '../../../utils/platform';
-export const EditText = forwardRef(({ testID, textInputProps, style, styles, size = 'medium', label, error, startElement, endElement, multiline = false, value = '', placeholder, placeholderColor, onChange, onChangeText, onFocus, onBlur, onSubmitEditing, numberOfLines, maxLength, hideCounter = false, autoComplete, autoCapitalize = 'none', secureTextEntry = false, editable = true, direction = 'column', decoration = 'underline', colors = {}, required = false, }, ref) => {
+import { isWeb } from '../../../utils/platform';
+import { useHoverState } from '../../../hooks/useHoverState';
+export const EditText = forwardRef(({ testID, textInputProps, style, styles, size = 'medium', label, error, startElement, endElement, multiline = false, value = '', placeholder, placeholderColor, onChange, onChangeText, onFocus, onBlur, onSubmitEditing, numberOfLines, maxLength, hideCounter = false, autoComplete, autoCapitalize = 'none', secureTextEntry = false, editable = true, direction = 'column', decoration = 'underline', colors = {}, required = false, accessibilityLabel, }, ref) => {
     EditText.displayName = 'EditText';
     const { theme } = useTheme();
     // Calculate sizes based on size prop
@@ -57,15 +57,14 @@ export const EditText = forwardRef(({ testID, textInputProps, style, styles, siz
                 };
         }
     }, [size]);
-    const webRef = useRef(null);
     const [focused, setFocused] = useState(false);
     const defaultInputRef = useRef(null);
     const inputRef = ref || defaultInputRef;
-    const hovered = useHover(webRef);
+    const { hovered, hoverProps } = useHoverState();
     // Memoize default container style
     const defaultContainerStyle = useMemo(() => css `
-      flex-direction: ${direction};
-    `, [direction]);
+        flex-direction: ${direction};
+      `, [direction]);
     // Memoize default color calculation
     const defaultColor = useMemo(() => {
         if (!editable)
@@ -119,7 +118,9 @@ export const EditText = forwardRef(({ testID, textInputProps, style, styles, siz
         function Wrapper({ children }) {
             return (_jsxs(View, { style: [
                     css `
-                margin-bottom: ${decoration === 'boxed' ? sizeConfig.labelMargin : 0}px;
+                margin-bottom: ${decoration === 'boxed'
+                        ? sizeConfig.labelMargin
+                        : 0}px;
 
                 flex-direction: row;
                 align-items: center;
@@ -199,7 +200,9 @@ export const EditText = forwardRef(({ testID, textInputProps, style, styles, siz
                   align-self: stretch;
                 `,
                 css `
-              padding: ${decoration === 'boxed' ? `${sizeConfig.padding * 0.4}px 0` : `${sizeConfig.padding * 0.2}px 0`};
+              padding: ${decoration === 'boxed'
+                    ? `${sizeConfig.padding * 0.4}px 0`
+                    : `${sizeConfig.padding * 0.2}px 0`};
 
               flex-direction: row;
               align-items: center;
@@ -215,7 +218,8 @@ export const EditText = forwardRef(({ testID, textInputProps, style, styles, siz
                     margin-right: 4px;
                   `,
                         })
-                        : startElement, _jsx(TextInput, { autoCapitalize: autoCapitalize, autoComplete: autoComplete, editable: editable, maxLength: maxLength, multiline: multiline, numberOfLines: numberOfLines, onBlur: (e) => {
+                        : startElement, _jsx(TextInput, { accessibilityLabel: accessibilityLabel ??
+                            (typeof label === 'string' ? label : placeholder), autoCapitalize: autoCapitalize, autoComplete: autoComplete, editable: editable, maxLength: maxLength, multiline: multiline, numberOfLines: numberOfLines, onBlur: (e) => {
                             setFocused(false);
                             onBlur?.(e);
                         }, onChange: onChange, onChangeText: onChangeText, onFocus: (e) => {
@@ -242,7 +246,8 @@ export const EditText = forwardRef(({ testID, textInputProps, style, styles, siz
                     `,
                             css `
                   color: ${defaultColor};
-                  padding: ${sizeConfig.padding}px 0 ${sizeConfig.padding * 1.2}px 0;
+                  padding: ${sizeConfig.padding}px 0
+                    ${sizeConfig.padding * 1.2}px 0;
                 `,
                             styles?.input,
                         ], testID: testID, value: value, ...textInputProps }), isValidElement(endElement)
@@ -316,7 +321,7 @@ export const EditText = forwardRef(({ testID, textInputProps, style, styles, siz
         theme.text.placeholder,
         value.length,
     ]);
-    return (_jsxs(View, { ref: safePlatformSelect({ web: webRef, default: undefined }), style: [
+    return (_jsxs(View, { ...hoverProps, style: [
             css `
             width: 100%;
           `,

package/components/uis/Fab/Fab.d.ts

@@ -1,7 +1,7 @@
 import React, { type ReactElement } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
-import { IconName } from '../Icon/Icon';
-import { ButtonSizeType } from '../Button/Button';
+import type { IconName } from '../Icon/Icon';
+import type { ButtonSizeType } from '../Button/Button';
 import { IconButton } from '../IconButton/IconButton';
 type Styles = {
     Fab?: StyleProp<ViewStyle>;

package/components/uis/Fab/Fab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Fab.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/Fab/Fab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgD,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AAC9F,OAAO,KAAK,EAAoB,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAE1E,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AACtC,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAKpD,KAAK,MAAM,GAAG;IACZ,GAAG,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC;IACrC,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,IAAI,CACpB,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EACvC,MAAM,GAAG,SAAS,GAAG,MAAM,CAC5B,CAAC;CACH,CAAC;AAEF,iBAAS,qBAAqB,CAAC,EAC7B,QAAgB,EAChB,KAAK,EACL,MAAM,EACN,OAAgB,EAChB,KAAU,EACV,UAAU,EACV,WAAW,EACX,UAAqB,EACrB,GAGQ,EACR,iBAAuB,EACvB,eAAe,GAChB,EAAE,QAAQ,GAAG,YAAY,CAsHzB;AAED,OAAO,EAAC,qBAAqB,IAAI,GAAG,EAAC,CAAC"}
+{"version":3,"file":"Fab.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/Fab/Fab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAoB,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAE1E,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEpD,KAAK,MAAM,GAAG;IACZ,GAAG,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC;IACrC,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,IAAI,CACpB,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EACvC,MAAM,GAAG,SAAS,GAAG,MAAM,CAC5B,CAAC;CACH,CAAC;AAEF,iBAAS,qBAAqB,CAAC,EAC7B,QAAgB,EAChB,KAAK,EACL,MAAM,EACN,OAAgB,EAChB,KAAU,EACV,UAAU,EACV,WAAW,EACX,UAAqB,EACrB,GAGQ,EACR,iBAAuB,EACvB,eAAe,GAChB,EAAE,QAAQ,GAAG,YAAY,CAqKzB;AAED,OAAO,EAAC,qBAAqB,IAAI,GAAG,EAAC,CAAC"}

package/components/uis/Fab/Fab.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useLayoutEffect, useMemo, useRef, useCallback } from 'react';
+import { useLayoutEffect, useMemo, useRef, useCallback, } from 'react';
 import { Animated, Easing, Platform, View } from 'react-native';
 import { IconButton } from '../IconButton/IconButton';
 function FloatingActionButtons({ isActive = false, style, styles, fabIcon = 'Plus', icons = [], onPressFab, onPressItem, buttonSize = 'medium', gap = Platform.select({
@@ -66,13 +66,31 @@ function FloatingActionButtons({ isActive = false, style, styles, fabIcon = 'Plu
         Fab,
     ], [spinInterpolation, Fab]);
     // Memoize icon items rendering
-    const iconItems = useMemo(() => icons.map((icon, idx) => (_jsx(Animated.View, { style: [
+    const iconItems = useMemo(() => icons.map((icon, idx) => (_jsx(Animated.View, { accessibilityElementsHidden: !isActive, "aria-hidden": !isActive, importantForAccessibility: isActive ? 'auto' : 'no-hide-descendants', style: [
             {
+                pointerEvents: isActive ? 'auto' : 'none',
                 position: 'absolute',
                 transform: [{ translateY: offsets[idx] }],
             },
             FabItem,
-        ], children: _jsx(IconButton, { icon: icon, onPress: () => handleItemPress(icon), size: buttonSize, testID: icon, ...iconButtonProps }) }, `${icon}-${idx}`))), [icons, offsets, FabItem, handleItemPress, buttonSize, iconButtonProps]);
-    return (_jsxs(View, { style: containerStyles, children: [iconItems, _jsx(Animated.View, { onLayout: onLayout, style: mainFabStyles, children: _jsx(IconButton, { icon: fabIcon, onPress: handleFabPress, size: buttonSize, ...iconButtonProps }) })] }));
+        ], testID: `fab-item-${icon}`, children: _jsx(IconButton, { ...iconButtonProps, disabled: !isActive || iconButtonProps?.disabled, icon: icon, onPress: () => handleItemPress(icon), size: buttonSize, testID: icon }) }, `${icon}-${idx}`))), [
+        icons,
+        offsets,
+        FabItem,
+        handleItemPress,
+        buttonSize,
+        iconButtonProps,
+        isActive,
+    ]);
+    const mainTouchableProps = useMemo(() => ({
+        ...iconButtonProps?.touchableHighlightProps,
+        accessibilityState: {
+            ...iconButtonProps?.touchableHighlightProps?.accessibilityState,
+            expanded: isActive,
+        },
+        'aria-expanded': isActive,
+    }), [iconButtonProps?.touchableHighlightProps, isActive]);
+    return (_jsxs(View, { style: containerStyles, children: [iconItems, _jsx(Animated.View, { onLayout: onLayout, style: mainFabStyles, children: _jsx(IconButton, { ...iconButtonProps, accessibilityLabel: iconButtonProps?.accessibilityLabel ??
+                        (isActive ? 'Close actions' : 'Open actions'), icon: fabIcon, onPress: handleFabPress, size: buttonSize, testID: iconButtonProps?.testID ?? 'fab-toggle', touchableHighlightProps: mainTouchableProps }) })] }));
 }
 export { FloatingActionButtons as Fab };

package/components/uis/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,KAAK,EAAE,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAMvD,eAAO,MAAM,QAAQ,kx+DA4rHX,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,OAAO,QAAQ,CAAC;AACxC,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAEzC,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEjE,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAcF,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAU9B,CAAC;AAGF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,KAAK,EAAE,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAIvD,eAAO,MAAM,QAAQ,kx+DA4rHX,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,OAAO,QAAQ,CAAC;AACxC,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAEzC,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEjE,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAsBF,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAW9B,CAAC;AAGF,eAAe,IAAI,CAAC"}

package/components/uis/Icon/Icon.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { styled } from 'kstyled';
-import { createIconSetFromIcoMoon } from '@expo/vector-icons';
-import collectingFontIconSelection from './selection.json';
+import createIconSet from '@expo/vector-icons/createIconSet';
 export const iconList = [
     'AddressBook',
     'Airplane',
@@ -3775,8 +3774,12 @@ export const iconList = [
     'YinYangFill',
     'YoutubeLogoFill',
 ];
+const glyphMap = iconList.reduce((map, name, index) => {
+    map[name] = 59648 + index;
+    return map;
+}, {});
 // Create the base icon component once at module level
-const BaseIconComponent = createIconSetFromIcoMoon(collectingFontIconSelection, 'cpk', require('./cpk.ttf'));
+const BaseIconComponent = createIconSet(glyphMap, 'cpk', require('./cpk.ttf'));
 const StyledIcon = styled(BaseIconComponent) `
   color: ${({ theme, color }) => color || theme?.text?.basic || '#000'};
 `;

package/components/uis/IconButton/IconButton.d.ts

@@ -27,8 +27,9 @@ export type IconButtonProps = {
     activeOpacity?: number;
     touchableHighlightProps?: Omit<TouchableHighlightProps, 'onPress' | 'style'>;
     hapticFeedback?: Haptics.ImpactFeedbackStyle;
+    accessibilityLabel?: string;
 };
-export declare function IconButton({ testID, type, color, size, disabled, loading, loadingElement, icon, iconElement, style, styles, onPress, activeOpacity, touchableHighlightProps, hapticFeedback, }: IconButtonProps): ReactElement;
+export declare function IconButton({ testID, type, color, size, disabled, loading, loadingElement, icon, iconElement, style, styles, onPress, activeOpacity, touchableHighlightProps, hapticFeedback, accessibilityLabel, }: IconButtonProps): ReactElement;
 declare const _default: typeof IconButton;
 export default _default;
 //# sourceMappingURL=IconButton.d.ts.map

package/components/uis/IconButton/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA+B,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAC,SAAS,EAAE,uBAAuB,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAKhF,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAK3C,OAAO,KAAK,OAAO,MAAM,cAAc,CAAC;AAExC,KAAK,MAAM,GAAG;IACZ,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC,CAAC;AAEF,KAAK,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;AAEhD,KAAK,eAAe,GAChB,SAAS,GACT,WAAW,GACX,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,GACN,OAAO,CAAC;AAEZ,KAAK,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAsD5D,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,uBAAuB,CAAC,SAAS,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uBAAuB,CAAC,EAAE,IAAI,CAAC,uBAAuB,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC;IAC7E,cAAc,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC;CAC9C,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,IAAc,EACd,KAAiB,EACjB,IAAe,EACf,QAAQ,EACR,OAAe,EACf,cAAc,EACd,IAAI,EACJ,WAAW,EACX,KAAK,EACL,MAAM,EACN,OAAO,EACP,aAAoB,EACpB,uBAAuB,EACvB,cAAc,GACf,EAAE,eAAe,GAAG,YAAY,CAwJhC;wBAGwC,OAAO,UAAU;AAA1D,wBAA2D"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAuB,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAC,SAAS,EAAE,uBAAuB,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAIhF,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAK3C,OAAO,KAAK,OAAO,MAAM,cAAc,CAAC;AAGxC,KAAK,MAAM,GAAG;IACZ,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC,CAAC;AAEF,KAAK,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;AAEhD,KAAK,eAAe,GAChB,SAAS,GACT,WAAW,GACX,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,GACN,OAAO,CAAC;AAEZ,KAAK,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAkD5D,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,uBAAuB,CAAC,SAAS,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uBAAuB,CAAC,EAAE,IAAI,CAAC,uBAAuB,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC;IAC7E,cAAc,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC;IAC7C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,IAAc,EACd,KAAiB,EACjB,IAAe,EACf,QAAQ,EACR,OAAe,EACf,cAAc,EACd,IAAI,EACJ,WAAW,EACX,KAAK,EACL,MAAM,EACN,OAAO,EACP,aAAoB,EACpB,uBAAuB,EACvB,cAAc,EACd,kBAAkB,GACnB,EAAE,eAAe,GAAG,YAAY,CAwLhC;wBAGwC,OAAO,UAAU;AAA1D,wBAA2D"}

package/components/uis/IconButton/IconButton.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useCallback, useMemo, useRef } from 'react';
-import { Platform, TouchableHighlight, View } from 'react-native';
-import { useHover } from 'react-native-web-hooks';
+import React, { useCallback, useMemo } from 'react';
+import { TouchableHighlight, View } from 'react-native';
 import { css } from 'kstyled';
 import { Icon } from '../Icon/Icon';
 import { LoadingIndicator } from '../LoadingIndicator/LoadingIndicator';
 import { useTheme } from '../../../providers/ThemeProvider';
 import * as Haptics from 'expo-haptics';
+import { useHoverState } from '../../../hooks/useHoverState';
 // Memoized styles calculation function
 const ButtonStyles = ({ theme, type, color, loading, disabled, }) => {
     const isDisabled = disabled || loading;
@@ -20,12 +20,8 @@ const ButtonStyles = ({ theme, type, color, loading, disabled, }) => {
         borderColor = backgroundColor;
     }
     if (type === 'outlined') {
-        backgroundColor = isDisabled
-            ? theme.bg.disabled
-            : theme.bg.basic;
-        borderColor = isDisabled
-            ? theme.bg.disabled
-            : theme.button[color].bg;
+        backgroundColor = isDisabled ? theme.bg.disabled : theme.bg.basic;
+        borderColor = isDisabled ? theme.bg.disabled : theme.button[color].bg;
     }
     if (type === 'solid' || color === 'light') {
         iconColor = theme.button[color].text;
@@ -40,9 +36,8 @@ const ButtonStyles = ({ theme, type, color, loading, disabled, }) => {
         disabledTextColor: theme.button.disabled.text,
     };
 };
-export function IconButton({ testID, type = 'solid', color = 'primary', size = 'medium', disabled, loading = false, loadingElement, icon, iconElement, style, styles, onPress, activeOpacity = 0.95, touchableHighlightProps, hapticFeedback, }) {
-    const ref = useRef(null);
-    const hovered = useHover(ref);
+export function IconButton({ testID, type = 'solid', color = 'primary', size = 'medium', disabled, loading = false, loadingElement, icon, iconElement, style, styles, onPress, activeOpacity = 0.95, touchableHighlightProps, hapticFeedback, accessibilityLabel, }) {
+    const { hovered, hoverProps } = useHoverState();
     const { theme } = useTheme();
     // Memoize button styles
     const buttonStylesConfig = useMemo(() => ButtonStyles({
@@ -69,24 +64,24 @@ export function IconButton({ testID, type = 'solid', color = 'primary', size = '
     const compositeStyles = useMemo(() => ({
         container: [
             css `
-        background-color: ${buttonStylesConfig.backgroundColor};
-        border-color: ${buttonStylesConfig.borderColor};
-        border-width: ${borderWidthStr};
-        padding: 12px;
-      `,
+          background-color: ${buttonStylesConfig.backgroundColor};
+          border-color: ${buttonStylesConfig.borderColor};
+          border-width: ${borderWidthStr};
+          padding: 12px;
+        `,
             styles?.container,
         ],
         icon: [
             css `
-        color: ${buttonStylesConfig.iconColor};
-      `,
+          color: ${buttonStylesConfig.iconColor};
+        `,
             styles?.icon,
         ],
         disabled: [
             css `
-        background-color: ${buttonStylesConfig.disabledBackgroundColor};
-        border-color: ${buttonStylesConfig.disabledBorderColor};
-      `,
+          background-color: ${buttonStylesConfig.disabledBackgroundColor};
+          border-color: ${buttonStylesConfig.disabledBorderColor};
+        `,
             styles?.disabled,
         ],
         hovered: [
@@ -108,40 +103,47 @@ export function IconButton({ testID, type = 'solid', color = 'primary', size = '
     }, [onPress, hapticFeedback]);
     // Memoize loading view
     const LoadingView = useMemo(() => loadingElement || (_jsx(LoadingIndicator, { color: theme.text.disabled, size: "small", style: css `
-          justify-content: center;
-          align-items: center;
-          height: ${iconSize}px;
-          width: ${iconSize}px;
-        ` })), [loadingElement, theme.text.disabled, iconSize]);
+            justify-content: center;
+            align-items: center;
+            height: ${iconSize}px;
+            width: ${iconSize}px;
+          ` })), [loadingElement, theme.text.disabled, iconSize]);
     // Memoize icon view
-    const IconView = useMemo(() => iconElement || (_jsx(Icon, { color: buttonStylesConfig.iconColor, name: icon || 'QuestBoxFill', size: iconSize, style: compositeStyles?.icon })), [iconElement, buttonStylesConfig.iconColor, icon, iconSize, compositeStyles?.icon]);
+    const IconView = useMemo(() => iconElement || (_jsx(Icon, { color: buttonStylesConfig.iconColor, name: icon || 'QuestBoxFill', size: iconSize, style: compositeStyles?.icon })), [
+        iconElement,
+        buttonStylesConfig.iconColor,
+        icon,
+        iconSize,
+        compositeStyles?.icon,
+    ]);
     // Memoize container styles
     const containerStyles = useMemo(() => [
         css `
-      flex-direction: row;
-      border-radius: ${borderRadiusStr};
-    `,
+        flex-direction: row;
+        border-radius: ${borderRadiusStr};
+      `,
         style,
     ], [borderRadiusStr, style]);
     // Memoize inner container styles
     const innerContainerStyles = useMemo(() => [
         css `
-      padding: 4px;
-      border-radius: ${borderRadiusStr};
-      flex-direction: row;
-      justify-content: center;
-      align-items: center;
-    `,
+        padding: 4px;
+        border-radius: ${borderRadiusStr};
+        flex-direction: row;
+        justify-content: center;
+        align-items: center;
+      `,
         compositeStyles.container,
         hovered && !disabled && compositeStyles.hovered,
         disabled && compositeStyles.disabled,
     ], [borderRadiusStr, compositeStyles, hovered, disabled]);
-    return (_jsx(View, { style: containerStyles, children: _jsx(TouchableHighlight, { activeOpacity: activeOpacity, delayPressIn: 50, disabled: disabled || loading, onPress: handlePress, ref: Platform.select({
-                web: ref,
-                default: undefined,
-            }), style: css `
+    return (_jsx(View, { style: containerStyles, children: _jsx(TouchableHighlight, { accessibilityLabel: accessibilityLabel ?? icon, accessibilityRole: "button", "aria-busy": loading, "aria-disabled": !!disabled || loading, activeOpacity: activeOpacity, delayPressIn: 50, disabled: disabled || loading, onPress: handlePress, style: css `
           border-radius: ${borderRadiusStr};
-        `, testID: testID, underlayColor: theme.role.underlay, ...touchableHighlightProps, children: _jsx(View, { style: innerContainerStyles, testID: loading ? 'loading-view' : 'button-container', children: loading ? LoadingView : IconView }) }) }));
+        `, testID: testID, underlayColor: theme.role.underlay, ...touchableHighlightProps, accessibilityState: {
+                ...touchableHighlightProps?.accessibilityState,
+                busy: loading,
+                disabled: !!disabled || loading,
+            }, ...hoverProps, children: _jsx(View, { style: innerContainerStyles, testID: loading ? 'loading-view' : 'button-container', children: loading ? LoadingView : IconView }) }) }));
 }
 // Export memoized component for better performance
 export default React.memo(IconButton);

package/components/uis/LoadingIndicator/LoadingIndicator.d.ts

@@ -7,6 +7,7 @@ type Styles = {
 };
 export type LoadingIndicatorSizeType = 'small' | 'medium' | 'large' | number;
 export interface LoadingIndicatorProps extends BaseComponentProps {
+    accessibilityLabel?: string;
     style?: StyleProp<ViewStyle>;
     styles?: Styles;
     color?: string;
@@ -14,7 +15,7 @@ export interface LoadingIndicatorProps extends BaseComponentProps {
     imgSource?: string | ImageSourcePropType;
     customElement?: ReactElement | (() => ReactElement);
 }
-declare function LoadingIndicator({ customElement, style, styles, size, color, imgSource, testID, }: LoadingIndicatorProps): ReactElement;
+declare function LoadingIndicator({ accessibilityLabel, customElement, style, styles, size, color, imgSource, testID, }: LoadingIndicatorProps): ReactElement;
 declare const _default: typeof LoadingIndicator;
 export default _default;
 export { LoadingIndicator };

package/components/uis/LoadingIndicator/LoadingIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/LoadingIndicator/LoadingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAuB,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EACV,mBAAmB,EACnB,UAAU,EACV,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AAE9D,KAAK,MAAM,GAAG;IACZ,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7E,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB;IAC/D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,wBAAwB,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACzC,aAAa,CAAC,EAAE,YAAY,GAAG,CAAC,MAAM,YAAY,CAAC,CAAC;CACrD;AAOD,iBAAS,gBAAgB,CAAC,EACxB,aAAa,EACb,KAAK,EACL,MAAM,EACN,IAAc,EACd,KAAK,EACL,SAAS,EACT,MAAM,GACP,EAAE,qBAAqB,GAAG,YAAY,CA8EtC;wBAG8C,OAAO,gBAAgB;AAAtE,wBAAuE;AAGvE,OAAO,EAAC,gBAAgB,EAAC,CAAC"}
+{"version":3,"file":"LoadingIndicator.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/LoadingIndicator/LoadingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAuB,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EACV,mBAAmB,EACnB,UAAU,EACV,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AAE9D,KAAK,MAAM,GAAG;IACZ,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7E,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB;IAC/D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,wBAAwB,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACzC,aAAa,CAAC,EAAE,YAAY,GAAG,CAAC,MAAM,YAAY,CAAC,CAAC;CACrD;AAOD,iBAAS,gBAAgB,CAAC,EACxB,kBAA8B,EAC9B,aAAa,EACb,KAAK,EACL,MAAM,EACN,IAAc,EACd,KAAK,EACL,SAAS,EACT,MAAM,GACP,EAAE,qBAAqB,GAAG,YAAY,CAgFtC;wBAG8C,OAAO,gBAAgB;AAAtE,wBAAuE;AAGvE,OAAO,EAAC,gBAAgB,EAAC,CAAC"}

package/components/uis/LoadingIndicator/LoadingIndicator.js

@@ -7,7 +7,7 @@ const Container = styled(View) `
   justify-content: center;
   align-items: center;
 `;
-function LoadingIndicator({ customElement, style, styles, size = "large", color, imgSource, testID, }) {
+function LoadingIndicator({ accessibilityLabel = "Loading", customElement, style, styles, size = "large", color, imgSource, testID, }) {
     const { theme } = useTheme();
     // Convert size to ActivityIndicator compatible format
     // Note: iOS only supports 'small' | 'large', Android also supports numbers
@@ -57,10 +57,10 @@ function LoadingIndicator({ customElement, style, styles, size = "large", color,
             return typeof customElement === "function" ? customElement() : customElement;
         }
         if (imageSource) {
-            return (_jsx(Image, { source: imageSource, style: imageStyle, testID: `${testID}-image` }));
+            return (_jsx(Image, { accessibilityLabel: accessibilityLabel, source: imageSource, style: imageStyle, testID: `${testID}-image` }));
         }
-        return (_jsx(ActivityIndicator, { color: activityIndicatorColor, size: activityIndicatorSize, style: styles?.activityIndicator, testID: `${testID}-activity-indicator` }));
-    }, [customElement, imageSource, imageStyle, testID, activityIndicatorColor, activityIndicatorSize, styles?.activityIndicator]);
+        return (_jsx(ActivityIndicator, { accessibilityLabel: accessibilityLabel, color: activityIndicatorColor, size: activityIndicatorSize, style: styles?.activityIndicator, testID: `${testID}-activity-indicator` }));
+    }, [accessibilityLabel, customElement, imageSource, imageStyle, testID, activityIndicatorColor, activityIndicatorSize, styles?.activityIndicator]);
     return (_jsx(Container, { style: style, testID: testID, children: renderContent() }));
 }
 // Export memoized component for better performance

package/components/uis/RadioGroup/RadioButton.d.ts

@@ -21,8 +21,9 @@ export type RadioButtonProps = {
     selected?: boolean;
     endElement?: ReactElement;
     startElement?: ReactElement;
+    accessibilityLabel?: string;
 };
-export default function RadioButton({ testID, style, styles, endElement, startElement, type, size, disabled, selected, onPress, label, labelPosition, }: RadioButtonProps): ReactElement;
+export default function RadioButton({ testID, style, styles, endElement, startElement, type, size, disabled, selected, onPress, label, labelPosition, accessibilityLabel, }: RadioButtonProps): ReactElement;
 declare const MemoizedRadioButton: React.MemoExoticComponent<typeof RadioButton>;
 export { MemoizedRadioButton as RadioButton };
 //# sourceMappingURL=RadioButton.d.ts.map

package/components/uis/RadioGroup/RadioButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/RadioGroup/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoD,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AAClG,OAAO,KAAK,EAEV,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAUtB,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAElD,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAExE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,CAAC;AASF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,KAAK,EACL,MAAM,EACN,UAAU,EACV,YAAY,EACZ,IAAgB,EAChB,IAAe,EACf,QAAgB,EAChB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,aAAuB,GACxB,EAAE,gBAAgB,GAAG,YAAY,CAyHjC;AAGD,QAAA,MAAM,mBAAmB,+CAA0B,CAAC;AACpD,OAAO,EAAC,mBAAmB,IAAI,WAAW,EAAC,CAAC"}
+{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/RadioGroup/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoD,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AAClG,OAAO,KAAK,EAEV,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAUtB,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAElD,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAExE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AASF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,KAAK,EACL,MAAM,EACN,UAAU,EACV,YAAY,EACZ,IAAgB,EAChB,IAAe,EACf,QAAgB,EAChB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,aAAuB,EACvB,kBAAkB,GACnB,EAAE,gBAAgB,GAAG,YAAY,CA8HjC;AAGD,QAAA,MAAM,mBAAmB,+CAA0B,CAAC;AACpD,OAAO,EAAC,mBAAmB,IAAI,WAAW,EAAC,CAAC"}

package/components/uis/RadioGroup/RadioButton.js

@@ -8,7 +8,7 @@ const Container = styled.TouchableOpacity `
   align-items: center;
 `;
 const StyledRadioCircle = Animated.createAnimatedComponent(RadioWrapper);
-export default function RadioButton({ testID, style, styles, endElement, startElement, type = 'primary', size = 'medium', disabled = false, selected, onPress, label, labelPosition = 'right', }) {
+export default function RadioButton({ testID, style, styles, endElement, startElement, type = 'primary', size = 'medium', disabled = false, selected, onPress, label, labelPosition = 'right', accessibilityLabel, }) {
     const [innerLayout, setInnerLayout] = useState();
     const fadeAnim = useRef(new Animated.Value(selected ? 1 : 0)).current;
     const scaleAnim = useRef(new Animated.Value(selected ? 1 : 0)).current;
@@ -62,7 +62,7 @@ export default function RadioButton({ testID, style, styles, endElement, startEl
             transform: [{ scale: scaleAnim }],
         },
     ], [innerLayout, styles?.circle, fadeAnim, scaleAnim]);
-    return (_jsx(Container, { activeOpacity: 0.9, disabled: disabled, onPress: onPress, style: style, testID: testID, children: _jsxs(View, { style: containerStyles, children: [startElement, label && labelPosition === 'left' ? (_jsx(ColoredText, { "$disabled": !!disabled, "$selected": !!selected, "$size": size, style: styles?.label, "$type": type, children: label })) : null, _jsx(RadioButtonWrapper, { "$disabled": disabled, "$selected": !!selected, "$size": size, style: styles?.circleWrapper, "$type": type, children: _jsx(StyledRadioCircle, { "$disabled": !!disabled, onLayout: handleLayout, "$selected": !!selected, style: animatedStyles, testID: `circle-${testID}`, "$type": type }) }), label && labelPosition === 'right' ? (_jsx(ColoredText, { "$disabled": !!disabled, "$selected": !!selected, "$size": size, style: styles?.label, "$type": type, children: label })) : null, endElement] }) }));
+    return (_jsx(Container, { accessibilityLabel: accessibilityLabel ?? label, accessibilityRole: "radio", accessibilityState: { checked: !!selected, disabled }, "aria-checked": !!selected, "aria-disabled": disabled, activeOpacity: 0.9, disabled: disabled, onPress: onPress, style: style, testID: testID, children: _jsxs(View, { style: containerStyles, children: [startElement, label && labelPosition === 'left' ? (_jsx(ColoredText, { "$disabled": !!disabled, "$selected": !!selected, "$size": size, style: styles?.label, "$type": type, children: label })) : null, _jsx(RadioButtonWrapper, { "$disabled": disabled, "$selected": !!selected, "$size": size, style: styles?.circleWrapper, "$type": type, children: _jsx(StyledRadioCircle, { "$disabled": !!disabled, onLayout: handleLayout, "$selected": !!selected, style: animatedStyles, testID: `circle-${testID}`, "$type": type }) }), label && labelPosition === 'right' ? (_jsx(ColoredText, { "$disabled": !!disabled, "$selected": !!selected, "$size": size, style: styles?.label, "$type": type, children: label })) : null, endElement] }) }));
 }
 // Export memoized component for better performance
 const MemoizedRadioButton = React.memo(RadioButton);

package/components/uis/RadioGroup/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAuB,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAIlE,OAAO,KAAK,EAAC,gBAAgB,EAAE,iBAAiB,EAAE,mBAAmB,EAAC,MAAM,eAAe,CAAC;AAC5F,OAAO,eAAe,MAAM,eAAe,CAAC;AAG5C,KAAK,MAAM,GAAG;IACZ,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,WAAW,CAAC,EAAE,iBAAiB,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,WAAW,GACX,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,GACN,OAAO,CAAC;AAEZ,KAAK,KAAK,CAAC,CAAC,IAAI;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,aAAa,EAAE,CAAC,CAAC;IACjB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC;IACjE,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAClC,CAAC;AAWF,iBAAS,mBAAmB,CAAC,CAAC,EAAE,EAC9B,KAAK,EACL,IAAI,EACJ,aAAa,EACb,WAAW,EACX,KAAK,EACL,MAAM,EACN,IAAI,EACJ,IAAe,EACf,QAAgB,EAChB,MAAM,EACN,aAAa,EACb,SAAS,GACV,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG,YAAY,CAyC3C;AAGD,eAAO,MAAM,UAAU,EAAsC,OAAO,mBAAmB,CAAC;AAExF,eAAO,MAAM,WAAW,wBAAkB,CAAC"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAuB,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAIlE,OAAO,KAAK,EACV,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,eAAe,CAAC;AACvB,OAAO,eAAe,MAAM,eAAe,CAAC;AAG5C,KAAK,MAAM,GAAG;IACZ,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,WAAW,CAAC,EAAE,iBAAiB,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,WAAW,GACX,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,GACN,OAAO,CAAC;AAEZ,KAAK,KAAK,CAAC,CAAC,IAAI;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,aAAa,EAAE,CAAC,CAAC;IACjB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC;IACjE,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAClC,CAAC;AAYF,iBAAS,mBAAmB,CAAC,CAAC,EAAE,EAC9B,KAAK,EACL,IAAI,EACJ,aAAa,EACb,WAAW,EACX,KAAK,EACL,MAAM,EACN,IAAI,EACJ,IAAe,EACf,QAAgB,EAChB,MAAM,EACN,aAAa,EACb,SAAS,GACV,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG,YAAY,CAwD3C;AAGD,eAAO,MAAM,UAAU,EAElB,OAAO,mBAAmB,CAAC;AAEhC,eAAO,MAAM,WAAW,wBAAkB,CAAC"}