npm - @situaction/traquiste-mobile - Versions diffs - 1.0.0 → 1.2.0 - Mend

@situaction/traquiste-mobile 1.0.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (471) hide show

package/build/components/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;~~AA2BtD~~,kDAAkD;AAElD,MAAM,WAAW,GAAG;IAClB,CAAC,EAAG,EAAE,MAAM,EAAE,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAG,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;IACpI,CAAC,EAAG,EAAE,MAAM,EAAE,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAG,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;IACpI,CAAC,EAAG,EAAE,MAAM,EAAE,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;IACpI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;CAC5H,CAAC;AAEX,oBAAoB;AAEpB,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,GAAG,EACV,OAAO,GAAG,WAAW,EACrB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,KAAK,~~GACO~~;IACZ,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;~~IAE9B~~,MAAM,UAAU,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IACtE,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,UAAU,GAAG,OAAO,KAAK,WAAW,IAAI,OAAO,KAAK,mBAAmB,CAAC;IAC9E,MAAM,YAAY,GAAG,OAAO,KAAK,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC;IACtF,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,KAAK,aAAa,CAAC;IAEvD,MAAM,cAAc,GAAc;QAChC,MAAM,EAAE,UAAU,CAAC,MAAM;QACzB,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,eAAe;QACpE,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,iBAAiB;QACxE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QACjD,YAAY;QACZ,GAAG,EAAE,UAAU,CAAC,GAAG;QACnB,eAAe,EAAE,WAAW,CAAC,UAAU;QACvC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;QACtC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QACvD,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,aAAa,EAAE,KAAK;KACrB,CAAC;IAEF,MAAM,SAAS,GAAG;QAChB,KAAK,EAAE,WAAW,CAAC,IAAI;QACvB,QAAQ,EAAE,UAAU,CAAC,QAAQ;QAC7B,UAAU,EAAE,UAAU,CAAC,UAAU;QACjC,UAAU~~,EAAE,UAAU~~;~~QACtB~~,UAAU,EAAE,~~KAAc~~;~~KAC3B~~,CAAC;IAEF,uEAAuE;IACvE,MAAM,SAAS,GAAG,CAAC,IAAoC,EAAE,EAAE;QACzD,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC;QACvB,OAAO,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;YAC9B,IAAI,EAAE,UAAU,CAAC,QAAQ;YACzB,KAAK,EAAE,WAAW,CAAC,IAAI;YACvB,GAAI,IAAI,CAAC,KAAiC;SACjC,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,CAAC,SAAS,CACR,aAAa,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAC1C,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAClC,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CACpC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CACxC,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,~~CAE~~/B;QAAA,CAAC,SAAS,CAAC,QAAQ,CAAC,CACtB;MAAA,EAAE,SAAS,CAAC,CACb,CAAC;IACJ,CAAC;IAED,OAAO,CACL,CAAC,SAAS,CACR,aAAa,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAC1C,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAClC,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CACpC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CACxC,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,~~CAE~~/B;MAAA,CAAC,SAAS,CAAC,QAAQ,CAAC,CACpB;MAAA,CAAC,KAAK,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CACxD;MAAA,CAAC,SAAS,CAAC,SAAS,CAAC,CACvB;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC","sourcesContent":["/*\n Button component for Traq[UI]ste Mobile.\n * Supports four variants, four sizes and three content layouts.\n /\nimport React, { useState } from 'react';\nimport { Pressable, Text } from 'react-native';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\n\nexport type ButtonVariant = 'primary' \| 'tertiary' \| 'ghost' \| 'destructive';\nexport type ButtonSize = 'S' \| 'M' \| 'L' \| 'XL';\nexport type ButtonContent = 'icon-only' \| 'icon-only-rounded' \| 'icon-both';\n\nexport interface ButtonProps {\n /* Button visual variant /\n variant?: ButtonVariant;\n /* Button size /\n size?: ButtonSize;\n /* Content layout /\n content?: ButtonContent;\n /* Label text — required when content is 'icon-both' /\n label?: string;\n /* Left icon component (Phosphor icon) /\n iconLeft?: React.ReactElement;\n /* Right icon component (Phosphor icon) /\n iconRight?: React.ReactElement;\n /* Disabled state /\n disabled?: boolean;\n /* Press handler /\n onPress?: () => void;\n /* Additional container styles */\n style?: StyleProp<ViewStyle>;\n}\n\n// --- Size tokens (static, theme-independent) ---\n\nconst SIZE_TOKENS = {\n S: { height: 36, paddingVertical: 10, paddingHorizontal: 10, gap: 8, borderRadius: 8, iconSize: 16, fontSize: 12, lineHeight: 16 },\n M: { height: 40, paddingVertical: 10, paddingHorizontal: 16, gap: 4, borderRadius: 8, iconSize: 18, fontSize: 14, lineHeight: 20 },\n L: { height: 48, paddingVertical: 12, paddingHorizontal: 12, gap: 10, borderRadius: 8, iconSize: 20, fontSize: 16, lineHeight: 24 },\n XL: { height: 60, paddingVertical: 16, paddingHorizontal: 32, gap: 12, borderRadius: 8, iconSize: 24, fontSize: 18, lineHeight: 26 },\n} as const;\n\n// --- Component ---\n\nexport function Button({\n variant = 'primary',\n size = 'M',\n content = 'icon-both',\n label,\n iconLeft,\n iconRight,\n disabled = false,\n onPress,\n style,\n}: ButtonProps) {\n const [pressed, setPressed] = useState(false);\n const { colors } = useTheme();\n\n const sizeTokens = SIZE_TOKENS[size];\n const state = disabled ? 'disabled' : pressed ? 'pressed' : 'default';\n const colorTokens = colors.button[variant][state];\n\n const isIconOnly = content === 'icon-only' \|\| content === 'icon-only-rounded';\n const borderRadius = content === 'icon-only-rounded' ? 9999 : sizeTokens.borderRadius;\n const hasBorder = colorTokens.border !== 'transparent';\n\n const containerStyle: ViewStyle = {\n height: sizeTokens.height,\n paddingVertical: isIconOnly ? undefined : sizeTokens.paddingVertical,\n paddingHorizontal: isIconOnly ? undefined : sizeTokens.paddingHorizontal,\n width: isIconOnly ? sizeTokens.height : undefined,\n borderRadius,\n gap: sizeTokens.gap,\n backgroundColor: colorTokens.background,\n borderWidth: hasBorder ? 1 : undefined,\n borderColor: hasBorder ? colorTokens.border : undefined,\n alignItems: 'center',\n justifyContent: 'center',\n flexDirection: 'row',\n };\n\n const textStyle = {\n color: colorTokens.text,\n fontSize: sizeTokens.fontSize,\n lineHeight: sizeTokens.lineHeight,\n fontFamily~~: 'Urbanist'~~,\n fontWeight: '500' as ~~const~~,\n };\n\n // Clone icon elements to inject size and color from active theme state\n const cloneIcon = (icon: React.ReactElement \| undefined) => {\n if (!icon) return null;\n return React.cloneElement(icon, {\n size: sizeTokens.iconSize,\n color: colorTokens.icon,\n ...(icon.props as Record<string, unknown>),\n } as object);\n };\n\n if (isIconOnly) {\n return (\n <Pressable\n pointerEvents={disabled ? 'none' : 'auto'}\n onPressIn={() => setPressed(true)}\n onPressOut={() => setPressed(false)}\n onPress={disabled ? undefined : onPress}\n style={[containerStyle, style]}\n >\n {cloneIcon(iconLeft)}\n </Pressable>\n );\n }\n\n return (\n <Pressable\n pointerEvents={disabled ? 'none' : 'auto'}\n onPressIn={() => setPressed(true)}\n onPressOut={() => setPressed(false)}\n onPress={disabled ? undefined : onPress}\n style={[containerStyle, style]}\n >\n {cloneIcon(iconLeft)}\n {label != null && <Text style={textStyle}>{label}</Text>}\n {cloneIcon(iconRight)}\n </Pressable>\n );\n}"]}
1	+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n Button component for Traq[UI]ste Mobile.\n * Supports four variants, four sizes and three content layouts.\n /\nimport React, { useState } from 'react';\nimport { Pressable, Text } from 'react-native';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\n\nexport type ButtonVariant = 'primary' \| 'tertiary' \| 'ghost' \| 'destructive';\nexport type ButtonSize = 'S' \| 'M' \| 'L' \| 'XL';\nexport type ButtonContent = 'icon-only' \| 'icon-only-rounded' \| 'icon-both';\n\nexport interface ButtonProps {\n /* Button visual variant /\n variant?: ButtonVariant;\n /* Button size /\n size?: ButtonSize;\n /* Content layout /\n content?: ButtonContent;\n /* Label text — required when content is 'icon-both' /\n label?: string;\n /* Left icon component (Phosphor icon) /\n iconLeft?: React.ReactElement;\n /* Right icon component (Phosphor icon) /\n iconRight?: React.ReactElement;\n /* Disabled state /\n disabled?: boolean;\n /* Press handler /\n onPress?: () => void;\n /* Additional container styles /\n style?: StyleProp<ViewStyle>;\n /* Accessibility label for screen readers — defaults to label when omitted /\n accessibilityLabel?: string;\n /* Test identifier */\n testID?: string;\n}\n\n// --- Size tokens (static, theme-independent) ---\n\nconst SIZE_TOKENS = {\n S: { height: 36, paddingVertical: 10, paddingHorizontal: 10, gap: 8, borderRadius: 8, iconSize: 16, fontSize: 12, lineHeight: 16 },\n M: { height: 40, paddingVertical: 10, paddingHorizontal: 16, gap: 4, borderRadius: 8, iconSize: 18, fontSize: 14, lineHeight: 20 },\n L: { height: 48, paddingVertical: 12, paddingHorizontal: 12, gap: 10, borderRadius: 8, iconSize: 20, fontSize: 16, lineHeight: 24 },\n XL: { height: 60, paddingVertical: 16, paddingHorizontal: 32, gap: 12, borderRadius: 8, iconSize: 24, fontSize: 18, lineHeight: 26 },\n} as const;\n\n// --- Component ---\n\nexport function Button({\n variant = 'primary',\n size = 'M',\n content = 'icon-both',\n label,\n iconLeft,\n iconRight,\n disabled = false,\n onPress,\n style,\n accessibilityLabel,\n testID,\n}: ButtonProps) {\n const [pressed, setPressed] = useState(false);\n const { colors, fontFamily } = useTheme();\n\n const sizeTokens = SIZE_TOKENS[size];\n const state = disabled ? 'disabled' : pressed ? 'pressed' : 'default';\n const colorTokens = colors.button[variant][state];\n\n const isIconOnly = content === 'icon-only' \|\| content === 'icon-only-rounded';\n const borderRadius = content === 'icon-only-rounded' ? 9999 : sizeTokens.borderRadius;\n const hasBorder = colorTokens.border !== 'transparent';\n\n const containerStyle: ViewStyle = {\n height: sizeTokens.height,\n paddingVertical: isIconOnly ? undefined : sizeTokens.paddingVertical,\n paddingHorizontal: isIconOnly ? undefined : sizeTokens.paddingHorizontal,\n width: isIconOnly ? sizeTokens.height : undefined,\n borderRadius,\n gap: sizeTokens.gap,\n backgroundColor: colorTokens.background,\n borderWidth: hasBorder ? 1 : undefined,\n borderColor: hasBorder ? colorTokens.border : undefined,\n alignItems: 'center',\n justifyContent: 'center',\n flexDirection: 'row',\n };\n\n const textStyle = {\n color: colorTokens.text,\n fontSize: sizeTokens.fontSize,\n lineHeight: sizeTokens.lineHeight,\n fontFamily,\n fontWeight: (variant === 'ghost' ? '600' : '500') as '600' \| '500',\n };\n\n // Clone icon elements to inject size and color from active theme state\n const cloneIcon = (icon: React.ReactElement \| undefined) => {\n if (!icon) return null;\n return React.cloneElement(icon, {\n size: sizeTokens.iconSize,\n color: colorTokens.icon,\n ...(icon.props as Record<string, unknown>),\n } as object);\n };\n\n const sharedA11y = {\n accessibilityRole: 'button' as const,\n accessibilityLabel: accessibilityLabel ?? label,\n accessibilityState: { disabled },\n testID,\n };\n\n if (isIconOnly) {\n return (\n <Pressable\n pointerEvents={disabled ? 'none' : 'auto'}\n onPressIn={() => setPressed(true)}\n onPressOut={() => setPressed(false)}\n onPress={disabled ? undefined : onPress}\n style={[containerStyle, style]}\n {...sharedA11y}\n >\n {cloneIcon(iconLeft)}\n </Pressable>\n );\n }\n\n return (\n <Pressable\n pointerEvents={disabled ? 'none' : 'auto'}\n onPressIn={() => setPressed(true)}\n onPressOut={() => setPressed(false)}\n onPress={disabled ? undefined : onPress}\n style={[containerStyle, style]}\n {...sharedA11y}\n >\n {cloneIcon(iconLeft)}\n {label != null && <Text style={textStyle}>{label}</Text>}\n {cloneIcon(iconRight)}\n </Pressable>\n );\n}"]}

package/build/components/ButtonAction/ButtonAction.d.ts CHANGED Viewed

@@ -16,6 +16,10 @@ export interface ButtonActionProps {
     onPress?: () => void;
     /** Additional container styles */
     style?: StyleProp<ViewStyle>;
+    /** Accessibility label for screen readers — recommended for icon-only buttons */
+    accessibilityLabel?: string;
+    /** Test identifier */
+    testID?: string;
 }
-export declare function ButtonAction({ icon, size, disabled, onPress, style, }: ButtonActionProps): React.JSX.Element;
+export declare function ButtonAction({ icon, size, disabled, onPress, style, accessibilityLabel, testID, }: ButtonActionProps): React.JSX.Element;
 //# sourceMappingURL=ButtonAction.d.ts.map

package/build/components/ButtonAction/ButtonAction.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonAction.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonAction/ButtonAction.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzD,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,CAAC;AAErE,MAAM,WAAW,iBAAiB;IAChC,wCAAwC;IACxC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,gBAAgB;IAChB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;~~CAC9B~~;AAWD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAU,EACV,QAAgB,EAChB,OAAO,EACP,KAAK,~~GACN~~,EAAE,iBAAiB,~~qBA2BnB~~"}
1	+ {"version":3,"file":"ButtonAction.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonAction/ButtonAction.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzD,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,CAAC;AAErE,MAAM,WAAW,iBAAiB;IAChC,wCAAwC;IACxC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,gBAAgB;IAChB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,iFAAiF;IACjF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAWD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAU,EACV,QAAgB,EAChB,OAAO,EACP,KAAK,EACL,kBAAkB,EAClB,MAAM,GACP,EAAE,iBAAiB,qBA+BnB"}

package/build/components/ButtonAction/ButtonAction.js CHANGED Viewed

@@ -13,7 +13,7 @@ const ICON_SIZE = {
     XL: 28,
     XXL: 32,
 };
-export function ButtonAction({ icon, size = 'M', disabled = false, onPress, style, }) {
+export function ButtonAction({ icon, size = 'M', disabled = false, onPress, style, accessibilityLabel, testID, }) {
     const { colors } = useTheme();
     const iconPx = ICON_SIZE[size];
     const containerStyle = {
@@ -28,7 +28,7 @@ export function ButtonAction({ icon, size = 'M', disabled = false, onPress, styl
         color: colors.text.primary,
         ...icon.props,
     });
-    return (<Pressable pointerEvents={disabled ? 'none' : 'auto'} onPress={disabled ? undefined : onPress} style={[containerStyle, style]}>
+    return (<Pressable pointerEvents={disabled ? 'none' : 'auto'} onPress={disabled ? undefined : onPress} style={[containerStyle, style]} accessibilityRole="button" accessibilityLabel={accessibilityLabel} accessibilityState={{ disabled }} testID={testID}>
       {clonedIcon}
     </Pressable>);
 }

package/build/components/ButtonAction/ButtonAction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonAction.js","sourceRoot":"","sources":["../../../src/components/ButtonAction/ButtonAction.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;~~AAiBtD~~,MAAM,SAAS,GAAqC;IAClD,EAAE,EAAG,EAAE;IACP,CAAC,EAAI,EAAE;IACP,CAAC,EAAI,EAAE;IACP,CAAC,EAAI,EAAE;IACP,EAAE,EAAG,EAAE;IACP,GAAG,EAAE,EAAE;CACR,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAI,GAAG,GAAG,EACV,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,KAAK,~~GACa~~;IAClB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC9B,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;IAE/B,MAAM,cAAc,GAAc;QAChC,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC3B,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;QAC1C,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO;QAC1B,GAAI,IAAI,CAAC,KAAiC;KACjC,CAAC,CAAC;IAEb,OAAO,CACL,CAAC,SAAS,CACR,aAAa,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAC1C,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CACxC,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,~~CAE~~/B;MAAA,CAAC,UAAU,CACb;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC","sourcesContent":["/*\n ButtonAction component — bare icon-only pressable with no background or border.\n * Extends Button size range with XS and XXL sizes.\n /\nimport React from 'react';\nimport { Pressable } from 'react-native';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\n\nexport type ButtonActionSize = 'XS' \| 'S' \| 'M' \| 'L' \| 'XL' \| 'XXL';\n\nexport interface ButtonActionProps {\n /* Icon component (Phosphor Duotone) /\n icon: React.ReactElement;\n /* Icon size /\n size?: ButtonActionSize;\n /* Disabled state /\n disabled?: boolean;\n /* Press handler /\n onPress?: () => void;\n /* Additional container styles */\n style?: StyleProp<ViewStyle>;\n}\n\nconst ICON_SIZE: Record<ButtonActionSize, number> = {\n XS: 12,\n S: 16,\n M: 20,\n L: 24,\n XL: 28,\n XXL: 32,\n};\n\nexport function ButtonAction({\n icon,\n size = 'M',\n disabled = false,\n onPress,\n style,\n}: ButtonActionProps) {\n const { colors } = useTheme();\n const iconPx = ICON_SIZE[size];\n\n const containerStyle: ViewStyle = {\n width: iconPx,\n height: iconPx,\n opacity: disabled ? 0.5 : 1,\n alignItems: 'center',\n justifyContent: 'center',\n };\n\n const clonedIcon = React.cloneElement(icon, {\n size: iconPx,\n color: colors.text.primary,\n ...(icon.props as Record<string, unknown>),\n } as object);\n\n return (\n <Pressable\n pointerEvents={disabled ? 'none' : 'auto'}\n onPress={disabled ? undefined : onPress}\n style={[containerStyle, style]}\n >\n {clonedIcon}\n </Pressable>\n );\n}"]}
1	+ {"version":3,"file":"ButtonAction.js","sourceRoot":"","sources":["../../../src/components/ButtonAction/ButtonAction.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAqBtD,MAAM,SAAS,GAAqC;IAClD,EAAE,EAAG,EAAE;IACP,CAAC,EAAI,EAAE;IACP,CAAC,EAAI,EAAE;IACP,CAAC,EAAI,EAAE;IACP,EAAE,EAAG,EAAE;IACP,GAAG,EAAE,EAAE;CACR,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAI,GAAG,GAAG,EACV,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,KAAK,EACL,kBAAkB,EAClB,MAAM,GACY;IAClB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC9B,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;IAE/B,MAAM,cAAc,GAAc;QAChC,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC3B,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;QAC1C,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO;QAC1B,GAAI,IAAI,CAAC,KAAiC;KACjC,CAAC,CAAC;IAEb,OAAO,CACL,CAAC,SAAS,CACR,aAAa,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAC1C,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CACxC,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAC/B,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,kBAAkB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CACjC,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,UAAU,CACb;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC","sourcesContent":["/*\n ButtonAction component — bare icon-only pressable with no background or border.\n * Extends Button size range with XS and XXL sizes.\n /\nimport React from 'react';\nimport { Pressable } from 'react-native';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\n\nexport type ButtonActionSize = 'XS' \| 'S' \| 'M' \| 'L' \| 'XL' \| 'XXL';\n\nexport interface ButtonActionProps {\n /* Icon component (Phosphor Duotone) /\n icon: React.ReactElement;\n /* Icon size /\n size?: ButtonActionSize;\n /* Disabled state /\n disabled?: boolean;\n /* Press handler /\n onPress?: () => void;\n /* Additional container styles /\n style?: StyleProp<ViewStyle>;\n /* Accessibility label for screen readers — recommended for icon-only buttons /\n accessibilityLabel?: string;\n /* Test identifier */\n testID?: string;\n}\n\nconst ICON_SIZE: Record<ButtonActionSize, number> = {\n XS: 12,\n S: 16,\n M: 20,\n L: 24,\n XL: 28,\n XXL: 32,\n};\n\nexport function ButtonAction({\n icon,\n size = 'M',\n disabled = false,\n onPress,\n style,\n accessibilityLabel,\n testID,\n}: ButtonActionProps) {\n const { colors } = useTheme();\n const iconPx = ICON_SIZE[size];\n\n const containerStyle: ViewStyle = {\n width: iconPx,\n height: iconPx,\n opacity: disabled ? 0.5 : 1,\n alignItems: 'center',\n justifyContent: 'center',\n };\n\n const clonedIcon = React.cloneElement(icon, {\n size: iconPx,\n color: colors.text.primary,\n ...(icon.props as Record<string, unknown>),\n } as object);\n\n return (\n <Pressable\n pointerEvents={disabled ? 'none' : 'auto'}\n onPress={disabled ? undefined : onPress}\n style={[containerStyle, style]}\n accessibilityRole=\"button\"\n accessibilityLabel={accessibilityLabel}\n accessibilityState={{ disabled }}\n testID={testID}\n >\n {clonedIcon}\n </Pressable>\n );\n}"]}

package/build/components/ButtonMap/ButtonMap.d.ts CHANGED Viewed

@@ -13,6 +13,10 @@ export interface ButtonMapProps {
     onPress?: () => void;
     /** Additional container styles */
     style?: StyleProp<ViewStyle>;
+    /** Accessibility label for screen readers */
+    accessibilityLabel?: string;
+    /** Test identifier */
+    testID?: string;
 }
-export declare function ButtonMap({ icon, disabled, onPress, style }: ButtonMapProps): React.JSX.Element;
+export declare function ButtonMap({ icon, disabled, onPress, style, accessibilityLabel, testID }: ButtonMapProps): React.JSX.Element;
 //# sourceMappingURL=ButtonMap.d.ts.map

package/build/components/ButtonMap/ButtonMap.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonMap.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonMap/ButtonMap.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;~~AAGzD~~,MAAM,WAAW,cAAc;IAC7B,wCAAwC;IACxC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;~~CAC9B~~;~~AAUD~~,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,cAAc,~~qBAY3E~~"}
1	+ {"version":3,"file":"ButtonMap.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonMap/ButtonMap.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzD,MAAM,WAAW,cAAc;IAC7B,wCAAwC;IACxC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,kBAAkB,EAAE,MAAM,EAAE,EAAE,cAAc,qBAwBvG"}

package/build/components/ButtonMap/ButtonMap.js CHANGED Viewed

@@ -3,15 +3,17 @@
  * Applies a specific cartography shadow (Below/Minimal).
  */
 import React from 'react';
+import { useTheme } from '../../context/ThemeContext';
 import { Button } from '../Button';
-const shadowStyle = {
-    shadowColor: '#0f0f0f0d',
-    shadowOffset: { width: 0, height: 4 },
-    shadowRadius: 5,
-    shadowOpacity: 1,
-    elevation: 3,
-};
-export function ButtonMap({ icon, disabled, onPress, style }) {
-    return (<Button variant="tertiary" content="icon-only-rounded" size="S" iconLeft={icon} disabled={disabled} onPress={onPress} style={[shadowStyle, style]}/>);
+export function ButtonMap({ icon, disabled, onPress, style, accessibilityLabel, testID }) {
+    const { colors } = useTheme();
+    const shadowStyle = {
+        shadowColor: colors.shadow.minimal,
+        shadowOffset: { width: 0, height: 4 },
+        shadowRadius: 5,
+        shadowOpacity: 1,
+        elevation: 3,
+    };
+    return (<Button variant="tertiary" content="icon-only-rounded" size="S" iconLeft={icon} disabled={disabled} onPress={onPress} style={[shadowStyle, style]} accessibilityLabel={accessibilityLabel} testID={testID}/>);
 }
 //# sourceMappingURL=ButtonMap.js.map

package/build/components/ButtonMap/ButtonMap.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonMap.js","sourceRoot":"","sources":["../../../src/components/ButtonMap/ButtonMap.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,~~MAAM~~,EAAE,MAAM,~~WAAW~~,CAAC;~~AAanC~~,MAAM,WAAW,~~GAAc~~;~~IAC7B~~,~~WAAW~~,EAAE,~~WAAW;IACxB~~,~~YAAY~~,EAAE,EAAE,KAAK,EAAE,~~CAAC~~,EAAE,MAAM,EAAE,~~CAAC~~,EAAE~~;IACrC~~,~~YAAY~~,EAAE,CAAC;~~IACf~~,~~aAAa~~,~~EAAE~~,~~CAAC~~;~~IAChB~~,~~SAAS~~,EAAE,CAAC~~;CACb~~,CAAC;~~AAEF~~,~~MAAM~~,~~UAAU~~,~~SAAS~~,CAAC,EAAE,~~IAAI~~,EAAE,~~QAAQ~~,EAAE,~~OAAO~~,EAAE,~~KAAK~~,~~EAAkB~~;~~IAC1E~~,OAAO,CACL,CAAC,MAAM,CACL,OAAO,CAAC,UAAU,CAClB,OAAO,CAAC,mBAAmB,CAC3B,IAAI,CAAC,GAAG,CACR,QAAQ,CAAC,CAAC,IAAI,CAAC,CACf,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,~~EAC5B~~,CACH,CAAC;AACJ,CAAC","sourcesContent":["/*\n ButtonMap component — icon-only-rounded Button wrapper for map UI.\n * Applies a specific cartography shadow (Below/Minimal).\n /\nimport React from 'react';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { Button } from '../Button';\n\nexport interface ButtonMapProps {\n /* Icon component (Phosphor Duotone) /\n icon: React.ReactElement;\n /* Disabled state /\n disabled?: boolean;\n /* Press handler /\n onPress?: () => void;\n /* Additional container styles */\n style?: StyleProp<ViewStyle>;\n}\n\~~nconst~~ shadowStyle: ViewStyle = {\n shadowColor: ~~'#0f0f0f0d'~~,\n shadowOffset: { width: 0, height: 4 },\n shadowRadius: 5,\n shadowOpacity: 1,\n elevation: 3,\n};\n\~~nexport function ButtonMap({ icon, disabled, onPress, style }: ButtonMapProps) {\~~n return (\n <Button\n variant=\"tertiary\"\n content=\"icon-only-rounded\"\n size=\"S\"\n iconLeft={icon}\n disabled={disabled}\n onPress={onPress}\n style={[shadowStyle, style]}\n />\n );\n}"]}
1	+ {"version":3,"file":"ButtonMap.js","sourceRoot":"","sources":["../../../src/components/ButtonMap/ButtonMap.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAiBnC,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,kBAAkB,EAAE,MAAM,EAAkB;IACtG,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE9B,MAAM,WAAW,GAAc;QAC7B,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;QAClC,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACrC,YAAY,EAAE,CAAC;QACf,aAAa,EAAE,CAAC;QAChB,SAAS,EAAE,CAAC;KACb,CAAC;IAEF,OAAO,CACL,CAAC,MAAM,CACL,OAAO,CAAC,UAAU,CAClB,OAAO,CAAC,mBAAmB,CAC3B,IAAI,CAAC,GAAG,CACR,QAAQ,CAAC,CAAC,IAAI,CAAC,CACf,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAC5B,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC;AACJ,CAAC","sourcesContent":["/*\n ButtonMap component — icon-only-rounded Button wrapper for map UI.\n * Applies a specific cartography shadow (Below/Minimal).\n /\nimport React from 'react';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\nimport { Button } from '../Button';\n\nexport interface ButtonMapProps {\n /* Icon component (Phosphor Duotone) /\n icon: React.ReactElement;\n /* Disabled state /\n disabled?: boolean;\n /* Press handler /\n onPress?: () => void;\n /* Additional container styles /\n style?: StyleProp<ViewStyle>;\n /* Accessibility label for screen readers /\n accessibilityLabel?: string;\n /* Test identifier */\n testID?: string;\n}\n\nexport function ButtonMap({ icon, disabled, onPress, style, accessibilityLabel, testID }: ButtonMapProps) {\n const { colors } = useTheme();\n\n const shadowStyle: ViewStyle = {\n shadowColor: colors.shadow.minimal,\n shadowOffset: { width: 0, height: 4 },\n shadowRadius: 5,\n shadowOpacity: 1,\n elevation: 3,\n };\n\n return (\n <Button\n variant=\"tertiary\"\n content=\"icon-only-rounded\"\n size=\"S\"\n iconLeft={icon}\n disabled={disabled}\n onPress={onPress}\n style={[shadowStyle, style]}\n accessibilityLabel={accessibilityLabel}\n testID={testID}\n />\n );\n}"]}

package/build/components/ButtonMenu/ButtonMenu.d.ts CHANGED Viewed

@@ -17,6 +17,10 @@ export interface ButtonMenuProps {
     onPress?: () => void;
     /** Additional container styles */
     style?: StyleProp<ViewStyle>;
+    /** Accessibility label for screen readers */
+    accessibilityLabel?: string;
+    /** Test identifier */
+    testID?: string;
 }
-export declare function ButtonMenu({ icon, state, notif, onPress, style, }: ButtonMenuProps): React.JSX.Element;
+export declare function ButtonMenu({ icon, state, notif, onPress, style, accessibilityLabel, testID, }: ButtonMenuProps): React.JSX.Element;
 //# sourceMappingURL=ButtonMenu.d.ts.map

package/build/components/ButtonMenu/ButtonMenu.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonMenu/ButtonMenu.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEhE,MAAM,WAAW,eAAe;IAC9B,6CAA6C;IAC7C,IAAI,EAAE,YAAY,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;~~CAC9B~~;~~AAkBD~~,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAiB,EACjB,KAAa,EACb,OAAO,EACP,KAAK,~~GACN~~,EAAE,eAAe,~~qBAkDjB~~"}
1	+ {"version":3,"file":"ButtonMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonMenu/ButtonMenu.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEhE,MAAM,WAAW,eAAe;IAC9B,6CAA6C;IAC7C,IAAI,EAAE,YAAY,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAKD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAiB,EACjB,KAAa,EACb,OAAO,EACP,KAAK,EACL,kBAAkB,EAClB,MAAM,GACP,EAAE,eAAe,qBAmEjB"}

package/build/components/ButtonMenu/ButtonMenu.js CHANGED Viewed

@@ -5,24 +5,23 @@
 import React, { useState } from 'react';
 import { Pressable, View } from 'react-native';
 import { useTheme } from '../../context/ThemeContext';
-const BACKGROUND = {
-    default: 'transparent',
-    active: '#d1c3a033',
-    disabled: '#0f0f0f0d',
-};
-const BORDER_COLOR = {
-    default: undefined,
-    active: '#afafad80',
-    disabled: undefined,
-};
-const PRESSED_BACKGROUND = '#d1c3a066';
 const ICON_SIZE = 28;
 const NOTIF_DOT = 8;
-export function ButtonMenu({ icon, state = 'default', notif = false, onPress, style, }) {
+export function ButtonMenu({ icon, state = 'default', notif = false, onPress, style, accessibilityLabel, testID, }) {
     const [pressed, setPressed] = useState(false);
     const { colors } = useTheme();
+    const BACKGROUND = {
+        default: 'transparent',
+        active: colors.tabBar.activeBackground,
+        disabled: colors.button.tertiary.disabled.background,
+    };
+    const BORDER_COLOR = {
+        default: undefined,
+        active: colors.border.default,
+        disabled: undefined,
+    };
     const isDisabled = state === 'disabled';
-    const background = pressed && !isDisabled ? PRESSED_BACKGROUND : BACKGROUND[state];
+    const background = pressed && !isDisabled ? colors.button.tertiary.pressed.background : BACKGROUND[state];
     const borderColor = BORDER_COLOR[state];
     const containerStyle = {
         width: 48,
@@ -30,17 +29,18 @@ export function ButtonMenu({ icon, state = 'default', notif = false, onPress, st
         padding: 10,
         borderRadius: 8,
         backgroundColor: background,
-        borderWidth: borderColor != null ? 1 : undefined,
-        borderColor: borderColor ?? undefined,
+        borderWidth: 1,
+        borderColor: borderColor ?? 'transparent',
         alignItems: 'center',
         justifyContent: 'center',
     };
     const clonedIcon = React.cloneElement(icon, {
         size: ICON_SIZE,
+        weight: 'duotone',
         color: isDisabled ? colors.text.disabled : undefined,
         ...icon.props,
     });
-    return (<Pressable pointerEvents={isDisabled ? 'none' : 'auto'} onPressIn={() => setPressed(true)} onPressOut={() => setPressed(false)} onPress={isDisabled ? undefined : onPress} style={[containerStyle, style]}>
+    return (<Pressable pointerEvents={isDisabled ? 'none' : 'auto'} onPressIn={() => setPressed(true)} onPressOut={() => setPressed(false)} onPress={isDisabled ? undefined : onPress} style={[containerStyle, style]} accessibilityRole="button" accessibilityLabel={accessibilityLabel} accessibilityState={{ disabled: isDisabled, selected: state === 'active' }} testID={testID}>
       {clonedIcon}
       {notif && (<View style={{
                 position: 'absolute',
@@ -49,7 +49,7 @@ export function ButtonMenu({ icon, state = 'default', notif = false, onPress, st
                 width: NOTIF_DOT,
                 height: NOTIF_DOT,
                 borderRadius: 9999,
-                backgroundColor: '#ff4747',
+                backgroundColor: colors.tabBar.badgeBackground,
             }}/>)}
     </Pressable>);
 }

package/build/components/ButtonMenu/ButtonMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonMenu.js","sourceRoot":"","sources":["../../../src/components/ButtonMenu/ButtonMenu.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;~~AAiBtD~~,MAAM,~~UAAU~~,~~GAAoC;IAClD~~,~~OAAO~~,~~EAAG,aAAa~~;~~IACvB~~,MAAM,~~EAAI~~,~~WAAW~~;~~IACrB~~,~~QAAQ~~,~~EAAE~~,~~WAAW;CACtB~~,CAAC~~;AAEF~~,~~MAAM~~,~~YAAY~~,~~GAAgD;IAChE~~,~~OAAO~~,~~EAAG~~,SAAS~~;IACnB~~,~~MAAM~~,~~EAAI~~,~~WAAW;IACrB~~,~~QAAQ~~,~~EAAE~~,~~SAAS;CACpB~~,~~CAAC;AAEF~~,~~MAAM~~,kBAAkB,~~GAAG~~,~~WAAW~~,~~CAAC~~;~~AACvC~~,MAAM,~~SAAS~~,~~GAAG~~,EAAE,CAAC~~;AACrB~~,~~MAAM~~,~~SAAS~~,~~GAAG~~,CAAC,CAAC;~~AAEpB~~,MAAM,~~UAAU~~,~~UAAU~~,~~CAAC~~,~~EACzB~~,~~IAAI~~,~~EACJ~~,~~KAAK~~,~~GAAG~~,~~SAAS~~,~~EACjB~~,~~KAAK~~,~~GAAG~~,~~KAAK~~,~~EACb~~,~~OAAO~~,~~EACP~~,~~KAAK~~,~~GACW;IAChB,~~MAAM,CAAC,~~OAAO~~,EAAE,~~UAAU~~,CAAC,~~GAAG~~,QAAQ,CAAC,~~KAAK~~,CAAC,CAAC;~~IAC9C~~,MAAM,~~EAAE~~,MAAM,~~EAAE~~,~~GAAG~~,QAAQ,EAAE,CAAC;~~IAE9B~~,MAAM,UAAU,GAAG,KAAK,KAAK,UAAU,CAAC;IACxC,MAAM,UAAU,GAAG,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,~~kBAAkB~~,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;~~IACnF~~,MAAM,WAAW,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,cAAc,GAAc;QAChC,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,UAAU;QAC3B,WAAW,EAAE,~~WAAW,IAAI,IAAI,~~CAAC~~,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS~~;~~QAChD~~,WAAW,EAAE,WAAW,IAAI,~~SAAS~~;~~QACrC~~,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;QAC1C,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;QACpD,GAAI,IAAI,CAAC,KAAiC;KACjC,CAAC,CAAC;IAEb,OAAO,CACL,CAAC,SAAS,CACR,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAC5C,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAClC,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CACpC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAC1C,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,~~CAE~~/B;MAAA,CAAC,UAAU,CACX;MAAA,CAAC,KAAK,IAAI,CACR,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;gBACL,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,CAAC;gBACN,IAAI,EAAE,EAAE;gBACR,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,SAAS;gBACjB,YAAY,EAAE,IAAI;gBAClB,eAAe,EAAE,~~SAAS~~;~~aAC3B~~,CAAC,EACF,CACH,CACH;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC","sourcesContent":["/*\n ButtonMenu component — icon-only toggle button for navigation/menu bars.\n * Supports default, active and disabled states with an optional notification dot.\n /\nimport React, { useState } from 'react';\nimport type { ReactElement } from 'react';\nimport { Pressable, View } from 'react-native';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\n\nexport type ButtonMenuState = 'default' \| 'active' \| 'disabled';\n\nexport interface ButtonMenuProps {\n /* Icon component (Phosphor Duotone icon) /\n icon: ReactElement;\n /* Toggle state /\n state?: ButtonMenuState;\n /* Show notification dot /\n notif?: boolean;\n /* Press handler /\n onPress?: () => void;\n /* Additional container styles */\n style?: StyleProp<ViewStyle>;\n~~}\n\nconst~~ ~~BACKGROUND:~~ ~~Record<ButtonMenuState,~~ ~~string>~~ = {\n ~~default: 'transparent',\n active: '#d1c3a033',\n disabled:~~ ~~'#0f0f0f0d',\n}~~;\n~~\nconst~~ ~~BORDER_COLOR:~~ ~~Record<ButtonMenuState,~~ ~~string \| undefined> = {\~~n ~~default: undefined,\n active: '#afafad80',\n disabled:~~ ~~undefined,\~~n};\n\nconst ~~PRESSED_BACKGROUND = '#d1c3a066';\nconst~~ ICON_SIZE = 28;\nconst NOTIF_DOT = 8;\n\nexport function ButtonMenu({\n icon,\n state = 'default',\n notif = false,\n onPress,\n style,\n}: ButtonMenuProps) {\n const [pressed, setPressed] = useState(false);\n const { colors } = useTheme();\n\n const isDisabled = state === 'disabled';\n const background = pressed && !isDisabled ? ~~PRESSED_BACKGROUND~~ : BACKGROUND[state];\n const borderColor = BORDER_COLOR[state];\n\n const containerStyle: ViewStyle = {\n width: 48,\n height: 48,\n padding: 10,\n borderRadius: 8,\n backgroundColor: background,\n borderWidth: ~~borderColor != null ?~~ 1 ~~: undefined~~,\n borderColor: borderColor ?? ~~undefined~~,\n alignItems: 'center',\n justifyContent: 'center',\n };\n\n const clonedIcon = React.cloneElement(icon, {\n size: ICON_SIZE,\n color: isDisabled ? colors.text.disabled : undefined,\n ...(icon.props as Record<string, unknown>),\n } as object);\n\n return (\n <Pressable\n pointerEvents={isDisabled ? 'none' : 'auto'}\n onPressIn={() => setPressed(true)}\n onPressOut={() => setPressed(false)}\n onPress={isDisabled ? undefined : onPress}\n style={[containerStyle, style]}\n >\n {clonedIcon}\n {notif && (\n <View\n style={{\n position: 'absolute',\n top: 6,\n left: 34,\n width: NOTIF_DOT,\n height: NOTIF_DOT,\n borderRadius: 9999,\n backgroundColor: ~~'#ff4747'~~,\n }}\n />\n )}\n </Pressable>\n );\n}"]}
1	+ {"version":3,"file":"ButtonMenu.js","sourceRoot":"","sources":["../../../src/components/ButtonMenu/ButtonMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n ButtonMenu component — icon-only toggle button for navigation/menu bars.\n * Supports default, active and disabled states with an optional notification dot.\n /\nimport React, { useState } from 'react';\nimport type { ReactElement } from 'react';\nimport { Pressable, View } from 'react-native';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\n\nexport type ButtonMenuState = 'default' \| 'active' \| 'disabled';\n\nexport interface ButtonMenuProps {\n /* Icon component (Phosphor Duotone icon) /\n icon: ReactElement;\n /* Toggle state /\n state?: ButtonMenuState;\n /* Show notification dot /\n notif?: boolean;\n /* Press handler /\n onPress?: () => void;\n /* Additional container styles /\n style?: StyleProp<ViewStyle>;\n /* Accessibility label for screen readers /\n accessibilityLabel?: string;\n /* Test identifier */\n testID?: string;\n}\n\nconst ICON_SIZE = 28;\nconst NOTIF_DOT = 8;\n\nexport function ButtonMenu({\n icon,\n state = 'default',\n notif = false,\n onPress,\n style,\n accessibilityLabel,\n testID,\n}: ButtonMenuProps) {\n const [pressed, setPressed] = useState(false);\n const { colors } = useTheme();\n\n const BACKGROUND: Record<ButtonMenuState, string> = {\n default: 'transparent',\n active: colors.tabBar.activeBackground,\n disabled: colors.button.tertiary.disabled.background,\n };\n\n const BORDER_COLOR: Record<ButtonMenuState, string \| undefined> = {\n default: undefined,\n active: colors.border.default,\n disabled: undefined,\n };\n\n const isDisabled = state === 'disabled';\n const background = pressed && !isDisabled ? colors.button.tertiary.pressed.background : BACKGROUND[state];\n const borderColor = BORDER_COLOR[state];\n\n const containerStyle: ViewStyle = {\n width: 48,\n height: 48,\n padding: 10,\n borderRadius: 8,\n backgroundColor: background,\n borderWidth: 1,\n borderColor: borderColor ?? 'transparent',\n alignItems: 'center',\n justifyContent: 'center',\n };\n\n const clonedIcon = React.cloneElement(icon, {\n size: ICON_SIZE,\n weight: 'duotone',\n color: isDisabled ? colors.text.disabled : undefined,\n ...(icon.props as Record<string, unknown>),\n } as object);\n\n return (\n <Pressable\n pointerEvents={isDisabled ? 'none' : 'auto'}\n onPressIn={() => setPressed(true)}\n onPressOut={() => setPressed(false)}\n onPress={isDisabled ? undefined : onPress}\n style={[containerStyle, style]}\n accessibilityRole=\"button\"\n accessibilityLabel={accessibilityLabel}\n accessibilityState={{ disabled: isDisabled, selected: state === 'active' }}\n testID={testID}\n >\n {clonedIcon}\n {notif && (\n <View\n style={{\n position: 'absolute',\n top: 6,\n left: 34,\n width: NOTIF_DOT,\n height: NOTIF_DOT,\n borderRadius: 9999,\n backgroundColor: colors.tabBar.badgeBackground,\n }}\n />\n )}\n </Pressable>\n );\n}"]}

package/build/components/Calendar/Calendar.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type { CalendarProps } from './Calendar.types';
+export declare function Calendar({ selectedDate, rangeStart, rangeEnd, mode, showModeTabs, dataDates, onDayPress, onModeChange, onClear, onConfirm, minYear, maxYear, i18n: i18nProp, }: CalendarProps): import("react").JSX.Element;
+export default Calendar;
+//# sourceMappingURL=Calendar.d.ts.map

package/build/components/Calendar/Calendar.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,kBAAkB,CAAC;AA2GhE,wBAAgB,QAAQ,CAAC,EACvB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,IAAY,EACZ,YAAoB,EACpB,SAAS,EACT,UAAU,EACV,YAAY,EACZ,OAAO,EACP,SAAS,EACT,OAAO,EACP,OAAO,EACP,IAAI,EAAE,QAAQ,GACf,EAAE,aAAa,+BAsHf;AAED,eAAe,QAAQ,CAAC"}

package/build/components/Calendar/Calendar.i18n.d.ts ADDED Viewed

@@ -0,0 +1,34 @@
+/** i18n contract and presets for the Calendar component family */
+export interface CalendarI18n {
+    /** Full month names — index 0 = January */
+    months: [string, string, string, string, string, string, string, string, string, string, string, string];
+    /** Short month names used in date display — index 0 = January */
+    monthsShort: [string, string, string, string, string, string, string, string, string, string, string, string];
+    /** Week day labels starting Monday — 2–3 chars */
+    weekDays: [string, string, string, string, string, string, string];
+    /** Top bar label above the selected date */
+    dateLabel: string;
+    /** Mode tab — single day */
+    modeDay: string;
+    /** Mode tab — date range */
+    modeRange: string;
+    /** Clear button */
+    clear: string;
+    /** Confirm button */
+    confirm: string;
+    /** Legend — data dot */
+    legendData: string;
+    /** Legend — today circle */
+    legendToday: string;
+    /** Legend — range band */
+    legendRange: string;
+    /** Legend — selected day */
+    legendSelection: string;
+    /** Year picker sheet title */
+    yearPickerTitle: string;
+    /** Tag label shown next to the current year in the year picker */
+    yearPickerTodayTag: string;
+}
+export declare const CALENDAR_FR: CalendarI18n;
+export declare const CALENDAR_EN: CalendarI18n;
+//# sourceMappingURL=Calendar.i18n.d.ts.map

package/build/components/Calendar/Calendar.i18n.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Calendar.i18n.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.i18n.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAElE,MAAM,WAAW,YAAY;IAC3B,2CAA2C;IAC3C,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACzG,iEAAiE;IACjE,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9G,kDAAkD;IAClD,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACnE,4CAA4C;IAC5C,SAAS,EAAE,MAAM,CAAC;IAClB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,8BAA8B;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,kEAAkE;IAClE,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,EAAE,YAezB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,YAezB,CAAC"}

package/build/components/Calendar/Calendar.i18n.js ADDED Viewed

@@ -0,0 +1,34 @@
+/** i18n contract and presets for the Calendar component family */
+export const CALENDAR_FR = {
+    months: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
+    monthsShort: ['jan.', 'fév.', 'mar.', 'avr.', 'mai', 'jun.', 'jul.', 'aoû.', 'sep.', 'oct.', 'nov.', 'déc.'],
+    weekDays: ['Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa', 'Di'],
+    dateLabel: 'Sélection de date',
+    modeDay: 'Jour',
+    modeRange: 'Plage',
+    clear: 'Effacer',
+    confirm: 'Valider',
+    legendData: 'Données',
+    legendToday: "Aujourd'hui",
+    legendRange: 'Plage',
+    legendSelection: 'Sélection',
+    yearPickerTitle: "Sélection de l'année",
+    yearPickerTodayTag: "Aujourd'hui",
+};
+export const CALENDAR_EN = {
+    months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+    monthsShort: ['Jan.', 'Feb.', 'Mar.', 'Apr.', 'May', 'Jun.', 'Jul.', 'Aug.', 'Sep.', 'Oct.', 'Nov.', 'Dec.'],
+    weekDays: ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'],
+    dateLabel: 'Date selection',
+    modeDay: 'Day',
+    modeRange: 'Range',
+    clear: 'Clear',
+    confirm: 'Confirm',
+    legendData: 'Data',
+    legendToday: 'Today',
+    legendRange: 'Range',
+    legendSelection: 'Selection',
+    yearPickerTitle: 'Select a year',
+    yearPickerTodayTag: 'Today',
+};
+//# sourceMappingURL=Calendar.i18n.js.map

package/build/components/Calendar/Calendar.i18n.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Calendar.i18n.js","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.i18n.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAiClE,MAAM,CAAC,MAAM,WAAW,GAAiB;IACvC,MAAM,EAAW,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC;IAC1I,WAAW,EAAM,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;IAChH,QAAQ,EAAS,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IAC3D,SAAS,EAAQ,mBAAmB;IACpC,OAAO,EAAU,MAAM;IACvB,SAAS,EAAQ,OAAO;IACxB,KAAK,EAAY,SAAS;IAC1B,OAAO,EAAU,SAAS;IAC1B,UAAU,EAAO,SAAS;IAC1B,WAAW,EAAM,aAAa;IAC9B,WAAW,EAAM,OAAO;IACxB,eAAe,EAAE,WAAW;IAC5B,eAAe,EAAE,sBAAsB;IACvC,kBAAkB,EAAE,aAAa;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAiB;IACvC,MAAM,EAAW,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC;IAC3I,WAAW,EAAM,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;IAChH,QAAQ,EAAS,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IAC3D,SAAS,EAAQ,gBAAgB;IACjC,OAAO,EAAU,KAAK;IACtB,SAAS,EAAQ,OAAO;IACxB,KAAK,EAAY,OAAO;IACxB,OAAO,EAAU,SAAS;IAC1B,UAAU,EAAO,MAAM;IACvB,WAAW,EAAM,OAAO;IACxB,WAAW,EAAM,OAAO;IACxB,eAAe,EAAE,WAAW;IAC5B,eAAe,EAAE,eAAe;IAChC,kBAAkB,EAAE,OAAO;CAC5B,CAAC","sourcesContent":["/** i18n contract and presets for the Calendar component family */\n\nexport interface CalendarI18n {\n /** Full month names — index 0 = January */\n months: [string, string, string, string, string, string, string, string, string, string, string, string];\n /** Short month names used in date display — index 0 = January */\n monthsShort: [string, string, string, string, string, string, string, string, string, string, string, string];\n /** Week day labels starting Monday — 2–3 chars */\n weekDays: [string, string, string, string, string, string, string];\n /** Top bar label above the selected date */\n dateLabel: string;\n /** Mode tab — single day */\n modeDay: string;\n /** Mode tab — date range */\n modeRange: string;\n /** Clear button */\n clear: string;\n /** Confirm button */\n confirm: string;\n /** Legend — data dot */\n legendData: string;\n /** Legend — today circle */\n legendToday: string;\n /** Legend — range band */\n legendRange: string;\n /** Legend — selected day */\n legendSelection: string;\n /** Year picker sheet title */\n yearPickerTitle: string;\n /** Tag label shown next to the current year in the year picker */\n yearPickerTodayTag: string;\n}\n\nexport const CALENDAR_FR: CalendarI18n = {\n months: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],\n monthsShort: ['jan.', 'fév.', 'mar.', 'avr.', 'mai', 'jun.', 'jul.', 'aoû.', 'sep.', 'oct.', 'nov.', 'déc.'],\n weekDays: ['Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa', 'Di'],\n dateLabel: 'Sélection de date',\n modeDay: 'Jour',\n modeRange: 'Plage',\n clear: 'Effacer',\n confirm: 'Valider',\n legendData: 'Données',\n legendToday: \"Aujourd'hui\",\n legendRange: 'Plage',\n legendSelection: 'Sélection',\n yearPickerTitle: \"Sélection de l'année\",\n yearPickerTodayTag: \"Aujourd'hui\",\n};\n\nexport const CALENDAR_EN: CalendarI18n = {\n months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n monthsShort: ['Jan.', 'Feb.', 'Mar.', 'Apr.', 'May', 'Jun.', 'Jul.', 'Aug.', 'Sep.', 'Oct.', 'Nov.', 'Dec.'],\n weekDays: ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'],\n dateLabel: 'Date selection',\n modeDay: 'Day',\n modeRange: 'Range',\n clear: 'Clear',\n confirm: 'Confirm',\n legendData: 'Data',\n legendToday: 'Today',\n legendRange: 'Range',\n legendSelection: 'Selection',\n yearPickerTitle: 'Select a year',\n yearPickerTodayTag: 'Today',\n};\n"]}

package/build/components/Calendar/Calendar.js ADDED Viewed

@@ -0,0 +1,172 @@
+/**
+ * Calendar component — monthly date picker with day and range selection modes.
+ * Supports data dots, mode tabs, today highlight and range band visualization.
+ */
+import { useState } from 'react';
+import { Pressable, Text, View } from 'react-native';
+import { useTheme } from '../../context/ThemeContext';
+import { BottomSheetProvider } from '../../context/BottomSheetContext';
+import { Button } from '../Button';
+import { CALENDAR_FR } from './Calendar.i18n';
+import { CalendarYearPicker } from './CalendarYearPicker';
+import { calendarStyles } from './Calendar.styles';
+import { CalendarDay } from './CalendarDay';
+import { CalendarHeader } from './CalendarHeader';
+import { CalendarLegend } from './CalendarLegend';
+// --- Constants ---
+// --- Helpers ---
+function isSameDay(a, b) {
+    return (a.getFullYear() === b.getFullYear() &&
+        a.getMonth() === b.getMonth() &&
+        a.getDate() === b.getDate());
+}
+function stripTime(d) {
+    return new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();
+}
+function formatRangeDate(d, showYear, monthsShort) {
+    const day = d.getDate();
+    const month = monthsShort[d.getMonth()];
+    return showYear ? `${day} ${month} ${d.getFullYear()}` : `${day} ${month}`;
+}
+function buildMonthGrid(year, month) {
+    const firstDay = new Date(year, month, 1);
+    const lastDate = new Date(year, month + 1, 0).getDate();
+    const startOffset = (firstDay.getDay() + 6) % 7; // Mon-based offset
+    const days = [];
+    for (let i = startOffset; i > 0; i--) {
+        const date = new Date(year, month, 1 - i);
+        days.push({ day: date.getDate(), date, isCurrentMonth: false });
+    }
+    for (let d = 1; d <= lastDate; d++) {
+        days.push({ day: d, date: new Date(year, month, d), isCurrentMonth: true });
+    }
+    const total = days.length <= 35 ? 35 : 42;
+    let next = 1;
+    while (days.length < total) {
+        days.push({ day: next, date: new Date(year, month + 1, next++), isCurrentMonth: false });
+    }
+    return days;
+}
+function getDayState(date, isCurrentMonth, today, mode, selectedDate, rangeStart, rangeEnd, dataDates) {
+    if (!isCurrentMonth)
+        return 'outside';
+    const t = stripTime(date);
+    if (mode === 'day') {
+        if (selectedDate && isSameDay(date, selectedDate))
+            return 'selected-start';
+        if (isSameDay(date, today))
+            return 'today';
+        if (dataDates?.length && !dataDates.some(d => isSameDay(d, date)))
+            return 'nodata';
+        return 'default';
+    }
+    if (rangeStart && isSameDay(date, rangeStart))
+        return 'selected-start';
+    if (rangeEnd && isSameDay(date, rangeEnd))
+        return 'selected-end';
+    if (rangeStart && rangeEnd) {
+        if (t > stripTime(rangeStart) && t < stripTime(rangeEnd))
+            return 'in-range';
+    }
+    if (isSameDay(date, today))
+        return 'today';
+    if (dataDates?.length && !dataDates.some(d => isSameDay(d, date)))
+        return 'nodata';
+    return 'default';
+}
+function chunkArray(arr, size) {
+    const chunks = [];
+    for (let i = 0; i < arr.length; i += size)
+        chunks.push(arr.slice(i, i + size));
+    return chunks;
+}
+function getDisplayDate(mode, monthsShort, selectedDate, rangeStart, rangeEnd) {
+    if (mode === 'day')
+        return selectedDate ? formatRangeDate(selectedDate, true, monthsShort) : '—';
+    if (rangeStart && rangeEnd) {
+        return `${formatRangeDate(rangeStart, false, monthsShort)} → ${formatRangeDate(rangeEnd, true, monthsShort)}`;
+    }
+    if (rangeStart)
+        return formatRangeDate(rangeStart, true, monthsShort);
+    return '—';
+}
+// --- Component ---
+export function Calendar({ selectedDate, rangeStart, rangeEnd, mode = 'day', showModeTabs = false, dataDates, onDayPress, onModeChange, onClear, onConfirm, minYear, maxYear, i18n: i18nProp, }) {
+    const i18n = { ...CALENDAR_FR, ...i18nProp };
+    const { colors, fontFamily } = useTheme();
+    const cal = colors.calendar;
+    const today = new Date();
+    const [showYearPicker, setShowYearPicker] = useState(false);
+    const [currentMonth, setCurrentMonth] = useState(() => {
+        const base = selectedDate ?? rangeStart ?? today;
+        return new Date(base.getFullYear(), base.getMonth(), 1);
+    });
+    const year = currentMonth.getFullYear();
+    const month = currentMonth.getMonth();
+    const monthLabel = `${i18n.months[month]} ${year}`;
+    const displayDate = getDisplayDate(mode, i18n.monthsShort, selectedDate, rangeStart, rangeEnd);
+    const weeks = chunkArray(buildMonthGrid(year, month), 7);
+    const handlePrev = () => setCurrentMonth(new Date(year, month - 1, 1));
+    const handleNext = () => setCurrentMonth(new Date(year, month + 1, 1));
+    return (<BottomSheetProvider>
+    <View style={[calendarStyles.card, { backgroundColor: colors.background.primary, shadowColor: colors.shadow.lowest }]}>
+      {/* Top bar */}
+      <View style={calendarStyles.topBar}>
+        <View>
+          <Text style={[calendarStyles.topBarLabel, { color: cal.day.default.secondary, fontFamily }]}>{i18n.dateLabel}</Text>
+          <Text style={[calendarStyles.topBarDate, { color: cal.day.default.text, fontFamily }]}>{displayDate}</Text>
+        </View>
+        {showModeTabs && (<View style={[calendarStyles.tabsContainer, { backgroundColor: cal.legend.background, borderColor: cal.header.border }]}>
+            {['day', 'range'].map(m => {
+                const active = mode === m;
+                return (<Pressable key={m} style={[
+                        calendarStyles.tab,
+                        active && [calendarStyles.tabActive, { backgroundColor: colors.background.primary, borderColor: cal.header.border }],
+                    ]} onPress={() => onModeChange?.(m)}>
+                  <Text style={[calendarStyles.tabText, { color: cal.day.default.text, fontFamily }]} numberOfLines={1}>
+                    {m === 'day' ? i18n.modeDay : i18n.modeRange}
+                  </Text>
+                </Pressable>);
+            })}
+          </View>)}
+      </View>
+      <View style={[calendarStyles.divider, { backgroundColor: cal.header.border }]}/>
+      {/* Grid */}
+      <View style={calendarStyles.gridContainer}>
+        <CalendarHeader label={monthLabel} onPrev={handlePrev} onNext={handleNext} onLabelPress={() => setShowYearPicker(true)}/>
+        <View style={calendarStyles.weekLabelsRow}>
+          {i18n.weekDays.map(d => (<View key={d} style={calendarStyles.weekLabelCell}>
+              <Text style={[calendarStyles.weekLabelText, { color: cal.day.default.secondary, fontFamily }]}>{d}</Text>
+            </View>))}
+        </View>
+        {weeks.map((week, wi) => (<View key={wi} style={calendarStyles.weekRow}>
+            {week.map((gd, di) => {
+                const state = getDayState(gd.date, gd.isCurrentMonth, today, mode, selectedDate, rangeStart, rangeEnd, dataDates);
+                const hasData = gd.isCurrentMonth && (dataDates?.some(d => isSameDay(d, gd.date)) ?? false);
+                return (<CalendarDay key={di} day={gd.day} state={state} mode={mode} hasRange={!!(rangeStart && rangeEnd)} hasData={hasData} onPress={() => !gd.isCurrentMonth ? undefined : onDayPress?.(gd.date)}/>);
+            })}
+          </View>))}
+      </View>
+      <CalendarLegend mode={mode} i18n={i18n}/>
+      {/* Footer */}
+      <View style={calendarStyles.footer}>
+        <Button variant="tertiary" label={i18n.clear} onPress={onClear} style={{ flex: 1 }}/>
+        <Button variant="primary" label={i18n.confirm} onPress={onConfirm} style={{ flex: 1 }}/>
+      </View>
+      <CalendarYearPicker visible={showYearPicker} currentYear={year} minYear={minYear} maxYear={maxYear} i18n={i18n} onSelect={selectedYear => {
+            setCurrentMonth(new Date(selectedYear, month, 1));
+            setShowYearPicker(false);
+        }} onClose={() => setShowYearPicker(false)}/>
+    </View>
+    </BottomSheetProvider>);
+}
+export default Calendar;
+//# sourceMappingURL=Calendar.js.map

package/build/components/Calendar/Calendar.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,oBAAoB;AAGpB,kBAAkB;AAElB,SAAS,SAAS,CAAC,CAAO,EAAE,CAAO;IACjC,OAAO,CACL,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE;QACnC,CAAC,CAAC,QAAQ,EAAE,KAAQ,CAAC,CAAC,QAAQ,EAAE;QAChC,CAAC,CAAC,OAAO,EAAE,KAAS,CAAC,CAAC,OAAO,EAAE,CAChC,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,CAAO;IACxB,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;AACxE,CAAC;AAID,SAAS,eAAe,CAAC,CAAO,EAAE,QAAiB,EAAE,WAAqB;IACxE,MAAM,GAAG,GAAK,CAAC,CAAC,OAAO,EAAE,CAAC;IAC1B,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;IACxC,OAAO,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;AAC7E,CAAC;AAQD,SAAS,cAAc,CAAC,IAAY,EAAE,KAAa;IACjD,MAAM,QAAQ,GAAI,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IAC3C,MAAM,QAAQ,GAAI,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;IACzD,MAAM,WAAW,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,mBAAmB;IACpE,MAAM,IAAI,GAAc,EAAE,CAAC;IAE3B,KAAK,IAAI,CAAC,GAAG,WAAW,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QACrC,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;IAClE,CAAC;IACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;QACnC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC;IAC9E,CAAC;IACD,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1C,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,OAAO,IAAI,CAAC,MAAM,GAAG,KAAK,EAAE,CAAC;QAC3B,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC;IAC3F,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,WAAW,CAClB,IAAU,EACV,cAAuB,EACvB,KAAW,EACX,IAAqB,EACrB,YAAmB,EACnB,UAAiB,EACjB,QAAe,EACf,SAAkB;IAElB,IAAI,CAAC,cAAc;QAAE,OAAO,SAAS,CAAC;IACtC,MAAM,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;IAE1B,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;QACnB,IAAI,YAAY,IAAI,SAAS,CAAC,IAAI,EAAE,YAAY,CAAC;YAAE,OAAO,gBAAgB,CAAC;QAC3E,IAAI,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC;YAAE,OAAO,OAAO,CAAC;QAC3C,IAAI,SAAS,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;YAAE,OAAO,QAAQ,CAAC;QACnF,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAI,UAAU,IAAI,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC;QAAE,OAAO,gBAAgB,CAAC;IACvE,IAAI,QAAQ,IAAM,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC;QAAI,OAAO,cAAc,CAAC;IACrE,IAAI,UAAU,IAAI,QAAQ,EAAE,CAAC;QAC3B,IAAI,CAAC,GAAG,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,QAAQ,CAAC;YAAE,OAAO,UAAU,CAAC;IAC9E,CAAC;IACD,IAAI,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC;QAAE,OAAO,OAAO,CAAC;IAC3C,IAAI,SAAS,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QAAE,OAAO,QAAQ,CAAC;IACnF,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,UAAU,CAAI,GAAQ,EAAE,IAAY;IAC3C,MAAM,MAAM,GAAU,EAAE,CAAC;IACzB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,IAAI,IAAI;QAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAC/E,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAS,cAAc,CAAC,IAAqB,EAAE,WAAqB,EAAE,YAAmB,EAAE,UAAiB,EAAE,QAAe;IAC3H,IAAI,IAAI,KAAK,KAAK;QAAE,OAAO,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,YAAY,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IACjG,IAAI,UAAU,IAAI,QAAQ,EAAE,CAAC;QAC3B,OAAO,GAAG,eAAe,CAAC,UAAU,EAAE,KAAK,EAAE,WAAW,CAAC,MAAM,eAAe,CAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,CAAC,EAAE,CAAC;IAChH,CAAC;IACD,IAAI,UAAU;QAAE,OAAO,eAAe,CAAC,UAAU,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC;IACtE,OAAO,GAAG,CAAC;AACb,CAAC;AAED,oBAAoB;AAEpB,MAAM,UAAU,QAAQ,CAAC,EACvB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,IAAI,GAAG,KAAK,EACZ,YAAY,GAAG,KAAK,EACpB,SAAS,EACT,UAAU,EACV,YAAY,EACZ,OAAO,EACP,SAAS,EACT,OAAO,EACP,OAAO,EACP,IAAI,EAAE,QAAQ,GACA;IACd,MAAM,IAAI,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7C,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC1C,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC;IAC5B,MAAM,KAAK,GAAI,IAAI,IAAI,EAAE,CAAC;IAE1B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAO,GAAG,EAAE;QAC1D,MAAM,IAAI,GAAG,YAAY,IAAI,UAAU,IAAI,KAAK,CAAC;QACjD,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,MAAM,IAAI,GAAU,YAAY,CAAC,WAAW,EAAE,CAAC;IAC/C,MAAM,KAAK,GAAS,YAAY,CAAC,QAAQ,EAAE,CAAC;IAC5C,MAAM,UAAU,GAAI,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;IACpD,MAAM,WAAW,GAAG,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;IAC/F,MAAM,KAAK,GAAS,UAAU,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAE/D,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACvE,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAEvE,OAAO,CACL,CAAC,mBAAmB,CACpB;IAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CACpH;MAAA,CAAC,aAAa,CACd;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CACjC;QAAA,CAAC,IAAI,CACH;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,CACnH;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,UAAU,EAAG,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,IAAI,CAC7G;QAAA,EAAE,IAAI,CAEN;;QAAA,CAAC,YAAY,IAAI,CACf,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,aAAa,EAAE,EAAE,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CACtH;YAAA,CAAE,CAAC,KAAK,EAAE,OAAO,CAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;gBACnC,MAAM,MAAM,GAAG,IAAI,KAAK,CAAC,CAAC;gBAC1B,OAAO,CACL,CAAC,SAAS,CACR,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,KAAK,CAAC,CAAC;wBACL,cAAc,CAAC,GAAG;wBAClB,MAAM,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;qBACrH,CAAC,CACF,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,CAEjC;kBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CACnG;oBAAA,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAC9C;kBAAA,EAAE,IAAI,CACR;gBAAA,EAAE,SAAS,CAAC,CACb,CAAC;YACJ,CAAC,CAAC,CACJ;UAAA,EAAE,IAAI,CAAC,CACR,CACH;MAAA,EAAE,IAAI,CAEN;;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,EAE9E;;MAAA,CAAC,UAAU,CACX;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,aAAa,CAAC,CACxC;QAAA,CAAC,cAAc,CACb,KAAK,CAAC,CAAC,UAAU,CAAC,CAClB,MAAM,CAAC,CAAC,UAAU,CAAC,CACnB,MAAM,CAAC,CAAC,UAAU,CAAC,CACnB,YAAY,CAAC,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,EAG9C;;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,aAAa,CAAC,CACxC;UAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CACtB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,aAAa,CAAC,CAChD;cAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,aAAa,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAC1G;YAAA,EAAE,IAAI,CAAC,CACR,CAAC,CACJ;QAAA,EAAE,IAAI,CAEN;;QAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CACvB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAC3C;YAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;gBACnB,MAAM,KAAK,GAAK,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,cAAc,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;gBACpH,MAAM,OAAO,GAAG,EAAE,CAAC,cAAc,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC;gBAC5F,OAAO,CACL,CAAC,WAAW,CACV,GAAG,CAAC,CAAC,EAAE,CAAC,CACR,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CACZ,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,IAAI,QAAQ,CAAC,CAAC,CACrC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EACtE,CACH,CAAC;YACJ,CAAC,CAAC,CACJ;UAAA,EAAE,IAAI,CAAC,CACR,CAAC,CACJ;MAAA,EAAE,IAAI,CAEN;;MAAA,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAEvC;;MAAA,CAAC,YAAY,CACb;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CACjC;QAAA,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAG,OAAO,CAAC,CAAC,OAAO,CAAC,CAAG,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EACvF;QAAA,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAE,KAAK,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EACzF;MAAA,EAAE,IAAI,CAEN;;MAAA,CAAC,kBAAkB,CACjB,OAAO,CAAC,CAAC,cAAc,CAAC,CACxB,WAAW,CAAC,CAAC,IAAI,CAAC,CAClB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,QAAQ,CAAC,CAAC,YAAY,CAAC,EAAE;YACvB,eAAe,CAAC,IAAI,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;YAClD,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,CAAC,CACF,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EAE5C;IAAA,EAAE,IAAI,CACN;IAAA,EAAE,mBAAmB,CAAC,CACvB,CAAC;AACJ,CAAC;AAED,eAAe,QAAQ,CAAC","sourcesContent":["/**\n * Calendar component — monthly date picker with day and range selection modes.\n * Supports data dots, mode tabs, today highlight and range band visualization.\n */\nimport { useState } from 'react';\nimport { Pressable, Text, View } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\nimport { BottomSheetProvider } from '../../context/BottomSheetContext';\nimport { Button } from '../Button';\nimport type { CalendarProps, DayState } from './Calendar.types';\nimport { CALENDAR_FR } from './Calendar.i18n';\nimport { CalendarYearPicker } from './CalendarYearPicker';\nimport { calendarStyles } from './Calendar.styles';\nimport { CalendarDay } from './CalendarDay';\nimport { CalendarHeader } from './CalendarHeader';\nimport { CalendarLegend } from './CalendarLegend';\n\n// --- Constants ---\n\n\n// --- Helpers ---\n\nfunction isSameDay(a: Date, b: Date): boolean {\n return (\n a.getFullYear() === b.getFullYear() &&\n a.getMonth() === b.getMonth() &&\n a.getDate() === b.getDate()\n );\n}\n\nfunction stripTime(d: Date): number {\n return new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();\n}\n\n\n\nfunction formatRangeDate(d: Date, showYear: boolean, monthsShort: string[]): string {\n const day = d.getDate();\n const month = monthsShort[d.getMonth()];\n return showYear ? `${day} ${month} ${d.getFullYear()}` : `${day} ${month}`;\n}\n\ninterface GridDay {\n day: number;\n date: Date;\n isCurrentMonth: boolean;\n}\n\nfunction buildMonthGrid(year: number, month: number): GridDay[] {\n const firstDay = new Date(year, month, 1);\n const lastDate = new Date(year, month + 1, 0).getDate();\n const startOffset = (firstDay.getDay() + 6) % 7; // Mon-based offset\n const days: GridDay[] = [];\n\n for (let i = startOffset; i > 0; i--) {\n const date = new Date(year, month, 1 - i);\n days.push({ day: date.getDate(), date, isCurrentMonth: false });\n }\n for (let d = 1; d <= lastDate; d++) {\n days.push({ day: d, date: new Date(year, month, d), isCurrentMonth: true });\n }\n const total = days.length <= 35 ? 35 : 42;\n let next = 1;\n while (days.length < total) {\n days.push({ day: next, date: new Date(year, month + 1, next++), isCurrentMonth: false });\n }\n return days;\n}\n\nfunction getDayState(\n date: Date,\n isCurrentMonth: boolean,\n today: Date,\n mode: 'day' | 'range',\n selectedDate?: Date,\n rangeStart?: Date,\n rangeEnd?: Date,\n dataDates?: Date[],\n): DayState {\n if (!isCurrentMonth) return 'outside';\n const t = stripTime(date);\n\n if (mode === 'day') {\n if (selectedDate && isSameDay(date, selectedDate)) return 'selected-start';\n if (isSameDay(date, today)) return 'today';\n if (dataDates?.length && !dataDates.some(d => isSameDay(d, date))) return 'nodata';\n return 'default';\n }\n\n if (rangeStart && isSameDay(date, rangeStart)) return 'selected-start';\n if (rangeEnd && isSameDay(date, rangeEnd)) return 'selected-end';\n if (rangeStart && rangeEnd) {\n if (t > stripTime(rangeStart) && t < stripTime(rangeEnd)) return 'in-range';\n }\n if (isSameDay(date, today)) return 'today';\n if (dataDates?.length && !dataDates.some(d => isSameDay(d, date))) return 'nodata';\n return 'default';\n}\n\nfunction chunkArray<T>(arr: T[], size: number): T[][] {\n const chunks: T[][] = [];\n for (let i = 0; i < arr.length; i += size) chunks.push(arr.slice(i, i + size));\n return chunks;\n}\n\nfunction getDisplayDate(mode: 'day' | 'range', monthsShort: string[], selectedDate?: Date, rangeStart?: Date, rangeEnd?: Date): string {\n if (mode === 'day') return selectedDate ? formatRangeDate(selectedDate, true, monthsShort) : '—';\n if (rangeStart && rangeEnd) {\n return `${formatRangeDate(rangeStart, false, monthsShort)} → ${formatRangeDate(rangeEnd, true, monthsShort)}`;\n }\n if (rangeStart) return formatRangeDate(rangeStart, true, monthsShort);\n return '—';\n}\n\n// --- Component ---\n\nexport function Calendar({\n selectedDate,\n rangeStart,\n rangeEnd,\n mode = 'day',\n showModeTabs = false,\n dataDates,\n onDayPress,\n onModeChange,\n onClear,\n onConfirm,\n minYear,\n maxYear,\n i18n: i18nProp,\n}: CalendarProps) {\n const i18n = { ...CALENDAR_FR, ...i18nProp };\n const { colors, fontFamily } = useTheme();\n const cal = colors.calendar;\n const today = new Date();\n\n const [showYearPicker, setShowYearPicker] = useState(false);\n\n const [currentMonth, setCurrentMonth] = useState<Date>(() => {\n const base = selectedDate ?? rangeStart ?? today;\n return new Date(base.getFullYear(), base.getMonth(), 1);\n });\n\n const year = currentMonth.getFullYear();\n const month = currentMonth.getMonth();\n const monthLabel = `${i18n.months[month]} ${year}`;\n const displayDate = getDisplayDate(mode, i18n.monthsShort, selectedDate, rangeStart, rangeEnd);\n const weeks = chunkArray(buildMonthGrid(year, month), 7);\n\n const handlePrev = () => setCurrentMonth(new Date(year, month - 1, 1));\n const handleNext = () => setCurrentMonth(new Date(year, month + 1, 1));\n\n return (\n <BottomSheetProvider>\n <View style={[calendarStyles.card, { backgroundColor: colors.background.primary, shadowColor: colors.shadow.lowest }]}>\n {/* Top bar */}\n <View style={calendarStyles.topBar}>\n <View>\n <Text style={[calendarStyles.topBarLabel, { color: cal.day.default.secondary, fontFamily }]}>{i18n.dateLabel}</Text>\n <Text style={[calendarStyles.topBarDate, { color: cal.day.default.text, fontFamily }]}>{displayDate}</Text>\n </View>\n\n {showModeTabs && (\n <View style={[calendarStyles.tabsContainer, { backgroundColor: cal.legend.background, borderColor: cal.header.border }]}>\n {(['day', 'range'] as const).map(m => {\n const active = mode === m;\n return (\n <Pressable\n key={m}\n style={[\n calendarStyles.tab,\n active && [calendarStyles.tabActive, { backgroundColor: colors.background.primary, borderColor: cal.header.border }],\n ]}\n onPress={() => onModeChange?.(m)}\n >\n <Text style={[calendarStyles.tabText, { color: cal.day.default.text, fontFamily }]} numberOfLines={1}>\n {m === 'day' ? i18n.modeDay : i18n.modeRange}\n </Text>\n </Pressable>\n );\n })}\n </View>\n )}\n </View>\n\n <View style={[calendarStyles.divider, { backgroundColor: cal.header.border }]} />\n\n {/* Grid */}\n <View style={calendarStyles.gridContainer}>\n <CalendarHeader\n label={monthLabel}\n onPrev={handlePrev}\n onNext={handleNext}\n onLabelPress={() => setShowYearPicker(true)}\n />\n\n <View style={calendarStyles.weekLabelsRow}>\n {i18n.weekDays.map(d => (\n <View key={d} style={calendarStyles.weekLabelCell}>\n <Text style={[calendarStyles.weekLabelText, { color: cal.day.default.secondary, fontFamily }]}>{d}</Text>\n </View>\n ))}\n </View>\n\n {weeks.map((week, wi) => (\n <View key={wi} style={calendarStyles.weekRow}>\n {week.map((gd, di) => {\n const state = getDayState(gd.date, gd.isCurrentMonth, today, mode, selectedDate, rangeStart, rangeEnd, dataDates);\n const hasData = gd.isCurrentMonth && (dataDates?.some(d => isSameDay(d, gd.date)) ?? false);\n return (\n <CalendarDay\n key={di}\n day={gd.day}\n state={state}\n mode={mode}\n hasRange={!!(rangeStart && rangeEnd)}\n hasData={hasData}\n onPress={() => !gd.isCurrentMonth ? undefined : onDayPress?.(gd.date)}\n />\n );\n })}\n </View>\n ))}\n </View>\n\n <CalendarLegend mode={mode} i18n={i18n} />\n\n {/* Footer */}\n <View style={calendarStyles.footer}>\n <Button variant=\"tertiary\" label={i18n.clear} onPress={onClear} style={{ flex: 1 }} />\n <Button variant=\"primary\" label={i18n.confirm} onPress={onConfirm} style={{ flex: 1 }} />\n </View>\n\n <CalendarYearPicker\n visible={showYearPicker}\n currentYear={year}\n minYear={minYear}\n maxYear={maxYear}\n i18n={i18n}\n onSelect={selectedYear => {\n setCurrentMonth(new Date(selectedYear, month, 1));\n setShowYearPicker(false);\n }}\n onClose={() => setShowYearPicker(false)}\n />\n </View>\n </BottomSheetProvider>\n );\n}\n\nexport default Calendar;"]}