@mapples/ui 1.6.0-beta.20260917131610 → 1.6.0-beta.20260923095103

package/CHANGELOG.md

@@ -1,10 +1,13 @@
 # @mapples/ui
 
-## 1.6.0-beta.20260917131610
+## 1.6.0-beta.20260923095103
 
 ### Minor Changes
 
 - a6c5872: All `@mapples/*` runtime packages now share one version and are versioned and published together from `mapplesorg/mapples-kit`; `mapples-open-kit` is a read-only mirror of the source.
+- 8e57dff: `Container`, `HorizontalScrollView`, `GridTwoColumns`, `GridThreeColumns` and `GridFourColumns` are now real components, so the imports generated code writes for those canvas types render instead of throwing "Element type is invalid". `HorizontalScrollView` scrolls horizontally by default and each grid carries its column count. The `HorizontalScrollView` schematic export is renamed `HorizontalScrollViewSchematic`, in line with the other schematics.
+
+  `Typography` now types `variant` and `color`, and `ScrollView` takes React Native's `ScrollViewProps`, so `styled.contentContainerStyle` type-checks.
 
 ## 1.5.0
 

package/dist/components/typography/Typography/Typography.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { WithStyledProps } from '@mapples/style';
+import { WithStyledProps, TypographyProps as StyledTypographyProps } from '@mapples/style';
 import { TextProps as RNTextProps, Text } from 'react-native';
 /**
  * Props for the Typography component.
@@ -9,6 +9,10 @@ import { TextProps as RNTextProps, Text } from 'react-native';
 export type TextProps = PropsWithChildren<WithStyledProps<RNTextProps> & {
     /** The text content to display */
     text?: string;
+    /** The typography variant to apply (e.g. `Headline`, `Body`, `Caption`) */
+    variant?: StyledTypographyProps['variant'];
+    /** Colour that overrides the variant's colour, or `false` to apply none */
+    color?: StyledTypographyProps['color'];
 }>;
 /**
  * A styled typography component backed by the `@mapples/style` Typography
@@ -35,6 +39,10 @@ declare const Typography: import("react").ForwardRefExoticComponent<{
 } & RNTextProps & {
     /** The text content to display */
     text?: string;
+    /** The typography variant to apply (e.g. `Headline`, `Body`, `Caption`) */
+    variant?: StyledTypographyProps["variant"];
+    /** Colour that overrides the variant's colour, or `false` to apply none */
+    color?: StyledTypographyProps["color"];
 } & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<Text>>;

package/dist/components/typography/Typography/Typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EACL,eAAe,EAEhB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE9D;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,iBAAiB,CACvC,eAAe,CAAC,WAAW,CAAC,GAAG;IAC7B,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,UAAU;;;IAzBZ,kCAAkC;WAC3B,MAAM;;;wCAqChB,CAAC;AAGF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EACL,eAAe,EAEf,eAAe,IAAI,qBAAqB,EACzC,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE9D;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,iBAAiB,CACvC,eAAe,CAAC,WAAW,CAAC,GAAG;IAC7B,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,OAAO,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAC;IAC3C,2EAA2E;IAC3E,KAAK,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;CACxC,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,UAAU;;;IA7BZ,kCAAkC;WAC3B,MAAM;IACb,2EAA2E;cACjE,qBAAqB,CAAC,SAAS,CAAC;IAC1C,2EAA2E;YACnE,qBAAqB,CAAC,OAAO,CAAC;;;wCAqCzC,CAAC;AAGF,eAAe,UAAU,CAAC"}

package/dist/components/typography/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../../src/components/typography/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EAEL,UAAU,IAAI,gBAAgB,GAC/B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAe5C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,GAAG,UAAU,CAC3B,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5C,OAAO,CACL,CAAC,gBAAgB,CACf,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CACrB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,IAAI,KAAK,CAAC,CAEV;QAAA,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,cAAc,CACtE;MAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,MAAM,CAAC;AAEhC,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../../src/components/typography/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EAEL,UAAU,IAAI,gBAAgB,GAE/B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAmB5C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,GAAG,UAAU,CAC3B,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5C,OAAO,CACL,CAAC,gBAAgB,CACf,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CACrB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,IAAI,KAAK,CAAC,CAEV;QAAA,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,cAAc,CACtE;MAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,MAAM,CAAC;AAEhC,eAAe,UAAU,CAAC"}

package/dist/components/views/FlatList/Grid.d.ts

@@ -0,0 +1,39 @@
+import { ReactElement, Ref } from 'react';
+import type { View as RNView } from 'react-native';
+import { FlatListProps } from './FlatList';
+type Grid = <T extends object>(props: FlatListProps<T> & {
+    ref?: Ref<RNView>;
+}) => ReactElement;
+/**
+ * A FlatList laid out in two columns. Renders its child template once per
+ * `data` item; it takes every FlatList prop.
+ *
+ * @example
+ * ```tsx
+ * <GridTwoColumns
+ *   data={products}
+ *   styled={{ columnWrapperStyle: { gap: 12 } }}
+ * >
+ *   <Text text="item name" />
+ * </GridTwoColumns>
+ * ```
+ *
+ * @public
+ */
+export declare const GridTwoColumns: Grid;
+/**
+ * A FlatList laid out in three columns. Renders its child template once per
+ * `data` item; it takes every FlatList prop.
+ *
+ * @public
+ */
+export declare const GridThreeColumns: Grid;
+/**
+ * A FlatList laid out in four columns. Renders its child template once per
+ * `data` item; it takes every FlatList prop.
+ *
+ * @public
+ */
+export declare const GridFourColumns: Grid;
+export {};
+//# sourceMappingURL=Grid.d.ts.map

package/dist/components/views/FlatList/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/views/FlatList/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAiB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAErD,KAAK,IAAI,GAAG,CAAC,CAAC,SAAS,MAAM,EAC3B,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAAE,KAC5C,YAAY,CAAC;AAYlB;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,cAAc,MAAkC,CAAC;AAE9D;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,MAAoC,CAAC;AAElE;;;;;GAKG;AACH,eAAO,MAAM,eAAe,MAAmC,CAAC"}

package/dist/components/views/FlatList/Grid.js

@@ -0,0 +1,41 @@
+import { forwardRef } from 'react';
+import FlatList from './FlatList';
+const createGrid = (numColumns, displayName) => {
+    const GridComponent = forwardRef((props, ref) => {
+        return <FlatList numColumns={numColumns} ref={ref} {...props}/>;
+    });
+    GridComponent.displayName = displayName;
+    return GridComponent;
+};
+/**
+ * A FlatList laid out in two columns. Renders its child template once per
+ * `data` item; it takes every FlatList prop.
+ *
+ * @example
+ * ```tsx
+ * <GridTwoColumns
+ *   data={products}
+ *   styled={{ columnWrapperStyle: { gap: 12 } }}
+ * >
+ *   <Text text="item name" />
+ * </GridTwoColumns>
+ * ```
+ *
+ * @public
+ */
+export const GridTwoColumns = createGrid(2, 'GridTwoColumns');
+/**
+ * A FlatList laid out in three columns. Renders its child template once per
+ * `data` item; it takes every FlatList prop.
+ *
+ * @public
+ */
+export const GridThreeColumns = createGrid(3, 'GridThreeColumns');
+/**
+ * A FlatList laid out in four columns. Renders its child template once per
+ * `data` item; it takes every FlatList prop.
+ *
+ * @public
+ */
+export const GridFourColumns = createGrid(4, 'GridFourColumns');
+//# sourceMappingURL=Grid.js.map

package/dist/components/views/FlatList/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/views/FlatList/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAItD,OAAO,QAA2B,MAAM,YAAY,CAAC;AAMrD,MAAM,UAAU,GAAG,CAAC,UAAkB,EAAE,WAAmB,EAAQ,EAAE;IACnE,MAAM,aAAa,GAAG,UAAU,CAC9B,CAAmB,KAAuB,EAAE,GAAgB,EAAE,EAAE;QAC9D,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;IACnE,CAAC,CACF,CAAC;IACF,aAAa,CAAC,WAAW,GAAG,WAAW,CAAC;IACxC,OAAO,aAAqB,CAAC;AAC/B,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAE9D;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAAC;AAElE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC"}

package/dist/components/views/FlatList/index.d.ts

@@ -1,4 +1,5 @@
 import FlatList from './FlatList';
+export * from './Grid';
 export * from './schematics';
 export default FlatList;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/views/FlatList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/views/FlatList/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,cAAc,cAAc,CAAC;AAE7B,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/views/FlatList/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAE7B,eAAe,QAAQ,CAAC"}

package/dist/components/views/FlatList/index.js

@@ -1,4 +1,5 @@
 import FlatList from './FlatList';
+export * from './Grid';
 export * from './schematics';
 export default FlatList;
 //# sourceMappingURL=index.js.map

package/dist/components/views/FlatList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/views/FlatList/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,cAAc,cAAc,CAAC;AAE7B,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/views/FlatList/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAE7B,eAAe,QAAQ,CAAC"}

package/dist/components/views/FlatList/schematics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/views/FlatList/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,mBAG/B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,mBAGrC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,EAAE,mBAGvC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,mBAGtC,CAAC"}
+{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/views/FlatList/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAKrD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,mBAG/B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,mBAGrC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,EAAE,mBAGvC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,mBAGtC,CAAC"}

package/dist/components/views/FlatList/schematics.js

@@ -1,4 +1,5 @@
 import FlatList from './FlatList';
+import { GridFourColumns, GridThreeColumns, GridTwoColumns } from './Grid';
 /**
  * Schematic configuration for the FlatList component.
  *
@@ -14,8 +15,8 @@ export const FlatListSchematic = {
  * @public
  */
 export const GridTwoColumnsSchematic = {
-    ...FlatListSchematic,
     type: 'GridTwoColumns',
+    Component: GridTwoColumns,
 };
 /**
  * Schematic configuration for a three-column grid layout backed by FlatList.
@@ -23,8 +24,8 @@ export const GridTwoColumnsSchematic = {
  * @public
  */
 export const GridThreeColumnsSchematic = {
-    ...FlatListSchematic,
     type: 'GridThreeColumns',
+    Component: GridThreeColumns,
 };
 /**
  * Schematic configuration for a four-column grid layout backed by FlatList.
@@ -32,7 +33,7 @@ export const GridThreeColumnsSchematic = {
  * @public
  */
 export const GridFourColumnsSchematic = {
-    ...FlatListSchematic,
     type: 'GridFourColumns',
+    Component: GridFourColumns,
 };
 //# sourceMappingURL=schematics.js.map

package/dist/components/views/FlatList/schematics.js.map

@@ -1 +1 @@
-{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/views/FlatList/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAwB;IACpD,IAAI,EAAE,UAAU;IAChB,SAAS,EAAE,QAA0B;CACtC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAwB;IAC1D,GAAG,iBAAiB;IACpB,IAAI,EAAE,gBAAgB;CACvB,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAwB;IAC5D,GAAG,iBAAiB;IACpB,IAAI,EAAE,kBAAkB;CACzB,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAwB;IAC3D,GAAG,iBAAiB;IACpB,IAAI,EAAE,iBAAiB;CACxB,CAAC"}
+{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/views/FlatList/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE3E;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAwB;IACpD,IAAI,EAAE,UAAU;IAChB,SAAS,EAAE,QAA0B;CACtC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAwB;IAC1D,IAAI,EAAE,gBAAgB;IACtB,SAAS,EAAE,cAAgC;CAC5C,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAwB;IAC5D,IAAI,EAAE,kBAAkB;IACxB,SAAS,EAAE,gBAAkC;CAC9C,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAwB;IAC3D,IAAI,EAAE,iBAAiB;IACvB,SAAS,EAAE,eAAiC;CAC7C,CAAC"}

package/dist/components/views/ScrollView/HorizontalScrollView.d.ts

@@ -0,0 +1,27 @@
+/**
+ * A ScrollView that scrolls along the horizontal axis.
+ *
+ * Use it for a rail of chips, cards or thumbnails wider than the screen. It
+ * takes every ScrollView prop; `horizontal` defaults to `true`.
+ *
+ * @example
+ * ```tsx
+ * <HorizontalScrollView
+ *   styled={{
+ *     contentContainerStyle: { gap: 12, paddingHorizontal: 20 },
+ *   }}
+ * >
+ *   <Text text="First card" />
+ *   <Text text="Second card" />
+ * </HorizontalScrollView>
+ * ```
+ *
+ * @public
+ */
+declare const HorizontalScrollView: import("react").ForwardRefExoticComponent<{
+    styled?: import("@mapples/style").StyledProps<Partial<import("react-native").ScrollViewProps>> | undefined;
+} & import("react-native").ScrollViewProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<unknown>>;
+export default HorizontalScrollView;
+//# sourceMappingURL=HorizontalScrollView.d.ts.map

package/dist/components/views/ScrollView/HorizontalScrollView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalScrollView.d.ts","sourceRoot":"","sources":["../../../../src/components/views/ScrollView/HorizontalScrollView.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,oBAAoB;;;;2CASxB,CAAC;AAGH,eAAe,oBAAoB,CAAC"}

package/dist/components/views/ScrollView/HorizontalScrollView.js

@@ -0,0 +1,28 @@
+import { forwardRef } from 'react';
+import ScrollView from './ScrollView';
+/**
+ * A ScrollView that scrolls along the horizontal axis.
+ *
+ * Use it for a rail of chips, cards or thumbnails wider than the screen. It
+ * takes every ScrollView prop; `horizontal` defaults to `true`.
+ *
+ * @example
+ * ```tsx
+ * <HorizontalScrollView
+ *   styled={{
+ *     contentContainerStyle: { gap: 12, paddingHorizontal: 20 },
+ *   }}
+ * >
+ *   <Text text="First card" />
+ *   <Text text="Second card" />
+ * </HorizontalScrollView>
+ * ```
+ *
+ * @public
+ */
+const HorizontalScrollView = forwardRef((props, ref) => {
+    return (<ScrollView horizontal showsHorizontalScrollIndicator={false} ref={ref} {...props}/>);
+});
+HorizontalScrollView.displayName = 'HorizontalScrollView';
+export default HorizontalScrollView;
+//# sourceMappingURL=HorizontalScrollView.js.map

package/dist/components/views/ScrollView/HorizontalScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalScrollView.js","sourceRoot":"","sources":["../../../../src/components/views/ScrollView/HorizontalScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,UAA+B,MAAM,cAAc,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,oBAAoB,GAAG,UAAU,CAAC,CAAC,KAAsB,EAAE,GAAG,EAAE,EAAE;IACtE,OAAO,CACL,CAAC,UAAU,CACT,UAAU,CACV,8BAA8B,CAAC,CAAC,KAAK,CAAC,CACtC,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,KAAK,CAAC,EACV,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,eAAe,oBAAoB,CAAC"}

package/dist/components/views/ScrollView/ScrollView.d.ts

@@ -1,12 +1,12 @@
 import { PropsWithChildren } from 'react';
 import { WithStyledProps } from '@mapples/style';
-import { ViewProps as RNViewProps } from 'react-native';
+import { ScrollViewProps as RNScrollViewProps } from 'react-native';
 /**
  * Props for the ScrollView component.
  *
  * @public
  */
-export type ViewProps = PropsWithChildren<WithStyledProps<RNViewProps>>;
+export type ScrollViewProps = PropsWithChildren<WithStyledProps<RNScrollViewProps>>;
 /**
  * A customizable scrollable view component with built-in styling support.
  *
@@ -32,8 +32,8 @@ export type ViewProps = PropsWithChildren<WithStyledProps<RNViewProps>>;
  * @public
  */
 declare const ScrollView: import("react").ForwardRefExoticComponent<{
-    styled?: import("@mapples/style").StyledProps<Partial<RNViewProps>> | undefined;
-} & RNViewProps & {
+    styled?: import("@mapples/style").StyledProps<Partial<RNScrollViewProps>> | undefined;
+} & RNScrollViewProps & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<unknown>>;
 export default ScrollView;

package/dist/components/views/ScrollView/ScrollView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../../../src/components/views/ScrollView/ScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAoB,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAExD;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,iBAAiB,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,UAAU;;;;2CAaf,CAAC;AAGF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../../../src/components/views/ScrollView/ScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAoB,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,EAAE,eAAe,IAAI,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEpE;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAC7C,eAAe,CAAC,iBAAiB,CAAC,CACnC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,UAAU;;;;2CAaf,CAAC;AAGF,eAAe,UAAU,CAAC"}

package/dist/components/views/ScrollView/ScrollView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollView.js","sourceRoot":"","sources":["../../../../src/components/views/ScrollView/ScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAmB,MAAM,gBAAgB,CAAC;AAUnE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,GAAG,UAAU,CAC3B,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAa,EAAE,GAAG,EAAE,EAAE;IACjD,OAAO,CACL,CAAC,gBAAgB,CACf,4BAA4B,CAAC,CAAC,KAAK,CAAC,CACpC,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,MAAM,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,CAAC,CACtB,IAAI,KAAK,CAAC,CAEV;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ScrollView.js","sourceRoot":"","sources":["../../../../src/components/views/ScrollView/ScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAmB,MAAM,gBAAgB,CAAC;AAYnE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,GAAG,UAAU,CAC3B,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAmB,EAAE,GAAG,EAAE,EAAE;IACvD,OAAO,CACL,CAAC,gBAAgB,CACf,4BAA4B,CAAC,CAAC,KAAK,CAAC,CACpC,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,MAAM,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,CAAC,CACtB,IAAI,KAAK,CAAC,CAEV;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,eAAe,UAAU,CAAC"}

package/dist/components/views/ScrollView/index.d.ts

@@ -1,4 +1,5 @@
 import ScrollView from './ScrollView';
+export { default as HorizontalScrollView } from './HorizontalScrollView';
 export * from './schematics';
 export default ScrollView;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/views/ScrollView/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/views/ScrollView/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,cAAc,cAAc,CAAC;AAE7B,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/views/ScrollView/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,cAAc,CAAC;AAE7B,eAAe,UAAU,CAAC"}

package/dist/components/views/ScrollView/index.js

@@ -1,4 +1,5 @@
 import ScrollView from './ScrollView';
+export { default as HorizontalScrollView } from './HorizontalScrollView';
 export * from './schematics';
 export default ScrollView;
 //# sourceMappingURL=index.js.map

package/dist/components/views/ScrollView/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/views/ScrollView/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,cAAc,cAAc,CAAC;AAE7B,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/views/ScrollView/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,cAAc,CAAC;AAE7B,eAAe,UAAU,CAAC"}

package/dist/components/views/ScrollView/schematics.d.ts

@@ -10,5 +10,5 @@ export declare const ScrollViewSchematic: RegisteredComponent;
  *
  * @public
  */
-export declare const HorizontalScrollView: RegisteredComponent;
+export declare const HorizontalScrollViewSchematic: RegisteredComponent;
 //# sourceMappingURL=schematics.d.ts.map

package/dist/components/views/ScrollView/schematics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/views/ScrollView/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,mBAGjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,mBAGlC,CAAC"}
+{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/views/ScrollView/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAKrD;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,mBAGjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,6BAA6B,EAAE,mBAG3C,CAAC"}

package/dist/components/views/ScrollView/schematics.js

@@ -1,3 +1,4 @@
+import HorizontalScrollView from './HorizontalScrollView';
 import ScrollView from './ScrollView';
 /**
  * Schematic configuration for the ScrollView component.
@@ -13,8 +14,8 @@ export const ScrollViewSchematic = {
  *
  * @public
  */
-export const HorizontalScrollView = {
-    ...ScrollViewSchematic,
+export const HorizontalScrollViewSchematic = {
     type: 'HorizontalScrollView',
+    Component: HorizontalScrollView,
 };
 //# sourceMappingURL=schematics.js.map

package/dist/components/views/ScrollView/schematics.js.map

@@ -1 +1 @@
-{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/views/ScrollView/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAwB;IACtD,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,UAAU;CACtB,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAwB;IACvD,GAAG,mBAAmB;IACtB,IAAI,EAAE,sBAAsB;CAC7B,CAAC"}
+{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/views/ScrollView/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAwB;IACtD,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,UAAU;CACtB,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAwB;IAChE,IAAI,EAAE,sBAAsB;IAC5B,SAAS,EAAE,oBAAoB;CAChC,CAAC"}

package/dist/components/views/View/Container.d.ts

@@ -0,0 +1,22 @@
+/**
+ * A generic layout container: a View under the name the visual editor gives
+ * its full-size column wrapper. It takes every View prop.
+ *
+ * @example
+ * ```tsx
+ * <Container styled={{ style: { flex: 1, padding: 16 } }}>
+ *   <Text text="Content inside the container" />
+ * </Container>
+ * ```
+ *
+ * @public
+ */
+declare const Container: import("react").ForwardRefExoticComponent<{
+    styled?: import("@mapples/style").StyledProps<Partial<import("react-native").ViewProps>> | undefined;
+} & import("react-native").ViewProps & {
+    gradient?: import("@mapples/types").LinearGradient;
+} & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<unknown>>;
+export default Container;
+//# sourceMappingURL=Container.d.ts.map

package/dist/components/views/View/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/components/views/View/Container.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,SAAS;;;;;;2CAEb,CAAC;AAGH,eAAe,SAAS,CAAC"}

package/dist/components/views/View/Container.js

@@ -0,0 +1,21 @@
+import { forwardRef } from 'react';
+import View from './View';
+/**
+ * A generic layout container: a View under the name the visual editor gives
+ * its full-size column wrapper. It takes every View prop.
+ *
+ * @example
+ * ```tsx
+ * <Container styled={{ style: { flex: 1, padding: 16 } }}>
+ *   <Text text="Content inside the container" />
+ * </Container>
+ * ```
+ *
+ * @public
+ */
+const Container = forwardRef((props, ref) => {
+    return <View ref={ref} {...props}/>;
+});
+Container.displayName = 'Container';
+export default Container;
+//# sourceMappingURL=Container.js.map

package/dist/components/views/View/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../src/components/views/View/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,IAAmB,MAAM,QAAQ,CAAC;AAEzC;;;;;;;;;;;;GAYG;AACH,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAG,EAAE,EAAE;IACrD,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACvC,CAAC,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,eAAe,SAAS,CAAC"}

package/dist/components/views/View/index.d.ts

@@ -1,4 +1,5 @@
 import View from './View';
+export { default as Container } from './Container';
 export * from './schematics';
 export default View;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/views/View/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/views/View/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,cAAc,cAAc,CAAC;AAE7B,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/views/View/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,cAAc,CAAC;AAE7B,eAAe,IAAI,CAAC"}

package/dist/components/views/View/index.js

@@ -1,4 +1,5 @@
 import View from './View';
+export { default as Container } from './Container';
 export * from './schematics';
 export default View;
 //# sourceMappingURL=index.js.map

package/dist/components/views/View/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/views/View/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,cAAc,cAAc,CAAC;AAE7B,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/views/View/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,cAAc,CAAC;AAE7B,eAAe,IAAI,CAAC"}

package/dist/components/views/View/schematics.d.ts

@@ -8,8 +8,8 @@ export declare const ViewSchematic: RegisteredComponent;
 /**
  * Schematic configuration for the Container component.
  *
- * An alias of `ViewSchematic` registered under the `'Container'` type for use
- * as a generic layout container in the visual editor.
+ * Registered under the `'Container'` type for use as a generic layout
+ * container in the visual editor.
  *
  * @public
  */

package/dist/components/views/View/schematics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/views/View/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAIrD;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,mBAG3B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,EAAE,mBAGhC,CAAC"}
+{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../../src/components/views/View/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAKrD;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,mBAG3B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,EAAE,mBAGhC,CAAC"}

package/dist/components/views/View/schematics.js

@@ -1,3 +1,4 @@
+import Container from './Container';
 import View from './View';
 /**
  * Schematic configuration for the View component.
@@ -11,13 +12,13 @@ export const ViewSchematic = {
 /**
  * Schematic configuration for the Container component.
  *
- * An alias of `ViewSchematic` registered under the `'Container'` type for use
- * as a generic layout container in the visual editor.
+ * Registered under the `'Container'` type for use as a generic layout
+ * container in the visual editor.
  *
  * @public
  */
 export const ContainerSchematic = {
-    ...ViewSchematic,
     type: 'Container',
+    Component: Container,
 };
 //# sourceMappingURL=schematics.js.map

package/dist/components/views/View/schematics.js.map

@@ -1 +1 @@
-{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/views/View/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAwB;IAChD,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,IAAI;CAChB,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAwB;IACrD,GAAG,aAAa;IAChB,IAAI,EAAE,WAAW;CAClB,CAAC"}
+{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../../src/components/views/View/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAwB;IAChD,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,IAAI;CAChB,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAwB;IACrD,IAAI,EAAE,WAAW;IACjB,SAAS,EAAE,SAAS;CACrB,CAAC"}

package/dist/components/views/schematics.d.ts

@@ -2,7 +2,7 @@ import { FlatListSchematic, GridFourColumnsSchematic, GridThreeColumnsSchematic,
 import { GradientBackgroundSchematic } from './GradientBackground';
 import { ImageBackgroundViewSchematics } from './ImageBackgroundView';
 import { SafeAreaViewSchematic } from './SafeAreaView';
-import { HorizontalScrollView, ScrollViewSchematic } from './ScrollView';
+import { HorizontalScrollViewSchematic, ScrollViewSchematic } from './ScrollView';
 import { ContainerSchematic, ViewSchematic } from './View';
 /**
  * Complete registry of all view component schematics.
@@ -19,7 +19,7 @@ export declare const ViewsSchematics: {
     readonly [GradientBackgroundSchematic.type]: import("@mapples/types").RegisteredComponent<object>;
     readonly [SafeAreaViewSchematic.type]: import("@mapples/types").RegisteredComponent<object>;
     readonly [ScrollViewSchematic.type]: import("@mapples/types").RegisteredComponent<object>;
-    readonly [HorizontalScrollView.type]: import("@mapples/types").RegisteredComponent<object>;
+    readonly [HorizontalScrollViewSchematic.type]: import("@mapples/types").RegisteredComponent<object>;
     readonly [ImageBackgroundViewSchematics.type]: import("@mapples/types").RegisteredComponent<object>;
     readonly [FlatListSchematic.type]: import("@mapples/types").RegisteredComponent<object>;
     readonly [GridTwoColumnsSchematic.type]: import("@mapples/types").RegisteredComponent<object>;

package/dist/components/views/schematics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../src/components/views/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,yBAAyB,EACzB,uBAAuB,EACxB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,6BAA6B,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE3D;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe;IAC1B,SAAA,CAAC,aAAa,CAAC,IAAI,CAAC,uDAAe;IACnC,SAAA,CAAC,kBAAkB,CAAC,IAAI,CAAC,uDAAoB;IAC7C,SAAA,CAAC,2BAA2B,CAAC,IAAI,CAAC,uDAA6B;IAC/D,SAAA,CAAC,qBAAqB,CAAC,IAAI,CAAC,uDAAuB;IACnD,SAAA,CAAC,mBAAmB,CAAC,IAAI,CAAC,uDAAqB;IAC/C,SAAA,CAAC,oBAAoB,CAAC,IAAI,CAAC,uDAAsB;IACjD,SAAA,CAAC,6BAA6B,CAAC,IAAI,CAAC,uDAA+B;IACnE,SAAA,CAAC,iBAAiB,CAAC,IAAI,CAAC,uDAAmB;IAC3C,SAAA,CAAC,uBAAuB,CAAC,IAAI,CAAC,uDAAyB;IACvD,SAAA,CAAC,yBAAyB,CAAC,IAAI,CAAC,uDAA2B;IAC3D,SAAA,CAAC,wBAAwB,CAAC,IAAI,CAAC,uDAA0B;CACjD,CAAC"}
+{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../../../src/components/views/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,yBAAyB,EACzB,uBAAuB,EACxB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,6BAA6B,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EACL,6BAA6B,EAC7B,mBAAmB,EACpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE3D;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe;IAC1B,SAAA,CAAC,aAAa,CAAC,IAAI,CAAC,uDAAe;IACnC,SAAA,CAAC,kBAAkB,CAAC,IAAI,CAAC,uDAAoB;IAC7C,SAAA,CAAC,2BAA2B,CAAC,IAAI,CAAC,uDAA6B;IAC/D,SAAA,CAAC,qBAAqB,CAAC,IAAI,CAAC,uDAAuB;IACnD,SAAA,CAAC,mBAAmB,CAAC,IAAI,CAAC,uDAAqB;IAC/C,SAAA,CAAC,6BAA6B,CAAC,IAAI,CAAC,uDAA+B;IACnE,SAAA,CAAC,6BAA6B,CAAC,IAAI,CAAC,uDAA+B;IACnE,SAAA,CAAC,iBAAiB,CAAC,IAAI,CAAC,uDAAmB;IAC3C,SAAA,CAAC,uBAAuB,CAAC,IAAI,CAAC,uDAAyB;IACvD,SAAA,CAAC,yBAAyB,CAAC,IAAI,CAAC,uDAA2B;IAC3D,SAAA,CAAC,wBAAwB,CAAC,IAAI,CAAC,uDAA0B;CACjD,CAAC"}

package/dist/components/views/schematics.js

@@ -2,7 +2,7 @@ import { FlatListSchematic, GridFourColumnsSchematic, GridThreeColumnsSchematic,
 import { GradientBackgroundSchematic } from './GradientBackground';
 import { ImageBackgroundViewSchematics } from './ImageBackgroundView';
 import { SafeAreaViewSchematic } from './SafeAreaView';
-import { HorizontalScrollView, ScrollViewSchematic } from './ScrollView';
+import { HorizontalScrollViewSchematic, ScrollViewSchematic, } from './ScrollView';
 import { ContainerSchematic, ViewSchematic } from './View';
 /**
  * Complete registry of all view component schematics.
@@ -19,7 +19,7 @@ export const ViewsSchematics = {
     [GradientBackgroundSchematic.type]: GradientBackgroundSchematic,
     [SafeAreaViewSchematic.type]: SafeAreaViewSchematic,
     [ScrollViewSchematic.type]: ScrollViewSchematic,
-    [HorizontalScrollView.type]: HorizontalScrollView,
+    [HorizontalScrollViewSchematic.type]: HorizontalScrollViewSchematic,
     [ImageBackgroundViewSchematics.type]: ImageBackgroundViewSchematics,
     [FlatListSchematic.type]: FlatListSchematic,
     [GridTwoColumnsSchematic.type]: GridTwoColumnsSchematic,

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

@@ -1 +1 @@
-{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../src/components/views/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,yBAAyB,EACzB,uBAAuB,GACxB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,6BAA6B,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE3D;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,aAAa;IACnC,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,kBAAkB;IAC7C,CAAC,2BAA2B,CAAC,IAAI,CAAC,EAAE,2BAA2B;IAC/D,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,qBAAqB;IACnD,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,mBAAmB;IAC/C,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,oBAAoB;IACjD,CAAC,6BAA6B,CAAC,IAAI,CAAC,EAAE,6BAA6B;IACnE,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,iBAAiB;IAC3C,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,uBAAuB;IACvD,CAAC,yBAAyB,CAAC,IAAI,CAAC,EAAE,yBAAyB;IAC3D,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,wBAAwB;CACjD,CAAC"}
+{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../../../src/components/views/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,yBAAyB,EACzB,uBAAuB,GACxB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,6BAA6B,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EACL,6BAA6B,EAC7B,mBAAmB,GACpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE3D;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,aAAa;IACnC,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,kBAAkB;IAC7C,CAAC,2BAA2B,CAAC,IAAI,CAAC,EAAE,2BAA2B;IAC/D,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,qBAAqB;IACnD,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,mBAAmB;IAC/C,CAAC,6BAA6B,CAAC,IAAI,CAAC,EAAE,6BAA6B;IACnE,CAAC,6BAA6B,CAAC,IAAI,CAAC,EAAE,6BAA6B;IACnE,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,iBAAiB;IAC3C,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,uBAAuB;IACvD,CAAC,yBAAyB,CAAC,IAAI,CAAC,EAAE,yBAAyB;IAC3D,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,wBAAwB;CACjD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mapples/ui",
-  "version": "1.6.0-beta.20260917131610",
+  "version": "1.6.0-beta.20260923095103",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {