@objectifthunes/limestone-sdk 0.1.6 → 0.1.8

package/dist/components/interactive/page-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/interactive/page-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/interactive/page-view/page-view.d.ts

@@ -0,0 +1,4 @@
+import { createElement } from 'react';
+import type { PageViewProps } from './types.js';
+export declare function PageView(props: PageViewProps): ReturnType<typeof createElement>;
+//# sourceMappingURL=page-view.d.ts.map

package/dist/components/interactive/page-view/page-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-view.d.ts","sourceRoot":"","sources":["../../../../src/components/interactive/page-view/page-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAItC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAQ/E"}

package/dist/components/interactive/page-view/page-view.js

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { View } from 'react-native';
+import { useTheme } from '../../../theme/context.js';
+import { usePageView } from './use-page-view.js';
+export function PageView(props) {
+    const { tokens } = useTheme();
+    const { containerStyle, accessibilityProps } = usePageView(tokens, props);
+    return createElement(View, { style: containerStyle, ...accessibilityProps, testID: props.testID });
+}
+//# sourceMappingURL=page-view.js.map

package/dist/components/interactive/page-view/page-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-view.js","sourceRoot":"","sources":["../../../../src/components/interactive/page-view/page-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGjD,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC9B,MAAM,EAAE,cAAc,EAAE,kBAAkB,EAAE,GAAG,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAE1E,OAAO,aAAa,CAClB,IAAI,EACJ,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,kBAAkB,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CACvE,CAAC;AACJ,CAAC"}

package/dist/components/interactive/page-view/types.d.ts

@@ -0,0 +1,24 @@
+import type { BoxStyleProps } from '../../types.js';
+import type { ResolvedBoxStyle } from '../../use-component-style.js';
+export type IndicatorVariant = 'dot' | 'line';
+export interface PageViewProps extends BoxStyleProps {
+    pages: unknown[];
+    activeIndex?: number;
+    onPageChange?: (index: number) => void;
+    showIndicator?: boolean;
+    indicatorVariant?: IndicatorVariant;
+    testID?: string;
+}
+export interface UsePageViewResult {
+    containerStyle: ResolvedBoxStyle;
+    scrollStyle: ResolvedBoxStyle;
+    getPageStyle: (index: number) => ResolvedBoxStyle;
+    indicatorContainerStyle: ResolvedBoxStyle;
+    getIndicatorDotStyle: (index: number, activeIndex: number) => ResolvedBoxStyle;
+    pageCount: number;
+    accessibilityProps: {
+        accessibilityRole: 'scrollbar';
+        accessibilityLabel: string;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/interactive/page-view/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/interactive/page-view/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAErE,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,MAAM,CAAC;AAE9C,MAAM,WAAW,aAAc,SAAQ,aAAa;IAClD,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,gBAAgB,CAAC;IACjC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,gBAAgB,CAAC;IAClD,uBAAuB,EAAE,gBAAgB,CAAC;IAC1C,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,gBAAgB,CAAC;IAC/E,SAAS,EAAE,MAAM,CAAC;IAClB,kBAAkB,EAAE;QAClB,iBAAiB,EAAE,WAAW,CAAC;QAC/B,kBAAkB,EAAE,MAAM,CAAC;KAC5B,CAAC;CACH"}

package/dist/components/interactive/page-view/types.js

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

package/dist/components/interactive/page-view/types.js.map

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

package/dist/components/interactive/page-view/use-page-view.d.ts

@@ -0,0 +1,4 @@
+import type { ThemeTokens } from '../../../theme/tokens.js';
+import type { PageViewProps, UsePageViewResult } from './types.js';
+export declare function usePageView(tokens: ThemeTokens, props: PageViewProps): UsePageViewResult;
+//# sourceMappingURL=use-page-view.d.ts.map

package/dist/components/interactive/page-view/use-page-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-page-view.d.ts","sourceRoot":"","sources":["../../../../src/components/interactive/page-view/use-page-view.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAGnE,wBAAgB,WAAW,CACzB,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,aAAa,GACnB,iBAAiB,CAyDnB"}

package/dist/components/interactive/page-view/use-page-view.js

@@ -0,0 +1,45 @@
+export function usePageView(tokens, props) {
+    const { pages, activeIndex = 0, indicatorVariant = 'dot', } = props;
+    const pageCount = pages.length;
+    const containerStyle = {
+        flex: 1,
+    };
+    const scrollStyle = {
+        flexDirection: 'row',
+    };
+    const getPageStyle = (_index) => ({
+        flex: 1,
+        width: '100%',
+    });
+    const indicatorContainerStyle = {
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'center',
+        paddingVertical: tokens.spacing.sm,
+        gap: tokens.spacing.xs,
+    };
+    const getIndicatorDotStyle = (index, currentActiveIndex) => {
+        const isActive = index === currentActiveIndex;
+        if (indicatorVariant === 'line') {
+            return isActive
+                ? { width: 24, height: 3, borderRadius: 2, backgroundColor: tokens.colors.primary }
+                : { width: 8, height: 3, borderRadius: 2, backgroundColor: tokens.colors.muted };
+        }
+        return isActive
+            ? { width: 8, height: 8, borderRadius: 4, backgroundColor: tokens.colors.primary }
+            : { width: 6, height: 6, borderRadius: 3, backgroundColor: tokens.colors.muted };
+    };
+    return {
+        containerStyle,
+        scrollStyle,
+        getPageStyle,
+        indicatorContainerStyle,
+        getIndicatorDotStyle,
+        pageCount,
+        accessibilityProps: {
+            accessibilityRole: 'scrollbar',
+            accessibilityLabel: `Page ${activeIndex + 1} of ${pageCount}`,
+        },
+    };
+}
+//# sourceMappingURL=use-page-view.js.map

package/dist/components/interactive/page-view/use-page-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-page-view.js","sourceRoot":"","sources":["../../../../src/components/interactive/page-view/use-page-view.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,WAAW,CACzB,MAAmB,EACnB,KAAoB;IAEpB,MAAM,EACJ,KAAK,EACL,WAAW,GAAG,CAAC,EACf,gBAAgB,GAAG,KAAK,GACzB,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC;IAE/B,MAAM,cAAc,GAAqB;QACvC,IAAI,EAAE,CAAC;KACR,CAAC;IAEF,MAAM,WAAW,GAAqB;QACpC,aAAa,EAAE,KAAK;KACrB,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,MAAc,EAAoB,EAAE,CAAC,CAAC;QAC1D,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,MAAM;KACd,CAAC,CAAC;IAEH,MAAM,uBAAuB,GAAqB;QAChD,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QAClC,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KACvB,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAC3B,KAAa,EACb,kBAA0B,EACR,EAAE;QACpB,MAAM,QAAQ,GAAG,KAAK,KAAK,kBAAkB,CAAC;QAC9C,IAAI,gBAAgB,KAAK,MAAM,EAAE,CAAC;YAChC,OAAO,QAAQ;gBACb,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE;gBACnF,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;QACrF,CAAC;QACD,OAAO,QAAQ;YACb,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE;YAClF,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;IACrF,CAAC,CAAC;IAEF,OAAO;QACL,cAAc;QACd,WAAW;QACX,YAAY;QACZ,uBAAuB;QACvB,oBAAoB;QACpB,SAAS;QACT,kBAAkB,EAAE;YAClB,iBAAiB,EAAE,WAAW;YAC9B,kBAAkB,EAAE,QAAQ,WAAW,GAAG,CAAC,OAAO,SAAS,EAAE;SAC9D;KACF,CAAC;AACJ,CAAC"}

package/dist/components/interactive/parallax-header/index.d.ts

@@ -0,0 +1,4 @@
+export { ParallaxHeader } from './parallax-header.js';
+export { useParallaxHeader } from './use-parallax-header.js';
+export type { ParallaxHeaderProps, UseParallaxHeaderResult } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/interactive/parallax-header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/interactive/parallax-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/interactive/parallax-header/index.js

@@ -0,0 +1,3 @@
+export { ParallaxHeader } from './parallax-header.js';
+export { useParallaxHeader } from './use-parallax-header.js';
+//# sourceMappingURL=index.js.map

package/dist/components/interactive/parallax-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/interactive/parallax-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/components/interactive/parallax-header/parallax-header.d.ts

@@ -0,0 +1,4 @@
+import { createElement } from 'react';
+import type { ParallaxHeaderProps } from './types.js';
+export declare function ParallaxHeader(props: ParallaxHeaderProps): ReturnType<typeof createElement>;
+//# sourceMappingURL=parallax-header.d.ts.map

package/dist/components/interactive/parallax-header/parallax-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parallax-header.d.ts","sourceRoot":"","sources":["../../../../src/components/interactive/parallax-header/parallax-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAItC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAQ3F"}

package/dist/components/interactive/parallax-header/parallax-header.js

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { View } from 'react-native';
+import { useTheme } from '../../../theme/context.js';
+import { useParallaxHeader } from './use-parallax-header.js';
+export function ParallaxHeader(props) {
+    const { tokens } = useTheme();
+    const { containerStyle } = useParallaxHeader(tokens, props);
+    return createElement(View, { style: containerStyle, testID: props.testID });
+}
+//# sourceMappingURL=parallax-header.js.map

package/dist/components/interactive/parallax-header/parallax-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parallax-header.js","sourceRoot":"","sources":["../../../../src/components/interactive/parallax-header/parallax-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAG7D,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC9B,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAE5D,OAAO,aAAa,CAClB,IAAI,EACJ,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAChD,CAAC;AACJ,CAAC"}

package/dist/components/interactive/parallax-header/types.d.ts

@@ -0,0 +1,16 @@
+import type { BoxStyleProps } from '../../types.js';
+import type { ResolvedBoxStyle } from '../../use-component-style.js';
+export interface ParallaxHeaderProps extends BoxStyleProps {
+    scrollY: number;
+    imageHeight?: number;
+    parallaxFactor?: number;
+    testID?: string;
+}
+export interface UseParallaxHeaderResult {
+    containerStyle: ResolvedBoxStyle;
+    imageStyle: ResolvedBoxStyle;
+    overlayGradientColors: [string, string];
+    overscrollScale: number;
+    isCompact: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/interactive/parallax-header/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/interactive/parallax-header/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAErE,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,uBAAuB;IACtC,cAAc,EAAE,gBAAgB,CAAC;IACjC,UAAU,EAAE,gBAAgB,CAAC;IAC7B,qBAAqB,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;CACpB"}

package/dist/components/interactive/parallax-header/types.js

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

package/dist/components/interactive/parallax-header/types.js.map

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

package/dist/components/interactive/parallax-header/use-parallax-header.d.ts

@@ -0,0 +1,4 @@
+import type { ThemeTokens } from '../../../theme/tokens.js';
+import type { ParallaxHeaderProps, UseParallaxHeaderResult } from './types.js';
+export declare function useParallaxHeader(_tokens: ThemeTokens, props: ParallaxHeaderProps): UseParallaxHeaderResult;
+//# sourceMappingURL=use-parallax-header.d.ts.map

package/dist/components/interactive/parallax-header/use-parallax-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-parallax-header.d.ts","sourceRoot":"","sources":["../../../../src/components/interactive/parallax-header/use-parallax-header.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAG/E,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,mBAAmB,GACzB,uBAAuB,CAgCzB"}

package/dist/components/interactive/parallax-header/use-parallax-header.js

@@ -0,0 +1,24 @@
+export function useParallaxHeader(_tokens, props) {
+    const { scrollY, imageHeight = 300, parallaxFactor = 0.5, } = props;
+    const containerStyle = {
+        height: imageHeight,
+        overflow: 'hidden',
+    };
+    const translateY = scrollY * parallaxFactor * -1;
+    const oversizedHeight = imageHeight * (1 + parallaxFactor);
+    const imageStyle = {
+        height: oversizedHeight,
+        transform: [{ translateY }],
+    };
+    const overscrollScale = 1 + Math.max(0, -scrollY) / imageHeight;
+    const isCompact = scrollY > imageHeight * 0.7;
+    const overlayGradientColors = ['transparent', 'rgba(0,0,0,0.4)'];
+    return {
+        containerStyle,
+        imageStyle,
+        overlayGradientColors,
+        overscrollScale,
+        isCompact,
+    };
+}
+//# sourceMappingURL=use-parallax-header.js.map

package/dist/components/interactive/parallax-header/use-parallax-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-parallax-header.js","sourceRoot":"","sources":["../../../../src/components/interactive/parallax-header/use-parallax-header.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,iBAAiB,CAC/B,OAAoB,EACpB,KAA0B;IAE1B,MAAM,EACJ,OAAO,EACP,WAAW,GAAG,GAAG,EACjB,cAAc,GAAG,GAAG,GACrB,GAAG,KAAK,CAAC;IAEV,MAAM,cAAc,GAAqB;QACvC,MAAM,EAAE,WAAW;QACnB,QAAQ,EAAE,QAAQ;KACnB,CAAC;IAEF,MAAM,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,CAAC,CAAC,CAAC;IACjD,MAAM,eAAe,GAAG,WAAW,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC;IAE3D,MAAM,UAAU,GAAqB;QACnC,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC;KACR,CAAC;IAEtB,MAAM,eAAe,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,WAAW,CAAC;IAChE,MAAM,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,GAAG,CAAC;IAE9C,MAAM,qBAAqB,GAAqB,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;IAEnF,OAAO;QACL,cAAc;QACd,UAAU;QACV,qBAAqB;QACrB,eAAe;QACf,SAAS;KACV,CAAC;AACJ,CAAC"}

package/dist/components/interactive/pinch-to-zoom/index.d.ts

@@ -0,0 +1,4 @@
+export { PinchToZoom } from './pinch-to-zoom.js';
+export { usePinchToZoom } from './use-pinch-to-zoom.js';
+export type { PinchToZoomProps, UsePinchToZoomResult } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/interactive/pinch-to-zoom/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/interactive/pinch-to-zoom/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/interactive/pinch-to-zoom/index.js

@@ -0,0 +1,3 @@
+export { PinchToZoom } from './pinch-to-zoom.js';
+export { usePinchToZoom } from './use-pinch-to-zoom.js';
+//# sourceMappingURL=index.js.map

package/dist/components/interactive/pinch-to-zoom/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/interactive/pinch-to-zoom/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/interactive/pinch-to-zoom/pinch-to-zoom.d.ts

@@ -0,0 +1,4 @@
+import { createElement } from 'react';
+import type { PinchToZoomProps } from './types.js';
+export declare function PinchToZoom(props: PinchToZoomProps): ReturnType<typeof createElement>;
+//# sourceMappingURL=pinch-to-zoom.d.ts.map

package/dist/components/interactive/pinch-to-zoom/pinch-to-zoom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pinch-to-zoom.d.ts","sourceRoot":"","sources":["../../../../src/components/interactive/pinch-to-zoom/pinch-to-zoom.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAItC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAQrF"}

package/dist/components/interactive/pinch-to-zoom/pinch-to-zoom.js

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { View } from 'react-native';
+import { useTheme } from '../../../theme/context.js';
+import { usePinchToZoom } from './use-pinch-to-zoom.js';
+export function PinchToZoom(props) {
+    const { tokens } = useTheme();
+    const { containerStyle, accessibilityProps } = usePinchToZoom(tokens, props);
+    return createElement(View, { style: containerStyle, ...accessibilityProps });
+}
+//# sourceMappingURL=pinch-to-zoom.js.map

package/dist/components/interactive/pinch-to-zoom/pinch-to-zoom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pinch-to-zoom.js","sourceRoot":"","sources":["../../../../src/components/interactive/pinch-to-zoom/pinch-to-zoom.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxD,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC9B,MAAM,EAAE,cAAc,EAAE,kBAAkB,EAAE,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAE7E,OAAO,aAAa,CAClB,IAAI,EACJ,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,kBAAkB,EAAE,CACjD,CAAC;AACJ,CAAC"}

package/dist/components/interactive/pinch-to-zoom/types.d.ts

@@ -0,0 +1,25 @@
+import type { BoxStyleProps } from '../../types.js';
+import type { ResolvedBoxStyle } from '../../use-component-style.js';
+export interface PinchToZoomProps extends BoxStyleProps {
+    minScale?: number;
+    maxScale?: number;
+    doubleTapScale?: number;
+    accessibilityLabel?: string;
+    testID?: string;
+}
+export interface UsePinchToZoomResult {
+    containerStyle: ResolvedBoxStyle;
+    contentStyle: ResolvedBoxStyle;
+    scale: number;
+    focalPoint: {
+        x: number;
+        y: number;
+    };
+    isZoomed: boolean;
+    resetZoomStyle: ResolvedBoxStyle;
+    accessibilityProps: {
+        accessibilityLabel: string;
+        accessibilityHint: string;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/interactive/pinch-to-zoom/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/interactive/pinch-to-zoom/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAErE,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACnC,cAAc,EAAE,gBAAgB,CAAC;IACjC,YAAY,EAAE,gBAAgB,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,gBAAgB,CAAC;IACjC,kBAAkB,EAAE;QAClB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,iBAAiB,EAAE,MAAM,CAAC;KAC3B,CAAC;CACH"}

package/dist/components/interactive/pinch-to-zoom/types.js

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

package/dist/components/interactive/pinch-to-zoom/types.js.map

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

package/dist/components/interactive/pinch-to-zoom/use-pinch-to-zoom.d.ts

@@ -0,0 +1,4 @@
+import type { ThemeTokens } from '../../../theme/tokens.js';
+import type { PinchToZoomProps, UsePinchToZoomResult } from './types.js';
+export declare function usePinchToZoom(tokens: ThemeTokens, props: PinchToZoomProps): UsePinchToZoomResult;
+//# sourceMappingURL=use-pinch-to-zoom.d.ts.map

package/dist/components/interactive/pinch-to-zoom/use-pinch-to-zoom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pinch-to-zoom.d.ts","sourceRoot":"","sources":["../../../../src/components/interactive/pinch-to-zoom/use-pinch-to-zoom.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAGzE,wBAAgB,cAAc,CAC5B,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,gBAAgB,GACtB,oBAAoB,CA8CtB"}

package/dist/components/interactive/pinch-to-zoom/use-pinch-to-zoom.js

@@ -0,0 +1,38 @@
+export function usePinchToZoom(tokens, props) {
+    const { minScale = 1, maxScale = 3, accessibilityLabel = 'Zoomable content', } = props;
+    const scale = minScale;
+    const focalPoint = { x: 0, y: 0 };
+    const isZoomed = scale > 1.05;
+    const containerStyle = {
+        overflow: 'hidden',
+    };
+    const contentStyle = {
+        transform: [
+            { scale },
+            { translateX: focalPoint.x },
+            { translateY: focalPoint.y },
+        ],
+    };
+    const resetZoomStyle = {
+        position: 'absolute',
+        bottom: tokens.spacing.md,
+        right: tokens.spacing.md,
+        backgroundColor: tokens.colors.card,
+        borderRadius: tokens.radii.full,
+        padding: tokens.spacing.sm,
+    };
+    void maxScale;
+    return {
+        containerStyle,
+        contentStyle,
+        scale,
+        focalPoint,
+        isZoomed,
+        resetZoomStyle,
+        accessibilityProps: {
+            accessibilityLabel,
+            accessibilityHint: 'Pinch to zoom. Double-tap to toggle zoom.',
+        },
+    };
+}
+//# sourceMappingURL=use-pinch-to-zoom.js.map

package/dist/components/interactive/pinch-to-zoom/use-pinch-to-zoom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pinch-to-zoom.js","sourceRoot":"","sources":["../../../../src/components/interactive/pinch-to-zoom/use-pinch-to-zoom.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,cAAc,CAC5B,MAAmB,EACnB,KAAuB;IAEvB,MAAM,EACJ,QAAQ,GAAG,CAAC,EACZ,QAAQ,GAAG,CAAC,EACZ,kBAAkB,GAAG,kBAAkB,GACxC,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,QAAQ,CAAC;IACvB,MAAM,UAAU,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IAClC,MAAM,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAC;IAE9B,MAAM,cAAc,GAAqB;QACvC,QAAQ,EAAE,QAAQ;KACnB,CAAC;IAEF,MAAM,YAAY,GAAqB;QACrC,SAAS,EAAE;YACT,EAAE,KAAK,EAAE;YACT,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,EAAE;YAC5B,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,EAAE;SAC7B;KACkB,CAAC;IAEtB,MAAM,cAAc,GAAqB;QACvC,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QACzB,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QACxB,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI;QACnC,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;QAC/B,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KAC3B,CAAC;IAEF,KAAK,QAAQ,CAAC;IAEd,OAAO;QACL,cAAc;QACd,YAAY;QACZ,KAAK;QACL,UAAU;QACV,QAAQ;QACR,cAAc;QACd,kBAAkB,EAAE;YAClB,kBAAkB;YAClB,iBAAiB,EAAE,2CAA2C;SAC/D;KACF,CAAC;AACJ,CAAC"}

package/dist/components/interactive/pull-to-refresh/index.d.ts

@@ -0,0 +1,4 @@
+export { PullToRefresh } from './pull-to-refresh.js';
+export { usePullToRefresh } from './use-pull-to-refresh.js';
+export type { PullToRefreshProps, UsePullToRefreshResult } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/interactive/pull-to-refresh/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/interactive/pull-to-refresh/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,YAAY,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/interactive/pull-to-refresh/index.js

@@ -0,0 +1,3 @@
+export { PullToRefresh } from './pull-to-refresh.js';
+export { usePullToRefresh } from './use-pull-to-refresh.js';
+//# sourceMappingURL=index.js.map

package/dist/components/interactive/pull-to-refresh/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/interactive/pull-to-refresh/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/components/interactive/pull-to-refresh/pull-to-refresh.d.ts

@@ -0,0 +1,4 @@
+import { createElement } from 'react';
+import type { PullToRefreshProps } from './types.js';
+export declare function PullToRefresh(props: PullToRefreshProps): ReturnType<typeof createElement>;
+//# sourceMappingURL=pull-to-refresh.d.ts.map

package/dist/components/interactive/pull-to-refresh/pull-to-refresh.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pull-to-refresh.d.ts","sourceRoot":"","sources":["../../../../src/components/interactive/pull-to-refresh/pull-to-refresh.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAItC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAErD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAQzF"}

package/dist/components/interactive/pull-to-refresh/pull-to-refresh.js

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { View } from 'react-native';
+import { useTheme } from '../../../theme/context.js';
+import { usePullToRefresh } from './use-pull-to-refresh.js';
+export function PullToRefresh(props) {
+    const { tokens } = useTheme();
+    const { containerStyle, accessibilityProps } = usePullToRefresh(tokens, props);
+    return createElement(View, { style: containerStyle, ...accessibilityProps });
+}
+//# sourceMappingURL=pull-to-refresh.js.map

package/dist/components/interactive/pull-to-refresh/pull-to-refresh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pull-to-refresh.js","sourceRoot":"","sources":["../../../../src/components/interactive/pull-to-refresh/pull-to-refresh.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC9B,MAAM,EAAE,cAAc,EAAE,kBAAkB,EAAE,GAAG,gBAAgB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAE/E,OAAO,aAAa,CAClB,IAAI,EACJ,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,kBAAkB,EAAE,CACjD,CAAC;AACJ,CAAC"}

package/dist/components/interactive/pull-to-refresh/types.d.ts

@@ -0,0 +1,21 @@
+import type { BoxStyleProps } from '../../types.js';
+import type { ResolvedBoxStyle } from '../../use-component-style.js';
+export interface PullToRefreshProps extends BoxStyleProps {
+    refreshing: boolean;
+    onRefresh: () => void;
+    pullDistance?: number;
+    accessibilityLabel?: string;
+    testID?: string;
+}
+export interface UsePullToRefreshResult {
+    containerStyle: ResolvedBoxStyle;
+    indicatorContainerStyle: ResolvedBoxStyle;
+    pullProgress: number;
+    isRefreshing: boolean;
+    indicatorSize: number;
+    accessibilityProps: {
+        accessibilityLabel: string;
+        accessibilityLiveRegion: 'polite';
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/interactive/pull-to-refresh/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/interactive/pull-to-refresh/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAErE,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,sBAAsB;IACrC,cAAc,EAAE,gBAAgB,CAAC;IACjC,uBAAuB,EAAE,gBAAgB,CAAC;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE;QAClB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,uBAAuB,EAAE,QAAQ,CAAC;KACnC,CAAC;CACH"}

package/dist/components/interactive/pull-to-refresh/types.js

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

package/dist/components/interactive/pull-to-refresh/types.js.map

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

package/dist/components/interactive/pull-to-refresh/use-pull-to-refresh.d.ts

@@ -0,0 +1,4 @@
+import type { ThemeTokens } from '../../../theme/tokens.js';
+import type { PullToRefreshProps, UsePullToRefreshResult } from './types.js';
+export declare function usePullToRefresh(_tokens: ThemeTokens, props: PullToRefreshProps): UsePullToRefreshResult;
+//# sourceMappingURL=use-pull-to-refresh.d.ts.map

package/dist/components/interactive/pull-to-refresh/use-pull-to-refresh.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pull-to-refresh.d.ts","sourceRoot":"","sources":["../../../../src/components/interactive/pull-to-refresh/use-pull-to-refresh.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAG7E,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,kBAAkB,GACxB,sBAAsB,CAkCxB"}

package/dist/components/interactive/pull-to-refresh/use-pull-to-refresh.js

@@ -0,0 +1,28 @@
+export function usePullToRefresh(_tokens, props) {
+    const { refreshing, pullDistance = 80, accessibilityLabel = 'Pull to refresh', } = props;
+    const indicatorSize = Math.max(24, Math.min(48, pullDistance * 0.4));
+    const containerStyle = {
+        flex: 1,
+    };
+    const indicatorContainerStyle = {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: pullDistance,
+    };
+    return {
+        containerStyle,
+        indicatorContainerStyle,
+        pullProgress: 0,
+        isRefreshing: refreshing,
+        indicatorSize,
+        accessibilityProps: {
+            accessibilityLabel,
+            accessibilityLiveRegion: 'polite',
+        },
+    };
+}
+//# sourceMappingURL=use-pull-to-refresh.js.map

package/dist/components/interactive/pull-to-refresh/use-pull-to-refresh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pull-to-refresh.js","sourceRoot":"","sources":["../../../../src/components/interactive/pull-to-refresh/use-pull-to-refresh.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,gBAAgB,CAC9B,OAAoB,EACpB,KAAyB;IAEzB,MAAM,EACJ,UAAU,EACV,YAAY,GAAG,EAAE,EACjB,kBAAkB,GAAG,iBAAiB,GACvC,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,YAAY,GAAG,GAAG,CAAC,CAAC,CAAC;IAErE,MAAM,cAAc,GAAqB;QACvC,IAAI,EAAE,CAAC;KACR,CAAC;IAEF,MAAM,uBAAuB,GAAqB;QAChD,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,YAAY;KACrB,CAAC;IAEF,OAAO;QACL,cAAc;QACd,uBAAuB;QACvB,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,UAAU;QACxB,aAAa;QACb,kBAAkB,EAAE;YAClB,kBAAkB;YAClB,uBAAuB,EAAE,QAAQ;SAClC;KACF,CAAC;AACJ,CAAC"}

package/dist/components/social/comment-thread/comment-thread.d.ts

@@ -0,0 +1,3 @@
+import type { CommentThreadProps } from './types.js';
+export declare function CommentThread(props: CommentThreadProps): import("react").DetailedReactHTMLElement<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+//# sourceMappingURL=comment-thread.d.ts.map

package/dist/components/social/comment-thread/comment-thread.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"comment-thread.d.ts","sourceRoot":"","sources":["../../../../src/components/social/comment-thread/comment-thread.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAW,MAAM,YAAY,CAAC;AAsK9D,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qHAkCtD"}

package/dist/components/social/comment-thread/comment-thread.js

@@ -0,0 +1,88 @@
+import { createElement } from 'react';
+import { View, Text, Image, Pressable, ScrollView } from 'react-native';
+import { useTheme } from '../../../theme/context.js';
+import { useCommentThread } from './use-comment-thread.js';
+function CommentItem({ comment, depth, hookResult, tokens, onReply, onLike, onAuthorPress, }) {
+    const { commentStyle, getIndentStyle, threadLineStyle, avatarContainerStyle, avatarSize, authorStyle, textStyle, timestampStyle, likeButtonStyle, likeCountStyle, replyButtonStyle, replyButtonTextStyle, maxDepth, showAvatars, showThreadLines, } = hookResult;
+    const indentStyle = getIndentStyle(depth);
+    const liked = comment.liked ?? false;
+    const likes = comment.likes ?? 0;
+    const hasReplies = comment.replies && comment.replies.length > 0;
+    const initialsText = comment.author
+        .trim()
+        .split(/\s+/)
+        .map((p) => p[0])
+        .slice(0, 2)
+        .join('')
+        .toUpperCase();
+    return createElement(View, { key: comment.id }, createElement(View, { style: { ...commentStyle, ...indentStyle } }, showAvatars
+        ? createElement(View, { style: avatarContainerStyle }, comment.avatar
+            ? createElement(Image, {
+                source: { uri: comment.avatar },
+                style: {
+                    width: avatarSize,
+                    height: avatarSize,
+                    borderRadius: tokens.radii.full,
+                },
+            })
+            : createElement(View, {
+                style: {
+                    width: avatarSize,
+                    height: avatarSize,
+                    borderRadius: tokens.radii.full,
+                    backgroundColor: tokens.colors.muted,
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                },
+            }, createElement(Text, {
+                style: {
+                    fontSize: tokens.typography.sizes.xs,
+                    color: tokens.colors.foreground,
+                    fontWeight: tokens.typography.weights.semibold,
+                },
+            }, initialsText)), showThreadLines && hasReplies
+            ? createElement(View, { style: threadLineStyle })
+            : null)
+        : null, createElement(View, { style: { flex: 1 } }, createElement(View, { style: { flexDirection: 'row', alignItems: 'center' } }, createElement(Pressable, { onPress: () => onAuthorPress?.(comment.author) }, createElement(Text, { style: authorStyle }, comment.author)), createElement(Text, { style: timestampStyle }, comment.timestamp)), createElement(Text, { style: textStyle }, comment.text), createElement(View, { style: { flexDirection: 'row', marginTop: tokens.spacing.xs } }, createElement(Pressable, {
+        style: likeButtonStyle,
+        onPress: () => onLike?.(comment.id, !liked),
+    }, createElement(Text, {
+        style: {
+            fontSize: tokens.typography.sizes.xs,
+            color: liked ? tokens.colors.primary : tokens.colors.mutedForeground,
+        },
+    }, liked ? '♥' : '♡'), likes > 0
+        ? createElement(Text, { style: likeCountStyle }, String(likes))
+        : null), createElement(Pressable, {
+        style: replyButtonStyle,
+        onPress: () => onReply?.(comment.id),
+    }, createElement(Text, { style: replyButtonTextStyle }, 'Reply'))))), ...(comment.replies && depth < maxDepth
+        ? comment.replies.map((reply) => createElement(CommentItem, {
+            key: reply.id,
+            comment: reply,
+            depth: depth + 1,
+            hookResult,
+            tokens,
+            onReply,
+            onLike,
+            onAuthorPress,
+        }))
+        : []));
+}
+export function CommentThread(props) {
+    const { tokens } = useTheme();
+    const { comments, onReply, onLike, onAuthorPress, bg: _bg, p: _p, px: _px, py: _py, pt: _pt, pb: _pb, pl: _pl, pr: _pr, m: _m, mx: _mx, my: _my, mt: _mt, mb: _mb, ml: _ml, mr: _mr, rounded: _r, shadow: _sh, flex: _f, row: _row, center: _cen, w: _w, h: _h, borderWidth: _bw, borderColor: _bc, opacity: _op, overflow: _ov, position: _pos, top: _top, bottom: _bot, left: _left, right: _right, zIndex: _zi, ...rest } = props;
+    const hookResult = useCommentThread(tokens, props);
+    const { containerStyle, accessibilityProps } = hookResult;
+    return createElement(ScrollView, { style: containerStyle, ...accessibilityProps, ...rest }, ...comments.map((comment) => createElement(CommentItem, {
+        key: comment.id,
+        comment,
+        depth: 0,
+        hookResult,
+        tokens,
+        onReply,
+        onLike,
+        onAuthorPress,
+    })));
+}
+//# sourceMappingURL=comment-thread.js.map