fluent-styles 1.53.0 → 1.55.0

package/src/utiles/validators.ts

@@ -0,0 +1,21 @@
+/**
+ * Validates if a value is a valid CSS/React Native color
+ * Supports hex formats: #RGB, #RRGGBB, #RRGGBBAA
+ */
+export const isValidColor = (value: string): boolean => {
+  return /^#([0-9A-F]{3}|[0-9A-F]{6}|[0-9A-F]{8})$/i.test(value);
+};
+
+/**
+ * Validates if a value is a valid number (finite and not NaN)
+ */
+export const isValidNumber = (value: unknown): value is number => {
+  return typeof value === "number" && isFinite(value);
+};
+
+/**
+ * Validates if a value is a non-empty string
+ */
+export const isValidString = (value: unknown): value is string => {
+  return typeof value === "string" && value.trim().length > 0;
+};

package/src/utiles/viewStyleProps.ts

@@ -0,0 +1,41 @@
+import { ViewStyle } from 'react-native';
+
+ type ViewStyleProps = Pick<
+  ViewStyle,
+  | 'padding'
+  | 'paddingTop'
+  | 'paddingBottom'
+  | 'paddingLeft'
+  | 'paddingRight'
+  | 'paddingHorizontal'
+  | 'paddingVertical'
+  | 'margin'
+  | 'marginTop'
+  | 'marginBottom'
+  | 'marginLeft'
+  | 'marginRight'
+  | 'marginHorizontal'
+  | 'marginVertical'
+  | 'backgroundColor'
+  | 'borderRadius'
+  | 'borderWidth'
+  | 'borderColor'
+  | 'width'
+  | 'height'
+  | 'minHeight'
+  | 'maxHeight'
+  | 'minWidth'
+  | 'maxWidth'
+  | 'flex'
+  | 'flexDirection'
+  | 'justifyContent'
+  | 'alignItems'
+  | 'alignSelf'
+  | 'position'
+  | 'top'
+  | 'bottom'
+  | 'left'
+  | 'right'
+>;
+
+export type { ViewStyleProps, ViewStyle };

package/src/utiles/viewStyleVariants.ts

@@ -0,0 +1,411 @@
+import { ViewStyle } from 'react-native';
+
+export const viewStyleVariants = {
+
+  width: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { width: value } as ViewStyle;
+  },
+  
+  height: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { height: value } as ViewStyle;
+  },
+  
+  minWidth: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { minWidth: value } as ViewStyle;
+  },
+  
+  maxWidth: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { maxWidth: value } as ViewStyle;
+  },
+  
+  minHeight: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { minHeight: value } as ViewStyle;
+  },
+  
+  maxHeight: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { maxHeight: value } as ViewStyle;
+  },
+
+  // Position Properties
+  top: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value)) return {};
+    return { top: value } as ViewStyle;
+  },
+  
+  bottom: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value)) return {};
+    return { bottom: value } as ViewStyle;
+  },
+  
+  left: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value)) return {};
+    return { left: value } as ViewStyle;
+  },
+  
+  right: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value)) return {};
+    return { right: value } as ViewStyle;
+  },
+
+  // Margin Properties
+  margin: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value)) return {};
+    return { margin: value } as ViewStyle;
+  },
+  
+  marginTop: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value)) return {};
+    return { marginTop: value } as ViewStyle;
+  },
+  
+  marginBottom: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value)) return {};
+    return { marginBottom: value } as ViewStyle;
+  },
+  
+  marginLeft: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value)) return {};
+    return { marginLeft: value } as ViewStyle;
+  },
+  
+  marginRight: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value)) return {};
+    return { marginRight: value } as ViewStyle;
+  },
+  
+  marginHorizontal: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value)) return {};
+    return { marginHorizontal: value } as ViewStyle;
+  },
+  
+  marginVertical: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value)) return {};
+    return { marginVertical: value } as ViewStyle;
+  },
+
+  // Padding Properties
+  padding: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { padding: value } as ViewStyle;
+  },
+  
+  paddingTop: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { paddingTop: value } as ViewStyle;
+  },
+  
+  paddingBottom: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { paddingBottom: value } as ViewStyle;
+  },
+  
+  paddingLeft: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { paddingLeft: value } as ViewStyle;
+  },
+  
+  paddingRight: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { paddingRight: value } as ViewStyle;
+  },
+  
+  paddingHorizontal: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { paddingHorizontal: value } as ViewStyle;
+  },
+  
+  paddingVertical: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { paddingVertical: value } as ViewStyle;
+  },
+
+  // Border Properties
+  borderWidth: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { borderWidth: value } as ViewStyle;
+  },
+  
+  borderTopWidth: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { borderTopWidth: value } as ViewStyle;
+  },
+  
+  borderBottomWidth: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { borderBottomWidth: value } as ViewStyle;
+  },
+  
+  borderLeftWidth: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { borderLeftWidth: value } as ViewStyle;
+  },
+  
+  borderRightWidth: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { borderRightWidth: value } as ViewStyle;
+  },
+
+  // Border Radius Properties
+  borderRadius: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { borderRadius: value } as ViewStyle;
+  },
+  
+  borderTopLeftRadius: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { borderTopLeftRadius: value } as ViewStyle;
+  },
+  
+  borderTopRightRadius: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { borderTopRightRadius: value } as ViewStyle;
+  },
+  
+  borderBottomLeftRadius: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { borderBottomLeftRadius: value } as ViewStyle;
+  },
+  
+  borderBottomRightRadius: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { borderBottomRightRadius: value } as ViewStyle;
+  },
+
+  // Border Color Properties (accept color strings)
+  borderColor: (selected: string) => {
+    if (!selected || selected.trim() === '') return {};
+    return { borderColor: selected } as ViewStyle;
+  },
+  
+  borderTopColor: (selected: string) => {
+    if (!selected || selected.trim() === '') return {};
+    return { borderTopColor: selected } as ViewStyle;
+  },
+  
+  borderBottomColor: (selected: string) => {
+    if (!selected || selected.trim() === '') return {};
+    return { borderBottomColor: selected } as ViewStyle;
+  },
+  
+  borderLeftColor: (selected: string) => {
+    if (!selected || selected.trim() === '') return {};
+    return { borderLeftColor: selected } as ViewStyle;
+  },
+  
+  borderRightColor: (selected: string) => {
+    if (!selected || selected.trim() === '') return {};
+    return { borderRightColor: selected } as ViewStyle;
+  },
+
+  // Background Properties
+  backgroundColor: (selected: string) => {
+    if (!selected || selected.trim() === '') return {};
+    return { backgroundColor: selected } as ViewStyle;
+  },
+  
+  opacity: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0 || value > 1) return {};
+    return { opacity: value } as ViewStyle;
+  },
+
+  // Transform Properties (simplified - only scale, rotate)
+  rotation: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value)) return {};
+    return { transform: [{ rotate: `${value}deg` }] } as ViewStyle;
+  },
+  
+  scale: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { transform: [{ scale: value }] } as ViewStyle;
+  },
+
+  // Shadow Properties (iOS)
+  shadowOpacity: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0 || value > 1) return {};
+    return { shadowOpacity: value } as ViewStyle;
+  },
+  
+  shadowRadius: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { shadowRadius: value } as ViewStyle;
+  },
+  
+  shadowColor: (selected: string) => {
+    if (!selected || selected.trim() === '') return {};
+    return { shadowColor: selected } as ViewStyle;
+  },
+
+  // Elevation (Android)
+  elevation: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { elevation: value } as ViewStyle;
+  },
+
+  // Z-Index
+  zIndex: (selected: string) => {
+    const value = parseInt(selected, 10);
+    if (isNaN(value)) return {};
+    return { zIndex: value } as ViewStyle;
+  },
+};
+
+export const viewStyleStringVariants = {
+  position: {
+    absolute: { position: 'absolute' } as ViewStyle,
+    relative: { position: 'relative' } as ViewStyle,
+  },
+  
+  flexDirection: {
+    row: { flexDirection: 'row' } as ViewStyle,
+    column: { flexDirection: 'column' } as ViewStyle,
+    'row-reverse': { flexDirection: 'row-reverse' } as ViewStyle,
+    'column-reverse': { flexDirection: 'column-reverse' } as ViewStyle,
+  },
+  
+  justifyContent: {
+    'flex-start': { justifyContent: 'flex-start' } as ViewStyle,
+    'flex-end': { justifyContent: 'flex-end' } as ViewStyle,
+    center: { justifyContent: 'center' } as ViewStyle,
+    'space-between': { justifyContent: 'space-between' } as ViewStyle,
+    'space-around': { justifyContent: 'space-around' } as ViewStyle,
+    'space-evenly': { justifyContent: 'space-evenly' } as ViewStyle,
+  },
+  
+  alignItems: {
+    'flex-start': { alignItems: 'flex-start' } as ViewStyle,
+    'flex-end': { alignItems: 'flex-end' } as ViewStyle,
+    center: { alignItems: 'center' } as ViewStyle,
+    stretch: { alignItems: 'stretch' } as ViewStyle,
+    baseline: { alignItems: 'baseline' } as ViewStyle,
+  },
+  
+  alignSelf: {
+    auto: { alignSelf: 'auto' } as ViewStyle,
+    'flex-start': { alignSelf: 'flex-start' } as ViewStyle,
+    'flex-end': { alignSelf: 'flex-end' } as ViewStyle,
+    center: { alignSelf: 'center' } as ViewStyle,
+    stretch: { alignSelf: 'stretch' } as ViewStyle,
+    baseline: { alignSelf: 'baseline' } as ViewStyle,
+  },
+  
+  alignContent: {
+    'flex-start': { alignContent: 'flex-start' } as ViewStyle,
+    'flex-end': { alignContent: 'flex-end' } as ViewStyle,
+    center: { alignContent: 'center' } as ViewStyle,
+    stretch: { alignContent: 'stretch' } as ViewStyle,
+    'space-between': { alignContent: 'space-between' } as ViewStyle,
+    'space-around': { alignContent: 'space-around' } as ViewStyle,
+  },
+  
+  flexWrap: {
+    wrap: { flexWrap: 'wrap' } as ViewStyle,
+    nowrap: { flexWrap: 'nowrap' } as ViewStyle,
+    'wrap-reverse': { flexWrap: 'wrap-reverse' } as ViewStyle,
+  },
+  
+  overflow: {
+    visible: { overflow: 'visible' } as ViewStyle,
+    hidden: { overflow: 'hidden' } as ViewStyle,
+    scroll: { overflow: 'scroll' } as ViewStyle,
+  },
+  
+  display: {
+    flex: { display: 'flex' } as ViewStyle,
+    none: { display: 'none' } as ViewStyle,
+  },
+  
+  borderStyle: {
+    solid: { borderStyle: 'solid' } as ViewStyle,
+    dotted: { borderStyle: 'dotted' } as ViewStyle,
+    dashed: { borderStyle: 'dashed' } as ViewStyle,
+  },
+  // Flexbox Properties
+  flex: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { flex: value } as ViewStyle;
+  },
+  
+  flexBasis: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value)) return {};
+    return { flexBasis: value } as ViewStyle;
+  },
+  
+  flexGrow: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { flexGrow: value } as ViewStyle;
+  },
+  
+  flexShrink: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { flexShrink: value } as ViewStyle;
+  },
+
+  // Gap Properties (for newer React Native versions)
+  gap: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { gap: value } as ViewStyle;
+  },
+  
+  columnGap: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { columnGap: value } as ViewStyle;
+  },
+  
+  rowGap: (selected: string) => {
+    const value = parseFloat(selected);
+    if (isNaN(value) || value < 0) return {};
+    return { rowGap: value } as ViewStyle;
+  },
+};

package/lib/commonjs/package/badge/index.js

@@ -1,161 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledBadgeWithIcon = exports.StyledBadgeIcon = exports.StyledBadge = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _stack = require("../stack");
-var _spacer = require("../spacer");
-var _styled = require("../styled");
-var _theme = require("../theme");
-var _utils = require("../utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } // @ts-nocheck
-const Badge = (0, _styled.styled)(_reactNative.Text, {
-  base: {
-    borderColor: _theme.theme.colors.gray[300],
-    borderRadius: 32,
-    backgroundColor: _theme.theme.colors.gray[1],
-    fontSize: _theme.theme.fontSize.normal,
-    color: _theme.theme.colors.gray[900],
-    fontWeight: _theme.theme.fontWeight.bold,
-    position: 'relative',
-    textAlign: 'center'
-  },
-  variants: {
-    fontWeight: (size = _theme.theme.fontWeight.normal) => {
-      if (!(0, _utils.isValidString)(size)) {
-        throw new Error('Invalid fontWeight value');
-      }
-      return {
-        fontWeight: size
-      };
-    },
-    color: (color = _theme.theme.colors.gray[800]) => {
-      if (!(0, _utils.isValidColor)(color)) {
-        throw new Error('Invalid color value');
-      }
-      return {
-        color: color
-      };
-    },
-    fontSize: (size = _theme.theme.fontSize.normal) => {
-      if (!(0, _utils.isValidNumber)(size)) {
-        throw new Error('Invalid fontSize value');
-      }
-      return {
-        fontSize: size
-      };
-    },
-    flexWrap: 'wrap',
-    absolute: {
-      true: {
-        position: 'absolute'
-      }
-    },
-    fontFamily: font => {
-      if (!font) return;
-      return {
-        fontFamily: font
-      };
-    },
-    textAlign: (align = 'left') => {
-      const validAlignments = ['auto', 'left', 'right', 'center', 'justify'];
-      if (!validAlignments.includes(align)) {
-        throw new Error('Invalid textAlign value');
-      }
-      return {
-        textAlign: align
-      };
-    },
-    borderColor: color => {
-      if (!color) return;
-      if (!(0, _utils.isValidColor)(color)) {
-        throw new Error('Invalid color value');
-      }
-      return {
-        borderColor: color
-      };
-    },
-    borderRadius: (size = 32) => {
-      if (!(0, _utils.isValidNumber)(size)) {
-        throw new Error('Invalid borderRadius value');
-      }
-      return {
-        borderRadius: size
-      };
-    },
-    backgroundColor: color => {
-      if (!color) return;
-      if (!(0, _utils.isValidColor)(color)) {
-        throw new Error('Invalid color value');
-      }
-      return {
-        backgroundColor: color
-      };
-    },
-    right: (size = 0) => {
-      if (!(0, _utils.isValidNumber)(size)) {
-        throw new Error('Invalid right value');
-      }
-      return {
-        right: size
-      };
-    },
-    top: (size = 0) => {
-      if (!(0, _utils.isValidNumber)(size)) {
-        throw new Error('Invalid top value');
-      }
-      return {
-        top: size
-      };
-    }
-  }
-});
-const StyledBadge = ({
-  children,
-  ...rest
-}) => {
-  return /*#__PURE__*/_react.default.createElement(Badge, rest, children);
-};
-exports.StyledBadge = StyledBadge;
-const StyledBadgeWithIcon = ({
-  iconLeft,
-  iconRight,
-  textProps,
-  title,
-  ...rest
-}) => {
-  return /*#__PURE__*/_react.default.createElement(_stack.XStack, _extends({
-    justifyContent: "flex-start",
-    alignItems: "center"
-  }, rest), iconLeft && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, iconLeft, /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
-    marginHorizontal: 2
-  })), /*#__PURE__*/_react.default.createElement(Badge, _extends({
-    backgroundColor: _theme.theme.colors.transparent
-  }, textProps), title), iconRight && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, iconRight, /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
-    marginHorizontal: 2
-  })));
-};
-exports.StyledBadgeWithIcon = StyledBadgeWithIcon;
-const StyledBadgeIcon = ({
-  top = -1,
-  right = 5,
-  icon,
-  charProps,
-  char,
-  ...rest
-}) => {
-  return /*#__PURE__*/_react.default.createElement(_stack.YStack, _extends({
-    justifyContent: "center",
-    alignItems: "center"
-  }, rest), icon, /*#__PURE__*/_react.default.createElement(Badge, _extends({
-    absolute: true,
-    top: top,
-    right: right
-  }, charProps), char));
-};
-exports.StyledBadgeIcon = StyledBadgeIcon;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_stack","_spacer","_styled","_theme","_utils","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Badge","styled","Text","base","borderColor","theme","colors","gray","borderRadius","backgroundColor","fontSize","normal","color","fontWeight","bold","position","textAlign","variants","size","isValidString","Error","isValidColor","isValidNumber","flexWrap","absolute","true","fontFamily","font","align","validAlignments","includes","right","top","StyledBadge","children","rest","createElement","exports","StyledBadgeWithIcon","iconLeft","iconRight","textProps","title","XStack","justifyContent","alignItems","Fragment","StyledSpacer","marginHorizontal","transparent","StyledBadgeIcon","icon","charProps","char","YStack"],"sources":["index.jsx"],"sourcesContent":["// @ts-nocheck\r\nimport React from \"react\";\r\nimport { Text } from 'react-native';\r\nimport { XStack, YStack } from \"../stack\";\r\nimport { StyledSpacer } from \"../spacer\";\r\nimport { styled } from \"../styled\";\r\nimport { theme } from \"../theme\";\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils';\r\n\r\nconst Badge = styled(Text, {\r\n    base: {\r\n        borderColor: theme.colors.gray[300],\r\n        borderRadius: 32,\r\n        backgroundColor: theme.colors.gray[1],\r\n        fontSize: theme.fontSize.normal,\r\n        color: theme.colors.gray[900],\r\n        fontWeight: theme.fontWeight.bold,\r\n        position: 'relative',\r\n        textAlign: 'center'\r\n    },\r\n    variants: {\r\n        fontWeight: (size = theme.fontWeight.normal) => {\r\n            if (!isValidString(size)) {\r\n                throw new Error('Invalid fontWeight value')\r\n            }\r\n            return { fontWeight: size }\r\n        },\r\n        color: (color = theme.colors.gray[800]) => {\r\n            if (!isValidColor(color)) {\r\n                throw new Error('Invalid color value')\r\n            }\r\n            return { color: color }\r\n        },\r\n        fontSize: (size = theme.fontSize.normal) => {\r\n            if (!isValidNumber(size)) {\r\n                throw new Error('Invalid fontSize value')\r\n            }\r\n            return { fontSize: size }\r\n        },\r\n        flexWrap: 'wrap',\r\n        absolute: {\r\n            true: {\r\n                position: 'absolute'\r\n            }\r\n        },\r\n        fontFamily: (font) => {\r\n            if (!font) return\r\n            return {\r\n                fontFamily: font\r\n            }\r\n        },\r\n        textAlign: (align = 'left') => {\r\n            const validAlignments = ['auto', 'left', 'right', 'center', 'justify']\r\n            if (!validAlignments.includes(align)) {\r\n                throw new Error('Invalid textAlign value')\r\n            }\r\n            return { textAlign: align }\r\n        },\r\n        borderColor: color => {\r\n            if (!color) return\r\n            if (!isValidColor(color)) {\r\n                throw new Error('Invalid color value')\r\n            }\r\n            return { borderColor: color }\r\n        },\r\n        borderRadius: (size = 32) => {\r\n            if (!isValidNumber(size)) {\r\n                throw new Error('Invalid borderRadius value')\r\n            }\r\n            return { borderRadius: size }\r\n        },\r\n        backgroundColor: color => {\r\n            if (!color) return\r\n            if (!isValidColor(color)) {\r\n                throw new Error('Invalid color value')\r\n            }\r\n            return { backgroundColor: color }\r\n        },\r\n        right: (size = 0) => {\r\n            if (!isValidNumber(size)) {\r\n                throw new Error('Invalid right value')\r\n            }\r\n            return { right: size }\r\n        },\r\n        top: (size = 0) => {\r\n            if (!isValidNumber(size)) {\r\n                throw new Error('Invalid top value')\r\n            }\r\n            return { top: size }\r\n        },\r\n    }\r\n})\r\n\r\nconst StyledBadge = ({ children, ...rest }) => {\r\n    return (\r\n        <Badge {...rest}>\r\n            {children}\r\n        </Badge>\r\n    )\r\n}\r\n\r\nconst StyledBadgeWithIcon = ({ iconLeft, iconRight, textProps, title, ...rest }) => {\r\n    return (\r\n        <XStack justifyContent='flex-start' alignItems='center' {...rest}>\r\n            {\r\n                iconLeft && (<>\r\n                    {iconLeft}\r\n                    <StyledSpacer marginHorizontal={2} />\r\n                </>)\r\n            }\r\n            <Badge backgroundColor={theme.colors.transparent} {...textProps}>\r\n                {title}\r\n            </Badge>\r\n            {\r\n                iconRight && (<>\r\n                    {iconRight}\r\n                    <StyledSpacer marginHorizontal={2} />\r\n                </>)\r\n            }\r\n        </XStack>\r\n    )\r\n}\r\n\r\nconst StyledBadgeIcon = ({ top = -1, right = 5, icon, charProps, char, ...rest }) => {\r\n    return (\r\n        <YStack justifyContent='center' alignItems='center' {...rest}>\r\n            {icon}\r\n            <Badge absolute top={top} right={right} {...charProps}>\r\n                {char}\r\n            </Badge>\r\n        </YStack>\r\n    )\r\n}\r\n\r\nexport { StyledBadge, StyledBadgeWithIcon, StyledBadgeIcon }\r\n"],"mappings":"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","ignoreList":[]}