@masumdev/rn-ui 0.1.0 → 0.1.2

package/lib/commonjs/components/FloatingActionButton.js

@@ -0,0 +1,184 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FloatingActionButton = FloatingActionButton;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _index = require("../theme/index.js");
+var _index2 = require("../utils/index.js");
+var _Text = require("./Text.js");
+var _types = require("./types.js");
+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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function getToneColors(tone, colors) {
+  if (tone === "primary") return {
+    base: colors.primary,
+    soft: colors.primarySoft,
+    on: colors.onPrimary
+  };
+  if (tone === "secondary") return {
+    base: colors.secondary,
+    soft: colors.secondarySoft,
+    on: colors.onSecondary
+  };
+  if (tone === "accent") return {
+    base: colors.accent,
+    soft: colors.accentSoft,
+    on: colors.onAccent
+  };
+  if (tone === "success") return {
+    base: colors.success,
+    soft: colors.successSoft,
+    on: colors.onSuccess
+  };
+  if (tone === "warning") return {
+    base: colors.warning,
+    soft: colors.warningSoft,
+    on: colors.onWarning
+  };
+  if (tone === "danger") return {
+    base: colors.danger,
+    soft: colors.dangerSoft,
+    on: colors.onDanger
+  };
+  return {
+    base: colors.info,
+    soft: colors.infoSoft,
+    on: colors.onInfo
+  };
+}
+function FloatingActionButton({
+  icon,
+  label,
+  extended = Boolean(label),
+  size = "md",
+  tone = "primary",
+  variant = "filled",
+  placement = "bottom-end",
+  offset,
+  visible = true,
+  animated = true,
+  loading,
+  disabled,
+  fullWidth,
+  style,
+  textStyle,
+  onPressIn,
+  onPressOut,
+  ...props
+}) {
+  const {
+    colors,
+    components,
+    radii,
+    spacing,
+    typography
+  } = (0, _index.useTheme)();
+  const [mounted, setMounted] = _react.default.useState(visible);
+  const visibility = (0, _reactNativeReanimated.useSharedValue)(visible ? 1 : 0);
+  const press = (0, _reactNativeReanimated.useSharedValue)(1);
+  const isDisabled = disabled || loading;
+  const toneColors = getToneColors(tone, colors);
+  const fabTokens = components.floatingActionButton;
+  const dimension = fabTokens.size[size];
+  const iconSize = fabTokens.iconSize[size];
+  const resolvedOffset = offset ?? spacing.lg;
+  _react.default.useEffect(() => {
+    if (visible) {
+      setMounted(true);
+    }
+    if (!animated) {
+      visibility.value = visible ? 1 : 0;
+      if (!visible) {
+        setMounted(false);
+      }
+      return;
+    }
+    visibility.value = (0, _reactNativeReanimated.withTiming)(visible ? 1 : 0, {
+      duration: 180
+    }, finished => {
+      if (finished && !visible) {
+        (0, _reactNativeReanimated.runOnJS)(setMounted)(false);
+      }
+    });
+  }, [animated, visible, visibility]);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: visibility.value,
+    transform: [{
+      scale: press.value * (0.88 + visibility.value * 0.12)
+    }, {
+      translateY: 8 * (1 - visibility.value)
+    }]
+  }));
+  if (!mounted) {
+    return null;
+  }
+  const backgroundColor = isDisabled ? colors.disabled : variant === "filled" ? toneColors.base : variant === "soft" ? toneColors.soft : variant === "outline" ? colors.surface : colors.transparent;
+  const foregroundColor = isDisabled ? colors.disabledText : variant === "filled" ? toneColors.on : toneColors.base;
+  const borderColor = isDisabled ? colors.disabled : variant === "outline" ? (0, _index2.withAlpha)(toneColors.base, 0.42) : colors.transparent;
+  const placementStyle = placement === "none" ? {} : {
+    position: "absolute",
+    bottom: placement.startsWith("bottom") ? resolvedOffset : undefined,
+    top: placement.startsWith("top") ? resolvedOffset : undefined,
+    right: placement.endsWith("end") ? resolvedOffset : undefined,
+    left: placement.endsWith("start") ? resolvedOffset : undefined,
+    zIndex: 100
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [placementStyle, animated ? animatedStyle : undefined],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      accessibilityRole: "button",
+      disabled: isDisabled,
+      onPressIn: event => {
+        if (animated) {
+          press.value = (0, _reactNativeReanimated.withSpring)(0.94, {
+            damping: 16,
+            stiffness: 260
+          });
+        }
+        onPressIn?.(event);
+      },
+      onPressOut: event => {
+        if (animated) {
+          press.value = (0, _reactNativeReanimated.withSpring)(1, {
+            damping: 16,
+            stiffness: 260
+          });
+        }
+        onPressOut?.(event);
+      },
+      style: ({
+        pressed
+      }) => [{
+        minWidth: extended ? undefined : dimension,
+        width: fullWidth ? "100%" : undefined,
+        height: dimension,
+        paddingHorizontal: extended ? fabTokens.paddingX[size] : 0,
+        borderRadius: radii.full,
+        borderWidth: variant === "outline" ? components.borderWidth.strong : 0,
+        borderColor,
+        backgroundColor,
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: spacing.sm,
+        opacity: !animated && pressed && !isDisabled ? 0.78 : 1
+      }, style],
+      ...props,
+      children: [loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        size: "small",
+        color: foregroundColor
+      }) : (0, _types.renderIcon)(icon, foregroundColor, iconSize), extended && label ? typeof label === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        style: [typography.label, {
+          color: foregroundColor
+        }, textStyle],
+        children: label
+      }) : label : null]
+    })
+  });
+}
+//# sourceMappingURL=FloatingActionButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_index","_index2","_Text","_types","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","getToneColors","tone","colors","base","primary","soft","primarySoft","on","onPrimary","secondary","secondarySoft","onSecondary","accent","accentSoft","onAccent","success","successSoft","onSuccess","warning","warningSoft","onWarning","danger","dangerSoft","onDanger","info","infoSoft","onInfo","FloatingActionButton","icon","label","extended","Boolean","size","variant","placement","offset","visible","animated","loading","disabled","fullWidth","style","textStyle","onPressIn","onPressOut","props","components","radii","spacing","typography","useTheme","mounted","setMounted","React","useState","visibility","useSharedValue","press","isDisabled","toneColors","fabTokens","floatingActionButton","dimension","iconSize","resolvedOffset","lg","useEffect","value","withTiming","duration","finished","runOnJS","animatedStyle","useAnimatedStyle","opacity","transform","scale","translateY","backgroundColor","surface","transparent","foregroundColor","disabledText","borderColor","withAlpha","placementStyle","position","bottom","startsWith","undefined","top","right","endsWith","left","zIndex","jsx","View","children","jsxs","Pressable","accessibilityRole","event","withSpring","damping","stiffness","pressed","minWidth","width","height","paddingHorizontal","paddingX","borderRadius","full","borderWidth","strong","flexDirection","alignItems","justifyContent","gap","sm","ActivityIndicator","color","renderIcon","Text"],"sourceRoot":"../../../src","sources":["components/FloatingActionButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/FormField.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormControl = FormControl;
+exports.FormDescription = FormDescription;
+exports.FormField = FormField;
+exports.FormLabel = FormLabel;
+exports.FormMessage = FormMessage;
+exports.useFormField = useFormField;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../theme/index.js");
+var _Label = require("./Label.js");
+var _Text = require("./Text.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FormFieldContext = /*#__PURE__*/_react.default.createContext(null);
+function useFormField() {
+  return _react.default.useContext(FormFieldContext);
+}
+function FormField({
+  invalid = false,
+  disabled = false,
+  required = false,
+  style,
+  ...props
+}) {
+  const {
+    spacing
+  } = (0, _index.useTheme)();
+  const value = _react.default.useMemo(() => ({
+    invalid,
+    disabled,
+    required
+  }), [disabled, invalid, required]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormFieldContext.Provider, {
+    value: value,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [{
+        width: "100%",
+        gap: spacing.xs
+      }, style],
+      ...props
+    })
+  });
+}
+function FormLabel(props) {
+  const field = useFormField();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.Label, {
+    invalid: field?.invalid,
+    disabled: field?.disabled,
+    required: field?.required,
+    ...props
+  });
+}
+function FormControl({
+  style,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [{
+      width: "100%"
+    }, style],
+    ...props
+  });
+}
+function FormDescription({
+  children,
+  style
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+    variant: "bodySmall",
+    color: "textMuted",
+    style: style,
+    children: children
+  });
+}
+function FormMessage({
+  children,
+  style
+}) {
+  const field = useFormField();
+  if (!children) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+    variant: "bodySmall",
+    color: field?.invalid ? "danger" : "textMuted",
+    style: style,
+    children: children
+  });
+}
+//# sourceMappingURL=FormField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_index","_Label","_Text","_jsxRuntime","e","__esModule","default","FormFieldContext","React","createContext","useFormField","useContext","FormField","invalid","disabled","required","style","props","spacing","useTheme","value","useMemo","jsx","Provider","children","View","width","gap","xs","FormLabel","field","Label","FormControl","FormDescription","Text","variant","color","FormMessage"],"sourceRoot":"../../../src","sources":["components/FormField.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/HoverCard.js

@@ -0,0 +1,212 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HoverCard = HoverCard;
+exports.HoverCardContent = HoverCardContent;
+exports.HoverCardTrigger = HoverCardTrigger;
+exports.useHoverCard = useHoverCard;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _index = require("../theme/index.js");
+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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const HoverCardContext = /*#__PURE__*/_react.default.createContext(null);
+function useHoverCard() {
+  const context = _react.default.useContext(HoverCardContext);
+  if (!context) {
+    throw new Error("useHoverCard must be used within a <HoverCard />");
+  }
+  return context;
+}
+function HoverCard({
+  open: controlledOpen,
+  defaultOpen = false,
+  onOpenChange,
+  openDelay = 10,
+  closeDelay = 100,
+  triggerMode = "longPress",
+  children
+}) {
+  const {
+    colors
+  } = (0, _index.useTheme)();
+  const [uncontrolledOpen, setUncontrolledOpen] = _react.default.useState(defaultOpen);
+  const [triggerLayout, setTriggerLayout] = _react.default.useState({
+    pageX: 0,
+    pageY: 0,
+    width: 0,
+    height: 0
+  });
+  const isControlled = controlledOpen !== undefined;
+  const open = isControlled ? controlledOpen : uncontrolledOpen;
+  const setOpen = _react.default.useCallback(nextOpen => {
+    if (!isControlled) {
+      setUncontrolledOpen(nextOpen);
+    }
+    onOpenChange?.(nextOpen);
+  }, [isControlled, onOpenChange]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(HoverCardContext.Provider, {
+    value: {
+      open,
+      setOpen,
+      triggerLayout,
+      setTriggerLayout,
+      openDelay,
+      closeDelay,
+      triggerMode,
+      colors
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        alignSelf: "flex-start"
+      },
+      children: children
+    })
+  });
+}
+function HoverCardTrigger({
+  children,
+  disabled = false,
+  style
+}) {
+  const {
+    open,
+    setOpen,
+    setTriggerLayout,
+    openDelay,
+    closeDelay,
+    triggerMode
+  } = useHoverCard();
+  const triggerRef = _react.default.useRef(null);
+  const openTimer = _react.default.useRef(null);
+  const closeTimer = _react.default.useRef(null);
+  _react.default.useEffect(() => {
+    return () => {
+      if (openTimer.current) clearTimeout(openTimer.current);
+      if (closeTimer.current) clearTimeout(closeTimer.current);
+    };
+  }, []);
+  const measureAndSetOpen = _react.default.useCallback(nextOpen => {
+    if (disabled || triggerMode === "manual") return;
+    if (closeTimer.current) clearTimeout(closeTimer.current);
+    triggerRef.current?.measureInWindow((x, y, width, height) => {
+      if (width > 0 && height > 0) {
+        setTriggerLayout({
+          pageX: x,
+          pageY: y,
+          width,
+          height
+        });
+        if (openTimer.current) clearTimeout(openTimer.current);
+        openTimer.current = setTimeout(() => setOpen(nextOpen), openDelay);
+      }
+    });
+  }, [disabled, openDelay, setOpen, setTriggerLayout, triggerMode]);
+  const close = _react.default.useCallback(() => {
+    if (triggerMode === "manual") return;
+    if (openTimer.current) clearTimeout(openTimer.current);
+    closeTimer.current = setTimeout(() => setOpen(false), closeDelay);
+  }, [closeDelay, setOpen, triggerMode]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    ref: triggerRef,
+    accessibilityRole: "button",
+    accessibilityState: {
+      expanded: open,
+      disabled
+    },
+    disabled: disabled,
+    onPress: triggerMode === "press" ? () => measureAndSetOpen(!open) : undefined,
+    onLongPress: triggerMode === "longPress" ? () => measureAndSetOpen(true) : undefined,
+    onPressOut: triggerMode === "longPress" ? close : undefined,
+    delayLongPress: 420,
+    style: style,
+    children: children
+  });
+}
+function HoverCardContent({
+  children,
+  align = "center",
+  width = 256,
+  maxHeight = 320,
+  sideOffset = 4,
+  style,
+  overlayStyle,
+  modalProps
+}) {
+  const {
+    open,
+    setOpen,
+    triggerLayout,
+    colors
+  } = useHoverCard();
+  const {
+    components,
+    radii,
+    spacing
+  } = (0, _index.useTheme)();
+  const progress = (0, _reactNativeReanimated.useSharedValue)(0);
+  _react.default.useEffect(() => {
+    progress.value = (0, _reactNativeReanimated.withTiming)(open ? 1 : 0, {
+      duration: 100
+    });
+  }, [open, progress]);
+  const {
+    height: screenHeight,
+    width: screenWidth
+  } = _reactNative.Dimensions.get("window");
+  const resolvedWidth = Math.min(width, screenWidth - spacing.lg * 2);
+  const spaceBelow = screenHeight - (triggerLayout.pageY + triggerLayout.height);
+  const renderAbove = spaceBelow < maxHeight + spacing.xl;
+  const centerX = triggerLayout.pageX + triggerLayout.width / 2;
+  const rawLeft = align === "start" ? triggerLayout.pageX : align === "end" ? triggerLayout.pageX + triggerLayout.width - resolvedWidth : centerX - resolvedWidth / 2;
+  const left = Math.min(Math.max(spacing.lg, rawLeft), screenWidth - resolvedWidth - spacing.lg);
+  const positionStyle = renderAbove ? {
+    bottom: screenHeight - triggerLayout.pageY + sideOffset
+  } : {
+    top: triggerLayout.pageY + triggerLayout.height + sideOffset
+  };
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    return {
+      opacity: progress.value,
+      transform: [{
+        translateY: renderAbove ? (1 - progress.value) * 8 : (1 - progress.value) * -8
+      }, {
+        scale: 0.95 + progress.value * 0.05
+      }]
+    };
+  });
+  if (!open) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Modal, {
+    transparent: true,
+    visible: open,
+    animationType: "none",
+    statusBarTranslucent: true,
+    navigationBarTranslucent: true,
+    hardwareAccelerated: true,
+    onRequestClose: () => setOpen(false),
+    ...modalProps,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      style: [_reactNative.StyleSheet.absoluteFill, overlayStyle],
+      onPress: () => setOpen(false)
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [{
+        position: "absolute",
+        left,
+        width: resolvedWidth,
+        maxHeight,
+        borderRadius: radii.lg,
+        backgroundColor: colors.surface,
+        borderWidth: components.borderWidth.strong,
+        borderColor: colors.border,
+        padding: spacing.md,
+        overflow: "hidden"
+      }, positionStyle, animatedStyle, style],
+      children: children
+    })]
+  });
+}
+//# sourceMappingURL=HoverCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_index","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","HoverCardContext","React","createContext","useHoverCard","context","useContext","Error","HoverCard","open","controlledOpen","defaultOpen","onOpenChange","openDelay","closeDelay","triggerMode","children","colors","useTheme","uncontrolledOpen","setUncontrolledOpen","useState","triggerLayout","setTriggerLayout","pageX","pageY","width","height","isControlled","undefined","setOpen","useCallback","nextOpen","jsx","Provider","value","View","style","alignSelf","HoverCardTrigger","disabled","triggerRef","useRef","openTimer","closeTimer","useEffect","current","clearTimeout","measureAndSetOpen","measureInWindow","x","y","setTimeout","close","Pressable","ref","accessibilityRole","accessibilityState","expanded","onPress","onLongPress","onPressOut","delayLongPress","HoverCardContent","align","maxHeight","sideOffset","overlayStyle","modalProps","components","radii","spacing","progress","useSharedValue","withTiming","duration","screenHeight","screenWidth","Dimensions","resolvedWidth","Math","min","lg","spaceBelow","renderAbove","xl","centerX","rawLeft","left","max","positionStyle","bottom","top","animatedStyle","useAnimatedStyle","opacity","transform","translateY","scale","jsxs","Modal","transparent","visible","animationType","statusBarTranslucent","navigationBarTranslucent","hardwareAccelerated","onRequestClose","StyleSheet","absoluteFill","position","borderRadius","backgroundColor","surface","borderWidth","strong","borderColor","border","padding","md","overflow"],"sourceRoot":"../../../src","sources":["components/HoverCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/IconButton.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconButton = IconButton;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../theme/index.js");
+var _index2 = require("../utils/index.js");
+var _Text = require("./Text.js");
+var _types = require("./types.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function getToneColor(tone, colors) {
+  if (tone === "primary") return colors.primary;
+  if (tone === "secondary") return colors.secondary;
+  if (tone === "accent") return colors.accent;
+  if (tone === "success") return colors.success;
+  if (tone === "warning") return colors.warning;
+  if (tone === "danger") return colors.danger;
+  return colors.info;
+}
+function resolveColor(color, colors) {
+  if (!color) return undefined;
+  return color in colors ? colors[color] : color;
+}
+function IconButton({
+  icon,
+  variant = "ghost",
+  size = "md",
+  tone = "primary",
+  color,
+  loading,
+  disabled,
+  badge,
+  style,
+  ...props
+}) {
+  const {
+    colors,
+    components
+  } = (0, _index.useTheme)();
+  const base = resolveColor(color, colors) ?? getToneColor(tone, colors);
+  const isDisabled = disabled || loading;
+  const containerSize = components.iconButton.size[size];
+  const iconSize = components.iconButton.iconSize[size];
+  const badgeTokens = components.iconButton.badge;
+  const backgroundColor = isDisabled ? colors.disabled : variant === "filled" ? base : variant === "soft" ? (0, _index2.withAlpha)(base, 0.12) : variant === "outline" ? colors.surface : colors.transparent;
+  const iconColor = isDisabled ? colors.disabledText : variant === "filled" ? colors.onPrimary : variant === "ghost" ? colors.text : base;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    accessibilityRole: "button",
+    disabled: isDisabled,
+    style: ({
+      pressed
+    }) => [{
+      width: containerSize,
+      height: containerSize,
+      borderRadius: containerSize / 2,
+      backgroundColor,
+      borderColor: variant === "outline" ? colors.border : colors.transparent,
+      borderWidth: variant === "outline" ? components.borderWidth.strong : 0,
+      alignItems: "center",
+      justifyContent: "center",
+      opacity: pressed && !isDisabled ? 0.72 : 1
+    }, style],
+    ...props,
+    children: [loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+      color: iconColor
+    }) : (0, _types.renderIcon)(icon, iconColor, iconSize), !!badge && badge > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        position: "absolute",
+        top: badgeTokens.offset,
+        right: badgeTokens.offset,
+        minWidth: badgeTokens.minWidth,
+        height: badgeTokens.size,
+        paddingHorizontal: badgeTokens.paddingX,
+        borderRadius: badgeTokens.size / 2,
+        alignItems: "center",
+        justifyContent: "center",
+        backgroundColor: colors.danger,
+        borderWidth: badgeTokens.borderWidth,
+        borderColor: colors.surface
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "caption",
+        color: "onDanger",
+        weight: "700",
+        style: {
+          fontSize: badgeTokens.fontSize,
+          lineHeight: badgeTokens.lineHeight
+        },
+        children: badge > 99 ? "99+" : String(badge)
+      })
+    })]
+  });
+}
+//# sourceMappingURL=IconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_index","_index2","_Text","_types","_jsxRuntime","e","__esModule","default","getToneColor","tone","colors","primary","secondary","accent","success","warning","danger","info","resolveColor","color","undefined","IconButton","icon","variant","size","loading","disabled","badge","style","props","components","useTheme","base","isDisabled","containerSize","iconButton","iconSize","badgeTokens","backgroundColor","withAlpha","surface","transparent","iconColor","disabledText","onPrimary","text","jsxs","Pressable","accessibilityRole","pressed","width","height","borderRadius","borderColor","border","borderWidth","strong","alignItems","justifyContent","opacity","children","jsx","ActivityIndicator","renderIcon","View","position","top","offset","right","minWidth","paddingHorizontal","paddingX","Text","weight","fontSize","lineHeight","String"],"sourceRoot":"../../../src","sources":["components/IconButton.tsx"],"mappings":"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","ignoreList":[]}