@almadar/mobile 1.1.0 → 1.2.1

package/dist/{chunk-LFHVNHVA.js → chunk-GMR5FKKB.js}

@@ -1,7 +1,7 @@
 import {
   ErrorState,
   LoadingState
-} from "./chunk-7C5JCLLY.js";
+} from "./chunk-QUFLYKWA.js";
 import {
   useEventBus
 } from "./chunk-YTVYMEKU.js";
@@ -90,87 +90,7 @@ var styles = StyleSheet.create({
 });
 Checkbox.displayName = "Checkbox";
 
-// src/components/atoms/Icon.tsx
-import React2 from "react";
-import { View as View2, Text, StyleSheet as StyleSheet2 } from "react-native";
-var iconMap = {
-  home: "\u{1F3E0}",
-  user: "\u{1F464}",
-  settings: "\u2699\uFE0F",
-  "arrow-right": "\u2192",
-  "arrow-left": "\u2190",
-  check: "\u2713",
-  x: "\u2715",
-  plus: "+",
-  minus: "\u2212",
-  search: "\u{1F50D}",
-  menu: "\u2630",
-  "more-vertical": "\u22EE",
-  "chevron-right": "\u203A",
-  "chevron-left": "\u2039",
-  "chevron-down": "\u2304",
-  "chevron-up": "\u2303"
-};
-var Icon = ({
-  name,
-  size = 24,
-  color = "#374151",
-  style
-}) => {
-  return /* @__PURE__ */ React2.createElement(View2, { style: [styles2.container, { width: size, height: size }, style] }, /* @__PURE__ */ React2.createElement(Text, { style: [
-    styles2.icon,
-    { fontSize: size * 0.7, color, lineHeight: size }
-  ] }, iconMap[name] || "?"));
-};
-var styles2 = StyleSheet2.create({
-  container: {
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  icon: {
-    textAlign: "center"
-  }
-});
-Icon.displayName = "Icon";
-
-// src/components/atoms/Divider.tsx
-import React3 from "react";
-import { View as View3, StyleSheet as StyleSheet3 } from "react-native";
-var Divider = ({
-  orientation = "horizontal",
-  thickness = 1,
-  style
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ React3.createElement(
-    View3,
-    {
-      style: [
-        orientation === "horizontal" ? styles3.horizontal : styles3.vertical,
-        {
-          backgroundColor: theme.colors.border,
-          ...orientation === "horizontal" ? { height: thickness } : { width: thickness }
-        },
-        style
-      ]
-    }
-  );
-};
-var styles3 = StyleSheet3.create({
-  horizontal: {
-    width: "100%",
-    marginVertical: 8
-  },
-  vertical: {
-    height: "100%",
-    marginHorizontal: 8
-  }
-});
-Divider.displayName = "Divider";
-
 export {
-  Checkbox,
-  Icon,
-  Divider
+  Checkbox
 };
-//# sourceMappingURL=chunk-LFHVNHVA.js.map
+//# sourceMappingURL=chunk-GMR5FKKB.js.map

package/dist/chunk-GMR5FKKB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/atoms/Checkbox.tsx"],"sourcesContent":["import React from 'react';\nimport { \n  TouchableOpacity, \n  View, \n  StyleSheet, \n  ViewStyle \n} from 'react-native';\nimport { useTheme } from '../../providers/ThemeContext';\nimport { useEventBus } from '../../hooks/useEventBus';\nimport { LoadingState } from '../molecules/LoadingState';\nimport { ErrorState } from '../molecules/ErrorState';\n\nexport interface CheckboxProps {\n  checked?: boolean;\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  size?: 'sm' | 'md' | 'lg';\n  style?: ViewStyle;\n  /** Loading state indicator */\n  isLoading?: boolean;\n  /** Error state */\n  error?: Error | null;\n  /** Entity name for schema-driven auto-fetch */\n  entity?: string;\n  /** Declarative change event name - emits UI:${changeEvent} via eventBus */\n  changeEvent?: string;\n  /** Payload to include with the change event */\n  actionPayload?: Record<string, unknown>;\n}\n\nexport const Checkbox: React.FC<CheckboxProps> = ({\n  checked = false,\n  onChange,\n  disabled = false,\n  size = 'md',\n  style,\n  isLoading,\n  error,\n  changeEvent,\n  actionPayload,\n}) => {\n  const theme = useTheme();\n  const eventBus = useEventBus();\n\n  const handlePress = () => {\n    if (disabled || isLoading) return;\n    \n    const newValue = !checked;\n    if (changeEvent) {\n      eventBus.emit(`UI:${changeEvent}`, { ...actionPayload, checked: newValue });\n    }\n    onChange?.(newValue);\n  };\n\n  if (isLoading) {\n    return (\n      <View style={[styles.container, style]}>\n        <LoadingState message=\"Loading...\" />\n      </View>\n    );\n  }\n\n  if (error) {\n    return (\n      <View style={[styles.container, style]}>\n        <ErrorState message={error.message} />\n      </View>\n    );\n  }\n\n  const sizeStyles: Record<string, { box: number; check: number }> = {\n    sm: { box: 18, check: 10 },\n    md: { box: 24, check: 14 },\n    lg: { box: 32, check: 18 },\n  };\n\n  const { box, check } = sizeStyles[size];\n\n  return (\n    <TouchableOpacity\n      onPress={handlePress}\n      disabled={disabled}\n      activeOpacity={0.8}\n      style={[\n        styles.container,\n        {\n          width: box,\n          height: box,\n          borderRadius: theme.borderRadius.sm,\n          borderWidth: 2,\n          borderColor: checked \n            ? theme.colors.primary \n            : theme.colors.border,\n          backgroundColor: checked \n            ? theme.colors.primary \n            : theme.colors.card,\n          opacity: disabled ? 0.5 : 1,\n        },\n        style,\n      ]}\n    >\n      {checked && (\n        <View\n          style={{\n            width: check,\n            height: check,\n            backgroundColor: theme.colors['primary-foreground'],\n            transform: [{ rotate: '45deg' }],\n          }}\n        />\n      )}\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nCheckbox.displayName = 'Checkbox';\n"],"mappings":";;;;;;;;;;;;AAAA,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAwBA,IAAM,WAAoC,CAAC;AAAA,EAChD,UAAU;AAAA,EACV;AAAA,EACA,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,QAAQ,SAAS;AACvB,QAAM,WAAW,YAAY;AAE7B,QAAM,cAAc,MAAM;AACxB,QAAI,YAAY,UAAW;AAE3B,UAAM,WAAW,CAAC;AAClB,QAAI,aAAa;AACf,eAAS,KAAK,MAAM,WAAW,IAAI,EAAE,GAAG,eAAe,SAAS,SAAS,CAAC;AAAA,IAC5E;AACA,eAAW,QAAQ;AAAA,EACrB;AAEA,MAAI,WAAW;AACb,WACE,oCAAC,QAAK,OAAO,CAAC,OAAO,WAAW,KAAK,KACnC,oCAAC,gBAAa,SAAQ,cAAa,CACrC;AAAA,EAEJ;AAEA,MAAI,OAAO;AACT,WACE,oCAAC,QAAK,OAAO,CAAC,OAAO,WAAW,KAAK,KACnC,oCAAC,cAAW,SAAS,MAAM,SAAS,CACtC;AAAA,EAEJ;AAEA,QAAM,aAA6D;AAAA,IACjE,IAAI,EAAE,KAAK,IAAI,OAAO,GAAG;AAAA,IACzB,IAAI,EAAE,KAAK,IAAI,OAAO,GAAG;AAAA,IACzB,IAAI,EAAE,KAAK,IAAI,OAAO,GAAG;AAAA,EAC3B;AAEA,QAAM,EAAE,KAAK,MAAM,IAAI,WAAW,IAAI;AAEtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT;AAAA,MACA,eAAe;AAAA,MACf,OAAO;AAAA,QACL,OAAO;AAAA,QACP;AAAA,UACE,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,cAAc,MAAM,aAAa;AAAA,UACjC,aAAa;AAAA,UACb,aAAa,UACT,MAAM,OAAO,UACb,MAAM,OAAO;AAAA,UACjB,iBAAiB,UACb,MAAM,OAAO,UACb,MAAM,OAAO;AAAA,UACjB,SAAS,WAAW,MAAM;AAAA,QAC5B;AAAA,QACA;AAAA,MACF;AAAA;AAAA,IAEC,WACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,iBAAiB,MAAM,OAAO,oBAAoB;AAAA,UAClD,WAAW,CAAC,EAAE,QAAQ,QAAQ,CAAC;AAAA,QACjC;AAAA;AAAA,IACF;AAAA,EAEJ;AAEJ;AAEA,IAAM,SAAS,WAAW,OAAO;AAAA,EAC/B,WAAW;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB;AACF,CAAC;AAED,SAAS,cAAc;","names":[]}

package/dist/chunk-K2JGK2QD.js

@@ -0,0 +1,17 @@
+// src/lib/getNestedValue.ts
+function getNestedValue(obj, path) {
+  if (obj === null || obj === void 0 || !path) return void 0;
+  if (!path.includes(".")) return obj[path];
+  const parts = path.split(".");
+  let value = obj;
+  for (const part of parts) {
+    if (value === null || value === void 0 || typeof value !== "object") return void 0;
+    value = value[part];
+  }
+  return value;
+}
+
+export {
+  getNestedValue
+};
+//# sourceMappingURL=chunk-K2JGK2QD.js.map

package/dist/chunk-K2JGK2QD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/getNestedValue.ts"],"sourcesContent":["/**\n * Safely retrieves nested values from objects using dot-notation paths.\n */\nexport function getNestedValue(\n  obj: Record<string, unknown> | null | undefined,\n  path: string\n): unknown {\n  if (obj === null || obj === undefined || !path) return undefined;\n  if (!path.includes('.')) return obj[path];\n\n  const parts = path.split('.');\n  let value: unknown = obj;\n\n  for (const part of parts) {\n    if (value === null || value === undefined || typeof value !== 'object') return undefined;\n    value = (value as Record<string, unknown>)[part];\n  }\n\n  return value;\n}\n"],"mappings":";AAGO,SAAS,eACd,KACA,MACS;AACT,MAAI,QAAQ,QAAQ,QAAQ,UAAa,CAAC,KAAM,QAAO;AACvD,MAAI,CAAC,KAAK,SAAS,GAAG,EAAG,QAAO,IAAI,IAAI;AAExC,QAAM,QAAQ,KAAK,MAAM,GAAG;AAC5B,MAAI,QAAiB;AAErB,aAAW,QAAQ,OAAO;AACxB,QAAI,UAAU,QAAQ,UAAU,UAAa,OAAO,UAAU,SAAU,QAAO;AAC/E,YAAS,MAAkC,IAAI;AAAA,EACjD;AAEA,SAAO;AACT;","names":[]}

package/dist/chunk-MLTSQPVN.js

@@ -0,0 +1,337 @@
+import {
+  Typography
+} from "./chunk-QUFLYKWA.js";
+import {
+  useEventBus
+} from "./chunk-YTVYMEKU.js";
+import {
+  useTheme
+} from "./chunk-CUAWHLEK.js";
+
+// src/components/atoms/Label.tsx
+import React from "react";
+import { Text, StyleSheet } from "react-native";
+var Label = ({
+  children,
+  required = false,
+  disabled = false,
+  style
+}) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ React.createElement(
+    Text,
+    {
+      style: [
+        styles.label,
+        {
+          color: disabled ? theme.colors["muted-foreground"] : theme.colors.foreground
+        },
+        style
+      ]
+    },
+    children,
+    required && /* @__PURE__ */ React.createElement(Text, { style: [styles.required, { color: theme.colors.error }] }, " *")
+  );
+};
+var styles = StyleSheet.create({
+  label: {
+    fontSize: 14,
+    fontWeight: "500",
+    marginBottom: 6
+  },
+  required: {
+    fontWeight: "400"
+  }
+});
+Label.displayName = "Label";
+
+// src/components/atoms/Spinner.tsx
+import React2 from "react";
+import { ActivityIndicator, StyleSheet as StyleSheet2, View } from "react-native";
+var Spinner = ({
+  size = "md",
+  color,
+  style
+}) => {
+  const theme = useTheme();
+  const sizeMap2 = {
+    sm: 16,
+    md: 24,
+    lg: 32
+  };
+  return /* @__PURE__ */ React2.createElement(View, { style: [styles2.container, style] }, /* @__PURE__ */ React2.createElement(
+    ActivityIndicator,
+    {
+      size: sizeMap2[size],
+      color: color || theme.colors.primary
+    }
+  ));
+};
+var styles2 = StyleSheet2.create({
+  container: {
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});
+Spinner.displayName = "Spinner";
+
+// src/components/atoms/DayCell.tsx
+import React3 from "react";
+import { Pressable, StyleSheet as StyleSheet3 } from "react-native";
+var DayCell = ({
+  date,
+  isToday = false,
+  isSelected = false,
+  isDisabled = false,
+  hasEvents = false,
+  onClick,
+  action,
+  actionPayload,
+  style
+}) => {
+  const theme = useTheme();
+  const eventBus = useEventBus();
+  const handlePress = () => {
+    if (isDisabled) return;
+    if (action) {
+      eventBus.emit(`UI:${action}`, actionPayload);
+    }
+    onClick?.();
+  };
+  return /* @__PURE__ */ React3.createElement(
+    Pressable,
+    {
+      onPress: handlePress,
+      disabled: isDisabled,
+      style: [
+        styles3.cell,
+        {
+          borderRadius: theme.borderRadius.md
+        },
+        isToday && {
+          borderWidth: 2,
+          borderColor: theme.colors.primary
+        },
+        isSelected && {
+          backgroundColor: theme.colors.primary
+        },
+        isDisabled && {
+          opacity: 0.3
+        },
+        style
+      ]
+    },
+    /* @__PURE__ */ React3.createElement(
+      Typography,
+      {
+        variant: "body",
+        style: [
+          styles3.dateText,
+          {
+            color: isSelected ? theme.colors["primary-foreground"] : isDisabled ? theme.colors["muted-foreground"] : theme.colors.foreground
+          }
+        ]
+      },
+      date
+    ),
+    hasEvents && /* @__PURE__ */ React3.createElement(
+      Pressable,
+      {
+        style: [
+          styles3.eventDot,
+          {
+            backgroundColor: isSelected ? theme.colors["primary-foreground"] : theme.colors.primary
+          }
+        ]
+      }
+    )
+  );
+};
+var styles3 = StyleSheet3.create({
+  cell: {
+    width: 40,
+    height: 40,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  dateText: {
+    fontSize: 14,
+    fontWeight: "400"
+  },
+  eventDot: {
+    position: "absolute",
+    bottom: 4,
+    width: 4,
+    height: 4,
+    borderRadius: 2
+  }
+});
+DayCell.displayName = "DayCell";
+
+// src/components/atoms/InfiniteScrollSentinel.tsx
+import React4, { useEffect } from "react";
+import { View as View2, StyleSheet as StyleSheet4 } from "react-native";
+var InfiniteScrollSentinel = ({
+  loadMoreEvent,
+  loadMorePayload,
+  isLoading = false,
+  hasMore = true,
+  onLoadMore,
+  style
+}) => {
+  const theme = useTheme();
+  const eventBus = useEventBus();
+  useEffect(() => {
+    if (hasMore && !isLoading) {
+      if (loadMoreEvent) {
+        eventBus.emit(`UI:${loadMoreEvent}`, loadMorePayload);
+      }
+      onLoadMore?.();
+    }
+  }, [hasMore, isLoading, loadMoreEvent, loadMorePayload, onLoadMore, eventBus]);
+  if (!hasMore) {
+    return /* @__PURE__ */ React4.createElement(View2, { style: [styles4.container, style] }, /* @__PURE__ */ React4.createElement(Typography, { variant: "caption", style: { color: theme.colors["muted-foreground"] } }, "No more items"));
+  }
+  if (isLoading) {
+    return /* @__PURE__ */ React4.createElement(View2, { style: [styles4.container, style] }, /* @__PURE__ */ React4.createElement(Spinner, { size: "sm" }));
+  }
+  return /* @__PURE__ */ React4.createElement(View2, { style: [styles4.sentinel, style] });
+};
+var styles4 = StyleSheet4.create({
+  container: {
+    padding: 16,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  sentinel: {
+    height: 1
+  }
+});
+InfiniteScrollSentinel.displayName = "InfiniteScrollSentinel";
+
+// src/components/atoms/game/ControlButton.tsx
+import React5, { useState, useCallback } from "react";
+import {
+  TouchableOpacity,
+  Text as Text2,
+  StyleSheet as StyleSheet5
+} from "react-native";
+var sizeMap = {
+  sm: { width: 40, height: 40, fontSize: 14 },
+  md: { width: 56, height: 56, fontSize: 16 },
+  lg: { width: 72, height: 72, fontSize: 20 },
+  xl: { width: 96, height: 96, fontSize: 24 }
+};
+var shapeMap = {
+  circle: 9999,
+  rounded: 12,
+  square: 4
+};
+var variantMap = {
+  primary: {
+    backgroundColor: "#2563eb",
+    borderColor: "#60a5fa",
+    textColor: "#ffffff"
+  },
+  secondary: {
+    backgroundColor: "#374151",
+    borderColor: "#6b7280",
+    textColor: "#ffffff"
+  },
+  ghost: {
+    backgroundColor: "transparent",
+    borderColor: "rgba(255,255,255,0.3)",
+    textColor: "#ffffff"
+  }
+};
+var ControlButton = ({
+  label,
+  icon,
+  size = "md",
+  shape = "circle",
+  variant = "secondary",
+  onPress,
+  onRelease,
+  pressEvent,
+  releaseEvent,
+  pressed,
+  disabled,
+  style
+}) => {
+  useTheme();
+  const eventBus = useEventBus();
+  const [isPressed, setIsPressed] = useState(false);
+  const actualPressed = pressed ?? isPressed;
+  const sizeConfig = sizeMap[size] ?? sizeMap.md;
+  const borderRadius = shapeMap[shape] ?? shapeMap.circle;
+  const variantConfig = variantMap[variant] ?? variantMap.secondary;
+  const handlePressIn = useCallback(
+    (_e) => {
+      if (disabled) return;
+      setIsPressed(true);
+      if (pressEvent) eventBus.emit(`UI:${pressEvent}`, {});
+      onPress?.();
+    },
+    [disabled, pressEvent, eventBus, onPress]
+  );
+  const handlePressOut = useCallback(
+    (_e) => {
+      if (disabled) return;
+      setIsPressed(false);
+      if (releaseEvent) eventBus.emit(`UI:${releaseEvent}`, {});
+      onRelease?.();
+    },
+    [disabled, releaseEvent, eventBus, onRelease]
+  );
+  return /* @__PURE__ */ React5.createElement(
+    TouchableOpacity,
+    {
+      activeOpacity: 0.8,
+      disabled,
+      onPressIn: handlePressIn,
+      onPressOut: handlePressOut,
+      style: [
+        styles5.button,
+        {
+          width: sizeConfig.width,
+          height: sizeConfig.height,
+          borderRadius,
+          backgroundColor: variantConfig.backgroundColor,
+          borderColor: variantConfig.borderColor,
+          opacity: disabled ? 0.5 : 1,
+          transform: [{ scale: actualPressed ? 0.95 : 1 }]
+        },
+        style
+      ]
+    },
+    icon ? /* @__PURE__ */ React5.createElement(Text2, { style: { fontSize: sizeConfig.fontSize * 1.5 } }, icon) : label ? /* @__PURE__ */ React5.createElement(
+      Text2,
+      {
+        style: {
+          fontSize: sizeConfig.fontSize,
+          color: variantConfig.textColor,
+          fontWeight: "700"
+        }
+      },
+      label
+    ) : null
+  );
+};
+var styles5 = StyleSheet5.create({
+  button: {
+    justifyContent: "center",
+    alignItems: "center",
+    borderWidth: 2,
+    userSelect: "none"
+  }
+});
+ControlButton.displayName = "ControlButton";
+
+export {
+  Label,
+  Spinner,
+  DayCell,
+  InfiniteScrollSentinel,
+  ControlButton
+};
+//# sourceMappingURL=chunk-MLTSQPVN.js.map

package/dist/chunk-MLTSQPVN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/atoms/Label.tsx","../src/components/atoms/Spinner.tsx","../src/components/atoms/DayCell.tsx","../src/components/atoms/InfiniteScrollSentinel.tsx","../src/components/atoms/game/ControlButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, StyleSheet, TextStyle } from 'react-native';\nimport { useTheme } from '../../providers/ThemeContext';\n\nexport interface LabelProps {\n  children: React.ReactNode;\n  required?: boolean;\n  disabled?: boolean;\n  style?: TextStyle;\n  /** Entity name for schema-driven auto-fetch */\n  entity?: string;\n}\n\nexport const Label: React.FC<LabelProps> = ({\n  children,\n  required = false,\n  disabled = false,\n  style,\n}) => {\n  const theme = useTheme();\n\n  return (\n    <Text\n      style={[\n        styles.label,\n        {\n          color: disabled \n            ? theme.colors['muted-foreground'] \n            : theme.colors.foreground,\n        },\n        style,\n      ]}\n    >\n      {children}\n      {required && (\n        <Text style={[styles.required, { color: theme.colors.error }]}>\n          {' *'}\n        </Text>\n      )}\n    </Text>\n  );\n};\n\nconst styles = StyleSheet.create({\n  label: {\n    fontSize: 14,\n    fontWeight: '500',\n    marginBottom: 6,\n  },\n  required: {\n    fontWeight: '400',\n  },\n});\n\nLabel.displayName = 'Label';\n","import React from 'react';\nimport { ActivityIndicator, StyleSheet, View, ViewStyle } from 'react-native';\nimport { useTheme } from '../../providers/ThemeContext';\n\nexport interface SpinnerProps {\n  size?: 'sm' | 'md' | 'lg';\n  color?: string;\n  style?: ViewStyle;\n  /** Entity name for schema-driven auto-fetch */\n  entity?: string;\n}\n\nexport const Spinner: React.FC<SpinnerProps> = ({\n  size = 'md',\n  color,\n  style,\n}) => {\n  const theme = useTheme();\n\n  const sizeMap: Record<string, number> = {\n    sm: 16,\n    md: 24,\n    lg: 32,\n  };\n\n  return (\n    <View style={[styles.container, style]}>\n      <ActivityIndicator\n        size={sizeMap[size]}\n        color={color || theme.colors.primary}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nSpinner.displayName = 'Spinner';\n","import React from 'react';\nimport { Pressable, StyleSheet, ViewStyle } from 'react-native';\nimport { useTheme } from '../../providers/ThemeContext';\nimport { useEventBus } from '../../hooks/useEventBus';\nimport { Typography } from './Typography';\n\nexport interface DayCellProps {\n  date: number;\n  isToday?: boolean;\n  isSelected?: boolean;\n  isDisabled?: boolean;\n  hasEvents?: boolean;\n  onClick?: () => void;\n  action?: string;\n  actionPayload?: Record<string, unknown>;\n  style?: ViewStyle;\n  isLoading?: boolean;\n  error?: Error | null;\n  entity?: string;\n}\n\nexport const DayCell: React.FC<DayCellProps> = ({\n  date,\n  isToday = false,\n  isSelected = false,\n  isDisabled = false,\n  hasEvents = false,\n  onClick,\n  action,\n  actionPayload,\n  style,\n}) => {\n  const theme = useTheme();\n  const eventBus = useEventBus();\n\n  const handlePress = () => {\n    if (isDisabled) return;\n    if (action) {\n      eventBus.emit(`UI:${action}`, actionPayload);\n    }\n    onClick?.();\n  };\n\n  return (\n    <Pressable\n      onPress={handlePress}\n      disabled={isDisabled}\n      style={[\n        styles.cell,\n        {\n          borderRadius: theme.borderRadius.md,\n        },\n        isToday && {\n          borderWidth: 2,\n          borderColor: theme.colors.primary,\n        },\n        isSelected && {\n          backgroundColor: theme.colors.primary,\n        },\n        isDisabled && {\n          opacity: 0.3,\n        },\n        style,\n      ]}\n    >\n      <Typography\n        variant=\"body\"\n        style={[\n          styles.dateText,\n          {\n            color: isSelected\n              ? theme.colors['primary-foreground']\n              : isDisabled\n                ? theme.colors['muted-foreground']\n                : theme.colors.foreground,\n          },\n        ]}\n      >\n        {date}\n      </Typography>\n      {hasEvents && (\n        <Pressable\n          style={[\n            styles.eventDot,\n            {\n              backgroundColor: isSelected\n                ? theme.colors['primary-foreground']\n                : theme.colors.primary,\n            },\n          ]}\n        />\n      )}\n    </Pressable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  cell: {\n    width: 40,\n    height: 40,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  dateText: {\n    fontSize: 14,\n    fontWeight: '400',\n  },\n  eventDot: {\n    position: 'absolute',\n    bottom: 4,\n    width: 4,\n    height: 4,\n    borderRadius: 2,\n  },\n});\n\nDayCell.displayName = 'DayCell';\n","import React, { useEffect } from 'react';\nimport { View, StyleSheet, ViewStyle } from 'react-native';\nimport { useEventBus } from '../../hooks/useEventBus';\nimport { Spinner } from './Spinner';\nimport { Typography } from './Typography';\nimport { useTheme } from '../../providers/ThemeContext';\n\nexport interface InfiniteScrollSentinelProps {\n  loadMoreEvent?: string;\n  loadMorePayload?: Record<string, unknown>;\n  isLoading?: boolean;\n  hasMore?: boolean;\n  onLoadMore?: () => void;\n  style?: ViewStyle;\n  error?: Error | null;\n  entity?: string;\n}\n\nexport const InfiniteScrollSentinel: React.FC<InfiniteScrollSentinelProps> = ({\n  loadMoreEvent,\n  loadMorePayload,\n  isLoading = false,\n  hasMore = true,\n  onLoadMore,\n  style,\n}) => {\n  const theme = useTheme();\n  const eventBus = useEventBus();\n\n  useEffect(() => {\n    if (hasMore && !isLoading) {\n      if (loadMoreEvent) {\n        eventBus.emit(`UI:${loadMoreEvent}`, loadMorePayload);\n      }\n      onLoadMore?.();\n    }\n  }, [hasMore, isLoading, loadMoreEvent, loadMorePayload, onLoadMore, eventBus]);\n\n  if (!hasMore) {\n    return (\n      <View style={[styles.container, style]}>\n        <Typography variant=\"caption\" style={{ color: theme.colors['muted-foreground'] }}>\n          No more items\n        </Typography>\n      </View>\n    );\n  }\n\n  if (isLoading) {\n    return (\n      <View style={[styles.container, style]}>\n        <Spinner size=\"sm\" />\n      </View>\n    );\n  }\n\n  return <View style={[styles.sentinel, style]} />;\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    padding: 16,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  sentinel: {\n    height: 1,\n  },\n});\n\nInfiniteScrollSentinel.displayName = 'InfiniteScrollSentinel';\n","import React, { useState, useCallback } from 'react';\nimport { \n  TouchableOpacity, \n  Text, \n  StyleSheet, \n  GestureResponderEvent,\n  ViewStyle \n} from 'react-native';\nimport { useTheme } from '../../../providers/ThemeContext';\nimport { useEventBus } from '../../../hooks/useEventBus';\n\nexport interface ControlButtonProps {\n  /** Button label text */\n  label?: string;\n  /** Icon component or emoji */\n  icon?: React.ReactNode;\n  /** Size variant */\n  size?: 'sm' | 'md' | 'lg' | 'xl' | string;\n  /** Shape variant */\n  shape?: 'circle' | 'rounded' | 'square' | string;\n  /** Visual variant */\n  variant?: 'primary' | 'secondary' | 'ghost' | string;\n  /** Called when button is pressed */\n  onPress?: () => void;\n  /** Called when button is released */\n  onRelease?: () => void;\n  /** Declarative event name emitted on press via useEventBus */\n  pressEvent?: string;\n  /** Declarative event name emitted on release via useEventBus */\n  releaseEvent?: string;\n  /** Whether the button is currently pressed */\n  pressed?: boolean;\n  /** Whether the button is disabled */\n  disabled?: boolean;\n  /** Additional styles */\n  style?: ViewStyle;\n}\n\nconst sizeMap: Record<string, { width: number; height: number; fontSize: number }> = {\n  sm: { width: 40, height: 40, fontSize: 14 },\n  md: { width: 56, height: 56, fontSize: 16 },\n  lg: { width: 72, height: 72, fontSize: 20 },\n  xl: { width: 96, height: 96, fontSize: 24 },\n};\n\nconst shapeMap: Record<string, number> = {\n  circle: 9999,\n  rounded: 12,\n  square: 4,\n};\n\nconst variantMap: Record<string, { backgroundColor: string; borderColor: string; textColor: string }> = {\n  primary: { \n    backgroundColor: '#2563eb', \n    borderColor: '#60a5fa',\n    textColor: '#ffffff',\n  },\n  secondary: { \n    backgroundColor: '#374151', \n    borderColor: '#6b7280',\n    textColor: '#ffffff',\n  },\n  ghost: { \n    backgroundColor: 'transparent', \n    borderColor: 'rgba(255,255,255,0.3)',\n    textColor: '#ffffff',\n  },\n};\n\nexport const ControlButton: React.FC<ControlButtonProps> = ({\n  label,\n  icon,\n  size = 'md',\n  shape = 'circle',\n  variant = 'secondary',\n  onPress,\n  onRelease,\n  pressEvent,\n  releaseEvent,\n  pressed,\n  disabled,\n  style,\n}) => {\n  useTheme(); // Theme hook required by pattern\n  const eventBus = useEventBus();\n  const [isPressed, setIsPressed] = useState(false);\n  const actualPressed = pressed ?? isPressed;\n\n  const sizeConfig = sizeMap[size] ?? sizeMap.md;\n  const borderRadius = shapeMap[shape] ?? shapeMap.circle;\n  const variantConfig = variantMap[variant] ?? variantMap.secondary;\n\n  const handlePressIn = useCallback(\n    (_e: GestureResponderEvent) => {\n      if (disabled) return;\n      setIsPressed(true);\n      if (pressEvent) eventBus.emit(`UI:${pressEvent}`, {});\n      onPress?.();\n    },\n    [disabled, pressEvent, eventBus, onPress]\n  );\n\n  const handlePressOut = useCallback(\n    (_e: GestureResponderEvent) => {\n      if (disabled) return;\n      setIsPressed(false);\n      if (releaseEvent) eventBus.emit(`UI:${releaseEvent}`, {});\n      onRelease?.();\n    },\n    [disabled, releaseEvent, eventBus, onRelease]\n  );\n\n  return (\n    <TouchableOpacity\n      activeOpacity={0.8}\n      disabled={disabled}\n      onPressIn={handlePressIn}\n      onPressOut={handlePressOut}\n      style={[\n        styles.button,\n        {\n          width: sizeConfig.width,\n          height: sizeConfig.height,\n          borderRadius,\n          backgroundColor: variantConfig.backgroundColor,\n          borderColor: variantConfig.borderColor,\n          opacity: disabled ? 0.5 : 1,\n          transform: [{ scale: actualPressed ? 0.95 : 1 }],\n        },\n        style as never,\n      ]}\n    >\n      {icon ? (\n        <Text style={{ fontSize: sizeConfig.fontSize * 1.5 }}>\n          {icon as string}\n        </Text>\n      ) : label ? (\n        <Text\n          style={{\n            fontSize: sizeConfig.fontSize,\n            color: variantConfig.textColor,\n            fontWeight: '700',\n          }}\n        >\n          {label}\n        </Text>\n      ) : null}\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    justifyContent: 'center',\n    alignItems: 'center',\n    borderWidth: 2,\n    userSelect: 'none',\n  },\n});\n\nControlButton.displayName = 'ControlButton';\n"],"mappings":"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","names":["React","StyleSheet","sizeMap","React","styles","StyleSheet","React","StyleSheet","React","styles","StyleSheet","React","View","StyleSheet","React","View","styles","StyleSheet","React","Text","StyleSheet","React","styles","Text","StyleSheet"]}