fluent-styles 1.54.0 → 1.55.0

package/lib/module/radio/index.js

@@ -0,0 +1,361 @@
+"use strict";
+
+/**
+ * StyledRadio.tsx
+ * ───────────────
+ * Production-ready radio button components for fluent-styles.
+ *
+ * Exports:
+ *  • StyledRadio        — single radio dot (controlled or uncontrolled)
+ *  • StyledRadioOption  — row layout: radio + label + optional right content
+ *  • StyledRadioCard    — full card with border highlight when selected
+ *  • StyledRadioGroup   — manages a list of StyledRadioOptions or StyledRadioCards
+ *
+ * Variants:
+ *  • 'list'   — vertical rows (billing period, payment method rows)
+ *  • 'card'   — horizontal grid cards (delivery method)
+ *  • 'boxed'  — full-width card with inner row options (billing period card)
+ *
+ * Sizes:  sm | md | lg
+ */
+
+import React, { useState } from 'react';
+import { Animated, Easing } from 'react-native';
+import { Stack, StyledText, StyledPressable, StyledCard, StyledDivider, theme, palettes } from 'fluent-styles';
+
+// ─── Types ────────────────────────────────────────────────────────────────────
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// ─── Size tokens ──────────────────────────────────────────────────────────────
+
+const RADIO_SIZE = {
+  sm: {
+    outer: 16,
+    inner: 7,
+    border: 1.5
+  },
+  md: {
+    outer: 20,
+    inner: 9,
+    border: 2
+  },
+  lg: {
+    outer: 24,
+    inner: 11,
+    border: 2.5
+  }
+};
+
+// ─── StyledRadio (the dot itself) ─────────────────────────────────────────────
+
+/**
+ * The raw animated radio dot — use this directly if you need
+ * a custom layout, or use StyledRadioGroup for the full component.
+ *
+ * @example
+ * <StyledRadio selected={isSelected} color="#2563eb" size="md" />
+ */
+export const StyledRadio = ({
+  selected,
+  color = theme.colors.gray[900],
+  inactive = theme.colors.gray[300],
+  size = 'md',
+  onPress,
+  disabled = false
+}) => {
+  const S = RADIO_SIZE[size];
+  const scaleAnim = React.useRef(new Animated.Value(selected ? 1 : 0)).current;
+  React.useEffect(() => {
+    Animated.timing(scaleAnim, {
+      toValue: selected ? 1 : 0,
+      duration: 180,
+      easing: Easing.out(Easing.cubic),
+      useNativeDriver: true
+    }).start();
+  }, [selected]);
+  const dot = /*#__PURE__*/_jsx(Stack, {
+    width: S.outer,
+    height: S.outer,
+    borderRadius: S.outer / 2,
+    borderWidth: S.border,
+    borderColor: selected ? color : inactive,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: palettes.white,
+    opacity: disabled ? 0.4 : 1,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: {
+        width: S.inner,
+        height: S.inner,
+        borderRadius: S.inner / 2,
+        backgroundColor: color,
+        transform: [{
+          scale: scaleAnim
+        }]
+      }
+    })
+  });
+  if (!onPress) return dot;
+  return /*#__PURE__*/_jsx(StyledPressable, {
+    onPress: disabled ? undefined : onPress,
+    children: dot
+  });
+};
+
+// ─── Internal: default colour resolver ───────────────────────────────────────
+
+function resolveColors(overrides) {
+  const active = overrides?.active ?? theme.colors.gray[900];
+  return {
+    active,
+    inactive: overrides?.inactive ?? theme.colors.gray[300],
+    selectedCardBg: overrides?.selectedCardBg ?? `${active}0d`,
+    selectedCardBorder: overrides?.selectedCardBorder ?? active,
+    unselectedCardBorder: overrides?.unselectedCardBorder ?? theme.colors.gray[200],
+    label: overrides?.label ?? theme.colors.gray[900],
+    subtitle: overrides?.subtitle ?? theme.colors.gray[400]
+  };
+}
+
+// ─── StyledRadioGroup ─────────────────────────────────────────────────────────
+
+/**
+ * StyledRadioGroup — fully managed radio selection group.
+ *
+ * @example Vertical list (billing period rows)
+ * ```tsx
+ * <StyledRadioGroup
+ *   options={[
+ *     { value: 'monthly', label: 'Monthly', rightContent: <StyledText>$9.99/month</StyledText> },
+ *     { value: 'yearly',  label: 'Yearly',  rightContent: <StyledText>$12.99/month</StyledText> },
+ *   ]}
+ *   defaultValue="monthly"
+ *   variant="list"
+ * />
+ * ```
+ *
+ * @example Boxed card with title
+ * ```tsx
+ * <StyledRadioGroup
+ *   title="Billing Period"
+ *   options={billingOptions}
+ *   defaultValue="monthly"
+ *   variant="boxed"
+ * />
+ * ```
+ *
+ * @example Horizontal cards (delivery method)
+ * ```tsx
+ * <StyledRadioGroup
+ *   options={deliveryOptions}
+ *   defaultValue="express"
+ *   variant="card"
+ *   columns={3}
+ *   colors={{ active: '#2563eb', selectedCardBg: '#eff6ff' }}
+ * />
+ * ```
+ *
+ * @example Custom colours (blue theme)
+ * ```tsx
+ * <StyledRadioGroup
+ *   options={paymentOptions}
+ *   defaultValue="visa"
+ *   variant="list"
+ *   colors={{
+ *     active:             '#2563eb',
+ *     selectedCardBg:     '#eff6ff',
+ *     selectedCardBorder: '#2563eb',
+ *   }}
+ * />
+ * ```
+ */
+export function StyledRadioGroup({
+  options,
+  value: controlledValue,
+  defaultValue,
+  onChange,
+  variant = 'list',
+  size = 'md',
+  title,
+  colors: colorsProp,
+  columns = 3,
+  gap = 10
+}) {
+  const C = resolveColors(colorsProp);
+  const isControlled = controlledValue !== undefined;
+  const [local, setLocal] = useState(defaultValue);
+  const selected = isControlled ? controlledValue : local;
+  const handleSelect = val => {
+    if (!isControlled) setLocal(val);
+    onChange?.(val);
+  };
+
+  // ── Card variant: horizontal grid ─────────────────────────────────────────
+  if (variant === 'card') {
+    return /*#__PURE__*/_jsx(Stack, {
+      children: chunk(options, columns).map((row, ri) => /*#__PURE__*/_jsxs(Stack, {
+        horizontal: true,
+        gap: gap,
+        marginBottom: ri < Math.ceil(options.length / columns) - 1 ? gap : 0,
+        children: [row.map(opt => {
+          const isSelected = opt.value === selected;
+          return /*#__PURE__*/_jsx(StyledPressable, {
+            flex: 1,
+            onPress: () => !opt.disabled && handleSelect(opt.value),
+            borderRadius: 12,
+            borderWidth: 1.5,
+            borderColor: isSelected ? C.selectedCardBorder : C.unselectedCardBorder,
+            backgroundColor: isSelected ? C.selectedCardBg : palettes.white,
+            padding: 14,
+            opacity: opt.disabled ? 0.4 : 1,
+            children: /*#__PURE__*/_jsxs(Stack, {
+              justifyContent: "space-between",
+              flex: 1,
+              gap: 8,
+              children: [/*#__PURE__*/_jsxs(Stack, {
+                horizontal: true,
+                alignItems: "flex-start",
+                justifyContent: "space-between",
+                children: [/*#__PURE__*/_jsx(StyledText, {
+                  fontSize: theme.fontSize.normal,
+                  fontWeight: theme.fontWeight.semiBold,
+                  color: isSelected ? C.active : C.label,
+                  flex: 1,
+                  marginRight: 6,
+                  children: opt.label
+                }), /*#__PURE__*/_jsx(StyledRadio, {
+                  selected: isSelected,
+                  color: C.active,
+                  inactive: C.inactive,
+                  size: size
+                })]
+              }), opt.subtitle && /*#__PURE__*/_jsx(StyledText, {
+                fontSize: theme.fontSize.small,
+                color: isSelected ? C.active : C.subtitle,
+                children: opt.subtitle
+              }), opt.rightContent && /*#__PURE__*/_jsx(Stack, {
+                children: opt.rightContent
+              })]
+            })
+          }, String(opt.value));
+        }), row.length < columns && Array.from({
+          length: columns - row.length
+        }).map((_, i) => /*#__PURE__*/_jsx(Stack, {
+          flex: 1
+        }, `empty-${i}`))]
+      }, ri))
+    });
+  }
+
+  // ── Boxed variant: card wrapper with title + list inside ──────────────────
+  if (variant === 'boxed') {
+    return /*#__PURE__*/_jsxs(StyledCard, {
+      backgroundColor: palettes.white,
+      borderRadius: 16,
+      padding: 16,
+      shadow: "light",
+      children: [title && /*#__PURE__*/_jsx(_Fragment, {
+        children: /*#__PURE__*/_jsx(StyledText, {
+          fontSize: theme.fontSize.medium,
+          fontWeight: theme.fontWeight.bold,
+          color: C.label,
+          marginBottom: 14,
+          children: title
+        })
+      }), options.map((opt, idx) => {
+        const isSelected = opt.value === selected;
+        const isLast = idx === options.length - 1;
+        return /*#__PURE__*/_jsxs(Stack, {
+          children: [/*#__PURE__*/_jsxs(StyledPressable, {
+            flexDirection: "row",
+            alignItems: "center",
+            justifyContent: "space-between",
+            paddingVertical: 13,
+            onPress: () => !opt.disabled && handleSelect(opt.value),
+            opacity: opt.disabled ? 0.4 : 1,
+            children: [/*#__PURE__*/_jsxs(Stack, {
+              horizontal: true,
+              alignItems: "center",
+              gap: 12,
+              flex: 1,
+              children: [opt.leadingContent, /*#__PURE__*/_jsx(StyledRadio, {
+                selected: isSelected,
+                color: C.active,
+                inactive: C.inactive,
+                size: size
+              }), /*#__PURE__*/_jsxs(Stack, {
+                flex: 1,
+                gap: 2,
+                children: [/*#__PURE__*/_jsx(StyledText, {
+                  fontSize: theme.fontSize.normal,
+                  fontWeight: isSelected ? theme.fontWeight.semiBold : theme.fontWeight.normal,
+                  color: C.label,
+                  children: opt.label
+                }), opt.subtitle && /*#__PURE__*/_jsx(StyledText, {
+                  fontSize: theme.fontSize.small,
+                  color: C.subtitle,
+                  children: opt.subtitle
+                })]
+              })]
+            }), opt.rightContent && /*#__PURE__*/_jsx(Stack, {
+              alignItems: "flex-end",
+              children: opt.rightContent
+            })]
+          }), !isLast && /*#__PURE__*/_jsx(StyledDivider, {
+            borderBottomColor: theme.colors.gray[100]
+          })]
+        }, String(opt.value));
+      })]
+    });
+  }
+
+  // ── List variant: standalone rows with full-row border ────────────────────
+  return /*#__PURE__*/_jsx(Stack, {
+    gap: 10,
+    children: options.map(opt => {
+      const isSelected = opt.value === selected;
+      return /*#__PURE__*/_jsxs(StyledPressable, {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+        borderRadius: 14,
+        borderWidth: 1.5,
+        borderColor: isSelected ? C.selectedCardBorder : C.unselectedCardBorder,
+        backgroundColor: isSelected ? C.selectedCardBg : palettes.white,
+        paddingHorizontal: 16,
+        paddingVertical: 14,
+        onPress: () => !opt.disabled && handleSelect(opt.value),
+        opacity: opt.disabled ? 0.4 : 1,
+        children: [/*#__PURE__*/_jsxs(Stack, {
+          horizontal: true,
+          alignItems: "center",
+          gap: 12,
+          flex: 1,
+          children: [opt.leadingContent, /*#__PURE__*/_jsx(StyledRadio, {
+            selected: isSelected,
+            color: C.active,
+            inactive: C.inactive,
+            size: size
+          }), /*#__PURE__*/_jsx(StyledText, {
+            fontSize: theme.fontSize.normal,
+            fontWeight: isSelected ? theme.fontWeight.semiBold : theme.fontWeight.normal,
+            color: C.label,
+            children: opt.label
+          }), opt.badge]
+        }), opt.rightContent && /*#__PURE__*/_jsx(Stack, {
+          alignItems: "flex-end",
+          children: opt.rightContent
+        })]
+      }, String(opt.value));
+    })
+  });
+}
+
+// ─── Utility ──────────────────────────────────────────────────────────────────
+
+function chunk(arr, size) {
+  const result = [];
+  for (let i = 0; i < arr.length; i += size) result.push(arr.slice(i, i + size));
+  return result;
+}
+export default StyledRadioGroup;
+//# sourceMappingURL=index.js.map

package/lib/module/radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Animated","Easing","Stack","StyledText","StyledPressable","StyledCard","StyledDivider","theme","palettes","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","RADIO_SIZE","sm","outer","inner","border","md","lg","StyledRadio","selected","color","colors","gray","inactive","size","onPress","disabled","S","scaleAnim","useRef","Value","current","useEffect","timing","toValue","duration","easing","out","cubic","useNativeDriver","start","dot","width","height","borderRadius","borderWidth","borderColor","alignItems","justifyContent","backgroundColor","white","opacity","children","View","style","transform","scale","undefined","resolveColors","overrides","active","selectedCardBg","selectedCardBorder","unselectedCardBorder","label","subtitle","StyledRadioGroup","options","value","controlledValue","defaultValue","onChange","variant","title","colorsProp","columns","gap","C","isControlled","local","setLocal","handleSelect","val","chunk","map","row","ri","horizontal","marginBottom","Math","ceil","length","opt","isSelected","flex","padding","fontSize","normal","fontWeight","semiBold","marginRight","small","rightContent","String","Array","from","_","i","shadow","medium","bold","idx","isLast","flexDirection","paddingVertical","leadingContent","borderBottomColor","paddingHorizontal","badge","arr","result","push","slice"],"sourceRoot":"../../../src","sources":["radio/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/safeAreaProvider/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+import { styled } from "../utiles/styled.js";
+const StyledSafeAreaProvider = styled(SafeAreaProvider, {
+  base: {}
+});
+export { StyledSafeAreaProvider };
+//# sourceMappingURL=index.js.map

package/lib/module/safeAreaProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SafeAreaProvider","styled","StyledSafeAreaProvider","base"],"sourceRoot":"../../../src","sources":["safeAreaProvider/index.ts"],"mappings":";;AACA,SACIA,gBAAgB,QAEb,gCAAgC;AACvC,SAASC,MAAM,QAAQ,qBAAkB;AAIzC,MAAMC,sBAAsB,GAAGD,MAAM,CAA8BD,gBAAgB,EAAE;EACjFG,IAAI,EAAE,CACN;AACJ,CAAC,CAAC;AAEF,SAASD,sBAAsB","ignoreList":[]}

package/lib/module/safeAreaView/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { styled } from "../utiles/styled.js";
+const StyledSafeAreaView = styled(SafeAreaView, {
+  base: {
+    flex: 1
+  }
+});
+export { StyledSafeAreaView };
+//# sourceMappingURL=index.js.map

package/lib/module/safeAreaView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SafeAreaView","styled","StyledSafeAreaView","base","flex"],"sourceRoot":"../../../src","sources":["safeAreaView/index.tsx"],"mappings":";;AAAA,SACIA,YAAY,QAET,gCAAgC;AACvC,SAASC,MAAM,QAAQ,qBAAkB;AAKzC,MAAMC,kBAAkB,GAAGD,MAAM,CAA0BD,YAAY,EAAE;EACrEG,IAAI,EAAE;IACFC,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AAEF,SAASF,kBAAkB","ignoreList":[]}

package/lib/module/scrollView/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+import { styled } from "../utiles/styled.js";
+import { ScrollView } from 'react-native';
+const StyledScrollView = styled(ScrollView, {
+  base: {
+    flex: 1
+  }
+});
+export { StyledScrollView };
+//# sourceMappingURL=index.js.map

package/lib/module/scrollView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","ScrollView","StyledScrollView","base","flex"],"sourceRoot":"../../../src","sources":["scrollView/index.ts"],"mappings":";;AACA,SAASA,MAAM,QAAQ,qBAAkB;AACzC,SAASC,UAAU,QAAyB,cAAc;AAK1D,MAAMC,gBAAgB,GAAGF,MAAM,CAAwBC,UAAU,EAAE;EAC/DE,IAAI,EAAE;IACFC,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AAEF,SAASF,gBAAgB","ignoreList":[]}