@castui/cast-ui 0.4.2 → 1.0.0

package/dist/components/FAB/FAB.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type FABVariant = 'standard' | 'extended';
+export interface FABProps {
+    /** Icon element. */
+    icon: React.ReactNode;
+    /** Extended label (renders extended variant). */
+    label?: string;
+    /** FAB type. @default 'standard' */
+    variant?: FABVariant;
+    /** Press handler. */
+    onPress?: () => void;
+}
+export declare function FAB({ icon, label, variant, onPress, }: FABProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FAB.d.ts.map

package/dist/components/FAB/FAB.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAB.d.ts","sourceRoot":"","sources":["../../../src/components/FAB/FAB.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAaxC,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;AAEjD,MAAM,WAAW,QAAQ;IACvB,oBAAoB;IACpB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAMD,wBAAgB,GAAG,CAAC,EAClB,IAAI,EACJ,KAAK,EACL,OAAoB,EACpB,OAAO,GACR,EAAE,QAAQ,2CA8DV"}

package/dist/components/FAB/FAB.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Pressable, Text, } from 'react-native';
+import { useTheme, resolveFont } from '../../theme';
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+export function FAB({ icon, label, variant = 'standard', onPress, }) {
+    const theme = useTheme();
+    const ft = theme.component.fab;
+    const sem = theme.semantic;
+    const [hovered, setHovered] = useState(false);
+    const [pressed, setPressed] = useState(false);
+    const resolveBackground = () => {
+        if (pressed)
+            return ft.pressedBackground;
+        if (hovered)
+            return ft.hoverBackground;
+        return ft.background;
+    };
+    const isExtended = variant === 'extended' && label;
+    const containerStyle = {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: resolveBackground(),
+        borderRadius: ft.cornerRadius,
+        elevation: ft.elevation,
+        ...(ft.elevation > 0
+            ? { boxShadow: `0 ${ft.elevation}px ${ft.elevation * 2}px rgba(0,0,0,0.15)` }
+            : {}),
+        ...(isExtended
+            ? {
+                paddingHorizontal: ft.extendedPaddingHorizontal,
+                gap: ft.extendedGap,
+                height: ft.size,
+            }
+            : {
+                width: ft.size,
+                height: ft.size,
+            }),
+    };
+    const labelStyle = {
+        fontSize: sem.fontSize.button,
+        lineHeight: sem.lineHeight.button,
+        letterSpacing: sem.letterSpacing.label,
+        color: ft.iconColor,
+        ...resolveFont(sem.fontFamily.interface, sem.fontWeight.button),
+    };
+    return (_jsxs(Pressable, { onPress: onPress, onPressIn: () => setPressed(true), onPressOut: () => setPressed(false), style: containerStyle, ...{
+            onHoverIn: () => setHovered(true),
+            onHoverOut: () => setHovered(false),
+        }, accessibilityRole: "button", children: [icon, isExtended ? _jsx(Text, { style: labelStyle, children: label }) : null] }));
+}
+//# sourceMappingURL=FAB.js.map

package/dist/components/FAB/FAB.js.map

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

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,11 @@
+export type IconSize = 'small' | 'medium' | 'large';
+export interface IconProps {
+    /** Icon identifier (rendered as text for now; swap with icon library). */
+    name: string;
+    /** Icon size. @default 'medium' */
+    size?: IconSize;
+    /** Icon color. */
+    color?: string;
+}
+export declare function Icon({ name, size, color, }: IconProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Icon.d.ts.map

package/dist/components/Icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,MAAM,WAAW,SAAS;IACxB,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAgBD,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAe,EACf,KAAK,GACN,EAAE,SAAS,2CAmBX"}

package/dist/components/Icon/Icon.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from 'react-native';
+import { useTheme } from '../../theme';
+// ---------------------------------------------------------------------------
+// Size → token key mapping
+// ---------------------------------------------------------------------------
+const SIZE_MAP = {
+    small: 'sizeSmall',
+    medium: 'sizeMedium',
+    large: 'sizeLarge',
+};
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+export function Icon({ name, size = 'medium', color, }) {
+    const theme = useTheme();
+    const ic = theme.component.icon;
+    const resolved = ic[SIZE_MAP[size]];
+    const style = {
+        fontSize: resolved,
+        lineHeight: resolved,
+        width: resolved,
+        height: resolved,
+        textAlign: 'center',
+        color: color ?? theme.semantic.color.onSurface,
+    };
+    return (_jsx(Text, { style: style, accessibilityRole: "image", accessibilityLabel: name, children: name }));
+}
+//# sourceMappingURL=Icon.js.map

package/dist/components/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAiBvC,8EAA8E;AAC9E,2BAA2B;AAC3B,8EAA8E;AAE9E,MAAM,QAAQ,GAA+D;IAC3E,KAAK,EAAE,WAAW;IAClB,MAAM,EAAE,YAAY;IACpB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,IAAI,CAAC,EACnB,IAAI,EACJ,IAAI,GAAG,QAAQ,EACf,KAAK,GACK;IACV,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;IAChC,MAAM,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpC,MAAM,KAAK,GAAc;QACvB,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,QAAQ;QAChB,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS;KAC/C,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAC,OAAO,EAAC,kBAAkB,EAAE,IAAI,YACnE,IAAI,GACA,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface LinkProps {
+    /** Link URL. */
+    href?: string;
+    /** Link text. */
+    children: React.ReactNode;
+    /** Press handler (overrides href navigation). */
+    onPress?: () => void;
+}
+export declare function Link({ href, children, onPress }: LinkProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAYxC,MAAM,WAAW,SAAS;IACxB,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAMD,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,SAAS,2CA2B1D"}

package/dist/components/Link/Link.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Text, Pressable, } from 'react-native';
+import { useTheme, resolveFont } from '../../theme';
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+export function Link({ href, children, onPress }) {
+    const theme = useTheme();
+    const lk = theme.component.link;
+    const sem = theme.semantic;
+    const [hovered, setHovered] = useState(false);
+    const textStyle = {
+        color: hovered ? lk.hoverColor : lk.color,
+        textDecorationLine: 'underline',
+        ...{ textUnderlineOffset: lk.underlineOffset },
+        ...resolveFont(sem.fontFamily.interface, lk.fontWeight),
+    };
+    return (_jsx(Pressable, { onPress: onPress, ...{
+            onHoverIn: () => setHovered(true),
+            onHoverOut: () => setHovered(false),
+            ...(href && !onPress ? { href } : {}),
+        }, accessibilityRole: "link", children: _jsx(Text, { style: textStyle, children: children }) }));
+}
+//# sourceMappingURL=Link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,IAAI,EACJ,SAAS,GAEV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAepD,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAa;IACzD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;IAChC,MAAM,GAAG,GAAG,KAAK,CAAC,QAAQ,CAAC;IAE3B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,SAAS,GAAc;QAC3B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK;QACzC,kBAAkB,EAAE,WAAW;QAC/B,GAAI,EAAE,mBAAmB,EAAE,EAAE,CAAC,eAAe,EAA8B;QAC3E,GAAG,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC;KACxD,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,IACR,OAAO,EAAE,OAAO,KACX;YACH,SAAS,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC;YACjC,UAAU,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC;YACnC,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;SACV,EAC7B,iBAAiB,EAAC,MAAM,YAExB,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,YAAG,QAAQ,GAAQ,GAC/B,CACb,CAAC;AACJ,CAAC"}

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,18 @@
+export interface SelectOption {
+    label: string;
+    value: string;
+}
+export interface SelectProps {
+    /** Option list. */
+    options: SelectOption[];
+    /** Selected value. */
+    value?: string;
+    /** Selection handler. */
+    onSelect?: (value: string) => void;
+    /** Field label. */
+    label?: string;
+    /** Placeholder. */
+    placeholder?: string;
+}
+export declare function Select({ options, value, onSelect, label, placeholder, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Select.d.ts.map

package/dist/components/Select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,mBAAmB;IACnB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,GACZ,EAAE,WAAW,2CAkGb"}

package/dist/components/Select/Select.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { View, Text, Pressable, } from 'react-native';
+import { useTheme, resolveFont } from '../../theme';
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+export function Select({ options, value, onSelect, label, placeholder, }) {
+    const theme = useTheme();
+    const sl = theme.component.select;
+    const tf = theme.component.textField;
+    const sem = theme.semantic;
+    const [isOpen, setIsOpen] = useState(false);
+    const selectedOption = options.find((o) => o.value === value);
+    // --- styles (trigger uses textField tokens) --------------------------------
+    const containerStyle = {
+        gap: 4,
+    };
+    const labelStyle = {
+        fontSize: tf.labelSize,
+        color: tf.labelColor,
+        ...resolveFont(tf.fontFamily, sem.fontWeight.button),
+    };
+    const triggerStyle = {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        paddingHorizontal: tf.paddingHorizontal,
+        paddingVertical: tf.paddingVertical,
+        borderRadius: tf.cornerRadius,
+        borderWidth: tf.borderWidth,
+        backgroundColor: tf.background,
+        borderColor: isOpen ? tf.focusBorderColor : tf.borderColor,
+    };
+    const triggerTextStyle = {
+        fontSize: tf.textSize,
+        color: selectedOption ? tf.textColor : tf.placeholderColor,
+        flex: 1,
+        ...resolveFont(tf.fontFamily, sem.fontWeight.body),
+    };
+    const indicatorStyle = {
+        color: sl.indicatorColor,
+        fontSize: 12,
+    };
+    // --- styles (dropdown uses select tokens) ----------------------------------
+    const dropdownStyle = {
+        backgroundColor: sl.dropdownBackground,
+        borderRadius: sl.dropdownCornerRadius,
+        elevation: sl.dropdownElevation,
+        ...(sl.dropdownElevation > 0
+            ? { boxShadow: `0 2px ${sl.dropdownElevation * 2}px rgba(0,0,0,0.15)` }
+            : {}),
+        marginTop: 4,
+    };
+    const optionStyle = (optValue) => ({
+        paddingHorizontal: sl.optionPaddingHorizontal,
+        paddingVertical: sl.optionPaddingVertical,
+        backgroundColor: optValue === value ? sl.selectedOptionBackground : 'transparent',
+    });
+    const optionTextStyle = {
+        fontSize: sl.optionTextSize,
+        color: sl.optionTextColor,
+        ...resolveFont(sl.fontFamily, sem.fontWeight.body),
+    };
+    return (_jsxs(View, { style: containerStyle, children: [label ? _jsx(Text, { style: labelStyle, children: label }) : null, _jsxs(Pressable, { style: triggerStyle, onPress: () => setIsOpen(!isOpen), children: [_jsx(Text, { style: triggerTextStyle, children: selectedOption?.label ?? placeholder ?? '' }), _jsx(Text, { style: indicatorStyle, children: isOpen ? '\u25B2' : '\u25BC' })] }), isOpen ? (_jsx(View, { style: dropdownStyle, children: options.map((opt) => (_jsx(Pressable, { onPress: () => {
+                        onSelect?.(opt.value);
+                        setIsOpen(false);
+                    }, style: optionStyle(opt.value), children: _jsx(Text, { style: optionTextStyle, children: opt.label }) }, opt.value))) })) : null] }));
+}
+//# sourceMappingURL=Select.js.map

package/dist/components/Select/Select.js.map

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

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,11 @@
+export type SkeletonVariant = 'rectangle' | 'circle' | 'text';
+export interface SkeletonProps {
+    /** Shape type. @default 'rectangle' */
+    variant?: SkeletonVariant;
+    /** Width. @default '100%' */
+    width?: number | string;
+    /** Height. @default 16 */
+    height?: number;
+}
+export declare function Skeleton({ variant, width, height, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/components/Skeleton/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE9D,MAAM,WAAW,aAAa;IAC5B,uCAAuC;IACvC,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,wBAAgB,QAAQ,CAAC,EACvB,OAAqB,EACrB,KAAc,EACd,MAAW,GACZ,EAAE,aAAa,2CAuBf"}

package/dist/components/Skeleton/Skeleton.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { useTheme } from '../../theme';
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+export function Skeleton({ variant = 'rectangle', width = '100%', height = 16, }) {
+    const theme = useTheme();
+    const sk = theme.component.skeleton;
+    const baseStyle = {
+        backgroundColor: sk.background,
+        overflow: 'hidden',
+    };
+    const variantStyle = variant === 'circle'
+        ? {
+            width: sk.circleSize,
+            height: sk.circleSize,
+            borderRadius: sk.circleSize / 2,
+        }
+        : {
+            width: width,
+            height,
+            borderRadius: variant === 'text' ? sk.cornerRadius / 2 : sk.cornerRadius,
+        };
+    return _jsx(View, { style: [baseStyle, variantStyle], accessibilityRole: "none" });
+}
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAiBvC,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,GAAG,WAAW,EACrB,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,EAAE,GACG;IACd,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC;IAEpC,MAAM,SAAS,GAAc;QAC3B,eAAe,EAAE,EAAE,CAAC,UAAU;QAC9B,QAAQ,EAAE,QAAQ;KACnB,CAAC;IAEF,MAAM,YAAY,GAChB,OAAO,KAAK,QAAQ;QAClB,CAAC,CAAC;YACE,KAAK,EAAE,EAAE,CAAC,UAAU;YACpB,MAAM,EAAE,EAAE,CAAC,UAAU;YACrB,YAAY,EAAE,EAAE,CAAC,UAAU,GAAG,CAAC;SAChC;QACH,CAAC,CAAC;YACE,KAAK,EAAE,KAAe;YACtB,MAAM;YACN,YAAY,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,YAAY;SACzE,CAAC;IAER,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,EAAE,iBAAiB,EAAC,MAAM,GAAG,CAAC;AAC7E,CAAC"}

package/dist/components/Snackbar/Snackbar.d.ts

@@ -0,0 +1,14 @@
+export interface SnackbarProps {
+    /** Snackbar text. */
+    message: string;
+    /** Action label. */
+    action?: string;
+    /** Action handler. */
+    onAction?: () => void;
+    /** Show/hide. @default false */
+    visible?: boolean;
+    /** Auto-dismiss ms. @default 4000 */
+    duration?: number;
+}
+export declare function Snackbar({ message, action, onAction, visible, }: SnackbarProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Snackbar.d.ts.map

package/dist/components/Snackbar/Snackbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,aAAa;IAC5B,qBAAqB;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAMD,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,OAAe,GAChB,EAAE,aAAa,kDA4Cf"}

package/dist/components/Snackbar/Snackbar.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View, Text, Pressable, } from 'react-native';
+import { useTheme, resolveFont } from '../../theme';
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+export function Snackbar({ message, action, onAction, visible = false, }) {
+    const theme = useTheme();
+    const sn = theme.component.snackbar;
+    const sem = theme.semantic;
+    if (!visible)
+        return null;
+    const containerStyle = {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: sn.padding,
+        gap: sn.gap,
+        borderRadius: sn.cornerRadius,
+        backgroundColor: sn.background,
+        elevation: sn.elevation,
+        ...(sn.elevation > 0
+            ? { boxShadow: `0 ${sn.elevation}px ${sn.elevation * 2}px rgba(0,0,0,0.15)` }
+            : {}),
+    };
+    const messageStyle = {
+        flex: 1,
+        fontSize: sn.textSize,
+        color: sn.contentColor,
+        ...resolveFont(sn.fontFamily, sn.fontWeight),
+    };
+    const actionStyle = {
+        fontSize: sem.fontSize.button,
+        lineHeight: sem.lineHeight.button,
+        color: sn.actionColor,
+        ...resolveFont(sn.fontFamily, sem.fontWeight.button),
+    };
+    return (_jsxs(View, { style: containerStyle, accessibilityRole: "alert", children: [_jsx(Text, { style: messageStyle, children: message }), action ? (_jsx(Pressable, { onPress: onAction, accessibilityRole: "button", children: _jsx(Text, { style: actionStyle, children: action }) })) : null] }));
+}
+//# sourceMappingURL=Snackbar.js.map

package/dist/components/Snackbar/Snackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,SAAS,GAGV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAmBpD,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,OAAO,GAAG,KAAK,GACD;IACd,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC;IACpC,MAAM,GAAG,GAAG,KAAK,CAAC,QAAQ,CAAC;IAE3B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,cAAc,GAAc;QAChC,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,EAAE,CAAC,OAAO;QACnB,GAAG,EAAE,EAAE,CAAC,GAAG;QACX,YAAY,EAAE,EAAE,CAAC,YAAY;QAC7B,eAAe,EAAE,EAAE,CAAC,UAAU;QAC9B,SAAS,EAAE,EAAE,CAAC,SAAS;QACvB,GAAG,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC;YAClB,CAAC,CAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,GAAG,CAAC,qBAAqB,EAA8B;YAC1G,CAAC,CAAC,EAAE,CAAC;KACR,CAAC;IAEF,MAAM,YAAY,GAAc;QAC9B,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,EAAE,CAAC,QAAQ;QACrB,KAAK,EAAE,EAAE,CAAC,YAAY;QACtB,GAAG,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC;KAC7C,CAAC;IAEF,MAAM,WAAW,GAAc;QAC7B,QAAQ,EAAE,GAAG,CAAC,QAAQ,CAAC,MAAM;QAC7B,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,MAAM;QACjC,KAAK,EAAE,EAAE,CAAC,WAAW;QACrB,GAAG,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC;KACrD,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAC,OAAO,aACpD,KAAC,IAAI,IAAC,KAAK,EAAE,YAAY,YAAG,OAAO,GAAQ,EAC1C,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,SAAS,IAAC,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAC,QAAQ,YACtD,KAAC,IAAI,IAAC,KAAK,EAAE,WAAW,YAAG,MAAM,GAAQ,GAC/B,CACb,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC"}

package/dist/components/SpeedDial/SpeedDial.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface SpeedDialAction {
+    icon: React.ReactNode;
+    label?: string;
+    onPress: () => void;
+}
+export interface SpeedDialProps {
+    /** Main FAB icon. */
+    icon: React.ReactNode;
+    /** Action items. */
+    actions: SpeedDialAction[];
+    /** Open state. @default false */
+    open?: boolean;
+    /** Open state change handler. */
+    onOpenChange?: (open: boolean) => void;
+}
+export declare function SpeedDial({ icon, actions, open, onOpenChange, }: SpeedDialProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SpeedDial.d.ts.map

package/dist/components/SpeedDial/SpeedDial.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpeedDial.d.ts","sourceRoot":"","sources":["../../../src/components/SpeedDial/SpeedDial.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,qBAAqB;IACrB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,oBAAoB;IACpB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iCAAiC;IACjC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAMD,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,OAAO,EACP,IAAY,EACZ,YAAY,GACb,EAAE,cAAc,2CAuEhB"}

package/dist/components/SpeedDial/SpeedDial.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View, Text, Pressable, } from 'react-native';
+import { useTheme, resolveFont } from '../../theme';
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+export function SpeedDial({ icon, actions, open = false, onOpenChange, }) {
+    const theme = useTheme();
+    const sd = theme.component.speedDial;
+    const ft = theme.component.fab;
+    const sem = theme.semantic;
+    const containerStyle = {
+        alignItems: 'center',
+        gap: sd.gap,
+    };
+    const actionStyle = {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: sd.gap,
+    };
+    const actionButtonStyle = {
+        width: sd.actionSize,
+        height: sd.actionSize,
+        borderRadius: sd.actionCornerRadius,
+        backgroundColor: sd.actionBackground,
+        alignItems: 'center',
+        justifyContent: 'center',
+        elevation: sd.actionElevation,
+        ...(sd.actionElevation > 0
+            ? { boxShadow: `0 1px ${sd.actionElevation * 2}px rgba(0,0,0,0.15)` }
+            : {}),
+    };
+    const labelStyle = {
+        fontSize: sem.fontSize.caption,
+        lineHeight: sem.lineHeight.caption,
+        color: sem.color.onSurface,
+        ...resolveFont(sem.fontFamily.interface, sem.fontWeight.body),
+    };
+    const mainButtonStyle = {
+        width: ft.size,
+        height: ft.size,
+        borderRadius: ft.cornerRadius,
+        backgroundColor: ft.background,
+        alignItems: 'center',
+        justifyContent: 'center',
+        elevation: ft.elevation,
+        ...(ft.elevation > 0
+            ? { boxShadow: `0 ${ft.elevation}px ${ft.elevation * 2}px rgba(0,0,0,0.15)` }
+            : {}),
+    };
+    return (_jsxs(View, { style: containerStyle, children: [open
+                ? actions.map((a, i) => (_jsxs(View, { style: actionStyle, children: [a.label ? _jsx(Text, { style: labelStyle, children: a.label }) : null, _jsx(Pressable, { onPress: a.onPress, style: actionButtonStyle, accessibilityRole: "button", children: a.icon })] }, i)))
+                : null, _jsx(Pressable, { onPress: () => onOpenChange?.(!open), style: mainButtonStyle, accessibilityRole: "button", children: icon })] }));
+}
+//# sourceMappingURL=SpeedDial.js.map

package/dist/components/SpeedDial/SpeedDial.js.map

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

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,12 @@
+export interface SwitchProps {
+    /** On/off state. @default false */
+    value?: boolean;
+    /** Toggle handler. */
+    onValueChange?: (value: boolean) => void;
+    /** Label text. */
+    label?: string;
+    /** Disabled state. @default false */
+    disabled?: boolean;
+}
+export declare function Switch({ value, onValueChange, label, disabled, }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Switch.d.ts.map

package/dist/components/Switch/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,WAAW;IAC1B,mCAAmC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sBAAsB;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAMD,wBAAgB,MAAM,CAAC,EACrB,KAAa,EACb,aAAa,EACb,KAAK,EACL,QAAgB,GACjB,EAAE,WAAW,2CA+Cb"}

package/dist/components/Switch/Switch.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pressable, View, Text, } from 'react-native';
+import { useTheme, resolveFont } from '../../theme';
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+export function Switch({ value = false, onValueChange, label, disabled = false, }) {
+    const theme = useTheme();
+    const sw = theme.component.switch;
+    const containerStyle = {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: sw.gap,
+        opacity: disabled ? theme.semantic.opacity.disabled : 1,
+    };
+    const trackStyle = {
+        width: sw.trackWidth,
+        height: sw.trackHeight,
+        borderRadius: sw.trackCornerRadius,
+        backgroundColor: value ? sw.trackOnBackground : sw.trackOffBackground,
+        paddingHorizontal: sw.thumbOffset,
+        justifyContent: 'center',
+    };
+    const thumbStyle = {
+        width: sw.thumbSize,
+        height: sw.thumbSize,
+        borderRadius: sw.thumbCornerRadius,
+        backgroundColor: value ? sw.thumbOnBackground : sw.thumbOffBackground,
+        alignSelf: value ? 'flex-end' : 'flex-start',
+    };
+    const labelStyle = {
+        fontSize: sw.labelSize,
+        color: sw.labelColor,
+        ...resolveFont(sw.labelFontFamily, theme.semantic.fontWeight.body),
+    };
+    return (_jsxs(Pressable, { onPress: () => !disabled && onValueChange?.(!value), style: containerStyle, accessibilityRole: "switch", accessibilityState: { checked: value, disabled }, children: [_jsx(View, { style: trackStyle, children: _jsx(View, { style: thumbStyle }) }), label ? _jsx(Text, { style: labelStyle, children: label }) : null] }));
+}
+//# sourceMappingURL=Switch.js.map

package/dist/components/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,IAAI,GAGL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAiBpD,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,MAAM,CAAC,EACrB,KAAK,GAAG,KAAK,EACb,aAAa,EACb,KAAK,EACL,QAAQ,GAAG,KAAK,GACJ;IACZ,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;IAElC,MAAM,cAAc,GAAc;QAChC,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,EAAE,CAAC,GAAG;QACX,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;KACxD,CAAC;IAEF,MAAM,UAAU,GAAc;QAC5B,KAAK,EAAE,EAAE,CAAC,UAAU;QACpB,MAAM,EAAE,EAAE,CAAC,WAAW;QACtB,YAAY,EAAE,EAAE,CAAC,iBAAiB;QAClC,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,kBAAkB;QACrE,iBAAiB,EAAE,EAAE,CAAC,WAAW;QACjC,cAAc,EAAE,QAAQ;KACzB,CAAC;IAEF,MAAM,UAAU,GAAc;QAC5B,KAAK,EAAE,EAAE,CAAC,SAAS;QACnB,MAAM,EAAE,EAAE,CAAC,SAAS;QACpB,YAAY,EAAE,EAAE,CAAC,iBAAiB;QAClC,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,kBAAkB;QACrE,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;KAC7C,CAAC;IAEF,MAAM,UAAU,GAAc;QAC5B,QAAQ,EAAE,EAAE,CAAC,SAAS;QACtB,KAAK,EAAE,EAAE,CAAC,UAAU;QACpB,GAAG,WAAW,CAAC,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC;KACnE,CAAC;IAEF,OAAO,CACL,MAAC,SAAS,IACR,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,IAAI,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,EACnD,KAAK,EAAE,cAAc,EACrB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,aAEhD,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,YACrB,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,GAAI,GACtB,EACN,KAAK,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,YAAG,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC7C,CACb,CAAC;AACJ,CAAC"}

package/dist/components/Table/Table.d.ts

@@ -0,0 +1,15 @@
+export interface TableColumn {
+    key: string;
+    header: string;
+    width?: number;
+}
+export interface TableProps {
+    /** Column definitions. */
+    columns: TableColumn[];
+    /** Row data. */
+    data: Record<string, unknown>[];
+    /** Row press handler. */
+    onRowPress?: (row: Record<string, unknown>) => void;
+}
+export declare function Table({ columns, data, onRowPress }: TableProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Table.d.ts.map

package/dist/components/Table/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,UAAU;IACzB,0BAA0B;IAC1B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,gBAAgB;IAChB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,yBAAyB;IACzB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CACrD;AAMD,wBAAgB,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,UAAU,2CAoF9D"}

package/dist/components/Table/Table.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { View, Text, Pressable, } from 'react-native';
+import { useTheme, resolveFont } from '../../theme';
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+export function Table({ columns, data, onRowPress }) {
+    const theme = useTheme();
+    const tb = theme.component.table;
+    const [hoveredRow, setHoveredRow] = useState(null);
+    // --- styles ----------------------------------------------------------------
+    const tableStyle = {
+        borderRadius: tb.cornerRadius,
+        overflow: 'hidden',
+    };
+    const headerRowStyle = {
+        flexDirection: 'row',
+        backgroundColor: tb.headerBackground,
+    };
+    const headerCellStyle = (col) => ({
+        paddingHorizontal: tb.cellPaddingHorizontal,
+        paddingVertical: tb.cellPaddingVertical,
+        ...(col.width ? { width: col.width } : { flex: 1 }),
+    });
+    const headerTextStyle = {
+        fontSize: tb.headerTextSize,
+        color: tb.headerTextColor,
+        ...resolveFont(tb.fontFamily, tb.headerFontWeight),
+    };
+    const rowStyle = (index) => ({
+        flexDirection: 'row',
+        borderTopWidth: tb.rowBorderWidth,
+        borderTopColor: tb.rowBorderColor,
+        ...(hoveredRow === index ? { backgroundColor: tb.rowHoverBackground } : {}),
+    });
+    const cellStyle = (col) => ({
+        paddingHorizontal: tb.cellPaddingHorizontal,
+        paddingVertical: tb.cellPaddingVertical,
+        ...(col.width ? { width: col.width } : { flex: 1 }),
+    });
+    const cellTextStyle = {
+        fontSize: tb.cellTextSize,
+        color: tb.cellTextColor,
+        ...resolveFont(tb.fontFamily, theme.semantic.fontWeight.body),
+    };
+    return (_jsxs(View, { style: tableStyle, children: [_jsx(View, { style: headerRowStyle, children: columns.map((col) => (_jsx(View, { style: headerCellStyle(col), children: _jsx(Text, { style: headerTextStyle, children: col.header }) }, col.key))) }), data.map((row, index) => {
+                const RowWrapper = onRowPress ? Pressable : View;
+                return (_jsx(RowWrapper, { style: rowStyle(index), ...(onRowPress
+                        ? {
+                            onPress: () => onRowPress(row),
+                            ...{
+                                onHoverIn: () => setHoveredRow(index),
+                                onHoverOut: () => setHoveredRow(null),
+                            },
+                        }
+                        : {}), children: columns.map((col) => (_jsx(View, { style: cellStyle(col), children: _jsx(Text, { style: cellTextStyle, children: String(row[col.key] ?? '') }) }, col.key))) }, index));
+            })] }));
+}
+//# sourceMappingURL=Table.js.map