@mapples/ui 1.0.2 → 1.0.4

package/dist/components/inputs/IconButton/IconButton.d.ts

@@ -1,5 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { StyledProp, StyledProps, WithStyledProps } from '@mapples/style';
+import { SvgSource } from '@mapples/types';
 import { PressableProps, TextStyle, View, ViewProps } from 'react-native';
 /**
  * Props for the IconButton component.
@@ -14,7 +15,7 @@ export type IconProps = PropsWithChildren<Omit<WithStyledProps<PressableProps>,
     };
 }> & {
     /** URI for the SVG icon to display */
-    uri?: string;
+    uri?: string | SvgSource;
 };
 /**
  * A customizable icon button component with SVG support.
@@ -56,7 +57,7 @@ declare const IconButton: import("react").ForwardRefExoticComponent<Omit<WithSty
     children?: import("react").ReactNode | undefined;
 } & {
     /** URI for the SVG icon to display */
-    uri?: string;
+    uri?: string | SvgSource;
 } & import("react").RefAttributes<View>>;
 export default IconButton;
 //# sourceMappingURL=IconButton.d.ts.map

package/dist/components/inputs/IconButton/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAGL,UAAU,EACV,WAAW,EAEX,eAAe,EAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK1E;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,iBAAiB,CACvC,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC,GAAG;IAChD,kEAAkE;IAClE,MAAM,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,2BAA2B;QAC3B,QAAQ,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KAClC,CAAC;CACH,CACF,GAAG;IACF,sCAAsC;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,QAAA,MAAM,UAAU;IA3CZ,kEAAkE;aACzD,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,2BAA2B;QAC3B,QAAQ,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KAClC;;;;IAGH,sCAAsC;UAChC,MAAM;wCAkEb,CAAC;AAGF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAIL,UAAU,EACV,WAAW,EAEX,eAAe,EAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK1E;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,iBAAiB,CACvC,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC,GAAG;IAChD,kEAAkE;IAClE,MAAM,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,2BAA2B;QAC3B,QAAQ,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KAClC,CAAC;CACH,CACF,GAAG;IACF,sCAAsC;IACtC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,QAAA,MAAM,UAAU;IA3CZ,kEAAkE;aACzD,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,2BAA2B;QAC3B,QAAQ,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KAClC;;;;IAGH,sCAAsC;UAChC,MAAM,GAAG,SAAS;wCAuFzB,CAAC;AAGF,eAAe,UAAU,CAAC"}

package/dist/components/inputs/IconButton/IconButton.js

@@ -1,5 +1,5 @@
 import { forwardRef } from 'react';
-import { styled, StyledPressable, Styler, } from '@mapples/style';
+import { styled as makeStyled, styled, StyledPressable, Styler, } from '@mapples/style';
 import { SvgUri } from 'react-native-svg';
 import MockIcon from './MockIcon';
 const StyledSvgUri = styled(SvgUri);
@@ -36,13 +36,24 @@ const StyledSvgUri = styled(SvgUri);
 const IconButton = forwardRef(({ styled, uri, ...props }, ref) => {
     const { styleSvg, ...styledViewProps } = styled || {};
     const ejectStyle = Styler.flatten(styleSvg);
-    return (<StyledPressable ref={ref} styled={styledViewProps} {...props}>
-        {uri ? (<StyledSvgUri uri={uri} styled={{
+    const getUriComponent = (Uri) => {
+        const StyledSvg = makeStyled(Uri.default);
+        return (<StyledSvg styled={{
                 width: ejectStyle?.width,
                 height: ejectStyle?.height,
                 color: ejectStyle?.color,
                 style: styleSvg,
-            }}/>) : (<MockIcon styled={{
+            }}/>);
+    };
+    return (<StyledPressable ref={ref} styled={styledViewProps} {...props}>
+        {uri ? (<>
+            {typeof uri === 'string' ? (<StyledSvgUri uri={uri} styled={{
+                    width: ejectStyle?.width,
+                    height: ejectStyle?.height,
+                    color: ejectStyle?.color,
+                    style: styleSvg,
+                }}/>) : (getUriComponent(uri))}
+          </>) : (<MockIcon styled={{
                 width: ejectStyle?.width,
                 height: ejectStyle?.height,
                 color: ejectStyle?.color,

package/dist/components/inputs/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/inputs/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EACL,MAAM,EACN,eAAe,EAGf,MAAM,GAEP,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAoBlC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAEpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,UAAU,GAAG,UAAU,CAC3B,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEtD,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE5C,OAAO,CACL,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,IAAI,KAAK,CAAC,CAC5D;QAAA,CAAC,GAAG,CAAC,CAAC,CAAC,CACL,CAAC,YAAY,CACX,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;gBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;gBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;gBACxB,KAAK,EAAE,QAAQ;aAChB,CAAC,EACF,CACH,CAAC,CAAC,CAAC,CACF,CAAC,QAAQ,CACP,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;gBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;gBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;gBACxB,KAAK,EAAE,QAAQ;aAChB,CAAC,EACF,CACH,CACH;MAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,eAAe,UAAU,CAAC"}
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/inputs/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,UAAU,EAAqB,MAAM,OAAO,CAAC;AAErE,OAAO,EACL,MAAM,IAAI,UAAU,EACpB,MAAM,EACN,eAAe,EAGf,MAAM,GAEP,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAAY,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAoBlC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAEpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,UAAU,GAAG,UAAU,CAC3B,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEtD,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE5C,MAAM,eAAe,GAAG,CAAC,GAAyC,EAAE,EAAE;QACpE,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAE1C,OAAO,CACL,CAAC,SAAS,CACR,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;gBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;gBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;gBACxB,KAAK,EAAE,QAAQ;aAChB,CAAC,EACF,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,IAAI,KAAK,CAAC,CAC5D;QAAA,CAAC,GAAG,CAAC,CAAC,CAAC,CACL,EACE;YAAA,CAAC,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,CACzB,CAAC,YAAY,CACX,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,MAAM,CAAC,CAAC;oBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;oBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;oBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;oBACxB,KAAK,EAAE,QAAQ;iBAChB,CAAC,EACF,CACH,CAAC,CAAC,CAAC,CACF,eAAe,CAAC,GAAG,CAAC,CACrB,CACH;UAAA,GAAG,CACJ,CAAC,CAAC,CAAC,CACF,CAAC,QAAQ,CACP,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;gBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;gBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;gBACxB,KAAK,EAAE,QAAQ;aAChB,CAAC,EACF,CACH,CACH;MAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,78 @@
+import { PropsWithChildren } from 'react';
+import { StyledProp, StyledProps, WithStyledProps } from '@mapples/style';
+import { View, ViewProps } from 'react-native';
+import { SvgProps } from 'react-native-svg';
+import { type BarcodeFormat } from './BarCodeEncoder';
+/**
+ * Props for the BarCode component.
+ *
+ * @public
+ */
+export type BarCodeProps = PropsWithChildren<Omit<WithStyledProps<ViewProps>, 'styled'> & {
+    /** Styling configuration for the barcode container and SVG */
+    styled?: StyledProps<ViewProps> & {
+        /** SVG-specific styling */
+        styleSvg?: StyledProp<SvgProps>;
+    };
+    /** The value to encode as a barcode */
+    value?: string;
+    /** Height of the barcode bars */
+    height?: number;
+    /** Width of each bar module */
+    width?: number;
+    /** Background color of the barcode */
+    backgroundColor?: string;
+    /** Foreground color of the barcode bars */
+    foregroundColor?: string;
+    /** Barcode format (default: CODE128) */
+    format?: BarcodeFormat;
+}>;
+/**
+ * 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
+ */
+declare const BarCode: import("react").ForwardRefExoticComponent<Omit<WithStyledProps<ViewProps>, "styled"> & {
+    /** Styling configuration for the barcode container and SVG */
+    styled?: StyledProps<ViewProps> & {
+        /** SVG-specific styling */
+        styleSvg?: StyledProp<SvgProps>;
+    };
+    /** The value to encode as a barcode */
+    value?: string;
+    /** Height of the barcode bars */
+    height?: number;
+    /** Width of each bar module */
+    width?: number;
+    /** Background color of the barcode */
+    backgroundColor?: string;
+    /** Foreground color of the barcode bars */
+    foregroundColor?: string;
+    /** Barcode format (default: CODE128) */
+    format?: BarcodeFormat;
+} & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<View>>;
+export default BarCode;
+//# sourceMappingURL=BarCode.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BarCode.d.ts","sourceRoot":"","sources":["../../../../src/components/media/BarCode/BarCode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAyB,MAAM,OAAO,CAAC;AAE7E,OAAO,EACL,UAAU,EACV,WAAW,EAGX,eAAe,EAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAY,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAuB,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAC1C,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,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2CAA2C;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wCAAwC;IACxC,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB,CACF,CAAC;AAiGF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,OAAO;IA7IT,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,iCAAiC;aACxB,MAAM;IACf,+BAA+B;YACvB,MAAM;IACd,sCAAsC;sBACpB,MAAM;IACxB,2CAA2C;sBACzB,MAAM;IACxB,wCAAwC;aAC/B,aAAa;;;wCAoLzB,CAAC;AAGF,eAAe,OAAO,CAAC"}

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/Icon/Icon.d.ts

@@ -1,12 +1,13 @@
 import { PropsWithChildren } from 'react';
 import { StyledProp, StyledProps, WithStyledProps } from '@mapples/style';
+import { SvgSource } from '@mapples/types';
 import { TextStyle, View, ViewProps } from 'react-native';
 export type IconProps = PropsWithChildren<Omit<WithStyledProps<ViewProps>, 'styled'> & {
     styled?: StyledProps<ViewProps> & {
         styleSvg?: StyledProp<TextStyle>;
     };
 }> & {
-    uri?: string;
+    uri?: string | SvgSource;
 };
 declare const Icon: import("react").ForwardRefExoticComponent<Omit<WithStyledProps<ViewProps>, "styled"> & {
     styled?: StyledProps<ViewProps> & {
@@ -15,7 +16,7 @@ declare const Icon: import("react").ForwardRefExoticComponent<Omit<WithStyledPro
 } & {
     children?: import("react").ReactNode | undefined;
 } & {
-    uri?: string;
+    uri?: string | SvgSource;
 } & import("react").RefAttributes<View>>;
 export default Icon;
 //# sourceMappingURL=Icon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAEL,UAAU,EACV,WAAW,EAGX,eAAe,EAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK1D,MAAM,MAAM,SAAS,GAAG,iBAAiB,CACvC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,GAAG;IAC3C,MAAM,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,QAAQ,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KAClC,CAAC;CACH,CACF,GAAG;IACF,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAIF,QAAA,MAAM,IAAI;aAVG,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,QAAQ,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KAClC;;;;UAGG,MAAM;wCAoCb,CAAC;AAGF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAEL,UAAU,EACV,WAAW,EAGX,eAAe,EAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK1D,MAAM,MAAM,SAAS,GAAG,iBAAiB,CACvC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,GAAG;IAC3C,MAAM,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,QAAQ,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KAClC,CAAC;CACH,CACF,GAAG;IACF,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B,CAAC;AAIF,QAAA,MAAM,IAAI;aAVG,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,QAAQ,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KAClC;;;;UAGG,MAAM,GAAG,SAAS;wCAyDzB,CAAC;AAGF,eAAe,IAAI,CAAC"}

package/dist/components/media/Icon/Icon.js

@@ -1,18 +1,29 @@
 import { forwardRef } from 'react';
-import { styled, StyledView, Styler, } from '@mapples/style';
+import { styled as makeStyled, StyledView, Styler, } from '@mapples/style';
 import { SvgUri } from 'react-native-svg';
 import MockIcon from './MockIcon';
-const StyledSvgUri = styled(SvgUri);
+const StyledSvgUri = makeStyled(SvgUri);
 const Icon = forwardRef(({ styled, uri, ...props }, ref) => {
     const { styleSvg, ...styledViewProps } = styled || {};
     const ejectStyle = Styler.flatten(styleSvg);
-    return (<StyledView ref={ref} styled={styledViewProps} {...props}>
-        {uri ? (<StyledSvgUri uri={uri} styled={{
+    const getUriComponent = (Uri) => {
+        const StyledSvg = makeStyled(Uri.default);
+        return (<StyledSvg styled={{
                 width: ejectStyle?.width,
                 height: ejectStyle?.height,
                 color: ejectStyle?.color,
                 style: styleSvg,
-            }}/>) : (<MockIcon styled={{
+            }}/>);
+    };
+    return (<StyledView ref={ref} styled={styledViewProps} {...props}>
+        {uri ? (<>
+            {typeof uri === 'string' ? (<StyledSvgUri uri={uri} styled={{
+                    width: ejectStyle?.width,
+                    height: ejectStyle?.height,
+                    color: ejectStyle?.color,
+                    style: styleSvg,
+                }}/>) : (getUriComponent(uri))}
+          </>) : (<MockIcon styled={{
                 width: ejectStyle?.width,
                 height: ejectStyle?.height,
                 color: ejectStyle?.color,

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/media/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EACL,MAAM,EAGN,UAAU,EACV,MAAM,GAEP,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAYlC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAEpC,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEtD,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE5C,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,IAAI,KAAK,CAAC,CACvD;QAAA,CAAC,GAAG,CAAC,CAAC,CAAC,CACL,CAAC,YAAY,CACX,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;gBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;gBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;gBACxB,KAAK,EAAE,QAAQ;aAChB,CAAC,EACF,CACH,CAAC,CAAC,CAAC,CACF,CAAC,QAAQ,CACP,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;gBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;gBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;gBACxB,KAAK,EAAE,QAAQ;aAChB,CAAC,EACF,CACH,CACH;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/media/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,UAAU,EAAqB,MAAM,OAAO,CAAC;AAErE,OAAO,EACL,MAAM,IAAI,UAAU,EAGpB,UAAU,EACV,MAAM,GAEP,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAAE,MAAM,EAAY,MAAM,kBAAkB,CAAC;AAEpD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAYlC,MAAM,YAAY,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;AAExC,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEtD,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE5C,MAAM,eAAe,GAAG,CAAC,GAAyC,EAAE,EAAE;QACpE,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAE1C,OAAO,CACL,CAAC,SAAS,CACR,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;gBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;gBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;gBACxB,KAAK,EAAE,QAAQ;aAChB,CAAC,EACF,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,IAAI,KAAK,CAAC,CACvD;QAAA,CAAC,GAAG,CAAC,CAAC,CAAC,CACL,EACE;YAAA,CAAC,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,CACzB,CAAC,YAAY,CACX,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,MAAM,CAAC,CAAC;oBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;oBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;oBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;oBACxB,KAAK,EAAE,QAAQ;iBAChB,CAAC,EACF,CACH,CAAC,CAAC,CAAC,CACF,eAAe,CAAC,GAAG,CAAC,CACrB,CACH;UAAA,GAAG,CACJ,CAAC,CAAC,CAAC,CACF,CAAC,QAAQ,CACP,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE,UAAU,EAAE,KAAwB;gBAC3C,MAAM,EAAE,UAAU,EAAE,MAAyB;gBAC7C,KAAK,EAAE,UAAU,EAAE,KAAK;gBACxB,KAAK,EAAE,QAAQ;aAChB,CAAC,EACF,CACH,CACH;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,eAAe,IAAI,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,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;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;;;2CA+CtB,CAAC;AAGF,eAAe,KAAK,CAAC"}

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

@@ -29,10 +29,10 @@ 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, ...props }, ref) => {
+    const { styleImage, styledImageProps, ...styledProps } = styled || {};
+    return (<StyledView ref={ref} styled={styledProps}>
+        <StyledExpoImage source={dataSource || source} styled={{ style: styleImage, ...(styledImageProps || {}) }} {...props}/>
       </StyledView>);
 });
 Image.displayName = 'Image';

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,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,KAAK,EAAc,EAAE,GAAG,EAAE,EAAE;IAC5D,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,WAAW,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEtE,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CACxC;QAAA,CAAC,eAAe,CACd,MAAM,CAAC,CAAC,UAAU,IAAI,MAAM,CAAC,CAC7B,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,CAAC,gBAAgB,IAAI,EAAE,CAAC,EAAE,CAAC,CAC3D,IAAI,KAAK,CAAC,EAEd;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","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.js","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/schematics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../src/components/media/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAMtD,eAAO,MAAM,eAAe,EAAE,oBAI7B,CAAC"}
+{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../src/components/media/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAQtD,eAAO,MAAM,eAAe,EAAE,oBAM7B,CAAC"}

package/dist/components/media/schematics.js

@@ -1,9 +1,13 @@
+import { BarCodeSchematic } from './BarCode';
 import { IconSchematics } from './Icon';
 import { ImageSchematic } from './Image';
+import { QRCodeSchematic } from './QRCode';
 import { VideoSchematic } from './Video';
 export const MediaSchematics = {
     [VideoSchematic.type]: VideoSchematic,
     [ImageSchematic.type]: ImageSchematic,
     [IconSchematics.type]: IconSchematics,
+    [BarCodeSchematic.type]: BarCodeSchematic,
+    [QRCodeSchematic.type]: QRCodeSchematic,
 };
 //# sourceMappingURL=schematics.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../src/components/media/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,CAAC,MAAM,eAAe,GAAyB;IACnD,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;CACtC,CAAC"}
+{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../src/components/media/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,CAAC,MAAM,eAAe,GAAyB;IACnD,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,gBAAgB;IACzC,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,eAAe;CACxC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mapples/ui",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
@@ -20,8 +20,11 @@
     "directory": "packages/@mapples/ui"
   },
   "peerDependencies": {
+    "jsbarcode": "^3.11.5",
     "react": ">=18.0.0 <20.0.0",
-    "react-native": ">=0.71.0"
+    "react-native": ">=0.71.0",
+    "react-native-qrcode-svg": "^6.0.0",
+    "react-native-svg": ">=12.0.0"
   },
   "devDependencies": {
     "@types/react": ">=18.0.0 <20.0.0",