fluent-styles 1.54.0 → 1.55.0

package/lib/commonjs/loading/circular.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Circular = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSvg = require("react-native-svg");
+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); }
+const STROKE_WIDTH = 2;
+const AnimatedCircle = _reactNative.Animated.createAnimatedComponent(_reactNativeSvg.Circle);
+const useSvgLoop = (animatedValue, initValue, config) => {
+  (0, _react.useEffect)(() => {
+    animatedValue.setValue(initValue);
+    const animation = _reactNative.Animated.timing(animatedValue, {
+      toValue: config.toValue,
+      duration: config.duration,
+      easing: _reactNative.Easing.linear,
+      useNativeDriver: false
+    });
+    const loop = _reactNative.Animated.loop(animation);
+    loop.start();
+    return () => loop.stop();
+  }, [animatedValue, initValue, config.duration, config.toValue]);
+};
+const Circular = ({
+  size = 32,
+  color = '#888888',
+  duration = 800,
+  style,
+  ...restProps
+}) => {
+  const animatedRotation = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const animatedCircle1 = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const animatedCircle2 = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const circle1Props = (0, _react.useMemo)(() => {
+    const center = Math.floor(size / 2);
+    const radius = Math.floor(center - STROKE_WIDTH / 2);
+    return {
+      cy: center,
+      cx: center,
+      r: radius
+    };
+  }, [size]);
+  const circle2Props = (0, _react.useMemo)(() => {
+    const center = Math.floor(size / 2);
+    const radius = Math.floor(center - STROKE_WIDTH / 2 - center / 2);
+    return {
+      cy: center,
+      cx: center,
+      r: radius
+    };
+  }, [size]);
+  const half1Circle = (0, _react.useMemo)(() => circle1Props.r * Math.PI, [circle1Props.r]);
+  const half2Circle = (0, _react.useMemo)(() => circle2Props.r * Math.PI, [circle2Props.r]);
+  (0, _react.useEffect)(() => {
+    animatedRotation.setValue(0);
+    const rotation = _reactNative.Animated.loop(_reactNative.Animated.timing(animatedRotation, {
+      toValue: 1,
+      duration,
+      easing: _reactNative.Easing.linear,
+      useNativeDriver: true
+    }));
+    rotation.start();
+    return () => rotation.stop();
+  }, [animatedRotation, duration]);
+  useSvgLoop(animatedCircle1, half1Circle, {
+    toValue: -half1Circle * 2,
+    duration: duration * 1.5
+  });
+  useSvgLoop(animatedCircle2, half2Circle, {
+    toValue: -half2Circle * 2,
+    duration: duration * 2.5
+  });
+  const iconStyle = {
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: size,
+    height: size,
+    transform: [{
+      rotateZ: animatedRotation.interpolate({
+        inputRange: [0, 1],
+        outputRange: ['-90deg', '270deg']
+      })
+    }]
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    ...restProps,
+    style: [iconStyle, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.Svg, {
+      width: "100%",
+      height: "100%",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedCircle, {
+        ...circle1Props,
+        stroke: color,
+        strokeWidth: STROKE_WIDTH,
+        strokeDasharray: `${half1Circle},${half1Circle * 2}`,
+        strokeLinecap: "round",
+        strokeDashoffset: animatedCircle1,
+        fill: "none"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedCircle, {
+        ...circle2Props,
+        stroke: color,
+        strokeWidth: STROKE_WIDTH,
+        strokeDasharray: `${half2Circle},${half2Circle * 2}`,
+        strokeLinecap: "round",
+        strokeDashoffset: animatedCircle2,
+        fill: "none"
+      })]
+    })
+  });
+};
+exports.Circular = Circular;
+//# sourceMappingURL=circular.js.map

package/lib/commonjs/loading/circular.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSvg","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","STROKE_WIDTH","AnimatedCircle","Animated","createAnimatedComponent","Circle","useSvgLoop","animatedValue","initValue","config","useEffect","setValue","animation","timing","toValue","duration","easing","Easing","linear","useNativeDriver","loop","start","stop","Circular","size","color","style","restProps","animatedRotation","useRef","Value","current","animatedCircle1","animatedCircle2","circle1Props","useMemo","center","Math","floor","radius","cy","cx","circle2Props","half1Circle","PI","half2Circle","rotation","iconStyle","justifyContent","alignItems","width","height","transform","rotateZ","interpolate","inputRange","outputRange","jsx","View","children","jsxs","Svg","stroke","strokeWidth","strokeDasharray","strokeLinecap","strokeDashoffset","fill","exports"],"sourceRoot":"../../../src","sources":["loading/circular.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/loading/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Circular", {
+  enumerable: true,
+  get: function () {
+    return _circular.Circular;
+  }
+});
+Object.defineProperty(exports, "Loader", {
+  enumerable: true,
+  get: function () {
+    return _loader.Loader;
+  }
+});
+Object.defineProperty(exports, "Spinner", {
+  enumerable: true,
+  get: function () {
+    return _spinner.Spinner;
+  }
+});
+Object.defineProperty(exports, "useLoader", {
+  enumerable: true,
+  get: function () {
+    return _useLoader.useLoader;
+  }
+});
+var _spinner = require("./spinner.js");
+var _circular = require("./circular.js");
+var _loader = require("./loader.js");
+var _useLoader = require("./useLoader.js");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_spinner","require","_circular","_loader","_useLoader"],"sourceRoot":"../../../src","sources":["loading/index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAGA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA","ignoreList":[]}

package/lib/commonjs/loading/loader.js

@@ -0,0 +1,247 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Loader = exports.LOADER_LIGHT = exports.LOADER_DARK = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _theme = require("../utiles/theme.js");
+var _circular = require("./circular.js");
+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); }
+// ─── Loader colour tokens ─────────────────────────────────────────────────────
+
+const LOADER_LIGHT = exports.LOADER_LIGHT = {
+  indicator: '#6366f1',
+  overlayBg: 'rgba(0,0,0,0.35)',
+  cardBg: '#ffffff',
+  cardBorder: '#e4e4e7',
+  label: '#3f3f46'
+};
+const LOADER_DARK = exports.LOADER_DARK = {
+  indicator: '#818cf8',
+  overlayBg: 'rgba(0,0,0,0.6)',
+  cardBg: 'rgba(0,0,0,0.6)',
+  cardBorder: '#3f3f46',
+  label: '#e4e4e7'
+};
+
+// ─── Types ────────────────────────────────────────────────────────────────────
+
+// ─── Indicators ───────────────────────────────────────────────────────────────
+
+const Spinner = ({
+  color
+}) => {
+  const rotate = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.loop(_reactNative.Animated.timing(rotate, {
+      toValue: 1,
+      duration: 800,
+      easing: _reactNative.Easing.linear,
+      useNativeDriver: true
+    })).start();
+  }, []);
+  const spin = rotate.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '360deg']
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    style: [ind.ring, {
+      borderTopColor: color,
+      transform: [{
+        rotate: spin
+      }]
+    }]
+  });
+};
+const Pulse = ({
+  color
+}) => {
+  const scale = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
+  const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(0.8)).current;
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.loop(_reactNative.Animated.parallel([_reactNative.Animated.sequence([_reactNative.Animated.timing(scale, {
+      toValue: 1.6,
+      duration: 700,
+      easing: _reactNative.Easing.out(_reactNative.Easing.ease),
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(scale, {
+      toValue: 1,
+      duration: 700,
+      easing: _reactNative.Easing.in(_reactNative.Easing.ease),
+      useNativeDriver: true
+    })]), _reactNative.Animated.sequence([_reactNative.Animated.timing(opacity, {
+      toValue: 0.1,
+      duration: 700,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(opacity, {
+      toValue: 0.8,
+      duration: 700,
+      useNativeDriver: true
+    })])])).start();
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    style: [ind.pulse, {
+      backgroundColor: color,
+      opacity,
+      transform: [{
+        scale
+      }]
+    }]
+  });
+};
+const Dots = ({
+  color
+}) => {
+  const anims = [(0, _react.useRef)(new _reactNative.Animated.Value(0)).current, (0, _react.useRef)(new _reactNative.Animated.Value(0)).current, (0, _react.useRef)(new _reactNative.Animated.Value(0)).current];
+  (0, _react.useEffect)(() => {
+    const seq = (anim, delay) => _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.delay(delay), _reactNative.Animated.timing(anim, {
+      toValue: -8,
+      duration: 300,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(anim, {
+      toValue: 0,
+      duration: 300,
+      useNativeDriver: true
+    }), _reactNative.Animated.delay(600 - delay)]));
+    anims.forEach((a, i) => seq(a, i * 150).start());
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: ind.dotsRow,
+    children: anims.map((anim, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      style: [ind.dot, {
+        backgroundColor: color,
+        transform: [{
+          translateY: anim
+        }]
+      }]
+    }, i))
+  });
+};
+const ind = _reactNative.StyleSheet.create({
+  ring: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    borderWidth: 3,
+    borderColor: 'transparent'
+  },
+  pulse: {
+    width: 28,
+    height: 28,
+    borderRadius: 14
+  },
+  dotsRow: {
+    flexDirection: 'row',
+    gap: 8
+  },
+  dot: {
+    width: 10,
+    height: 10,
+    borderRadius: 5
+  }
+});
+
+// ─── Main component ───────────────────────────────────────────────────────────
+
+const Loader = ({
+  label,
+  variant = 'spinner',
+  color: colorProp,
+  overlay = false,
+  theme = 'dark',
+  colors: colorOverrides
+}) => {
+  const deviceScheme = (0, _reactNative.useColorScheme)();
+  const colors = (0, _react.useMemo)(() => {
+    const base = (0, _theme.resolveTheme)(theme, deviceScheme) === 'light' ? LOADER_LIGHT : LOADER_DARK;
+    return colorOverrides ? {
+      ...base,
+      ...colorOverrides
+    } : base;
+  }, [theme, deviceScheme, colorOverrides]);
+
+  // `color` prop overrides the theme's indicator tint
+  const tint = colorProp ?? colors.indicator;
+  const indicator = {
+    spinner: /*#__PURE__*/(0, _jsxRuntime.jsx)(Spinner, {
+      color: tint
+    }),
+    pulse: /*#__PURE__*/(0, _jsxRuntime.jsx)(Pulse, {
+      color: tint
+    }),
+    dots: /*#__PURE__*/(0, _jsxRuntime.jsx)(Dots, {
+      color: tint
+    }),
+    circular: /*#__PURE__*/(0, _jsxRuntime.jsx)(_circular.Circular, {
+      color: tint
+    })
+  }[variant];
+  if (overlay) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.overlay, {
+        backgroundColor: colors.overlayBg
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.card, {
+          backgroundColor: colors.cardBg,
+          borderColor: colors.cardBorder
+        }],
+        children: [indicator, label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.label, {
+            color: colors.label
+          }],
+          children: label
+        }) : null]
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.inline,
+    children: [indicator, label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.label, {
+        color: colors.label
+      }],
+      children: label
+    }) : null]
+  });
+};
+
+// ─── Styles (layout only) ─────────────────────────────────────────────────────
+exports.Loader = Loader;
+const styles = _reactNative.StyleSheet.create({
+  overlay: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  card: {
+    borderWidth: 0,
+    borderRadius: 16,
+    paddingVertical: 32,
+    paddingHorizontal: 40,
+    alignItems: 'center',
+    gap: 16,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 16
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 24,
+    elevation: 12
+  },
+  inline: {
+    alignItems: 'center',
+    gap: 12,
+    borderWidth: 0
+  },
+  label: {
+    fontSize: 14,
+    fontWeight: '500',
+    letterSpacing: 0.2
+  }
+});
+//# sourceMappingURL=loader.js.map

package/lib/commonjs/loading/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_theme","_circular","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LOADER_LIGHT","exports","indicator","overlayBg","cardBg","cardBorder","label","LOADER_DARK","Spinner","color","rotate","useRef","Animated","Value","current","useEffect","loop","timing","toValue","duration","easing","Easing","linear","useNativeDriver","start","spin","interpolate","inputRange","outputRange","jsx","View","style","ind","ring","borderTopColor","transform","Pulse","scale","opacity","parallel","sequence","out","ease","in","pulse","backgroundColor","Dots","anims","seq","anim","delay","forEach","a","dotsRow","children","map","dot","translateY","StyleSheet","create","width","height","borderRadius","borderWidth","borderColor","flexDirection","gap","Loader","variant","colorProp","overlay","theme","colors","colorOverrides","deviceScheme","useColorScheme","useMemo","base","resolveTheme","tint","spinner","dots","circular","Circular","styles","jsxs","card","Text","inline","absoluteFillObject","alignItems","justifyContent","paddingVertical","paddingHorizontal","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","fontSize","fontWeight","letterSpacing"],"sourceRoot":"../../../src","sources":["loading/loader.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/loading/spinner.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Spinner = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+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); }
+const PETAL_COUNT = 8;
+const PETALS = new Array(PETAL_COUNT).fill(0);
+const A_OPACITY = 1 / PETAL_COUNT;
+const A_ROTATE = 360 / PETAL_COUNT;
+const useLoop = (animatedValue, config) => {
+  (0, _react.useEffect)(() => {
+    const animation = _reactNative.Animated.timing(animatedValue, {
+      toValue: config.toValue,
+      duration: config.duration,
+      easing: config.easing,
+      useNativeDriver: true
+    });
+    const loop = _reactNative.Animated.loop(animation);
+    loop.start();
+    return () => loop.stop();
+  }, [animatedValue, config.duration, config.toValue, config.easing]);
+};
+const Spinner = ({
+  size = 32,
+  color = '#888888',
+  duration = 800,
+  style,
+  ...restProps
+}) => {
+  const animatedValue = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  useLoop(animatedValue, {
+    toValue: 1,
+    duration,
+    easing: _reactNative.Easing.linear
+  });
+  const rotate = animatedValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '360deg']
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    ...restProps,
+    style: [styles.icon, {
+      width: size,
+      height: size,
+      transform: [{
+        rotateZ: rotate
+      }]
+    }, style],
+    children: PETALS.map((_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.petal, {
+        opacity: A_OPACITY * (i + 1),
+        transform: [{
+          rotate: `${A_ROTATE * i}deg`
+        }]
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.inner, {
+          backgroundColor: color
+        }]
+      })
+    }, i))
+  });
+};
+exports.Spinner = Spinner;
+const styles = _reactNative.StyleSheet.create({
+  icon: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'relative'
+  },
+  petal: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
+    alignItems: 'center'
+  },
+  inner: {
+    width: 2,
+    height: '30%',
+    borderRadius: 1
+  }
+});
+//# sourceMappingURL=spinner.js.map

package/lib/commonjs/loading/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PETAL_COUNT","PETALS","Array","fill","A_OPACITY","A_ROTATE","useLoop","animatedValue","config","useEffect","animation","Animated","timing","toValue","duration","easing","useNativeDriver","loop","start","stop","Spinner","size","color","style","restProps","useRef","Value","current","Easing","linear","rotate","interpolate","inputRange","outputRange","jsx","View","styles","icon","width","height","transform","rotateZ","children","map","_","petal","opacity","inner","backgroundColor","exports","StyleSheet","create","justifyContent","alignItems","position","left","right","top","bottom","borderRadius"],"sourceRoot":"../../../src","sources":["loading/spinner.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/loading/useLoader.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLoader = useLoader;
+var _react = _interopRequireWildcard(require("react"));
+var _PortalContext = require("../portal/PortalContext.js");
+var _index = require("./index.js");
+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); }
+// ─── Types ────────────────────────────────────────────────────────────────────
+
+// ─── Hook ─────────────────────────────────────────────────────────────────────
+
+/**
+ * Declarative loader hook.
+ * Requires a `PortalManager` ancestor.
+ *
+ * @example
+ * ```tsx
+ * const loader = useLoader()
+ *
+ * // Manual control
+ * const id = loader.show({ label: 'Saving…', variant: 'spinner' })
+ * await saveData()
+ * loader.hide(id)
+ *
+ * // Automatic via wrap()
+ * const result = await loader.wrap(() => fetchData(), { label: 'Loading…' })
+ * ```
+ */
+function useLoader() {
+  const {
+    mount,
+    unmount
+  } = (0, _PortalContext.usePortal)();
+
+  // Tracks the last shown loader id so callers who didn't store the id can
+  // still call hide() without arguments in simple single-loader flows.
+  const lastIdRef = (0, _react.useRef)(null);
+  const show = (0, _react.useCallback)((options = {}) => {
+    // Loader has no onDismiss callback, so no idBox dance needed here.
+    const id = mount(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Loader, {
+      ...options,
+      overlay: options.overlay ?? true
+    }), {
+      position: 'center'
+    });
+    lastIdRef.current = id;
+    return id;
+  }, [mount]);
+  const hide = (0, _react.useCallback)(id => {
+    unmount(id);
+    if (lastIdRef.current === id) lastIdRef.current = null;
+  }, [unmount]);
+  return {
+    show,
+    hide
+  };
+}
+//# sourceMappingURL=useLoader.js.map

package/lib/commonjs/loading/useLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_PortalContext","_index","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useLoader","mount","unmount","usePortal","lastIdRef","useRef","show","useCallback","options","id","jsx","Loader","overlay","position","current","hide"],"sourceRoot":"../../../src","sources":["loading/useLoader.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAwC,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAExC;;AAwBA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASkB,SAASA,CAAA,EAAc;EACrC,MAAM;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAG,IAAAC,wBAAS,EAAC,CAAC;;EAEtC;EACA;EACA,MAAMC,SAAS,GAAG,IAAAC,aAAM,EAAgB,IAAI,CAAC;EAE7C,MAAMC,IAAI,GAAG,IAAAC,kBAAW,EACtB,CAACC,OAA0B,GAAG,CAAC,CAAC,KAAa;IAC3C;IACA,MAAMC,EAAE,GAAGR,KAAK,cACd,IAAArB,WAAA,CAAA8B,GAAA,EAAC/B,MAAA,CAAAgC,MAAM;MAAA,GAAKH,OAAO;MAAEI,OAAO,EAAEJ,OAAO,CAACI,OAAO,IAAI;IAAK,CAAE,CAAC,EACzD;MAAEC,QAAQ,EAAE;IAAS,CACvB,CAAC;IACDT,SAAS,CAACU,OAAO,GAAGL,EAAE;IACtB,OAAOA,EAAE;EACX,CAAC,EACD,CAACR,KAAK,CACR,CAAC;EAED,MAAMc,IAAI,GAAG,IAAAR,kBAAW,EACrBE,EAAU,IAAK;IACdP,OAAO,CAACO,EAAE,CAAC;IACX,IAAIL,SAAS,CAACU,OAAO,KAAKL,EAAE,EAAEL,SAAS,CAACU,OAAO,GAAG,IAAI;EACxD,CAAC,EACD,CAACZ,OAAO,CACV,CAAC;EAED,OAAO;IAAEI,IAAI;IAAES;EAAK,CAAC;AACvB","ignoreList":[]}

package/lib/commonjs/loading/useLoaderBinding.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLoaderBinding = useLoaderBinding;
+var _useLoader = require("./useLoader.js");
+var _react = _interopRequireWildcard(require("react"));
+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); }
+// adjust path
+
+function useLoaderBinding(loading, options) {
+  const loader = (0, _useLoader.useLoader)();
+  const loaderIdRef = _react.default.useRef(null);
+  (0, _react.useEffect)(() => {
+    if (loading) {
+      if (loaderIdRef.current == null) {
+        loaderIdRef.current = loader.show(options);
+      }
+    } else {
+      if (loaderIdRef.current != null) {
+        loader.hide(loaderIdRef.current);
+        loaderIdRef.current = null;
+      }
+    }
+    return () => {
+      if (!loading && loaderIdRef.current != null) {
+        loader.hide(loaderIdRef.current);
+        loaderIdRef.current = null;
+      }
+    };
+  }, [loading, loader, options]);
+}
+//# sourceMappingURL=useLoaderBinding.js.map

package/lib/commonjs/loading/useLoaderBinding.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useLoader","require","_react","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useLoaderBinding","loading","options","loader","useLoader","loaderIdRef","React","useRef","useEffect","current","show","hide"],"sourceRoot":"../../../src","sources":["loading/useLoaderBinding.tsx"],"mappings":";;;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAAyC,SAAAE,wBAAAC,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAH,uBAAA,YAAAA,CAAAC,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AADmB;;AAG5D,SAASkB,gBAAgBA,CACvBC,OAAgB,EAChBC,OAIC,EACD;EACA,MAAMC,MAAM,GAAG,IAAAC,oBAAS,EAAC,CAAC;EAC1B,MAAMC,WAAW,GAAGC,cAAK,CAACC,MAAM,CAAgB,IAAI,CAAC;EAErD,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIP,OAAO,EAAE;MACX,IAAII,WAAW,CAACI,OAAO,IAAI,IAAI,EAAE;QAC/BJ,WAAW,CAACI,OAAO,GAAGN,MAAM,CAACO,IAAI,CAACR,OAAO,CAAC;MAC5C;IACF,CAAC,MAAM;MACL,IAAIG,WAAW,CAACI,OAAO,IAAI,IAAI,EAAE;QAC/BN,MAAM,CAACQ,IAAI,CAACN,WAAW,CAACI,OAAO,CAAC;QAChCJ,WAAW,CAACI,OAAO,GAAG,IAAI;MAC5B;IACF;IAEA,OAAO,MAAM;MACX,IAAI,CAACR,OAAO,IAAII,WAAW,CAACI,OAAO,IAAI,IAAI,EAAE;QAC3CN,MAAM,CAACQ,IAAI,CAACN,WAAW,CAACI,OAAO,CAAC;QAChCJ,WAAW,CAACI,OAAO,GAAG,IAAI;MAC5B;IACF,CAAC;EACH,CAAC,EAAE,CAACR,OAAO,EAAEE,MAAM,EAAED,OAAO,CAAC,CAAC;AAChC","ignoreList":[]}