orn-ui 0.1.0

package/lib/module/atoms/Spinner.js

@@ -0,0 +1,151 @@
+"use strict";
+
+import React, { memo, useEffect, useRef } from 'react';
+import { ActivityIndicator, Animated, Easing, Text, View } from 'react-native';
+import { createStyles } from '../theme/createStyles';
+import { useAllowFontScaling, useColors } from '../theme/UIProvider';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const useStyles = createStyles(theme => ({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: theme.tokens.spacing.xl
+  },
+  text: {
+    marginTop: theme.tokens.spacing.md,
+    color: theme.colors.textLight,
+    fontSize: theme.tokens.fontSize.md
+  },
+  dots: {
+    flexDirection: 'row',
+    gap: theme.tokens.spacing.sm
+  }
+}));
+
+/** Tres puntos que laten en secuencia. Animated + useNativeDriver: corre en el hilo nativo. */
+const DotsIndicator = /*#__PURE__*/memo(({
+  color,
+  dotSize
+}) => {
+  const dots = [useRef(new Animated.Value(0)).current, useRef(new Animated.Value(0)).current, useRef(new Animated.Value(0)).current];
+  useEffect(() => {
+    const animations = dots.map((dot, i) => Animated.loop(Animated.sequence([Animated.delay(i * 140), Animated.timing(dot, {
+      toValue: 1,
+      duration: 320,
+      useNativeDriver: true,
+      easing: Easing.out(Easing.quad)
+    }), Animated.timing(dot, {
+      toValue: 0,
+      duration: 320,
+      useNativeDriver: true,
+      easing: Easing.in(Easing.quad)
+    }), Animated.delay((2 - i) * 140)])));
+    animations.forEach(a => a.start());
+    // Sin stop() los loops siguen corriendo tras desmontar y mantienen vivo
+    // el árbol de Animated.
+    return () => animations.forEach(a => a.stop());
+  }, []);
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      flexDirection: 'row',
+      gap: dotSize * 0.6
+    },
+    children: dots.map((dot, i) => /*#__PURE__*/_jsx(Animated.View, {
+      style: {
+        width: dotSize,
+        height: dotSize,
+        borderRadius: dotSize / 2,
+        backgroundColor: color,
+        opacity: dot.interpolate({
+          inputRange: [0, 1],
+          outputRange: [0.3, 1]
+        }),
+        transform: [{
+          scale: dot.interpolate({
+            inputRange: [0, 1],
+            outputRange: [0.75, 1]
+          })
+        }]
+      }
+    }, i))
+  });
+});
+DotsIndicator.displayName = 'DotsIndicator';
+
+/** Anillo que gira: un borde con un solo lado coloreado. */
+const RingIndicator = /*#__PURE__*/memo(({
+  color,
+  diameter
+}) => {
+  const spin = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    const animation = Animated.loop(Animated.timing(spin, {
+      toValue: 1,
+      duration: 900,
+      useNativeDriver: true,
+      easing: Easing.linear
+    }));
+    animation.start();
+    return () => animation.stop();
+  }, []);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: {
+      width: diameter,
+      height: diameter,
+      borderRadius: diameter / 2,
+      borderWidth: Math.max(2, diameter / 10),
+      borderColor: color + '33',
+      borderTopColor: color,
+      transform: [{
+        rotate: spin.interpolate({
+          inputRange: [0, 1],
+          outputRange: ['0deg', '360deg']
+        })
+      }]
+    }
+  });
+});
+RingIndicator.displayName = 'RingIndicator';
+export const Spinner = /*#__PURE__*/memo(({
+  size = 'large',
+  color,
+  text,
+  fullscreen = true,
+  variant = 'native',
+  indicator,
+  testID
+}) => {
+  const colors = useColors();
+  const styles = useStyles();
+  const allowFontScaling = useAllowFontScaling();
+  const resolvedColor = color || colors.primary;
+  const scale = size === 'small' ? 8 : 12;
+  const renderIndicator = () => {
+    if (indicator) return indicator;
+    if (variant === 'dots') return /*#__PURE__*/_jsx(DotsIndicator, {
+      color: resolvedColor,
+      dotSize: scale
+    });
+    if (variant === 'ring') return /*#__PURE__*/_jsx(RingIndicator, {
+      color: resolvedColor,
+      diameter: scale * 3
+    });
+    return /*#__PURE__*/_jsx(ActivityIndicator, {
+      size: size,
+      color: resolvedColor
+    });
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, fullscreen && {
+      flex: 1
+    }],
+    testID: testID,
+    children: [renderIndicator(), text && /*#__PURE__*/_jsx(Text, {
+      allowFontScaling: allowFontScaling,
+      style: styles.text,
+      children: text
+    })]
+  });
+});
+Spinner.displayName = 'Spinner';
+//# sourceMappingURL=Spinner.js.map

package/lib/module/atoms/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useRef","ActivityIndicator","Animated","Easing","Text","View","createStyles","useAllowFontScaling","useColors","jsx","_jsx","jsxs","_jsxs","useStyles","theme","container","justifyContent","alignItems","padding","tokens","spacing","xl","text","marginTop","md","color","colors","textLight","fontSize","dots","flexDirection","gap","sm","DotsIndicator","dotSize","Value","current","animations","map","dot","i","loop","sequence","delay","timing","toValue","duration","useNativeDriver","easing","out","quad","in","forEach","a","start","stop","style","children","width","height","borderRadius","backgroundColor","opacity","interpolate","inputRange","outputRange","transform","scale","displayName","RingIndicator","diameter","spin","animation","linear","borderWidth","Math","max","borderColor","borderTopColor","rotate","Spinner","size","fullscreen","variant","indicator","testID","styles","allowFontScaling","resolvedColor","primary","renderIndicator","flex"],"sourceRoot":"../../../src","sources":["atoms/Spinner.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/atoms/Text.js

@@ -0,0 +1,58 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { Text as RNText } from 'react-native';
+import { createStyles } from '../theme/createStyles';
+import { useAllowFontScaling, useColors } from '../theme/UIProvider';
+import { jsx as _jsx } from "react/jsx-runtime";
+const useStyles = createStyles(theme => ({
+  title: {
+    fontSize: theme.tokens.fontSize.xxl,
+    fontWeight: theme.tokens.fontWeight.bold,
+    letterSpacing: -0.5,
+    color: theme.colors.text
+  },
+  subtitle: {
+    fontSize: theme.tokens.fontSize.lg,
+    fontWeight: theme.tokens.fontWeight.medium,
+    color: theme.colors.text
+  },
+  body: {
+    fontSize: theme.tokens.fontSize.md,
+    lineHeight: theme.tokens.lineHeight.md,
+    color: theme.colors.text
+  },
+  caption: {
+    fontSize: theme.tokens.fontSize.sm,
+    color: theme.colors.textLight
+  }
+}));
+function makeVariant(variant, defaultColor) {
+  const Component = /*#__PURE__*/memo(({
+    children,
+    style,
+    color,
+    align = 'left',
+    ...props
+  }) => {
+    const styles = useStyles();
+    const colors = useColors();
+    const allowFontScaling = useAllowFontScaling();
+    return /*#__PURE__*/_jsx(RNText, {
+      allowFontScaling: allowFontScaling,
+      style: [styles[variant], {
+        color: color || colors[defaultColor],
+        textAlign: align
+      }, style],
+      ...props,
+      children: children
+    });
+  });
+  Component.displayName = variant;
+  return Component;
+}
+export const Title = makeVariant('title', 'text');
+export const Subtitle = makeVariant('subtitle', 'text');
+export const Body = makeVariant('body', 'text');
+export const Caption = makeVariant('caption', 'textLight');
+//# sourceMappingURL=Text.js.map

package/lib/module/atoms/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","Text","RNText","createStyles","useAllowFontScaling","useColors","jsx","_jsx","useStyles","theme","title","fontSize","tokens","xxl","fontWeight","bold","letterSpacing","color","colors","text","subtitle","lg","medium","body","md","lineHeight","caption","sm","textLight","makeVariant","variant","defaultColor","Component","children","style","align","props","styles","allowFontScaling","textAlign","displayName","Title","Subtitle","Body","Caption"],"sourceRoot":"../../../src","sources":["atoms/Text.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,IAAIC,MAAM,QAAwD,cAAc;AAC7F,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,mBAAmB,EAAEC,SAAS,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASrE,MAAMC,SAAS,GAAGL,YAAY,CAAEM,KAAK,KAAM;EACzCC,KAAK,EAAE;IACLC,QAAQ,EAAEF,KAAK,CAACG,MAAM,CAACD,QAAQ,CAACE,GAAG;IACnCC,UAAU,EAAEL,KAAK,CAACG,MAAM,CAACE,UAAU,CAACC,IAAI;IACxCC,aAAa,EAAE,CAAC,GAAG;IACnBC,KAAK,EAAER,KAAK,CAACS,MAAM,CAACC;EACtB,CAAC;EACDC,QAAQ,EAAE;IACRT,QAAQ,EAAEF,KAAK,CAACG,MAAM,CAACD,QAAQ,CAACU,EAAE;IAClCP,UAAU,EAAEL,KAAK,CAACG,MAAM,CAACE,UAAU,CAACQ,MAAM;IAC1CL,KAAK,EAAER,KAAK,CAACS,MAAM,CAACC;EACtB,CAAC;EACDI,IAAI,EAAE;IACJZ,QAAQ,EAAEF,KAAK,CAACG,MAAM,CAACD,QAAQ,CAACa,EAAE;IAClCC,UAAU,EAAEhB,KAAK,CAACG,MAAM,CAACa,UAAU,CAACD,EAAE;IACtCP,KAAK,EAAER,KAAK,CAACS,MAAM,CAACC;EACtB,CAAC;EACDO,OAAO,EAAE;IACPf,QAAQ,EAAEF,KAAK,CAACG,MAAM,CAACD,QAAQ,CAACgB,EAAE;IAClCV,KAAK,EAAER,KAAK,CAACS,MAAM,CAACU;EACtB;AACF,CAAC,CAAC,CAAC;AAEH,SAASC,WAAWA,CAACC,OAA2C,EAAEC,YAAkC,EAAE;EACpG,MAAMC,SAAS,gBAAGhC,IAAI,CAAC,CAAC;IAAEiC,QAAQ;IAAEC,KAAK;IAAEjB,KAAK;IAAEkB,KAAK,GAAG,MAAM;IAAE,GAAGC;EAAuB,CAAC,KAAK;IAChG,MAAMC,MAAM,GAAG7B,SAAS,CAAC,CAAC;IAC1B,MAAMU,MAAM,GAAGb,SAAS,CAAC,CAAC;IAC1B,MAAMiC,gBAAgB,GAAGlC,mBAAmB,CAAC,CAAC;IAC9C,oBACEG,IAAA,CAACL,MAAM;MACLoC,gBAAgB,EAAEA,gBAAiB;MACnCJ,KAAK,EAAE,CAACG,MAAM,CAACP,OAAO,CAAC,EAAE;QAAEb,KAAK,EAAEA,KAAK,IAAIC,MAAM,CAACa,YAAY,CAAC;QAAEQ,SAAS,EAAEJ;MAAM,CAAC,EAAED,KAAK,CAAE;MAAA,GACxFE,KAAK;MAAAH,QAAA,EAERA;IAAQ,CACH,CAAC;EAEb,CAAC,CAAC;EACFD,SAAS,CAACQ,WAAW,GAAGV,OAAO;EAC/B,OAAOE,SAAS;AAClB;AAEA,OAAO,MAAMS,KAAK,GAAGZ,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC;AACjD,OAAO,MAAMa,QAAQ,GAAGb,WAAW,CAAC,UAAU,EAAE,MAAM,CAAC;AACvD,OAAO,MAAMc,IAAI,GAAGd,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC;AAC/C,OAAO,MAAMe,OAAO,GAAGf,WAAW,CAAC,SAAS,EAAE,WAAW,CAAC","ignoreList":[]}

package/lib/module/atoms/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+export { Title, Subtitle, Body, Caption } from './Text';
+export { Button } from './Button';
+export { IconButton } from './IconButton';
+export { Input } from './Input';
+export { Checkbox } from './Checkbox';
+export { Badge } from './Badge';
+export { Card } from './Card';
+export { Divider } from './Divider';
+export { Avatar } from './Avatar';
+export { Image, prefetchImage } from './Image';
+export { Spinner } from './Spinner';
+export { EmptyState } from './EmptyState';
+export { KeyValueRow } from './KeyValueRow';
+export { Fab } from './Fab';
+export { PressableScale } from './PressableScale';
+//# sourceMappingURL=index.js.map

package/lib/module/atoms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Title","Subtitle","Body","Caption","Button","IconButton","Input","Checkbox","Badge","Card","Divider","Avatar","Image","prefetchImage","Spinner","EmptyState","KeyValueRow","Fab","PressableScale"],"sourceRoot":"../../../src","sources":["atoms/index.ts"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,OAAO,QAAQ,QAAQ;AAEvD,SAASC,MAAM,QAAQ,UAAU;AAEjC,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,KAAK,QAAQ,SAAS;AAE/B,SAASC,QAAQ,QAAQ,YAAY;AAErC,SAASC,KAAK,QAAQ,SAAS;AAE/B,SAASC,IAAI,QAAQ,QAAQ;AAE7B,SAASC,OAAO,QAAQ,WAAW;AAEnC,SAASC,MAAM,QAAQ,UAAU;AAEjC,SAASC,KAAK,EAAEC,aAAa,QAAQ,SAAS;AAE9C,SAASC,OAAO,QAAQ,WAAW;AAEnC,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,WAAW,QAAQ,eAAe;AAE3C,SAASC,GAAG,QAAQ,OAAO;AAE3B,SAASC,cAAc,QAAQ,kBAAkB","ignoreList":[]}

package/lib/module/icons/Icon.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { View } from 'react-native';
+import { useColors, useIcons } from '../theme/UIProvider';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Icon
+ * Resuelve el glifo vía el renderer activo (UIProvider.icons, default zero-dep
+ * si no se configuró ninguno). Uso interno de la librería — los componentes
+ * públicos exponen `icon?: ReactNode` además de esto, para que el consumidor
+ * pueda inyectar cualquier ícono sin pasar por el sistema de nombres.
+ */
+export const Icon = /*#__PURE__*/memo(({
+  name,
+  size = 20,
+  color,
+  style
+}) => {
+  const colors = useColors();
+  const render = useIcons();
+  const glyph = render(name, {
+    size,
+    color: color ?? colors.text
+  });
+  if (!style) return /*#__PURE__*/_jsx(_Fragment, {
+    children: glyph
+  });
+  return /*#__PURE__*/_jsx(View, {
+    style: style,
+    children: glyph
+  });
+});
+Icon.displayName = 'Icon';
+//# sourceMappingURL=Icon.js.map

package/lib/module/icons/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","View","useColors","useIcons","Fragment","_Fragment","jsx","_jsx","Icon","name","size","color","style","colors","render","glyph","text","children","displayName"],"sourceRoot":"../../../src","sources":["icons/Icon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,SAAS,EAAEC,QAAQ,QAAQ,qBAAqB;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAU1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGR,IAAI,CAAC,CAAC;EAAES,IAAI;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK;EAAEC;AAAiB,CAAC,KAAK;EACzE,MAAMC,MAAM,GAAGX,SAAS,CAAC,CAAC;EAC1B,MAAMY,MAAM,GAAGX,QAAQ,CAAC,CAAC;EACzB,MAAMY,KAAK,GAAGD,MAAM,CAACL,IAAI,EAAE;IAAEC,IAAI;IAAEC,KAAK,EAAEA,KAAK,IAAIE,MAAM,CAACG;EAAK,CAAC,CAAC;EACjE,IAAI,CAACJ,KAAK,EAAE,oBAAOL,IAAA,CAAAF,SAAA;IAAAY,QAAA,EAAGF;EAAK,CAAG,CAAC;EAC/B,oBAAOR,IAAA,CAACN,IAAI;IAACW,KAAK,EAAEA,KAAM;IAAAK,QAAA,EAAEF;EAAK,CAAO,CAAC;AAC3C,CAAC,CAAC;AACFP,IAAI,CAACU,WAAW,GAAG,MAAM","ignoreList":[]}

package/lib/module/icons/defaultIcons.js

@@ -0,0 +1,381 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { Text, View } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Glifos default dibujados con primitivas de RN (View + border + transform).
+ * Cero dependencias, cero fuentes, cero carga asíncrona. Cubren únicamente
+ * lo que la librería necesita internamente (checkbox, chevrons de Select,
+ * toggle de password en Input, etc). Para íconos de producto, el consumidor
+ * inyecta su propio set vía <UIProvider icons={...}> o la prop `icon`.
+ */
+
+const Chevron = /*#__PURE__*/memo(({
+  size,
+  color,
+  direction
+}) => {
+  const strokeWidth = Math.max(1.5, size / 12);
+  const arm = size * 0.32;
+  const rotation = {
+    down: 45,
+    up: 225,
+    left: 135,
+    right: -45
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      width: size,
+      height: size,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: /*#__PURE__*/_jsx(View, {
+      style: {
+        width: arm,
+        height: arm,
+        borderRightWidth: strokeWidth,
+        borderBottomWidth: strokeWidth,
+        borderColor: color,
+        transform: [{
+          rotate: `${rotation[direction]}deg`
+        }, {
+          translateY: -arm * 0.15
+        }]
+      }
+    })
+  });
+});
+Chevron.displayName = 'Chevron';
+const Check = /*#__PURE__*/memo(({
+  size,
+  color
+}) => {
+  const strokeWidth = Math.max(1.5, size / 10);
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      width: size,
+      height: size,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: /*#__PURE__*/_jsx(View, {
+      style: {
+        width: size * 0.5,
+        height: size * 0.28,
+        borderLeftWidth: strokeWidth,
+        borderBottomWidth: strokeWidth,
+        borderColor: color,
+        transform: [{
+          rotate: '-45deg'
+        }, {
+          translateY: -size * 0.06
+        }]
+      }
+    })
+  });
+});
+Check.displayName = 'Check';
+const Close = /*#__PURE__*/memo(({
+  size,
+  color
+}) => {
+  const strokeWidth = Math.max(1.5, size / 10);
+  const line = size * 0.62;
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      width: size,
+      height: size,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        width: line,
+        height: strokeWidth,
+        backgroundColor: color,
+        borderRadius: strokeWidth / 2,
+        transform: [{
+          rotate: '45deg'
+        }]
+      }
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        width: line,
+        height: strokeWidth,
+        backgroundColor: color,
+        borderRadius: strokeWidth / 2,
+        transform: [{
+          rotate: '-45deg'
+        }]
+      }
+    })]
+  });
+});
+Close.displayName = 'Close';
+const PlusMinus = /*#__PURE__*/memo(({
+  size,
+  color,
+  minusOnly
+}) => {
+  const strokeWidth = Math.max(1.5, size / 10);
+  const line = size * 0.56;
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      width: size,
+      height: size,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        width: line,
+        height: strokeWidth,
+        backgroundColor: color,
+        borderRadius: strokeWidth / 2
+      }
+    }), !minusOnly && /*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        width: strokeWidth,
+        height: line,
+        backgroundColor: color,
+        borderRadius: strokeWidth / 2
+      }
+    })]
+  });
+});
+PlusMinus.displayName = 'PlusMinus';
+
+/**
+ * Círculo con un glifo tipográfico adentro (!, i, ?).
+ *
+ * Usa <Text> con la fuente del sistema en vez de componer el glifo con
+ * Views: sigue siendo cero-dependencias (no carga ninguna fuente), y "i" vs
+ * "!" vs "?" quedan inequívocos. Dibujarlos con barras y puntos daba un
+ * "info" idéntico a un "!" invertido, que es exactamente lo que un ícono de
+ * información no debe comunicar.
+ */
+const Circle = /*#__PURE__*/memo(({
+  size,
+  color,
+  filled,
+  label
+}) => {
+  const strokeWidth = Math.max(1.5, size / 12);
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      width: size,
+      height: size,
+      borderRadius: size / 2,
+      borderWidth: filled ? 0 : strokeWidth,
+      borderColor: color,
+      backgroundColor: filled ? color : 'transparent',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: !!label && /*#__PURE__*/_jsx(Text, {
+      allowFontScaling: false,
+      style: {
+        color: filled ? '#fff' : color,
+        fontSize: size * 0.62,
+        lineHeight: size * 0.74,
+        fontWeight: '700',
+        textAlign: 'center',
+        includeFontPadding: false
+      },
+      children: label
+    })
+  });
+});
+Circle.displayName = 'Circle';
+const Eye = /*#__PURE__*/memo(({
+  size,
+  color,
+  off
+}) => {
+  const strokeWidth = Math.max(1.5, size / 12);
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      width: size,
+      height: size,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        width: size * 0.8,
+        height: size * 0.8,
+        borderRadius: size * 0.4,
+        borderWidth: strokeWidth,
+        borderColor: color,
+        overflow: 'hidden',
+        alignItems: 'center',
+        justifyContent: 'center',
+        transform: [{
+          scaleY: 0.55
+        }]
+      },
+      children: /*#__PURE__*/_jsx(View, {
+        style: {
+          width: size * 0.26,
+          height: size * 0.26,
+          borderRadius: size * 0.13,
+          backgroundColor: color,
+          transform: [{
+            scaleY: 1 / 0.55
+          }]
+        }
+      })
+    }), off && /*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        width: size * 1.05,
+        height: strokeWidth,
+        backgroundColor: color,
+        borderRadius: strokeWidth / 2,
+        transform: [{
+          rotate: '-45deg'
+        }]
+      }
+    })]
+  });
+});
+Eye.displayName = 'Eye';
+const Search = /*#__PURE__*/memo(({
+  size,
+  color
+}) => {
+  const strokeWidth = Math.max(1.5, size / 9);
+  // Lente grande (72% del alto) arriba-izquierda y mango corto saliendo de su
+  // borde inferior-derecho sobre la diagonal de 45°. Las proporciones importan
+  // a tamaños chicos (16-20px): con un lente chico y mango largo el glifo se
+  // lee como una coma, no como una lupa.
+  const lensD = size * 0.72;
+  const lensR = lensD / 2;
+  const handleLen = size * 0.34;
+  const diag = Math.SQRT1_2; // cos(45°) === sin(45°)
+  // El mango se centra sobre la diagonal, arrancando justo en el borde del
+  // lente: distancia = radio + mitad del mango, menos un solapamiento de
+  // medio trazo para que no quede un hueco entre borde y mango.
+  const dist = lensR + handleLen / 2 - strokeWidth / 2;
+  const cx = lensR + dist * diag;
+  const cy = lensR + dist * diag;
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      width: size,
+      height: size
+    },
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        width: lensD,
+        height: lensD,
+        borderRadius: lensR,
+        borderWidth: strokeWidth,
+        borderColor: color
+      }
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        left: cx - strokeWidth / 2,
+        top: cy - handleLen / 2,
+        width: strokeWidth,
+        height: handleLen,
+        backgroundColor: color,
+        borderRadius: strokeWidth / 2,
+        transform: [{
+          rotate: '-45deg'
+        }]
+      }
+    })]
+  });
+});
+Search.displayName = 'Search';
+
+/** Renderer default. Se usa cuando <UIProvider icons={...}> no pasa uno propio. */
+export function renderDefaultIcon(name, props) {
+  switch (name) {
+    case 'check':
+      return /*#__PURE__*/_jsx(Check, {
+        ...props
+      });
+    case 'close':
+      return /*#__PURE__*/_jsx(Close, {
+        ...props
+      });
+    case 'chevron-down':
+      return /*#__PURE__*/_jsx(Chevron, {
+        ...props,
+        direction: "down"
+      });
+    case 'chevron-up':
+      return /*#__PURE__*/_jsx(Chevron, {
+        ...props,
+        direction: "up"
+      });
+    case 'chevron-left':
+      return /*#__PURE__*/_jsx(Chevron, {
+        ...props,
+        direction: "left"
+      });
+    case 'chevron-right':
+      return /*#__PURE__*/_jsx(Chevron, {
+        ...props,
+        direction: "right"
+      });
+    case 'eye':
+      return /*#__PURE__*/_jsx(Eye, {
+        ...props
+      });
+    case 'eye-off':
+      return /*#__PURE__*/_jsx(Eye, {
+        ...props,
+        off: true
+      });
+    case 'search':
+      return /*#__PURE__*/_jsx(Search, {
+        ...props
+      });
+    case 'plus':
+      return /*#__PURE__*/_jsx(PlusMinus, {
+        ...props
+      });
+    case 'minus':
+      return /*#__PURE__*/_jsx(PlusMinus, {
+        ...props,
+        minusOnly: true
+      });
+    case 'alert':
+      return /*#__PURE__*/_jsx(Circle, {
+        ...props,
+        filled: true,
+        label: "!"
+      });
+    case 'info':
+      return /*#__PURE__*/_jsx(Circle, {
+        ...props,
+        label: "i"
+      });
+    case 'warning':
+      return /*#__PURE__*/_jsx(Circle, {
+        ...props,
+        filled: true,
+        label: "!"
+      });
+    case 'question':
+      return /*#__PURE__*/_jsx(Circle, {
+        ...props,
+        label: "?"
+      });
+    default:
+      return null;
+  }
+}
+//# sourceMappingURL=defaultIcons.js.map