rn-feav-ui 1.0.2 → 1.0.3

package/dist/components/Separator/index.js

@@ -0,0 +1,57 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SeparatorFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var SeparatorFEA = function (_a) {
+    var style = _a.style;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    return (React.createElement(react_native_1.View, { style: [
+            styles.sep,
+            {
+                backgroundColor: theme.mode === "light" ? "rgba(15,23,42,0.08)" : "rgba(148,163,184,0.2)",
+            },
+            style,
+        ] }));
+};
+exports.SeparatorFEA = SeparatorFEA;
+var styles = react_native_1.StyleSheet.create({
+    sep: {
+        height: 1,
+        width: "100%",
+    },
+});

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { StyleProp, ViewStyle } from "react-native";
-export declare const Skeleton: ({ height, borderRadius, marginVertical, style, }: {
+export declare const SkeletonFEA: ({ height, borderRadius, marginVertical, style, }: {
     height?: number;
     borderRadius?: number;
     marginVertical?: number;

package/dist/components/Skeleton/index.js

@@ -33,11 +33,24 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Skeleton = void 0;
+exports.SkeletonFEA = void 0;
 var expo_linear_gradient_1 = require("expo-linear-gradient");
 var React = __importStar(require("react"));
-var Skeleton = function (_a) {
-    var _b = _a.height, height = _b === void 0 ? 80 : _b, _c = _a.borderRadius, borderRadius = _c === void 0 ? 16 : _c, _d = _a.marginVertical, marginVertical = _d === void 0 ? 8 : _d, style = _a.style;
-    return (React.createElement(expo_linear_gradient_1.LinearGradient, { colors: ["#e5e7eb", "#f3f4f6", "#e5e7eb"], start: { x: 0, y: 0 }, end: { x: 1, y: 0 }, style: [{ height: height, borderRadius: borderRadius, marginVertical: marginVertical }, style] }));
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var SkeletonFEA = function (_a) {
+    var _b = _a.height, height = _b === void 0 ? 80 : _b, _c = _a.borderRadius, borderRadius = _c === void 0 ? 12 : _c, _d = _a.marginVertical, marginVertical = _d === void 0 ? 8 : _d, style = _a.style;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    var colors = theme.mode === "light"
+        ? [
+            "rgba(229,231,235,1)",
+            "rgba(243,244,246,1)",
+            "rgba(229,231,235,1)",
+        ]
+        : [
+            "rgba(148,163,184,0.25)",
+            "rgba(51,65,85,0.35)",
+            "rgba(148,163,184,0.25)",
+        ];
+    return (React.createElement(expo_linear_gradient_1.LinearGradient, { colors: colors, start: { x: 0, y: 0 }, end: { x: 1, y: 0 }, style: [{ height: height, borderRadius: borderRadius, marginVertical: marginVertical }, style] }));
 };
-exports.Skeleton = Skeleton;
+exports.SkeletonFEA = SkeletonFEA;

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export declare const SwitchFEA: ({ value, onValueChange, label, style, disabled, }: {
+    value: boolean;
+    onValueChange: (next: boolean) => void;
+    label?: string;
+    style?: StyleProp<ViewStyle>;
+    disabled?: boolean;
+}) => React.JSX.Element;

package/dist/components/Switch/index.js

@@ -0,0 +1,47 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwitchFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var SwitchFEA = function (_a) {
+    var value = _a.value, onValueChange = _a.onValueChange, label = _a.label, style = _a.style, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    return (React.createElement(react_native_1.View, { style: [{ flexDirection: "row", alignItems: "center", justifyContent: "space-between" }, style] },
+        label ? React.createElement(react_native_1.Text, { style: { color: theme.colors.text, opacity: disabled ? 0.6 : 1 } }, label) : React.createElement(react_native_1.View, null),
+        React.createElement(react_native_1.Switch, { value: value, onValueChange: onValueChange, disabled: disabled, trackColor: { false: theme.mode === "light" ? "#d1d5db" : "#475569", true: theme.colors.primary }, thumbColor: "#ffffff" })));
+};
+exports.SwitchFEA = SwitchFEA;

package/dist/components/TabBar/index.d.ts

@@ -1,6 +1,6 @@
-import { StyleProp, ViewStyle } from "react-native";
 import * as React from "react";
-export declare const TabBar: ({ children, style }: {
+import { StyleProp, ViewStyle } from "react-native";
+export declare const TabBarFEA: ({ children, style, }: {
     children: React.ReactNode;
     style?: StyleProp<ViewStyle>;
 }) => React.JSX.Element;

package/dist/components/TabBar/index.js

@@ -33,13 +33,27 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabBar = void 0;
-var GlassCard_1 = require("../../components/GlassCard");
-var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+exports.TabBarFEA = void 0;
 var React = __importStar(require("react"));
-var TabBar = function (_a) {
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var Card_1 = require("../Card");
+var TabBarFEA = function (_a) {
     var children = _a.children, _b = _a.style, style = _b === void 0 ? {} : _b;
     var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
-    return (React.createElement(GlassCard_1.GlassCard, { style: [{ flexDirection: 'row', justifyContent: 'space-around' }, style] }, children));
+    return (React.createElement(Card_1.CardFEA, { style: [
+            styles.container,
+            {
+                borderColor: theme.mode === "light" ? "#e5e7eb" : "rgba(148,163,184,0.35)",
+            },
+            style,
+        ] }, children));
 };
-exports.TabBar = TabBar;
+exports.TabBarFEA = TabBarFEA;
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: "row",
+        justifyContent: "space-around",
+        paddingVertical: 8,
+    },
+});

package/dist/components/Tabs/index.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export declare const TabsFEA: ({ defaultValue, children, }: {
+    defaultValue: string;
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export declare const TabsListFEA: ({ children, style, }: {
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}) => React.JSX.Element;
+export declare const TabsTriggerFEA: ({ value, children, }: {
+    value: string;
+    children: React.ReactNode;
+}) => React.JSX.Element | null;
+export declare const TabsContentFEA: ({ value, children, }: {
+    value: string;
+    children: React.ReactNode;
+}) => React.JSX.Element | null;

package/dist/components/Tabs/index.js

@@ -0,0 +1,102 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabsContentFEA = exports.TabsTriggerFEA = exports.TabsListFEA = exports.TabsFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var TabsContext = React.createContext(null);
+var TabsFEA = function (_a) {
+    var defaultValue = _a.defaultValue, children = _a.children;
+    var _b = React.useState(defaultValue), value = _b[0], setValue = _b[1];
+    return React.createElement(TabsContext.Provider, { value: { value: value, setValue: setValue } }, children);
+};
+exports.TabsFEA = TabsFEA;
+var TabsListFEA = function (_a) {
+    var children = _a.children, style = _a.style;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    return (React.createElement(react_native_1.View, { style: [
+            styles.list,
+            {
+                backgroundColor: theme.mode === "light" ? "#f3f4f6" : "#1f2937",
+                borderColor: theme.mode === "light" ? "#e5e7eb" : "#374151",
+            },
+            style,
+        ] }, children));
+};
+exports.TabsListFEA = TabsListFEA;
+var TabsTriggerFEA = function (_a) {
+    var value = _a.value, children = _a.children;
+    var ctx = React.useContext(TabsContext);
+    if (!ctx)
+        return null;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    var active = ctx.value === value;
+    return (React.createElement(react_native_1.Pressable, { style: [
+            styles.trigger,
+            active
+                ? {
+                    backgroundColor: theme.mode === "light" ? "#ffffff" : "#0f172a",
+                    borderColor: theme.mode === "light" ? "#d1d5db" : "#334155",
+                }
+                : undefined,
+        ], onPress: function () { return ctx.setValue(value); } },
+        React.createElement(react_native_1.Text, { style: { color: theme.colors.text, fontWeight: active ? "600" : "500" } }, children)));
+};
+exports.TabsTriggerFEA = TabsTriggerFEA;
+var TabsContentFEA = function (_a) {
+    var value = _a.value, children = _a.children;
+    var ctx = React.useContext(TabsContext);
+    if (!ctx || ctx.value !== value)
+        return null;
+    return React.createElement(react_native_1.View, { style: { marginTop: 12 } }, children);
+};
+exports.TabsContentFEA = TabsContentFEA;
+var styles = react_native_1.StyleSheet.create({
+    list: {
+        flexDirection: "row",
+        borderWidth: 1,
+        borderRadius: 10,
+        padding: 4,
+    },
+    trigger: {
+        flex: 1,
+        borderRadius: 8,
+        paddingVertical: 8,
+        alignItems: "center",
+        borderWidth: 1,
+        borderColor: "transparent",
+    },
+});

package/dist/components/Textarea/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export declare const TextareaFEA: ({ placeholder, style, }: {
+    placeholder?: string;
+    style?: StyleProp<ViewStyle>;
+}) => React.JSX.Element;

package/dist/components/Textarea/index.js

@@ -0,0 +1,62 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextareaFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var TextareaFEA = function (_a) {
+    var placeholder = _a.placeholder, style = _a.style;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    return (React.createElement(react_native_1.TextInput, { multiline: true, textAlignVertical: "top", placeholder: placeholder, placeholderTextColor: theme.mode === "light" ? "#9ca3af" : "rgba(148,163,184,0.9)", style: [
+            styles.base,
+            {
+                backgroundColor: theme.mode === "light" ? "#ffffff" : "rgba(15,23,42,0.9)",
+                color: theme.colors.text,
+                borderColor: theme.mode === "light" ? "#e5e7eb" : "rgba(51,65,85,0.9)",
+            },
+            style,
+        ] }));
+};
+exports.TextareaFEA = TextareaFEA;
+var styles = react_native_1.StyleSheet.create({
+    base: {
+        minHeight: 100,
+        borderWidth: 1,
+        borderRadius: 10,
+        paddingHorizontal: 14,
+        paddingVertical: 10,
+    },
+});

package/dist/components/ThemeSwitch/index.d.ts

@@ -1,2 +1,2 @@
 import * as React from "react";
-export declare const ThemeSwitch: () => React.JSX.Element;
+export declare const ThemeSwitchFEA: () => React.JSX.Element;

package/dist/components/ThemeSwitch/index.js

@@ -33,12 +33,12 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeSwitch = void 0;
+exports.ThemeSwitchFEA = void 0;
 var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
 var react_native_1 = require("react-native");
 var React = __importStar(require("react"));
 var react_native_2 = require("react-native");
-var ThemeSwitch = function () {
+var ThemeSwitchFEA = function () {
     var _a = (0, ThemeFEAVUiProvider_1.useTheme)(), theme = _a.theme, toggleTheme = _a.toggleTheme;
     return (React.createElement(react_native_1.TouchableOpacity, { onPress: toggleTheme },
         React.createElement(react_native_2.Text, { style: { color: theme.colors.text } },
@@ -46,4 +46,4 @@ var ThemeSwitch = function () {
             theme.mode === 'light' ? 'Dark' : 'Light',
             " Mode")));
 };
-exports.ThemeSwitch = ThemeSwitch;
+exports.ThemeSwitchFEA = ThemeSwitchFEA;

package/dist/components/Typography/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { StyleProp, TextStyle } from "react-native";
+type TypographyVariant = "h1" | "h2" | "h3" | "p" | "small" | "muted";
+export declare const TypographyFEA: ({ children, variant, style, }: {
+    children: React.ReactNode;
+    variant?: TypographyVariant;
+    style?: StyleProp<TextStyle>;
+}) => React.JSX.Element;
+export {};

package/dist/components/Typography/index.js

@@ -0,0 +1,64 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TypographyFEA = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var ThemeFEAVUiProvider_1 = require("../../theme/ThemeFEAVUiProvider");
+var TypographyFEA = function (_a) {
+    var children = _a.children, _b = _a.variant, variant = _b === void 0 ? "p" : _b, style = _a.style;
+    var theme = (0, ThemeFEAVUiProvider_1.useTheme)().theme;
+    var variantStyle = variant === "h1"
+        ? styles.h1
+        : variant === "h2"
+            ? styles.h2
+            : variant === "h3"
+                ? styles.h3
+                : variant === "small"
+                    ? styles.small
+                    : variant === "muted"
+                        ? styles.muted
+                        : styles.p;
+    return (React.createElement(react_native_1.Text, { style: [variantStyle, { color: theme.colors.text }, style] }, children));
+};
+exports.TypographyFEA = TypographyFEA;
+var styles = react_native_1.StyleSheet.create({
+    h1: { fontSize: 28, fontWeight: "700", lineHeight: 34 },
+    h2: { fontSize: 22, fontWeight: "700", lineHeight: 28 },
+    h3: { fontSize: 18, fontWeight: "600", lineHeight: 24 },
+    p: { fontSize: 14, fontWeight: "400", lineHeight: 20 },
+    small: { fontSize: 12, fontWeight: "400", lineHeight: 16 },
+    muted: { fontSize: 14, fontWeight: "400", lineHeight: 20, opacity: 0.7 },
+});

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './GlassCard/index';
+export * from './Card/index';
 export * from './Button/index';
 export * from './Input/index';
 export * from './Badge/index';
@@ -8,3 +9,16 @@ export * from './Navbar/index';
 export * from './TabBar/index';
 export * from './ListItem/index';
 export * from './Skeleton/index';
+export * from './Separator/index';
+export * from './Typography/index';
+export * from './Label/index';
+export * from './Textarea/index';
+export * from './Checkbox/index';
+export * from './Switch/index';
+export * from './Alert/index';
+export * from './Avatar/index';
+export * from './Progress/index';
+export * from './Dialog/index';
+export * from './Accordion/index';
+export * from './Tabs/index';
+export * from './ThemeSwitch/index';

package/dist/components/index.js

@@ -15,6 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./GlassCard/index"), exports);
+__exportStar(require("./Card/index"), exports);
 __exportStar(require("./Button/index"), exports);
 __exportStar(require("./Input/index"), exports);
 __exportStar(require("./Badge/index"), exports);
@@ -24,3 +25,16 @@ __exportStar(require("./Navbar/index"), exports);
 __exportStar(require("./TabBar/index"), exports);
 __exportStar(require("./ListItem/index"), exports);
 __exportStar(require("./Skeleton/index"), exports);
+__exportStar(require("./Separator/index"), exports);
+__exportStar(require("./Typography/index"), exports);
+__exportStar(require("./Label/index"), exports);
+__exportStar(require("./Textarea/index"), exports);
+__exportStar(require("./Checkbox/index"), exports);
+__exportStar(require("./Switch/index"), exports);
+__exportStar(require("./Alert/index"), exports);
+__exportStar(require("./Avatar/index"), exports);
+__exportStar(require("./Progress/index"), exports);
+__exportStar(require("./Dialog/index"), exports);
+__exportStar(require("./Accordion/index"), exports);
+__exportStar(require("./Tabs/index"), exports);
+__exportStar(require("./ThemeSwitch/index"), exports);

package/dist/examples/Showcase.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const Showcase: () => React.JSX.Element;