@beyondcorp/beyond-ui-native 0.1.1 → 0.1.3

package/src/utilities/accessibility.ts

@@ -0,0 +1,43 @@
+import type { AccessibilityRole, AccessibilityState } from "react-native";
+
+export interface AccessibilityPropsOptions {
+  label?: string;
+  hint?: string;
+  role?: AccessibilityRole;
+  disabled?: boolean;
+  selected?: boolean;
+  checked?: boolean | "mixed";
+  busy?: boolean;
+  expanded?: boolean;
+}
+
+/**
+ * Helper to construct accessible props for React Native components.
+ */
+export function getAccessibilityProps(options: AccessibilityPropsOptions = {}) {
+  const { label, hint, role, disabled, selected, checked, busy, expanded } = options;
+
+  const state: AccessibilityState = {};
+  if (disabled !== undefined) state.disabled = disabled;
+  if (selected !== undefined) state.selected = selected;
+  if (checked !== undefined) state.checked = checked;
+  if (busy !== undefined) state.busy = busy;
+  if (expanded !== undefined) 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 } : {}),
+  };
+}
+
+/**
+ * Format a visually hidden text string or accessibility label from parts.
+ */
+export function joinA11yLabels(...parts: (string | undefined | null | false)[]): string {
+  return parts.filter(Boolean).join(", ");
+}

package/src/utilities/cn.ts

@@ -0,0 +1,9 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+/**
+ * Merges class names with tailwind-merge to avoid style collisions in NativeWind.
+ */
+export function cn(...inputs: ClassValue[]): string {
+  return twMerge(clsx(inputs));
+}

package/src/utilities/index.ts

@@ -0,0 +1,2 @@
+export * from "./cn";
+export * from "./accessibility";

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

@@ -1 +0,0 @@
-{"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":[]}