@retray-dev/ui-kit 12.1.0 → 13.0.0

package/dist/chunk-JNVAIDLK.mjs

@@ -1,136 +0,0 @@
-import { TIMINGS, EASINGS } from './chunk-DVK4G2GT.mjs';
-import { renderIcon } from './chunk-KA7LTET3.mjs';
-import { useTheme } from './chunk-EMUWGDWC.mjs';
-import { vs, ms, s } from './chunk-2CE3TQVY.mjs';
-import React, { useState, useEffect } from 'react';
-import { Platform, StyleSheet, View, Text, TextInput } from 'react-native';
-import Animated, { useAnimatedStyle, interpolate, interpolateColor, useSharedValue, withTiming } from 'react-native-reanimated';
-
-function useColorTransition(active, options = {}) {
-  const { duration = TIMINGS.state.duration } = options;
-  const progress = useSharedValue(active ? 1 : 0);
-  useEffect(() => {
-    progress.value = withTiming(active ? 1 : 0, { duration, easing: EASINGS.standard });
-  }, [active, duration, progress]);
-  return progress;
-}
-
-// src/components/Textarea/Textarea.tsx
-var webInputResetStyle = Platform.OS === "web" ? { outlineStyle: "none", outlineWidth: 0, outlineColor: "transparent", boxShadow: "none" } : {};
-function Textarea({
-  label,
-  error,
-  hint,
-  rows = 4,
-  prefixIcon,
-  prefixIconNode,
-  prefixIconColor,
-  containerStyle,
-  style,
-  onFocus,
-  onBlur,
-  accessibilityLabel,
-  ...props
-}) {
-  const { colors } = useTheme();
-  const [focused, setFocused] = useState(false);
-  const focusProgress = useColorTransition(focused, {
-    duration: focused ? TIMINGS.focusIn.duration : TIMINGS.focusOut.duration
-  });
-  const resolvedPrefixIcon = prefixIcon ? renderIcon(prefixIcon, ms(16), prefixIconColor ?? colors.foregroundMuted) : prefixIconNode;
-  const borderAnimStyle = useAnimatedStyle(() => ({
-    borderColor: error ? colors.destructive : interpolateColor(focusProgress.value, [0, 1], [colors.border, colors.primary]),
-    borderWidth: error ? 2 : interpolate(focusProgress.value, [0, 1], [1, 2])
-  }));
-  return /* @__PURE__ */ React.createElement(View, { style: [styles.container, containerStyle] }, label ? /* @__PURE__ */ React.createElement(Text, { style: [styles.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React.createElement(
-    Animated.View,
-    {
-      style: [
-        styles.inputWrapper,
-        { backgroundColor: colors.background }
-      ]
-    },
-    /* @__PURE__ */ React.createElement(Animated.View, { style: [styles.borderOverlay, borderAnimStyle], pointerEvents: "none" }),
-    resolvedPrefixIcon ? /* @__PURE__ */ React.createElement(View, { style: styles.prefixIcon }, resolvedPrefixIcon) : null,
-    /* @__PURE__ */ React.createElement(
-      TextInput,
-      {
-        multiline: true,
-        numberOfLines: rows,
-        textAlignVertical: "top",
-        style: [
-          styles.input,
-          {
-            color: colors.foreground,
-            minHeight: rows * vs(30)
-          },
-          webInputResetStyle,
-          style
-        ],
-        onFocus: (e) => {
-          setFocused(true);
-          onFocus?.(e);
-        },
-        onBlur: (e) => {
-          setFocused(false);
-          onBlur?.(e);
-        },
-        placeholderTextColor: colors.foregroundMuted,
-        allowFontScaling: true,
-        accessibilityLabel: accessibilityLabel ?? label,
-        ...props
-      }
-    )
-  ), error ? /* @__PURE__ */ React.createElement(
-    Text,
-    {
-      style: [styles.helperText, { color: colors.destructive }],
-      allowFontScaling: true,
-      accessibilityLiveRegion: "polite"
-    },
-    error
-  ) : null, !error && hint ? /* @__PURE__ */ React.createElement(Text, { style: [styles.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
-}
-var styles = StyleSheet.create({
-  container: {
-    gap: vs(4)
-  },
-  label: {
-    fontFamily: "Sohne-Medium",
-    fontSize: ms(13),
-    lineHeight: vs(18),
-    marginBottom: vs(2)
-  },
-  inputWrapper: {
-    // Border lives on borderOverlay (absolute); wrapper carries none so the
-    // focus weight change never reflows content.
-    borderRadius: 8,
-    paddingHorizontal: s(14),
-    paddingVertical: vs(11),
-    gap: s(8)
-  },
-  borderOverlay: {
-    ...StyleSheet.absoluteFillObject,
-    borderRadius: 8
-  },
-  prefixIcon: {
-    alignItems: "flex-start",
-    justifyContent: "flex-start",
-    paddingTop: vs(2)
-  },
-  input: {
-    fontFamily: "Sohne-Regular",
-    fontSize: ms(14),
-    lineHeight: vs(22),
-    padding: 0,
-    margin: 0
-  },
-  helperText: {
-    fontFamily: "Sohne-Regular",
-    fontSize: ms(12),
-    lineHeight: vs(16),
-    marginTop: vs(4)
-  }
-});
-
-export { Textarea };

package/dist/chunk-KA7LTET3.mjs

@@ -1,71 +0,0 @@
-import React from 'react';
-import AntDesign from '@expo/vector-icons/AntDesign';
-import Entypo from '@expo/vector-icons/Entypo';
-import Feather from '@expo/vector-icons/Feather';
-import FontAwesome5 from '@expo/vector-icons/FontAwesome5';
-import MaterialIcons from '@expo/vector-icons/MaterialIcons';
-import Ionicons from '@expo/vector-icons/Ionicons';
-
-// src/utils/icons.ts
-var glyphMapOf = (mod) => mod.glyphMap ?? {};
-var ALL_FAMILIES = [
-  { name: "Ionicons", component: Ionicons, getGlyphMap: () => glyphMapOf(Ionicons) },
-  { name: "MaterialIcons", component: MaterialIcons, getGlyphMap: () => glyphMapOf(MaterialIcons) },
-  { name: "FontAwesome5", component: FontAwesome5, getGlyphMap: () => glyphMapOf(FontAwesome5) },
-  { name: "Entypo", component: Entypo, getGlyphMap: () => glyphMapOf(Entypo) },
-  { name: "AntDesign", component: AntDesign, getGlyphMap: () => glyphMapOf(AntDesign) },
-  { name: "Feather", component: Feather, getGlyphMap: () => glyphMapOf(Feather) }
-];
-var activeFamilies = ALL_FAMILIES;
-var resolvedCache = null;
-function configureIconFamilies(families) {
-  const order = families.map((n) => ALL_FAMILIES.find((f) => f.name === n)).filter((f) => f !== void 0);
-  activeFamilies = order.length > 0 ? order : ALL_FAMILIES;
-  resolvedCache = null;
-}
-function buildCache(families) {
-  const cache = /* @__PURE__ */ new Map();
-  for (const family of families ?? activeFamilies) {
-    const glyphMap = family.getGlyphMap();
-    for (const iconName of Object.keys(glyphMap)) {
-      cache.set(iconName, family);
-    }
-  }
-  return cache;
-}
-function resolveFamily(name) {
-  if (!resolvedCache) {
-    resolvedCache = buildCache();
-  }
-  return resolvedCache.get(name) ?? null;
-}
-var cachedIconNames = null;
-function getValidIconNames(families) {
-  if (families && families.length > 0) {
-    const tempFamilies = families.map((n) => ALL_FAMILIES.find((f) => f.name === n)).filter((f) => f !== void 0);
-    if (tempFamilies.length === 0) return [];
-    const cache = buildCache(tempFamilies);
-    return Array.from(cache.keys());
-  }
-  if (!cachedIconNames) {
-    const cache = buildCache();
-    cachedIconNames = Array.from(cache.keys());
-  }
-  return cachedIconNames;
-}
-function Icon({ name, size, color, family }) {
-  let resolved = null;
-  if (family) {
-    resolved = ALL_FAMILIES.find((f) => f.name === family) ?? null;
-  } else {
-    resolved = resolveFamily(name);
-  }
-  if (!resolved) return null;
-  const Component = resolved.component;
-  return React.createElement(Component, { name, size, color });
-}
-function renderIcon(name, size, color) {
-  return React.createElement(Icon, { name, size, color });
-}
-
-export { Icon, configureIconFamilies, getValidIconNames, renderIcon };