@mapples/ui 1.0.6 → 1.0.8

package/README.md

@@ -51,6 +51,14 @@ Interactive input components:
 - **IconButton**: Button with icon support
 - **Pressable**: Enhanced pressable component with styling
 
+### Form
+
+Form building blocks that work with `@mapples/form`:
+
+- **FormView**: Container that provides form context to children
+- **TextField**: Text input bound to a form field
+- **SubmitButton**: Button that triggers form submit and shows submitting state
+
 ### Media
 
 Media display components:
@@ -172,6 +180,30 @@ function MyInput() {
 }
 ```
 
+### Form with FormView, TextField, SubmitButton
+
+`FormView` wraps `Form` from `@mapples/form` and provides a styled container. Use `fieldName` on `TextField` to bind to form values; `SubmitButton` triggers submit and shows submitting state.
+
+```tsx
+import { FormView, TextField, SubmitButton } from '@mapples/ui';
+
+function MyForm() {
+  return (
+    <FormView
+      initialValues={{ name: '', email: '' }}
+      onSubmit={(values) => console.log(values)}
+      styled={{ style: { padding: 16 } }}
+    >
+      <TextField fieldName="name" placeholder="Name" />
+      <TextField fieldName="email" placeholder="Email" />
+      <SubmitButton label="Submit" />
+    </FormView>
+  );
+}
+```
+
+For Yup validation, use `Form` from `@mapples/form` as the outer wrapper and pass `validationSchema`; use `FormView` inside for layout and styling.
+
 ## Visual Editor Integration
 
 The UI package includes comprehensive schematics for visual editor integration:

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

@@ -1,8 +1,9 @@
 import { WithStyledProps } from '@mapples/style';
 import { PressableProps as RNPressableProps, View } from 'react-native';
-export interface PressableProps extends WithStyledProps<RNPressableProps> {
-}
-declare const Pressable: import("react").ForwardRefExoticComponent<PressableProps & {
+export type PressableProps = WithStyledProps<RNPressableProps>;
+declare const Pressable: import("react").ForwardRefExoticComponent<{
+    styled?: import("@mapples/style").StyledProps<Partial<RNPressableProps>> | undefined;
+} & RNPressableProps & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<View>>;
 export default Pressable;

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

@@ -1 +1 @@
-{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Pressable/Pressable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAExE,MAAM,WAAW,cAAe,SAAQ,eAAe,CAAC,gBAAgB,CAAC;CAAG;AAE5E,QAAA,MAAM,SAAS;;wCAQd,CAAC;AAGF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Pressable/Pressable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAExE,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;AAE/D,QAAA,MAAM,SAAS;;;;wCAQd,CAAC;AAGF,eAAe,SAAS,CAAC"}

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

@@ -1 +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"}
+{"version":3,"file":"QRCode.d.ts","sourceRoot":"","sources":["../../../../src/components/media/QRCode/QRCode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EACL,UAAU,EACV,WAAW,EAEX,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;;;wCA+DrB,CAAC;AAGF,eAAe,MAAM,CAAC"}

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

@@ -1,5 +1,5 @@
-import { forwardRef, useMemo } from 'react';
-import { StyledView, Styler, } from '@mapples/style';
+import { forwardRef } from 'react';
+import { StyledView, } from '@mapples/style';
 import QRCodeSvg from 'react-native-qrcode-svg';
 /**
  * A customizable QR code component with built-in styling support.
@@ -27,12 +27,6 @@ import QRCodeSvg from 'react-native-qrcode-svg';
  */
 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>);

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

@@ -1 +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"}
+{"version":3,"file":"QRCode.js","sourceRoot":"","sources":["../../../../src/components/media/QRCode/QRCode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EAGL,UAAU,GAEX,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,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/Svg/Svg.d.ts

@@ -0,0 +1,44 @@
+import { StyledProp, StyledProps, WithStyledProps } from '@mapples/style';
+import { View, ViewProps } from 'react-native';
+import { SvgProps as RnsSvgProps } from 'react-native-svg';
+/**
+ * Props for the Svg component.
+ *
+ * @public
+ */
+export type SvgProps = WithStyledProps<ViewProps> & {
+    /** Styling configuration for the container and SVG */
+    styled?: StyledProps<ViewProps> & {
+        /** SVG-specific styling (width, height, color) */
+        styleSvg?: StyledProp<RnsSvgProps>;
+    };
+    /** SVG markup string (e.g. from Figma vector group conversion) */
+    content?: string;
+};
+/**
+ * Renders inline SVG from a string (e.g. from @mapplesorg/figmafile GROUP→Svg conversion).
+ * Uses a data URI so react-native-svg's SvgUri can display it.
+ *
+ * @example
+ * ```tsx
+ * <Svg
+ *   content='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect x="0" y="0" width="100" height="100" fill="#333"/></svg>'
+ *   styled={{ style: { width: 100, height: 100 }, styleSvg: { width: 100, height: 100 } }}
+ * />
+ * ```
+ *
+ * @public
+ */
+declare const Svg: import("react").ForwardRefExoticComponent<{
+    styled?: StyledProps<Partial<ViewProps>> | undefined;
+} & ViewProps & {
+    /** Styling configuration for the container and SVG */
+    styled?: StyledProps<ViewProps> & {
+        /** SVG-specific styling (width, height, color) */
+        styleSvg?: StyledProp<RnsSvgProps>;
+    };
+    /** SVG markup string (e.g. from Figma vector group conversion) */
+    content?: string;
+} & import("react").RefAttributes<View>>;
+export default Svg;
+//# sourceMappingURL=Svg.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Svg.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Svg/Svg.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,UAAU,EACV,WAAW,EAGX,eAAe,EAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,IAAI,EAAE,SAAS,EAAa,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,QAAQ,IAAI,WAAW,EAAU,MAAM,kBAAkB,CAAC;AAInE;;;;GAIG;AACH,MAAM,MAAM,QAAQ,GAAG,eAAe,CAAC,SAAS,CAAC,GAAG;IAClD,sDAAsD;IACtD,MAAM,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,kDAAkD;QAClD,QAAQ,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;KACpC,CAAC;IACF,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,GAAG;;;IAvBP,sDAAsD;aAC7C,WAAW,CAAC,SAAS,CAAC,GAAG;QAChC,kDAAkD;QAClD,QAAQ,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;KACpC;IACD,kEAAkE;cACxD,MAAM;wCAuChB,CAAC;AAcH,eAAe,GAAG,CAAC"}

package/dist/components/media/Svg/Svg.js

@@ -0,0 +1,41 @@
+import { forwardRef } from 'react';
+import { styled, StyledView, Styler, } from '@mapples/style';
+import { SvgUri } from 'react-native-svg';
+const StyledSvgUri = styled(SvgUri);
+/**
+ * Renders inline SVG from a string (e.g. from @mapplesorg/figmafile GROUP→Svg conversion).
+ * Uses a data URI so react-native-svg's SvgUri can display it.
+ *
+ * @example
+ * ```tsx
+ * <Svg
+ *   content='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect x="0" y="0" width="100" height="100" fill="#333"/></svg>'
+ *   styled={{ style: { width: 100, height: 100 }, styleSvg: { width: 100, height: 100 } }}
+ * />
+ * ```
+ *
+ * @public
+ */
+const Svg = forwardRef(({ styled, content, ...props }, ref) => {
+    const { styleSvg, style, ...styledProps } = styled || {};
+    const uri = content && content.trim().length > 0
+        ? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(content.trim())}`
+        : undefined;
+    const svgStyle = styleSvg ?? style;
+    return (<StyledView ref={ref} styled={{ style, ...styledProps }} {...props}>
+      {uri ? (<StyledSvgUri uri={uri} styled={{ style: svgStyle }}/>) : (<StyledView styled={{ style: styler.placeholder }}/>)}
+    </StyledView>);
+});
+Svg.displayName = 'Svg';
+const styler = Styler.create({
+    placeholder: {
+        width: '100%',
+        height: '100%',
+        minHeight: 48,
+        backgroundColor: '#f0f0f0',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+});
+export default Svg;
+//# sourceMappingURL=Svg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Svg.js","sourceRoot":"","sources":["../../../../src/components/media/Svg/Svg.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EACL,MAAM,EAGN,UAAU,EACV,MAAM,GAEP,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAA2B,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEnE,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAiBpC;;;;;;;;;;;;;GAaG;AACH,MAAM,GAAG,GAAG,UAAU,CAAiB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5E,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEzD,MAAM,GAAG,GACP,OAAO,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;QAClC,CAAC,CAAC,oCAAoC,kBAAkB,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE;QAC1E,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,QAAQ,GAAG,QAAQ,IAAI,KAAK,CAAC;IAEnC,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,CAAC,CAAC,IAAI,KAAK,CAAC,CACjE;MAAA,CAAC,GAAG,CAAC,CAAC,CAAC,CACL,CAAC,YAAY,CACX,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,QAAiC,EAAE,CAAC,EACrD,CACH,CAAC,CAAC,CAAC,CACF,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC,EAAG,CACtD,CACH;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3B,WAAW,EAAE;QACX,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,EAAE;QACb,eAAe,EAAE,SAAS;QAC1B,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC;AAEH,eAAe,GAAG,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/media/Svg/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,cAAc,cAAc,CAAC"}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/media/Svg/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,GAAG,MAAM,OAAO,CAAC;AAExB,MAAM,CAAC,MAAM,YAAY,GAAwB;IAC/C,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,GAAG;CACf,CAAC"}

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

@@ -8,5 +8,7 @@ export { default as BarCode } from './BarCode';
 export * from './BarCode';
 export { default as QRCode } from './QRCode';
 export * from './QRCode';
+export { default as Svg } from './Svg';
+export * from './Svg';
 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,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"}
+{"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,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,cAAc,OAAO,CAAC;AAEtB,cAAc,cAAc,CAAC"}

package/dist/components/media/index.js

@@ -8,5 +8,7 @@ export { default as BarCode } from './BarCode';
 export * from './BarCode';
 export { default as QRCode } from './QRCode';
 export * from './QRCode';
+export { default as Svg } from './Svg';
+export * from './Svg';
 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,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"}
+{"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,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,cAAc,OAAO,CAAC;AAEtB,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;AAQtD,eAAO,MAAM,eAAe,EAAE,oBAM7B,CAAC"}
+{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../src/components/media/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAStD,eAAO,MAAM,eAAe,EAAE,oBAO7B,CAAC"}

package/dist/components/media/schematics.js

@@ -2,6 +2,7 @@ import { BarCodeSchematic } from './BarCode';
 import { IconSchematics } from './Icon';
 import { ImageSchematic } from './Image';
 import { QRCodeSchematic } from './QRCode';
+import { SvgSchematic } from './Svg';
 import { VideoSchematic } from './Video';
 export const MediaSchematics = {
     [VideoSchematic.type]: VideoSchematic,
@@ -9,5 +10,6 @@ export const MediaSchematics = {
     [IconSchematics.type]: IconSchematics,
     [BarCodeSchematic.type]: BarCodeSchematic,
     [QRCodeSchematic.type]: QRCodeSchematic,
+    [SvgSchematic.type]: SvgSchematic,
 };
 //# 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,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"}
+{"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,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,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;IACvC,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,YAAY;CAClC,CAAC"}

package/dist/schematics.d.ts

@@ -14,7 +14,7 @@
  *
  * @public
  */
-export declare const Components: {
+export declare const UIComponents: {
     readonly [x: string]: import("@mapples/types").RegisteredComponent<object> | import("@mapples/types").RegisteredComponent<object>;
 };
 //# sourceMappingURL=schematics.d.ts.map

package/dist/schematics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../src/schematics.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU;;CAKb,CAAC"}
+{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../src/schematics.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY;;CAKf,CAAC"}

package/dist/schematics.js

@@ -18,7 +18,7 @@ import { ViewsSchematics } from './components/views';
  *
  * @public
  */
-export const Components = {
+export const UIComponents = {
     ...ViewsSchematics,
     ...TypographySchematics,
     ...InputsSchematics,

package/dist/schematics.js.map

@@ -1 +1 @@
-{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../src/schematics.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,GAAG,eAAe;IAClB,GAAG,oBAAoB;IACvB,GAAG,gBAAgB;IACnB,GAAG,eAAe;CACV,CAAC"}
+{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../src/schematics.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,GAAG,eAAe;IAClB,GAAG,oBAAoB;IACvB,GAAG,gBAAgB;IACnB,GAAG,eAAe;CACV,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mapples/ui",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {