fluent-styles 1.54.0 → 1.55.0

package/lib/commonjs/actionSheet/actionSheet.js

@@ -0,0 +1,372 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LIGHT_COLORS = exports.DARK_COLORS = exports.ActionSheet = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+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 SCREEN_HEIGHT = _reactNative.Dimensions.get('window').height;
+
+// ─── Theme tokens ─────────────────────────────────────────────────────────────
+
+/**
+ * Every colour used by the sheet, overridable via the `colors` prop.
+ * Pass a partial object — only the keys you want to change.
+ */
+
+// ─── Built-in palettes ────────────────────────────────────────────────────────
+
+const DARK_COLORS = exports.DARK_COLORS = {
+  background: '#1c1c1e',
+  gutter: '#09090b',
+  border: '#2c2c2e',
+  handle: '#3f3f46',
+  title: '#f4f4f5',
+  message: '#71717a',
+  itemLabel: '#f4f4f5',
+  itemDescription: '#71717a',
+  destructiveLabel: '#ef4444',
+  destructiveDescription: '#f87171',
+  iconBackground: '#27272a',
+  chevron: '#52525b',
+  separator: '#2c2c2e',
+  cancelLabel: '#f4f4f5'
+};
+const LIGHT_COLORS = exports.LIGHT_COLORS = {
+  background: '#ffffff',
+  gutter: '#f2f2f7',
+  border: '#e5e5ea',
+  handle: '#c7c7cc',
+  title: '#1c1c1e',
+  message: '#8e8e93',
+  itemLabel: '#1c1c1e',
+  itemDescription: '#8e8e93',
+  destructiveLabel: '#ff3b30',
+  destructiveDescription: '#ff6b63',
+  iconBackground: '#f2f2f7',
+  chevron: '#c7c7cc',
+  separator: '#e5e5ea',
+  cancelLabel: '#007aff'
+};
+
+// ─── Types ────────────────────────────────────────────────────────────────────
+
+// ─── Component ────────────────────────────────────────────────────────────────
+
+const ActionSheet = ({
+  title,
+  message,
+  items,
+  children,
+  showCancel = true,
+  cancelLabel = 'Cancel',
+  onCancel,
+  onDismiss,
+  maxHeight = SCREEN_HEIGHT * 0.7,
+  theme = 'dark',
+  colors: colorOverrides
+}) => {
+  // ── Resolve active color tokens ──────────────────────────────────────────
+  const deviceScheme = (0, _reactNative.useColorScheme)();
+  const colors = (0, _react.useMemo)(() => {
+    const resolvedTheme = theme === 'system' ? deviceScheme === 'light' ? 'light' : 'dark' : theme;
+    const base = resolvedTheme === 'light' ? LIGHT_COLORS : DARK_COLORS;
+    return colorOverrides ? {
+      ...base,
+      ...colorOverrides
+    } : base;
+  }, [theme, deviceScheme, colorOverrides]);
+
+  // ── Animation refs ───────────────────────────────────────────────────────
+  const translateY = (0, _react.useRef)(new _reactNative.Animated.Value(600)).current;
+  const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const isDismissing = (0, _react.useRef)(false);
+  const onDismissRef = (0, _react.useRef)(onDismiss);
+  (0, _react.useEffect)(() => {
+    onDismissRef.current = onDismiss;
+  }, [onDismiss]);
+
+  // ── dismiss ─────────────────────────────────────────────────────────────
+  const dismiss = (0, _react.useCallback)(afterDismiss => {
+    if (isDismissing.current) return;
+    isDismissing.current = true;
+    _reactNative.Animated.parallel([_reactNative.Animated.timing(translateY, {
+      toValue: 600,
+      duration: 300,
+      easing: _reactNative.Easing.in(_reactNative.Easing.bezier(0.4, 0, 1, 1)),
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(opacity, {
+      toValue: 0,
+      duration: 220,
+      useNativeDriver: true
+    })]).start(() => {
+      afterDismiss?.();
+      onDismissRef.current?.();
+    });
+  }, [translateY, opacity]);
+
+  // ── Enter animation ──────────────────────────────────────────────────────
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.parallel([_reactNative.Animated.spring(translateY, {
+      toValue: 0,
+      useNativeDriver: true,
+      damping: 26,
+      stiffness: 300,
+      mass: 0.9
+    }), _reactNative.Animated.timing(opacity, {
+      toValue: 1,
+      duration: 180,
+      useNativeDriver: true
+    })]).start();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // ── Handlers ─────────────────────────────────────────────────────────────
+  const handleItem = (0, _react.useCallback)(item => {
+    if (item.variant === 'disabled') return;
+    dismiss(item.onPress);
+  }, [dismiss]);
+  const handleCancel = (0, _react.useCallback)(() => {
+    dismiss(onCancel);
+  }, [dismiss, onCancel]);
+  const hasHeader = Boolean(title || message);
+  const hasItems = Boolean(items?.length);
+  const hasContent = Boolean(children);
+
+  // ── Render ───────────────────────────────────────────────────────────────
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+    style: [styles.wrapper, {
+      backgroundColor: colors.background,
+      borderColor: colors.border,
+      opacity,
+      transform: [{
+        translateY
+      }]
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.handle, {
+        backgroundColor: colors.handle
+      }]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
+      style: {
+        maxHeight
+      },
+      contentContainerStyle: styles.scrollContent,
+      showsVerticalScrollIndicator: false,
+      bounces: false,
+      children: [hasHeader && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.header, {
+          borderBottomColor: colors.border
+        }],
+        children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.title, {
+            color: colors.title
+          }],
+          children: title
+        }) : null, message ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.message, {
+            color: colors.message
+          }],
+          children: message
+        }) : null]
+      }), hasContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.childrenWrap, hasItems && styles.childrenWithItems],
+        children: children
+      }), hasContent && hasItems && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.divider, {
+          backgroundColor: colors.border
+        }]
+      }), hasItems && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        children: items.map((item, i) => {
+          const isDestructive = item.variant === 'destructive';
+          const isDisabled = item.variant === 'disabled';
+          const isLast = i === items.length - 1;
+          const labelColor = isDestructive ? colors.destructiveLabel : isDisabled ? colors.chevron // muted
+          : colors.itemLabel;
+          const descColor = isDestructive ? colors.destructiveDescription : colors.itemDescription;
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+              style: [styles.item, isDisabled && styles.itemDisabled],
+              onPress: () => handleItem(item),
+              activeOpacity: isDisabled ? 1 : 0.6,
+              disabled: isDisabled,
+              children: [item.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                style: [styles.itemIconWrap, {
+                  backgroundColor: colors.iconBackground
+                }],
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                  style: styles.itemIcon,
+                  children: item.icon
+                })
+              }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+                style: styles.itemText,
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                  style: [styles.itemLabel, {
+                    color: labelColor
+                  }],
+                  children: item.label
+                }), item.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                  style: [styles.itemDescription, {
+                    color: descColor
+                  }],
+                  children: item.description
+                }) : null]
+              }), !isDestructive && !isDisabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: [styles.chevron, {
+                  color: colors.chevron
+                }],
+                children: "\u203A"
+              }) : null]
+            }), !isLast && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: [styles.separator, {
+                backgroundColor: colors.separator
+              }]
+            })]
+          }, i);
+        })
+      })]
+    }), showCancel && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.cancelGutter, {
+          backgroundColor: colors.gutter
+        }]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        style: [styles.cancelBtn, {
+          backgroundColor: colors.background
+        }],
+        onPress: handleCancel,
+        activeOpacity: 0.6,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.cancelLabel, {
+            color: colors.cancelLabel
+          }],
+          children: cancelLabel
+        })
+      })]
+    })]
+  });
+};
+
+// ─── Static styles (layout only — colours come from tokens above) ─────────────
+exports.ActionSheet = ActionSheet;
+const styles = _reactNative.StyleSheet.create({
+  wrapper: {
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    borderWidth: 1,
+    borderBottomWidth: 0,
+    width: '100%',
+    paddingBottom: 34,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: -8
+    },
+    shadowOpacity: 0.18,
+    shadowRadius: 24,
+    elevation: 24
+  },
+  handle: {
+    alignSelf: 'center',
+    width: 36,
+    height: 4,
+    borderRadius: 2,
+    marginTop: 10,
+    marginBottom: 6
+  },
+  scrollContent: {
+    paddingHorizontal: 0
+  },
+  // Header
+  header: {
+    paddingHorizontal: 20,
+    paddingTop: 12,
+    paddingBottom: 14,
+    gap: 4,
+    borderBottomWidth: 1
+  },
+  title: {
+    fontSize: 15,
+    fontWeight: '600',
+    textAlign: 'center'
+  },
+  message: {
+    fontSize: 13,
+    textAlign: 'center',
+    lineHeight: 18
+  },
+  // Children slot
+  childrenWrap: {
+    paddingHorizontal: 16,
+    paddingVertical: 16
+  },
+  childrenWithItems: {
+    paddingBottom: 0
+  },
+  divider: {
+    height: 1,
+    marginVertical: 4
+  },
+  // Items
+  item: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 20,
+    paddingVertical: 14,
+    gap: 14,
+    minHeight: 54
+  },
+  itemDisabled: {
+    opacity: 0.45
+  },
+  itemIconWrap: {
+    width: 34,
+    height: 34,
+    borderRadius: 10,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  itemIcon: {
+    fontSize: 17
+  },
+  itemText: {
+    flex: 1,
+    gap: 2
+  },
+  itemLabel: {
+    fontSize: 16,
+    fontWeight: '500',
+    letterSpacing: 0.1
+  },
+  itemDescription: {
+    fontSize: 13,
+    lineHeight: 17
+  },
+  chevron: {
+    fontSize: 20,
+    fontWeight: '300'
+  },
+  separator: {
+    height: 1,
+    marginHorizontal: 20
+  },
+  // Cancel
+  cancelGutter: {
+    height: 8
+  },
+  cancelBtn: {
+    paddingVertical: 17,
+    paddingHorizontal: 20,
+    alignItems: 'center'
+  },
+  cancelLabel: {
+    fontSize: 17,
+    fontWeight: '600'
+  }
+});
+
+// ─── Re-export palettes so callers can extend them ────────────────────────────
+//# sourceMappingURL=actionSheet.js.map

package/lib/commonjs/actionSheet/actionSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SCREEN_HEIGHT","Dimensions","height","DARK_COLORS","exports","background","gutter","border","handle","title","message","itemLabel","itemDescription","destructiveLabel","destructiveDescription","iconBackground","chevron","separator","cancelLabel","LIGHT_COLORS","ActionSheet","items","children","showCancel","onCancel","onDismiss","maxHeight","theme","colors","colorOverrides","deviceScheme","useColorScheme","useMemo","resolvedTheme","base","translateY","useRef","Animated","Value","current","opacity","isDismissing","onDismissRef","useEffect","dismiss","useCallback","afterDismiss","parallel","timing","toValue","duration","easing","Easing","in","bezier","useNativeDriver","start","spring","damping","stiffness","mass","handleItem","item","variant","onPress","handleCancel","hasHeader","Boolean","hasItems","length","hasContent","jsxs","View","style","styles","wrapper","backgroundColor","borderColor","transform","jsx","ScrollView","contentContainerStyle","scrollContent","showsVerticalScrollIndicator","bounces","header","borderBottomColor","Text","color","childrenWrap","childrenWithItems","divider","map","isDestructive","isDisabled","isLast","labelColor","descColor","Fragment","TouchableOpacity","itemDisabled","activeOpacity","disabled","icon","itemIconWrap","itemIcon","itemText","label","description","cancelGutter","cancelBtn","StyleSheet","create","borderTopLeftRadius","borderTopRightRadius","borderWidth","borderBottomWidth","width","paddingBottom","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","alignSelf","borderRadius","marginTop","marginBottom","paddingHorizontal","paddingTop","gap","fontSize","fontWeight","textAlign","lineHeight","paddingVertical","marginVertical","flexDirection","alignItems","minHeight","justifyContent","flex","letterSpacing","marginHorizontal"],"sourceRoot":"../../../src","sources":["actionSheet/actionSheet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/actionSheet/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ActionSheet", {
+  enumerable: true,
+  get: function () {
+    return _actionSheet.ActionSheet;
+  }
+});
+Object.defineProperty(exports, "useActionSheet", {
+  enumerable: true,
+  get: function () {
+    return _useActionSheet.useActionSheet;
+  }
+});
+var _actionSheet = require("./actionSheet.js");
+var _useActionSheet = require("./useActionSheet.js");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_actionSheet","require","_useActionSheet"],"sourceRoot":"../../../src","sources":["actionSheet/index.tsx"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA","ignoreList":[]}

package/lib/commonjs/actionSheet/useActionSheet.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useActionSheet = useActionSheet;
+var _react = _interopRequireWildcard(require("react"));
+var _PortalContext = require("../portal/PortalContext.js");
+var _actionSheet = require("./actionSheet.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); }
+// ─── Types ────────────────────────────────────────────────────────────────────
+
+/** All props except `onDismiss` — the hook wires that up internally. */
+
+// ─── Hook ─────────────────────────────────────────────────────────────────────
+
+/**
+ * Declarative action sheet hook.
+ * Requires a `PortalManager` ancestor.
+ *
+ * @example
+ * ```tsx
+ * const actionSheet = useActionSheet()
+ *
+ * // ── Items-only sheet ──────────────────────────────────────────────────
+ * actionSheet.show({
+ *   title: 'Post options',
+ *   items: [
+ *     { icon: '✏️',  label: 'Edit',             onPress: onEdit },
+ *     { icon: '🔗',  label: 'Copy link',         onPress: onCopy },
+ *     { icon: '🚩',  label: 'Report',            variant: 'destructive', onPress: onReport },
+ *     { icon: '🔒',  label: 'Premium only',      variant: 'disabled' },
+ *   ],
+ * })
+ *
+ * // ── Children-only sheet ───────────────────────────────────────────────
+ * actionSheet.present(
+ *   <EmojiPicker onSelect={emoji => { setEmoji(emoji) }} />,
+ *   { title: 'Choose reaction' },
+ * )
+ *
+ * // ── Mixed sheet ───────────────────────────────────────────────────────
+ * actionSheet.show({
+ *   title: 'Choose a colour',
+ *   children: <ColourSwatchRow onSelect={setColour} />,
+ *   items: [
+ *     { label: 'Reset to default', onPress: resetColour },
+ *   ],
+ * })
+ * ```
+ */
+function useActionSheet() {
+  const {
+    mount,
+    unmount
+  } = (0, _PortalContext.usePortal)();
+  const show = (0, _react.useCallback)(options => {
+    // idBox allocated before JSX — onDismiss/onCancel closures read
+    // idBox.current at call-time, safe under concurrent mode.
+    const idBox = {
+      current: -1
+    };
+    const handleDismiss = () => unmount(idBox.current);
+    const handleBackdrop = () => unmount(idBox.current);
+    idBox.current = mount(/*#__PURE__*/(0, _jsxRuntime.jsx)(_actionSheet.ActionSheet, {
+      ...options,
+      onDismiss: handleDismiss
+    }), {
+      // 'bottom' spans full width and anchors at the bottom edge —
+      // perfect for sheets that slide up from the bottom.
+      position: 'bottom',
+      backdrop: true,
+      onBackdropPress: handleBackdrop
+    });
+    return idBox.current;
+  }, [mount, unmount]);
+  const present = (0, _react.useCallback)((children, options = {}) => show({
+    ...options,
+    children
+  }), [show]);
+  const dismiss = (0, _react.useCallback)(id => unmount(id), [unmount]);
+  return {
+    show,
+    present,
+    dismiss
+  };
+}
+//# sourceMappingURL=useActionSheet.js.map

package/lib/commonjs/actionSheet/useActionSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_PortalContext","_actionSheet","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useActionSheet","mount","unmount","usePortal","show","useCallback","options","idBox","current","handleDismiss","handleBackdrop","jsx","ActionSheet","onDismiss","position","backdrop","onBackdropPress","present","children","dismiss","id"],"sourceRoot":"../../../src","sources":["actionSheet/useActionSheet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/badge/index.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledBadge = exports.BadgeWithIcon = exports.BadgeIcon = void 0;
+var _reactNative = require("react-native");
+var _styled = require("../utiles/styled.js");
+var _theme = require("../utiles/theme.js");
+var _react = require("react");
+var _index = require("../stack/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const StyledBadge = exports.StyledBadge = (0, _styled.styled)(_reactNative.Text, {
+  base: {
+    fontSize: _theme.theme.fontSize.normal,
+    color: _theme.theme.colors.gray[800],
+    fontWeight: _theme.theme.fontWeight.normal
+  },
+  variants: {
+    fontSize: selected => {
+      const size = selected || _theme.theme.fontSize.normal;
+      return {
+        fontSize: Number(size)
+      };
+    },
+    fontWeight: selected => {
+      const weight = selected || _theme.theme.fontWeight.normal;
+      return {
+        fontWeight: weight
+      };
+    },
+    color: selected => {
+      const colorValue = selected || _theme.theme.colors.gray[800];
+      return {
+        color: colorValue
+      };
+    },
+    textAlign: selected => {
+      const align = selected || "center";
+      const validAlignments = ["auto", "left", "right", "center", "justify"];
+      if (!validAlignments.includes(align)) {
+        return {};
+      }
+      return {
+        textAlign: align
+      };
+    },
+    fontFamily: selected => {
+      if (!selected) return {};
+      return {
+        fontFamily: selected
+      };
+    },
+    link: {
+      true: {
+        color: _theme.theme.colors.blue[800],
+        textDecorationLine: "underline"
+      }
+    }
+  }
+});
+const BadgeWithIcon = exports.BadgeWithIcon = /*#__PURE__*/(0, _react.forwardRef)(({
+  title,
+  iconLeft,
+  iconRight,
+  ...rest
+}, ref) => {
+  const {
+    color,
+    fontSize,
+    fontFamily,
+    fontWeight,
+    gap,
+    backgroundColor,
+    paddingHorizontal,
+    paddingVertical,
+    borderRadius,
+    justifyContent,
+    alignItems
+  } = rest;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.Stack, {
+    horizontal: true,
+    alignSelf: "flex-start",
+    backgroundColor,
+    gap,
+    borderRadius,
+    paddingHorizontal,
+    paddingVertical,
+    justifyContent,
+    alignItems,
+    children: [iconLeft && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: iconLeft
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledBadge, {
+      marginLeft: 2,
+      marginRight: 2,
+      ref: ref,
+      color,
+      fontSize,
+      fontFamily,
+      fontWeight,
+      children: title
+    }), iconRight && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: iconRight
+    })]
+  });
+});
+const BadgeIcon = exports.BadgeIcon = /*#__PURE__*/(0, _react.forwardRef)(({
+  icon,
+  char,
+  top = -6,
+  right = -6,
+  fontSize,
+  backgroundColor,
+  color,
+  bottom,
+  left,
+  size = 16
+}, ref) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.Stack, {
+    flex: 1,
+    horizontal: true,
+    justifyContent: "center",
+    alignItems: "center",
+    alignSelf: "flex-start",
+    children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: icon
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Stack, {
+      backgroundColor: backgroundColor || _theme.theme.colors.rose[500],
+      borderWidth: 0,
+      justifyContent: "center",
+      alignItems: "center",
+      borderRadius: 999,
+      height: size,
+      width: size,
+      top,
+      right,
+      bottom,
+      left,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledBadge, {
+        fontSize: fontSize || 10,
+        color: color || _theme.theme.colors.gray[100],
+        ref: ref,
+        children: char
+      })
+    })]
+  });
+});
+//# sourceMappingURL=index.js.map