@mapples/components 1.0.0 → 1.0.1

package/README.md

@@ -1 +1,82 @@
 # @mapples/components
+
+Placeholder package for app-specific component registration in the Mapples Open Kit. Use this package to register custom components and schematics that will be available to the render system and visual editor.
+
+## Features
+
+- **Component registry** – Export a `Components` object compatible with `@mapples/render` and `RegisteredComponents` from `@mapples/types`
+- **Schematics** – Attach component schematics (type, groupId, label, Icon, initialProps, styleKeys, props, actionProps) for visual editor integration
+- **TypeScript** – Aligns with `@mapples/types` and `@mapples/ui` patterns
+
+## Installation
+
+```bash
+npm install @mapples/components
+# or
+yarn add @mapples/components
+```
+
+## Usage
+
+The package currently exports an empty **`Components`** registry and re-exports from **schematics**. Applications can:
+
+1. **Extend in-app** – Import `@mapples/ui` (or other) components and merge with custom components, then pass the combined registry to `RenderProvider` (or use `MapplesApp` / `MapplesAppProvider` from `@mapples/app`, which use `@mapples/ui`’s `Components` by default).
+
+2. **Use this package as the app shell** – Add local component definitions and schematics in `src/schematics.ts` (and related files), then build and consume `Components` from `@mapples/components` in your app’s provider setup.
+
+### Example: custom component registration
+
+```tsx
+// In your app or in this package’s schematics
+import { RegisteredComponent } from '@mapples/types';
+import { MyWidget } from './MyWidget';
+import { MyWidgetIcon } from './MyWidgetIcon';
+
+const myWidgetSchematic: RegisteredComponent<MyWidgetProps> = {
+  type: 'MyWidget',
+  groupId: 'custom',
+  label: 'My Widget',
+  Component: MyWidget,
+  Icon: MyWidgetIcon,
+  initialProps: { title: '' },
+  styleKeys: [],
+  props: [],
+  actionProps: [],
+};
+
+// Merge with existing Components when providing to RenderProvider
+import { Components } from '@mapples/ui';
+const allComponents = { ...Components, MyWidget: myWidgetSchematic };
+```
+
+## API
+
+- **`Components`** – `Record<string, RegisteredComponent>` (currently `{}`). Populate via this package’s schematics or by merging in your app.
+- **Schematics** – Re-exported from `./schematics`; add your component definitions here for a single place to maintain the registry.
+
+## Dependencies
+
+- **@mapples/types** – For `RegisteredComponent`, `StyleKey`, `PropsFormField`, etc.
+- **react** / **react-native** – For component implementations
+- **react-native-svg** – For palette/icons when using SVG icons in schematics
+
+## Integration
+
+- **@mapples/app** – `MapplesApp` and `MapplesAppProvider` use `@mapples/ui`’s `Components` by default; replace or merge with `@mapples/components` if your app defines its components in this package.
+- **@mapples/render** – `RenderProvider` accepts a `components` prop; pass the registry you build from this package and/or `@mapples/ui`.
+
+## Development
+
+```bash
+npm run build
+npm run type-check
+npm run lint
+```
+
+## License
+
+MIT
+
+## Author
+
+Oleksandr Soloviov – [mapples.org](https://mapples.org/people/olek_soloviov)

package/dist/components/ImageCarousel/CarouselItem.d.ts

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+import { StyledProp } from '@mapples/style';
+import { ImageProps, ImageStyle } from 'expo-image';
+import { TextStyle, ViewStyle } from 'react-native';
+export type ImageCarouselMode = 'textOver' | 'textUnder';
+export interface ImageCarouselItemProps {
+    image?: any;
+    title?: string;
+    subtitle?: string;
+    mode?: ImageCarouselMode;
+    imageProps?: ImageProps;
+    styleItemContainer?: StyledProp<ViewStyle>;
+    styleImage?: StyledProp<ImageStyle>;
+    styleTextContainer?: StyledProp<ViewStyle>;
+    styleTitle?: StyledProp<TextStyle>;
+    styleSubtitle?: StyledProp<TextStyle>;
+}
+declare const CarouselItem: FC<ImageCarouselItemProps>;
+export default CarouselItem;
+//# sourceMappingURL=CarouselItem.d.ts.map

package/dist/components/ImageCarousel/CarouselItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../../src/components/ImageCarousel/CarouselItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAGL,UAAU,EAGX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,WAAW,CAAC;AAEzD,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,kBAAkB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAC3C,UAAU,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IACpC,kBAAkB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAC3C,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;CACvC;AAED,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,sBAAsB,CAwC5C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/ImageCarousel/CarouselItem.js

@@ -0,0 +1,20 @@
+import { StyledImage, StyledImageBackground, StyledView, Typography, } from '@mapples/style';
+const CarouselItem = ({ image, title, subtitle, mode = 'textOver', styleItemContainer, styleImage, styleTextContainer, styleTitle, styleSubtitle, imageProps, }) => {
+    if (mode === 'textUnder') {
+        return (<StyledView styled={{ style: styleItemContainer }}>
+        <StyledImage {...imageProps} source={image} styled={{ style: styleImage }}/>
+        <StyledView styled={{ style: styleTextContainer }}>
+          <Typography styled={{ style: styleTitle }}>{title}</Typography>
+          <Typography styled={{ style: styleSubtitle }}>{subtitle}</Typography>
+        </StyledView>
+      </StyledView>);
+    }
+    return (<StyledImageBackground {...imageProps} source={image} styled={{ style: styleItemContainer, imageStyle: styleImage }}>
+      <StyledView styled={{ style: styleTextContainer }}>
+        <Typography styled={{ style: styleTitle }}>{title}</Typography>
+        <Typography styled={{ style: styleSubtitle }}>{subtitle}</Typography>
+      </StyledView>
+    </StyledImageBackground>);
+};
+export default CarouselItem;
+//# sourceMappingURL=CarouselItem.js.map

package/dist/components/ImageCarousel/CarouselItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselItem.js","sourceRoot":"","sources":["../../../src/components/ImageCarousel/CarouselItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,WAAW,EACX,qBAAqB,EAErB,UAAU,EACV,UAAU,GACX,MAAM,gBAAgB,CAAC;AAmBxB,MAAM,YAAY,GAA+B,CAAC,EAChD,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,GAAG,UAAU,EACjB,kBAAkB,EAClB,UAAU,EACV,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,UAAU,GACX,EAAE,EAAE;IACH,IAAI,IAAI,KAAK,WAAW,EAAE,CAAC;QACzB,OAAO,CACL,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC,CAChD;QAAA,CAAC,WAAW,CACV,IAAI,UAAU,CAAC,CACf,MAAM,CAAC,CAAC,KAAK,CAAC,CACd,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAEhC;QAAA,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC,CAChD;UAAA,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,UAAU,CAC9D;UAAA,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,UAAU,CACtE;QAAA,EAAE,UAAU,CACd;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;IACJ,CAAC;IAED,OAAO,CACL,CAAC,qBAAqB,CACpB,IAAI,UAAU,CAAC,CACf,MAAM,CAAC,CAAC,KAAK,CAAC,CACd,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAE9D;MAAA,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC,CAChD;QAAA,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,UAAU,CAC9D;QAAA,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,UAAU,CACtE;MAAA,EAAE,UAAU,CACd;IAAA,EAAE,qBAAqB,CAAC,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/ImageCarousel/CarouselItemIndicator.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { StyledProp } from '@mapples/style';
+import { ViewStyle } from 'react-native';
+interface CarouselItemIndicatorProps {
+    total: number;
+    activeIndex: number;
+    styleIndicatorContainer?: StyledProp<ViewStyle>;
+    styleIndicator?: StyledProp<ViewStyle>;
+    styleIndicatorActive?: StyledProp<ViewStyle>;
+}
+declare const CarouselItemIndicator: FC<CarouselItemIndicatorProps>;
+export default CarouselItemIndicator;
+//# sourceMappingURL=CarouselItemIndicator.d.ts.map

package/dist/components/ImageCarousel/CarouselItemIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselItemIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/ImageCarousel/CarouselItemIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,UAAU,EAAc,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,UAAU,0BAA0B;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,uBAAuB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACvC,oBAAoB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;CAC9C;AAED,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAsBzD,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/ImageCarousel/CarouselItemIndicator.js

@@ -0,0 +1,13 @@
+import { StyledView } from '@mapples/style';
+const CarouselItemIndicator = ({ total, activeIndex, styleIndicatorContainer, styleIndicator, styleIndicatorActive, }) => {
+    return (<StyledView styled={{ style: styleIndicatorContainer }}>
+      {Array.from({ length: total }).map((_, index) => (<StyledView key={index} styled={{
+                style: [
+                    styleIndicator,
+                    index === activeIndex && styleIndicatorActive,
+                ],
+            }}/>))}
+    </StyledView>);
+};
+export default CarouselItemIndicator;
+//# sourceMappingURL=CarouselItemIndicator.js.map

package/dist/components/ImageCarousel/CarouselItemIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselItemIndicator.js","sourceRoot":"","sources":["../../../src/components/ImageCarousel/CarouselItemIndicator.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAWxD,MAAM,qBAAqB,GAAmC,CAAC,EAC7D,KAAK,EACL,WAAW,EACX,uBAAuB,EACvB,cAAc,EACd,oBAAoB,GACrB,EAAE,EAAE;IACH,OAAO,CACL,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,uBAAuB,EAAE,CAAC,CACrD;MAAA,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/C,CAAC,UAAU,CACT,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE;oBACL,cAAc;oBACd,KAAK,KAAK,WAAW,IAAI,oBAAoB;iBAC9C;aACF,CAAC,EACF,CACH,CAAC,CACJ;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1,31 @@
+import { StyledProp } from '@mapples/style';
+import { ImageProps } from 'expo-image';
+import { ImageStyle, TextStyle, View, ViewStyle } from 'react-native';
+import { ImageCarouselMode } from './CarouselItem';
+export interface ImageCarouselDataItem {
+    image?: any;
+    title?: string;
+    subtitle?: string;
+    id?: string | number;
+}
+export interface ImageCarouselProps<T extends ImageCarouselDataItem> {
+    data?: T[];
+    mode?: ImageCarouselMode;
+    showIndicators?: boolean;
+    keyMap?: Record<keyof ImageCarouselDataItem, string>;
+    imageProps?: ImageProps;
+    styled?: {
+        style?: StyledProp<ViewStyle>;
+        styleIndicator?: StyledProp<ViewStyle>;
+        styleIndicatorActive?: StyledProp<ViewStyle>;
+        styleItemContainer?: StyledProp<ViewStyle>;
+        styleImage?: StyledProp<ImageStyle>;
+        styleTextContainer?: StyledProp<ViewStyle>;
+        styleTitle?: StyledProp<TextStyle>;
+        styleSubtitle?: StyledProp<TextStyle>;
+        styleIndicatorContainer?: StyledProp<ViewStyle>;
+    };
+}
+declare const ImageCarousel: import("react").ForwardRefExoticComponent<ImageCarouselProps<any> & import("react").RefAttributes<View>>;
+export default ImageCarousel;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ImageCarousel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,UAAU,EAAc,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,EACL,UAAU,EAEV,SAAS,EACT,IAAI,EACJ,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAqB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGjE,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB;AASD,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,qBAAqB;IACjE,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;IACX,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,qBAAqB,EAAE,MAAM,CAAC,CAAC;IACrD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC9B,cAAc,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACvC,oBAAoB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC7C,kBAAkB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC3C,UAAU,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;QACpC,kBAAkB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QAC3C,UAAU,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACnC,aAAa,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;QACtC,uBAAuB,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;KACjD,CAAC;CACH;AAED,QAAA,MAAM,aAAa,0GA0FlB,CAAC;AAGF,eAAe,aAAa,CAAC"}

package/dist/components/ImageCarousel/index.js

@@ -0,0 +1,43 @@
+import { forwardRef, useCallback, useRef, useState } from 'react';
+import { StyledFlatList, StyledView } from '@mapples/style';
+import { get } from 'lodash';
+import CarouselItem from './CarouselItem';
+import CarouselItemIndicator from './CarouselItemIndicator';
+const defaultKeyMap = {
+    image: 'image',
+    title: 'title',
+    subtitle: 'subtitle',
+    id: 'id',
+};
+const ImageCarousel = forwardRef(({ styled, keyMap = defaultKeyMap, data = [], mode = 'textOver', showIndicators = true, imageProps, }, ref) => {
+    const [activeIndex, setActiveIndex] = useState(0);
+    const viewabilityConfig = useRef({
+        itemVisiblePercentThreshold: 50,
+    });
+    const { styleIndicator, styleIndicatorActive, styleItemContainer, styleImage, styleTextContainer, styleTitle, styleSubtitle, style, styleIndicatorContainer, } = styled || {};
+    const onViewableItemsChanged = useRef(({ viewableItems }) => {
+        const firstVisibleItem = viewableItems?.[0]?.index;
+        if (typeof firstVisibleItem === 'number') {
+            setActiveIndex(firstVisibleItem);
+        }
+    });
+    const renderItem = useCallback(({ item }) => (<CarouselItem image={get(item, keyMap.image)} title={get(item, keyMap.title, 'Title')} subtitle={get(item, keyMap.subtitle, 'Subtitle')} mode={mode} styleItemContainer={styleItemContainer} styleImage={styleImage} styleTextContainer={styleTextContainer} styleTitle={styleTitle} styleSubtitle={styleSubtitle} imageProps={imageProps}/>), [
+        imageProps,
+        keyMap.image,
+        keyMap.subtitle,
+        keyMap.title,
+        mode,
+        styleImage,
+        styleItemContainer,
+        styleSubtitle,
+        styleTextContainer,
+        styleTitle,
+    ]);
+    return (<StyledView ref={ref} styled={{ style }}>
+        <StyledFlatList data={data} renderItem={renderItem} horizontal pagingEnabled keyExtractor={(item, index) => get(item, keyMap.id, index)} showsHorizontalScrollIndicator={false} onViewableItemsChanged={onViewableItemsChanged.current} viewabilityConfig={viewabilityConfig.current}/>
+        {showIndicators && data.length > 1 && (<CarouselItemIndicator total={data.length} activeIndex={activeIndex} styleIndicator={styleIndicator} styleIndicatorActive={styleIndicatorActive} styleIndicatorContainer={styleIndicatorContainer}/>)}
+      </StyledView>);
+});
+ImageCarousel.displayName = 'ImageCarousel';
+export default ImageCarousel;
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/ImageCarousel/schematic.d.ts

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

package/dist/components/ImageCarousel/schematic.d.ts.map

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

package/dist/components/ImageCarousel/schematic.js

@@ -0,0 +1,6 @@
+import ImageCarousel from './index';
+export const ImageCarouselSchematic = {
+    type: 'ImageCarousel',
+    Component: ImageCarousel,
+};
+//# sourceMappingURL=schematic.js.map

package/dist/components/ImageCarousel/schematic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schematic.js","sourceRoot":"","sources":["../../../src/components/ImageCarousel/schematic.ts"],"names":[],"mappings":"AAEA,OAAO,aAAa,MAAM,SAAS,CAAC;AAEpC,MAAM,CAAC,MAAM,sBAAsB,GAAwB;IACzD,IAAI,EAAE,eAAe;IACrB,SAAS,EAAE,aAAoB;CAChC,CAAC"}

package/dist/index.d.ts

@@ -1,2 +1,11 @@
+/**
+ * @packageDocumentation
+ * @module @mapples/components
+ *
+ * Placeholder package for app-specific component registration in the Mapples Open Kit.
+ * Export a Components registry and schematics for use with @mapples/render and visual editors.
+ */
 export * from './schematics';
+export { default as ImageCarousel } from './components/ImageCarousel';
+export * from './components/ImageCarousel/schematic';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,sCAAsC,CAAC"}

package/dist/index.js

@@ -1,2 +1,11 @@
+/**
+ * @packageDocumentation
+ * @module @mapples/components
+ *
+ * Placeholder package for app-specific component registration in the Mapples Open Kit.
+ * Export a Components registry and schematics for use with @mapples/render and visual editors.
+ */
 export * from './schematics';
+export { default as ImageCarousel } from './components/ImageCarousel';
+export * from './components/ImageCarousel/schematic';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,sCAAsC,CAAC"}

package/dist/schematics.d.ts

@@ -1,2 +1,3 @@
-export declare const Components: {};
+import { RegisteredComponents } from '@mapples/types';
+export declare const Components: RegisteredComponents;
 //# 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,eAAO,MAAM,UAAU,IAAK,CAAC"}
+{"version":3,"file":"schematics.d.ts","sourceRoot":"","sources":["../src/schematics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAItD,eAAO,MAAM,UAAU,EAAE,oBAExB,CAAC"}

package/dist/schematics.js

@@ -1,2 +1,5 @@
-export const Components = {};
+import { ImageCarouselSchematic } from './components/ImageCarousel/schematic';
+export const Components = {
+    [ImageCarouselSchematic.type]: ImageCarouselSchematic,
+};
 //# sourceMappingURL=schematics.js.map

package/dist/schematics.js.map

@@ -1 +1 @@
-{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../src/schematics.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,CAAC"}
+{"version":3,"file":"schematics.js","sourceRoot":"","sources":["../src/schematics.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAE9E,MAAM,CAAC,MAAM,UAAU,GAAyB;IAC9C,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,sBAAsB;CACtD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mapples/components",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {