fluent-styles 1.54.0 → 1.55.0

package/lib/commonjs/radio/index.js

@@ -0,0 +1,368 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledRadio = void 0;
+exports.StyledRadioGroup = StyledRadioGroup;
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _fluentStyles = require("fluent-styles");
+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); }
+/**
+ * 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
+ */
+
+// ─── Types ────────────────────────────────────────────────────────────────────
+
+// ─── 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" />
+ */
+const StyledRadio = ({
+  selected,
+  color = _fluentStyles.theme.colors.gray[900],
+  inactive = _fluentStyles.theme.colors.gray[300],
+  size = 'md',
+  onPress,
+  disabled = false
+}) => {
+  const S = RADIO_SIZE[size];
+  const scaleAnim = _react.default.useRef(new _reactNative.Animated.Value(selected ? 1 : 0)).current;
+  _react.default.useEffect(() => {
+    _reactNative.Animated.timing(scaleAnim, {
+      toValue: selected ? 1 : 0,
+      duration: 180,
+      easing: _reactNative.Easing.out(_reactNative.Easing.cubic),
+      useNativeDriver: true
+    }).start();
+  }, [selected]);
+  const dot = /*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.Stack, {
+    width: S.outer,
+    height: S.outer,
+    borderRadius: S.outer / 2,
+    borderWidth: S.border,
+    borderColor: selected ? color : inactive,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: _fluentStyles.palettes.white,
+    opacity: disabled ? 0.4 : 1,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      style: {
+        width: S.inner,
+        height: S.inner,
+        borderRadius: S.inner / 2,
+        backgroundColor: color,
+        transform: [{
+          scale: scaleAnim
+        }]
+      }
+    })
+  });
+  if (!onPress) return dot;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.StyledPressable, {
+    onPress: disabled ? undefined : onPress,
+    children: dot
+  });
+};
+
+// ─── Internal: default colour resolver ───────────────────────────────────────
+exports.StyledRadio = StyledRadio;
+function resolveColors(overrides) {
+  const active = overrides?.active ?? _fluentStyles.theme.colors.gray[900];
+  return {
+    active,
+    inactive: overrides?.inactive ?? _fluentStyles.theme.colors.gray[300],
+    selectedCardBg: overrides?.selectedCardBg ?? `${active}0d`,
+    selectedCardBorder: overrides?.selectedCardBorder ?? active,
+    unselectedCardBorder: overrides?.unselectedCardBorder ?? _fluentStyles.theme.colors.gray[200],
+    label: overrides?.label ?? _fluentStyles.theme.colors.gray[900],
+    subtitle: overrides?.subtitle ?? _fluentStyles.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',
+ *   }}
+ * />
+ * ```
+ */
+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] = (0, _react.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__*/(0, _jsxRuntime.jsx)(_fluentStyles.Stack, {
+      children: chunk(options, columns).map((row, ri) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_fluentStyles.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__*/(0, _jsxRuntime.jsx)(_fluentStyles.StyledPressable, {
+            flex: 1,
+            onPress: () => !opt.disabled && handleSelect(opt.value),
+            borderRadius: 12,
+            borderWidth: 1.5,
+            borderColor: isSelected ? C.selectedCardBorder : C.unselectedCardBorder,
+            backgroundColor: isSelected ? C.selectedCardBg : _fluentStyles.palettes.white,
+            padding: 14,
+            opacity: opt.disabled ? 0.4 : 1,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_fluentStyles.Stack, {
+              justifyContent: "space-between",
+              flex: 1,
+              gap: 8,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_fluentStyles.Stack, {
+                horizontal: true,
+                alignItems: "flex-start",
+                justifyContent: "space-between",
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.StyledText, {
+                  fontSize: _fluentStyles.theme.fontSize.normal,
+                  fontWeight: _fluentStyles.theme.fontWeight.semiBold,
+                  color: isSelected ? C.active : C.label,
+                  flex: 1,
+                  marginRight: 6,
+                  children: opt.label
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledRadio, {
+                  selected: isSelected,
+                  color: C.active,
+                  inactive: C.inactive,
+                  size: size
+                })]
+              }), opt.subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.StyledText, {
+                fontSize: _fluentStyles.theme.fontSize.small,
+                color: isSelected ? C.active : C.subtitle,
+                children: opt.subtitle
+              }), opt.rightContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.Stack, {
+                children: opt.rightContent
+              })]
+            })
+          }, String(opt.value));
+        }), row.length < columns && Array.from({
+          length: columns - row.length
+        }).map((_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.Stack, {
+          flex: 1
+        }, `empty-${i}`))]
+      }, ri))
+    });
+  }
+
+  // ── Boxed variant: card wrapper with title + list inside ──────────────────
+  if (variant === 'boxed') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_fluentStyles.StyledCard, {
+      backgroundColor: _fluentStyles.palettes.white,
+      borderRadius: 16,
+      padding: 16,
+      shadow: "light",
+      children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.StyledText, {
+          fontSize: _fluentStyles.theme.fontSize.medium,
+          fontWeight: _fluentStyles.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__*/(0, _jsxRuntime.jsxs)(_fluentStyles.Stack, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_fluentStyles.StyledPressable, {
+            flexDirection: "row",
+            alignItems: "center",
+            justifyContent: "space-between",
+            paddingVertical: 13,
+            onPress: () => !opt.disabled && handleSelect(opt.value),
+            opacity: opt.disabled ? 0.4 : 1,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_fluentStyles.Stack, {
+              horizontal: true,
+              alignItems: "center",
+              gap: 12,
+              flex: 1,
+              children: [opt.leadingContent, /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledRadio, {
+                selected: isSelected,
+                color: C.active,
+                inactive: C.inactive,
+                size: size
+              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_fluentStyles.Stack, {
+                flex: 1,
+                gap: 2,
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.StyledText, {
+                  fontSize: _fluentStyles.theme.fontSize.normal,
+                  fontWeight: isSelected ? _fluentStyles.theme.fontWeight.semiBold : _fluentStyles.theme.fontWeight.normal,
+                  color: C.label,
+                  children: opt.label
+                }), opt.subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.StyledText, {
+                  fontSize: _fluentStyles.theme.fontSize.small,
+                  color: C.subtitle,
+                  children: opt.subtitle
+                })]
+              })]
+            }), opt.rightContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.Stack, {
+              alignItems: "flex-end",
+              children: opt.rightContent
+            })]
+          }), !isLast && /*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.StyledDivider, {
+            borderBottomColor: _fluentStyles.theme.colors.gray[100]
+          })]
+        }, String(opt.value));
+      })]
+    });
+  }
+
+  // ── List variant: standalone rows with full-row border ────────────────────
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.Stack, {
+    gap: 10,
+    children: options.map(opt => {
+      const isSelected = opt.value === selected;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_fluentStyles.StyledPressable, {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+        borderRadius: 14,
+        borderWidth: 1.5,
+        borderColor: isSelected ? C.selectedCardBorder : C.unselectedCardBorder,
+        backgroundColor: isSelected ? C.selectedCardBg : _fluentStyles.palettes.white,
+        paddingHorizontal: 16,
+        paddingVertical: 14,
+        onPress: () => !opt.disabled && handleSelect(opt.value),
+        opacity: opt.disabled ? 0.4 : 1,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_fluentStyles.Stack, {
+          horizontal: true,
+          alignItems: "center",
+          gap: 12,
+          flex: 1,
+          children: [opt.leadingContent, /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledRadio, {
+            selected: isSelected,
+            color: C.active,
+            inactive: C.inactive,
+            size: size
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.StyledText, {
+            fontSize: _fluentStyles.theme.fontSize.normal,
+            fontWeight: isSelected ? _fluentStyles.theme.fontWeight.semiBold : _fluentStyles.theme.fontWeight.normal,
+            color: C.label,
+            children: opt.label
+          }), opt.badge]
+        }), opt.rightContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_fluentStyles.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;
+}
+var _default = exports.default = StyledRadioGroup;
+//# sourceMappingURL=index.js.map

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

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

package/lib/commonjs/safeAreaProvider/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSafeAreaProvider = void 0;
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _styled = require("../utiles/styled.js");
+const StyledSafeAreaProvider = exports.StyledSafeAreaProvider = (0, _styled.styled)(_reactNativeSafeAreaContext.SafeAreaProvider, {
+  base: {}
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeSafeAreaContext","require","_styled","StyledSafeAreaProvider","exports","styled","SafeAreaProvider","base"],"sourceRoot":"../../../src","sources":["safeAreaProvider/index.ts"],"mappings":";;;;;;AACA,IAAAA,2BAAA,GAAAC,OAAA;AAIA,IAAAC,OAAA,GAAAD,OAAA;AAIA,MAAME,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,cAAM,EAA8BC,4CAAgB,EAAE;EACjFC,IAAI,EAAE,CACN;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/safeAreaView/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSafeAreaView = void 0;
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _styled = require("../utiles/styled.js");
+const StyledSafeAreaView = exports.StyledSafeAreaView = (0, _styled.styled)(_reactNativeSafeAreaContext.SafeAreaView, {
+  base: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeSafeAreaContext","require","_styled","StyledSafeAreaView","exports","styled","SafeAreaView","base","flex"],"sourceRoot":"../../../src","sources":["safeAreaView/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,2BAAA,GAAAC,OAAA;AAIA,IAAAC,OAAA,GAAAD,OAAA;AAKA,MAAME,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,cAAM,EAA0BC,wCAAY,EAAE;EACrEC,IAAI,EAAE;IACFC,IAAI,EAAE;EACV;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/scrollView/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledScrollView = void 0;
+var _styled = require("../utiles/styled.js");
+var _reactNative = require("react-native");
+const StyledScrollView = exports.StyledScrollView = (0, _styled.styled)(_reactNative.ScrollView, {
+  base: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_styled","require","_reactNative","StyledScrollView","exports","styled","ScrollView","base","flex"],"sourceRoot":"../../../src","sources":["scrollView/index.ts"],"mappings":";;;;;;AACA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAKA,MAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,cAAM,EAAwBC,uBAAU,EAAE;EAC/DC,IAAI,EAAE;IACFC,IAAI,EAAE;EACV;AACJ,CAAC,CAAC","ignoreList":[]}