@thinkersteps_labs/3d-viewer-react-native 0.0.0-stage → 2.0.0

package/dist/hooks/useViewerGestureLock.js

@@ -0,0 +1,49 @@
+import { useCallback, useRef, useState } from 'react';
+export function useViewerGestureLock({ scrollRef, onTouchInteractionChange, enabled = true, } = {}) {
+    const [isInteracting, setIsInteracting] = useState(false);
+    const isLockedRef = useRef(false);
+    const setParentScrollEnabled = useCallback((scrollEnabled) => {
+        if (!scrollRef?.current)
+            return;
+        // Synchronously disable/enable parent native ScrollView on the UI thread
+        if (typeof scrollRef.current.setNativeProps === 'function') {
+            scrollRef.current.setNativeProps({ scrollEnabled });
+        }
+    }, [scrollRef]);
+    const lockScroll = useCallback(() => {
+        if (!enabled || isLockedRef.current)
+            return;
+        isLockedRef.current = true;
+        setParentScrollEnabled(false);
+        setIsInteracting(true);
+        onTouchInteractionChange?.(true);
+    }, [enabled, setParentScrollEnabled, onTouchInteractionChange]);
+    const unlockScroll = useCallback(() => {
+        if (!isLockedRef.current)
+            return;
+        isLockedRef.current = false;
+        setParentScrollEnabled(true);
+        setIsInteracting(false);
+        onTouchInteractionChange?.(false);
+    }, [setParentScrollEnabled, onTouchInteractionChange]);
+    const onTouchStart = useCallback(() => {
+        lockScroll();
+    }, [lockScroll]);
+    const onTouchEnd = useCallback(() => {
+        unlockScroll();
+    }, [unlockScroll]);
+    const onTouchCancel = useCallback(() => {
+        unlockScroll();
+    }, [unlockScroll]);
+    return {
+        isInteracting,
+        lockScroll,
+        unlockScroll,
+        containerTouchProps: {
+            onTouchStart,
+            onTouchEnd,
+            onTouchCancel,
+        },
+    };
+}
+//# sourceMappingURL=useViewerGestureLock.js.map

package/dist/hooks/useViewerGestureLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useViewerGestureLock.js","sourceRoot":"","sources":["../../src/hooks/useViewerGestureLock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAuBrD,MAAM,UAAU,oBAAoB,CAAC,EACnC,SAAS,EACT,wBAAwB,EACxB,OAAO,GAAG,IAAI,MACiB,EAAE;IACjC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzD,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAEjC,MAAM,sBAAsB,GAAG,WAAW,CACxC,CAAC,aAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,SAAS,EAAE,OAAO;YAAE,OAAM;QAC/B,yEAAyE;QACzE,IAAI,OAAO,SAAS,CAAC,OAAO,CAAC,cAAc,KAAK,UAAU,EAAE,CAAC;YAC3D,SAAS,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC,CAAA;QACrD,CAAC;IACH,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,OAAO,IAAI,WAAW,CAAC,OAAO;YAAE,OAAM;QAC3C,WAAW,CAAC,OAAO,GAAG,IAAI,CAAA;QAC1B,sBAAsB,CAAC,KAAK,CAAC,CAAA;QAC7B,gBAAgB,CAAC,IAAI,CAAC,CAAA;QACtB,wBAAwB,EAAE,CAAC,IAAI,CAAC,CAAA;IAClC,CAAC,EAAE,CAAC,OAAO,EAAE,sBAAsB,EAAE,wBAAwB,CAAC,CAAC,CAAA;IAE/D,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,CAAC,WAAW,CAAC,OAAO;YAAE,OAAM;QAChC,WAAW,CAAC,OAAO,GAAG,KAAK,CAAA;QAC3B,sBAAsB,CAAC,IAAI,CAAC,CAAA;QAC5B,gBAAgB,CAAC,KAAK,CAAC,CAAA;QACvB,wBAAwB,EAAE,CAAC,KAAK,CAAC,CAAA;IACnC,CAAC,EAAE,CAAC,sBAAsB,EAAE,wBAAwB,CAAC,CAAC,CAAA;IAEtD,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,UAAU,EAAE,CAAA;IACd,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,OAAO;QACL,aAAa;QACb,UAAU;QACV,YAAY;QACZ,mBAAmB,EAAE;YACnB,YAAY;YACZ,UAAU;YACV,aAAa;SACd;KACF,CAAA;AACH,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+export { Viewer, default } from './Viewer.js';
+export type { ViewerProps, ViewerRef, ViewerError, ViewerErrorCode, MetalColorProp, StoneColorProp, DiamondShape, DiamondQuality, ViewerSourceInput, PartInfo, MaterialSlotInfo, PartType, ViewerState, SupportedFormat, CameraPreset, } from './types.js';
+export type { ViewerConfigState, CameraSphericalState, OutboundCommand, InboundEvent, } from './bridge/types.js';
+export { useViewerBridge } from './hooks/useViewerBridge.js';
+export { useViewerGestureLock } from './hooks/useViewerGestureLock.js';
+export { launchPlatformAR, buildAndroidSceneViewerIntent } from './bridge/ar-launcher.js';
+export { DEFAULT_EMBEDDED_HTML } from './bridge/runtime-bundle.js';
+export { MetalSwatches, type MetalSwatchesProps, StoneSwatches, type StoneSwatchesProps, ShapeSwatches, type ShapeSwatchesProps, ShapeSelect, type ShapeSelectProps, type DiamondShape as SwatchDiamondShape, type ShapeOption, CANONICAL_SHAPES, useJewelryCustomizer, type UseJewelryCustomizerOptions, type UseJewelryCustomizerReturn, JewelryCustomizer, type JewelryCustomizerProps, } from './swatches/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAC7C,YAAY,EACV,WAAW,EACX,SAAS,EACT,WAAW,EACX,eAAe,EACf,cAAc,EACd,cAAc,EACd,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,eAAe,EACf,YAAY,GACb,MAAM,YAAY,CAAA;AAEnB,YAAY,EACV,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,EACf,YAAY,GACb,MAAM,mBAAmB,CAAA;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;AACtE,OAAO,EAAE,gBAAgB,EAAE,6BAA6B,EAAE,MAAM,yBAAyB,CAAA;AACzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAElE,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,aAAa,EACb,KAAK,kBAAkB,EACvB,aAAa,EACb,KAAK,kBAAkB,EACvB,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,YAAY,IAAI,kBAAkB,EACvC,KAAK,WAAW,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,KAAK,2BAA2B,EAChC,KAAK,0BAA0B,EAC/B,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,qBAAqB,CAAA"}

package/dist/index.js

@@ -0,0 +1,7 @@
+export { Viewer, default } from './Viewer.js';
+export { useViewerBridge } from './hooks/useViewerBridge.js';
+export { useViewerGestureLock } from './hooks/useViewerGestureLock.js';
+export { launchPlatformAR, buildAndroidSceneViewerIntent } from './bridge/ar-launcher.js';
+export { DEFAULT_EMBEDDED_HTML } from './bridge/runtime-bundle.js';
+export { MetalSwatches, StoneSwatches, ShapeSwatches, ShapeSelect, CANONICAL_SHAPES, useJewelryCustomizer, JewelryCustomizer, } from './swatches/index.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AA0B7C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;AACtE,OAAO,EAAE,gBAAgB,EAAE,6BAA6B,EAAE,MAAM,yBAAyB,CAAA;AACzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAElE,OAAO,EACL,aAAa,EAEb,aAAa,EAEb,aAAa,EAEb,WAAW,EAIX,gBAAgB,EAChB,oBAAoB,EAGpB,iBAAiB,GAElB,MAAM,qBAAqB,CAAA"}

package/dist/swatches/JewelryCustomizer.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { ViewerProps, ViewerRef } from '../types.js';
+import { type DiamondShape, type ShapeOption } from './ShapeSwatches.js';
+import { type UseJewelryCustomizerOptions } from './useJewelryCustomizer.js';
+export interface JewelryCustomizerProps extends Omit<ViewerProps, 'metalColor' | 'stoneColor' | 'shape'>, UseJewelryCustomizerOptions {
+    containerStyle?: StyleProp<ViewStyle>;
+    viewerHeight?: number;
+    showShapeSwatches?: boolean;
+    showMetalSwatches?: boolean;
+    showStoneSwatches?: boolean;
+    onShapeChange?: (shape: DiamondShape, option?: ShapeOption) => void;
+}
+export declare const JewelryCustomizer: React.ForwardRefExoticComponent<JewelryCustomizerProps & React.RefAttributes<ViewerRef>>;
+export default JewelryCustomizer;
+//# sourceMappingURL=JewelryCustomizer.d.ts.map

package/dist/swatches/JewelryCustomizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JewelryCustomizer.d.ts","sourceRoot":"","sources":["../../src/swatches/JewelryCustomizer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAIzD,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,WAAW,EACjB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,2BAA2B,CAAA;AAElC,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,YAAY,GAAG,OAAO,CAAC,EAC9D,2BAA2B;IAC7B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,CAAC,EAAE,WAAW,KAAK,IAAI,CAAA;CACpE;AAED,eAAO,MAAM,iBAAiB,0FA4E7B,CAAA;AAYD,eAAe,iBAAiB,CAAA"}

package/dist/swatches/JewelryCustomizer.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { View, StyleSheet, } from 'react-native';
+import { Viewer } from '../Viewer.js';
+import { MetalSwatches } from './MetalSwatches.js';
+import { StoneSwatches } from './StoneSwatches.js';
+import { ShapeSwatches, } from './ShapeSwatches.js';
+import { useJewelryCustomizer, } from './useJewelryCustomizer.js';
+export const JewelryCustomizer = forwardRef(function JewelryCustomizer(props, ref) {
+    const { defaultMetal, defaultStone, defaultShape, metalOptions, stoneOptions, shapeOptions, availableShapes, containerStyle, viewerHeight = 360, showShapeSwatches = false, showMetalSwatches = true, showStoneSwatches = true, onShapeChange, style, ...viewerRest } = props;
+    const customizer = useJewelryCustomizer({
+        defaultMetal,
+        defaultStone,
+        defaultShape,
+        metalOptions,
+        stoneOptions,
+        shapeOptions,
+        availableShapes,
+    });
+    const handleShapeChange = (newShape, opt) => {
+        customizer.setShape(newShape);
+        onShapeChange?.(newShape, opt);
+    };
+    return (_jsxs(View, { style: [styles.container, containerStyle], children: [_jsx(View, { style: [{ height: viewerHeight }, style], children: _jsx(Viewer, { ref: ref, metalColor: customizer.metal, stoneColor: customizer.stone, shape: customizer.shape, ...viewerRest }) }), _jsxs(View, { style: styles.controls, children: [showShapeSwatches && (_jsx(ShapeSwatches, { value: customizer.shape, onChange: handleShapeChange, options: customizer.shapeOptions, availableShapes: customizer.availableShapes })), showMetalSwatches && (_jsx(MetalSwatches, { value: customizer.metal, onChange: (metalId) => customizer.setMetal(metalId), options: customizer.metalOptions })), showStoneSwatches && (_jsx(StoneSwatches, { value: customizer.stone, onChange: (stoneId) => customizer.setStone(stoneId), options: customizer.stoneOptions }))] })] }));
+});
+const styles = StyleSheet.create({
+    container: {
+        width: '100%',
+    },
+    controls: {
+        paddingHorizontal: 12,
+        paddingTop: 8,
+    },
+});
+export default JewelryCustomizer;
+//# sourceMappingURL=JewelryCustomizer.js.map

package/dist/swatches/JewelryCustomizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JewelryCustomizer.js","sourceRoot":"","sources":["../../src/swatches/JewelryCustomizer.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EACL,IAAI,EACJ,UAAU,GAGX,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,EACL,aAAa,GAGd,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,oBAAoB,GAErB,MAAM,2BAA2B,CAAA;AAalC,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CACzC,SAAS,iBAAiB,CAAC,KAAK,EAAE,GAAG;IACnC,MAAM,EACJ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,cAAc,EACd,YAAY,GAAG,GAAG,EAClB,iBAAiB,GAAG,KAAK,EACzB,iBAAiB,GAAG,IAAI,EACxB,iBAAiB,GAAG,IAAI,EACxB,aAAa,EACb,KAAK,EACL,GAAG,UAAU,EACd,GAAG,KAAK,CAAA;IAET,MAAM,UAAU,GAAG,oBAAoB,CAAC;QACtC,YAAY;QACZ,YAAY;QACZ,YAAY;QACZ,YAAY;QACZ,YAAY;QACZ,YAAY;QACZ,eAAe;KAChB,CAAC,CAAA;IAEF,MAAM,iBAAiB,GAAG,CAAC,QAAsB,EAAE,GAAiB,EAAE,EAAE;QACtE,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;QAC7B,aAAa,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAA;IAChC,CAAC,CAAA;IAED,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,aAC7C,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,KAAK,CAAC,YAC5C,KAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,CAAC,KAAK,EAC5B,UAAU,EAAE,UAAU,CAAC,KAAK,EAC5B,KAAK,EAAE,UAAU,CAAC,KAAK,KACnB,UAAU,GACd,GACG,EAEP,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,aACzB,iBAAiB,IAAI,CACpB,KAAC,aAAa,IACZ,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,UAAU,CAAC,YAAY,EAChC,eAAe,EAAE,UAAU,CAAC,eAAe,GAC3C,CACH,EAEA,iBAAiB,IAAI,CACpB,KAAC,aAAa,IACZ,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,EACnD,OAAO,EAAE,UAAU,CAAC,YAAY,GAChC,CACH,EAEA,iBAAiB,IAAI,CACpB,KAAC,aAAa,IACZ,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,EACnD,OAAO,EAAE,UAAU,CAAC,YAAY,GAChC,CACH,IACI,IACF,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;KACd;IACD,QAAQ,EAAE;QACR,iBAAiB,EAAE,EAAE;QACrB,UAAU,EAAE,CAAC;KACd;CACF,CAAC,CAAA;AAEF,eAAe,iBAAiB,CAAA"}

package/dist/swatches/MetalSwatches.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type MetalPreset, type MetalColorProp } from '@thinkersteps_labs/3d-viewer-core';
+export interface MetalSwatchesProps {
+    value?: MetalColorProp;
+    onChange?: (metalId: string, preset?: MetalPreset) => void;
+    options?: MetalPreset[];
+    category?: 'all' | 'gold' | 'platinum-silver' | 'alternative';
+    showLabel?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function MetalSwatches({ value, onChange, options, category, showLabel, style, }: MetalSwatchesProps): React.JSX.Element;
+//# sourceMappingURL=MetalSwatches.d.ts.map

package/dist/swatches/MetalSwatches.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetalSwatches.d.ts","sourceRoot":"","sources":["../../src/swatches/MetalSwatches.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAML,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAA;AACrB,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,cAAc,EACpB,MAAM,mCAAmC,CAAA;AAE1C,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,KAAK,IAAI,CAAA;IAC1D,OAAO,CAAC,EAAE,WAAW,EAAE,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,iBAAiB,GAAG,aAAa,CAAA;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,OAAiC,EACjC,QAAgB,EAChB,SAAgB,EAChB,KAAK,GACN,EAAE,kBAAkB,qBA2DpB"}

package/dist/swatches/MetalSwatches.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View, Text, TouchableOpacity, ScrollView, StyleSheet, } from 'react-native';
+import { CANONICAL_METAL_PRESETS, getMetalPreset, } from '@thinkersteps_labs/3d-viewer-core';
+export function MetalSwatches({ value, onChange, options = CANONICAL_METAL_PRESETS, category = 'all', showLabel = true, style, }) {
+    const filteredOptions = category === 'all'
+        ? options
+        : options.filter((m) => m.category === category);
+    const activePreset = value ? getMetalPreset(value) : undefined;
+    const activeId = activePreset?.id ?? value;
+    return (_jsxs(View, { style: [styles.container, style], children: [showLabel && (_jsxs(View, { style: styles.header, children: [_jsx(Text, { style: styles.title, children: "Metal" }), activePreset && (_jsx(Text, { style: styles.selectedName, children: activePreset.label }))] })), _jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.scrollRow, children: filteredOptions.map((m) => {
+                    const isSelected = activeId === m.id || value === m.hex;
+                    return (_jsxs(TouchableOpacity, { accessibilityRole: "radio", accessibilityState: { selected: isSelected }, accessibilityLabel: m.label, onPress: () => onChange?.(m.id, m), style: [
+                            styles.swatchBtn,
+                            isSelected && styles.swatchBtnActive,
+                        ], children: [_jsx(View, { style: [
+                                    styles.colorDot,
+                                    { backgroundColor: m.hex },
+                                ] }), _jsx(Text, { style: [
+                                    styles.swatchLabel,
+                                    isSelected && styles.swatchLabelActive,
+                                ], children: m.label })] }, m.id));
+                }) })] }));
+}
+const styles = StyleSheet.create({
+    container: {
+        marginVertical: 8,
+    },
+    header: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        marginBottom: 8,
+        paddingHorizontal: 4,
+    },
+    title: {
+        fontSize: 14,
+        fontWeight: '600',
+        color: '#333333',
+    },
+    selectedName: {
+        fontSize: 13,
+        color: '#666666',
+    },
+    scrollRow: {
+        flexDirection: 'row',
+        gap: 8,
+        paddingVertical: 4,
+        paddingHorizontal: 2,
+    },
+    swatchBtn: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingHorizontal: 12,
+        paddingVertical: 8,
+        borderRadius: 20,
+        borderWidth: 1,
+        borderColor: '#e2e8f0',
+        backgroundColor: '#ffffff',
+        gap: 8,
+    },
+    swatchBtnActive: {
+        borderColor: '#0f172a',
+        backgroundColor: '#f8fafc',
+    },
+    colorDot: {
+        width: 14,
+        height: 14,
+        borderRadius: 7,
+        borderWidth: 1,
+        borderColor: 'rgba(0, 0, 0, 0.1)',
+    },
+    swatchLabel: {
+        fontSize: 13,
+        color: '#475569',
+    },
+    swatchLabelActive: {
+        color: '#0f172a',
+        fontWeight: '600',
+    },
+});
+//# sourceMappingURL=MetalSwatches.js.map

package/dist/swatches/MetalSwatches.js.map

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

package/dist/swatches/ShapeSelect.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type DiamondShape, type ShapeOption } from './ShapeSwatches.js';
+export interface ShapeSelectProps {
+    value?: DiamondShape | string;
+    onChange?: (shapeId: DiamondShape, option?: ShapeOption) => void;
+    options?: ShapeOption[];
+    availableShapes?: (DiamondShape | string)[];
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function ShapeSelect({ value, onChange, options, availableShapes, label, placeholder, disabled, style, }: ShapeSelectProps): React.JSX.Element;
+//# sourceMappingURL=ShapeSelect.d.ts.map

package/dist/swatches/ShapeSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShapeSelect.d.ts","sourceRoot":"","sources":["../../src/swatches/ShapeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,SAAS,EAEf,MAAM,cAAc,CAAA;AACrB,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,WAAW,EACjB,MAAM,oBAAoB,CAAA;AAE3B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,YAAY,GAAG,MAAM,CAAA;IAC7B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,EAAE,WAAW,KAAK,IAAI,CAAA;IAChE,OAAO,CAAC,EAAE,WAAW,EAAE,CAAA;IACvB,eAAe,CAAC,EAAE,CAAC,YAAY,GAAG,MAAM,CAAC,EAAE,CAAA;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAKD,wBAAgB,WAAW,CAAC,EAC1B,KAAe,EACf,QAAQ,EACR,OAA0B,EAC1B,eAAe,EACf,KAAuB,EACvB,WAAoC,EACpC,QAAgB,EAChB,KAAK,GACN,EAAE,gBAAgB,qBA2IlB"}

package/dist/swatches/ShapeSelect.js

@@ -0,0 +1,226 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { View, Text, Pressable, Modal, ScrollView, StyleSheet, } from 'react-native';
+import { CANONICAL_SHAPES, } from './ShapeSwatches.js';
+const BUTTON_HIT_SLOP = { top: 6, bottom: 6, left: 6, right: 6 };
+const ITEM_HIT_SLOP = { top: 4, bottom: 4, left: 4, right: 4 };
+export function ShapeSelect({ value = 'round', onChange, options = CANONICAL_SHAPES, availableShapes, label = 'Diamond Shape', placeholder = 'Select diamond shape', disabled = false, style, }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const activeOption = options.find((s) => s.id === value);
+    const filteredOptions = availableShapes
+        ? options.filter((s) => availableShapes.includes(s.id))
+        : options;
+    const handleSelect = (s) => {
+        onChange?.(s.id, s);
+        setIsOpen(false);
+    };
+    return (_jsxs(View, { style: [styles.container, style], children: [label && _jsx(Text, { style: styles.label, children: label }), _jsxs(Pressable, { hitSlop: BUTTON_HIT_SLOP, accessibilityRole: "combobox", accessibilityLabel: `${label}: ${activeOption ? activeOption.name : placeholder}`, accessibilityState: { expanded: isOpen, disabled }, disabled: disabled, onPress: () => setIsOpen(true), style: ({ pressed }) => [
+                    styles.triggerButton,
+                    pressed && styles.triggerButtonPressed,
+                    disabled && styles.triggerButtonDisabled,
+                ], children: [_jsxs(View, { style: styles.triggerLeft, children: [_jsx(Text, { style: styles.triggerIcon, children: activeOption?.icon || '💎' }), _jsxs(View, { style: styles.triggerTextContainer, children: [_jsx(Text, { style: styles.triggerName, children: activeOption ? activeOption.name : placeholder }), activeOption?.badge && (_jsx(View, { style: styles.badge, children: _jsx(Text, { style: styles.badgeText, children: activeOption.badge }) }))] })] }), _jsx(Text, { style: styles.chevron, children: "\u25BE" })] }), _jsx(Modal, { visible: isOpen, transparent: true, animationType: "fade", onRequestClose: () => setIsOpen(false), children: _jsx(Pressable, { style: styles.modalOverlay, onPress: () => setIsOpen(false), children: _jsxs(Pressable, { style: styles.modalSheet, onPress: (e) => e.stopPropagation(), children: [_jsxs(View, { style: styles.modalHeader, children: [_jsxs(View, { children: [_jsx(Text, { style: styles.modalTitle, children: "Select Diamond Cut" }), _jsx(Text, { style: styles.modalSubtitle, children: "Choose a canonical center diamond shape" })] }), _jsx(Pressable, { hitSlop: BUTTON_HIT_SLOP, accessibilityRole: "button", accessibilityLabel: "Close shape selection", onPress: () => setIsOpen(false), style: styles.closeButton, children: _jsx(Text, { style: styles.closeButtonText, children: "\u2715" }) })] }), _jsx(ScrollView, { style: styles.optionsList, showsVerticalScrollIndicator: true, children: filteredOptions.map((s) => {
+                                    const isSelected = s.id === value;
+                                    return (_jsxs(Pressable, { hitSlop: ITEM_HIT_SLOP, accessibilityRole: "radio", accessibilityState: { selected: isSelected }, accessibilityLabel: `${s.name} diamond cut, ${s.desc}`, onPress: () => handleSelect(s), style: ({ pressed }) => [
+                                            styles.optionItem,
+                                            isSelected && styles.optionItemSelected,
+                                            pressed && styles.optionItemPressed,
+                                        ], children: [_jsxs(View, { style: styles.optionLeft, children: [_jsx(Text, { style: styles.optionIcon, children: s.icon || '💎' }), _jsxs(View, { style: styles.optionDetails, children: [_jsxs(View, { style: styles.optionNameRow, children: [_jsx(Text, { style: [
+                                                                            styles.optionName,
+                                                                            isSelected && styles.optionNameSelected,
+                                                                        ], children: s.name }), s.badge && (_jsx(View, { style: [
+                                                                            styles.optionBadge,
+                                                                            isSelected && styles.optionBadgeSelected,
+                                                                        ], children: _jsx(Text, { style: [
+                                                                                styles.optionBadgeText,
+                                                                                isSelected && styles.optionBadgeTextSelected,
+                                                                            ], children: s.badge }) }))] }), _jsx(Text, { style: styles.optionDesc, children: s.desc })] })] }), isSelected && _jsx(Text, { style: styles.checkmark, children: "\u2713" })] }, s.id));
+                                }) })] }) }) })] }));
+}
+const styles = StyleSheet.create({
+    container: {
+        marginVertical: 4,
+    },
+    label: {
+        fontSize: 12,
+        fontWeight: '700',
+        letterSpacing: 0.8,
+        textTransform: 'uppercase',
+        color: '#94a3b8',
+        marginBottom: 6,
+    },
+    triggerButton: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        backgroundColor: '#0f172a',
+        borderWidth: 1,
+        borderColor: '#334155',
+        borderRadius: 8,
+        paddingHorizontal: 12,
+        paddingVertical: 10,
+    },
+    triggerButtonPressed: {
+        backgroundColor: '#1e293b',
+        borderColor: '#c9a96e',
+    },
+    triggerButtonDisabled: {
+        opacity: 0.5,
+    },
+    triggerLeft: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8,
+    },
+    triggerIcon: {
+        fontSize: 16,
+    },
+    triggerTextContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8,
+    },
+    triggerName: {
+        fontSize: 14,
+        fontWeight: '600',
+        color: '#f8fafc',
+    },
+    badge: {
+        paddingHorizontal: 6,
+        paddingVertical: 2,
+        borderRadius: 4,
+        backgroundColor: 'rgba(201, 169, 110, 0.15)',
+        borderWidth: 1,
+        borderColor: 'rgba(201, 169, 110, 0.35)',
+    },
+    badgeText: {
+        fontSize: 10,
+        fontWeight: '600',
+        color: '#c9a96e',
+    },
+    chevron: {
+        fontSize: 14,
+        color: '#94a3b8',
+    },
+    modalOverlay: {
+        flex: 1,
+        backgroundColor: 'rgba(0, 0, 0, 0.75)',
+        justifyContent: 'flex-end',
+    },
+    modalSheet: {
+        backgroundColor: '#0f172a',
+        borderTopLeftRadius: 16,
+        borderTopRightRadius: 16,
+        borderWidth: 1,
+        borderColor: '#334155',
+        maxHeight: '80%',
+        paddingBottom: 24,
+    },
+    modalHeader: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        paddingHorizontal: 16,
+        paddingVertical: 14,
+        borderBottomWidth: 1,
+        borderBottomColor: '#1e293b',
+    },
+    modalTitle: {
+        fontSize: 16,
+        fontWeight: '700',
+        color: '#f8fafc',
+    },
+    modalSubtitle: {
+        fontSize: 12,
+        color: '#94a3b8',
+        marginTop: 2,
+    },
+    closeButton: {
+        width: 28,
+        height: 28,
+        borderRadius: 14,
+        backgroundColor: '#1e293b',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    closeButtonText: {
+        fontSize: 14,
+        color: '#cbd5e1',
+        fontWeight: '600',
+    },
+    optionsList: {
+        paddingHorizontal: 12,
+        paddingVertical: 8,
+    },
+    optionItem: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        paddingHorizontal: 12,
+        paddingVertical: 10,
+        borderRadius: 8,
+        marginVertical: 2,
+        borderWidth: 1,
+        borderColor: 'transparent',
+    },
+    optionItemPressed: {
+        backgroundColor: '#1e293b',
+    },
+    optionItemSelected: {
+        backgroundColor: 'rgba(201, 169, 110, 0.1)',
+        borderColor: '#c9a96e',
+    },
+    optionLeft: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 12,
+        flex: 1,
+    },
+    optionIcon: {
+        fontSize: 20,
+    },
+    optionDetails: {
+        flex: 1,
+    },
+    optionNameRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8,
+    },
+    optionName: {
+        fontSize: 14,
+        fontWeight: '600',
+        color: '#f8fafc',
+    },
+    optionNameSelected: {
+        color: '#c9a96e',
+    },
+    optionBadge: {
+        paddingHorizontal: 6,
+        paddingVertical: 1,
+        borderRadius: 4,
+        backgroundColor: '#1e293b',
+    },
+    optionBadgeSelected: {
+        backgroundColor: 'rgba(201, 169, 110, 0.2)',
+    },
+    optionBadgeText: {
+        fontSize: 10,
+        fontWeight: '600',
+        color: '#94a3b8',
+    },
+    optionBadgeTextSelected: {
+        color: '#c9a96e',
+    },
+    optionDesc: {
+        fontSize: 12,
+        color: '#64748b',
+        marginTop: 2,
+    },
+    checkmark: {
+        fontSize: 16,
+        fontWeight: '700',
+        color: '#c9a96e',
+        marginLeft: 8,
+    },
+});
+//# sourceMappingURL=ShapeSelect.js.map

package/dist/swatches/ShapeSelect.js.map

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

package/dist/swatches/ShapeSwatches.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type DiamondShape = 'none' | 'round' | 'oval' | 'cushion' | 'pear' | 'princess' | 'emerald' | 'asscher' | 'radiant' | 'marquise' | 'heart';
+export interface ShapeOption {
+    id: DiamondShape;
+    name: string;
+    desc: string;
+    badge?: string;
+    icon?: string;
+}
+export declare const CANONICAL_SHAPES: ShapeOption[];
+export interface ShapeSwatchesProps {
+    value?: DiamondShape | string;
+    onChange?: (shapeId: DiamondShape, option?: ShapeOption) => void;
+    options?: ShapeOption[];
+    availableShapes?: (DiamondShape | string)[];
+    showLabel?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function ShapeSwatches({ value, onChange, options, availableShapes, showLabel, style, }: ShapeSwatchesProps): React.JSX.Element;
+export default ShapeSwatches;
+//# sourceMappingURL=ShapeSwatches.d.ts.map

package/dist/swatches/ShapeSwatches.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShapeSwatches.d.ts","sourceRoot":"","sources":["../../src/swatches/ShapeSwatches.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAML,KAAK,SAAS,EACd,KAAK,SAAS,EAEf,MAAM,cAAc,CAAA;AAErB,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,OAAO,GACP,MAAM,GACN,SAAS,GACT,MAAM,GACN,UAAU,GACV,SAAS,GACT,SAAS,GACT,SAAS,GACT,UAAU,GACV,OAAO,CAAA;AAEX,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,YAAY,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,gBAAgB,EAAE,WAAW,EAWzC,CAAA;AAID,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,YAAY,GAAG,MAAM,CAAA;IAC7B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,EAAE,WAAW,KAAK,IAAI,CAAA;IAChE,OAAO,CAAC,EAAE,WAAW,EAAE,CAAA;IACvB,eAAe,CAAC,EAAE,CAAC,YAAY,GAAG,MAAM,CAAC,EAAE,CAAA;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAe,EACf,QAAQ,EACR,OAA0B,EAC1B,eAAe,EACf,SAAgB,EAChB,KAAK,GACN,EAAE,kBAAkB,qBAwFpB;AAuGD,eAAe,aAAa,CAAA"}