@lockin90/ui-native 0.0.0-stage → 1.0.0

package/lib/commonjs/components/ShareCard.js

@@ -0,0 +1,227 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ShareCard = ShareCard;
+var _reactNative = require("react-native");
+var _expoLinearGradient = require("expo-linear-gradient");
+var _tokens = require("@lockin90/tokens");
+var _BrandMark = require("./BrandMark");
+var _GradientText = require("./GradientText");
+var _Ring = require("./Ring");
+var _Stat = require("./Stat");
+var _jsxRuntime = require("react/jsx-runtime");
+const SIZES = {
+  sm: {
+    aspectRatio: 1,
+    pad: 18,
+    eyebrow: 9,
+    metric: 44,
+    score: 34,
+    label: 9,
+    brand: 18,
+    ring: 96,
+    thickness: 8,
+    wm: 7
+  },
+  md: {
+    aspectRatio: 4 / 5,
+    pad: 22,
+    eyebrow: 10,
+    metric: 56,
+    score: 42,
+    label: 9.5,
+    brand: 20,
+    ring: 120,
+    thickness: 9,
+    wm: 7.5
+  },
+  lg: {
+    aspectRatio: 9 / 16,
+    pad: 26,
+    eyebrow: 10,
+    metric: 64,
+    score: 48,
+    label: 9.5,
+    brand: 22,
+    ring: 140,
+    thickness: 10,
+    wm: 8
+  }
+};
+
+/**
+ * ShareCard — the branded, shareable progress/score card users post to socials:
+ * a `BrandMark` lockup, a headline `metric` (a big `GradientText` number or a
+ * `Ring` readout), an optional caption, and up to three supporting `Stat`s, on
+ * an Aurora-gradient wash. The `gradient` token drives the wash + ring/text
+ * gradient; `size` picks the share aspect (1:1 / 4:5 / 9:16). Composed from
+ * BrandMark + GradientText + Ring + Stat. Mirrors the web `@lockin90/ui`
+ * ShareCard. This is the *only* sanctioned share card — never hand-roll one.
+ */
+function ShareCard({
+  title,
+  metric,
+  metricLabel,
+  ring,
+  stats,
+  brand = true,
+  gradient = 'flux',
+  size = 'md',
+  style,
+  ...rest
+}) {
+  const S = SIZES[size];
+  const g = _tokens.gradients[gradient];
+  const arc = [g.stops[0], g.stops[g.stops.length - 1]];
+  // GradientText only exposes flux/cta/violet — mint headlines fall back to flux
+  // (the wash + ring still carry the true mint tint).
+  const headlineGradient = gradient === 'cta' ? 'cta' : gradient === 'violet' ? 'violet' : 'flux';
+  const ringPct = ring ? Math.max(0, Math.min(100, ring.value / (ring.max ?? 100) * 100)) : 0;
+  const visibleStats = stats?.slice(0, 3) ?? [];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.card, {
+      aspectRatio: S.aspectRatio,
+      padding: S.pad
+    }, style],
+    ...rest,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_expoLinearGradient.LinearGradient, {
+      colors: g.stops,
+      start: {
+        x: 0,
+        y: 0
+      },
+      end: {
+        x: 1,
+        y: 1
+      },
+      style: styles.wash,
+      pointerEvents: "none"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.top,
+      children: brand ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_BrandMark.BrandMark, {
+        variant: "lockup",
+        size: S.brand
+      }) : null
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.body,
+      children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.eyebrow, {
+          fontSize: S.eyebrow
+        }],
+        children: title
+      }) : null, ring ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ring.Ring, {
+        value: ringPct,
+        size: S.ring,
+        thickness: S.thickness,
+        gradient: arc,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.score, {
+            fontSize: S.score
+          }],
+          children: String(metric)
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientText.GradientText, {
+        gradient: headlineGradient,
+        style: [styles.metric, {
+          fontSize: S.metric
+        }],
+        children: String(metric)
+      }), metricLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.metricLabel, {
+          fontSize: S.label
+        }],
+        children: metricLabel
+      }) : null, visibleStats.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.stats,
+        children: visibleStats.map((s, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Stat.Stat, {
+          label: s.label,
+          value: s.value,
+          style: styles.stat
+        }, `${s.label}-${i}`))
+      }) : null]
+    }), brand ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.foot,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.wm, {
+          fontSize: S.wm
+        }],
+        children: "lockin90.com"
+      })
+    }) : null]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  card: {
+    width: '100%',
+    overflow: 'hidden',
+    justifyContent: 'space-between',
+    borderRadius: _tokens.radii.lg,
+    borderWidth: 1,
+    borderColor: _tokens.colors.border2,
+    backgroundColor: _tokens.colors.void,
+    ..._tokens.nativeShadows.elev2
+  },
+  // aurora wash — a subtle token-gradient over the void surface (kept low so the
+  // void dominates the center and light --text stays legible, ~matching the web mesh)
+  wash: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    opacity: 0.32
+  },
+  top: {
+    position: 'relative'
+  },
+  body: {
+    flex: 1,
+    position: 'relative',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 10
+  },
+  eyebrow: {
+    fontFamily: _tokens.fonts.mono,
+    letterSpacing: 2,
+    textTransform: 'uppercase',
+    color: _tokens.colors.textDim
+  },
+  metric: {
+    fontFamily: _tokens.fonts.display,
+    fontWeight: '700',
+    letterSpacing: -1.6,
+    color: _tokens.colors.text
+  },
+  score: {
+    fontFamily: _tokens.fonts.display,
+    fontWeight: '700',
+    letterSpacing: -1.4,
+    color: _tokens.colors.text,
+    textAlign: 'center'
+  },
+  metricLabel: {
+    fontFamily: _tokens.fonts.mono,
+    letterSpacing: 1.6,
+    textTransform: 'uppercase',
+    color: _tokens.colors.textDim
+  },
+  stats: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    justifyContent: 'center',
+    gap: 16,
+    marginTop: 6
+  },
+  stat: {
+    alignItems: 'center'
+  },
+  foot: {
+    position: 'relative',
+    alignItems: 'center'
+  },
+  wm: {
+    fontFamily: _tokens.fonts.mono,
+    letterSpacing: 0.6,
+    color: _tokens.colors.textFaint
+  }
+});
+//# sourceMappingURL=ShareCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_expoLinearGradient","_tokens","_BrandMark","_GradientText","_Ring","_Stat","_jsxRuntime","SIZES","sm","aspectRatio","pad","eyebrow","metric","score","label","brand","ring","thickness","wm","md","lg","ShareCard","title","metricLabel","stats","gradient","size","style","rest","S","g","gradients","arc","stops","length","headlineGradient","ringPct","Math","max","min","value","visibleStats","slice","jsxs","View","styles","card","padding","children","jsx","LinearGradient","colors","start","x","y","end","wash","pointerEvents","top","BrandMark","variant","body","Text","fontSize","Ring","String","GradientText","map","s","i","Stat","stat","foot","StyleSheet","create","width","overflow","justifyContent","borderRadius","radii","borderWidth","borderColor","border2","backgroundColor","void","nativeShadows","elev2","absoluteFillObject","opacity","position","flex","alignItems","gap","fontFamily","fonts","mono","letterSpacing","textTransform","color","textDim","display","fontWeight","text","textAlign","flexDirection","flexWrap","marginTop","textFaint"],"sourceRoot":"../../../src","sources":["components/ShareCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Sheet.js

@@ -0,0 +1,220 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Sheet = Sheet;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _tokens = require("@lockin90/tokens");
+var _jsxRuntime = require("react/jsx-runtime");
+const AnimatedPressable = _reactNative.Animated.createAnimatedComponent(_reactNative.Pressable);
+
+/** Fraction of the sheet height the user must drag past to dismiss. */
+const DISMISS_FRACTION = 0.25;
+/** Downward fling velocity (px/ms) that dismisses regardless of distance. */
+const DISMISS_VELOCITY = 0.5;
+
+/** Side drawer + bottom sheet over a dimmed scrim. The bottom variant is
+ *  anchored to the bottom edge with rounded top corners and a centered drag
+ *  handle; right/left variants are full-height ~360px edge panels. Closes on
+ *  scrim tap + Android back; the panel stops propagation. The bottom variant's
+ *  header strip (handle + title) is draggable: pull down past ~25% of the
+ *  sheet height (or fling) to dismiss, otherwise it springs back. */
+function Sheet({
+  open = true,
+  onClose,
+  side = 'bottom',
+  title,
+  children
+}) {
+  const isBottom = side === 'bottom';
+  const align = isBottom ? styles.scrimBottom : side === 'right' ? styles.scrimRight : styles.scrimLeft;
+  const panel = isBottom ? styles.panelBottom : side === 'right' ? styles.panelRight : styles.panelLeft;
+
+  // ---- drag-to-dismiss (bottom sheet only) ----
+  const dragY = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const sheetHeightRef = (0, _react.useRef)(0);
+  const onCloseRef = (0, _react.useRef)(onClose);
+  onCloseRef.current = onClose;
+  (0, _react.useEffect)(() => {
+    if (open) dragY.setValue(0);
+  }, [open, dragY]);
+  const springBack = (0, _react.useRef)(() => {
+    _reactNative.Animated.spring(dragY, {
+      toValue: 0,
+      bounciness: 4,
+      useNativeDriver: true
+    }).start();
+  }).current;
+  const panResponder = (0, _react.useRef)(_reactNative.PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: (_e, g) => Math.abs(g.dy) > 2,
+    onPanResponderTerminationRequest: () => false,
+    onPanResponderMove: (_e, g) => {
+      dragY.setValue(Math.max(0, g.dy));
+    },
+    onPanResponderRelease: (_e, g) => {
+      const height = sheetHeightRef.current || 320;
+      const shouldDismiss = onCloseRef.current && (g.dy > height * DISMISS_FRACTION || g.dy > 0 && g.vy > DISMISS_VELOCITY);
+      if (shouldDismiss) {
+        _reactNative.Animated.timing(dragY, {
+          toValue: height,
+          duration: 180,
+          useNativeDriver: true
+        }).start(() => onCloseRef.current?.());
+      } else {
+        springBack();
+      }
+    },
+    onPanResponderTerminate: () => springBack()
+  })).current;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    transparent: true,
+    visible: open,
+    animationType: "slide",
+    onRequestClose: onClose,
+    statusBarTranslucent: true,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      style: styles.scrim,
+      onPress: () => onClose?.(),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.KeyboardAvoidingView, {
+        behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : undefined,
+        pointerEvents: "box-none",
+        style: [styles.avoider, align],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(AnimatedPressable, {
+          style: [styles.panel, panel, isBottom && {
+            transform: [{
+              translateY: dragY
+            }]
+          }],
+          onPress: () => {},
+          accessibilityViewIsModal: true,
+          onLayout: isBottom ? e => {
+            sheetHeightRef.current = e.nativeEvent.layout.height;
+          } : undefined,
+          children: [isBottom ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            hitSlop: {
+              top: 8,
+              bottom: 10,
+              left: 16,
+              right: 16
+            },
+            ...panResponder.panHandlers,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: styles.handle,
+              pointerEvents: "none"
+            }), title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.title,
+              children: title
+            }) : null]
+          }) : title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.title,
+            children: title
+          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.body,
+            children: typeof children === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.bodyText,
+              children: children
+            }) : children
+          })]
+        })
+      })
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  scrim: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    flex: 1,
+    backgroundColor: 'rgba(0,0,0,0.55)'
+  },
+  // Fills the scrim so the panel's %-heights keep a definite parent; the
+  // side-alignment styles now live here (the avoider positions the panel).
+  avoider: {
+    flex: 1
+  },
+  scrimBottom: {
+    justifyContent: 'flex-end'
+  },
+  scrimRight: {
+    flexDirection: 'row',
+    justifyContent: 'flex-end'
+  },
+  scrimLeft: {
+    flexDirection: 'row',
+    justifyContent: 'flex-start'
+  },
+  panel: {
+    backgroundColor: _tokens.colors.bg1,
+    borderWidth: 1,
+    borderColor: _tokens.colors.border,
+    shadowColor: '#000',
+    shadowOpacity: 0.7,
+    shadowRadius: 50,
+    shadowOffset: {
+      width: 0,
+      height: -18
+    },
+    elevation: 20
+  },
+  panelBottom: {
+    width: '100%',
+    maxHeight: '86%',
+    paddingTop: 8,
+    paddingHorizontal: 16,
+    paddingBottom: 18,
+    borderBottomWidth: 0,
+    borderTopLeftRadius: _tokens.radii.lg,
+    borderTopRightRadius: _tokens.radii.lg
+  },
+  panelRight: {
+    height: '100%',
+    width: 360,
+    maxWidth: '100%',
+    paddingVertical: 18,
+    paddingHorizontal: 20,
+    borderTopLeftRadius: _tokens.radii.lg,
+    borderBottomLeftRadius: _tokens.radii.lg
+  },
+  panelLeft: {
+    height: '100%',
+    width: 360,
+    maxWidth: '100%',
+    paddingVertical: 18,
+    paddingHorizontal: 20,
+    borderTopRightRadius: _tokens.radii.lg,
+    borderBottomRightRadius: _tokens.radii.lg
+  },
+  handle: {
+    width: 40,
+    height: 4,
+    marginTop: 2,
+    marginBottom: 10,
+    alignSelf: 'center',
+    borderRadius: 999,
+    backgroundColor: _tokens.colors.border2
+  },
+  title: {
+    paddingTop: 2,
+    paddingHorizontal: 2,
+    fontFamily: _tokens.fonts.display,
+    fontWeight: '700',
+    fontSize: 16,
+    letterSpacing: -0.16,
+    color: _tokens.colors.text
+  },
+  body: {
+    flexShrink: 1,
+    paddingTop: 12,
+    paddingHorizontal: 2,
+    paddingBottom: 2
+  },
+  bodyText: {
+    fontFamily: _tokens.fonts.ui,
+    fontSize: 14,
+    lineHeight: 22,
+    color: _tokens.colors.textDim
+  }
+});
+//# sourceMappingURL=Sheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_tokens","_jsxRuntime","AnimatedPressable","Animated","createAnimatedComponent","Pressable","DISMISS_FRACTION","DISMISS_VELOCITY","Sheet","open","onClose","side","title","children","isBottom","align","styles","scrimBottom","scrimRight","scrimLeft","panel","panelBottom","panelRight","panelLeft","dragY","useRef","Value","current","sheetHeightRef","onCloseRef","useEffect","setValue","springBack","spring","toValue","bounciness","useNativeDriver","start","panResponder","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","_e","g","Math","abs","dy","onPanResponderTerminationRequest","onPanResponderMove","max","onPanResponderRelease","height","shouldDismiss","vy","timing","duration","onPanResponderTerminate","jsx","Modal","transparent","visible","animationType","onRequestClose","statusBarTranslucent","style","scrim","onPress","KeyboardAvoidingView","behavior","Platform","OS","undefined","pointerEvents","avoider","jsxs","transform","translateY","accessibilityViewIsModal","onLayout","e","nativeEvent","layout","View","hitSlop","top","bottom","left","right","panHandlers","handle","Text","body","bodyText","StyleSheet","absoluteFillObject","flex","backgroundColor","justifyContent","flexDirection","colors","bg1","borderWidth","borderColor","border","shadowColor","shadowOpacity","shadowRadius","shadowOffset","width","elevation","maxHeight","paddingTop","paddingHorizontal","paddingBottom","borderBottomWidth","borderTopLeftRadius","radii","lg","borderTopRightRadius","maxWidth","paddingVertical","borderBottomLeftRadius","borderBottomRightRadius","marginTop","marginBottom","alignSelf","borderRadius","border2","fontFamily","fonts","display","fontWeight","fontSize","letterSpacing","color","text","flexShrink","ui","lineHeight","textDim"],"sourceRoot":"../../../src","sources":["components/Sheet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Skeleton.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Skeleton = Skeleton;
+var _reactNative = require("react-native");
+var _tokens = require("@lockin90/tokens");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Placeholder block (static fill; wrap with an Animated shimmer if desired). */
+function Skeleton({
+  width,
+  height = 14,
+  radius = _tokens.radii.sm,
+  style,
+  ...rest
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [{
+      width,
+      height,
+      borderRadius: radius,
+      backgroundColor: _tokens.colors.glass
+    }, style],
+    ...rest
+  });
+}
+//# sourceMappingURL=Skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_tokens","_jsxRuntime","Skeleton","width","height","radius","radii","sm","style","rest","jsx","View","borderRadius","backgroundColor","colors","glass"],"sourceRoot":"../../../src","sources":["components/Skeleton.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAAiD,IAAAE,WAAA,GAAAF,OAAA;AAQjD;AACO,SAASG,QAAQA,CAAC;EAAEC,KAAK;EAAEC,MAAM,GAAG,EAAE;EAAEC,MAAM,GAAGC,aAAK,CAACC,EAAE;EAAEC,KAAK;EAAE,GAAGC;AAAoB,CAAC,EAAE;EACjG,oBAAO,IAAAR,WAAA,CAAAS,GAAA,EAACZ,YAAA,CAAAa,IAAI;IAACH,KAAK,EAAE,CAAC;MAAEL,KAAK;MAAEC,MAAM;MAAEQ,YAAY,EAAEP,MAAM;MAAEQ,eAAe,EAAEC,cAAM,CAACC;IAAM,CAAC,EAAEP,KAAK,CAAE;IAAA,GAAKC;EAAI,CAAG,CAAC;AACnH","ignoreList":[]}

package/lib/commonjs/components/Slider.js

@@ -0,0 +1,173 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Slider = Slider;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _expoLinearGradient = require("expo-linear-gradient");
+var _tokens = require("@lockin90/tokens");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Generic Aurora-Flux range slider: a neutral remainder rail, a gradient fill
+ *  up to the value with a soft glow, and a glowing white thumb with a colored
+ *  ring. Draggable via PanResponder; emits the clamped value through `onChange`.
+ *  Mirrors the web `Slider` look + prop API. */
+function Slider({
+  value = 72,
+  min = 0,
+  max = 100,
+  onChange,
+  fill = [_tokens.colors.accent, _tokens.colors.cyan],
+  glow = _tokens.colors.accent,
+  trackColor = 'rgba(255,255,255,0.10)',
+  labels,
+  style
+}) {
+  const span = max - min || 1;
+  const pct = Math.max(0, Math.min(100, (value - min) / span * 100));
+  const pctStr = `${pct}%`;
+
+  // measured track width, used to turn drag gestures into values
+  const widthRef = (0, _react.useRef)(0);
+  const [, setWidth] = (0, _react.useState)(0);
+  const onLayout = e => {
+    const w = e.nativeEvent.layout.width;
+    widthRef.current = w;
+    setWidth(w);
+  };
+  const emitAtX = x => {
+    const w = widthRef.current;
+    if (w <= 0) return;
+    const frac = Math.max(0, Math.min(1, x / w));
+    const next = min + frac * span;
+    onChange?.(next);
+  };
+  const pan = (0, _react.useRef)(_reactNative.PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: () => true,
+    onPanResponderGrant: e => emitAtX(e.nativeEvent.locationX),
+    onPanResponderMove: e => emitAtX(e.nativeEvent.locationX)
+  })).current;
+  const useGradient = Array.isArray(fill);
+
+  // the interactive rail (PanResponder + onLayout live here so dragging maps
+  // to the rail's measured width). Identical to before when no labels.
+  const rail = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.root, labels ? undefined : style],
+    onLayout: onLayout,
+    ...pan.panHandlers,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.track, {
+        backgroundColor: trackColor
+      }],
+      pointerEvents: "none"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.fillWrap, {
+        width: pctStr,
+        shadowColor: glow
+      }],
+      pointerEvents: "none",
+      children: useGradient ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_expoLinearGradient.LinearGradient, {
+        colors: fill,
+        start: {
+          x: 0,
+          y: 0
+        },
+        end: {
+          x: 1,
+          y: 0
+        },
+        style: _reactNative.StyleSheet.absoluteFill
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [_reactNative.StyleSheet.absoluteFill, {
+          backgroundColor: fill
+        }]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.thumb, {
+        left: pctStr,
+        borderColor: glow,
+        shadowColor: glow
+      }],
+      pointerEvents: "none"
+    })]
+  });
+
+  // No labels → identical to before (rail carries `style`).
+  if (!labels || labels.length === 0) {
+    return rail;
+  }
+
+  // With labels → wrap the rail + an evenly-spaced labels row.
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: style,
+    children: [rail, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.labels,
+      pointerEvents: "none",
+      children: labels.map((label, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.label,
+        children: label
+      }, `${i}-${label}`))
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    position: 'relative',
+    height: 18,
+    justifyContent: 'center'
+  },
+  track: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    height: 10,
+    borderRadius: _tokens.radii.pill
+  },
+  fillWrap: {
+    position: 'absolute',
+    left: 0,
+    height: 10,
+    borderRadius: _tokens.radii.pill,
+    overflow: 'hidden',
+    // soft glow (shadowColor set inline to `glow`)
+    shadowOpacity: 0.7,
+    shadowRadius: 7,
+    shadowOffset: {
+      width: 0,
+      height: 0
+    },
+    elevation: 6
+  },
+  thumb: {
+    position: 'absolute',
+    width: 18,
+    height: 18,
+    borderRadius: 9,
+    // center the 18px thumb on the value point
+    marginLeft: -9,
+    backgroundColor: '#fff',
+    borderWidth: 4,
+    // glow (shadowColor set inline)
+    shadowOpacity: 0.8,
+    shadowRadius: 6,
+    shadowOffset: {
+      width: 0,
+      height: 0
+    },
+    elevation: 8
+  },
+  // optional scale labels — evenly-spaced row under the rail
+  labels: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    marginTop: 7
+  },
+  label: {
+    fontFamily: _tokens.fonts.mono,
+    fontSize: 8.5,
+    color: _tokens.colors.textFaint
+  }
+});
+//# sourceMappingURL=Slider.js.map