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

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":";AACA,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,gBAAgB,EAChB,UAAU,EACV,UAAU,GAGX,MAAM,cAAc,CAAA;AACrB,OAAO,EACL,uBAAuB,EACvB,cAAc,GAGf,MAAM,mCAAmC,CAAA;AAW1C,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,uBAAuB,EACjC,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,IAAI,EAChB,KAAK,GACc;IACnB,MAAM,eAAe,GACnB,QAAQ,KAAK,KAAK;QAChB,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAA;IAEpD,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC9D,MAAM,QAAQ,GAAG,YAAY,EAAE,EAAE,IAAI,KAAK,CAAA;IAE1C,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,aACnC,SAAS,IAAI,CACZ,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,aACxB,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,sBAAc,EACtC,YAAY,IAAI,CACf,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,YAAG,YAAY,CAAC,KAAK,GAAQ,CAC9D,IACI,CACR,EAED,KAAC,UAAU,IACT,UAAU,QACV,8BAA8B,EAAE,KAAK,EACrC,qBAAqB,EAAE,MAAM,CAAC,SAAS,YAEtC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;oBACzB,MAAM,UAAU,GAAG,QAAQ,KAAK,CAAC,CAAC,EAAE,IAAI,KAAK,KAAK,CAAC,CAAC,GAAG,CAAA;oBACvD,OAAO,CACL,MAAC,gBAAgB,IAEf,iBAAiB,EAAC,OAAO,EACzB,kBAAkB,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAC5C,kBAAkB,EAAE,CAAC,CAAC,KAAK,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAClC,KAAK,EAAE;4BACL,MAAM,CAAC,SAAS;4BAChB,UAAU,IAAI,MAAM,CAAC,eAAe;yBACrC,aAED,KAAC,IAAI,IACH,KAAK,EAAE;oCACL,MAAM,CAAC,QAAQ;oCACf,EAAE,eAAe,EAAE,CAAC,CAAC,GAAG,EAAE;iCAC3B,GACD,EACF,KAAC,IAAI,IACH,KAAK,EAAE;oCACL,MAAM,CAAC,WAAW;oCAClB,UAAU,IAAI,MAAM,CAAC,iBAAiB;iCACvC,YAEA,CAAC,CAAC,KAAK,GACH,KAvBF,CAAC,CAAC,EAAE,CAwBQ,CACpB,CAAA;gBACH,CAAC,CAAC,GACS,IACR,CACR,CAAA;AACH,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,cAAc,EAAE,CAAC;KAClB;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,CAAC;QACf,iBAAiB,EAAE,CAAC;KACrB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,SAAS;KACjB;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,SAAS;KACjB;IACD,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,CAAC;QACN,eAAe,EAAE,CAAC;QAClB,iBAAiB,EAAE,CAAC;KACrB;IACD,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,CAAC;QAClB,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,SAAS;QAC1B,GAAG,EAAE,CAAC;KACP;IACD,eAAe,EAAE;QACf,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,SAAS;KAC3B;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,CAAC;QACf,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,oBAAoB;KAClC;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,SAAS;KACjB;IACD,iBAAiB,EAAE;QACjB,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAA"}

package/dist/swatches/StoneSwatches.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type StonePreset, type StoneColorProp } from '@thinkersteps_labs/3d-viewer-core';
+export interface StoneSwatchesProps {
+    value?: StoneColorProp;
+    onChange?: (stoneId: string, preset?: StonePreset) => void;
+    options?: StonePreset[];
+    category?: 'all' | 'diamond' | 'gemstone';
+    showLabel?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function StoneSwatches({ value, onChange, options, category, showLabel, style, }: StoneSwatchesProps): React.JSX.Element;
+//# sourceMappingURL=StoneSwatches.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StoneSwatches.d.ts","sourceRoot":"","sources":["../../src/swatches/StoneSwatches.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,SAAS,GAAG,UAAU,CAAA;IACzC,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/StoneSwatches.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_STONE_PRESETS, getStonePreset, } from '@thinkersteps_labs/3d-viewer-core';
+export function StoneSwatches({ value, onChange, options = CANONICAL_STONE_PRESETS, category = 'all', showLabel = true, style, }) {
+    const filteredOptions = category === 'all'
+        ? options
+        : options.filter((s) => s.category === category);
+    const activePreset = value ? getStonePreset(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: "Gemstone" }), activePreset && (_jsx(Text, { style: styles.selectedName, children: activePreset.label }))] })), _jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.scrollRow, children: filteredOptions.map((s) => {
+                    const isSelected = activeId === s.id || value === s.hex;
+                    return (_jsxs(TouchableOpacity, { accessibilityRole: "radio", accessibilityState: { selected: isSelected }, accessibilityLabel: s.label, onPress: () => onChange?.(s.id, s), style: [
+                            styles.swatchBtn,
+                            isSelected && styles.swatchBtnActive,
+                        ], children: [_jsx(View, { style: [
+                                    styles.colorDot,
+                                    { backgroundColor: s.hex },
+                                ] }), _jsx(Text, { style: [
+                                    styles.swatchLabel,
+                                    isSelected && styles.swatchLabelActive,
+                                ], children: s.label })] }, s.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=StoneSwatches.js.map

package/dist/swatches/StoneSwatches.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoneSwatches.js","sourceRoot":"","sources":["../../src/swatches/StoneSwatches.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,gBAAgB,EAChB,UAAU,EACV,UAAU,GAGX,MAAM,cAAc,CAAA;AACrB,OAAO,EACL,uBAAuB,EACvB,cAAc,GAGf,MAAM,mCAAmC,CAAA;AAW1C,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,uBAAuB,EACjC,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,IAAI,EAChB,KAAK,GACc;IACnB,MAAM,eAAe,GACnB,QAAQ,KAAK,KAAK;QAChB,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAA;IAEpD,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC9D,MAAM,QAAQ,GAAG,YAAY,EAAE,EAAE,IAAI,KAAK,CAAA;IAE1C,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,aACnC,SAAS,IAAI,CACZ,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,aACxB,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,yBAAiB,EACzC,YAAY,IAAI,CACf,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,YAAG,YAAY,CAAC,KAAK,GAAQ,CAC9D,IACI,CACR,EAED,KAAC,UAAU,IACT,UAAU,QACV,8BAA8B,EAAE,KAAK,EACrC,qBAAqB,EAAE,MAAM,CAAC,SAAS,YAEtC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;oBACzB,MAAM,UAAU,GAAG,QAAQ,KAAK,CAAC,CAAC,EAAE,IAAI,KAAK,KAAK,CAAC,CAAC,GAAG,CAAA;oBACvD,OAAO,CACL,MAAC,gBAAgB,IAEf,iBAAiB,EAAC,OAAO,EACzB,kBAAkB,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAC5C,kBAAkB,EAAE,CAAC,CAAC,KAAK,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAClC,KAAK,EAAE;4BACL,MAAM,CAAC,SAAS;4BAChB,UAAU,IAAI,MAAM,CAAC,eAAe;yBACrC,aAED,KAAC,IAAI,IACH,KAAK,EAAE;oCACL,MAAM,CAAC,QAAQ;oCACf,EAAE,eAAe,EAAE,CAAC,CAAC,GAAG,EAAE;iCAC3B,GACD,EACF,KAAC,IAAI,IACH,KAAK,EAAE;oCACL,MAAM,CAAC,WAAW;oCAClB,UAAU,IAAI,MAAM,CAAC,iBAAiB;iCACvC,YAEA,CAAC,CAAC,KAAK,GACH,KAvBF,CAAC,CAAC,EAAE,CAwBQ,CACpB,CAAA;gBACH,CAAC,CAAC,GACS,IACR,CACR,CAAA;AACH,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,cAAc,EAAE,CAAC;KAClB;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,CAAC;QACf,iBAAiB,EAAE,CAAC;KACrB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,SAAS;KACjB;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,SAAS;KACjB;IACD,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,CAAC;QACN,eAAe,EAAE,CAAC;QAClB,iBAAiB,EAAE,CAAC;KACrB;IACD,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,CAAC;QAClB,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,SAAS;QAC1B,GAAG,EAAE,CAAC;KACP;IACD,eAAe,EAAE;QACf,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,SAAS;KAC3B;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,CAAC;QACf,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,oBAAoB;KAClC;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,SAAS;KACjB;IACD,iBAAiB,EAAE;QACjB,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAA"}

package/dist/swatches/index.d.ts

@@ -0,0 +1,5 @@
+export { MetalSwatches, type MetalSwatchesProps } from './MetalSwatches.js';
+export { StoneSwatches, type StoneSwatchesProps } from './StoneSwatches.js';
+export { useJewelryCustomizer, type UseJewelryCustomizerOptions, type UseJewelryCustomizerReturn, } from './useJewelryCustomizer.js';
+export { JewelryCustomizer, type JewelryCustomizerProps, default, } from './JewelryCustomizer.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/swatches/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAC3E,OAAO,EACL,oBAAoB,EACpB,KAAK,2BAA2B,EAChC,KAAK,0BAA0B,GAChC,MAAM,2BAA2B,CAAA;AAClC,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,OAAO,GACR,MAAM,wBAAwB,CAAA"}

package/dist/swatches/index.js

@@ -0,0 +1,5 @@
+export { MetalSwatches } from './MetalSwatches.js';
+export { StoneSwatches } from './StoneSwatches.js';
+export { useJewelryCustomizer, } from './useJewelryCustomizer.js';
+export { JewelryCustomizer, default, } from './JewelryCustomizer.js';
+//# sourceMappingURL=index.js.map

package/dist/swatches/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/swatches/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA2B,MAAM,oBAAoB,CAAA;AAC3E,OAAO,EAAE,aAAa,EAA2B,MAAM,oBAAoB,CAAA;AAC3E,OAAO,EACL,oBAAoB,GAGrB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EACL,iBAAiB,EAEjB,OAAO,GACR,MAAM,wBAAwB,CAAA"}

package/dist/swatches/useJewelryCustomizer.d.ts

@@ -0,0 +1,23 @@
+import { type MetalColorProp, type StoneColorProp, type MetalPreset, type StonePreset } from '@thinkersteps_labs/3d-viewer-core';
+export interface UseJewelryCustomizerOptions {
+    defaultMetal?: MetalColorProp;
+    defaultStone?: StoneColorProp;
+    metalOptions?: MetalPreset[];
+    stoneOptions?: StonePreset[];
+}
+export interface UseJewelryCustomizerReturn {
+    metal: MetalColorProp;
+    setMetal: (val: MetalColorProp) => void;
+    stone: StoneColorProp;
+    setStone: (val: StoneColorProp) => void;
+    metalPreset?: MetalPreset;
+    stonePreset?: StonePreset;
+    metalOptions: MetalPreset[];
+    stoneOptions: StonePreset[];
+    viewerProps: {
+        metalColor: MetalColorProp;
+        stoneColor: StoneColorProp;
+    };
+}
+export declare function useJewelryCustomizer(options?: UseJewelryCustomizerOptions): UseJewelryCustomizerReturn;
+//# sourceMappingURL=useJewelryCustomizer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useJewelryCustomizer.d.ts","sourceRoot":"","sources":["../../src/swatches/useJewelryCustomizer.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,MAAM,mCAAmC,CAAA;AAE1C,MAAM,WAAW,2BAA2B;IAC1C,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAC5B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;CAC7B;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,cAAc,CAAA;IACrB,QAAQ,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAA;IACvC,KAAK,EAAE,cAAc,CAAA;IACrB,QAAQ,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAA;IACvC,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,WAAW,EAAE;QACX,UAAU,EAAE,cAAc,CAAA;QAC1B,UAAU,EAAE,cAAc,CAAA;KAC3B,CAAA;CACF;AAED,wBAAgB,oBAAoB,CAClC,OAAO,GAAE,2BAAgC,GACxC,0BAA0B,CAiC5B"}

package/dist/swatches/useJewelryCustomizer.js

@@ -0,0 +1,25 @@
+import { useState, useMemo } from 'react';
+import { CANONICAL_METAL_PRESETS, CANONICAL_STONE_PRESETS, getMetalPreset, getStonePreset, } from '@thinkersteps_labs/3d-viewer-core';
+export function useJewelryCustomizer(options = {}) {
+    const { defaultMetal = 'yellow-gold-18k', defaultStone = 'diamond-colorless', metalOptions = CANONICAL_METAL_PRESETS, stoneOptions = CANONICAL_STONE_PRESETS, } = options;
+    const [metal, setMetal] = useState(defaultMetal);
+    const [stone, setStone] = useState(defaultStone);
+    const metalPreset = useMemo(() => getMetalPreset(metal), [metal]);
+    const stonePreset = useMemo(() => getStonePreset(stone), [stone]);
+    const viewerProps = useMemo(() => ({
+        metalColor: metal,
+        stoneColor: stone,
+    }), [metal, stone]);
+    return {
+        metal,
+        setMetal,
+        stone,
+        setStone,
+        metalPreset,
+        stonePreset,
+        metalOptions,
+        stoneOptions,
+        viewerProps,
+    };
+}
+//# sourceMappingURL=useJewelryCustomizer.js.map

package/dist/swatches/useJewelryCustomizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useJewelryCustomizer.js","sourceRoot":"","sources":["../../src/swatches/useJewelryCustomizer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,cAAc,EACd,cAAc,GAKf,MAAM,mCAAmC,CAAA;AAwB1C,MAAM,UAAU,oBAAoB,CAClC,UAAuC,EAAE;IAEzC,MAAM,EACJ,YAAY,GAAG,iBAAiB,EAChC,YAAY,GAAG,mBAAmB,EAClC,YAAY,GAAG,uBAAuB,EACtC,YAAY,GAAG,uBAAuB,GACvC,GAAG,OAAO,CAAA;IAEX,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAiB,YAAY,CAAC,CAAA;IAChE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAiB,YAAY,CAAC,CAAA;IAEhE,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IACjE,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjE,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,CAAC;QACL,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,KAAK;KAClB,CAAC,EACF,CAAC,KAAK,EAAE,KAAK,CAAC,CACf,CAAA;IAED,OAAO;QACL,KAAK;QACL,QAAQ;QACR,KAAK;QACL,QAAQ;QACR,WAAW;QACX,WAAW;QACX,YAAY;QACZ,YAAY;QACZ,WAAW;KACZ,CAAA;AACH,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,66 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { MetalColorProp, StoneColorProp, ViewerSourceInput, PartInfo, MaterialSlotInfo, PartType, ViewerState } from '@thinkersteps_labs/3d-viewer-core';
+import type { ViewerConfigState } from './bridge/types.js';
+export type { MetalColorProp, StoneColorProp, ViewerSourceInput, PartInfo, MaterialSlotInfo, PartType, ViewerState, };
+export type ViewerErrorCode = 'WEBGL_UNSUPPORTED' | 'MODEL_LOAD_FAILED' | 'CONTEXT_LOST' | 'SNAPSHOT_FAILED' | 'AR_UNSUPPORTED' | 'BRIDGE_TIMEOUT';
+export interface ViewerError extends Error {
+    code: ViewerErrorCode;
+    reqId?: string;
+}
+export interface ViewerRef {
+    applyConfig: (config: Partial<ViewerConfigState>) => void;
+    setMetalColor: (color: MetalColorProp) => void;
+    setStoneColor: (color: StoneColorProp) => void;
+    setMaterialColor: (slotId: string, color: string) => void;
+    clearMaterialColor: (slotId: string) => void;
+    setPartColor: (partId: string, color: string, slotIndex?: number) => void;
+    clearPartColor: (partId: string, slotIndex?: number) => void;
+    setEnvironment: (environment?: string, exposure?: number) => void;
+    setRenderActive: (active: boolean) => void;
+    startRotation: () => void;
+    stopRotation: () => void;
+    resetCamera: () => void;
+    captureSnapshot: (options?: {
+        format?: 'png' | 'jpeg';
+        quality?: number;
+    }) => Promise<string>;
+    launchAR: () => Promise<void>;
+}
+export interface ViewerProps {
+    source?: ViewerSourceInput | {
+        uri: string;
+    };
+    src?: string;
+    metalColor?: MetalColorProp;
+    stoneColor?: StoneColorProp;
+    materialColors?: Record<string, string>;
+    partColors?: Record<string, string>;
+    environment?: string;
+    exposure?: number;
+    quality?: 'low' | 'medium' | 'high';
+    autoRotate?: boolean;
+    renderActive?: boolean;
+    fov?: number;
+    shadows?: boolean;
+    background?: string | number;
+    viewerUrl?: string;
+    scrollRef?: React.RefObject<any>;
+    fullscreenButton?: boolean;
+    arEnabled?: boolean;
+    arSource?: {
+        iosUsdzUrl?: string;
+        androidGlbUrl?: string;
+    };
+    onLoaded?: (parts: PartInfo[], materials?: MaterialSlotInfo[]) => void;
+    onPartSelected?: (info: {
+        meshId: string;
+        partId?: string;
+        type: PartType;
+    }) => void;
+    onChange?: (state: ViewerState) => void;
+    onError?: (err: ViewerError) => void;
+    onProgress?: (progress: number) => void;
+    onTouchInteractionChange?: (isInteracting: boolean) => void;
+    style?: StyleProp<ViewStyle>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

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

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,50 @@
 {
   "name": "@thinkersteps_labs/3d-viewer-react-native",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "1.0.0",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "node scripts/bundle-runtime.mjs && tsc",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-native": ">=0.70.0",
+    "react-native-webview": ">=13.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-native": {
+      "optional": true
+    },
+    "react-native-webview": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@thinkersteps_labs/3d-viewer-core": "workspace:*",
+    "@types/node": "^20.11.0",
+    "@types/react": "^18.2.0",
+    "react": "18.2.0",
+    "react-native": "0.74.5",
+    "react-native-webview": "^13.8.6",
+    "typescript": "^5.3.0",
+    "vitest": "^1.2.0"
+  }
+}

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.