@app-studio/components 0.10.17

package/dist/native/components/Gradient/Gradient/Gradient.view.native.js

@@ -0,0 +1,109 @@
+/**
+ * GradientView (React Native) – uses `react-native-linear-gradient` for real
+ * linear-gradient rendering on native. Radial and conic types are
+ * approximated by a linear gradient (RN has no first-class radial/conic
+ * primitive without extra libs).
+ *
+ * `react-native-linear-gradient` is declared as an optional peer dep — if it
+ * is not present at runtime, we fall back to the first color stop as a flat
+ * backgroundColor.
+ */
+import React, { useMemo } from 'react';
+import { View, useTheme } from 'app-studio';
+import { DefaultColorStops, DefaultGradientStyles, } from './Gradient.style';
+// Optional dep — require lazily so consumers without the lib still get a flat
+// color instead of a crash.
+let LinearGradient = null;
+try {
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    LinearGradient = require('react-native-linear-gradient').default;
+}
+catch {
+    LinearGradient = null;
+}
+// Map a CSS-style direction keyword to the {start, end} points used by
+// react-native-linear-gradient (each coord 0..1, origin top-left).
+const directionToPoints = (direction) => {
+    switch (direction) {
+        case 'to-right':
+            return { start: { x: 0, y: 0.5 }, end: { x: 1, y: 0.5 } };
+        case 'to-left':
+            return { start: { x: 1, y: 0.5 }, end: { x: 0, y: 0.5 } };
+        case 'to-bottom':
+            return { start: { x: 0.5, y: 0 }, end: { x: 0.5, y: 1 } };
+        case 'to-top':
+            return { start: { x: 0.5, y: 1 }, end: { x: 0.5, y: 0 } };
+        case 'to-top-right':
+            return { start: { x: 0, y: 1 }, end: { x: 1, y: 0 } };
+        case 'to-top-left':
+            return { start: { x: 1, y: 1 }, end: { x: 0, y: 0 } };
+        case 'to-bottom-right':
+            return { start: { x: 0, y: 0 }, end: { x: 1, y: 1 } };
+        case 'to-bottom-left':
+            return { start: { x: 1, y: 0 }, end: { x: 0, y: 1 } };
+        default:
+            return { start: { x: 0, y: 0.5 }, end: { x: 1, y: 0.5 } };
+    }
+};
+// Parse a position string (e.g. "50%", "0.5") into the 0..1 range used by
+// react-native-linear-gradient's `locations` prop.
+const parsePosition = (pos, fallback) => {
+    if (pos == null)
+        return fallback;
+    if (typeof pos === 'number')
+        return pos > 1 ? pos / 100 : pos;
+    const trimmed = pos.trim();
+    if (trimmed.endsWith('%'))
+        return parseFloat(trimmed) / 100;
+    const n = parseFloat(trimmed);
+    return Number.isFinite(n) ? (n > 1 ? n / 100 : n) : fallback;
+};
+export const GradientView = ({ type = 'linear', direction = 'to-right', from, to, colors, children, views, themeMode: elementMode, 
+// not honoured on native:
+shape: _shape, position: _position, animate: _animate, animationDuration: _animationDuration, ...props }) => {
+    const { getColor, themeMode } = useTheme();
+    const mode = elementMode ?? themeMode;
+    const colorStops = useMemo(() => {
+        if (colors && colors.length > 0)
+            return colors;
+        if (from && to) {
+            return [
+                { color: from, position: '0%' },
+                { color: to, position: '100%' },
+            ];
+        }
+        return DefaultColorStops[type];
+    }, [colors, from, to, type]);
+    const resolvedColors = useMemo(() => colorStops.map((s) => getColor(s.color, { themeMode: mode })), [colorStops, getColor, mode]);
+    const locations = useMemo(() => {
+        const n = colorStops.length;
+        if (n <= 1)
+            return undefined;
+        const parsed = colorStops.map((s, i) => parsePosition(s.position, i / (n - 1)));
+        // Ensure monotonic non-decreasing
+        for (let i = 1; i < parsed.length; i++) {
+            if (parsed[i] < parsed[i - 1])
+                parsed[i] = parsed[i - 1];
+        }
+        return parsed;
+    }, [colorStops]);
+    const points = directionToPoints(direction);
+    // No LinearGradient peer present → flat color fallback.
+    if (!LinearGradient || type === 'conic') {
+        return (<View backgroundColor={resolvedColors[0] ?? 'transparent'} {...DefaultGradientStyles.container} {...views?.container} {...props}>
+        {children && (<View {...DefaultGradientStyles.content} {...views?.content}>
+            {children}
+          </View>)}
+      </View>);
+    }
+    return (<LinearGradient colors={resolvedColors} locations={locations} start={points.start} end={points.end} style={[
+            DefaultGradientStyles.container,
+            views?.container,
+            props,
+        ]}>
+      {children && (<View {...DefaultGradientStyles.content} {...views?.content}>
+          {children}
+        </View>)}
+    </LinearGradient>);
+};
+//# sourceMappingURL=Gradient.view.native.js.map

package/dist/native/components/Gradient/Gradient/Gradient.view.native.js.map

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

package/dist/native/components/Gradient/Gradient.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { GradientProps } from './Gradient/Gradient.props';
+export declare const Gradient: React.FC<GradientProps>;

package/dist/native/components/Gradient/Gradient.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { GradientView } from './Gradient/Gradient.view';
+// This file defines the main `Gradient` functional component, which serves as a wrapper to pass its properties directly to the `GradientView` component for rendering the gradient UI.
+export const Gradient = (props) => {
+    return <GradientView {...props}/>;
+};
+//# sourceMappingURL=Gradient.js.map

package/dist/native/components/Gradient/Gradient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gradient.js","sourceRoot":"","sources":["../../../../src/components/Gradient/Gradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,uLAAuL;AACvL,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,KAAK,EAAE,EAAE;IACzD,OAAO,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACrC,CAAC,CAAC"}

package/dist/native/components/Gradient/index.d.ts

@@ -0,0 +1 @@
+export * from './Gradient';

package/dist/native/components/Gradient/index.js

@@ -0,0 +1,3 @@
+// This file serves as the public API for the Gradient component, re-exporting its main module to simplify imports.
+export * from './Gradient';
+//# sourceMappingURL=index.js.map

package/dist/native/components/Gradient/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Gradient/index.ts"],"names":[],"mappings":"AAAA,mHAAmH;AACnH,cAAc,YAAY,CAAC"}

package/dist/native/components/HoverCard/HoverCard/HoverCard.props.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { ViewProps } from 'app-studio';
+export interface HoverCardProps {
+    children?: React.ReactNode;
+    views?: {
+        container?: ViewProps;
+        content?: ViewProps;
+    };
+    openDelay?: number;
+    closeDelay?: number;
+}
+export interface HoverCardTriggerProps {
+    children: React.ReactNode;
+    views?: {
+        container?: ViewProps;
+    };
+    asChild?: boolean;
+    [key: string]: any;
+}
+export interface HoverCardContentProps {
+    children: React.ReactNode;
+    views?: {
+        container?: ViewProps;
+    };
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    align?: 'start' | 'center' | 'end';
+    sideOffset?: number;
+    [key: string]: any;
+}
+export interface HoverCardType extends React.FC<HoverCardProps> {
+    Trigger: React.FC<HoverCardTriggerProps>;
+    Content: React.FC<HoverCardContentProps>;
+}

package/dist/native/components/HoverCard/HoverCard/HoverCard.props.js

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

package/dist/native/components/HoverCard/HoverCard/HoverCard.props.js.map

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

package/dist/native/components/HoverCard/HoverCard/HoverCard.state.d.ts

@@ -0,0 +1,11 @@
+import { HoverCardProps } from './HoverCard.props';
+export declare const useHoverCardState: ({ openDelay, closeDelay, }?: Pick<HoverCardProps, "openDelay" | "closeDelay">) => {
+    isOpen: boolean;
+    openCard: () => void;
+    closeCard: () => void;
+    cancelCloseTimer: () => void;
+    triggerRef: import("react").RefObject<HTMLDivElement | null>;
+    contentRef: import("react").RefObject<HTMLDivElement | null>;
+    contentId: string;
+    triggerId: string;
+};

package/dist/native/components/HoverCard/HoverCard/HoverCard.state.js

@@ -0,0 +1,58 @@
+import { useState, useRef, useCallback, useMemo, useEffect } from 'react';
+const generateId = (prefix) => `${prefix}-${Math.random().toString(36).substring(2, 9)}`;
+// This file encapsulates the entire state management logic for the HoverCard component, including its open/close state, delay timers, and DOM references, exposed via the `useHoverCardState` hook.
+export const useHoverCardState = ({ openDelay = 200, closeDelay = 300, } = {}) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const openTimerRef = useRef(null);
+    const closeTimerRef = useRef(null);
+    const triggerRef = useRef(null);
+    const contentRef = useRef(null);
+    const contentId = useMemo(() => generateId('hovercard-content'), []);
+    const triggerId = useMemo(() => generateId('hovercard-trigger'), []);
+    const clearTimers = useCallback(() => {
+        if (openTimerRef.current) {
+            clearTimeout(openTimerRef.current);
+            openTimerRef.current = null;
+        }
+        if (closeTimerRef.current) {
+            clearTimeout(closeTimerRef.current);
+            closeTimerRef.current = null;
+        }
+    }, []);
+    const openCard = useCallback(() => {
+        clearTimers();
+        if (!isOpen) {
+            openTimerRef.current = setTimeout(() => {
+                setIsOpen(true);
+            }, openDelay);
+        }
+    }, [isOpen, openDelay, clearTimers]);
+    const closeCard = useCallback(() => {
+        clearTimers();
+        if (isOpen) {
+            closeTimerRef.current = setTimeout(() => {
+                setIsOpen(false);
+            }, closeDelay);
+        }
+    }, [isOpen, closeDelay, clearTimers]);
+    const cancelCloseTimer = useCallback(() => {
+        if (closeTimerRef.current) {
+            clearTimeout(closeTimerRef.current);
+            closeTimerRef.current = null;
+        }
+    }, []);
+    useEffect(() => {
+        return () => clearTimers();
+    }, [clearTimers]);
+    return {
+        isOpen,
+        openCard,
+        closeCard,
+        cancelCloseTimer,
+        triggerRef,
+        contentRef,
+        contentId,
+        triggerId,
+    };
+};
+//# sourceMappingURL=HoverCard.state.js.map

package/dist/native/components/HoverCard/HoverCard/HoverCard.state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.state.js","sourceRoot":"","sources":["../../../../../src/components/HoverCard/HoverCard/HoverCard.state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1E,MAAM,UAAU,GAAG,CAAC,MAAc,EAAE,EAAE,CACpC,GAAG,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AAC5D,oMAAoM;AACpM,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,SAAS,GAAG,GAAG,EACf,UAAU,GAAG,GAAG,MACoC,EAAE,EAAE,EAAE;IAC1D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACzD,MAAM,aAAa,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC1D,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,EAAE,EAAE,CAAC,CAAC;IACrE,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,EAAE,EAAE,CAAC,CAAC;IACrE,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACzB,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YACnC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;QAC9B,CAAC;QACD,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;YAC1B,YAAY,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACpC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,WAAW,EAAE,CAAC;QACd,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,YAAY,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACrC,SAAS,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC,EAAE,SAAS,CAAC,CAAC;QAChB,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;IACrC,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,WAAW,EAAE,CAAC;QACd,IAAI,MAAM,EAAE,CAAC;YACX,aAAa,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACtC,SAAS,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC,EAAE,UAAU,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IACtC,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;YAC1B,YAAY,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACpC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC;IAC7B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAClB,OAAO;QACL,MAAM;QACN,QAAQ;QACR,SAAS;QACT,gBAAgB;QAChB,UAAU;QACV,UAAU;QACV,SAAS;QACT,SAAS;KACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/native/components/HoverCard/HoverCard/HoverCard.style.d.ts

@@ -0,0 +1,5 @@
+import { ViewProps } from 'app-studio';
+import { CSSProperties } from 'react';
+import { Alignment, Side } from './HoverCard.type';
+export declare const ContentPositions: Record<Side, (align: Alignment, sideOffset?: number) => ViewProps>;
+export declare const getContentPositionStyles: (triggerRect: DOMRect | null, side?: Side, align?: Alignment, sideOffset?: number) => CSSProperties;

package/dist/native/components/HoverCard/HoverCard/HoverCard.style.js

@@ -0,0 +1,126 @@
+// This object stores functions that define the default positioning styles for the HoverCard content relative to its trigger, for each possible side.
+export const ContentPositions = {
+    // Calculates the CSS styles to position the HoverCard content above the trigger, adjusting for horizontal alignment and a vertical offset.
+    top: (align, sideOffset = 8) => ({
+        position: 'absolute',
+        bottom: '100%',
+        marginBottom: `${sideOffset}px`,
+        ...(align === 'start' && { left: 0 }),
+        ...(align === 'center' && { left: '50%', transform: 'translateX(-50%)' }),
+        ...(align === 'end' && { right: 0 }),
+    }),
+    // Calculates the CSS styles to position the HoverCard content to the right of the trigger, adjusting for vertical alignment and a horizontal offset.
+    right: (align, sideOffset = 8) => ({
+        position: 'absolute',
+        left: '100%',
+        marginLeft: `${sideOffset}px`,
+        ...(align === 'start' && { top: 0 }),
+        ...(align === 'center' && { top: '50%', transform: 'translateY(-50%)' }),
+        ...(align === 'end' && { bottom: 0 }),
+    }),
+    // Calculates the CSS styles to position the HoverCard content below the trigger, adjusting for horizontal alignment and a vertical offset.
+    bottom: (align, sideOffset = 8) => ({
+        position: 'absolute',
+        top: '100%',
+        marginTop: `${sideOffset}px`,
+        ...(align === 'start' && { left: 0 }),
+        ...(align === 'center' && { left: '50%', transform: 'translateX(-50%)' }),
+        ...(align === 'end' && { right: 0 }),
+    }),
+    // Calculates the CSS styles to position the HoverCard content to the left of the trigger, adjusting for vertical alignment and a horizontal offset.
+    left: (align, sideOffset = 8) => ({
+        position: 'absolute',
+        right: '100%',
+        marginRight: `${sideOffset}px`,
+        ...(align === 'start' && { top: 0 }),
+        ...(align === 'center' && { top: '50%', transform: 'translateY(-50%)' }),
+        ...(align === 'end' && { bottom: 0 }),
+    }),
+};
+// This function dynamically calculates and returns the CSS styles required to position the HoverCard content, considering the trigger's position, preferred side, alignment, and offset.
+export const getContentPositionStyles = (
+// Parameter: `triggerRect` - The bounding rectangle of the trigger element, used to determine the content's position relative to the trigger.
+triggerRect, 
+// Parameter: `side` - Specifies the desired side ('top', 'right', 'bottom', 'left') where the HoverCard content should appear relative to the trigger.
+side = 'bottom', 
+// Parameter: `align` - Determines the alignment ('start', 'center', 'end') of the HoverCard content along the specified side.
+align = 'center', 
+// Parameter: `sideOffset` - The distance in pixels between the trigger element and the HoverCard content.
+sideOffset = 8) => {
+    // Checks if the trigger's bounding rectangle is available. If not, the content cannot be positioned correctly.
+    if (!triggerRect) {
+        // Returns a hidden, non-interactive style object if `triggerRect` is missing, preventing the HoverCard from displaying improperly.
+        return { position: 'absolute', opacity: 0, pointerEvents: 'none' };
+    }
+    // Initializes an object to accumulate the CSS styles that will be applied to the HoverCard content.
+    const styles = {
+        position: 'absolute',
+        zIndex: 1000,
+    };
+    // Uses a switch statement to apply specific positioning logic based on the chosen side ('top', 'right', 'bottom', 'left').
+    switch (side) {
+        // Applies CSS rules to position the content above the trigger, adjusting its horizontal alignment and vertical margin.
+        case 'top':
+            styles.bottom = '100%';
+            styles.marginBottom = sideOffset;
+            if (align === 'start') {
+                styles.left = 0;
+            }
+            else if (align === 'center') {
+                styles.left = '50%';
+                styles.transform = 'translateX(-50%)';
+            }
+            else if (align === 'end') {
+                styles.right = 0;
+            }
+            break;
+        // Applies CSS rules to position the content to the right of the trigger, adjusting its vertical alignment and horizontal margin.
+        case 'right':
+            styles.left = '100%';
+            styles.marginLeft = sideOffset;
+            if (align === 'start') {
+                styles.top = 0;
+            }
+            else if (align === 'center') {
+                styles.top = '50%';
+                styles.transform = 'translateY(-50%)';
+            }
+            else if (align === 'end') {
+                styles.bottom = 0;
+            }
+            break;
+        // Applies CSS rules to position the content below the trigger, adjusting its horizontal alignment and vertical margin.
+        case 'bottom':
+            styles.top = '100%';
+            styles.marginTop = sideOffset;
+            if (align === 'start') {
+                styles.left = 0;
+            }
+            else if (align === 'center') {
+                styles.left = '50%';
+                styles.transform = 'translateX(-50%)';
+            }
+            else if (align === 'end') {
+                styles.right = 0;
+            }
+            break;
+        // Applies CSS rules to position the content to the left of the trigger, adjusting its vertical alignment and horizontal margin.
+        case 'left':
+            styles.right = '100%';
+            styles.marginRight = sideOffset;
+            if (align === 'start') {
+                styles.top = 0;
+            }
+            else if (align === 'center') {
+                styles.top = '50%';
+                styles.transform = 'translateY(-50%)';
+            }
+            else if (align === 'end') {
+                styles.bottom = 0;
+            }
+            break;
+    }
+    // Returns the complete set of calculated CSS styles for the HoverCard content.
+    return styles;
+};
+//# sourceMappingURL=HoverCard.style.js.map

package/dist/native/components/HoverCard/HoverCard/HoverCard.style.js.map

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

package/dist/native/components/HoverCard/HoverCard/HoverCard.type.d.ts

@@ -0,0 +1,12 @@
+export type Side = 'top' | 'right' | 'bottom' | 'left';
+export type Alignment = 'start' | 'center' | 'end';
+export interface HoverCardContextType {
+    isOpen: boolean;
+    openCard: () => void;
+    closeCard: () => void;
+    cancelCloseTimer: () => void;
+    triggerRef: React.RefObject<HTMLDivElement | null>;
+    contentRef: React.RefObject<HTMLDivElement | null>;
+    contentId: string;
+    triggerId: string;
+}

package/dist/native/components/HoverCard/HoverCard/HoverCard.type.js

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

package/dist/native/components/HoverCard/HoverCard/HoverCard.type.js.map

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

package/dist/native/components/HoverCard/HoverCard/HoverCard.view.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { HoverCardContextType } from './HoverCard.type';
+import { HoverCardContentProps, HoverCardTriggerProps } from './HoverCard.props';
+export declare const HoverCardProvider: React.FC<{
+    children: React.ReactNode;
+    value: HoverCardContextType;
+}>;
+export declare const useHoverCardContext: () => HoverCardContextType;
+export declare const HoverCardTrigger: React.FC<HoverCardTriggerProps>;
+export declare const HoverCardContent: React.FC<HoverCardContentProps>;

package/dist/native/components/HoverCard/HoverCard/HoverCard.view.js

@@ -0,0 +1,145 @@
+import React, { createContext, useContext, Children, cloneElement, isValidElement, useEffect, } from 'react';
+import { View, useElementPosition } from 'app-studio';
+// Initializes the React context for the HoverCard component, providing default values for its state and functions. This context will be used to manage the HoverCard's open/close state, references, and unique IDs.
+const HoverCardContext = createContext({
+    isOpen: false,
+    openCard: () => { },
+    closeCard: () => { },
+    cancelCloseTimer: () => { },
+    triggerRef: { current: null },
+    contentRef: { current: null },
+    contentId: '',
+    triggerId: '',
+});
+// Defines the HoverCardProvider component, which makes the HoverCard context available to all its child components. It receives children to render and a 'value' prop containing the context's current state and functions.
+export const HoverCardProvider = ({ children, value }) => {
+    return (<HoverCardContext.Provider value={value}>
+      {children}
+    </HoverCardContext.Provider>);
+};
+export const useHoverCardContext = () => {
+    const context = useContext(HoverCardContext);
+    if (!context) {
+        throw new Error('useHoverCardContext must be used within a HoverCardProvider');
+    }
+    return context;
+};
+export const HoverCardTrigger = ({ children, views, asChild = false, ...props }) => {
+    const { openCard, closeCard, triggerRef, contentId, triggerId } = useHoverCardContext();
+    const handleMouseEnter = () => openCard();
+    const handleMouseLeave = () => closeCard();
+    const handleFocus = () => openCard();
+    const handleBlur = () => closeCard();
+    const triggerProps = {
+        ref: triggerRef,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        id: triggerId,
+        'aria-describedby': contentId,
+        ...views?.container,
+        ...props,
+    };
+    if (asChild && isValidElement(children)) {
+        const child = Children.only(children);
+        return cloneElement(child, { ...triggerProps, ...child.props });
+    }
+    return (<View position="relative" display="inline-block" {...triggerProps}>
+      {children}
+    </View>);
+};
+export const HoverCardContent = ({ children, views, side = 'bottom', align = 'center', sideOffset = 8, style: userStyle, backgroundColor = 'white', borderRadius = '4px', boxShadow = '0px 2px 8px rgba(0, 0, 0, 0.15)', padding = '12px', minWidth = '50px', maxWidth = '300px', ...props }) => {
+    const { isOpen, cancelCloseTimer, closeCard, contentRef, triggerRef, contentId, triggerId, } = useHoverCardContext();
+    const { ref: positionRef, relation } = useElementPosition({
+        trackChanges: true,
+        trackOnHover: true,
+        trackOnScroll: true,
+        trackOnResize: true,
+    });
+    useEffect(() => {
+        if (triggerRef?.current && positionRef?.current !== triggerRef.current) {
+            if (positionRef) {
+                positionRef.current = triggerRef.current;
+            }
+        }
+    }, [triggerRef, positionRef, isOpen]);
+    const handleMouseEnter = () => cancelCloseTimer();
+    const handleMouseLeave = () => closeCard();
+    if (!isOpen) {
+        return null;
+    }
+    const getPositionStyles = () => {
+        if (!relation || !triggerRef?.current) {
+            return {
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                zIndex: 1000,
+            };
+        }
+        const triggerRect = triggerRef.current.getBoundingClientRect();
+        let placement = side;
+        if (side === 'bottom' && relation.space.vertical === 'top') {
+            placement = 'top';
+        }
+        else if (side === 'top' && relation.space.vertical === 'bottom') {
+            placement = 'bottom';
+        }
+        else if (side === 'right' && relation.space.horizontal === 'left') {
+            placement = 'left';
+        }
+        else if (side === 'left' && relation.space.horizontal === 'right') {
+            placement = 'right';
+        }
+        let x = 0;
+        let y = 0;
+        switch (placement) {
+            case 'bottom':
+                x = triggerRect.left + triggerRect.width / 2;
+                y = triggerRect.bottom + sideOffset;
+                break;
+            case 'top':
+                x = triggerRect.left + triggerRect.width / 2;
+                y = triggerRect.top - sideOffset;
+                break;
+            case 'right':
+                x = triggerRect.right + sideOffset;
+                y = triggerRect.top + triggerRect.height / 2;
+                break;
+            case 'left':
+                x = triggerRect.left - sideOffset;
+                y = triggerRect.top + triggerRect.height / 2;
+                break;
+        }
+        return {
+            position: 'fixed',
+            left: x,
+            top: y,
+            zIndex: 1000,
+            transform: getTransformOrigin(placement),
+        };
+    };
+    const getTransformOrigin = (placement) => {
+        switch (placement) {
+            case 'bottom':
+                return 'translate(-50%, 0)';
+            case 'top':
+                return 'translate(-50%, -100%)';
+            case 'right':
+                return 'translate(0, -50%)';
+            case 'left':
+                return 'translate(-100%, -50%)';
+            default:
+                return 'translate(-50%, 0)';
+        }
+    };
+    const positionStyles = getPositionStyles();
+    return (<View ref={contentRef} id={contentId} role="tooltip" aria-labelledby={triggerId} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave} backgroundColor={backgroundColor} borderRadius={borderRadius} boxShadow={boxShadow} padding={padding} minWidth={minWidth} maxWidth={maxWidth} style={{
+            ...positionStyles,
+            ...userStyle,
+        }} {...views?.container} {...props}>
+      {children}
+    </View>);
+};
+//# sourceMappingURL=HoverCard.view.js.map

package/dist/native/components/HoverCard/HoverCard/HoverCard.view.js.map

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

package/dist/native/components/HoverCard/HoverCard/HoverCard.view.native.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { HoverCardContextType } from './HoverCard.type';
+import { HoverCardContentProps, HoverCardTriggerProps } from './HoverCard.props';
+export declare const HoverCardProvider: React.FC<{
+    children: React.ReactNode;
+    value: HoverCardContextType;
+}>;
+export declare const useHoverCardContext: () => HoverCardContextType;
+export declare const HoverCardTrigger: React.FC<HoverCardTriggerProps>;
+export declare const HoverCardContent: React.FC<HoverCardContentProps>;