orn-ui 0.2.9 → 0.3.0

package/lib/commonjs/atoms/Text.js

@@ -13,13 +13,15 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 const useStyles = (0, _createStyles.createStyles)(theme => ({
   title: {
     fontSize: theme.tokens.fontSize.xxl,
+    lineHeight: theme.tokens.lineHeight.xl,
     fontWeight: theme.tokens.fontWeight.bold,
-    letterSpacing: -0.5,
+    letterSpacing: theme.tokens.letterSpacing.tight,
     color: theme.colors.text
   },
   subtitle: {
     fontSize: theme.tokens.fontSize.lg,
-    fontWeight: theme.tokens.fontWeight.medium,
+    lineHeight: theme.tokens.lineHeight.lg,
+    fontWeight: theme.tokens.fontWeight.semibold,
     color: theme.colors.text
   },
   body: {
@@ -29,10 +31,11 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
   },
   caption: {
     fontSize: theme.tokens.fontSize.sm,
+    lineHeight: theme.tokens.lineHeight.sm,
     color: theme.colors.textLight
   }
 }));
-function makeVariant(variant, defaultColor) {
+function makeVariant(variant, defaultColor, defaultRole) {
   const Component = /*#__PURE__*/(0, _react.memo)(({
     children,
     style,
@@ -45,6 +48,7 @@ function makeVariant(variant, defaultColor) {
     const allowFontScaling = (0, _UIProvider.useAllowFontScaling)();
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       allowFontScaling: allowFontScaling,
+      accessibilityRole: defaultRole,
       style: [styles[variant], {
         color: color || colors[defaultColor],
         textAlign: align
@@ -53,11 +57,58 @@ function makeVariant(variant, defaultColor) {
       children: children
     });
   });
-  Component.displayName = variant;
+  Component.displayName = String(variant);
   return Component;
 }
-const Title = exports.Title = makeVariant('title', 'text');
+
+/**
+ * Screen or section title: the highest step of the typographic hierarchy.
+ *
+ * Gestalt, focal point (Von Restorff): it is the only text in its block with
+ * size `xxl` and weight `bold`, so it breaks the series of Body/Caption and is
+ * the first thing read. That is why there should be only one per block: two
+ * Titles together cancel each other out. The `tight` tracking offsets the room
+ * the large size opens between letters so the word reads as a single shape
+ * (Prägnanz), and `lineHeight.xl` keeps the block compact when the title wraps.
+ *
+ * Accessibility: it is announced with `accessibilityRole="header"`, so
+ * VoiceOver/TalkBack can jump from title to title. It can be overridden by
+ * passing a different `accessibilityRole`.
+ */
+const Title = exports.Title = makeVariant('title', 'text', 'header');
+/**
+ * Second step of the hierarchy: heads a group within the screen or
+ * accompanies a Title with a short piece of data.
+ *
+ * Gestalt, similarity: it shares its color with Body but steps up size (`lg`)
+ * and weight (`semibold`), so it is perceived as part of the same family and,
+ * at the same time, as the label of the block that follows. Proximity: it
+ * should sit closer to the content it heads than to the previous block. It is
+ * not an accessibility heading: if it marks a navigable section, use Title (or
+ * pass `accessibilityRole="header"`).
+ * `lineHeight.lg` (1.5×) keeps the text legible when it spans several lines.
+ */
 const Subtitle = exports.Subtitle = makeVariant('subtitle', 'text');
+/**
+ * Running text: the default style for paragraphs, descriptions and values.
+ *
+ * Gestalt, similarity: all reading content shares size (`md`), regular weight
+ * and the `text` color, so it is perceived as a single level and the steps
+ * above (Title, Subtitle) and below (Caption) stand out by contrast.
+ * `lineHeight.md` (≈1.43×) gives the room between lines to read long
+ * paragraphs. If `color` is passed, the color/background pair must meet WCAG
+ * AA (4.5:1); the theme colors already guarantee it.
+ */
 const Body = exports.Body = makeVariant('body', 'text');
+/**
+ * Secondary text: hints, metadata, dates, help below a field.
+ *
+ * Gestalt, figure and ground: size `sm` and color `textLight` bring it one
+ * step below Body, so it reads as context and doesn't compete with the
+ * content. Proximity: it sits right next to the element it explains.
+ * `textLight` meets WCAG AA over `surface` and `background` in light and dark
+ * (palettes tests); don't lighten it further. `lineHeight.sm` (≈1.33×) keeps
+ * the lines together when the hint spans several.
+ */
 const Caption = exports.Caption = makeVariant('caption', 'textLight');
 //# sourceMappingURL=Text.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","title","fontSize","tokens","xxl","fontWeight","bold","letterSpacing","color","colors","text","subtitle","lg","medium","body","md","lineHeight","caption","sm","textLight","makeVariant","variant","defaultColor","Component","memo","children","style","align","props","styles","useColors","allowFontScaling","useAllowFontScaling","jsx","Text","textAlign","displayName","Title","exports","Subtitle","Body","Caption"],"sourceRoot":"../../../src","sources":["atoms/Text.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","title","fontSize","tokens","xxl","lineHeight","xl","fontWeight","bold","letterSpacing","tight","color","colors","text","subtitle","lg","semibold","body","md","caption","sm","textLight","makeVariant","variant","defaultColor","defaultRole","Component","memo","children","style","align","props","styles","useColors","allowFontScaling","useAllowFontScaling","jsx","Text","accessibilityRole","textAlign","displayName","String","Title","exports","Subtitle","Body","Caption"],"sourceRoot":"../../../src","sources":["atoms/Text.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/atoms/Transition.js

@@ -4,51 +4,50 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Transition = void 0;
-exports.useReduceMotion = useReduceMotion;
+Object.defineProperty(exports, "useReduceMotion", {
+  enumerable: true,
+  get: function () {
+    return _useReduceMotion.useReduceMotion;
+  }
+});
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _UIProvider = require("../theme/UIProvider");
+var _useReduceMotion = require("../theme/useReduceMotion");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const SCALE_FROM = {
   scale: 0.92,
   pop: 0.8
 };
+const hiddenStyle = {
+  pointerEvents: 'none'
+};
+/** 'pop' spring: bounces once and settles (~350 ms), without oscillating. */
+const POP_SPRING = {
+  friction: 9,
+  tension: 90
+};
 
-/**
- * Sigue el ajuste de "reducir movimiento" del sistema: con él activo las
- * animaciones saltan al estado final en vez de desactivarse, así que los
- * callbacks y el desmontaje siguen ocurriendo igual.
- */
-function useReduceMotion() {
-  const [reduceMotion, setReduceMotion] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    let alive = true;
-    // Sólo se actualiza el estado si el ajuste está activo: el valor inicial ya
-    // es `false` y un setState de false a false costaría un render por montaje.
-    _reactNative.AccessibilityInfo.isReduceMotionEnabled().then(enabled => {
-      if (alive && enabled) setReduceMotion(true);
-    });
-    const sub = _reactNative.AccessibilityInfo.addEventListener('reduceMotionChanged', setReduceMotion);
-    return () => {
-      alive = false;
-      sub.remove();
-    };
-  }, []);
-  return reduceMotion;
-}
+// Lives in theme/ (UIProvider uses it too); re-exported here so existing
+// imports don't break.
 
 /**
  * Transition
- * Envuelve cualquier árbol y lo anima al entrar y al salir. Todos los presets
- * se reducen a `opacity` y `transform` sobre un único Animated.Value, que es
- * lo que `useNativeDriver` sabe mandar al hilo nativo: la animación corre ahí
- * y el hilo de JS no participa de ningún frame — por eso no hay presets de
- * alto, ancho o color, que obligarían a volver a JS en cada frame.
+ * Wraps any tree and animates it on enter and exit. Every preset boils down
+ * to `opacity` and `transform` over a single Animated.Value, which is what
+ * `useNativeDriver` knows how to send to the native thread: the animation runs
+ * there and the JS thread takes part in no frame — that is why there are no
+ * height, width or color presets, which would force a return to JS every frame.
+ *
+ * The node stays mounted until the exit animation finishes, and the behavior
+ * is identical on iOS and Android: there is no per-platform branch. While
+ * exiting (or hidden with `keepMounted`) it stops receiving touches and leaves
+ * the accessibility tree: what is invisible isn't read.
  *
- * El nodo se mantiene montado hasta que termina la animación de salida, y el
- * comportamiento es idéntico en iOS y Android: no hay ninguna rama por
- * plataforma.
+ * Gestalt, common fate: what enters or exits together is perceived as a group;
+ * with a per-index `delay` the list enters in reading order (continuity).
+ * Respects Reduce Motion: jumps to the final state, callbacks still fire.
  */
 const Transition = exports.Transition = /*#__PURE__*/(0, _react.memo)(({
   children,
@@ -56,7 +55,7 @@ const Transition = exports.Transition = /*#__PURE__*/(0, _react.memo)(({
   preset = 'fade',
   duration,
   delay = 0,
-  distance = 24,
+  distance,
   spring,
   appear = true,
   keepMounted = false,
@@ -67,14 +66,18 @@ const Transition = exports.Transition = /*#__PURE__*/(0, _react.memo)(({
   testID
 }) => {
   const theme = (0, _UIProvider.useTheme)();
-  const reduceMotion = useReduceMotion();
+  const travel = distance ?? theme.tokens.spacing.xxl;
+  // Resolved here, not inside the effect: depending on `theme` restarted the
+  // animation (and fired onEntered again) every time the theme changed.
+  const resolvedDuration = duration ?? theme.tokens.duration.base;
+  const reduceMotion = (0, _useReduceMotion.useReduceMotion)();
   const internal = (0, _react.useRef)(new _reactNative.Animated.Value(visible && !appear ? 1 : 0)).current;
   const progress = value ?? internal;
   const driven = value === undefined;
   const [mounted, setMounted] = (0, _react.useState)(visible || keepMounted);
 
-  // Los callbacks viven en un ref: pasados inline cambian de identidad en
-  // cada render y, como dependencias del efecto, reiniciarían la animación.
+  // The callbacks live in a ref: passed inline they change identity on
+  // every render and, as effect dependencies, would restart the animation.
   const callbacks = (0, _react.useRef)({
     onEntered,
     onExited
@@ -102,13 +105,12 @@ const Transition = exports.Transition = /*#__PURE__*/(0, _react.memo)(({
     }) : useSpring ? _reactNative.Animated.spring(progress, {
       toValue,
       delay,
-      friction: 9,
-      tension: 90,
+      ...POP_SPRING,
       useNativeDriver: true
     }) : _reactNative.Animated.timing(progress, {
       toValue,
       delay,
-      duration: duration ?? theme.tokens.duration.base,
+      duration: resolvedDuration,
       easing: visible ? _reactNative.Easing.out(_reactNative.Easing.cubic) : _reactNative.Easing.in(_reactNative.Easing.cubic),
       useNativeDriver: true
     });
@@ -124,7 +126,7 @@ const Transition = exports.Transition = /*#__PURE__*/(0, _react.memo)(({
       if (!keepMounted) setMounted(false);
     });
     return () => animation.stop();
-  }, [visible, driven, reduceMotion, spring, delay, duration, keepMounted, presets, progress, theme]);
+  }, [visible, driven, reduceMotion, spring, delay, resolvedDuration, keepMounted, presets, progress]);
   const animatedStyle = (0, _react.useMemo)(() => {
     const transform = [];
     let opacity;
@@ -143,7 +145,7 @@ const Transition = exports.Transition = /*#__PURE__*/(0, _react.memo)(({
         continue;
       }
       const vertical = item === 'slide-up' || item === 'slide-down';
-      const from = item === 'slide-up' || item === 'slide-left' ? distance : -distance;
+      const from = item === 'slide-up' || item === 'slide-left' ? travel : -travel;
       const offset = progress.interpolate({
         inputRange: [0, 1],
         outputRange: [from, 0]
@@ -158,12 +160,13 @@ const Transition = exports.Transition = /*#__PURE__*/(0, _react.memo)(({
       opacity,
       transform
     };
-  }, [presets, progress, distance]);
+  }, [presets, progress, travel]);
   if (!mounted) return null;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
     testID: testID,
-    pointerEvents: visible ? undefined : 'none',
-    style: [style, animatedStyle],
+    accessibilityElementsHidden: !visible,
+    importantForAccessibility: visible ? 'auto' : 'no-hide-descendants',
+    style: [style, animatedStyle, !visible && hiddenStyle],
     children: children
   });
 });

package/lib/commonjs/atoms/Transition.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_UIProvider","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SCALE_FROM","scale","pop","useReduceMotion","reduceMotion","setReduceMotion","useState","useEffect","alive","AccessibilityInfo","isReduceMotionEnabled","then","enabled","sub","addEventListener","remove","Transition","exports","memo","children","visible","preset","duration","delay","distance","spring","appear","keepMounted","value","onEntered","onExited","style","testID","theme","useTheme","internal","useRef","Animated","Value","current","progress","driven","undefined","mounted","setMounted","callbacks","presetKey","Array","isArray","join","presets","useMemo","split","toValue","useSpring","includes","animation","timing","useNativeDriver","friction","tension","tokens","base","easing","Easing","out","cubic","in","start","finished","stop","animatedStyle","transform","opacity","item","push","interpolate","inputRange","outputRange","vertical","from","offset","translateY","translateX","jsx","View","pointerEvents","displayName"],"sourceRoot":"../../../src","sources":["atoms/Transition.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_UIProvider","_useReduceMotion","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SCALE_FROM","scale","pop","hiddenStyle","pointerEvents","POP_SPRING","friction","tension","Transition","exports","memo","children","visible","preset","duration","delay","distance","spring","appear","keepMounted","value","onEntered","onExited","style","testID","theme","useTheme","travel","tokens","spacing","xxl","resolvedDuration","base","reduceMotion","useReduceMotion","internal","useRef","Animated","Value","current","progress","driven","undefined","mounted","setMounted","useState","callbacks","useEffect","presetKey","Array","isArray","join","presets","useMemo","split","toValue","useSpring","includes","animation","timing","useNativeDriver","easing","Easing","out","cubic","in","start","finished","stop","animatedStyle","transform","opacity","item","push","interpolate","inputRange","outputRange","vertical","from","offset","translateY","translateX","jsx","View","accessibilityElementsHidden","importantForAccessibility","displayName"],"sourceRoot":"../../../src","sources":["atoms/Transition.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/atoms/index.js

@@ -135,6 +135,12 @@ Object.defineProperty(exports, "Transition", {
     return _Transition.Transition;
   }
 });
+Object.defineProperty(exports, "initialsOf", {
+  enumerable: true,
+  get: function () {
+    return _Avatar.initialsOf;
+  }
+});
 Object.defineProperty(exports, "prefetchImage", {
   enumerable: true,
   get: function () {

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

@@ -1 +1 @@
-{"version":3,"names":["_Text","require","_Button","_IconButton","_Input","_Checkbox","_Badge","_Card","_Divider","_Gradient","_Avatar","_Image","_Spinner","_Skeleton","_Transition","_ShinyText","_EmptyState","_KeyValueRow","_Fab","_PressableScale"],"sourceRoot":"../../../src","sources":["atoms/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,SAAA,GAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AAEA,IAAAM,KAAA,GAAAN,OAAA;AAEA,IAAAO,QAAA,GAAAP,OAAA;AAEA,IAAAQ,SAAA,GAAAR,OAAA;AAEA,IAAAS,OAAA,GAAAT,OAAA;AAEA,IAAAU,MAAA,GAAAV,OAAA;AAEA,IAAAW,QAAA,GAAAX,OAAA;AAEA,IAAAY,SAAA,GAAAZ,OAAA;AAEA,IAAAa,WAAA,GAAAb,OAAA;AAEA,IAAAc,UAAA,GAAAd,OAAA;AAEA,IAAAe,WAAA,GAAAf,OAAA;AAEA,IAAAgB,YAAA,GAAAhB,OAAA;AAEA,IAAAiB,IAAA,GAAAjB,OAAA;AAEA,IAAAkB,eAAA,GAAAlB,OAAA","ignoreList":[]}
+{"version":3,"names":["_Text","require","_Button","_IconButton","_Input","_Checkbox","_Badge","_Card","_Divider","_Gradient","_Avatar","_Image","_Spinner","_Skeleton","_Transition","_ShinyText","_EmptyState","_KeyValueRow","_Fab","_PressableScale"],"sourceRoot":"../../../src","sources":["atoms/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,SAAA,GAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AAEA,IAAAM,KAAA,GAAAN,OAAA;AAEA,IAAAO,QAAA,GAAAP,OAAA;AAEA,IAAAQ,SAAA,GAAAR,OAAA;AAEA,IAAAS,OAAA,GAAAT,OAAA;AAEA,IAAAU,MAAA,GAAAV,OAAA;AAEA,IAAAW,QAAA,GAAAX,OAAA;AAEA,IAAAY,SAAA,GAAAZ,OAAA;AAEA,IAAAa,WAAA,GAAAb,OAAA;AAEA,IAAAc,UAAA,GAAAd,OAAA;AAEA,IAAAe,WAAA,GAAAf,OAAA;AAEA,IAAAgB,YAAA,GAAAhB,OAAA;AAEA,IAAAiB,IAAA,GAAAjB,OAAA;AAEA,IAAAkB,eAAA,GAAAlB,OAAA","ignoreList":[]}

package/lib/commonjs/atoms/inputValidation.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validateInputValue = validateInputValue;
+/** A rule's value, optionally with its own message instead of the default label. */
+
+function unpack(rule) {
+  return typeof rule === 'object' && rule !== null && 'value' in rule && 'message' in rule ? rule : {
+    value: rule
+  };
+}
+
+/**
+ * Error for the value, or undefined if it is valid. Order: required, min
+ * length, max length, pattern, custom validation — a single error is shown,
+ * the first one. An empty optional field is valid: the other rules don't run on nothing.
+ */
+function validateInputValue(value, {
+  required,
+  rules
+}, labels) {
+  if (value.trim() === '') return required ? labels.requiredError : undefined;
+  if (!rules) return undefined;
+  if (rules.minLength !== undefined) {
+    const {
+      value: n,
+      message
+    } = unpack(rules.minLength);
+    if (value.length < n) return message ?? labels.minLengthError.replace('{n}', String(n));
+  }
+  if (rules.maxLength !== undefined) {
+    const {
+      value: n,
+      message
+    } = unpack(rules.maxLength);
+    if (value.length > n) return message ?? labels.maxLengthError.replace('{n}', String(n));
+  }
+  if (rules.pattern !== undefined) {
+    const {
+      value: re,
+      message
+    } = unpack(rules.pattern);
+    // A RegExp with the `g` flag keeps lastIndex between calls: reset it.
+    re.lastIndex = 0;
+    if (!re.test(value)) return message ?? labels.patternError;
+  }
+  if (rules.validate) {
+    const result = rules.validate(value);
+    if (typeof result === 'string' && result !== '') return result;
+    if (result === false) return labels.patternError;
+  }
+  return undefined;
+}
+//# sourceMappingURL=inputValidation.js.map

package/lib/commonjs/atoms/inputValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["unpack","rule","value","validateInputValue","required","rules","labels","trim","requiredError","undefined","minLength","n","message","length","minLengthError","replace","String","maxLength","maxLengthError","pattern","re","lastIndex","test","patternError","validate","result"],"sourceRoot":"../../../src","sources":["atoms/inputValidation.ts"],"mappings":";;;;;;AAEA;;AAiBA,SAASA,MAAMA,CAAIC,IAAuB,EAAkC;EAC1E,OAAO,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,KAAK,IAAI,IAAI,OAAO,IAAIA,IAAI,IAAI,SAAS,IAAIA,IAAI,GACnFA,IAAI,GACL;IAAEC,KAAK,EAAED;EAAU,CAAC;AAC1B;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASE,kBAAkBA,CAChCD,KAAa,EACb;EAAEE,QAAQ;EAAEC;AAAkD,CAAC,EAC/DC,MAAc,EACM;EACpB,IAAIJ,KAAK,CAACK,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,OAAOH,QAAQ,GAAGE,MAAM,CAACE,aAAa,GAAGC,SAAS;EAC3E,IAAI,CAACJ,KAAK,EAAE,OAAOI,SAAS;EAE5B,IAAIJ,KAAK,CAACK,SAAS,KAAKD,SAAS,EAAE;IACjC,MAAM;MAAEP,KAAK,EAAES,CAAC;MAAEC;IAAQ,CAAC,GAAGZ,MAAM,CAACK,KAAK,CAACK,SAAS,CAAC;IACrD,IAAIR,KAAK,CAACW,MAAM,GAAGF,CAAC,EAAE,OAAOC,OAAO,IAAIN,MAAM,CAACQ,cAAc,CAACC,OAAO,CAAC,KAAK,EAAEC,MAAM,CAACL,CAAC,CAAC,CAAC;EACzF;EACA,IAAIN,KAAK,CAACY,SAAS,KAAKR,SAAS,EAAE;IACjC,MAAM;MAAEP,KAAK,EAAES,CAAC;MAAEC;IAAQ,CAAC,GAAGZ,MAAM,CAACK,KAAK,CAACY,SAAS,CAAC;IACrD,IAAIf,KAAK,CAACW,MAAM,GAAGF,CAAC,EAAE,OAAOC,OAAO,IAAIN,MAAM,CAACY,cAAc,CAACH,OAAO,CAAC,KAAK,EAAEC,MAAM,CAACL,CAAC,CAAC,CAAC;EACzF;EACA,IAAIN,KAAK,CAACc,OAAO,KAAKV,SAAS,EAAE;IAC/B,MAAM;MAAEP,KAAK,EAAEkB,EAAE;MAAER;IAAQ,CAAC,GAAGZ,MAAM,CAACK,KAAK,CAACc,OAAO,CAAC;IACpD;IACAC,EAAE,CAACC,SAAS,GAAG,CAAC;IAChB,IAAI,CAACD,EAAE,CAACE,IAAI,CAACpB,KAAK,CAAC,EAAE,OAAOU,OAAO,IAAIN,MAAM,CAACiB,YAAY;EAC5D;EACA,IAAIlB,KAAK,CAACmB,QAAQ,EAAE;IAClB,MAAMC,MAAM,GAAGpB,KAAK,CAACmB,QAAQ,CAACtB,KAAK,CAAC;IACpC,IAAI,OAAOuB,MAAM,KAAK,QAAQ,IAAIA,MAAM,KAAK,EAAE,EAAE,OAAOA,MAAM;IAC9D,IAAIA,MAAM,KAAK,KAAK,EAAE,OAAOnB,MAAM,CAACiB,YAAY;EAClD;EACA,OAAOd,SAAS;AAClB","ignoreList":[]}

package/lib/commonjs/icons/Icon.js

@@ -11,10 +11,10 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * 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.
+ * Resolves the glyph through the active renderer (UIProvider.icons, the
+ * zero-dep default if none was configured). Internal use by the library —
+ * public components expose `icon?: ReactNode` in addition to this, so the
+ * consumer can inject any icon without going through the name system.
  */
 const Icon = exports.Icon = /*#__PURE__*/(0, _react.memo)(({
   name,