@medway-ui/native 1.3.2 → 1.4.0

package/README.md

@@ -14,7 +14,8 @@ npm install @medway-ui/native @medway-ui/core @medway-ui/icons \
   react-native-reanimated react-native-svg
 
 # Expo (aligns versions with your SDK)
-npx expo install react-native-reanimated react-native-svg
+# expo-linear-gradient + masked-view: optional peers for IndexLevel `animated` ring
+npx expo install react-native-reanimated react-native-svg expo-linear-gradient @react-native-masked-view/masked-view
 ```
 
 Brownfield apps that already use `babel-plugin-module-resolver` with `@/` aliases pointing at the app `src/` also need:
@@ -352,6 +353,7 @@ import { Check, CloseMd } from "@medway-ui/icons/native";
 | Avatar | ✅ | @rn-primitives/avatar |
 | FallbackImage | ✅ | react-native-svg |
 | CardNews | ✅ | Composable card (Content Hub) |
+| IndexLevel | ✅ | Levels p/h/m/l, variants, `animated` gradient ring |
 | Tabs | 🔜 | @rn-primitives/tabs |
 | Progress | 🔜 | @rn-primitives/progress |
 | ProgressCircle | 🔜 | react-native-svg |

package/lib/commonjs/components/IndexLevel.js

@@ -0,0 +1,442 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.INDEX_LEVEL_LABELS = void 0;
+exports.IndexLevel = IndexLevel;
+exports.IndexLevelIcon = IndexLevelIcon;
+exports.indexLevelVariants = exports.indexLevelTextVariants = exports.indexLevelIconVariants = void 0;
+var _native = require("@medway-ui/icons/native");
+var _classVarianceAuthority = require("class-variance-authority");
+var _nativewind = require("nativewind");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _Text = require("@/components/Text");
+var _useThemeColor = require("@/hooks/useThemeColor");
+var _utils = require("@/lib/utils");
+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); }
+/**
+ * Matches the `PriorityLevelType` enum used by the products:
+ * priority = "p" | high_priority = "h" | medium_priority = "m" | low_priority = "l"
+ */
+
+const LEVEL_LABELS = exports.INDEX_LEVEL_LABELS = {
+  p: {
+    full: "Prioritário",
+    short: "Prioritário",
+    icon: _native.IndexBarPriority
+  },
+  h: {
+    full: "Alta prevalência",
+    short: "Alta",
+    icon: _native.IndexBarHigh
+  },
+  m: {
+    full: "Média prevalência",
+    short: "Média",
+    icon: _native.IndexBarMedium
+  },
+  l: {
+    full: "Baixa prevalência",
+    short: "Baixa",
+    icon: _native.IndexBarLow
+  }
+};
+
+/** Accepts the specialty in either casing, e.g. `"cm"` or `"CM"`. */
+
+const RING_COLOR_TOKEN = {
+  default: "primary-background-fill",
+  cm: "cm-background-fill",
+  go: "go-background-fill",
+  cir: "cir-background-fill",
+  ped: "ped-background-fill",
+  prev: "prev-background-fill"
+};
+
+/** Levels that get the animated ring when `animated` is true. */
+const RING_LEVELS = ["p", "h"];
+const ICON_SIZES = {
+  sm: 16,
+  md: 20
+};
+/** Shared tone for icon color token + base-layer opacity (regular vs soft/basic). */
+const VARIANT_TONE = {
+  regular: {
+    colorToken: "primary-foreground-onfill",
+    baseOpacity: "40"
+  },
+  soft: {
+    colorToken: "primary-foreground",
+    baseOpacity: "20"
+  },
+  basic: {
+    colorToken: "primary-foreground",
+    baseOpacity: "20"
+  }
+};
+function resolveVariantTone(variant) {
+  return VARIANT_TONE[variant ?? "regular"] ?? VARIANT_TONE.regular;
+}
+const indexLevelVariants = exports.indexLevelVariants = (0, _classVarianceAuthority.cva)("flex-row shrink-0 items-center justify-center", {
+  variants: {
+    variant: {
+      regular: "rounded-md bg-primary-background-fill",
+      soft: "rounded-md bg-primary-background-soft-muted",
+      basic: "bg-transparent"
+    },
+    size: {
+      sm: "gap-1.5",
+      md: "gap-2"
+    }
+  },
+  compoundVariants: [{
+    variant: ["regular", "soft"],
+    size: "sm",
+    class: "px-2 py-1"
+  }, {
+    variant: ["regular", "soft"],
+    size: "md",
+    class: "px-2.5 py-1.5"
+  }],
+  defaultVariants: {
+    variant: "regular",
+    size: "md"
+  }
+});
+const indexLevelTextVariants = exports.indexLevelTextVariants = (0, _classVarianceAuthority.cva)("text-center font-semibold", {
+  variants: {
+    variant: {
+      regular: "text-primary-foreground-onfill",
+      soft: "text-primary-foreground",
+      basic: "text-primary-foreground"
+    },
+    size: {
+      sm: "text-xs",
+      md: "text-sm"
+    }
+  },
+  defaultVariants: {
+    variant: "regular",
+    size: "md"
+  }
+});
+const indexLevelIconVariants = exports.indexLevelIconVariants = (0, _classVarianceAuthority.cva)("relative shrink-0 items-center justify-center", {
+  variants: {
+    size: {
+      sm: "size-4",
+      md: "size-5"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+const RING_STROKE = 2;
+/** Fallback when `--radius-md` is not resolvable at runtime (matches tokens.native.css). */
+const RADIUS_MD_FALLBACK = 8;
+const SPIN_DURATION_MS = 1200;
+const RING_BASE_OPACITY = 0.16;
+
+/** Resolves `--radius-md` so the ring tracks the same corner radius as `rounded-md`. */
+function useRadiusMd() {
+  const value = (0, _nativewind.useUnstableNativeVariable)("--radius-md");
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  if (typeof value === "string") {
+    const parsed = Number.parseFloat(value);
+    if (Number.isFinite(parsed)) return parsed;
+  }
+  return RADIUS_MD_FALLBACK;
+}
+/** Lazy-load optional peers so the static chip works without them installed. */
+function loadRingDeps() {
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    const masked = require("@react-native-masked-view/masked-view");
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    const gradient = require("expo-linear-gradient");
+    return {
+      MaskedView: masked.default ?? masked,
+      LinearGradient: gradient.LinearGradient
+    };
+  } catch {
+    return null;
+  }
+}
+const RING_PATH = {
+  fill: "none",
+  strokeWidth: RING_STROKE,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+function IndexLevelRing(props) {
+  const deps = loadRingDeps();
+  if (!deps) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(IndexLevelRingInner, {
+    ...props,
+    deps: deps
+  });
+}
+
+/**
+ * Continuous 2px squircle: one mask clips both the faint rest ring and the
+ * rotating linear gradient, so they share the same stroke.
+ */
+function IndexLevelRingInner({
+  width,
+  height,
+  colorToken,
+  deps
+}) {
+  const {
+    MaskedView,
+    LinearGradient
+  } = deps;
+  const color = (0, _useThemeColor.useThemeColor)(colorToken);
+  const colorMid = (0, _useThemeColor.withAlpha)(color, 0.8);
+  const colorFaded = (0, _useThemeColor.withAlpha)(color, 0);
+  const colorBase = (0, _useThemeColor.withAlpha)(color, RING_BASE_OPACITY);
+  const ringRadius = useRadiusMd();
+  const inset = RING_STROKE / 2;
+  const rectW = Math.max(width - RING_STROKE, 0);
+  const rectH = Math.max(height - RING_STROKE, 0);
+  const rx = Math.min(ringRadius, rectW / 2, rectH / 2);
+  const sweep = Math.max(width, height) * 2;
+  const rotation = (0, _reactNativeReanimated.useSharedValue)(0);
+  (0, _react.useEffect)(() => {
+    (0, _reactNativeReanimated.cancelAnimation)(rotation);
+    rotation.value = 0;
+    rotation.value = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withTiming)(360, {
+      duration: SPIN_DURATION_MS,
+      easing: _reactNativeReanimated.Easing.linear
+    }), -1, false);
+    return () => {
+      (0, _reactNativeReanimated.cancelAnimation)(rotation);
+    };
+  }, [rotation]);
+  const spinStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      rotate: `${rotation.value}deg`
+    }]
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    pointerEvents: "none",
+    accessible: false,
+    importantForAccessibility: "no-hide-descendants",
+    collapsable: false,
+    style: {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      width,
+      height
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(MaskedView
+    // Hardware masking can fail to clip LinearGradient on Android; software is the reliable path.
+    , {
+      androidRenderingMode: "software",
+      style: {
+        width,
+        height
+      },
+      maskElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        collapsable: false,
+        style: {
+          width,
+          height,
+          backgroundColor: "transparent"
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
+          width: width,
+          height: height,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
+            x: inset,
+            y: inset,
+            width: rectW,
+            height: rectH,
+            rx: rx,
+            ry: rx,
+            stroke: "#FFFFFF",
+            ...RING_PATH
+          })
+        })
+      }),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          width,
+          height,
+          backgroundColor: colorBase
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+        collapsable: false,
+        style: [{
+          position: "absolute",
+          width: sweep,
+          height: sweep,
+          left: (width - sweep) / 2,
+          top: (height - sweep) / 2
+        }, spinStyle],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LinearGradient, {
+          colors: [color, colorMid, colorFaded],
+          locations: [0, 0.255, 0.574],
+          start: {
+            x: 0.5,
+            y: 0
+          },
+          end: {
+            x: 0.5,
+            y: 1
+          },
+          style: {
+            width: sweep,
+            height: sweep
+          }
+        })
+      })]
+    })
+  });
+}
+function IndexLevelIcon({
+  className,
+  level,
+  size,
+  baseOpacity = "40",
+  colorToken = "primary-foreground",
+  ...props
+}) {
+  const color = (0, _useThemeColor.useThemeColor)(colorToken);
+  const currentLevel = LEVEL_LABELS[level];
+  if (!currentLevel) return null;
+  const LevelIcon = currentLevel.icon;
+  const hasBase = level !== "p";
+  const iconSize = ICON_SIZES[size ?? "md"];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    className: (0, _utils.cn)(indexLevelIconVariants({
+      size
+    }), className),
+    ...props,
+    children: [hasBase && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: (0, _utils.cn)("absolute inset-0 items-center justify-center", baseOpacity === "40" ? "opacity-40" : "opacity-20"),
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.IndexBarPriority, {
+        width: iconSize,
+        height: iconSize,
+        color: color
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: "absolute inset-0 items-center justify-center",
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LevelIcon, {
+        width: iconSize,
+        height: iconSize,
+        color: color
+      })
+    })]
+  });
+}
+function IndexLevel({
+  className,
+  variant,
+  size,
+  level,
+  animated = false,
+  specialty = "default",
+  shortName = false,
+  label,
+  hideLabel = false,
+  iconClassName,
+  labelClassName,
+  children,
+  accessibilityLabel,
+  onLayout,
+  ...props
+}) {
+  const currentLevel = LEVEL_LABELS[level];
+  const [frame, setFrame] = (0, _react.useState)({
+    width: 0,
+    height: 0
+  });
+  const specialtyKey = specialty.toLowerCase();
+  const ringToken = RING_COLOR_TOKEN[specialtyKey] ?? RING_COLOR_TOKEN.default;
+  const hasRing = Boolean(animated) && RING_LEVELS.includes(level);
+  const tone = resolveVariantTone(variant);
+  if (!currentLevel) return null;
+  const resolvedLabel = label ?? (shortName ? currentLevel.short : currentLevel.full);
+  // When the visual label is hidden, always expose a name for screen readers
+  // (icons are a11y-hidden), unless the consumer passed accessibilityLabel.
+  const resolvedA11yLabel = accessibilityLabel ?? (hideLabel ? typeof resolvedLabel === "string" ? resolvedLabel : currentLevel.full : undefined);
+  const handleFrameLayout = event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    setFrame(prev => prev.width === width && prev.height === height ? prev : {
+      width,
+      height
+    });
+    onLayout?.(event);
+  };
+  const chipContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(IndexLevelIcon, {
+      level: level,
+      size: size,
+      baseOpacity: tone.baseOpacity,
+      colorToken: tone.colorToken,
+      className: iconClassName
+    }), !hideLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      className: (0, _utils.cn)(indexLevelTextVariants({
+        variant,
+        size
+      }), labelClassName),
+      children: resolvedLabel
+    }), typeof children === "string" || typeof children === "number" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      className: (0, _utils.cn)(indexLevelTextVariants({
+        variant,
+        size
+      }), "font-normal", labelClassName),
+      children: children
+    }) : children]
+  });
+  if (!hasRing) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      accessible: Boolean(resolvedA11yLabel),
+      accessibilityLabel: resolvedA11yLabel,
+      className: (0, _utils.cn)(indexLevelVariants({
+        variant,
+        size
+      }), "self-start", className),
+      onLayout: onLayout,
+      ...props,
+      children: chipContent
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    accessible: Boolean(resolvedA11yLabel),
+    accessibilityLabel: resolvedA11yLabel,
+    collapsable: false,
+    onLayout: handleFrameLayout,
+    className: "self-start overflow-visible p-1",
+    ...props,
+    children: [frame.width > 0 && frame.height > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(IndexLevelRing, {
+      width: frame.width,
+      height: frame.height,
+      colorToken: ringToken
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: (0, _utils.cn)(indexLevelVariants({
+        variant,
+        size
+      }), className),
+      children: chipContent
+    })]
+  });
+}
+//# sourceMappingURL=IndexLevel.js.map

package/lib/commonjs/components/IndexLevel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_native","require","_classVarianceAuthority","_nativewind","_react","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_reactNativeSvg","_Text","_useThemeColor","_utils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LEVEL_LABELS","exports","INDEX_LEVEL_LABELS","p","full","short","icon","IndexBarPriority","h","IndexBarHigh","m","IndexBarMedium","l","IndexBarLow","RING_COLOR_TOKEN","cm","go","cir","ped","prev","RING_LEVELS","ICON_SIZES","sm","md","VARIANT_TONE","regular","colorToken","baseOpacity","soft","basic","resolveVariantTone","variant","indexLevelVariants","cva","variants","size","compoundVariants","class","defaultVariants","indexLevelTextVariants","indexLevelIconVariants","RING_STROKE","RADIUS_MD_FALLBACK","SPIN_DURATION_MS","RING_BASE_OPACITY","useRadiusMd","value","useUnstableNativeVariable","Number","isFinite","parsed","parseFloat","loadRingDeps","masked","gradient","MaskedView","LinearGradient","RING_PATH","fill","strokeWidth","strokeLinecap","strokeLinejoin","IndexLevelRing","props","deps","jsx","IndexLevelRingInner","width","height","color","useThemeColor","colorMid","withAlpha","colorFaded","colorBase","ringRadius","inset","rectW","Math","max","rectH","rx","min","sweep","rotation","useSharedValue","useEffect","cancelAnimation","withRepeat","withTiming","duration","easing","Easing","linear","spinStyle","useAnimatedStyle","transform","rotate","View","pointerEvents","accessible","importantForAccessibility","collapsable","style","position","top","left","children","jsxs","androidRenderingMode","maskElement","backgroundColor","Rect","x","y","ry","stroke","colors","locations","start","end","IndexLevelIcon","className","level","currentLevel","LevelIcon","hasBase","iconSize","cn","accessibilityElementsHidden","IndexLevel","animated","specialty","shortName","label","hideLabel","iconClassName","labelClassName","accessibilityLabel","onLayout","frame","setFrame","useState","specialtyKey","toLowerCase","ringToken","hasRing","Boolean","includes","tone","resolvedLabel","resolvedA11yLabel","undefined","handleFrameLayout","event","nativeEvent","layout","chipContent","Fragment","Text"],"sourceRoot":"../../../src","sources":["components/IndexLevel.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/hooks/useThemeColor.js

@@ -7,6 +7,7 @@ exports.DEFAULT_COLOR = void 0;
 exports.getFallbackColor = getFallbackColor;
 exports.toCssVariable = toCssVariable;
 exports.useThemeColor = useThemeColor;
+exports.withAlpha = withAlpha;
 var _nativewind = require("nativewind");
 /** Token sem prefixo `--color-` (ex.: `gray-foreground`, `primary-background-fill`). */
 
@@ -25,6 +26,11 @@ const LIGHT_COLOR_ALIAS_MAP = {
   'gray-background-soft-muted': 'gray-30',
   'primary-foreground-onfill': 'white',
   'primary-background-fill': 'primary',
+  'cm-background-fill': 'cm-darken-1',
+  'go-background-fill': 'go',
+  'cir-background-fill': 'cir',
+  'ped-background-fill': 'ped',
+  'prev-background-fill': 'prev',
   'red-foreground': 'red-darken-2',
   'go-foreground': 'go-darken-1'
 };
@@ -44,6 +50,11 @@ const DARK_COLOR_ALIAS_MAP = {
   'gray-background-soft-muted': 'gray-700',
   'primary-foreground-onfill': 'primary',
   'primary-background-fill': 'gray-70',
+  'cm-background-fill': 'cm-darken-1',
+  'go-background-fill': 'go-darken-1',
+  'cir-background-fill': 'cir',
+  'ped-background-fill': 'ped',
+  'prev-background-fill': 'prev',
   'red-foreground': 'red-lighten-3',
   'go-foreground': 'go-lighten-5'
 };
@@ -52,6 +63,11 @@ const DARK_COLOR_ALIAS_MAP = {
 const THEME_COLOR_FALLBACKS = {
   white: '#FFFFFF',
   primary: 'rgba(0, 32, 91, 1)',
+  'cm-darken-1': 'rgba(56, 112, 178, 1)',
+  go: 'rgba(172, 20, 90, 1)',
+  cir: 'rgba(0, 239, 200, 1)',
+  ped: 'rgba(255, 198, 73, 1)',
+  prev: 'rgba(59, 63, 182, 1)',
   'gray-600': 'rgba(49, 57, 73, 1)',
   'gray-450': 'rgba(90, 105, 135, 1)',
   'gray-400': 'rgba(122, 133, 151, 1)',
@@ -90,19 +106,44 @@ function getFallbackColor(token, aliasMap) {
   return THEME_COLOR_FALLBACKS[tokenName] ?? THEME_COLOR_FALLBACKS[aliasToken] ?? DEFAULT_COLOR;
 }
 
+/**
+ * Aplica alpha na cor já resolvida (`rgba` ou hex). `transparent` no
+ * LinearGradient do Expo interpola via preto no Android.
+ * `alpha` é clamado em 0–1 para não gerar hex inválido (ex. `#RRGGBB132`).
+ */
+function withAlpha(color, alpha) {
+  const clamped = Math.min(1, Math.max(0, alpha));
+  const rgba = color.match(/rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)(?:\s*,\s*[\d.]+)?\s*\)/i);
+  if (rgba) {
+    return `rgba(${rgba[1]}, ${rgba[2]}, ${rgba[3]}, ${clamped})`;
+  }
+  if (color.startsWith('#')) {
+    let hex = color.slice(1);
+    if (hex.length === 3) {
+      hex = hex.split('').map(char => `${char}${char}`).join('');
+    }
+    if (hex.length === 8) {
+      hex = hex.slice(0, 6);
+    }
+    const a = Math.round(clamped * 255).toString(16).padStart(2, '0');
+    return `#${hex}${a}`;
+  }
+  return color;
+}
+
 /**
  * Resolve uma cor semântica do design system (tokens.native.css) em runtime.
  * Use quando a prop `color` for obrigatória (SVG, stroke Reanimated, etc.).
+ * `alpha` (0–1) aplica a opacidade na cor resolvida.
  */
-function useThemeColor(token) {
+function useThemeColor(token, alpha) {
   const {
     colorScheme
   } = (0, _nativewind.useColorScheme)();
   const aliasMap = colorScheme === 'dark' ? DARK_COLOR_ALIAS_MAP : LIGHT_COLOR_ALIAS_MAP;
   const value = (0, _nativewind.useUnstableNativeVariable)(toCssVariable(token));
   const resolvedValue = (0, _nativewind.useUnstableNativeVariable)(toResolvedCssVariable(token, aliasMap));
-  if (isResolvedColor(value)) return value;
-  if (isResolvedColor(resolvedValue)) return resolvedValue;
-  return getFallbackColor(token, aliasMap);
+  const color = isResolvedColor(value) ? value : isResolvedColor(resolvedValue) ? resolvedValue : getFallbackColor(token, aliasMap);
+  return alpha === undefined ? color : withAlpha(color, alpha);
 }
 //# sourceMappingURL=useThemeColor.js.map

package/lib/commonjs/hooks/useThemeColor.js.map

@@ -1 +1 @@
-{"version":3,"names":["_nativewind","require","LIGHT_COLOR_ALIAS_MAP","DARK_COLOR_ALIAS_MAP","THEME_COLOR_FALLBACKS","white","primary","DEFAULT_COLOR","exports","toCssVariable","token","startsWith","toTokenName","slice","length","toResolvedCssVariable","aliasMap","tokenName","isResolvedColor","value","getFallbackColor","aliasToken","useThemeColor","colorScheme","useColorScheme","useUnstableNativeVariable","resolvedValue"],"sourceRoot":"../../../src","sources":["hooks/useThemeColor.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_nativewind","require","LIGHT_COLOR_ALIAS_MAP","DARK_COLOR_ALIAS_MAP","THEME_COLOR_FALLBACKS","white","primary","go","cir","ped","prev","DEFAULT_COLOR","exports","toCssVariable","token","startsWith","toTokenName","slice","length","toResolvedCssVariable","aliasMap","tokenName","isResolvedColor","value","getFallbackColor","aliasToken","withAlpha","color","alpha","clamped","Math","min","max","rgba","match","hex","split","map","char","join","a","round","toString","padStart","useThemeColor","colorScheme","useColorScheme","useUnstableNativeVariable","resolvedValue","undefined"],"sourceRoot":"../../../src","sources":["hooks/useThemeColor.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/index.js

@@ -405,6 +405,24 @@ Object.defineProperty(exports, "FeedTitle", {
     return _Feed.FeedTitle;
   }
 });
+Object.defineProperty(exports, "INDEX_LEVEL_LABELS", {
+  enumerable: true,
+  get: function () {
+    return _IndexLevel.INDEX_LEVEL_LABELS;
+  }
+});
+Object.defineProperty(exports, "IndexLevel", {
+  enumerable: true,
+  get: function () {
+    return _IndexLevel.IndexLevel;
+  }
+});
+Object.defineProperty(exports, "IndexLevelIcon", {
+  enumerable: true,
+  get: function () {
+    return _IndexLevel.IndexLevelIcon;
+  }
+});
 Object.defineProperty(exports, "Input", {
   enumerable: true,
   get: function () {
@@ -999,6 +1017,24 @@ Object.defineProperty(exports, "checkboxVariants", {
     return _Checkbox.checkboxVariants;
   }
 });
+Object.defineProperty(exports, "indexLevelIconVariants", {
+  enumerable: true,
+  get: function () {
+    return _IndexLevel.indexLevelIconVariants;
+  }
+});
+Object.defineProperty(exports, "indexLevelTextVariants", {
+  enumerable: true,
+  get: function () {
+    return _IndexLevel.indexLevelTextVariants;
+  }
+});
+Object.defineProperty(exports, "indexLevelVariants", {
+  enumerable: true,
+  get: function () {
+    return _IndexLevel.indexLevelVariants;
+  }
+});
 Object.defineProperty(exports, "inputVariants", {
   enumerable: true,
   get: function () {
@@ -1095,6 +1131,12 @@ Object.defineProperty(exports, "useToast", {
     return _useToast.useToast;
   }
 });
+Object.defineProperty(exports, "withAlpha", {
+  enumerable: true,
+  get: function () {
+    return _useThemeColor.withAlpha;
+  }
+});
 var _Alert = require("@/components/Alert");
 var _Badge = require("@/components/Badge");
 var _Avatar = require("@/components/Avatar");
@@ -1116,6 +1158,7 @@ var _SectionHeader = require("@/components/SectionHeader");
 var _Button = require("@/components/Button");
 var _Checkbox = require("@/components/Checkbox");
 var _Input = require("@/components/Input");
+var _IndexLevel = require("@/components/IndexLevel");
 var _Label = require("@/components/Label");
 var _Loading = require("@/components/Loading");
 var _Skeleton = require("@/components/Skeleton");