@beyondcorp/beyond-ui-native 0.1.1 → 0.1.3

package/dist/preset.d.ts

@@ -1,117 +1 @@
-declare const beyondUIPreset: {
-    darkMode: string;
-    theme: {
-        extend: {
-            colors: {
-                primary: {
-                    readonly 50: "#eff6ff";
-                    readonly 100: "#dbeafe";
-                    readonly 200: "#bfdbfe";
-                    readonly 300: "#93c5fd";
-                    readonly 400: "#60a5fa";
-                    readonly 500: "#3b82f6";
-                    readonly 600: "#2563eb";
-                    readonly 700: "#1d4ed8";
-                    readonly 800: "#1e40af";
-                    readonly 900: "#1e3a8a";
-                    readonly 950: "#172554";
-                    readonly DEFAULT: "#2563eb";
-                };
-                secondary: {
-                    readonly 50: "#f8fafc";
-                    readonly 100: "#f1f5f9";
-                    readonly 200: "#e2e8f0";
-                    readonly 300: "#cbd5e1";
-                    readonly 400: "#94a3b8";
-                    readonly 500: "#64748b";
-                    readonly 600: "#475569";
-                    readonly 700: "#334155";
-                    readonly 800: "#1e293b";
-                    readonly 900: "#0f172a";
-                    readonly 950: "#020617";
-                    readonly DEFAULT: "#475569";
-                };
-                danger: {
-                    readonly 50: "#fef2f2";
-                    readonly 100: "#fee2e2";
-                    readonly 200: "#fecaca";
-                    readonly 300: "#fca5a5";
-                    readonly 400: "#f87171";
-                    readonly 500: "#ef4444";
-                    readonly 600: "#dc2626";
-                    readonly 700: "#b91c1c";
-                    readonly 800: "#991b1b";
-                    readonly 900: "#7f1d1d";
-                    readonly 950: "#450a0a";
-                    readonly DEFAULT: "#dc2626";
-                };
-                destructive: {
-                    readonly 50: "#fef2f2";
-                    readonly 100: "#fee2e2";
-                    readonly 200: "#fecaca";
-                    readonly 300: "#fca5a5";
-                    readonly 400: "#f87171";
-                    readonly 500: "#ef4444";
-                    readonly 600: "#dc2626";
-                    readonly 700: "#b91c1c";
-                    readonly 800: "#991b1b";
-                    readonly 900: "#7f1d1d";
-                    readonly 950: "#450a0a";
-                    readonly DEFAULT: "#dc2626";
-                };
-                success: {
-                    readonly 50: "#f0fdf4";
-                    readonly 100: "#dcfce7";
-                    readonly 200: "#bbf7d0";
-                    readonly 300: "#86efac";
-                    readonly 400: "#4ade80";
-                    readonly 500: "#22c55e";
-                    readonly 600: "#16a34a";
-                    readonly 700: "#15803d";
-                    readonly 800: "#166534";
-                    readonly 900: "#14532d";
-                    readonly 950: "#052e16";
-                    readonly DEFAULT: "#16a34a";
-                };
-                warning: {
-                    readonly 50: "#fffbeb";
-                    readonly 100: "#fef3c7";
-                    readonly 200: "#fde68a";
-                    readonly 300: "#fcd34d";
-                    readonly 400: "#fbbf24";
-                    readonly 500: "#f59e0b";
-                    readonly 600: "#d97706";
-                    readonly 700: "#b45309";
-                    readonly 800: "#92400e";
-                    readonly 900: "#78350f";
-                    readonly 950: "#451a03";
-                    readonly DEFAULT: "#d97706";
-                };
-                neutral: {
-                    readonly 50: "#f9fafb";
-                    readonly 100: "#f3f4f6";
-                    readonly 200: "#e5e7eb";
-                    readonly 300: "#d1d5db";
-                    readonly 400: "#9ca3af";
-                    readonly 500: "#6b7280";
-                    readonly 600: "#4b5563";
-                    readonly 700: "#374151";
-                    readonly 800: "#1f2937";
-                    readonly 900: "#111827";
-                    readonly 950: "#030712";
-                };
-            };
-            borderRadius: {
-                none: string;
-                sm: string;
-                md: string;
-                lg: string;
-                xl: string;
-                "2xl": string;
-                full: string;
-            };
-        };
-    };
-};
-
-export { beyondUIPreset, beyondUIPreset as default };
+export { b as beyondUIPreset, b as default, t as tokens } from './preset-BmUHLoAa.js';

package/dist/preset.js

@@ -21,7 +21,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var preset_exports = {};
 __export(preset_exports, {
   beyondUIPreset: () => beyondUIPreset,
-  default: () => preset_default
+  default: () => preset_default,
+  tokens: () => tokens
 });
 module.exports = __toCommonJS(preset_exports);
 
@@ -181,7 +182,21 @@ var beyondUIPreset = {
         destructive: tokens.colors.destructive,
         success: tokens.colors.success,
         warning: tokens.colors.warning,
-        neutral: tokens.colors.neutral
+        neutral: tokens.colors.neutral,
+        background: tokens.colors.semantic.light.background,
+        foreground: tokens.colors.semantic.light.foreground,
+        card: {
+          DEFAULT: tokens.colors.semantic.light.card,
+          foreground: tokens.colors.semantic.light.cardForeground
+        },
+        cardForeground: tokens.colors.semantic.light.cardForeground,
+        muted: {
+          DEFAULT: tokens.colors.semantic.light.mutedForeground,
+          foreground: tokens.colors.semantic.light.mutedForeground
+        },
+        mutedForeground: tokens.colors.semantic.light.mutedForeground,
+        border: tokens.colors.semantic.light.border,
+        input: tokens.colors.semantic.light.input
       },
       borderRadius: {
         none: "0px",
@@ -198,6 +213,7 @@ var beyondUIPreset = {
 var preset_default = beyondUIPreset;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  beyondUIPreset
+  beyondUIPreset,
+  tokens
 });
 //# sourceMappingURL=preset.js.map

package/dist/preset.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/preset.ts","../src/theme/tokens.ts"],"sourcesContent":["import { tokens } from \"./tokens\";\n\nexport const beyondUIPreset = {\n  darkMode: \"class\",\n  theme: {\n    extend: {\n      colors: {\n        primary: tokens.colors.primary,\n        secondary: tokens.colors.secondary,\n        danger: tokens.colors.danger,\n        destructive: tokens.colors.destructive,\n        success: tokens.colors.success,\n        warning: tokens.colors.warning,\n        neutral: tokens.colors.neutral,\n      },\n      borderRadius: {\n        none: \"0px\",\n        sm: `${tokens.radius.sm}px`,\n        md: `${tokens.radius.md}px`,\n        lg: `${tokens.radius.lg}px`,\n        xl: `${tokens.radius.xl}px`,\n        \"2xl\": `${tokens.radius[\"2xl\"]}px`,\n        full: \"9999px\",\n      },\n    },\n  },\n};\n\nexport default beyondUIPreset;\n","export const tokens = {\n  colors: {\n    primary: {\n      50: \"#eff6ff\",\n      100: \"#dbeafe\",\n      200: \"#bfdbfe\",\n      300: \"#93c5fd\",\n      400: \"#60a5fa\",\n      500: \"#3b82f6\",\n      600: \"#2563eb\",\n      700: \"#1d4ed8\",\n      800: \"#1e40af\",\n      900: \"#1e3a8a\",\n      950: \"#172554\",\n      DEFAULT: \"#2563eb\",\n    },\n    secondary: {\n      50: \"#f8fafc\",\n      100: \"#f1f5f9\",\n      200: \"#e2e8f0\",\n      300: \"#cbd5e1\",\n      400: \"#94a3b8\",\n      500: \"#64748b\",\n      600: \"#475569\",\n      700: \"#334155\",\n      800: \"#1e293b\",\n      900: \"#0f172a\",\n      950: \"#020617\",\n      DEFAULT: \"#475569\",\n    },\n    danger: {\n      50: \"#fef2f2\",\n      100: \"#fee2e2\",\n      200: \"#fecaca\",\n      300: \"#fca5a5\",\n      400: \"#f87171\",\n      500: \"#ef4444\",\n      600: \"#dc2626\",\n      700: \"#b91c1c\",\n      800: \"#991b1b\",\n      900: \"#7f1d1d\",\n      950: \"#450a0a\",\n      DEFAULT: \"#dc2626\",\n    },\n    // Alias for shadcn / React Native convention compatibility\n    destructive: {\n      50: \"#fef2f2\",\n      100: \"#fee2e2\",\n      200: \"#fecaca\",\n      300: \"#fca5a5\",\n      400: \"#f87171\",\n      500: \"#ef4444\",\n      600: \"#dc2626\",\n      700: \"#b91c1c\",\n      800: \"#991b1b\",\n      900: \"#7f1d1d\",\n      950: \"#450a0a\",\n      DEFAULT: \"#dc2626\",\n    },\n    success: {\n      50: \"#f0fdf4\",\n      100: \"#dcfce7\",\n      200: \"#bbf7d0\",\n      300: \"#86efac\",\n      400: \"#4ade80\",\n      500: \"#22c55e\",\n      600: \"#16a34a\",\n      700: \"#15803d\",\n      800: \"#166534\",\n      900: \"#14532d\",\n      950: \"#052e16\",\n      DEFAULT: \"#16a34a\",\n    },\n    warning: {\n      50: \"#fffbeb\",\n      100: \"#fef3c7\",\n      200: \"#fde68a\",\n      300: \"#fcd34d\",\n      400: \"#fbbf24\",\n      500: \"#f59e0b\",\n      600: \"#d97706\",\n      700: \"#b45309\",\n      800: \"#92400e\",\n      900: \"#78350f\",\n      950: \"#451a03\",\n      DEFAULT: \"#d97706\",\n    },\n    neutral: {\n      50: \"#f9fafb\",\n      100: \"#f3f4f6\",\n      200: \"#e5e7eb\",\n      300: \"#d1d5db\",\n      400: \"#9ca3af\",\n      500: \"#6b7280\",\n      600: \"#4b5563\",\n      700: \"#374151\",\n      800: \"#1f2937\",\n      900: \"#111827\",\n      950: \"#030712\",\n    },\n    semantic: {\n      light: {\n        background: \"#ffffff\",\n        foreground: \"#0f172a\",\n        card: \"#ffffff\",\n        cardForeground: \"#0f172a\",\n        muted: \"#f8fafc\",\n        mutedForeground: \"#64748b\",\n        border: \"#e2e8f0\",\n        input: \"#e2e8f0\",\n      },\n      dark: {\n        background: \"#090d16\",\n        foreground: \"#f8fafc\",\n        card: \"#0f172a\",\n        cardForeground: \"#f8fafc\",\n        muted: \"#1e293b\",\n        mutedForeground: \"#94a3b8\",\n        border: \"#334155\",\n        input: \"#334155\",\n      },\n    },\n  },\n  radius: {\n    none: 0,\n    sm: 6,\n    md: 10,\n    lg: 14,\n    xl: 20,\n    \"2xl\": 28,\n    full: 9999,\n  },\n  spacing: {\n    xs: 4,\n    sm: 8,\n    md: 12,\n    lg: 16,\n    xl: 24,\n    \"2xl\": 32,\n    \"3xl\": 48,\n  },\n} as const;\n\nexport type BeyondUITokens = typeof tokens;\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/theme/preset.ts","../src/theme/tokens.ts"],"sourcesContent":["import { tokens } from \"./tokens\";\n\nexport { tokens };\n\nexport const beyondUIPreset = {\n  darkMode: \"class\",\n  theme: {\n    extend: {\n      colors: {\n        primary: tokens.colors.primary,\n        secondary: tokens.colors.secondary,\n        danger: tokens.colors.danger,\n        destructive: tokens.colors.destructive,\n        success: tokens.colors.success,\n        warning: tokens.colors.warning,\n        neutral: tokens.colors.neutral,\n        background: tokens.colors.semantic.light.background,\n        foreground: tokens.colors.semantic.light.foreground,\n        card: {\n          DEFAULT: tokens.colors.semantic.light.card,\n          foreground: tokens.colors.semantic.light.cardForeground,\n        },\n        cardForeground: tokens.colors.semantic.light.cardForeground,\n        muted: {\n          DEFAULT: tokens.colors.semantic.light.mutedForeground,\n          foreground: tokens.colors.semantic.light.mutedForeground,\n        },\n        mutedForeground: tokens.colors.semantic.light.mutedForeground,\n        border: tokens.colors.semantic.light.border,\n        input: tokens.colors.semantic.light.input,\n      },\n      borderRadius: {\n        none: \"0px\",\n        sm: `${tokens.radius.sm}px`,\n        md: `${tokens.radius.md}px`,\n        lg: `${tokens.radius.lg}px`,\n        xl: `${tokens.radius.xl}px`,\n        \"2xl\": `${tokens.radius[\"2xl\"]}px`,\n        full: \"9999px\",\n      },\n    },\n  },\n};\n\nexport default beyondUIPreset;\n","export const tokens = {\n  colors: {\n    primary: {\n      50: \"#eff6ff\",\n      100: \"#dbeafe\",\n      200: \"#bfdbfe\",\n      300: \"#93c5fd\",\n      400: \"#60a5fa\",\n      500: \"#3b82f6\",\n      600: \"#2563eb\",\n      700: \"#1d4ed8\",\n      800: \"#1e40af\",\n      900: \"#1e3a8a\",\n      950: \"#172554\",\n      DEFAULT: \"#2563eb\",\n    },\n    secondary: {\n      50: \"#f8fafc\",\n      100: \"#f1f5f9\",\n      200: \"#e2e8f0\",\n      300: \"#cbd5e1\",\n      400: \"#94a3b8\",\n      500: \"#64748b\",\n      600: \"#475569\",\n      700: \"#334155\",\n      800: \"#1e293b\",\n      900: \"#0f172a\",\n      950: \"#020617\",\n      DEFAULT: \"#475569\",\n    },\n    danger: {\n      50: \"#fef2f2\",\n      100: \"#fee2e2\",\n      200: \"#fecaca\",\n      300: \"#fca5a5\",\n      400: \"#f87171\",\n      500: \"#ef4444\",\n      600: \"#dc2626\",\n      700: \"#b91c1c\",\n      800: \"#991b1b\",\n      900: \"#7f1d1d\",\n      950: \"#450a0a\",\n      DEFAULT: \"#dc2626\",\n    },\n    // Alias for shadcn / React Native convention compatibility\n    destructive: {\n      50: \"#fef2f2\",\n      100: \"#fee2e2\",\n      200: \"#fecaca\",\n      300: \"#fca5a5\",\n      400: \"#f87171\",\n      500: \"#ef4444\",\n      600: \"#dc2626\",\n      700: \"#b91c1c\",\n      800: \"#991b1b\",\n      900: \"#7f1d1d\",\n      950: \"#450a0a\",\n      DEFAULT: \"#dc2626\",\n    },\n    success: {\n      50: \"#f0fdf4\",\n      100: \"#dcfce7\",\n      200: \"#bbf7d0\",\n      300: \"#86efac\",\n      400: \"#4ade80\",\n      500: \"#22c55e\",\n      600: \"#16a34a\",\n      700: \"#15803d\",\n      800: \"#166534\",\n      900: \"#14532d\",\n      950: \"#052e16\",\n      DEFAULT: \"#16a34a\",\n    },\n    warning: {\n      50: \"#fffbeb\",\n      100: \"#fef3c7\",\n      200: \"#fde68a\",\n      300: \"#fcd34d\",\n      400: \"#fbbf24\",\n      500: \"#f59e0b\",\n      600: \"#d97706\",\n      700: \"#b45309\",\n      800: \"#92400e\",\n      900: \"#78350f\",\n      950: \"#451a03\",\n      DEFAULT: \"#d97706\",\n    },\n    neutral: {\n      50: \"#f9fafb\",\n      100: \"#f3f4f6\",\n      200: \"#e5e7eb\",\n      300: \"#d1d5db\",\n      400: \"#9ca3af\",\n      500: \"#6b7280\",\n      600: \"#4b5563\",\n      700: \"#374151\",\n      800: \"#1f2937\",\n      900: \"#111827\",\n      950: \"#030712\",\n    },\n    semantic: {\n      light: {\n        background: \"#ffffff\",\n        foreground: \"#0f172a\",\n        card: \"#ffffff\",\n        cardForeground: \"#0f172a\",\n        muted: \"#f8fafc\",\n        mutedForeground: \"#64748b\",\n        border: \"#e2e8f0\",\n        input: \"#e2e8f0\",\n      },\n      dark: {\n        background: \"#090d16\",\n        foreground: \"#f8fafc\",\n        card: \"#0f172a\",\n        cardForeground: \"#f8fafc\",\n        muted: \"#1e293b\",\n        mutedForeground: \"#94a3b8\",\n        border: \"#334155\",\n        input: \"#334155\",\n      },\n    },\n  },\n  radius: {\n    none: 0,\n    sm: 6,\n    md: 10,\n    lg: 14,\n    xl: 20,\n    \"2xl\": 28,\n    full: 9999,\n  },\n  spacing: {\n    xs: 4,\n    sm: 8,\n    md: 12,\n    lg: 16,\n    xl: 24,\n    \"2xl\": 32,\n    \"3xl\": 48,\n  },\n} as const;\n\nexport type BeyondUITokens = typeof tokens;\n"],"mappings":"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","names":[]}

package/dist/preset.mjs

@@ -1,9 +1,11 @@
 import {
   beyondUIPreset,
-  preset_default
-} from "./chunk-2B6HTSGM.mjs";
+  preset_default,
+  tokens
+} from "./chunk-RNHEGFYR.mjs";
 export {
   beyondUIPreset,
-  preset_default as default
+  preset_default as default,
+  tokens
 };
 //# sourceMappingURL=preset.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beyondcorp/beyond-ui-native",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Accessible, NativeWind-first React Native component library for Beyond Softwares",
   "author": "Beyond Corp",
   "license": "MIT",
@@ -28,12 +28,15 @@
   ],
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
+  "react-native": "./src/index.ts",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "react-native": "./src/index.ts",
+      "import": "./src/index.ts",
+      "require": "./dist/index.js",
+      "default": "./src/index.ts"
     },
     "./preset": {
       "types": "./dist/preset.d.ts",
@@ -42,12 +45,15 @@
     },
     "./utilities": {
       "types": "./dist/utilities.d.ts",
-      "import": "./dist/utilities.mjs",
-      "require": "./dist/utilities.js"
+      "react-native": "./src/utilities/index.ts",
+      "import": "./src/utilities/index.ts",
+      "require": "./dist/utilities.js",
+      "default": "./src/utilities/index.ts"
     }
   },
   "files": [
     "dist",
+    "src",
     "README.md",
     "LICENSE"
   ],

package/src/components/accordion/accordion.tsx

@@ -0,0 +1,245 @@
+import * as React from "react";
+import {
+  View,
+  Pressable,
+  Animated,
+  type ViewProps,
+  type PressableProps,
+} from "react-native";
+import { cn } from "../../utilities/cn";
+import { Text } from "../text/text";
+
+type AccordionType = "single" | "multiple";
+
+interface AccordionContextValue {
+  type: AccordionType;
+  value: string[];
+  toggleItem: (itemValue: string) => void;
+  collapsible: boolean;
+}
+
+const AccordionContext = React.createContext<AccordionContextValue | null>(null);
+
+function useAccordionContext() {
+  const context = React.useContext(AccordionContext);
+  if (!context) {
+    throw new Error("Accordion components must be used within an Accordion");
+  }
+  return context;
+}
+
+export interface AccordionProps extends ViewProps {
+  type?: AccordionType;
+  value?: string | string[];
+  defaultValue?: string | string[];
+  onValueChange?: (value: string | string[]) => void;
+  collapsible?: boolean;
+  className?: string;
+  children: React.ReactNode;
+}
+
+export const Accordion = React.forwardRef<View, AccordionProps>(
+  (
+    {
+      type = "single",
+      value: controlledValue,
+      defaultValue,
+      onValueChange,
+      collapsible = true,
+      className,
+      children,
+      ...props
+    },
+    ref
+  ) => {
+    const toArray = (v?: string | string[]): string[] => {
+      if (!v) return [];
+      return Array.isArray(v) ? v : [v];
+    };
+
+    const [uncontrolledValue, setUncontrolledValue] = React.useState<string[]>(
+      toArray(defaultValue)
+    );
+
+    const isControlled = controlledValue !== undefined;
+    const currentValues = isControlled ? toArray(controlledValue) : uncontrolledValue;
+
+    const toggleItem = React.useCallback(
+      (itemValue: string) => {
+        let nextValues: string[];
+        const isCurrentOpen = currentValues.includes(itemValue);
+
+        if (type === "single") {
+          if (isCurrentOpen) {
+            nextValues = collapsible ? [] : [itemValue];
+          } else {
+            nextValues = [itemValue];
+          }
+        } else {
+          if (isCurrentOpen) {
+            nextValues = currentValues.filter((v) => v !== itemValue);
+          } else {
+            nextValues = [...currentValues, itemValue];
+          }
+        }
+
+        if (!isControlled) {
+          setUncontrolledValue(nextValues);
+        }
+
+        if (onValueChange) {
+          onValueChange(type === "single" ? nextValues[0] ?? "" : nextValues);
+        }
+      },
+      [currentValues, type, collapsible, isControlled, onValueChange]
+    );
+
+    return (
+      <AccordionContext.Provider
+        value={{
+          type,
+          value: currentValues,
+          toggleItem,
+          collapsible,
+        }}
+      >
+        <View
+          ref={ref}
+          className={cn("w-full divide-y divide-border", className)}
+          {...props}
+        >
+          {children}
+        </View>
+      </AccordionContext.Provider>
+    );
+  }
+);
+Accordion.displayName = "Accordion";
+
+// --- Accordion Item ---
+
+interface AccordionItemContextValue {
+  value: string;
+  isOpen: boolean;
+}
+
+const AccordionItemContext = React.createContext<AccordionItemContextValue | null>(null);
+
+function useAccordionItemContext() {
+  const context = React.useContext(AccordionItemContext);
+  if (!context) {
+    throw new Error("AccordionItem subcomponents must be used within an AccordionItem");
+  }
+  return context;
+}
+
+export interface AccordionItemProps extends ViewProps {
+  value: string;
+  className?: string;
+  children: React.ReactNode;
+}
+
+export const AccordionItem = React.forwardRef<View, AccordionItemProps>(
+  ({ value, className, children, ...props }, ref) => {
+    const { value: selectedValues } = useAccordionContext();
+    const isOpen = selectedValues.includes(value);
+
+    return (
+      <AccordionItemContext.Provider value={{ value, isOpen }}>
+        <View
+          ref={ref}
+          className={cn("border-b border-border py-1", className)}
+          {...props}
+        >
+          {children}
+        </View>
+      </AccordionItemContext.Provider>
+    );
+  }
+);
+AccordionItem.displayName = "AccordionItem";
+
+// --- Accordion Trigger ---
+
+export interface AccordionTriggerProps extends PressableProps {
+  className?: string;
+  children: React.ReactNode;
+}
+
+export const AccordionTrigger = React.forwardRef<View, AccordionTriggerProps>(
+  ({ className, children, ...props }, ref) => {
+    const { toggleItem } = useAccordionContext();
+    const { value, isOpen } = useAccordionItemContext();
+
+    const rotationAnim = React.useRef(new Animated.Value(isOpen ? 1 : 0)).current;
+
+    React.useEffect(() => {
+      Animated.timing(rotationAnim, {
+        toValue: isOpen ? 1 : 0,
+        duration: 200,
+        useNativeDriver: true,
+      }).start();
+    }, [isOpen, rotationAnim]);
+
+    const rotate = rotationAnim.interpolate({
+      inputRange: [0, 1],
+      outputRange: ["0deg", "180deg"],
+    });
+
+    return (
+      <Pressable
+        ref={ref}
+        onPress={() => toggleItem(value)}
+        accessibilityRole="button"
+        accessibilityState={{ expanded: isOpen }}
+        className={cn(
+          "flex-row items-center justify-between py-3 px-1 active:opacity-70",
+          className
+        )}
+        {...props}
+      >
+        <View className="flex-1 pr-2">
+          {typeof children === "string" ? (
+            <Text className="text-base font-medium text-foreground">{children}</Text>
+          ) : (
+            children
+          )}
+        </View>
+        <Animated.View style={{ transform: [{ rotate }] }}>
+          <Text className="text-muted text-base font-semibold">▼</Text>
+        </Animated.View>
+      </Pressable>
+    );
+  }
+);
+AccordionTrigger.displayName = "AccordionTrigger";
+
+// --- Accordion Content ---
+
+export interface AccordionContentProps extends ViewProps {
+  className?: string;
+  children: React.ReactNode;
+}
+
+export const AccordionContent = React.forwardRef<View, AccordionContentProps>(
+  ({ className, children, ...props }, ref) => {
+    const { isOpen } = useAccordionItemContext();
+
+    if (!isOpen) return null;
+
+    return (
+      <View
+        ref={ref}
+        className={cn("pt-1 pb-3 px-1 text-sm text-muted", className)}
+        {...props}
+      >
+        {typeof children === "string" ? (
+          <Text className="text-sm text-muted leading-relaxed">{children}</Text>
+        ) : (
+          children
+        )}
+      </View>
+    );
+  }
+);
+AccordionContent.displayName = "AccordionContent";

package/src/components/accordion/index.ts

@@ -0,0 +1 @@
+export * from "./accordion";

package/src/components/alert/alert.tsx

@@ -0,0 +1,118 @@
+import * as React from "react";
+import { View, Text, type ViewProps, type TextProps } from "react-native";
+import { cva, type VariantProps } from "class-variance-authority";
+import { cn } from "../../utilities/cn";
+
+export const alertVariants = cva(
+  "w-full rounded-2xl border p-4 flex-col gap-1",
+  {
+    variants: {
+      variant: {
+        info: "bg-primary-50 border-primary-200 dark:bg-primary-950/40 dark:border-primary-800",
+        success: "bg-success-50 border-success-200 dark:bg-success-950/40 dark:border-success-800",
+        warning: "bg-warning-50 border-warning-200 dark:bg-warning-950/40 dark:border-warning-800",
+        danger: "bg-danger-50 border-danger-200 dark:bg-danger-950/40 dark:border-danger-800",
+      },
+    },
+    defaultVariants: {
+      variant: "info",
+    },
+  }
+);
+
+export const alertTitleVariants = cva("text-base font-bold tracking-tight", {
+  variants: {
+    variant: {
+      info: "text-primary-800 dark:text-primary-300",
+      success: "text-success-800 dark:text-success-300",
+      warning: "text-warning-800 dark:text-warning-300",
+      danger: "text-danger-800 dark:text-danger-300",
+    },
+  },
+  defaultVariants: {
+    variant: "info",
+  },
+});
+
+export const alertDescriptionVariants = cva("text-sm", {
+  variants: {
+    variant: {
+      info: "text-primary-700 dark:text-primary-400",
+      success: "text-success-700 dark:text-success-400",
+      warning: "text-warning-700 dark:text-warning-400",
+      danger: "text-danger-700 dark:text-danger-400",
+    },
+  },
+  defaultVariants: {
+    variant: "info",
+  },
+});
+
+type AlertVariantProps = VariantProps<typeof alertVariants>;
+
+interface AlertContextValue {
+  variant: AlertVariantProps["variant"];
+}
+
+const AlertContext = React.createContext<AlertContextValue>({ variant: "info" });
+
+export interface AlertProps extends ViewProps, AlertVariantProps {
+  className?: string;
+}
+
+export function Alert({
+  variant = "info",
+  className,
+  children,
+  ...props
+}: AlertProps) {
+  return (
+    <AlertContext.Provider value={{ variant }}>
+      <View
+        accessibilityRole="alert"
+        className={cn(alertVariants({ variant }), className)}
+        {...props}
+      >
+        {children}
+      </View>
+    </AlertContext.Provider>
+  );
+}
+
+Alert.displayName = "Alert";
+
+export function AlertTitle({
+  className,
+  children,
+  ...props
+}: TextProps & { className?: string }) {
+  const { variant } = React.useContext(AlertContext);
+  return (
+    <Text
+      className={cn(alertTitleVariants({ variant }), className)}
+      {...props}
+    >
+      {children}
+    </Text>
+  );
+}
+
+AlertTitle.displayName = "Alert.Title";
+
+export function AlertDescription({
+  className,
+  children,
+  ...props
+}: TextProps & { className?: string }) {
+  const { variant } = React.useContext(AlertContext);
+  return (
+    <Text
+      className={cn(alertDescriptionVariants({ variant }), className)}
+      {...props}
+    >
+      {children}
+    </Text>
+  );
+}
+
+AlertDescription.displayName = "Alert.Description";

package/src/components/alert/index.ts

@@ -0,0 +1 @@
+export * from "./alert";