cpk-ui 0.5.4 → 0.7.0

package/components/uis/RadioGroup/RadioGroup.js

@@ -10,16 +10,29 @@ const Container = styled.View `
 `;
 const Content = styled.View `
   flex-direction: row;
+  flex-wrap: wrap;
 `;
 function RadioGroupContainer({ title, data, selectedValue, selectValue, style, styles, type, size = 'medium', disabled = false, labels, labelPosition, radioType, }) {
     // Memoize title spacer to avoid re-creating View
-    const titleSpacer = useMemo(() => title ? _jsx(View, { style: { height: 8 } }) : null, [title]);
+    const titleSpacer = useMemo(() => (title ? _jsx(View, { style: { height: 8 } }) : null), [title]);
     // Memoize radio buttons to prevent unnecessary re-renders
     const radioButtons = useMemo(() => data.map((datum, i) => {
         const handlePress = () => !disabled && selectValue?.(datum);
         return (_jsx(RadioButtonComp, { testID: `radio-${i}`, ...radioType, label: labels?.[i] || '', labelPosition: labelPosition, onPress: handlePress, selected: selectedValue === datum, style: styles?.radio, styles: styles?.radioStyles, type: type, size: size, disabled: disabled }, `radio-${i}`));
-    }), [data, selectedValue, selectValue, labels, labelPosition, radioType, styles?.radio, styles?.radioStyles, type, size, disabled]);
-    return (_jsxs(Container, { style: style, children: [title ? _jsx(Typography.Heading3, { style: styles?.title, children: title }) : null, titleSpacer, _jsx(Content, { style: styles?.container, children: radioButtons })] }));
+    }), [
+        data,
+        selectedValue,
+        selectValue,
+        labels,
+        labelPosition,
+        radioType,
+        styles?.radio,
+        styles?.radioStyles,
+        type,
+        size,
+        disabled,
+    ]);
+    return (_jsxs(Container, { style: style, children: [title ? (_jsx(Typography.Heading3, { style: styles?.title, children: title })) : null, titleSpacer, _jsx(Content, { style: styles?.container, testID: "radio-group-content", children: radioButtons })] }));
 }
 // Export memoized component for better performance
 export const RadioGroup = React.memo(RadioGroupContainer);

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

@@ -1 +1 @@
-{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/Rating/Rating.tsx"],"names":[],"mappings":"AACA,OAAc,EAAiC,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AAC/E,OAAO,KAAK,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAiBvD,KAAK,MAAM,GAAG;IACZ,aAAa,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnE,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,KAAK,EACL,MAAM,EACN,aAAiB,EACjB,IAAe,EACf,QAAiB,EACjB,cAAc,EACd,SAAwB,EACxB,eAAsB,EACtB,QAAgB,EAChB,KAAK,GACN,EAAE,WAAW,GAAG,YAAY,CAkJ5B;wBAEoC,OAAO,MAAM;AAAlD,wBAAmD"}
+{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/Rating/Rating.tsx"],"names":[],"mappings":"AACA,OAAc,EAAiC,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AAC/E,OAAO,KAAK,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAiBvD,KAAK,MAAM,GAAG;IACZ,aAAa,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnE,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,KAAK,EACL,MAAM,EACN,aAAiB,EACjB,IAAe,EACf,QAAiB,EACjB,cAAc,EACd,SAAwB,EACxB,eAAsB,EACtB,QAAgB,EAChB,KAAK,GACN,EAAE,WAAW,GAAG,YAAY,CAiK5B;wBAEoC,OAAO,MAAM;AAAlD,wBAAmD"}

package/components/uis/Rating/Rating.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // React import is needed for expo-web
 import React, { useCallback, useMemo, useState } from 'react';
 import { Pressable, View } from 'react-native';
@@ -30,30 +30,34 @@ export function Rating({ testID, style, styles, initialRating = 0, size = 'mediu
     ], [direction, style]);
     const starContainerStyles = useMemo(() => [
         css `
-        width: ${size}px;
+        width: ${iconSize}px;
       `,
         styles?.starContainer,
-    ], [size, styles?.starContainer]);
-    const handlePress = useCallback((newRating, halfPressed) => {
-        const convertedRating = newRating + (!halfPressed ? 0.5 : 0);
-        setRating(convertedRating);
-        if (onRatingUpdate) {
-            onRatingUpdate(convertedRating);
-        }
+    ], [iconSize, styles?.starContainer]);
+    const handlePress = useCallback((newRating) => {
+        setRating(newRating);
+        onRatingUpdate?.(newRating);
     }, [onRatingUpdate]);
-    const renderStarIcon = useCallback(({ key, position, }) => {
+    const renderStarIcon = useCallback(({ key, position }) => {
         const filled = rating >= position + (allowHalfRating ? 0.5 : 0);
         const iconName = filled ? `${iconPrefix}Fill` : `${iconPrefix}`;
         const halfFilled = rating >= position && rating < position + (allowHalfRating ? 0.5 : 0);
-        return (_jsxs(StarContainer, { style: starContainerStyles, testID: testID, children: [halfFilled && allowHalfRating ? (_jsxs(View, { style: { position: 'absolute' }, children: [_jsx(Icon, { color: color, name: `${iconPrefix}`, size: iconSize, style: { position: 'absolute' } }), _jsx(Icon, { color: color, name: `${iconPrefix}HalfFill`, size: iconSize })] })) : (_jsx(Icon, { color: color, name: iconName, size: iconSize, style: { position: 'absolute' } })), _jsx(Pressable, { accessibilityRole: "button", disabled: disabled, onPress: () => handlePress(position, true), children: _jsx(View, { style: {
-                            width: iconSize / 2,
+        return (_jsxs(StarContainer, { style: starContainerStyles, testID: testID, children: [halfFilled && allowHalfRating ? (_jsxs(View, { style: { position: 'absolute' }, children: [_jsx(Icon, { color: color, name: `${iconPrefix}`, size: iconSize, style: { position: 'absolute' } }), _jsx(Icon, { color: color, name: `${iconPrefix}HalfFill`, size: iconSize })] })) : (_jsx(Icon, { color: color, name: iconName, size: iconSize, style: { position: 'absolute' } })), allowHalfRating ? (_jsxs(_Fragment, { children: [_jsx(Pressable, { accessibilityLabel: `Rate ${position} out of 5`, accessibilityRole: "button", accessibilityState: { disabled, selected: rating === position }, "aria-disabled": disabled, "aria-pressed": rating === position, disabled: disabled, onPress: () => handlePress(position), children: _jsx(View, { style: {
+                                    width: iconSize / 2,
+                                    height: iconSize,
+                                    backgroundColor: 'transparent',
+                                } }) }), _jsx(Pressable, { accessibilityLabel: `Rate ${position + 0.5} out of 5`, accessibilityRole: "button", accessibilityState: {
+                                disabled,
+                                selected: rating === position + 0.5,
+                            }, "aria-disabled": disabled, "aria-pressed": rating === position + 0.5, disabled: disabled, onPress: () => handlePress(position + 0.5), children: _jsx(View, { style: {
+                                    width: iconSize / 2,
+                                    height: iconSize,
+                                    backgroundColor: 'transparent',
+                                } }) })] })) : (_jsx(Pressable, { accessibilityLabel: `Rate ${position} out of 5`, accessibilityRole: "button", accessibilityState: { disabled, selected: rating === position }, "aria-disabled": disabled, "aria-pressed": rating === position, disabled: disabled, onPress: () => handlePress(position), children: _jsx(View, { style: {
+                            width: iconSize,
                             height: iconSize,
                             backgroundColor: 'transparent',
-                        } }) }), _jsx(Pressable, { accessibilityRole: "button", disabled: disabled, onPress: () => handlePress(position), children: _jsx(View, { style: {
-                            width: iconSize / 2,
-                            height: iconSize,
-                            backgroundColor: 'transparent',
-                        } }) })] }, key));
+                        } }) }))] }, key));
     }, [
         rating,
         allowHalfRating,
@@ -61,7 +65,7 @@ export function Rating({ testID, style, styles, initialRating = 0, size = 'mediu
         starContainerStyles,
         testID,
         color,
-        size,
+        iconSize,
         disabled,
         handlePress,
     ]);
@@ -69,6 +73,6 @@ export function Rating({ testID, style, styles, initialRating = 0, size = 'mediu
         const position = index + (allowHalfRating ? 0.5 : 1);
         return renderStarIcon({ key: `${_}-${index}`, position });
     }), [allowHalfRating, renderStarIcon]);
-    return (_jsx(Container, { style: containerStyles, children: stars }));
+    return _jsx(Container, { style: containerStyles, children: stars });
 }
 export default React.memo(Rating);

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

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAQlE,MAAM,MAAM,wBAAwB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAC7E,MAAM,MAAM,yBAAyB,GACjC,SAAS,GACT,WAAW,GACX,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,GACN,OAAO,CAAC;AAEZ,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,GAAG,YAAY,CAAC;CAC7B,CAAC;AAEF,KAAK,MAAM,GAAG;IACZ,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/B,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,oBAAoB,EAAE,CAAC;IAC/B,aAAa,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACjD,KAAK,CAAC,EAAE,yBAAyB,CAAC;IAClC,IAAI,CAAC,EAAE,wBAAwB,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AA6EF,iBAAS,yBAAyB,CAAC,EACjC,MAAM,EACN,MAAM,EACN,aAAa,EACb,aAAa,EACb,KAAiB,EACjB,IAAe,EACf,QAAgB,EAChB,KAAK,EACL,MAAM,EACN,YAAgB,GACjB,EAAE,qBAAqB,GAAG,YAAY,CA0FtC;AAGD,eAAO,MAAM,gBAAgB,6DAE5B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAQlE,MAAM,MAAM,wBAAwB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAC7E,MAAM,MAAM,yBAAyB,GACjC,SAAS,GACT,WAAW,GACX,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,GACN,OAAO,CAAC;AAEZ,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,GAAG,YAAY,CAAC;CAC7B,CAAC;AAEF,KAAK,MAAM,GAAG;IACZ,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/B,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,oBAAoB,EAAE,CAAC;IAC/B,aAAa,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACjD,KAAK,CAAC,EAAE,yBAAyB,CAAC;IAClC,IAAI,CAAC,EAAE,wBAAwB,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AA6EF,iBAAS,yBAAyB,CAAC,EACjC,MAAM,EACN,MAAM,EACN,aAAa,EACb,aAAa,EACb,KAAiB,EACjB,IAAe,EACf,QAAgB,EAChB,KAAK,EACL,MAAM,EACN,YAAgB,GACjB,EAAE,qBAAqB,GAAG,YAAY,CA+FtC;AAGD,eAAO,MAAM,gBAAgB,6DAE5B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/components/uis/SegmentedControl/SegmentedControl.js

@@ -86,7 +86,7 @@ function SegmentedControlContainer({ testID, values, selectedValue, onValueChang
             const isSelected = selectedValue === item.value;
             const isFirst = index === 0;
             const isLast = index === values.length - 1;
-            return (_jsx(TouchableOpacity, { testID: `segment-${index}`, activeOpacity: 0.7, disabled: disabled, onPress: () => handlePress(item.value), style: [
+            return (_jsx(TouchableOpacity, { testID: `segment-${index}`, accessibilityLabel: typeof item.text === 'string' ? item.text : undefined, accessibilityRole: "button", accessibilityState: { selected: isSelected }, "aria-disabled": disabled, "aria-pressed": isSelected, activeOpacity: 0.7, disabled: disabled, onPress: () => handlePress(item.value), style: [
                     compositeStyles.segment,
                     isSelected && compositeStyles.selectedSegment,
                     {

package/components/uis/StatusbarBrightness/StatusBarBrightness.d.ts

@@ -1,9 +1,9 @@
 import { type ReactElement } from 'react';
 import type { StatusBarStyle } from 'react-native';
-type StatusBarBrightnessProps = {
+export type StatusBarBrightnessProps = {
     type?: StatusBarStyle;
 };
-declare function StatusBarBrightness({ type }: StatusBarBrightnessProps): ReactElement;
+export declare function StatusBarBrightness({ type, }: StatusBarBrightnessProps): ReactElement;
 declare const _default: typeof StatusBarBrightness;
 export default _default;
 //# sourceMappingURL=StatusBarBrightness.d.ts.map

package/components/uis/StatusbarBrightness/StatusBarBrightness.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBarBrightness.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/StatusbarBrightness/StatusBarBrightness.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAU,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAIjD,KAAK,wBAAwB,GAAG;IAC9B,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,iBAAS,mBAAmB,CAAC,EAAC,IAAI,EAAC,EAAE,wBAAwB,GAAG,YAAY,CAa3E;wBAGiD,OAAO,mBAAmB;AAA5E,wBAA6E"}
+{"version":3,"file":"StatusBarBrightness.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/StatusbarBrightness/StatusBarBrightness.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAU,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAIjD,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,GACL,EAAE,wBAAwB,GAAG,YAAY,CAazC;wBAGiD,OAAO,mBAAmB;AAA5E,wBAA6E"}

package/components/uis/StatusbarBrightness/StatusBarBrightness.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useMemo } from 'react';
 import { StatusBar } from 'react-native';
 import { useTheme } from '../../../providers/ThemeProvider';
-function StatusBarBrightness({ type }) {
+export function StatusBarBrightness({ type, }) {
     const { themeType } = useTheme();
     // Memoize status bar color calculation
     const statusColor = useMemo(() => {

package/components/uis/SwitchToggle/SwitchToggle.d.ts

@@ -22,8 +22,9 @@ type Props = {
     onElement?: any;
     offElement?: any;
     onPress?: () => void;
+    accessibilityLabel?: string;
 };
-export declare function SwitchToggle({ testID, isOn, style, styles, duration, onElement, size, offElement, onPress, }: Props): ReactElement;
+export declare function SwitchToggle({ testID, isOn, style, styles, duration, onElement, size, offElement, onPress, accessibilityLabel, }: Props): ReactElement;
 declare const _default: typeof SwitchToggle;
 export default _default;
 //# sourceMappingURL=SwitchToggle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SwitchToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/SwitchToggle/SwitchToggle.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA4C,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AAC1F,OAAO,KAAK,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAQvD,KAAK,MAAM,GAAG;IACZ,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzE,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AA+CF,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,IAAI,EACJ,KAAK,EACL,MAAM,EACN,QAAc,EACd,SAAS,EACT,IAAe,EACf,UAAU,EACV,OAAO,GACR,EAAE,KAAK,GAAG,YAAY,CAmNtB;wBAG0C,OAAO,YAAY;AAA9D,wBAA+D"}
+{"version":3,"file":"SwitchToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/uis/SwitchToggle/SwitchToggle.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA4C,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AAC1F,OAAO,KAAK,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAQvD,KAAK,MAAM,GAAG;IACZ,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzE,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AA+CF,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,IAAI,EACJ,KAAK,EACL,MAAM,EACN,QAAc,EACd,SAAS,EACT,IAAe,EACf,UAAU,EACV,OAAO,EACP,kBAAkB,GACnB,EAAE,KAAK,GAAG,YAAY,CAsNtB;wBAG0C,OAAO,YAAY;AAA9D,wBAA+D"}

package/components/uis/SwitchToggle/SwitchToggle.js

@@ -43,7 +43,7 @@ const largeCircle = {
     height: 32,
     borderRadius: 16,
 };
-export function SwitchToggle({ testID, isOn, style, styles, duration = 300, onElement, size = 'medium', offElement, onPress, }) {
+export function SwitchToggle({ testID, isOn, style, styles, duration = 300, onElement, size = 'medium', offElement, onPress, accessibilityLabel, }) {
     const { theme } = useTheme();
     // Memoize size-based configurations
     const sizeConfig = useMemo(() => {
@@ -181,7 +181,7 @@ export function SwitchToggle({ testID, isOn, style, styles, duration = 300, onEl
             }),
         },
     ], [switchStyles, padding, animXValue]);
-    return (_jsx(TouchableOpacity, { accessibilityRole: "switch", activeOpacity: 0.8, onPress: onPress, style: style, testID: testID, children: _jsxs(AnimatedContainer, { style: containerStyles, children: [isOn ? OnElement : OffElement, CircleButton] }) }));
+    return (_jsx(TouchableOpacity, { accessibilityLabel: accessibilityLabel, accessibilityRole: "switch", accessibilityState: { checked: isOn }, "aria-checked": isOn, activeOpacity: 0.8, onPress: onPress, style: style, testID: testID, children: _jsxs(AnimatedContainer, { style: containerStyles, children: [isOn ? OnElement : OffElement, CircleButton] }) }));
 }
 // Export memoized component for better performance
 export default React.memo(SwitchToggle);

package/hooks/useHoverState.d.ts

@@ -0,0 +1,8 @@
+import { type ViewProps } from 'react-native';
+type HoverProps = Pick<ViewProps, 'onPointerEnter' | 'onPointerLeave'>;
+export declare function useHoverState(): {
+    hovered: boolean;
+    hoverProps: HoverProps;
+};
+export {};
+//# sourceMappingURL=useHoverState.d.ts.map

package/hooks/useHoverState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHoverState.d.ts","sourceRoot":"","sources":["../../src/hooks/useHoverState.ts"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,SAAS,EAAC,MAAM,cAAc,CAAC;AAEtD,KAAK,UAAU,GAAG,IAAI,CAAC,SAAS,EAAE,gBAAgB,GAAG,gBAAgB,CAAC,CAAC;AAEvE,wBAAgB,aAAa,IAAI;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;CACxB,CAeA"}

package/hooks/useHoverState.js

@@ -0,0 +1,16 @@
+import { useCallback, useState } from 'react';
+import { Platform } from 'react-native';
+export function useHoverState() {
+    const [hovered, setHovered] = useState(false);
+    const handlePointerEnter = useCallback(() => setHovered(true), []);
+    const handlePointerLeave = useCallback(() => setHovered(false), []);
+    return {
+        hovered,
+        hoverProps: Platform?.OS === 'web'
+            ? {
+                onPointerEnter: handlePointerEnter,
+                onPointerLeave: handlePointerLeave,
+            }
+            : {},
+    };
+}

package/package.json

@@ -1,28 +1,40 @@
 {
   "name": "cpk-ui",
-  "version": "0.5.4",
+  "version": "0.7.0",
   "main": "index",
   "react-native": "index",
   "module": "index",
   "source": "index",
   "types": "index.d.ts",
+  "files": [
+    "components",
+    "hooks",
+    "providers",
+    "types",
+    "utils",
+    "index.js",
+    "index.d.ts",
+    "index.d.ts.map",
+    "react-native.config.cjs",
+    "README.md"
+  ],
   "author": "hyochan",
   "license": "MIT",
   "scripts": {
-    "pack": "yarn pack",
-    "publish:next": "npm publish <package>.tgz --tag next"
+    "pack": "npm pack --dry-run",
+    "prepublishOnly": "node ../scripts/assert-ci-publish.js"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/crossplatformkorea/cpk-ui"
+    "url": "git+https://github.com/crossplatformkorea/cpk-ui.git"
   },
   "bugs": {
     "url": "https://github.com/crossplatformkorea/cpk-ui/issues"
   },
   "homepage": "https://github.com/crossplatformkorea/cpk-ui#readme",
   "peerDependencies": {
-    "kstyled": ">=0.3.0",
-    "babel-plugin-kstyled": ">=0.3.0",
+    "kstyled": "^0.4.1",
+    "babel-plugin-kstyled": "^0.4.1",
     "react": ">=16.9",
     "react-native": ">=0.58",
     "react-native-gesture-handler": "*",

package/providers/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/providers/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAE3B,OAAc,EAAsB,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AACpE,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAGlD,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,KAAK,EAAC,QAAQ,EAAE,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAKzD,KAAK,oBAAoB,GAAG,cAAc,GAAG,eAAe,CAAC;AAC7D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE,eAAe,CAAC;IAC3B,KAAK,EAAE;QACL,UAAU,EAAE,OAAO,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;QAClB,QAAQ,EAAE,OAAO,CAAC;QAClB,SAAS,EAAE,OAAO,CAAC;KACpB,CAAC;IACF,KAAK,EAAE,YAAY,GAAG,QAAQ,CAAC;IAC/B,eAAe,EAAE,CAAC,SAAS,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,QAAA,MAAO,MAAM,oBAA0C,CAAC;AAExD,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,UAAU,CAAC;IAOzB,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;CAC7C,CAAC;AAyDF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,gBAAgB,EAChB,WAAgB,EAChB,oBAAqC,GACtC,EAAE,UAAU,GAAG,YAAY,CAuE3B;AAED,OAAO,EAAC,MAAM,IAAI,QAAQ,EAAC,CAAC"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/providers/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAE3B,OAAc,EAAsB,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AACpE,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAGlD,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,KAAK,EAAC,QAAQ,EAAE,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAKzD,KAAK,oBAAoB,GAAG,cAAc,GAAG,eAAe,CAAC;AAC7D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE,eAAe,CAAC;IAC3B,KAAK,EAAE;QACL,UAAU,EAAE,OAAO,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;QAClB,QAAQ,EAAE,OAAO,CAAC;QAClB,SAAS,EAAE,OAAO,CAAC;KACpB,CAAC;IACF,KAAK,EAAE,YAAY,GAAG,QAAQ,CAAC;IAC/B,eAAe,EAAE,CAAC,SAAS,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,QAAA,MAAO,MAAM,oBAA0C,CAAC;AAExD,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,UAAU,CAAC;IAOzB,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;CAC7C,CAAC;AAyDF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,gBAAgB,EAChB,WAAgB,EAChB,oBAAqC,GACtC,EAAE,UAAU,GAAG,YAAY,CAqE3B;AAED,OAAO,EAAC,MAAM,IAAI,QAAQ,EAAC,CAAC"}

package/providers/ThemeProvider.js

@@ -61,7 +61,6 @@ const genTheme = (type, themeParam) => {
     };
 };
 export function ThemeProvider({ children, initialThemeType, customTheme = {}, responsiveDesignMode = 'mobile-first', }) {
-    console.log('🎨 ThemeProvider rendered with initialThemeType:', initialThemeType);
     const isPortrait = useMediaQuery({ orientation: 'portrait' });
     const isMobile = useMediaQuery(responsiveDesignMode === 'mobile-first'
         ? { minWidth: 0 }

package/providers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/providers/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgC,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AAM9E,OAAO,EACL,YAAY,EACZ,UAAU,EAGX,MAAM,iBAAiB,CAAC;AACzB,OAAiB,EACf,eAAe,EACf,eAAe,EAChB,MAAM,wCAAwC,CAAC;AAChD,OAAoB,EAClB,kBAAkB,EACnB,MAAM,8CAA8C,CAAC;AAGtD,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC;AAClD,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,eAAe,CAAC;IAC1B,WAAW,EAAE,kBAAkB,CAAC;CACjC,GAAG,YAAY,CAAC;AAEjB,QAAA,MAAO,MAAM,kBAAqC,CAAC;AAmFnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAC3C,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,QAAQ,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,iBAAS,oBAAoB,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAQnE;AAED,OAAO,EAAC,MAAM,IAAI,MAAM,EAAE,oBAAoB,IAAI,WAAW,EAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/providers/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgC,KAAK,YAAY,EAAC,MAAM,OAAO,CAAC;AAO9E,OAAO,EACL,YAAY,EACZ,UAAU,EAGX,MAAM,iBAAiB,CAAC;AACzB,OAAiB,EACf,eAAe,EACf,eAAe,EAChB,MAAM,wCAAwC,CAAC;AAChD,OAAoB,EAClB,kBAAkB,EACnB,MAAM,8CAA8C,CAAC;AAGtD,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC;AAClD,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,eAAe,CAAC;IAC1B,WAAW,EAAE,kBAAkB,CAAC;CACjC,GAAG,YAAY,CAAC;AAEjB,QAAA,MAAO,MAAM,kBAAqC,CAAC;AA+EnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAC3C,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,QAAQ,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF,iBAAS,oBAAoB,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAUnE;AAED,OAAO,EAAC,MAAM,IAAI,MAAM,EAAE,oBAAoB,IAAI,WAAW,EAAC,CAAC"}

package/providers/index.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef } from 'react';
 import { View } from 'react-native';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
 import { css } from 'kstyled';
 import { useFonts } from 'expo-font';
 import createCtx from '../utils/createCtx';
@@ -9,7 +10,7 @@ import Snackbar from '../components/modals/Snackbar/Snackbar';
 import AlertDialog from '../components/modals/AlertDialog/AlertDialog';
 import { LoadingIndicator } from '../components/uis/LoadingIndicator/LoadingIndicator';
 const [useCtx, Provider] = createCtx();
-function AppProvider({ children, }) {
+function AppProvider({ children }) {
     const [assetLoaded] = useFonts({
         cpk: require('../components/uis/Icon/cpk.ttf'),
         'Pretendard-Bold': require('../components/uis/Icon/Pretendard-Bold.otf'),
@@ -57,6 +58,6 @@ function AppProvider({ children, }) {
 }
 function CpkWithThemeProvider(props) {
     const { themeConfig } = props;
-    return (_jsx(ThemeProvider, { ...themeConfig, children: _jsx(AppProvider, { ...props }) }));
+    return (_jsx(ThemeProvider, { ...themeConfig, children: _jsx(SafeAreaProvider, { children: _jsx(AppProvider, { ...props }) }) }));
 }
 export { useCtx as useCPK, CpkWithThemeProvider as CpkProvider };