@retray-dev/ui-kit 13.0.0 → 13.4.0

package/src/utils/curatedIcons.ts

@@ -106,31 +106,22 @@ const CATEGORIES: CuratedCategoryDef[] = [
   },
 ]
 
-let _allIcons: string[] | null = null
-let _categorized: CuratedCategoryDef[] | null = null
-
 export function getAllCuratedIcons(): string[] {
-  if (!_allIcons) {
-    const seen = new Set<string>()
-    const result: string[] = []
-    for (const cat of CATEGORIES) {
-      for (const name of cat.icons) {
-        if (!seen.has(name)) {
-          seen.add(name)
-          result.push(name)
-        }
+  const seen = new Set<string>()
+  const result: string[] = []
+  for (const cat of CATEGORIES) {
+    for (const name of cat.icons) {
+      if (!seen.has(name)) {
+        seen.add(name)
+        result.push(name)
       }
     }
-    _allIcons = result
   }
-  return _allIcons!
+  return result
 }
 
 export function getCuratedCategories(): CuratedCategoryDef[] {
-  if (!_categorized) {
-    _categorized = CATEGORIES.map((cat) => ({ ...cat, icons: [...cat.icons] }))
-  }
-  return _categorized!
+  return CATEGORIES.map((cat) => ({ ...cat, icons: [...cat.icons] }))
 }
 
 export function getIconCategory(name: string): string | undefined {

package/src/utils/haptics.ts

@@ -1,45 +1,34 @@
 import { Platform } from 'react-native'
+import * as Haptics from 'expo-haptics'
 
-let _haptics: typeof import('expo-haptics') | null = null
-let _loaded = false
-
-async function getHaptics(): Promise<typeof import('expo-haptics') | null> {
-  if (Platform.OS === 'web') return null
-  if (!_loaded) {
-    _loaded = true
-    try {
-      _haptics = await import('expo-haptics')
-    } catch {
-      _haptics = null
-    }
-  }
-  return _haptics
+function maybeHaptics() {
+  return Platform.OS === 'web' ? null : Haptics
 }
 
 export function selectionAsync(): void {
-  getHaptics().then((h) => h?.selectionAsync())
+  maybeHaptics()?.selectionAsync()
 }
 
 export function impactLight(): void {
-  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Light))
+  maybeHaptics()?.impactAsync(Haptics.ImpactFeedbackStyle.Light)
 }
 
 export function impactMedium(): void {
-  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Medium))
+  maybeHaptics()?.impactAsync(Haptics.ImpactFeedbackStyle.Medium)
 }
 
 export function impactHeavy(): void {
-  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Heavy))
+  maybeHaptics()?.impactAsync(Haptics.ImpactFeedbackStyle.Heavy)
 }
 
 export function notificationSuccess(): void {
-  getHaptics().then((h) => h?.notificationAsync(h.NotificationFeedbackType.Success))
+  maybeHaptics()?.notificationAsync(Haptics.NotificationFeedbackType.Success)
 }
 
 export function notificationError(): void {
-  getHaptics().then((h) => h?.notificationAsync(h.NotificationFeedbackType.Error))
+  maybeHaptics()?.notificationAsync(Haptics.NotificationFeedbackType.Error)
 }
 
 export function notificationWarning(): void {
-  getHaptics().then((h) => h?.notificationAsync(h.NotificationFeedbackType.Warning))
+  maybeHaptics()?.notificationAsync(Haptics.NotificationFeedbackType.Warning)
 }

package/src/utils/icons.ts

@@ -26,27 +26,20 @@ const ALL_FAMILIES: { name: IconFamily; component: IconComponentType; glyphMap?:
   { name: 'Ionicons',      component: Ionicons as unknown as IconComponentType },
 ]
 
-// Lazy singleton cache — populates on first Icon render, persists for session.
-let glyphCacheInitialized = false
-function ensureGlyphCache() {
-  if (glyphCacheInitialized) return
-  glyphCacheInitialized = true
-  for (const entry of ALL_FAMILIES) {
-    try {
-      entry.glyphMap = (entry.component as unknown as { glyphMap?: Record<string, number> }).glyphMap
-    } catch {
-      entry.glyphMap = {}
-    }
+function getGlyphMap(component: IconComponentType): Record<string, number> {
+  try {
+    return (component as unknown as { glyphMap?: Record<string, number> }).glyphMap ?? {}
+  } catch {
+    return {}
   }
 }
 
 export function Icon({ name, size, color, family }: IconProps): React.ReactElement | null {
-  ensureGlyphCache()
   const entry = family
     ? ALL_FAMILIES.find((f) => f.name === family)
     : ALL_FAMILIES.find((f) => {
-        const glyphMap = f.glyphMap
-        return glyphMap ? name in glyphMap : false
+        const glyphMap = getGlyphMap(f.component)
+        return name in glyphMap
       })
 
   if (!entry) return null

package/dist/ListGroup.d.mts

@@ -1,34 +0,0 @@
-import React from 'react';
-import { ViewStyle } from 'react-native';
-
-type ListGroupVariant = 'plain' | 'card';
-interface ListGroupProps {
-    children: React.ReactNode;
-    /**
-     * - `plain` (default): no background, plain ListItems inside.
-     * - `card`: card surface with background + border wrapping plain ListItems.
-     */
-    variant?: ListGroupVariant;
-    style?: ViewStyle;
-}
-interface ListGroupHeaderProps {
-    children: React.ReactNode;
-    style?: ViewStyle;
-}
-interface ListGroupFooterProps {
-    children: React.ReactNode;
-    style?: ViewStyle;
-}
-/**
- * ListGroup wraps multiple ListItems and auto-adds separators between them.
- * Use variant="card" for a standalone surface or "plain" for items inside another container.
- */
-declare function ListGroup({ children, variant, style }: ListGroupProps): React.JSX.Element;
-declare namespace ListGroup {
-    var Header: typeof ListGroupHeader;
-    var Footer: typeof ListGroupFooter;
-}
-declare function ListGroupHeader({ children, style }: ListGroupHeaderProps): React.JSX.Element;
-declare function ListGroupFooter({ children, style }: ListGroupFooterProps): React.JSX.Element;
-
-export { ListGroup, ListGroupFooter, type ListGroupFooterProps, ListGroupHeader, type ListGroupHeaderProps, type ListGroupProps, type ListGroupVariant };

package/dist/ListGroup.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-import { ViewStyle } from 'react-native';
-
-type ListGroupVariant = 'plain' | 'card';
-interface ListGroupProps {
-    children: React.ReactNode;
-    /**
-     * - `plain` (default): no background, plain ListItems inside.
-     * - `card`: card surface with background + border wrapping plain ListItems.
-     */
-    variant?: ListGroupVariant;
-    style?: ViewStyle;
-}
-interface ListGroupHeaderProps {
-    children: React.ReactNode;
-    style?: ViewStyle;
-}
-interface ListGroupFooterProps {
-    children: React.ReactNode;
-    style?: ViewStyle;
-}
-/**
- * ListGroup wraps multiple ListItems and auto-adds separators between them.
- * Use variant="card" for a standalone surface or "plain" for items inside another container.
- */
-declare function ListGroup({ children, variant, style }: ListGroupProps): React.JSX.Element;
-declare namespace ListGroup {
-    var Header: typeof ListGroupHeader;
-    var Footer: typeof ListGroupFooter;
-}
-declare function ListGroupHeader({ children, style }: ListGroupHeaderProps): React.JSX.Element;
-declare function ListGroupFooter({ children, style }: ListGroupFooterProps): React.JSX.Element;
-
-export { ListGroup, ListGroupFooter, type ListGroupFooterProps, ListGroupHeader, type ListGroupHeaderProps, type ListGroupProps, type ListGroupVariant };

package/dist/ListGroup.mjs

@@ -1,5 +0,0 @@
-export { ListGroup, ListGroupFooter, ListGroupHeader } from './chunk-OBV72JD4.mjs';
-import './chunk-QY3X2UYR.mjs';
-import './chunk-KSSVIFYR.mjs';
-import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/MenuGroup.d.mts

@@ -1,34 +0,0 @@
-import React from 'react';
-import { ViewStyle } from 'react-native';
-
-type MenuGroupVariant = 'plain' | 'card';
-interface MenuGroupProps {
-    children: React.ReactNode;
-    /**
-     * - `plain` (default): no background, plain MenuItems inside.
-     * - `card`: card surface with background + border wrapping plain MenuItems.
-     */
-    variant?: MenuGroupVariant;
-    style?: ViewStyle;
-}
-interface MenuGroupHeaderProps {
-    children: React.ReactNode;
-    style?: ViewStyle;
-}
-interface MenuGroupFooterProps {
-    children: React.ReactNode;
-    style?: ViewStyle;
-}
-/**
- * MenuGroup wraps multiple MenuItems and auto-adds separators between them.
- * Use variant="card" for a standalone surface or "plain" for items inside another container.
- */
-declare function MenuGroup({ children, variant, style }: MenuGroupProps): React.JSX.Element;
-declare namespace MenuGroup {
-    var Header: typeof MenuGroupHeader;
-    var Footer: typeof MenuGroupFooter;
-}
-declare function MenuGroupHeader({ children, style }: MenuGroupHeaderProps): React.JSX.Element;
-declare function MenuGroupFooter({ children, style }: MenuGroupFooterProps): React.JSX.Element;
-
-export { MenuGroup, MenuGroupFooter, type MenuGroupFooterProps, MenuGroupHeader, type MenuGroupHeaderProps, type MenuGroupProps, type MenuGroupVariant };

package/dist/MenuGroup.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-import { ViewStyle } from 'react-native';
-
-type MenuGroupVariant = 'plain' | 'card';
-interface MenuGroupProps {
-    children: React.ReactNode;
-    /**
-     * - `plain` (default): no background, plain MenuItems inside.
-     * - `card`: card surface with background + border wrapping plain MenuItems.
-     */
-    variant?: MenuGroupVariant;
-    style?: ViewStyle;
-}
-interface MenuGroupHeaderProps {
-    children: React.ReactNode;
-    style?: ViewStyle;
-}
-interface MenuGroupFooterProps {
-    children: React.ReactNode;
-    style?: ViewStyle;
-}
-/**
- * MenuGroup wraps multiple MenuItems and auto-adds separators between them.
- * Use variant="card" for a standalone surface or "plain" for items inside another container.
- */
-declare function MenuGroup({ children, variant, style }: MenuGroupProps): React.JSX.Element;
-declare namespace MenuGroup {
-    var Header: typeof MenuGroupHeader;
-    var Footer: typeof MenuGroupFooter;
-}
-declare function MenuGroupHeader({ children, style }: MenuGroupHeaderProps): React.JSX.Element;
-declare function MenuGroupFooter({ children, style }: MenuGroupFooterProps): React.JSX.Element;
-
-export { MenuGroup, MenuGroupFooter, type MenuGroupFooterProps, MenuGroupHeader, type MenuGroupHeaderProps, type MenuGroupProps, type MenuGroupVariant };

package/dist/MenuGroup.js

@@ -1,106 +0,0 @@
-'use strict';
-
-var React2 = require('react');
-var reactNative = require('react-native');
-var reactNativeSizeMatters = require('react-native-size-matters');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React2__default = /*#__PURE__*/_interopDefault(React2);
-
-// src/components/MenuGroup/MenuGroup.tsx
-var ThemeContext = React2.createContext(void 0);
-function useTheme() {
-  const context = React2.useContext(ThemeContext);
-  if (!context) {
-    throw new Error("useTheme must be used within a ThemeProvider");
-  }
-  return context;
-}
-var isWeb = reactNative.Platform.OS === "web";
-var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;
-var vs = isWeb ? (n) => n : reactNativeSizeMatters.verticalScale;
-
-// src/tokens.ts
-var RADIUS = {
-  md: 14};
-
-// src/components/MenuGroup/MenuGroup.tsx
-function MenuGroup({ children, variant = "plain", style }) {
-  const { colors } = useTheme();
-  const processedChildren = React2__default.default.Children.map(children, (child, index) => {
-    if (!React2__default.default.isValidElement(child)) return child;
-    if (child.type === MenuGroupHeader || child.type === MenuGroupFooter) {
-      return child;
-    }
-    const childProps = child.props;
-    const isMenuItem = "onPress" in childProps;
-    if (!isMenuItem) return child;
-    const isLast = index === React2__default.default.Children.count(children) - 1;
-    if (childProps["showSeparator"] === void 0 && !isLast) {
-      return React2__default.default.cloneElement(child, {
-        showSeparator: true
-      });
-    }
-    return child;
-  });
-  const cardStyle = variant === "card" ? {
-    backgroundColor: colors.card,
-    borderRadius: RADIUS.md,
-    borderWidth: 1,
-    borderColor: colors.border,
-    shadowColor: "#000",
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.06,
-    shadowRadius: 6,
-    elevation: 2,
-    paddingVertical: vs(4)
-  } : {};
-  return /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: [styles.container, cardStyle, style] }, processedChildren);
-}
-function MenuGroupHeader({ children, style }) {
-  const { colors } = useTheme();
-  if (typeof children === "string") {
-    return /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: [styles.header, { borderBottomColor: colors.separator }, style] }, /* @__PURE__ */ React2__default.default.createElement(reactNative.Text, { style: [styles.headerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
-  }
-  return /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: [styles.header, { borderBottomColor: colors.separator }, style] }, children);
-}
-function MenuGroupFooter({ children, style }) {
-  const { colors } = useTheme();
-  if (typeof children === "string") {
-    return /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: [styles.footer, style] }, /* @__PURE__ */ React2__default.default.createElement(reactNative.Text, { style: [styles.footerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
-  }
-  return /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: [styles.footer, style] }, children);
-}
-MenuGroup.Header = MenuGroupHeader;
-MenuGroup.Footer = MenuGroupFooter;
-var styles = reactNative.StyleSheet.create({
-  container: {
-    overflow: "hidden"
-  },
-  header: {
-    paddingHorizontal: s(16),
-    paddingTop: vs(12),
-    paddingBottom: vs(8),
-    borderBottomWidth: reactNative.StyleSheet.hairlineWidth
-  },
-  headerText: {
-    fontFamily: "Sohne-SemiBold",
-    fontSize: 13,
-    letterSpacing: 0.32,
-    textTransform: "uppercase"
-  },
-  footer: {
-    paddingHorizontal: s(16),
-    paddingTop: vs(8),
-    paddingBottom: vs(12)
-  },
-  footerText: {
-    fontFamily: "Sohne-Regular",
-    fontSize: 12
-  }
-});
-
-exports.MenuGroup = MenuGroup;
-exports.MenuGroupFooter = MenuGroupFooter;
-exports.MenuGroupHeader = MenuGroupHeader;

package/dist/MenuGroup.mjs

@@ -1,5 +0,0 @@
-export { MenuGroup, MenuGroupFooter, MenuGroupHeader } from './chunk-S2VGME7X.mjs';
-import './chunk-QY3X2UYR.mjs';
-import './chunk-KSSVIFYR.mjs';
-import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/chunk-ARONDO7M.mjs

@@ -1,40 +0,0 @@
-import { Platform } from 'react-native';
-
-// src/utils/haptics.ts
-var _haptics = null;
-var _loaded = false;
-async function getHaptics() {
-  if (Platform.OS === "web") return null;
-  if (!_loaded) {
-    _loaded = true;
-    try {
-      _haptics = await import('expo-haptics');
-    } catch {
-      _haptics = null;
-    }
-  }
-  return _haptics;
-}
-function selectionAsync() {
-  getHaptics().then((h) => h?.selectionAsync());
-}
-function impactLight() {
-  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Light));
-}
-function impactMedium() {
-  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Medium));
-}
-function impactHeavy() {
-  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Heavy));
-}
-function notificationSuccess() {
-  getHaptics().then((h) => h?.notificationAsync(h.NotificationFeedbackType.Success));
-}
-function notificationError() {
-  getHaptics().then((h) => h?.notificationAsync(h.NotificationFeedbackType.Error));
-}
-function notificationWarning() {
-  getHaptics().then((h) => h?.notificationAsync(h.NotificationFeedbackType.Warning));
-}
-
-export { impactHeavy, impactLight, impactMedium, notificationError, notificationSuccess, notificationWarning, selectionAsync };

package/dist/chunk-EW2FIDSM.mjs

@@ -1,29 +0,0 @@
-import { useTheme } from './chunk-KSSVIFYR.mjs';
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-
-function Separator({ orientation = "horizontal", style }) {
-  const { colors } = useTheme();
-  return /* @__PURE__ */ React.createElement(
-    View,
-    {
-      style: [
-        orientation === "horizontal" ? styles.horizontal : styles.vertical,
-        { backgroundColor: colors.separator },
-        style
-      ]
-    }
-  );
-}
-var styles = StyleSheet.create({
-  horizontal: {
-    height: 1,
-    width: "100%"
-  },
-  vertical: {
-    width: 1,
-    height: "100%"
-  }
-});
-
-export { Separator };

package/dist/chunk-S2VGME7X.mjs

@@ -1,82 +0,0 @@
-import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
-import { vs, s } from './chunk-2CE3TQVY.mjs';
-import React from 'react';
-import { StyleSheet, View, Text } from 'react-native';
-
-function MenuGroup({ children, variant = "plain", style }) {
-  const { colors } = useTheme();
-  const processedChildren = React.Children.map(children, (child, index) => {
-    if (!React.isValidElement(child)) return child;
-    if (child.type === MenuGroupHeader || child.type === MenuGroupFooter) {
-      return child;
-    }
-    const childProps = child.props;
-    const isMenuItem = "onPress" in childProps;
-    if (!isMenuItem) return child;
-    const isLast = index === React.Children.count(children) - 1;
-    if (childProps["showSeparator"] === void 0 && !isLast) {
-      return React.cloneElement(child, {
-        showSeparator: true
-      });
-    }
-    return child;
-  });
-  const cardStyle = variant === "card" ? {
-    backgroundColor: colors.card,
-    borderRadius: RADIUS.md,
-    borderWidth: 1,
-    borderColor: colors.border,
-    shadowColor: "#000",
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.06,
-    shadowRadius: 6,
-    elevation: 2,
-    paddingVertical: vs(4)
-  } : {};
-  return /* @__PURE__ */ React.createElement(View, { style: [styles.container, cardStyle, style] }, processedChildren);
-}
-function MenuGroupHeader({ children, style }) {
-  const { colors } = useTheme();
-  if (typeof children === "string") {
-    return /* @__PURE__ */ React.createElement(View, { style: [styles.header, { borderBottomColor: colors.separator }, style] }, /* @__PURE__ */ React.createElement(Text, { style: [styles.headerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
-  }
-  return /* @__PURE__ */ React.createElement(View, { style: [styles.header, { borderBottomColor: colors.separator }, style] }, children);
-}
-function MenuGroupFooter({ children, style }) {
-  const { colors } = useTheme();
-  if (typeof children === "string") {
-    return /* @__PURE__ */ React.createElement(View, { style: [styles.footer, style] }, /* @__PURE__ */ React.createElement(Text, { style: [styles.footerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
-  }
-  return /* @__PURE__ */ React.createElement(View, { style: [styles.footer, style] }, children);
-}
-MenuGroup.Header = MenuGroupHeader;
-MenuGroup.Footer = MenuGroupFooter;
-var styles = StyleSheet.create({
-  container: {
-    overflow: "hidden"
-  },
-  header: {
-    paddingHorizontal: s(16),
-    paddingTop: vs(12),
-    paddingBottom: vs(8),
-    borderBottomWidth: StyleSheet.hairlineWidth
-  },
-  headerText: {
-    fontFamily: "Sohne-SemiBold",
-    fontSize: 13,
-    letterSpacing: 0.32,
-    textTransform: "uppercase"
-  },
-  footer: {
-    paddingHorizontal: s(16),
-    paddingTop: vs(8),
-    paddingBottom: vs(12)
-  },
-  footerText: {
-    fontFamily: "Sohne-Regular",
-    fontSize: 12
-  }
-});
-
-export { MenuGroup, MenuGroupFooter, MenuGroupHeader };

package/dist/chunk-Y6FXYEAI.mjs

@@ -1,8 +0,0 @@
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
-export { __require };

package/src/components/ListGroup/index.ts

@@ -1 +0,0 @@
-export * from './ListGroup'