fluentglass 0.2.6

package/lib/commonjs/components/FluentGlassBarChart.js

@@ -0,0 +1,287 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FluentGlassBarChart;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _FluentGlass = _interopRequireDefault(require("./FluentGlass"));
+var _useTheme = _interopRequireDefault(require("../theme/useTheme"));
+var _responsive = require("../utils/responsive");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+/**
+ * FluentGlassBarChart (Component)
+ * Glassmorphism bar chart with animated glass bars.
+ *
+ * Props:
+ *   data        - Array of { label, value, color? }
+ *   title       - Optional chart title
+ *   height      - Chart area height (default 180)
+ *   showGrid    - Show horizontal grid lines (default true)
+ *   showValues  - Show value labels on bars (default true)
+ *   style       - Container style override
+ *   style       - Container style override
+ */
+
+// ─── Animated Glass Bar ───
+function Bar({
+  value,
+  maxValue,
+  color,
+  label,
+  index,
+  height,
+  showValue
+}) {
+  const barHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  const targetHeight = maxValue > 0 ? value / maxValue * height : 0;
+  (0, _react.useEffect)(() => {
+    barHeight.value = (0, _reactNativeReanimated.withDelay)(index * 80, (0, _reactNativeReanimated.withSpring)(targetHeight, {
+      mass: 0.6,
+      damping: 14,
+      stiffness: 100
+    }));
+  }, [value, maxValue]);
+  const animatedBarStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    height: barHeight.value
+  }));
+
+  // Create glass-like rgba from the color
+  const glassBase = hexToRgba(color, 0.35);
+  const glassBorder = hexToRgba(color, 0.5);
+  const glassHighlight = hexToRgba(color, 0.6);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.barColumn,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.barTrack, {
+        height
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+        style: [styles.bar, {
+          backgroundColor: glassBase,
+          borderColor: glassBorder
+        }, animatedBarStyle],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.barHighlight, {
+            backgroundColor: glassHighlight
+          }]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.barSheen, {
+            backgroundColor: hexToRgba(color, 0.12)
+          }]
+        })]
+      })
+    })
+  });
+}
+
+// ─── Hex → RGBA helper ───
+function hexToRgba(hex, alpha) {
+  const clean = hex.replace('#', '');
+  const r = parseInt(clean.substring(0, 2), 16);
+  const g = parseInt(clean.substring(2, 4), 16);
+  const b = parseInt(clean.substring(4, 6), 16);
+  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+}
+
+// ─── Grid Lines (5 lines: 0%, 25%, 50%, 75%, 100%) ───
+function GridLines({
+  height,
+  borderSubtle
+}) {
+  const percentages = [0, 0.25, 0.5, 0.75, 1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [_reactNative.StyleSheet.absoluteFill, {
+      height
+    }],
+    children: percentages.map((pct, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.gridLine, {
+        bottom: pct * height,
+        backgroundColor: borderSubtle
+      }]
+    }, i))
+  });
+}
+function FluentGlassBarChart({
+  data = [],
+  title,
+  height = 180,
+  showGrid = true,
+  showValues = true,
+  style
+}) {
+  const theme = (0, _useTheme.default)();
+  const COLORS = theme.colors;
+  const typography = theme.typography;
+  const maxValue = Math.max(...data.map(d => d.value), 1);
+
+  // Default colors cycle
+  const defaultColors = [COLORS.accent,
+  // Cyan
+  COLORS.positive,
+  // Emerald
+  COLORS.purple,
+  // Purple
+  COLORS.warning,
+  // Amber
+  COLORS.negative,
+  // Red
+  COLORS.secondary,
+  // Blue
+  COLORS.pink // Pink
+  ];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FluentGlass.default, {
+    accessible: true,
+    accessibilityRole: "summary",
+    accessibilityLabel: title ? `Bar chart: ${title}` : 'Bar chart',
+    style: [styles.container, style],
+    intensity: 18,
+    borderRadius: 16,
+    borderOpacity: 0.2,
+    children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.titleSection, {
+        borderBottomColor: COLORS.borderSubtle
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.title, {
+          color: COLORS.textPrimary,
+          fontFamily: typography.bold
+        }],
+        children: title
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.chartSection,
+      children: [showValues && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.valuesRow,
+        children: data.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.barValue, {
+            color: COLORS.textSecondary,
+            fontFamily: typography.semiBold
+          }],
+          children: item.value
+        }, index))
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.chartArea,
+        children: [showGrid && /*#__PURE__*/(0, _jsxRuntime.jsx)(GridLines, {
+          height: height,
+          borderSubtle: COLORS.borderSubtle
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.barsRow, {
+            height
+          }],
+          children: data.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Bar, {
+            value: item.value,
+            maxValue: maxValue,
+            color: item.color || defaultColors[index % defaultColors.length],
+            label: item.label,
+            index: index,
+            height: height,
+            showValue: false
+          }, index))
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.labelsRow,
+        children: data.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.barLabel, {
+            color: COLORS.textSecondary,
+            fontFamily: typography.medium
+          }],
+          numberOfLines: 1,
+          children: item.label
+        }, index))
+      })]
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {},
+  // Title — own section with separator
+  titleSection: {
+    paddingHorizontal: 18,
+    paddingTop: 16,
+    paddingBottom: 14,
+    borderBottomWidth: 1
+  },
+  title: {
+    fontSize: (0, _responsive.moderateScale)(16),
+    fontWeight: '700'
+  },
+  // Chart section
+  chartSection: {
+    padding: 18
+  },
+  valuesRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-around',
+    marginBottom: 6,
+    gap: 8
+  },
+  chartArea: {
+    position: 'relative'
+  },
+  barsRow: {
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    justifyContent: 'space-around',
+    gap: 8
+  },
+  labelsRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-around',
+    marginTop: 8,
+    gap: 8
+  },
+  barColumn: {
+    flex: 1,
+    alignItems: 'center'
+  },
+  barTrack: {
+    width: '100%',
+    justifyContent: 'flex-end',
+    alignItems: 'center'
+  },
+  // Glass bar
+  bar: {
+    width: '72%',
+    borderRadius: 8,
+    borderTopLeftRadius: 10,
+    borderTopRightRadius: 10,
+    minHeight: 4,
+    overflow: 'hidden',
+    borderWidth: 1
+  },
+  barHighlight: {
+    height: 3,
+    width: '100%'
+  },
+  barSheen: {
+    position: 'absolute',
+    top: 0,
+    left: '50%',
+    width: '50%',
+    height: '100%'
+  },
+  barValue: {
+    flex: 1,
+    fontSize: (0, _responsive.moderateScale)(11, 0.3),
+    fontWeight: '600',
+    textAlign: 'center'
+  },
+  barLabel: {
+    flex: 1,
+    fontSize: (0, _responsive.moderateScale)(11, 0.3),
+    fontWeight: '500',
+    textAlign: 'center'
+  },
+  gridLine: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    height: 1
+  }
+});
+//# sourceMappingURL=FluentGlassBarChart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_FluentGlass","_interopRequireDefault","_useTheme","_responsive","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Bar","value","maxValue","color","label","index","height","showValue","barHeight","useSharedValue","targetHeight","useEffect","withDelay","withSpring","mass","damping","stiffness","animatedBarStyle","useAnimatedStyle","glassBase","hexToRgba","glassBorder","glassHighlight","jsx","View","style","styles","barColumn","children","barTrack","jsxs","bar","backgroundColor","borderColor","barHighlight","barSheen","hex","alpha","clean","replace","parseInt","substring","g","b","GridLines","borderSubtle","percentages","StyleSheet","absoluteFill","map","pct","gridLine","bottom","FluentGlassBarChart","data","title","showGrid","showValues","theme","useTheme","COLORS","colors","typography","Math","max","d","defaultColors","accent","positive","purple","warning","negative","secondary","pink","accessible","accessibilityRole","accessibilityLabel","container","intensity","borderRadius","borderOpacity","titleSection","borderBottomColor","Text","textPrimary","fontFamily","bold","chartSection","valuesRow","item","barValue","textSecondary","semiBold","chartArea","barsRow","length","labelsRow","barLabel","medium","numberOfLines","create","paddingHorizontal","paddingTop","paddingBottom","borderBottomWidth","fontSize","moderateScale","fontWeight","padding","flexDirection","justifyContent","marginBottom","gap","position","alignItems","marginTop","flex","width","borderTopLeftRadius","borderTopRightRadius","minHeight","overflow","borderWidth","top","left","textAlign","right"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassBarChart.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/FluentGlassBreadcrumb.js

@@ -0,0 +1,155 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FluentGlassBreadcrumb;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _FluentGlass = _interopRequireDefault(require("./FluentGlass"));
+var _useTheme = _interopRequireDefault(require("../theme/useTheme"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * FluentGlassBreadcrumb (Molecule)
+ * Glassmorphism breadcrumb navigation with two variants:
+ * - 'standard': All items visible, last one bold
+ * - 'collapsed': Middle items replaced with "..." ellipsis button
+ */
+function FluentGlassBreadcrumb({
+  items = [],
+  variant = 'standard',
+  separator = '›',
+  onExpandCollapsed,
+  style
+}) {
+  const theme = (0, _useTheme.default)();
+  const COLORS = theme.colors;
+  const typography = theme.typography;
+  const visibleItems = getVisibleItems(items, variant);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluentGlass.default, {
+    style: [styles.container, style],
+    intensity: 15,
+    tint: "dark",
+    borderRadius: 16,
+    borderOpacity: 0.2,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.content,
+      children: visibleItems.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.itemRow,
+        children: [index > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.separator, {
+            color: COLORS.textSecondary,
+            fontFamily: typography.regular
+          }],
+          children: separator
+        }) : null, item.isEllipsis ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          onPress: onExpandCollapsed,
+          style: [styles.ellipsisBtn, {
+            backgroundColor: COLORS.borderSubtle
+          }],
+          hitSlop: 6,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.ellipsisText, {
+              color: COLORS.textSecondary,
+              fontFamily: typography.bold
+            }],
+            children: "\xB7\xB7\xB7"
+          })
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          onPress: item.onPress,
+          disabled: !item.onPress,
+          hitSlop: 4,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.labelRow,
+            children: [item.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.icon,
+              children: item.icon
+            }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [styles.label, {
+                color: COLORS.textSecondary,
+                fontFamily: typography.regular
+              }, item.isActive && [styles.activeLabel, {
+                color: COLORS.textPrimary,
+                fontFamily: typography.bold
+              }], item.onPress && {
+                color: COLORS.textSecondary
+              }],
+              numberOfLines: 1,
+              children: item.label
+            })]
+          })
+        })]
+      }, index))
+    })
+  });
+}
+
+/**
+ * Determines which items to show based on variant.
+ * 'collapsed' shows first, ellipsis, last two.
+ */
+function getVisibleItems(items, variant) {
+  if (!items.length) return [];
+
+  // Mark the last item as "active" (current page)
+  const withActive = items.map((item, i) => ({
+    ...item,
+    isActive: i === items.length - 1
+  }));
+  if (variant === 'collapsed' && items.length > 3) {
+    return [withActive[0], {
+      label: '',
+      isEllipsis: true
+    }, withActive[items.length - 2], withActive[items.length - 1]];
+  }
+  return withActive;
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    height: 40,
+    alignSelf: 'flex-start'
+  },
+  content: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 16
+  },
+  itemRow: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  separator: {
+    fontSize: 14,
+    marginHorizontal: 8,
+    fontWeight: '400'
+  },
+  labelRow: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  icon: {
+    fontSize: 14,
+    marginRight: 4
+  },
+  label: {
+    fontSize: 14,
+    fontWeight: '400'
+  },
+  activeLabel: {
+    fontWeight: '700'
+  },
+  pressableLabel: {},
+  ellipsisBtn: {
+    borderRadius: 6,
+    paddingHorizontal: 8,
+    paddingVertical: 2
+  },
+  ellipsisText: {
+    fontSize: 14,
+    fontWeight: '700',
+    letterSpacing: 1
+  }
+});
+//# sourceMappingURL=FluentGlassBreadcrumb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_FluentGlass","_useTheme","_jsxRuntime","e","__esModule","default","FluentGlassBreadcrumb","items","variant","separator","onExpandCollapsed","style","theme","useTheme","COLORS","colors","typography","visibleItems","getVisibleItems","jsx","styles","container","intensity","tint","borderRadius","borderOpacity","children","View","content","map","item","index","jsxs","itemRow","Text","color","textSecondary","fontFamily","regular","isEllipsis","Pressable","onPress","ellipsisBtn","backgroundColor","borderSubtle","hitSlop","ellipsisText","bold","disabled","labelRow","icon","label","isActive","activeLabel","textPrimary","numberOfLines","length","withActive","i","StyleSheet","create","height","alignSelf","flex","flexDirection","alignItems","paddingHorizontal","fontSize","marginHorizontal","fontWeight","marginRight","pressableLabel","paddingVertical","letterSpacing"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassBreadcrumb.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/FluentGlassButton.js

@@ -0,0 +1,175 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FluentGlassButton;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _FluentGlass = _interopRequireDefault(require("./FluentGlass"));
+var _useTheme = _interopRequireDefault(require("../theme/useTheme"));
+var _resolvers = require("../theme/resolvers");
+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 AnimatedPressable = _reactNativeReanimated.default.createAnimatedComponent(_reactNative.Pressable);
+
+/**
+ * FluentGlassButton (Component)
+ * Interactive glass button with scale animation and variants.
+ *
+ * @param {string} size - 'xs' | 'sm' | 'md' | 'lg' | 'xl'
+ * @param {string} colorScheme - 'default' | 'dark' | 'info' | 'success' | 'error' | 'warning'
+ * @param {string} blur - 'none' | 'subtle' | 'medium' | 'strong' | 'max'
+ * @param {string} radius - 'none' | 'sm' | 'md' | 'lg' | 'pill'
+ *
+ * Legacy props: variant ('primary' | 'secondary' | 'ghost'), intensity, tint
+ */
+
+function FluentGlassButton({
+  title,
+  onPress,
+  // New standardized props
+  size,
+  colorScheme,
+  blur,
+  radius,
+  // Legacy props
+  variant = 'primary',
+  style,
+  textStyle,
+  icon,
+  disabled = false,
+  intensity,
+  tint,
+  accessibilityLabel,
+  accessibilityHint
+}) {
+  const theme = (0, _useTheme.default)();
+
+  // Resolve props
+  const sizeConfig = (0, _resolvers.resolveSize)(theme, size || theme.defaults.size);
+  const compat = (0, _resolvers.resolveBackwardCompat)({
+    variant,
+    intensity,
+    tint,
+    colorScheme,
+    blur
+  });
+  const resolvedScheme = compat.colorScheme || theme.defaults.colorScheme;
+  const resolvedBlur = compat.blur || theme.defaults.blur;
+  const scaleAnim = (0, _reactNativeReanimated.useSharedValue)(1);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      scale: scaleAnim.value
+    }]
+  }));
+  const handlePressIn = () => {
+    if (disabled) return;
+    scaleAnim.value = (0, _reactNativeReanimated.withSpring)(0.96);
+  };
+  const handlePressOut = () => {
+    if (disabled) return;
+    scaleAnim.value = (0, _reactNativeReanimated.withSpring)(1);
+  };
+
+  // Resolve visual styles from colorScheme
+  const isGhost = variant === 'ghost' && !colorScheme;
+  const colorConfig = (0, _resolvers.resolveColorScheme)(theme, resolvedScheme);
+  const getButtonStyles = () => {
+    if (isGhost) {
+      return {
+        backgroundColor: 'transparent',
+        borderOpacity: 0,
+        textColor: theme.colors.textSecondary
+      };
+    }
+
+    // For semantic colors (success, error, warning, info), use solid color
+    const isSemanticColor = ['success', 'error', 'warning', 'info'].includes(resolvedScheme);
+    return {
+      backgroundColor: isSemanticColor ? colorConfig.solid : colorConfig.bg,
+      borderOpacity: isSemanticColor ? 0.5 : 0.3,
+      textColor: isSemanticColor ? theme.colors.white : theme.colors.textPrimary
+    };
+  };
+  const btnStyle = getButtonStyles();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedPressable, {
+    onPress: onPress,
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut,
+    disabled: disabled,
+    style: [styles.wrapper, animatedStyle, style],
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel ?? title,
+    accessibilityHint: accessibilityHint,
+    accessibilityState: {
+      disabled: !!disabled
+    },
+    children: isGhost ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.content, {
+        paddingHorizontal: sizeConfig.paddingHorizontal
+      }],
+      children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.iconContainer,
+        children: icon
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.text, {
+          color: btnStyle.textColor,
+          fontSize: sizeConfig.fontSize,
+          fontFamily: theme.typography.semiBold
+        }, textStyle],
+        children: title
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluentGlass.default, {
+      style: [styles.container, {
+        backgroundColor: btnStyle.backgroundColor,
+        minHeight: sizeConfig.minHeight,
+        borderRadius: sizeConfig.borderRadius
+      }],
+      colorScheme: resolvedScheme,
+      blur: resolvedBlur,
+      radius: radius,
+      borderOpacity: btnStyle.borderOpacity,
+      borderRadius: sizeConfig.borderRadius,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.content, {
+          paddingHorizontal: sizeConfig.paddingHorizontal
+        }],
+        children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.iconContainer,
+          children: icon
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.text, {
+            color: btnStyle.textColor,
+            fontSize: sizeConfig.fontSize,
+            fontFamily: theme.typography.semiBold
+          }, textStyle],
+          children: title
+        })]
+      })
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  wrapper: {
+    marginVertical: 4
+  },
+  container: {
+    borderRadius: 12
+  },
+  content: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  text: {
+    fontWeight: '600'
+  },
+  iconContainer: {
+    marginRight: 8
+  }
+});
+//# sourceMappingURL=FluentGlassButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_FluentGlass","_useTheme","_resolvers","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedPressable","Animated","createAnimatedComponent","Pressable","FluentGlassButton","title","onPress","size","colorScheme","blur","radius","variant","style","textStyle","icon","disabled","intensity","tint","accessibilityLabel","accessibilityHint","theme","useTheme","sizeConfig","resolveSize","defaults","compat","resolveBackwardCompat","resolvedScheme","resolvedBlur","scaleAnim","useSharedValue","animatedStyle","useAnimatedStyle","transform","scale","value","handlePressIn","withSpring","handlePressOut","isGhost","colorConfig","resolveColorScheme","getButtonStyles","backgroundColor","borderOpacity","textColor","colors","textSecondary","isSemanticColor","includes","solid","bg","white","textPrimary","btnStyle","jsx","onPressIn","onPressOut","styles","wrapper","accessibilityRole","accessibilityState","children","jsxs","View","content","paddingHorizontal","iconContainer","Text","text","color","fontSize","fontFamily","typography","semiBold","container","minHeight","borderRadius","StyleSheet","create","marginVertical","flex","flexDirection","alignItems","justifyContent","fontWeight","marginRight"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassButton.tsx"],"mappings":"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","ignoreList":[]}