@mapples/ui 1.0.3 → 1.0.5

package/dist/components/media/BarCode/BarCode.js

@@ -0,0 +1,127 @@
+import { forwardRef, useMemo } from 'react';
+import { StyledView, Styler, } from '@mapples/style';
+import Svg, { Rect } from 'react-native-svg';
+import BarcodeEncoder from './BarCodeEncoder';
+/**
+ * Generates barcode pattern using BarcodeEncoder
+ * Returns the encoded data and dimensions
+ */
+const generateBarcodeData = (value, format = 'CODE128', barWidth = 2) => {
+    if (!value)
+        return null;
+    try {
+        // Use BarcodeEncoder to encode the value
+        const encoded = BarcodeEncoder.encode(value, format, {});
+        if (!encoded) {
+            console.warn('Failed to encode barcode value');
+            return null;
+        }
+        const bars = [];
+        let x = 0;
+        // Handle array response (EAN13, EAN8, UPC)
+        if (Array.isArray(encoded)) {
+            // Concatenate all segment data strings
+            for (const segment of encoded) {
+                if (segment && segment.data) {
+                    for (let i = 0; i < segment.data.length; i++) {
+                        const digit = segment.data[i];
+                        if (digit === '1') {
+                            bars.push({ x, width: barWidth });
+                        }
+                        x += barWidth;
+                    }
+                }
+            }
+        }
+        else {
+            // Handle single object response (CODE128, CODE39, etc.)
+            if (encoded.data) {
+                for (let i = 0; i < encoded.data.length; i++) {
+                    const digit = encoded.data[i];
+                    if (digit === '1') {
+                        bars.push({ x, width: barWidth });
+                    }
+                    x += barWidth;
+                }
+            }
+        }
+        return {
+            bars,
+            totalWidth: x,
+        };
+    }
+    catch (error) {
+        const errorMessage = error instanceof Error ? error.message : 'Unknown error';
+        console.error(`Error generating barcode (format: ${format}, value: ${value}):`, errorMessage);
+        // Log available formats for debugging
+        try {
+            const availableFormats = BarcodeEncoder.getAvailableFormats();
+            console.log('Available barcode formats:', availableFormats);
+        }
+        catch {
+            // Ignore if getAvailableFormats fails
+        }
+        return null;
+    }
+};
+/**
+ * Renders barcode bars from barcode data
+ */
+const renderBarcodeBars = (bars, height, foregroundColor) => {
+    return bars.map((bar, index) => (<Rect key={index} x={bar.x} y={0} width={bar.width} height={height} fill={foregroundColor}/>));
+};
+/**
+ * A customizable barcode component with built-in styling support.
+ *
+ * The BarCode component renders a barcode using BarcodeEncoder for generation
+ * and react-native-svg for rendering. It supports customizable styling
+ * through the @mapples/style system.
+ *
+ * @example
+ * ```tsx
+ * <BarCode
+ *   value="123456789"
+ *   height={100}
+ *   width={2}
+ *   styled={{
+ *     style: {
+ *       width: 300,
+ *       height: 100,
+ *       alignItems: 'center',
+ *       justifyContent: 'center',
+ *     },
+ *   }}
+ * />
+ * ```
+ *
+ * @public
+ */
+const BarCode = forwardRef(({ styled, value = '', height = 100, width = 2, backgroundColor = 'transparent', foregroundColor = '#000000', format = 'CODE128', ...props }, ref) => {
+    const { styleSvg, ...styledProps } = styled || {};
+    const barcodeData = useMemo(() => generateBarcodeData(value, format, width), [value, format, width]);
+    const bars = useMemo(() => {
+        if (!barcodeData)
+            return [];
+        return renderBarcodeBars(barcodeData.bars, height, foregroundColor);
+    }, [barcodeData, height, foregroundColor]);
+    const svgStyle = useMemo(() => {
+        const flattened = styleSvg ? Styler.flatten(styleSvg) : {};
+        return {
+            backgroundColor,
+            ...flattened,
+        };
+    }, [styleSvg, backgroundColor]);
+    if (!barcodeData || bars.length === 0) {
+        return (<StyledView ref={ref} styled={styledProps} {...props}>
+          {/* Empty state - no barcode to display */}
+        </StyledView>);
+    }
+    return (<StyledView ref={ref} styled={styledProps} {...props}>
+        <Svg width={barcodeData.totalWidth} height={height} viewBox={`0 0 ${barcodeData.totalWidth} ${height}`} style={svgStyle}>
+          {bars}
+        </Svg>
+      </StyledView>);
+});
+BarCode.displayName = 'BarCode';
+export default BarCode;
+//# sourceMappingURL=BarCode.js.map

package/dist/components/media/BarCode/BarCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarCode.js","sourceRoot":"","sources":["../../../../src/components/media/BarCode/BarCode.tsx"],"names":[],"mappings":"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"}

package/dist/components/media/BarCode/BarCodeEncoder.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Supported barcode formats
+ */
+export type BarcodeFormat = 'CODE128' | 'CODE39' | 'EAN13' | 'EAN8' | 'UPC' | 'ITF14' | 'MSI' | 'pharmacode' | 'codabar';
+/**
+ * Options for barcode encoding
+ */
+export interface BarcodeEncodeOptions {
+    [key: string]: unknown;
+}
+/**
+ * Encoded barcode segment (used for EAN13, EAN8, UPC)
+ */
+export interface EncodedBarcodeSegment {
+    /** Binary string representation where '1' = bar, '0' = space */
+    data: string;
+    /** Optional text for this segment */
+    text?: string;
+    /** Optional segment-specific options */
+    options?: {
+        height?: number | null;
+        [key: string]: unknown;
+    };
+}
+/**
+ * Encoded barcode data structure
+ * Can be a single object (CODE128, CODE39) or array of segments (EAN13, EAN8, UPC)
+ */
+export type EncodedBarcode = {
+    /** The original text value */
+    text: string;
+    /** Binary string representation where '1' = bar, '0' = space */
+    data: string;
+} | EncodedBarcodeSegment[];
+/**
+ * Barcode encoder class that wraps jsbarcode functionality
+ */
+declare class BarcodeEncoder {
+    /**
+     * Encodes text into a barcode binary pattern
+     *
+     * @param text - The text value to encode
+     * @param format - The barcode format to use
+     * @param options - Additional encoding options
+     * @returns Encoded barcode data with text and binary pattern (or array of segments for EAN/UPC)
+     * @throws Error if text is invalid, format is not supported, or encoding fails
+     */
+    encode(text: string, format: BarcodeFormat, options?: BarcodeEncodeOptions): EncodedBarcode;
+    /**
+     * Gets list of available barcode formats
+     */
+    getAvailableFormats(): string[];
+}
+declare const _default: BarcodeEncoder;
+export default _default;
+//# sourceMappingURL=BarCodeEncoder.d.ts.map

package/dist/components/media/BarCode/BarCodeEncoder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarCodeEncoder.d.ts","sourceRoot":"","sources":["../../../../src/components/media/BarCode/BarCodeEncoder.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,QAAQ,GACR,OAAO,GACP,MAAM,GACN,KAAK,GACL,OAAO,GACP,KAAK,GACL,YAAY,GACZ,SAAS,CAAC;AAEd;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,gEAAgE;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACvB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;KACxB,CAAC;CACH;AAED;;;GAGG;AACH,MAAM,MAAM,cAAc,GACtB;IACE,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,IAAI,EAAE,MAAM,CAAC;CACd,GACD,qBAAqB,EAAE,CAAC;AA0D5B;;GAEG;AACH,cAAM,cAAc;IAClB;;;;;;;;OAQG;IACH,MAAM,CACJ,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,aAAa,EACrB,OAAO,GAAE,oBAAyB,GACjC,cAAc;IA6DjB;;OAEG;IACH,mBAAmB,IAAI,MAAM,EAAE;CAGhC;;AAED,wBAAoC"}

package/dist/components/media/BarCode/BarCodeEncoder.js

@@ -0,0 +1,112 @@
+// @ts-expect-error - jsbarcode/src/barcodes doesn't have type definitions
+import barcodes from 'jsbarcode/src/barcodes';
+/**
+ * Maps format names to jsbarcode format names
+ * Some formats might have different names in jsbarcode
+ */
+const FORMAT_MAP = {
+    CODE128: 'CODE128',
+    CODE39: 'CODE39',
+    EAN13: 'EAN13',
+    EAN8: 'EAN8',
+    UPC: 'UPC', // jsbarcode uses 'UPC' not 'UPC-A'
+    ITF14: 'ITF14', // jsbarcode uses 'ITF14' not 'ITF'
+    MSI: 'MSI',
+    pharmacode: 'pharmacode',
+    codabar: 'codabar',
+};
+/**
+ * Tries to find the correct format name in jsbarcode
+ * Handles case variations and common aliases
+ */
+const findFormat = (format, barcodes) => {
+    const mappedFormat = FORMAT_MAP[format];
+    if (barcodes[mappedFormat]) {
+        return mappedFormat;
+    }
+    const formatLower = format.toLowerCase();
+    for (const key in barcodes) {
+        if (key.toLowerCase() === formatLower) {
+            return key;
+        }
+    }
+    // Try common aliases
+    const aliases = {
+        UPC: ['UPC-A', 'UPCA'],
+        ITF14: ['ITF', 'ITF-14'],
+        EAN13: ['EAN-13', 'EAN_13'],
+        EAN8: ['EAN-8', 'EAN_8'],
+    };
+    const formatAliases = aliases[format];
+    if (formatAliases) {
+        for (const alias of formatAliases) {
+            if (barcodes[alias]) {
+                return alias;
+            }
+        }
+    }
+    return null;
+};
+/**
+ * Barcode encoder class that wraps jsbarcode functionality
+ */
+class BarcodeEncoder {
+    /**
+     * Encodes text into a barcode binary pattern
+     *
+     * @param text - The text value to encode
+     * @param format - The barcode format to use
+     * @param options - Additional encoding options
+     * @returns Encoded barcode data with text and binary pattern (or array of segments for EAN/UPC)
+     * @throws Error if text is invalid, format is not supported, or encoding fails
+     */
+    encode(text, format, options = {}) {
+        // Find the correct format name in jsbarcode
+        const jsbarcodeFormat = findFormat(format, barcodes);
+        if (!jsbarcodeFormat) {
+            const availableFormats = Object.keys(barcodes).join(', ');
+            throw new Error(`Barcode format "${format}" not found. Available formats: ${availableFormats}`);
+        }
+        const Encoder = barcodes[jsbarcodeFormat];
+        if (text.length === 0) {
+            throw new Error('Barcode value must be a non-empty string');
+        }
+        let encoder;
+        try {
+            encoder = new Encoder(text, options);
+        }
+        catch (error) {
+            const errorMessage = error instanceof Error ? error.message : 'Unknown error';
+            throw new Error(`Invalid barcode format: ${errorMessage}`);
+        }
+        if (!encoder.valid()) {
+            throw new Error('Invalid barcode for selected format.');
+        }
+        const encoded = encoder.encode();
+        // Handle array response (EAN13, EAN8, UPC)
+        if (Array.isArray(encoded)) {
+            // Validate array structure
+            if (!encoded.every((segment) => segment &&
+                typeof segment === 'object' &&
+                typeof segment.data === 'string')) {
+                throw new Error('Invalid barcode data structure');
+            }
+            return encoded;
+        }
+        // Handle single object response (CODE128, CODE39, etc.)
+        if (encoded &&
+            typeof encoded === 'object' &&
+            typeof encoded.data === 'string') {
+            return encoded;
+        }
+        throw new Error('Failed to encode barcode data');
+    }
+    /**
+     * Gets list of available barcode formats
+     */
+    getAvailableFormats() {
+        return Object.keys(barcodes);
+    }
+}
+export default new BarcodeEncoder();
+//# sourceMappingURL=BarCodeEncoder.js.map

package/dist/components/media/BarCode/BarCodeEncoder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarCodeEncoder.js","sourceRoot":"","sources":["../../../../src/components/media/BarCode/BarCodeEncoder.ts"],"names":[],"mappings":"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"}

package/dist/components/media/BarCode/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './BarCode';
+export * from './schematics';
+export * from './BarCode';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/media/BarCode/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/media/BarCode/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}

package/dist/components/media/BarCode/index.js

@@ -0,0 +1,4 @@
+export { default } from './BarCode';
+export * from './schematics';
+export * from './BarCode';
+//# sourceMappingURL=index.js.map

package/dist/components/media/BarCode/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/media/BarCode/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}

package/dist/components/media/BarCode/schematics.d.ts

@@ -0,0 +1,3 @@
+import { RegisteredComponent } from '@mapples/types';
+export declare const BarCodeSchematic: RegisteredComponent;
+//# sourceMappingURL=schematics.d.ts.map

package/dist/components/media/BarCode/schematics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/media/BarCode/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,eAAO,MAAM,gBAAgB,EAAE,mBAG9B,CAAC"}

package/dist/components/media/BarCode/schematics.js

@@ -0,0 +1,6 @@
+import BarCode from './BarCode';
+export const BarCodeSchematic = {
+    type: 'BarCode',
+    Component: BarCode,
+};
+//# sourceMappingURL=schematics.js.map

package/dist/components/media/BarCode/schematics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/media/BarCode/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,MAAM,CAAC,MAAM,gBAAgB,GAAwB;IACnD,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,OAAO;CACnB,CAAC"}

package/dist/components/media/Image/Image.d.ts

@@ -12,6 +12,7 @@ export type ImageProps = PropsWithChildren<Omit<WithStyledProps<ExpoImageProps>,
     styled?: StyledProps<ViewProps> & {
         /** Image-specific styling */
         styleImage?: StyledProp<ImageStyle>;
+        styledImageProps?: StyledProps<ExpoImageProps>;
     };
     /** Alternative data source for the image */
     dataSource?: string;
@@ -48,6 +49,7 @@ declare const Image: import("react").ForwardRefExoticComponent<Omit<WithStyledPr
     styled?: StyledProps<ViewProps> & {
         /** Image-specific styling */
         styleImage?: StyledProp<ImageStyle>;
+        styledImageProps?: StyledProps<ExpoImageProps>;
     };
     /** Alternative data source for the image */
     dataSource?: string;

package/dist/components/media/Image/Image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAEL,UAAU,EACV,WAAW,EAEX,eAAe,EAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAsB,UAAU,IAAI,cAAc,EAAE,MAAM,YAAY,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErD;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,iBAAiB,CACxC,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC,GAAG;IAChD,qEAAqE;IACrE,MAAM,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,6BAA6B;QAC7B,UAAU,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;KACrC,CAAC;IACF,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CACF,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,KAAK;IAvCP,qEAAqE;aAC5D,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,6BAA6B;QAC7B,UAAU,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;KACrC;IACD,4CAA4C;iBAC/B,MAAM;;;2CA+CtB,CAAC;AAGF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAEL,UAAU,EACV,WAAW,EAIX,eAAe,EAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAsB,UAAU,IAAI,cAAc,EAAE,MAAM,YAAY,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErD;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,iBAAiB,CACxC,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC,GAAG;IAChD,qEAAqE;IACrE,MAAM,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,6BAA6B;QAC7B,UAAU,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;QACpC,gBAAgB,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;KAChD,CAAC;IACF,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CACF,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,KAAK;IAxCP,qEAAqE;aAC5D,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,6BAA6B;QAC7B,UAAU,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;QACpC,gBAAgB,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;KAChD;IACD,4CAA4C;iBAC/B,MAAM;;;2CAyDtB,CAAC;AAkBF,eAAe,KAAK,CAAC"}

package/dist/components/media/Image/Image.js

@@ -1,5 +1,5 @@
 import { forwardRef } from 'react';
-import { styled, StyledView, } from '@mapples/style';
+import { styled, StyledView, Styler, Typography, } from '@mapples/style';
 import { Image as ExpoImage } from 'expo-image';
 const StyledExpoImage = styled(ExpoImage);
 /**
@@ -29,12 +29,31 @@ const StyledExpoImage = styled(ExpoImage);
  *
  * @public
  */
-const Image = forwardRef(({ styled, source, alt, dataSource, ...props }, ref) => {
-    const { styleImage, ...styledProps } = styled || {};
-    return (<StyledView ref={ref} styled={styledProps} {...props}>
-        <StyledExpoImage source={dataSource || source} alt={alt} styled={{ style: styleImage }}/>
+const Image = forwardRef(({ styled, source, dataSource, alt, ...props }, ref) => {
+    const { styleImage, styledImageProps, ...styledProps } = styled || {};
+    const image = dataSource || source;
+    return (<StyledView ref={ref} styled={styledProps}>
+        {!!image ? (<StyledExpoImage source={image} styled={{ style: styleImage, ...(styledImageProps || {}) }} {...props}/>) : (<StyledView styled={{ style: styler.imagePlaceholder }}>
+            <Typography style={styler.imagePlaceholderText}>
+              {alt || 'IMAGE'}
+            </Typography>
+          </StyledView>)}
       </StyledView>);
 });
 Image.displayName = 'Image';
+const styler = Styler.create({
+    imagePlaceholder: {
+        width: '100%',
+        height: '100%',
+        backgroundColor: '#eee',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    imagePlaceholderText: {
+        fontSize: 24,
+        fontWeight: 'bold',
+        color: '#fafafa',
+    },
+});
 export default Image;
 //# sourceMappingURL=Image.js.map

package/dist/components/media/Image/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/components/media/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EACL,MAAM,EAGN,UAAU,GAEX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,KAAK,IAAI,SAAS,EAAgC,MAAM,YAAY,CAAC;AAoB9E,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,KAAK,EAAc,EAAE,GAAG,EAAE,EAAE;IACjE,MAAM,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEpD,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC,CACnD;QAAA,CAAC,eAAe,CACd,MAAM,CAAC,CAAC,UAAU,IAAI,MAAM,CAAC,CAC7B,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAElC;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/components/media/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EACL,MAAM,EAGN,UAAU,EACV,MAAM,EACN,UAAU,GAEX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,KAAK,IAAI,SAAS,EAAgC,MAAM,YAAY,CAAC;AAqB9E,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,KAAK,EAAc,EAAE,GAAG,EAAE,EAAE;IACjE,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,WAAW,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEtE,MAAM,KAAK,GAAG,UAAU,IAAI,MAAM,CAAC;IAEnC,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CACxC;QAAA,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACT,CAAC,eAAe,CACd,MAAM,CAAC,CAAC,KAAK,CAAC,CACd,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,CAAC,gBAAgB,IAAI,EAAE,CAAC,EAAE,CAAC,CAC3D,IAAI,KAAK,CAAC,EACV,CACH,CAAC,CAAC,CAAC,CACF,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,gBAAgB,EAAE,CAAC,CACrD;YAAA,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAC7C;cAAA,CAAC,GAAG,IAAI,OAAO,CACjB;YAAA,EAAE,UAAU,CACd;UAAA,EAAE,UAAU,CAAC,CACd,CACH;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3B,gBAAgB,EAAE;QAChB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,MAAM;QACvB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,oBAAoB,EAAE;QACpB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,SAAS;KACjB;CACF,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/dist/components/media/QRCode/QRCode.d.ts

@@ -0,0 +1,83 @@
+import { PropsWithChildren } from 'react';
+import { StyledProp, StyledProps, WithStyledProps } from '@mapples/style';
+import { View, ViewProps } from 'react-native';
+import { SvgProps } from 'react-native-svg';
+/**
+ * Props for the QRCode component.
+ *
+ * @public
+ */
+export type QRCodeProps = PropsWithChildren<Omit<WithStyledProps<ViewProps>, 'styled'> & {
+    /** Styling configuration for the QR code container and SVG */
+    styled?: StyledProps<ViewProps> & {
+        /** SVG-specific styling */
+        styleSvg?: StyledProp<SvgProps>;
+    };
+    /** The value to encode as a QR code */
+    value?: string;
+    /** Size of the QR code (width and height) */
+    size?: number;
+    /** Background color of the QR code */
+    backgroundColor?: string;
+    /** Foreground color of the QR code */
+    color?: string;
+    /** Error correction level */
+    ecl?: 'L' | 'M' | 'Q' | 'H';
+    /** Logo to display in the center of the QR code */
+    logo?: string;
+    /** Size of the logo */
+    logoSize?: number;
+    /** Margin around the QR code */
+    quietZone?: number;
+}>;
+/**
+ * A customizable QR code component with built-in styling support.
+ *
+ * The QRCode component renders a QR code using react-native-svg.
+ * It supports customizable styling through the @mapples/style system.
+ *
+ * @example
+ * ```tsx
+ * <QRCode
+ *   value="https://example.com"
+ *   size={200}
+ *   styled={{
+ *     style: {
+ *       width: 200,
+ *       height: 200,
+ *       alignItems: 'center',
+ *       justifyContent: 'center',
+ *     },
+ *   }}
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const QRCode: import("react").ForwardRefExoticComponent<Omit<WithStyledProps<ViewProps>, "styled"> & {
+    /** Styling configuration for the QR code container and SVG */
+    styled?: StyledProps<ViewProps> & {
+        /** SVG-specific styling */
+        styleSvg?: StyledProp<SvgProps>;
+    };
+    /** The value to encode as a QR code */
+    value?: string;
+    /** Size of the QR code (width and height) */
+    size?: number;
+    /** Background color of the QR code */
+    backgroundColor?: string;
+    /** Foreground color of the QR code */
+    color?: string;
+    /** Error correction level */
+    ecl?: "L" | "M" | "Q" | "H";
+    /** Logo to display in the center of the QR code */
+    logo?: string;
+    /** Size of the logo */
+    logoSize?: number;
+    /** Margin around the QR code */
+    quietZone?: number;
+} & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default QRCode;
+//# sourceMappingURL=QRCode.d.ts.map

package/dist/components/media/QRCode/QRCode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QRCode.d.ts","sourceRoot":"","sources":["../../../../src/components/media/QRCode/QRCode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAE/D,OAAO,EACL,UAAU,EACV,WAAW,EAGX,eAAe,EAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,iBAAiB,CACzC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,GAAG;IAC3C,8DAA8D;IAC9D,MAAM,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,2BAA2B;QAC3B,QAAQ,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;KACjC,CAAC;IACF,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC5B,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,MAAM;IAhDR,8DAA8D;aACrD,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,2BAA2B;QAC3B,QAAQ,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;KACjC;IACD,uCAAuC;YAC/B,MAAM;IACd,6CAA6C;WACtC,MAAM;IACb,sCAAsC;sBACpB,MAAM;IACxB,sCAAsC;YAC9B,MAAM;IACd,6BAA6B;UACvB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG;IAC3B,mDAAmD;WAC5C,MAAM;IACb,uBAAuB;eACZ,MAAM;IACjB,gCAAgC;gBACpB,MAAM;;;wCAsErB,CAAC;AAGF,eAAe,MAAM,CAAC"}

package/dist/components/media/QRCode/QRCode.js

@@ -0,0 +1,42 @@
+import { forwardRef, useMemo } from 'react';
+import { StyledView, Styler, } from '@mapples/style';
+import QRCodeSvg from 'react-native-qrcode-svg';
+/**
+ * A customizable QR code component with built-in styling support.
+ *
+ * The QRCode component renders a QR code using react-native-svg.
+ * It supports customizable styling through the @mapples/style system.
+ *
+ * @example
+ * ```tsx
+ * <QRCode
+ *   value="https://example.com"
+ *   size={200}
+ *   styled={{
+ *     style: {
+ *       width: 200,
+ *       height: 200,
+ *       alignItems: 'center',
+ *       justifyContent: 'center',
+ *     },
+ *   }}
+ * />
+ * ```
+ *
+ * @public
+ */
+const QRCode = forwardRef(({ styled, value = '', size = 200, backgroundColor = '#FFFFFF', color = '#000000', ecl = 'M', logo, logoSize, quietZone, ...props }, ref) => {
+    const { styleSvg, ...styledProps } = styled || {};
+    const svgStyle = useMemo(() => {
+        const flattened = styleSvg ? Styler.flatten(styleSvg) : {};
+        return {
+            ...flattened,
+        };
+    }, [styleSvg]);
+    return (<StyledView ref={ref} styled={styledProps} {...props}>
+        {value && (<QRCodeSvg value={value} size={size} color={color} backgroundColor={backgroundColor} ecl={ecl} logo={logo ? { uri: logo } : undefined} logoSize={logoSize} quietZone={quietZone}/>)}
+      </StyledView>);
+});
+QRCode.displayName = 'QRCode';
+export default QRCode;
+//# sourceMappingURL=QRCode.js.map

package/dist/components/media/QRCode/QRCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QRCode.js","sourceRoot":"","sources":["../../../../src/components/media/QRCode/QRCode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,EAGL,UAAU,EACV,MAAM,GAEP,MAAM,gBAAgB,CAAC;AAExB,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAkChD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,MAAM,GAAG,UAAU,CACvB,CACE,EACE,MAAM,EACN,KAAK,GAAG,EAAE,EACV,IAAI,GAAG,GAAG,EACV,eAAe,GAAG,SAAS,EAC3B,KAAK,GAAG,SAAS,EACjB,GAAG,GAAG,GAAG,EACT,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAElD,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3D,OAAO;YACL,GAAI,SAAqC;SAC1C,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC,CACnD;QAAA,CAAC,KAAK,IAAI,CACR,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CACvC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,SAAS,CAAC,CAAC,SAAS,CAAC,EACrB,CACH,CACH;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,eAAe,MAAM,CAAC"}

package/dist/components/media/QRCode/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './QRCode';
+export * from './QRCode';
+export * from './schematics';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/media/QRCode/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/media/QRCode/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,cAAc,UAAU,CAAC;AAEzB,cAAc,cAAc,CAAC"}

package/dist/components/media/QRCode/index.js

@@ -0,0 +1,4 @@
+export { default } from './QRCode';
+export * from './QRCode';
+export * from './schematics';
+//# sourceMappingURL=index.js.map

package/dist/components/media/QRCode/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/media/QRCode/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,cAAc,UAAU,CAAC;AAEzB,cAAc,cAAc,CAAC"}

package/dist/components/media/QRCode/schematics.d.ts

@@ -0,0 +1,3 @@
+import { RegisteredComponent } from '@mapples/types';
+export declare const QRCodeSchematic: RegisteredComponent;
+//# sourceMappingURL=schematics.d.ts.map

package/dist/components/media/QRCode/schematics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/media/QRCode/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD,eAAO,MAAM,eAAe,EAAE,mBAG7B,CAAC"}

package/dist/components/media/QRCode/schematics.js

@@ -0,0 +1,6 @@
+import QRCode from './QRCode';
+export const QRCodeSchematic = {
+    type: 'QRCode',
+    Component: QRCode,
+};
+//# sourceMappingURL=schematics.js.map

package/dist/components/media/QRCode/schematics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/media/QRCode/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,MAAM,CAAC,MAAM,eAAe,GAAwB;IAClD,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE,MAAM;CAClB,CAAC"}

package/dist/components/media/index.d.ts

@@ -4,5 +4,9 @@ export { default as Image } from './Image';
 export * from './Image';
 export { default as Icon } from './Icon';
 export * from './Icon';
+export { default as BarCode } from './BarCode';
+export * from './BarCode';
+export { default as QRCode } from './QRCode';
+export * from './QRCode';
 export * from './schematics';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/media/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/media/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/media/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,cAAc,cAAc,CAAC"}

package/dist/components/media/index.js

@@ -4,5 +4,9 @@ export { default as Image } from './Image';
 export * from './Image';
 export { default as Icon } from './Icon';
 export * from './Icon';
+export { default as BarCode } from './BarCode';
+export * from './BarCode';
+export { default as QRCode } from './QRCode';
+export * from './QRCode';
 export * from './schematics';
 //# sourceMappingURL=index.js.map