fluentglass 0.2.6

package/lib/commonjs/components/FluentGlassCodeBlock.js

@@ -0,0 +1,239 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FluentGlassCodeBlock;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var Clipboard = _interopRequireWildcard(require("expo-clipboard"));
+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 }; }
+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); }
+// Simple regex-based tokenizer (good enough for display, not a full parser)
+function tokenize(line, TOKEN_COLORS) {
+  const tokens = [];
+  // Pattern priority: comments, strings, tags, keywords, rest
+  const regex = /(\/\/.*$|\/\*.*?\*\/)|("(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*')|(<\/?[\w.-]+|>|\/>)|(className|import|export|from|const|let|var|function|return|default|if|else|true|false|null|undefined)/g;
+  let lastIndex = 0;
+  let match;
+  while ((match = regex.exec(line)) !== null) {
+    // Text before the match
+    if (match.index > lastIndex) {
+      tokens.push({
+        text: line.slice(lastIndex, match.index),
+        color: TOKEN_COLORS.text
+      });
+    }
+    if (match[1]) {
+      tokens.push({
+        text: match[0],
+        color: TOKEN_COLORS.comment
+      });
+    } else if (match[2]) {
+      tokens.push({
+        text: match[0],
+        color: TOKEN_COLORS.string
+      });
+    } else if (match[3]) {
+      tokens.push({
+        text: match[0],
+        color: TOKEN_COLORS.tag
+      });
+    } else if (match[4]) {
+      tokens.push({
+        text: match[0],
+        color: TOKEN_COLORS.keyword
+      });
+    }
+    lastIndex = match.index + match[0].length;
+  }
+
+  // Remaining text
+  if (lastIndex < line.length) {
+    tokens.push({
+      text: line.slice(lastIndex),
+      color: TOKEN_COLORS.text
+    });
+  }
+  if (tokens.length === 0) {
+    tokens.push({
+      text: line || ' ',
+      color: TOKEN_COLORS.text
+    });
+  }
+  return tokens;
+}
+function FluentGlassCodeBlock({
+  code = '',
+  language = 'CODE',
+  showLineNumbers = true,
+  onCopy,
+  style
+}) {
+  const theme = (0, _useTheme.default)();
+  const colors = theme.colors;
+
+  // Basic token colors matching a dark IDE theme — uses theme colors
+  const TOKEN_COLORS = {
+    tag: '#06B6D4',
+    // Cyan — HTML tags, JSX
+    attribute: '#94A3B8',
+    // Slate — attribute names
+    string: '#FBBF24',
+    // Amber — string values
+    keyword: '#C084FC',
+    // Purple — keywords
+    comment: '#4B5563',
+    // Gray — comments
+    punctuation: '#94A3B8',
+    text: colors.textPrimary
+  };
+  const lines = code.split('\n');
+  const lineNumWidth = String(lines.length).length * 10 + 12;
+  const [copied, setCopied] = (0, _react.useState)(false);
+  const handleCopy = (0, _react.useCallback)(async () => {
+    if (onCopy) {
+      onCopy(code);
+    } else {
+      await Clipboard.setStringAsync(code);
+    }
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2000);
+  }, [code, onCopy]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluentGlass.default, {
+    accessibilityLabel: "Code block",
+    style: [styles.container, style],
+    intensity: 15,
+    tint: "dark",
+    borderRadius: 16,
+    borderOpacity: 0.2,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.inner,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.header,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.badge, {
+            backgroundColor: colors.borderSubtle,
+            borderColor: colors.border
+          }],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.badgeText, {
+              color: colors.textPrimary,
+              fontFamily: theme.typography.bold
+            }],
+            children: language.toUpperCase()
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.actions,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+            onPress: handleCopy,
+            hitSlop: 8,
+            style: styles.actionBtn,
+            accessibilityRole: "button",
+            accessibilityLabel: "Copy code",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.actionIcon,
+              children: copied ? '✅' : '📋'
+            })
+          })
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.separator, {
+          backgroundColor: colors.borderSubtle
+        }]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+        horizontal: true,
+        showsHorizontalScrollIndicator: false,
+        bounces: false,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.codeArea,
+          children: lines.map((line, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.lineRow,
+            children: [showLineNumbers ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [styles.lineNum, {
+                width: lineNumWidth,
+                color: colors.textSecondary
+              }],
+              children: i + 1
+            }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [styles.codeLine, {
+                color: colors.textPrimary
+              }],
+              children: tokenize(line, TOKEN_COLORS).map((token, j) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: {
+                  color: token.color
+                },
+                children: token.text
+              }, j))
+            })]
+          }, i))
+        })
+      })]
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    overflow: 'hidden'
+  },
+  inner: {
+    flex: 1
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 12,
+    paddingTop: 10,
+    paddingBottom: 8
+  },
+  badge: {
+    borderRadius: 6,
+    paddingHorizontal: 10,
+    paddingVertical: 4,
+    borderWidth: 1
+  },
+  badgeText: {
+    fontSize: 11,
+    fontWeight: '700',
+    letterSpacing: 0.5
+  },
+  actions: {
+    flexDirection: 'row',
+    gap: 8
+  },
+  actionBtn: {
+    padding: 4
+  },
+  actionIcon: {
+    fontSize: 16
+  },
+  separator: {
+    height: 1,
+    marginHorizontal: 0
+  },
+  codeArea: {
+    paddingVertical: 12,
+    paddingRight: 16
+  },
+  lineRow: {
+    flexDirection: 'row',
+    minHeight: 22
+  },
+  lineNum: {
+    fontSize: 13,
+    fontFamily: 'monospace',
+    textAlign: 'right',
+    marginRight: 16,
+    paddingLeft: 12
+  },
+  codeLine: {
+    fontSize: 13,
+    fontFamily: 'monospace',
+    flex: 1
+  }
+});
+//# sourceMappingURL=FluentGlassCodeBlock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","Clipboard","_FluentGlass","_interopRequireDefault","_useTheme","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","tokenize","line","TOKEN_COLORS","tokens","regex","lastIndex","match","exec","index","push","text","slice","color","comment","string","tag","keyword","length","FluentGlassCodeBlock","code","language","showLineNumbers","onCopy","style","theme","useTheme","colors","attribute","punctuation","textPrimary","lines","split","lineNumWidth","String","copied","setCopied","useState","handleCopy","useCallback","setStringAsync","setTimeout","jsx","accessibilityLabel","styles","container","intensity","tint","borderRadius","borderOpacity","children","jsxs","View","inner","header","badge","backgroundColor","borderSubtle","borderColor","border","Text","badgeText","fontFamily","typography","bold","toUpperCase","actions","Pressable","onPress","hitSlop","actionBtn","accessibilityRole","actionIcon","separator","ScrollView","horizontal","showsHorizontalScrollIndicator","bounces","codeArea","map","lineRow","lineNum","width","textSecondary","codeLine","token","j","StyleSheet","create","overflow","flex","flexDirection","alignItems","justifyContent","paddingHorizontal","paddingTop","paddingBottom","paddingVertical","borderWidth","fontSize","fontWeight","letterSpacing","gap","padding","height","marginHorizontal","paddingRight","minHeight","textAlign","marginRight","paddingLeft"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassCodeBlock.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/FluentGlassContainer.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FluentGlassContainer;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _useTheme = _interopRequireDefault(require("../theme/useTheme"));
+var _resolvers = require("../theme/resolvers");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * FluentGlassContainer (Atom)
+ * Section-level glass wrapper for layout depth.
+ * Uses plain View (no BlurView) to avoid nested-blur artifacts.
+ */
+function FluentGlassContainer({
+  children,
+  colorScheme,
+  radius,
+  tint = 'light',
+  padding = 16,
+  borderRadius,
+  borderOpacity = 0.15,
+  style
+}) {
+  const theme = (0, _useTheme.default)();
+  const compat = (0, _resolvers.resolveBackwardCompat)({
+    tint,
+    colorScheme
+  });
+  const resolvedScheme = compat.colorScheme || 'light';
+  const colorConfig = (0, _resolvers.resolveColorScheme)(theme, resolvedScheme);
+  const resolvedRadius = borderRadius ?? (0, _resolvers.resolveRadius)(theme, radius || 'lg');
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.container, {
+      padding,
+      borderRadius: resolvedRadius,
+      backgroundColor: colorConfig.bg,
+      borderColor: colorConfig.border || theme.colors.border
+    }, style],
+    children: children
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    minHeight: 40,
+    borderWidth: 1
+  }
+});
+//# sourceMappingURL=FluentGlassContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_useTheme","_resolvers","_jsxRuntime","e","__esModule","default","FluentGlassContainer","children","colorScheme","radius","tint","padding","borderRadius","borderOpacity","style","theme","useTheme","compat","resolveBackwardCompat","resolvedScheme","colorConfig","resolveColorScheme","resolvedRadius","resolveRadius","jsx","View","styles","container","backgroundColor","bg","borderColor","border","colors","StyleSheet","create","minHeight","borderWidth"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassContainer.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAA8F,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAgB9F;AACA;AACA;AACA;AACA;AACe,SAASG,oBAAoBA,CAAC;EAAEC,QAAQ;EACnDC,WAAW;EACXC,MAAM;EACNC,IAAI,GAAG,OAAO;EACdC,OAAO,GAAG,EAAE;EACZC,YAAY;EACZC,aAAa,GAAG,IAAI;EACpBC;AAAkC,CAAC,EAAE;EACrC,MAAMC,KAAK,GAAG,IAAAC,iBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAG,IAAAC,gCAAqB,EAAC;IAAER,IAAI;IAAEF;EAAY,CAAC,CAAC;EAC3D,MAAMW,cAAc,GAAGF,MAAM,CAACT,WAAW,IAAI,OAAO;EACpD,MAAMY,WAAW,GAAG,IAAAC,6BAAkB,EAACN,KAAK,EAAEI,cAAc,CAAC;EAC7D,MAAMG,cAAc,GAAGV,YAAY,IAAI,IAAAW,wBAAa,EAACR,KAAK,EAAEN,MAAM,IAAI,IAAI,CAAC;EAE3E,oBACI,IAAAP,WAAA,CAAAsB,GAAA,EAACzB,YAAA,CAAA0B,IAAI;IACDX,KAAK,EAAE,CACHY,MAAM,CAACC,SAAS,EAChB;MACIhB,OAAO;MACPC,YAAY,EAAEU,cAAc;MAC5BM,eAAe,EAAER,WAAW,CAACS,EAAE;MAC/BC,WAAW,EAAEV,WAAW,CAACW,MAAM,IAAIhB,KAAK,CAACiB,MAAM,CAACD;IACpD,CAAC,EACDjB,KAAK,CACP;IAAAP,QAAA,EAEDA;EAAQ,CACP,CAAC;AAEf;AAEA,MAAMmB,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC7BP,SAAS,EAAE;IACPQ,SAAS,EAAE,EAAE;IACbC,WAAW,EAAE;EACjB;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/FluentGlassCrossfade.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FluentGlassCrossfade;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _useTheme = _interopRequireDefault(require("../theme/useTheme"));
+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); }
+/**
+ * FluentGlassCrossfade
+ *
+ * Universal animated content switcher. Crossfades between children
+ * with a fade + translateY spring animation.
+ *
+ * Usage:
+ *   <FluentGlassCrossfade activeKey="home">
+ *     <HomeScreen key="home" />
+ *     <SettingsScreen key="settings" />
+ *   </FluentGlassCrossfade>
+ */
+function FluentGlassCrossfade({
+  activeKey,
+  children,
+  fadeOutDuration,
+  fadeInDuration,
+  translateY: translateYAmount,
+  style
+}) {
+  const theme = (0, _useTheme.default)();
+  const crossfadeConfig = theme.animations?.crossfade || {};
+  const springConfig = theme.animations?.spring?.snappy || {
+    mass: 0.4,
+    damping: 14,
+    stiffness: 160
+  };
+
+  // Merge props with theme defaults
+  const outDuration = fadeOutDuration ?? crossfadeConfig.fadeOutDuration ?? 120;
+  const inDuration = fadeInDuration ?? crossfadeConfig.fadeInDuration ?? 200;
+  const shiftY = translateYAmount ?? crossfadeConfig.translateY ?? 6;
+  const [currentKey, setCurrentKey] = (0, _react.useState)(activeKey);
+  const [containerHeight, setContainerHeight] = (0, _react.useState)(0);
+  const isTransitioning = (0, _react.useRef)(false);
+  const opacity = (0, _reactNativeReanimated.useSharedValue)(1);
+  const translateY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const commitSwitch = (0, _react.useCallback)(newKey => {
+    setCurrentKey(newKey);
+    isTransitioning.current = false;
+    // Delay fade-in to next frame so React commit doesn't block animation
+    requestAnimationFrame(() => {
+      opacity.value = (0, _reactNativeReanimated.withTiming)(1, {
+        duration: inDuration,
+        easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.quad)
+      });
+      translateY.value = (0, _reactNativeReanimated.withSpring)(0, springConfig);
+    });
+  }, [inDuration, springConfig]);
+  (0, _react.useEffect)(() => {
+    if (activeKey !== currentKey && !isTransitioning.current) {
+      isTransitioning.current = true;
+
+      // Fade out
+      opacity.value = (0, _reactNativeReanimated.withTiming)(0, {
+        duration: outDuration,
+        easing: _reactNativeReanimated.Easing.in(_reactNativeReanimated.Easing.quad)
+      }, finished => {
+        if (finished) {
+          (0, _reactNativeReanimated.runOnJS)(commitSwitch)(activeKey);
+        }
+      });
+      translateY.value = (0, _reactNativeReanimated.withTiming)(shiftY, {
+        duration: outDuration
+      });
+    }
+  }, [activeKey]);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: opacity.value,
+    transform: [{
+      translateY: translateY.value
+    }]
+  }));
+
+  // Find active child by key
+  // React.Children.toArray prefixes keys with ".$/", ".$", or "."
+  // We strip all prefixes to compare raw keys
+  const childArray = _react.default.Children.toArray(children);
+  const stripKeyPrefix = key => key?.replace(/^\.\$/, '').replace(/^\./, '');
+  const activeChild = childArray.find(child => stripKeyPrefix(child.key) === String(currentKey)) || childArray[0];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.container, containerHeight > 0 && {
+      minHeight: containerHeight
+    }, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [styles.content, animatedStyle],
+      onLayout: e => {
+        const h = e.nativeEvent.layout.height;
+        if (h > containerHeight) setContainerHeight(h);
+      },
+      children: activeChild
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: '100%',
+    flex: 1
+  },
+  content: {
+    width: '100%',
+    flex: 1
+  }
+});
+//# sourceMappingURL=FluentGlassCrossfade.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_useTheme","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FluentGlassCrossfade","activeKey","children","fadeOutDuration","fadeInDuration","translateY","translateYAmount","style","theme","useTheme","crossfadeConfig","animations","crossfade","springConfig","spring","snappy","mass","damping","stiffness","outDuration","inDuration","shiftY","currentKey","setCurrentKey","useState","containerHeight","setContainerHeight","isTransitioning","useRef","opacity","useSharedValue","commitSwitch","useCallback","newKey","current","requestAnimationFrame","value","withTiming","duration","easing","Easing","out","quad","withSpring","useEffect","in","finished","runOnJS","animatedStyle","useAnimatedStyle","transform","childArray","React","Children","toArray","stripKeyPrefix","key","replace","activeChild","find","child","String","jsx","View","styles","container","minHeight","content","onLayout","h","nativeEvent","layout","height","StyleSheet","create","width","flex"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassCrossfade.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/FluentGlassDateInput.js

@@ -0,0 +1,176 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FluentGlassDateInput;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _vectorIcons = require("@expo/vector-icons");
+var _FluentGlass = _interopRequireDefault(require("./FluentGlass"));
+var _FluentGlassDatePicker = _interopRequireDefault(require("./FluentGlassDatePicker"));
+var _useTheme = _interopRequireDefault(require("../theme/useTheme"));
+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); }
+/**
+ * FluentGlassDateInput (Molécula)
+ * Hybrid date input: type manually OR tap the calendar icon to open FluentGlassDatePicker.
+ */
+function FluentGlassDateInput({
+  value,
+  onChange,
+  placeholder = 'dd/mm/yyyy',
+  format = 'dd/mm/yyyy',
+  style,
+  accessibilityLabel
+}) {
+  const theme = (0, _useTheme.default)();
+  const COLORS = theme.colors;
+  const typography = theme.typography;
+  const [pickerVisible, setPickerVisible] = (0, _react.useState)(false);
+  const [textValue, setTextValue] = (0, _react.useState)(value ? formatDate(value, format) : '');
+
+  // Format a Date into string
+  function formatDate(date, fmt) {
+    if (!date || !(date instanceof Date) || isNaN(date.getTime())) return '';
+    const dd = String(date.getDate()).padStart(2, '0');
+    const mm = String(date.getMonth() + 1).padStart(2, '0');
+    const yyyy = date.getFullYear();
+    return fmt === 'dd/mm/yyyy' ? `${dd}/${mm}/${yyyy}` : `${mm}/${dd}/${yyyy}`;
+  }
+
+  // Parse text into a Date (returns null if invalid)
+  function parseDate(text, fmt) {
+    const parts = text.split('/');
+    if (parts.length !== 3) return null;
+    let day, month, year;
+    if (fmt === 'dd/mm/yyyy') {
+      [day, month, year] = parts;
+    } else {
+      [month, day, year] = parts;
+    }
+    const d = parseInt(day, 10);
+    const m = parseInt(month, 10);
+    const y = parseInt(year, 10);
+    if (isNaN(d) || isNaN(m) || isNaN(y)) return null;
+    if (m < 1 || m > 12 || d < 1 || d > 31 || y < 1900) return null;
+    const date = new Date(y, m - 1, d);
+    if (date.getMonth() !== m - 1) return null; // overflow check
+    return date;
+  }
+
+  // When user finishes typing (blur), try to parse the manual entry
+  const handleBlur = (0, _react.useCallback)(() => {
+    const parsed = parseDate(textValue, format);
+    if (parsed && onChange) {
+      onChange(parsed);
+    }
+  }, [textValue, format, onChange]);
+
+  // When text changes, auto-insert slashes
+  const handleChangeText = (0, _react.useCallback)(raw => {
+    // Strip non-digit characters
+    const digits = raw.replace(/\D/g, '');
+    // Auto-format with slashes
+    let formatted = '';
+    for (let i = 0; i < digits.length && i < 8; i++) {
+      if (i === 2 || i === 4) formatted += '/';
+      formatted += digits[i];
+    }
+    setTextValue(formatted);
+  }, []);
+
+  // When user picks from the calendar popup
+  const handlePickerSelect = (0, _react.useCallback)(date => {
+    setTextValue(formatDate(date, format));
+    setPickerVisible(false);
+    if (onChange) onChange(date);
+  }, [format, onChange]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: style,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FluentGlass.default, {
+      style: styles.container,
+      intensity: 15,
+      borderRadius: 12,
+      borderOpacity: 0.15,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.innerContainer,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+          style: [styles.input, {
+            outlineStyle: 'none',
+            color: COLORS.textPrimary,
+            fontFamily: typography.regular
+          }],
+          value: textValue,
+          onChangeText: handleChangeText,
+          onBlur: handleBlur,
+          placeholder: placeholder,
+          placeholderTextColor: COLORS.textSecondary,
+          keyboardType: "numeric",
+          maxLength: 10,
+          accessibilityLabel: accessibilityLabel ?? placeholder ?? 'Date'
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          onPress: () => setPickerVisible(true),
+          style: styles.iconButton,
+          hitSlop: 10,
+          accessibilityRole: "button",
+          accessibilityLabel: "Open date picker",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+            name: "calendar-outline",
+            size: 20,
+            color: COLORS.textSecondary
+          })
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+      visible: pickerVisible,
+      transparent: true,
+      animationType: "fade",
+      onRequestClose: () => setPickerVisible(false),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        style: [styles.overlay, {
+          backgroundColor: COLORS.overlay
+        }],
+        onPress: () => setPickerVisible(false),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          style: styles.pickerPopup,
+          onPress: e => e.stopPropagation(),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FluentGlassDatePicker.default, {
+            value: value || new Date(),
+            onChange: handlePickerSelect
+          })
+        })
+      })
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    minHeight: 50
+  },
+  innerContainer: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  input: {
+    flex: 1,
+    height: '100%',
+    paddingHorizontal: 16,
+    fontSize: 16
+  },
+  iconButton: {
+    padding: 12,
+    marginRight: 4
+  },
+  overlay: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  pickerPopup: {
+    // Let the DatePicker define its own width (300)
+  }
+});
+//# sourceMappingURL=FluentGlassDateInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_vectorIcons","_FluentGlass","_interopRequireDefault","_FluentGlassDatePicker","_useTheme","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FluentGlassDateInput","value","onChange","placeholder","format","style","accessibilityLabel","theme","useTheme","COLORS","colors","typography","pickerVisible","setPickerVisible","useState","textValue","setTextValue","formatDate","date","fmt","Date","isNaN","getTime","dd","String","getDate","padStart","mm","getMonth","yyyy","getFullYear","parseDate","text","parts","split","length","day","month","year","d","parseInt","m","y","handleBlur","useCallback","parsed","handleChangeText","raw","digits","replace","formatted","handlePickerSelect","jsxs","View","children","jsx","styles","container","intensity","borderRadius","borderOpacity","innerContainer","TextInput","input","outlineStyle","color","textPrimary","fontFamily","regular","onChangeText","onBlur","placeholderTextColor","textSecondary","keyboardType","maxLength","TouchableOpacity","onPress","iconButton","hitSlop","accessibilityRole","Ionicons","name","size","Modal","visible","transparent","animationType","onRequestClose","Pressable","overlay","backgroundColor","pickerPopup","stopPropagation","StyleSheet","create","minHeight","flex","flexDirection","alignItems","height","paddingHorizontal","fontSize","padding","marginRight","justifyContent"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassDateInput.tsx"],"mappings":"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","ignoreList":[]}