@beyondcorp/beyond-ui-native 0.0.0-stage → 0.1.0

package/README.md

@@ -1,3 +1,213 @@
-# Temporary Holding Version
+# @beyondcorp/beyond-ui-native
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+> A NativeWind-first, accessible, TypeScript-first React Native component library by Beyond Softwares.
+
+Built as the mobile counterpart to [`@beyondcorp/beyond-ui`](https://github.com/beyondcorp/beyond-ui), Beyond UI Native brings unified design tokens, accessible primitives, compound components, reusable screen templates, and production-ready mobile patterns to React Native and Expo.
+
+---
+
+## Highlights
+
+- ⚡ **NativeWind v4-first**: Style universal mobile components using intuitive Tailwind CSS classes.
+- ♿ **Accessible by default**: Built on top of `@rn-primitives` (headless Radix primitives for React Native) and dedicated a11y helpers for screen readers, focus states, and ARIA roles.
+- 🎨 **Design Token Parity**: Synchronized 50–950 shade scales (`primary`, `secondary`, `danger`/`destructive`, `success`, `warning`, `neutral`), semantic dark/light mode tokens, and border radii matching the Beyond UI web ecosystem.
+- 🧩 **Compound Components**: Highly composable APIs for Dialogs, Bottom Sheets, Accordions, Tabs, Selects, Cards, and Alerts.
+- 📱 **Screen Templates**: Ready-to-use production mobile screen templates for Authentication (Sign In, Sign Up, Forgot Password), Dashboard Overview, and Profile/Settings.
+- 🔔 **Built-in Toast & Portals**: Zero-configuration overlay portals and animated toast banners with `useToast()`.
+- 📦 **Dual Module Formats**: Pre-bundled ESM (`.mjs`), CommonJS (`.js`), and full TypeScript definitions (`.d.ts`, `.d.mts`).
+
+---
+
+## Installation
+
+```bash
+# In your Expo or React Native app:
+npm install @beyondcorp/beyond-ui-native
+npx expo install nativewind tailwindcss react-native-reanimated
+```
+
+### 1. Configure Tailwind Preset
+
+Add the Beyond UI Native preset to your `tailwind.config.js`:
+
+```javascript
+// tailwind.config.js
+module.exports = {
+  content: [
+    "./app/**/*.{js,jsx,ts,tsx}",
+    "./src/**/*.{js,jsx,ts,tsx}",
+    "./node_modules/@beyondcorp/beyond-ui-native/dist/**/*.{js,mjs}",
+  ],
+  presets: [
+    require("nativewind/preset"),
+    require("@beyondcorp/beyond-ui-native/preset"),
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};
+```
+
+### 2. Wrap App with `BeyondUIProvider`
+
+```tsx
+import React from "react";
+import { BeyondUIProvider } from "@beyondcorp/beyond-ui-native";
+import { MainNavigator } from "./navigation";
+
+export default function App() {
+  return (
+    <BeyondUIProvider defaultColorScheme="system">
+      <MainNavigator />
+    </BeyondUIProvider>
+  );
+}
+```
+
+---
+
+## Component Catalogue
+
+### 1. Primitives & Layout
+- **`Box`**: Polymorphic container with forwarded ref, NativeWind class support, and accessibility props.
+- **`Pressable`**: Interactive touch target with built-in press feedback (`opacity`, `scale`, `none`).
+- **`Separator`**: Accessible horizontal and vertical layout divider.
+
+### 2. Typography
+- **`Heading`**: Semantic header (`h1` through `h6`, or numeric levels 1–6).
+- **`Text`**: Body text supporting variants (`body`, `muted`, `caption`, `lead`, `error`).
+
+### 3. Actions & Forms
+- **`Button`**: Variants (`primary`, `secondary`, `destructive`, `danger`, `outline`, `ghost`, `link`), sizes (`sm`, `md`, `lg`, `xl`), and loading spinners.
+- **`Input`**: Text input with `leftIcon`/`rightIcon`, `leftElement`/`rightElement`, error messaging, and helper text.
+- **`Textarea`**: Multiline text input with border focus states and validation styling.
+- **`Select`**: Mobile-optimized picker with trigger, searchable options sheet, checkmark selection, and compound parts (`SelectTrigger`, `SelectContent`, `SelectItem`, `SelectValue`).
+- **`Switch`**: Smooth toggle switch with dark mode theme support.
+- **`Checkbox`**: Accessible checkbox with check indicator.
+- **`RadioGroup` & `Radio`**: Single-select radio group.
+
+### 4. Overlays & Feedback
+- **`Dialog`**: Compound modal dialog (`DialogTrigger`, `DialogContent`, `DialogHeader`, `DialogTitle`, `DialogDescription`, `DialogFooter`, `DialogClose`).
+- **`BottomSheet`**: Slide-up sheet modal with drag-down-to-dismiss gesture, backdrop scrim, handle bar, header, and body.
+- **`Accordion`**: Expandable accordion sections (`AccordionItem`, `AccordionTrigger`, `AccordionContent`) supporting single or multiple items.
+- **`Toast`**: Context-driven animated notifications via `useToast()` (`toast.success()`, `toast.error()`, `toast.warning()`, `toast.info()`).
+- **`Alert`**: Status alert banner (`AlertTitle`, `AlertDescription`).
+- **`Spinner`**: Animated activity indicator.
+- **`Skeleton`**: Pulsing placeholder for asynchronous data loading.
+
+### 5. Data Display
+- **`Card`**: Compound card container (`CardHeader`, `CardTitle`, `CardDescription`, `CardContent`, `CardFooter`).
+- **`Badge`**: Status badge supporting `primary`, `secondary`, `success`, `warning`, `danger`, and `outline`.
+- **`Avatar`**: User avatar with automatic fallback initials (`AvatarImage`, `AvatarFallback`).
+- **`StatsCard`**: Metrics card with trend percentage indicator, icon, and description.
+- **`DataTable`**: Mobile-responsive data table and card list with search filter, sortable columns, and pagination.
+- **`Tabs`**: Segmented tab control (`TabsList`, `TabsTrigger`, `TabsContent`).
+
+---
+
+## Production Screen Templates
+
+Beyond UI Native includes ready-to-use, fully functional mobile screen templates under `@beyondcorp/beyond-ui-native`:
+
+```tsx
+import {
+  SignInTemplate,
+  SignUpTemplate,
+  ForgotPasswordTemplate,
+  DashboardTemplate,
+  SettingsTemplate,
+} from "@beyondcorp/beyond-ui-native";
+```
+
+### Sign In Screen
+```tsx
+<SignInTemplate
+  title="Welcome Back"
+  subtitle="Sign in to your Beyond account"
+  onSubmit={({ email, password, rememberMe }) => handleLogin(email, password)}
+  onForgotPassword={() => navigation.navigate("ForgotPassword")}
+  onSignUpPress={() => navigation.navigate("SignUp")}
+  onGooglePress={handleGoogleLogin}
+  onApplePress={handleAppleLogin}
+/>
+```
+
+### Dashboard Screen
+```tsx
+<DashboardTemplate
+  userName="Mark"
+  userRole="Principal Engineer"
+  metrics={[
+    { id: "1", title: "Revenue", value: "$48,500", trend: { direction: "up", value: "+14.2%", label: "this month" } },
+    { id: "2", title: "Active Users", value: "12,400", trend: { direction: "up", value: "+6.8%", label: "growth" } },
+  ]}
+  quickActions={[
+    { id: "1", label: "New Project", icon: "🚀", onPress: () => {} },
+    { id: "2", label: "Export", icon: "📊", onPress: () => {} },
+  ]}
+  recentActivities={[
+    { id: "1", title: "New Order #1084", subtitle: "2 items", timestamp: "5m ago", amount: "$149.00", status: { label: "Completed", variant: "success" } },
+  ]}
+/>
+```
+
+### Settings & Profile Screen
+```tsx
+<SettingsTemplate
+  user={{ name: "Mark Otto", email: "mark@beyondsoftwares.com", plan: "Enterprise" }}
+  pushNotifications={pushEnabled}
+  onTogglePushNotifications={setPushEnabled}
+  isDarkMode={colorScheme === "dark"}
+  onToggleDarkMode={toggleColorScheme}
+  onLogout={handleLogout}
+  onDeleteAccount={handleDeleteAccount}
+/>
+```
+
+---
+
+## Monorepo Architecture
+
+```
+beyond-ui-native/
+├── packages/
+│   └── beyond-ui-native/      # The npm package (@beyondcorp/beyond-ui-native)
+│       ├── src/
+│       │   ├── components/    # 20+ production UI components
+│       │   ├── primitives/    # Box, Pressable layout primitives
+│       │   ├── templates/     # Auth, Dashboard, Settings templates
+│       │   ├── providers/     # BeyondUIProvider & Portal host
+│       │   ├── theme/         # Design tokens & Tailwind preset
+│       │   └── utilities/     # cn (clsx + tailwind-merge) & a11y helpers
+│       ├── tests/             # Automated test suite
+│       └── tsup.config.ts     # ESM, CJS & DTS rollup
+├── apps/
+│   └── example/               # Expo SDK 52 interactive showcase app
+└── .github/
+    └── workflows/             # CI & Release automation pipelines
+```
+
+---
+
+## Scripts
+
+```bash
+# Build the component library
+npm run build
+
+# Run TypeScript typechecks
+npm run typecheck
+
+# Run unit test suite
+npm test
+
+# Start the Expo example application
+npm run example:start
+```
+
+---
+
+## License
+
+MIT © Beyond Softwares

package/dist/chunk-2B6HTSGM.mjs

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

package/dist/chunk-2B6HTSGM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/tokens.ts","../src/theme/preset.ts"],"sourcesContent":["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","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"],"mappings":"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","names":[]}

package/dist/chunk-UTNW3LJA.mjs

@@ -0,0 +1,35 @@
+// src/utilities/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/utilities/accessibility.ts
+function getAccessibilityProps(options = {}) {
+  const { label, hint, role, disabled, selected, checked, busy, expanded } = options;
+  const state = {};
+  if (disabled !== void 0) state.disabled = disabled;
+  if (selected !== void 0) state.selected = selected;
+  if (checked !== void 0) state.checked = checked;
+  if (busy !== void 0) state.busy = busy;
+  if (expanded !== void 0) state.expanded = expanded;
+  const hasState = Object.keys(state).length > 0;
+  return {
+    accessible: true,
+    ...label ? { accessibilityLabel: label } : {},
+    ...hint ? { accessibilityHint: hint } : {},
+    ...role ? { accessibilityRole: role } : {},
+    ...hasState ? { accessibilityState: state } : {}
+  };
+}
+function joinA11yLabels(...parts) {
+  return parts.filter(Boolean).join(", ");
+}
+
+export {
+  cn,
+  getAccessibilityProps,
+  joinA11yLabels
+};
+//# sourceMappingURL=chunk-UTNW3LJA.mjs.map

package/dist/chunk-UTNW3LJA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utilities/cn.ts","../src/utilities/accessibility.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/**\n * Merges class names with tailwind-merge to avoid style collisions in NativeWind.\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","import type { AccessibilityRole, AccessibilityState } from \"react-native\";\n\nexport interface AccessibilityPropsOptions {\n  label?: string;\n  hint?: string;\n  role?: AccessibilityRole;\n  disabled?: boolean;\n  selected?: boolean;\n  checked?: boolean | \"mixed\";\n  busy?: boolean;\n  expanded?: boolean;\n}\n\n/**\n * Helper to construct accessible props for React Native components.\n */\nexport function getAccessibilityProps(options: AccessibilityPropsOptions = {}) {\n  const { label, hint, role, disabled, selected, checked, busy, expanded } = options;\n\n  const state: AccessibilityState = {};\n  if (disabled !== undefined) state.disabled = disabled;\n  if (selected !== undefined) state.selected = selected;\n  if (checked !== undefined) state.checked = checked;\n  if (busy !== undefined) state.busy = busy;\n  if (expanded !== undefined) state.expanded = expanded;\n\n  const hasState = Object.keys(state).length > 0;\n\n  return {\n    accessible: true,\n    ...(label ? { accessibilityLabel: label } : {}),\n    ...(hint ? { accessibilityHint: hint } : {}),\n    ...(role ? { accessibilityRole: role } : {}),\n    ...(hasState ? { accessibilityState: state } : {}),\n  };\n}\n\n/**\n * Format a visually hidden text string or accessibility label from parts.\n */\nexport function joinA11yLabels(...parts: (string | undefined | null | false)[]): string {\n  return parts.filter(Boolean).join(\", \");\n}\n"],"mappings":";AAAA,SAA0B,YAAY;AACtC,SAAS,eAAe;AAKjB,SAAS,MAAM,QAA8B;AAClD,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ACQO,SAAS,sBAAsB,UAAqC,CAAC,GAAG;AAC7E,QAAM,EAAE,OAAO,MAAM,MAAM,UAAU,UAAU,SAAS,MAAM,SAAS,IAAI;AAE3E,QAAM,QAA4B,CAAC;AACnC,MAAI,aAAa,OAAW,OAAM,WAAW;AAC7C,MAAI,aAAa,OAAW,OAAM,WAAW;AAC7C,MAAI,YAAY,OAAW,OAAM,UAAU;AAC3C,MAAI,SAAS,OAAW,OAAM,OAAO;AACrC,MAAI,aAAa,OAAW,OAAM,WAAW;AAE7C,QAAM,WAAW,OAAO,KAAK,KAAK,EAAE,SAAS;AAE7C,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,GAAI,QAAQ,EAAE,oBAAoB,MAAM,IAAI,CAAC;AAAA,IAC7C,GAAI,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;AAAA,IAC1C,GAAI,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;AAAA,IAC1C,GAAI,WAAW,EAAE,oBAAoB,MAAM,IAAI,CAAC;AAAA,EAClD;AACF;AAKO,SAAS,kBAAkB,OAAsD;AACtF,SAAO,MAAM,OAAO,OAAO,EAAE,KAAK,IAAI;AACxC;","names":[]}