fluentglass 0.2.6

package/lib/commonjs/components/FluentGlassTimeline.js

@@ -0,0 +1,334 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FluentGlassTimeline;
+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 _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 }; }
+// Removed static COLORS import
+
+/**
+ * FluentGlassTimeline (Component)
+ * Glassmorphism timeline with vertical and horizontal variants.
+ *
+ * Props:
+ *   items       - Array of { title, description, date, status, icon }
+ *                  status: 'completed' | 'active' | 'pending'
+ *   variant     - 'vertical' | 'horizontal' (default: 'vertical')
+ *   style       - Container style override
+ *   style       - Container style override
+ */
+
+// ─── Indicator Circle ───
+function TimelineIndicator({
+  status,
+  size = 32,
+  colors
+}) {
+  const pulseScale = (0, _reactNativeReanimated.useSharedValue)(1);
+  _react.default.useEffect(() => {
+    if (status === 'active') {
+      pulseScale.value = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withTiming)(1.15, {
+        duration: 1200
+      }), -1, true);
+    } else {
+      pulseScale.value = (0, _reactNativeReanimated.withSpring)(1);
+    }
+  }, [status]);
+  const pulseStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      scale: pulseScale.value
+    }]
+  }));
+  const isCompleted = status === 'completed';
+  const isActive = status === 'active';
+  const isPending = status === 'pending';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: pulseStyle,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.indicator, {
+        width: size,
+        height: size,
+        borderRadius: size / 2,
+        borderColor: isCompleted || isActive ? colors.accent : isPending ? `${colors.textSecondary}4D` : colors.border,
+        backgroundColor: isCompleted ? colors.accent : isActive ? `${colors.secondary}26` : isPending ? `${colors.textSecondary}1A` : 'transparent'
+      }],
+      children: isCompleted ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.checkmark, {
+          color: colors.background
+        }],
+        children: "\u2713"
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.innerDot, {
+          width: size * 0.35,
+          height: size * 0.35,
+          borderRadius: size * 0.35 / 2,
+          backgroundColor: isActive ? colors.accent : isPending ? `${colors.textSecondary}4D` : 'transparent'
+        }]
+      })
+    })
+  });
+}
+
+// ─── Connecting Line ───
+function TimelineLine({
+  status,
+  direction = 'vertical',
+  colors
+}) {
+  const isCompleted = status === 'completed';
+  const isVertical = direction === 'vertical';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [isVertical ? styles.lineVertical : styles.lineHorizontal, {
+      backgroundColor: isCompleted ? colors.accent : `${colors.textSecondary}26`
+    }]
+  });
+}
+
+// ─── Vertical Timeline ───
+function VerticalTimeline({
+  items,
+  style,
+  colors,
+  typography
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.verticalContainer, style],
+    children: items.map((item, index) => {
+      const isLast = index === items.length - 1;
+      const isActive = item.status === 'active';
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.verticalItem,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.verticalLeft,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineIndicator, {
+            status: item.status,
+            size: 36,
+            colors: colors
+          }), !isLast ? /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineLine, {
+            status: item.status,
+            direction: "vertical",
+            colors: colors
+          }) : null]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.verticalRight,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluentGlass.default, {
+            style: [styles.verticalCard, isActive && {
+              borderColor: colors.accent
+            }],
+            intensity: isActive ? 25 : 15,
+            tint: isActive ? 'default' : 'dark',
+            borderRadius: 14,
+            borderOpacity: isActive ? 0.35 : 0.15,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: styles.cardContent,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+                style: styles.cardHeader,
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                  style: [styles.cardTitle, {
+                    fontFamily: typography.bold,
+                    color: item.status === 'pending' ? colors.textSecondary : colors.textPrimary
+                  }],
+                  children: item.title
+                }), item.date ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                  style: [styles.cardDate, {
+                    fontFamily: typography.medium,
+                    color: colors.textSecondary
+                  }],
+                  children: item.date
+                }) : null]
+              }), item.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: [styles.cardDescription, {
+                  color: colors.textSecondary
+                }],
+                children: item.description
+              }) : null]
+            })
+          })
+        })]
+      }, index);
+    })
+  });
+}
+
+// ─── Horizontal Timeline ───
+function HorizontalTimeline({
+  items,
+  style,
+  colors,
+  typography
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.horizontalContainer, style],
+    children: items.map((item, index) => {
+      const isLast = index === items.length - 1;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.horizontalItem,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.horizontalTop,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineIndicator, {
+            status: item.status,
+            size: 40,
+            colors: colors
+          }), !isLast ? /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineLine, {
+            status: item.status,
+            direction: "horizontal",
+            colors: colors
+          }) : null]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.horizontalLabels,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.horizontalTitle, {
+              fontFamily: typography.semiBold,
+              color: item.status === 'pending' ? colors.textSecondary : colors.textPrimary
+            }],
+            numberOfLines: 1,
+            children: item.title
+          }), item.description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.horizontalSubtitle, {
+              color: colors.textSecondary
+            }],
+            numberOfLines: 1,
+            children: item.description
+          }) : null]
+        })]
+      }, index);
+    })
+  });
+}
+
+// ─── Main Export ───
+function FluentGlassTimeline({
+  items = [],
+  variant = 'vertical',
+  style
+}) {
+  const {
+    colors,
+    typography
+  } = (0, _useTheme.default)();
+
+  // Pass colors down through context or cloning isn't great. 
+  // We will wrap the children with the theme context implicitly since these are small components 
+  // inside the same file, let's pass `colors` as a prop to internal helpers.
+  if (variant === 'horizontal') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      accessible: true,
+      accessibilityLabel: "Timeline",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(HorizontalTimeline, {
+        items: items,
+        style: style,
+        colors: colors,
+        typography: typography
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    accessible: true,
+    accessibilityLabel: "Timeline",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(VerticalTimeline, {
+      items: items,
+      style: style,
+      colors: colors,
+      typography: typography
+    })
+  });
+}
+
+// ─── Styles ───
+const styles = _reactNative.StyleSheet.create({
+  // Indicator
+  indicator: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderWidth: 2
+  },
+  checkmark: {
+    fontSize: 16
+  },
+  innerDot: {},
+  lineVertical: {
+    width: 2,
+    flex: 1,
+    marginVertical: 4
+  },
+  lineHorizontal: {
+    height: 2,
+    flex: 1,
+    marginHorizontal: 4
+  },
+  // ─── Vertical ───
+  verticalContainer: {},
+  verticalItem: {
+    flexDirection: 'row'
+  },
+  verticalLeft: {
+    alignItems: 'center',
+    width: 44,
+    marginRight: 12
+  },
+  verticalRight: {
+    flex: 1,
+    paddingBottom: 20
+  },
+  verticalCard: {
+    minHeight: 60
+  },
+  // removed verticalCardActive
+  cardContent: {
+    padding: 14
+  },
+  cardHeader: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  cardTitle: {
+    fontSize: 16
+  },
+  cardDate: {
+    fontSize: 12
+  },
+  cardDescription: {
+    fontSize: 14,
+    marginTop: 4,
+    lineHeight: 20
+  },
+  // ─── Horizontal ───
+  horizontalContainer: {
+    flexDirection: 'row',
+    alignItems: 'flex-start'
+  },
+  horizontalItem: {
+    flex: 1,
+    alignItems: 'center'
+  },
+  horizontalTop: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    width: '100%',
+    justifyContent: 'center'
+  },
+  horizontalLabels: {
+    alignItems: 'center',
+    marginTop: 10,
+    paddingHorizontal: 4
+  },
+  horizontalTitle: {
+    fontSize: 14,
+    marginTop: 4
+  },
+  horizontalSubtitle: {
+    fontSize: 12,
+    marginTop: 2,
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=FluentGlassTimeline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_FluentGlass","_useTheme","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TimelineIndicator","status","size","colors","pulseScale","useSharedValue","React","useEffect","value","withRepeat","withTiming","duration","withSpring","pulseStyle","useAnimatedStyle","transform","scale","isCompleted","isActive","isPending","jsx","View","style","children","styles","indicator","width","height","borderRadius","borderColor","accent","textSecondary","border","backgroundColor","secondary","Text","checkmark","color","background","innerDot","TimelineLine","direction","isVertical","lineVertical","lineHorizontal","VerticalTimeline","items","typography","verticalContainer","map","item","index","isLast","length","jsxs","verticalItem","verticalLeft","verticalRight","verticalCard","intensity","tint","borderOpacity","cardContent","cardHeader","cardTitle","fontFamily","bold","textPrimary","title","date","cardDate","medium","description","cardDescription","HorizontalTimeline","horizontalContainer","horizontalItem","horizontalTop","horizontalLabels","horizontalTitle","semiBold","numberOfLines","horizontalSubtitle","FluentGlassTimeline","variant","useTheme","accessible","accessibilityLabel","StyleSheet","create","alignItems","justifyContent","borderWidth","fontSize","flex","marginVertical","marginHorizontal","flexDirection","marginRight","paddingBottom","minHeight","padding","marginTop","lineHeight","paddingHorizontal","textAlign"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassTimeline.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/FluentGlassWeatherWidget.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FluentGlassWeatherWidget;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+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 }; }
+/**
+ * FluentGlassWeatherWidget (Atom/Molecule)
+ * Dashboard widget displaying temperature and condition.
+ */
+function FluentGlassWeatherWidget({
+  temp = '24°',
+  condition = 'Cloudy',
+  style
+}) {
+  const theme = (0, _useTheme.default)();
+  const COLORS = theme.colors;
+  const typography = theme.typography;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluentGlass.default, {
+    accessible: true,
+    accessibilityLabel: `${temp} ${condition}`,
+    style: [styles.card, style],
+    intensity: 25,
+    borderRadius: 20,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.content,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.label, {
+          color: COLORS.textSecondary,
+          fontFamily: typography.medium
+        }],
+        children: condition
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.bigValue, {
+          color: COLORS.textPrimary,
+          fontFamily: typography.regular
+        }],
+        children: temp
+      })]
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  card: {
+    flex: 1,
+    minWidth: 100,
+    maxWidth: 140,
+    aspectRatio: 1
+  },
+  content: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  label: {
+    fontSize: 12,
+    textTransform: 'uppercase',
+    marginBottom: 4
+  },
+  bigValue: {
+    fontSize: (0, _responsive.moderateScale)(28),
+    fontWeight: '300'
+  }
+});
+//# sourceMappingURL=FluentGlassWeatherWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_FluentGlass","_useTheme","_responsive","_jsxRuntime","e","__esModule","default","FluentGlassWeatherWidget","temp","condition","style","theme","useTheme","COLORS","colors","typography","jsx","accessible","accessibilityLabel","styles","card","intensity","borderRadius","children","jsxs","View","content","Text","label","color","textSecondary","fontFamily","medium","bigValue","textPrimary","regular","StyleSheet","create","flex","minWidth","maxWidth","aspectRatio","justifyContent","alignItems","fontSize","textTransform","marginBottom","moderateScale","fontWeight"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassWeatherWidget.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAAoD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQpD;AACA;AACA;AACA;AACe,SAASG,wBAAwBA,CAAC;EAAEC,IAAI,GAAG,KAAK;EAAEC,SAAS,GAAG,QAAQ;EAAEC;AAAqC,CAAC,EAAE;EAC3H,MAAMC,KAAK,GAAG,IAAAC,iBAAQ,EAAC,CAAC;EACxB,MAAMC,MAAM,GAAGF,KAAK,CAACG,MAAM;EAC3B,MAAMC,UAAU,GAAGJ,KAAK,CAACI,UAAU;EAEnC,oBACI,IAAAZ,WAAA,CAAAa,GAAA,EAAChB,YAAA,CAAAM,OAAW;IAACW,UAAU,EAAE,IAAK;IAACC,kBAAkB,EAAE,GAAGV,IAAI,IAAIC,SAAS,EAAG;IAACC,KAAK,EAAE,CAACS,MAAM,CAACC,IAAI,EAAEV,KAAK,CAAE;IAACW,SAAS,EAAE,EAAG;IAACC,YAAY,EAAE,EAAG;IAAAC,QAAA,eACpI,IAAApB,WAAA,CAAAqB,IAAA,EAACzB,YAAA,CAAA0B,IAAI;MAACf,KAAK,EAAES,MAAM,CAACO,OAAQ;MAAAH,QAAA,gBACxB,IAAApB,WAAA,CAAAa,GAAA,EAACjB,YAAA,CAAA4B,IAAI;QAACjB,KAAK,EAAE,CAACS,MAAM,CAACS,KAAK,EAAE;UAAEC,KAAK,EAAEhB,MAAM,CAACiB,aAAa;UAAEC,UAAU,EAAEhB,UAAU,CAACiB;QAAO,CAAC,CAAE;QAAAT,QAAA,EAAEd;MAAS,CAAO,CAAC,eAC/G,IAAAN,WAAA,CAAAa,GAAA,EAACjB,YAAA,CAAA4B,IAAI;QAACjB,KAAK,EAAE,CAACS,MAAM,CAACc,QAAQ,EAAE;UAAEJ,KAAK,EAAEhB,MAAM,CAACqB,WAAW;UAAEH,UAAU,EAAEhB,UAAU,CAACoB;QAAQ,CAAC,CAAE;QAAAZ,QAAA,EAAEf;MAAI,CAAO,CAAC;IAAA,CAC1G;EAAC,CACE,CAAC;AAEtB;AAEA,MAAMW,MAAM,GAAGiB,uBAAU,CAACC,MAAM,CAAC;EAC7BjB,IAAI,EAAE;IACFkB,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,GAAG;IACbC,QAAQ,EAAE,GAAG;IACbC,WAAW,EAAE;EACjB,CAAC;EACDf,OAAO,EAAE;IACLY,IAAI,EAAE,CAAC;IACPI,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EAChB,CAAC;EACDf,KAAK,EAAE;IACHgB,QAAQ,EAAE,EAAE;IACZC,aAAa,EAAE,WAAW;IAC1BC,YAAY,EAAE;EAClB,CAAC;EACDb,QAAQ,EAAE;IACNW,QAAQ,EAAE,IAAAG,yBAAa,EAAC,EAAE,CAAC;IAC3BC,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC","ignoreList":[]}