@app-studio/components 0.10.17

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { Link as ReactRouterLink } from 'react-router-dom';
+import { Horizontal } from 'app-studio';
+import { ExternalLinkIcon } from '../../Icon/Icon';
+import { IconSizes } from './Link.style';
+const LinkView = React.forwardRef(({ children, to = '/', iconSize = 'sm', underline = 'default', isHovered = false, isExternal = false, views = { icon: {}, text: {} }, setIsHovered = () => { }, ...props }, ref) => {
+    // Function to handle mouse enter/leave events to toggle hover state.
+    const handleMouseEnter = () => {
+        if (underline === 'hover')
+            setIsHovered(true);
+    };
+    const handleMouseLeave = () => {
+        if (underline === 'hover')
+            setIsHovered(false);
+    };
+    // Determine text decoration based on underline prop and hover state
+    const getTextDecoration = () => {
+        if (underline === 'underline')
+            return 'underline';
+        if (underline === 'hover' && isHovered)
+            return 'underline';
+        return 'none';
+    };
+    return (<ReactRouterLink ref={ref} to={to} target={isExternal ? '_blank' : '_self'} style={{ textDecoration: 'inherit', color: 'inherit' }}>
+        <Horizontal onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave} gap={3} alignItems="center" flexWrap="nowrap" textDecoration={getTextDecoration()} {...views.text} {...props}>
+          {children}
+          {isExternal && <ExternalLinkIcon widthHeight={IconSizes[iconSize]}/>}
+        </Horizontal>
+      </ReactRouterLink>);
+});
+LinkView.displayName = 'LinkView';
+export default LinkView;
+//# sourceMappingURL=Link.view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.view.js","sourceRoot":"","sources":["../../../../../src/components/Link/Link/Link.view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CACE,EACE,QAAQ,EACR,EAAE,GAAG,GAAG,EACR,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,SAAS,EACrB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,KAAK,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAC9B,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,qEAAqE;IACrE,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,SAAS,KAAK,OAAO;YAAE,YAAY,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,SAAS,KAAK,OAAO;YAAE,YAAY,CAAC,KAAK,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,oEAAoE;IACpE,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,IAAI,SAAS,KAAK,WAAW;YAAE,OAAO,WAAW,CAAC;QAClD,IAAI,SAAS,KAAK,OAAO,IAAI,SAAS;YAAE,OAAO,WAAW,CAAC;QAC3D,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,eAAe,CACd,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,EAAE,CAAC,CAAC,EAAE,CAAC,CACP,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CACxC,KAAK,CAAC,CAAC,EAAE,cAAc,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAEvD;QAAA,CAAC,UAAU,CACT,YAAY,CAAC,CAAC,gBAAgB,CAAC,CAC/B,YAAY,CAAC,CAAC,gBAAgB,CAAC,CAC/B,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,UAAU,CAAC,QAAQ,CACnB,QAAQ,CAAC,QAAQ,CACjB,cAAc,CAAC,CAAC,iBAAiB,EAAE,CAAC,CACpC,IAAI,KAAK,CAAC,IAAI,CAAC,CACf,IAAI,KAAK,CAAC,CAEV;UAAA,CAAC,QAAQ,CACT;UAAA,CAAC,UAAU,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAG,CACvE;QAAA,EAAE,UAAU,CACd;MAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,11 @@
+/**
+ * LinkView (React Native) – uses RN's Linking for external URLs.
+ * - For external links: pressing opens the URL via Linking.openURL.
+ * - For internal links: calls `onPress` (the host app wires it to its
+ *   navigation library – react-navigation, expo-router, etc.).
+ * - Falls back to underlined-by-default since hover does not apply on RN.
+ */
+import React from 'react';
+import { LinkViewProps } from './Link.props';
+declare const LinkView: React.ForwardRefExoticComponent<LinkViewProps & React.RefAttributes<any>>;
+export default LinkView;

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

@@ -0,0 +1,33 @@
+/**
+ * LinkView (React Native) – uses RN's Linking for external URLs.
+ * - For external links: pressing opens the URL via Linking.openURL.
+ * - For internal links: calls `onPress` (the host app wires it to its
+ *   navigation library – react-navigation, expo-router, etc.).
+ * - Falls back to underlined-by-default since hover does not apply on RN.
+ */
+import React from 'react';
+import { Linking } from 'react-native';
+import { Horizontal } from 'app-studio';
+import { ExternalLinkIcon } from '../../Icon/Icon';
+import { IconSizes } from './Link.style';
+const LinkView = React.forwardRef(({ children, to = '/', iconSize = 'sm', underline = 'default', isExternal = false, views = { icon: {}, text: {} }, onPress, ...props }, ref) => {
+    const textDecoration = underline === 'underline' || underline === 'hover'
+        ? 'underline'
+        : 'none';
+    const handlePress = (e) => {
+        if (isExternal && typeof to === 'string') {
+            Linking.openURL(to).catch(() => {
+                /* swallow – host may want to handle this */
+            });
+            return;
+        }
+        onPress?.(e);
+    };
+    return (<Horizontal ref={ref} onPress={handlePress} gap={3} alignItems="center" flexWrap="nowrap" textDecorationLine={textDecoration} {...views.text} {...props}>
+        {children}
+        {isExternal && <ExternalLinkIcon widthHeight={IconSizes[iconSize]}/>}
+      </Horizontal>);
+});
+LinkView.displayName = 'LinkView';
+export default LinkView;
+//# sourceMappingURL=Link.view.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.view.native.js","sourceRoot":"","sources":["../../../../../src/components/Link/Link/Link.view.native.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CACE,EACE,QAAQ,EACR,EAAE,GAAG,GAAG,EACR,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,SAAS,EACrB,UAAU,GAAG,KAAK,EAClB,KAAK,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAC9B,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,cAAc,GAClB,SAAS,KAAK,WAAW,IAAI,SAAS,KAAK,OAAO;QAChD,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,MAAM,CAAC;IAEb,MAAM,WAAW,GAAG,CAAC,CAAO,EAAE,EAAE;QAC9B,IAAI,UAAU,IAAI,OAAO,EAAE,KAAK,QAAQ,EAAE,CAAC;YACzC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE;gBAC7B,4CAA4C;YAC9C,CAAC,CAAC,CAAC;YACH,OAAO;QACT,CAAC;QACD,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,UAAU,CACT,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,UAAU,CAAC,QAAQ,CACnB,QAAQ,CAAC,QAAQ,CACjB,kBAAkB,CAAC,CAAC,cAAc,CAAC,CACnC,IAAI,KAAK,CAAC,IAAI,CAAC,CACf,IAAI,KAAK,CAAC,CAEV;QAAA,CAAC,QAAQ,CACT;QAAA,CAAC,UAAU,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAG,CACvE;MAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { LinkProps } from './Link/Link.props';
+export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/native/components/Link/Link.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { useLinkState } from './Link/Link.state';
+import LinkView from './Link/Link.view';
+const LinkComponent = React.forwardRef((props, ref) => {
+    const linkStates = useLinkState();
+    return <LinkView ref={ref} {...linkStates} {...props}/>;
+});
+LinkComponent.displayName = 'Link';
+export const Link = LinkComponent;
+//# sourceMappingURL=Link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACpC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,UAAU,GAAG,YAAY,EAAE,CAAC;IAClC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC3D,CAAC,CACF,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,MAAM,CAAC;AACnC,MAAM,CAAC,MAAM,IAAI,GAAG,aAAa,CAAC"}

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import { LoaderType, Size, Speed, TextPosition } from './Loader.type';
+import { ViewProps } from 'app-studio';
+export interface LoaderProps extends Omit<ViewProps, 'size'> {
+    children?: React.ReactNode;
+    loaderColor?: string;
+    type?: LoaderType;
+    textColor?: string;
+    textPosition?: TextPosition;
+    size?: number | Size;
+    speed?: Speed;
+}
+export interface DefaultSpinnerProps extends Omit<ViewProps, 'size'> {
+    size?: number | Size;
+    speed?: Speed;
+    color?: string;
+}
+export interface DottedProps extends Omit<ViewProps, 'size'> {
+    size?: number | Size;
+    speed?: Speed;
+    color?: string;
+}
+export interface QuarterProps extends Omit<ViewProps, 'size'> {
+    size?: number | Size;
+    speed?: Speed;
+    color?: string;
+}

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { Size, Speed } from './Loader.type';
+export declare const DefaultEllipsisSpeeds: Record<Speed, number>;
+export declare const DefaultSizes: Record<Size, number>;
+export declare const DefaultSpeeds: Record<Speed, number>;

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

@@ -0,0 +1,21 @@
+// Defines a mapping of spinning speed labels to their respective duration in seconds for the Loader component animations.
+export const DefaultEllipsisSpeeds = {
+    fast: 0.4,
+    normal: 0.6,
+    slow: 0.8,
+};
+// Sets up a scale of sizes, mapping size labels to numerical values to be used for Loader component dimensions.
+export const DefaultSizes = {
+    xs: 14,
+    sm: 18,
+    md: 22,
+    lg: 26,
+    xl: 30,
+};
+// Specifies a mapping of spinning speed labels to numerical millisecond values, determining the speed of the Loader component's animation cycles.
+export const DefaultSpeeds = {
+    fast: 50,
+    normal: 100,
+    slow: 300,
+};
+//# sourceMappingURL=Loader.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.style.js","sourceRoot":"","sources":["../../../../../src/components/Loader/Loader/Loader.style.ts"],"names":[],"mappings":"AACA,0HAA0H;AAC1H,MAAM,CAAC,MAAM,qBAAqB,GAA0B;IAC1D,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;CACV,CAAC;AACF,gHAAgH;AAChH,MAAM,CAAC,MAAM,YAAY,GAAyB;IAChD,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC;AACF,kJAAkJ;AAClJ,MAAM,CAAC,MAAM,aAAa,GAA0B;IAClD,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;CACV,CAAC"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ViewProps } from 'app-studio';
+import { LoaderProps } from '../Loader/Loader.props';
+interface Props extends LoaderProps {
+    views?: {
+        container?: ViewProps;
+        text?: ViewProps;
+    };
+}
+declare const LoaderView: React.FC<Props>;
+export default LoaderView;

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

@@ -0,0 +1,87 @@
+import React, { useEffect, useState } from 'react';
+import { useTheme, View } from 'app-studio';
+import { Center } from 'app-studio';
+import { DefaultSizes, DefaultSpeeds } from './Loader.style';
+const isRawCssColor = (value) => typeof value === 'string' &&
+    (/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(value) ||
+        ['black', 'currentColor', 'inherit', 'transparent', 'white'].includes(value));
+const DefaultSpinner = ({ size = 'md', speed = 'normal', color = 'theme-loading', themeMode: elementMode, ...props }) => {
+    const { getColor, themeMode } = useTheme();
+    const colorStyle = getColor(color, {
+        themeMode: elementMode ? elementMode : themeMode,
+    });
+    const sizeStyle = typeof size === 'number' ? size : DefaultSizes[size];
+    const [angle, setAngle] = useState(0);
+    useEffect(() => {
+        const intervalId = setInterval(() => {
+            setAngle((prevAngle) => prevAngle + 45);
+        }, DefaultSpeeds[speed]);
+        return () => clearInterval(intervalId);
+    }, [speed]);
+    return (<View as="svg" xmlns="http://www.w3.org/2000/svg" width={`${sizeStyle}px`} height={`${sizeStyle}px`} viewBox="0 0 24 24" fill="none" stroke={colorStyle} strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" style={{ transform: `rotate(${angle}deg)` }} {...props}>
+      <g id="SVGRepo_bgCarrier" strokeWidth="0"></g>
+      <g id="SVGRepo_tracerCarrier" strokeLinecap="round" strokeLinejoin="round"></g>
+      <g id="SVGRepo_iconCarrier">
+        <path d="M21 12a9 9 0 11-6.219-8.56"></path>
+      </g>
+    </View>);
+};
+const Dotted = ({ size = 'md', speed = 'normal', color = 'theme-loading', themeMode: elementMode, ...props }) => {
+    const { getColor, themeMode } = useTheme();
+    const colorStyle = getColor(color, {
+        themeMode: elementMode ? elementMode : themeMode,
+    });
+    const sizeStyle = typeof size === 'number' ? size : DefaultSizes[size];
+    const [angle, setAngle] = useState(0);
+    useEffect(() => {
+        const intervalId = setInterval(() => {
+            setAngle((prevAngle) => prevAngle + 45);
+        }, DefaultSpeeds[speed]);
+        return () => clearInterval(intervalId);
+    }, [speed]);
+    return (<View as="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width={`${sizeStyle}px`} height={`${sizeStyle}px`} style={{ transform: `rotate(${angle}deg)` }} {...props}>
+      <circle cx="10" cy="25" r="4" fill={colorStyle}/>
+      <circle cx="25" cy="25" r="4" fill={colorStyle}/>
+      <circle cx="40" cy="25" r="4" fill={colorStyle}/>
+    </View>);
+};
+const Quarter = ({ size = 'md', speed = 'normal', color = 'theme-loading', themeMode: elementMode, ...props }) => {
+    const { getColor, themeMode } = useTheme();
+    const colorStyle = getColor(color, {
+        themeMode: elementMode ? elementMode : themeMode,
+    });
+    const sizeStyle = typeof size === 'number' ? size : DefaultSizes[size];
+    const [angle, setAngle] = useState(0);
+    useEffect(() => {
+        const intervalId = setInterval(() => {
+            setAngle((prevAngle) => prevAngle + 45);
+        }, DefaultSpeeds[speed]);
+        return () => clearInterval(intervalId);
+    }, [speed]);
+    return (<View as="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width={`${sizeStyle}px`} height={`${sizeStyle}px`} style={{ transform: `rotate(${angle}deg)` }} {...props}>
+      <circle cx="25" cy="25" r="20" fill="none" stroke={colorStyle} strokeWidth="5" strokeDasharray="1,10"/>
+    </View>);
+};
+const LoaderView = ({ size, children, textColor, loaderColor, type = 'default', speed = 'normal', textPosition = 'right', views, ...props }) => {
+    const { getColor } = useTheme();
+    const resolveColor = (value) => isRawCssColor(value) ? value : getColor(value || 'theme-loading');
+    loaderColor = resolveColor(loaderColor || props.color || 'theme-loading');
+    textColor = resolveColor(textColor || props.color || 'theme-loading');
+    const style = { size, speed, color: loaderColor };
+    const variants = {
+        default: <DefaultSpinner {...style}/>,
+        dotted: <Dotted {...style}/>,
+        quarter: <Quarter {...style}/>,
+    };
+    return (<Center gap={10} flexDirection={textPosition === 'top' || textPosition === 'bottom' ? 'column' : 'row'} {...props} {...views?.container}>
+      {(textPosition === 'left' || textPosition === 'top') && children && (<View color={textColor} {...views?.text}>
+          {children}
+        </View>)}
+      {variants[type]}
+      {(textPosition === 'right' || textPosition === 'bottom') && children && (<View color={textColor} {...views?.text}>
+          {children}
+        </View>)}
+    </Center>);
+};
+export default LoaderView;
+//# sourceMappingURL=Loader.view.js.map

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

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

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

@@ -0,0 +1,18 @@
+/**
+ * LoaderView (React Native) – restores the three web variants (default /
+ * dotted / quarter) on native using `react-native-svg` + RN's Animated API.
+ *
+ * If `react-native-svg` is not installed, we gracefully fall back to RN's
+ * built-in <ActivityIndicator/> (no crash).
+ */
+import React from 'react';
+import { ViewProps } from 'app-studio';
+import { LoaderProps } from '../Loader/Loader.props';
+interface Props extends LoaderProps {
+    views?: {
+        container?: ViewProps;
+        text?: ViewProps;
+    };
+}
+declare const LoaderView: React.FC<Props>;
+export default LoaderView;

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

@@ -0,0 +1,106 @@
+/**
+ * LoaderView (React Native) – restores the three web variants (default /
+ * dotted / quarter) on native using `react-native-svg` + RN's Animated API.
+ *
+ * If `react-native-svg` is not installed, we gracefully fall back to RN's
+ * built-in <ActivityIndicator/> (no crash).
+ */
+import React, { useEffect, useRef } from 'react';
+import { ActivityIndicator, Animated, Easing } from 'react-native';
+import { useTheme, View, Center } from 'app-studio';
+import { DefaultSizes, DefaultSpeeds } from './Loader.style';
+// Lazy require react-native-svg so consumers without it still get a working
+// loader.
+let Svg = null;
+let Circle = null;
+let Path = null;
+try {
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    const RNSvg = require('react-native-svg');
+    Svg = RNSvg.Svg ?? RNSvg.default;
+    Circle = RNSvg.Circle;
+    Path = RNSvg.Path;
+}
+catch {
+    /* optional peer absent */
+}
+const isRawCssColor = (value) => typeof value === 'string' &&
+    (/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(value) ||
+        ['black', 'currentColor', 'inherit', 'transparent', 'white'].includes(value));
+const useSpinAnim = (durationMs) => {
+    const value = useRef(new Animated.Value(0)).current;
+    useEffect(() => {
+        value.setValue(0);
+        const loop = Animated.loop(Animated.timing(value, {
+            toValue: 1,
+            duration: durationMs,
+            easing: Easing.linear,
+            useNativeDriver: true,
+        }));
+        loop.start();
+        return () => loop.stop();
+    }, [durationMs, value]);
+    return value.interpolate({
+        inputRange: [0, 1],
+        outputRange: ['0deg', '360deg'],
+    });
+};
+const DefaultSpinner = ({ size, color, durationMs }) => {
+    const rotate = useSpinAnim(durationMs * 8); // 8 frames × interval ≈ full turn
+    if (!Svg) {
+        return <ActivityIndicator size={size > 24 ? 'large' : 'small'} color={color}/>;
+    }
+    return (<Animated.View style={{ width: size, height: size, transform: [{ rotate }] }}>
+      <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+        <Path d="M21 12a9 9 0 11-6.219-8.56" stroke={color} strokeWidth={1} strokeLinecap="round" strokeLinejoin="round"/>
+      </Svg>
+    </Animated.View>);
+};
+const Dotted = ({ size, color, durationMs, }) => {
+    const rotate = useSpinAnim(durationMs * 8);
+    if (!Svg) {
+        return <ActivityIndicator size={size > 24 ? 'large' : 'small'} color={color}/>;
+    }
+    return (<Animated.View style={{ width: size, height: size, transform: [{ rotate }] }}>
+      <Svg width={size} height={size} viewBox="0 0 50 50">
+        <Circle cx="10" cy="25" r="4" fill={color}/>
+        <Circle cx="25" cy="25" r="4" fill={color}/>
+        <Circle cx="40" cy="25" r="4" fill={color}/>
+      </Svg>
+    </Animated.View>);
+};
+const Quarter = ({ size, color, durationMs, }) => {
+    const rotate = useSpinAnim(durationMs * 8);
+    if (!Svg) {
+        return <ActivityIndicator size={size > 24 ? 'large' : 'small'} color={color}/>;
+    }
+    return (<Animated.View style={{ width: size, height: size, transform: [{ rotate }] }}>
+      <Svg width={size} height={size} viewBox="0 0 50 50">
+        <Circle cx="25" cy="25" r="20" fill="none" stroke={color} strokeWidth={5} strokeDasharray="1,10"/>
+      </Svg>
+    </Animated.View>);
+};
+const LoaderView = ({ size, children, textColor, loaderColor, type = 'default', speed = 'normal', textPosition = 'right', views, ...props }) => {
+    const { getColor } = useTheme();
+    const resolveColor = (value) => isRawCssColor(value) ? value : getColor(value || 'theme-loading');
+    const finalLoaderColor = resolveColor(loaderColor || props.color || 'theme-loading');
+    const finalTextColor = resolveColor(textColor || props.color || 'theme-loading');
+    const sizeValue = typeof size === 'number' ? size : DefaultSizes[size || 'md'];
+    const durationMs = DefaultSpeeds[speed];
+    const variants = {
+        default: (<DefaultSpinner size={sizeValue} color={finalLoaderColor} durationMs={durationMs}/>),
+        dotted: (<Dotted size={sizeValue} color={finalLoaderColor} durationMs={durationMs}/>),
+        quarter: (<Quarter size={sizeValue} color={finalLoaderColor} durationMs={durationMs}/>),
+    };
+    return (<Center gap={10} flexDirection={textPosition === 'top' || textPosition === 'bottom' ? 'column' : 'row'} {...props} {...views?.container}>
+      {(textPosition === 'left' || textPosition === 'top') && children && (<View color={finalTextColor} {...views?.text}>
+          {children}
+        </View>)}
+      {variants[type]}
+      {(textPosition === 'right' || textPosition === 'bottom') && children && (<View color={finalTextColor} {...views?.text}>
+          {children}
+        </View>)}
+    </Center>);
+};
+export default LoaderView;
+//# sourceMappingURL=Loader.view.native.js.map

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

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

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

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

package/dist/native/components/Loader/Loader.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import LoaderView from './Loader/Loader.view';
+import { useMergedDesignSystemComponentProps } from '../../design-system';
+// Defines a LoaderComponent as a functional component with props defined by LoaderProps and returns the LoaderView component, passing along any received props.
+const LoaderComponent = (props) => {
+    const mergedProps = useMergedDesignSystemComponentProps('loader', props);
+    // Renders the LoaderView component by spreading the received props, which allows for a clean pass-through of properties.
+    return <LoaderView {...mergedProps}/>;
+};
+// Exports the LoaderComponent as Loader, making it available for use in other parts of the application.
+export const Loader = LoaderComponent;
+//# sourceMappingURL=Loader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,mCAAmC,EAAE,MAAM,mBAAmB,CAAC;AACxE,gKAAgK;AAChK,MAAM,eAAe,GAA0B,CAAC,KAAK,EAAE,EAAE;IACvD,MAAM,WAAW,GAAG,mCAAmC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACzE,yHAAyH;IACzH,OAAO,CAAC,UAAU,CAAC,IAAI,WAAW,CAAC,EAAG,CAAC;AACzC,CAAC,CAAC;AACF,wGAAwG;AACxG,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC"}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface MediaPreviewProps {
+    url: string;
+    type: string;
+    name?: string;
+    onOpen?: () => void;
+}
+/**
+ * MediaPreview renders a square thumbnail for image, video or audio files.
+ * It falls back to a file icon for unsupported types. Clicking the preview
+ * opens the original file unless the user interacts with playback controls.
+ */
+export declare const MediaPreview: React.FC<MediaPreviewProps>;
+export default MediaPreview;

package/dist/native/components/MediaPreview.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { View, Image } from 'app-studio';
+import { FileIcon } from './Icon/Icon';
+/**
+ * MediaPreview renders a square thumbnail for image, video or audio files.
+ * It falls back to a file icon for unsupported types. Clicking the preview
+ * opens the original file unless the user interacts with playback controls.
+ */
+export const MediaPreview = ({ url, type, name, onOpen, }) => {
+    const lowerType = type.toLowerCase();
+    const isImage = lowerType.startsWith('image');
+    const isVideo = lowerType.startsWith('video');
+    const isAudio = lowerType.startsWith('audio');
+    const handleClick = () => {
+        if (onOpen) {
+            onOpen();
+        }
+    };
+    return (<View width="60px" height="60px" flexShrink={0} borderRadius="4px" overflow="hidden" display="flex" alignItems="center" justifyContent="center" backgroundColor="color-gray-200" cursor="pointer" onClick={handleClick}>
+      {isImage && (<Image src={url} alt={name} width="100%" height="100%" objectFit="cover"/>)}
+
+      {isVideo && (<View as="video" src={url} controls width="100%" height="100%" style={{ objectFit: 'cover' }} onClick={(e) => e.stopPropagation()}/>)}
+
+      {isAudio && (<View as="audio" controls src={url} width="100%" onClick={(e) => e.stopPropagation()}/>)}
+
+      {!isImage && !isVideo && !isAudio && (<FileIcon widthHeight={24} color="color-gray-600"/>)}
+    </View>);
+};
+export default MediaPreview;
+//# sourceMappingURL=MediaPreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaPreview.js","sourceRoot":"","sources":["../../../src/components/MediaPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AASvC;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,MAAM,GACP,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;IACrC,MAAM,OAAO,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAE9C,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,EAAE,CAAC;QACX,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,MAAM,CACb,UAAU,CAAC,CAAC,CAAC,CAAC,CACd,YAAY,CAAC,KAAK,CAClB,QAAQ,CAAC,QAAQ,CACjB,OAAO,CAAC,MAAM,CACd,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,QAAQ,CACvB,eAAe,CAAC,gBAAgB,CAChC,MAAM,CAAC,SAAS,CAChB,OAAO,CAAC,CAAC,WAAW,CAAC,CAErB;MAAA,CAAC,OAAO,IAAI,CACV,CAAC,KAAK,CACJ,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,GAAG,CAAC,CAAC,IAAI,CAAC,CACV,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,MAAM,CACb,SAAS,CAAC,OAAO,EACjB,CACH,CAED;;MAAA,CAAC,OAAO,IAAI,CACV,CAAC,IAAI,CACH,EAAE,CAAC,OAAO,CACV,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,QAAQ,CACR,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,MAAM,CACb,KAAK,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAC9B,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,EACpC,CACH,CAED;;MAAA,CAAC,OAAO,IAAI,CACV,CAAC,IAAI,CACH,EAAE,CAAC,OAAO,CACV,QAAQ,CACR,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,MAAM,CACZ,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,EACpC,CACH,CAED;;MAAA,CAAC,CAAC,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,IAAI,CACnC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,gBAAgB,EAAG,CACrD,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,71 @@
+import React from 'react';
+import { ViewProps } from 'app-studio';
+import { MenubarItem, MenubarStyles, Orientation, Size, Variant } from './Menubar.type';
+export interface MenubarProps {
+    items: MenubarItem[];
+    orientation?: Orientation;
+    size?: Size;
+    variant?: Variant;
+    defaultActiveMenuId?: string | null;
+    defaultOpenMenuId?: string | null;
+    views?: MenubarStyles;
+    [key: string]: any;
+}
+export interface MenubarRootProps {
+    children: React.ReactNode;
+    orientation?: Orientation;
+    size?: Size;
+    variant?: Variant;
+    views?: {
+        container?: ViewProps;
+    };
+    [key: string]: any;
+}
+export interface MenubarMenuProps {
+    children: React.ReactNode;
+    id: string;
+    disabled?: boolean;
+    views?: {
+        menu?: ViewProps;
+    };
+}
+export interface MenubarTriggerProps {
+    children: React.ReactNode;
+    menuId: string;
+    disabled?: boolean;
+    views?: {
+        trigger?: ViewProps;
+        icon?: ViewProps;
+    };
+}
+export interface MenubarContentProps {
+    children: React.ReactNode;
+    menuId: string;
+    views?: {
+        content?: ViewProps;
+    };
+}
+export interface MenubarItemProps {
+    children: React.ReactNode;
+    id: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    onClick?: () => void;
+    views?: {
+        item?: ViewProps;
+        icon?: ViewProps;
+    };
+}
+export interface MenubarSeparatorProps {
+    views?: {
+        separator?: ViewProps;
+    };
+}
+export interface MenubarType extends React.FC<MenubarProps> {
+    Root: React.FC<MenubarRootProps>;
+    Menu: React.FC<MenubarMenuProps>;
+    Trigger: React.FC<MenubarTriggerProps>;
+    Content: React.FC<MenubarContentProps>;
+    Item: React.FC<MenubarItemProps>;
+    Separator: React.FC<MenubarSeparatorProps>;
+}

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

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

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

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

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

@@ -0,0 +1,8 @@
+export declare const useMenubarState: (defaultActiveMenuId?: string | null, defaultOpenMenuId?: string | null) => {
+    activeMenuId: string | null;
+    setActiveMenuId: import("react").Dispatch<import("react").SetStateAction<string | null>>;
+    openMenuId: string | null;
+    setOpenMenuId: import("react").Dispatch<import("react").SetStateAction<string | null>>;
+    isMenuOpen: (menuId: string) => boolean;
+    toggleMenu: (menuId: string) => void;
+};