cpk-ui 0.5.5 → 0.7.0

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,CA6FtC;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}`, accessibilityLabel: typeof item.text === 'string' ? item.text : undefined, accessibilityRole: "button", accessibilityState: { selected: isSelected }, 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.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;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,CAqNtB;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

@@ -181,7 +181,7 @@ export function SwitchToggle({ testID, isOn, style, styles, duration = 300, onEl
             }),
         },
     ], [switchStyles, padding, animXValue]);
-    return (_jsx(TouchableOpacity, { accessibilityLabel: accessibilityLabel, accessibilityRole: "switch", accessibilityState: { checked: isOn }, 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.5",
+  "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 };