@xaui/native 0.9.1-alpha.9 → 0.9.1-alpha.91

package/dist/chunk-EMB55OLA.js

@@ -0,0 +1,124 @@
+import {
+  useRotation
+} from "./chunk-3GFRSZYR.js";
+import {
+  createRecipe
+} from "./chunk-DKVXTMIJ.js";
+import {
+  alpha,
+  useXAUITheme
+} from "./chunk-Z6JBWRPL.js";
+import {
+  useStyleProps
+} from "./chunk-M63GFNKV.js";
+
+// src/components/spinner/spinner.tsx
+import { forwardRef } from "react";
+import { View } from "react-native";
+import Animated from "react-native-reanimated";
+
+// src/components/spinner/spinner.recipe.ts
+var SLOTS = ["root", "arc"];
+var VARIANT_TOKENS = {
+  primary: { fg: "accent" },
+  secondary: { fg: "accentSoftForeground" },
+  default: { fg: "foreground" },
+  tertiary: { fg: "muted" },
+  success: { fg: "success" },
+  warning: { fg: "warning" },
+  danger: { fg: "danger" }
+};
+var TRACK_OPACITY = 0.18;
+function sizeAxis(step) {
+  return (theme) => {
+    const diameter = theme.spacing(step.diameter);
+    const stroke = theme.borderWidth.default * step.stroke;
+    return {
+      root: {
+        width: diameter,
+        height: diameter,
+        borderRadius: diameter / 2,
+        borderWidth: stroke
+      },
+      // The arc is the same ring, drawn one stroke outside the track's box so the two
+      // circles land on each other rather than nesting. R13 — `start` and `end`, so the
+      // inset mirrors with the layout instead of staying put.
+      arc: {
+        position: "absolute",
+        top: -stroke,
+        bottom: -stroke,
+        start: -stroke,
+        end: -stroke,
+        borderRadius: diameter / 2 + stroke,
+        borderWidth: stroke
+      }
+    };
+  };
+}
+var SIZES = {
+  xs: { diameter: 4, stroke: 2 },
+  sm: { diameter: 5, stroke: 2 },
+  md: { diameter: 6, stroke: 2 },
+  lg: { diameter: 8, stroke: 3 }
+};
+var spinnerRecipe = createRecipe({
+  slots: SLOTS,
+  base: () => ({
+    // Squircle corners are meaningless on a full circle, and `overflow` would clip the
+    // arc that deliberately sits outside this box.
+    root: { alignItems: "center", justifyContent: "center" }
+  }),
+  variantTokens: VARIANT_TOKENS,
+  /**
+   * One ink, two opacities, and the gap that makes the rotation visible.
+   *
+   * `borderTopColor: 'transparent'` is structural rather than a colour the theme has an
+   * opinion about — it is the quarter of the circle that is missing, and without it a
+   * rotating ring is a ring.
+   */
+  paint: (_theme, colors) => ({
+    root: { borderColor: colors.fg ? alpha(colors.fg, TRACK_OPACITY) : void 0 },
+    arc: { borderColor: colors.fg, borderTopColor: "transparent" }
+  }),
+  variants: {
+    size: {
+      xs: sizeAxis(SIZES.xs),
+      sm: sizeAxis(SIZES.sm),
+      md: sizeAxis(SIZES.md),
+      lg: sizeAxis(SIZES.lg)
+    }
+  },
+  defaultVariants: { variant: "primary", size: "md" }
+});
+
+// src/components/spinner/spinner.tsx
+import { jsx } from "react/jsx-runtime";
+var Spinner = forwardRef(function Spinner2({ variant, size, color, animation = true, style, ...props }, ref) {
+  const theme = useXAUITheme();
+  const [styleProps, rest] = useStyleProps(props);
+  const selection = { variant, size };
+  const styles = spinnerRecipe.resolve({ theme, selection });
+  const tint = color ? spinnerRecipe.tint({ theme, color, selection }) : void 0;
+  const arcStyle = [styles.arc, tint?.arc];
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      ref,
+      accessibilityRole: "progressbar",
+      accessibilityState: { busy: animation },
+      ...rest,
+      style: [styles.root, tint?.root, styleProps, style],
+      children: animation ? /* @__PURE__ */ jsx(SpinningArc, { style: arcStyle }) : /* @__PURE__ */ jsx(View, { style: arcStyle })
+    }
+  );
+});
+Spinner.displayName = "XAUI.Spinner";
+function SpinningArc({ style }) {
+  const rotation = useRotation();
+  return /* @__PURE__ */ jsx(Animated.View, { style: [style, rotation] });
+}
+
+export {
+  spinnerRecipe,
+  Spinner
+};

package/dist/chunk-ETD7JIJL.cjs

@@ -0,0 +1,95 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkJJ3Q4IAScjs = require('./chunk-JJ3Q4IAS.cjs');
+
+
+var _chunkUMY36NP2cjs = require('./chunk-UMY36NP2.cjs');
+
+// src/components/area-chart/area-chart.tsx
+var _react = require('react');
+var _reactnativesvg = require('react-native-svg');
+var _jsxruntime = require('react/jsx-runtime');
+var FILL_TOP = 0.18;
+var FILL_BOTTOM = 0.01;
+function AreaChart({
+  curve = "monotone",
+  isStacked = false,
+  strokeWidth = 2,
+  ...props
+}) {
+  const id = safeId(_react.useId.call(void 0, ));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkUMY36NP2cjs.ChartPlotRoot,
+    {
+      ...props,
+      data: isStacked ? stackRows(props.data, props.yKeys) : props.data,
+      yKeys: isStacked ? stackKeys(props.yKeys) : props.yKeys,
+      children: ({ series, frame }) => {
+        const drawn = isStacked ? [...series].reverse() : series;
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnativesvg.Defs, { children: series.map((one) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            _reactnativesvg.LinearGradient,
+            {
+              id: `${id}-${safeId(one.key)}`,
+              x1: "0",
+              y1: frame.y,
+              x2: "0",
+              y2: frame.y + frame.height,
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnativesvg.Stop, { offset: "0", stopColor: one.color, stopOpacity: FILL_TOP }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnativesvg.Stop, { offset: "1", stopColor: one.color, stopOpacity: FILL_BOTTOM })
+              ]
+            },
+            one.key
+          )) }),
+          drawn.map((one) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _reactnativesvg.Path,
+            {
+              d: _chunkJJ3Q4IAScjs.areaPath.call(void 0, one.points, frame.y + frame.height, curve),
+              fill: `url(#${id}-${safeId(one.key)})`
+            },
+            `${one.key}-fill`
+          )),
+          strokeWidth > 0 ? drawn.map((one) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _reactnativesvg.Path,
+            {
+              d: _chunkJJ3Q4IAScjs.linePath.call(void 0, one.points, curve),
+              stroke: one.color,
+              strokeWidth,
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              fill: "none"
+            },
+            `${one.key}-line`
+          )) : null
+        ] });
+      }
+    }
+  );
+}
+AreaChart.displayName = "XAUI.AreaChart";
+function safeId(value) {
+  return value.replace(/[^a-zA-Z0-9]/g, "");
+}
+var STACK_PREFIX = "xauiStack:";
+function stackKeys(keys) {
+  return keys.map((key) => `${STACK_PREFIX}${key}`);
+}
+function stackRows(data, keys) {
+  return data.map((row) => {
+    const next = { ...row };
+    let total = 0;
+    for (const key of keys) {
+      const value = Number(row[key]);
+      total += Number.isFinite(value) ? value : 0;
+      next[`${STACK_PREFIX}${key}`] = total;
+    }
+    return next;
+  });
+}
+
+
+
+exports.AreaChart = AreaChart;

package/dist/chunk-F6CQ6CBI.cjs

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : {
+    default: obj
+  };
+} // src/system/selection-fill/selection-fill.tsx
+var _reactnative = require('react-native');
+var _reactnativereanimated = require('react-native-reanimated');
+var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
+var _jsxruntime = require('react/jsx-runtime');
+var DURATION = 120;
+var FROM_SCALE = 0.8;
+function SelectionFill({
+  isVisible,
+  style,
+  animation = true,
+  children
+}) {
+  if (!animation) {
+    return isVisible ? /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+      style,
+      children
+    }) : null;
+  }
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, AnimatedFill, {
+    isVisible,
+    style,
+    children
+  });
+}
+SelectionFill.displayName = "XAUI.SelectionFill";
+const _worklet_11674708088880_init_data = {
+  code: "function chunkF6CQ6CBICjs1(){const{_reactnativereanimated,isVisible,DURATION}=this.__closure;return _reactnativereanimated.withTiming.call(void 0,isVisible?1:0,{duration:DURATION});}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-F6CQ6CBI.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkF6CQ6CBICjs1\",\"_reactnativereanimated\",\"isVisible\",\"DURATION\",\"__closure\",\"withTiming\",\"call\",\"duration\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-F6CQ6CBI.cjs\"],\"mappings\":\"AA2BuE,SAAAA,iBAAMA,CAAA,QAAAC,sBAAA,CAAAC,SAAA,CAAAC,QAAA,OAAAC,SAAA,CAEzE,MAAO,CAAAH,sBAAsB,CAACI,UAAU,CAACC,IAAI,CAAC,IAAK,EAAC,CAAEJ,SAAS,CAAG,CAAC,CAAG,CAAC,CAAE,CAAEK,QAAQ,CAAEJ,QAAS,CAAC,CAAC,CAClG\",\"ignoreList\":[]}"
+};
+const _worklet_9756080511809_init_data = {
+  code: "function chunkF6CQ6CBICjs2(){const{progress,FROM_SCALE}=this.__closure;return{opacity:progress.value,transform:[{scale:FROM_SCALE+(1-FROM_SCALE)*progress.value}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-F6CQ6CBI.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkF6CQ6CBICjs2\",\"progress\",\"FROM_SCALE\",\"__closure\",\"opacity\",\"value\",\"transform\",\"scale\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-F6CQ6CBI.cjs\"],\"mappings\":\"AA+B6E,SAAAA,iBAAMA,CAAA,QAAAC,QAAA,CAAAC,UAAA,OAAAC,SAAA,CAE/E,MAAO,CACLC,OAAO,CAAEH,QAAQ,CAACI,KAAK,CACvBC,SAAS,CAAE,CAAC,CAAEC,KAAK,CAAEL,UAAU,CAAG,CAAC,CAAC,CAAGA,UAAU,EAAID,QAAQ,CAACI,KAAM,CAAC,CACvE,CAAC,CACH\",\"ignoreList\":[]}"
+};
+function AnimatedFill({
+  isVisible,
+  style,
+  children
+}) {
+  const progress = _reactnativereanimated.useDerivedValue.call(void 0, function chunkF6CQ6CBICjs1Factory({
+    _worklet_11674708088880_init_data,
+    _reactnativereanimated,
+    isVisible,
+    DURATION
+  }) {
+    const _e = [new global.Error(), -4, -27];
+    const chunkF6CQ6CBICjs1 = function () {
+      return _reactnativereanimated.withTiming.call(void 0, isVisible ? 1 : 0, {
+        duration: DURATION
+      });
+    };
+    chunkF6CQ6CBICjs1.__closure = {
+      _reactnativereanimated,
+      isVisible,
+      DURATION
+    };
+    chunkF6CQ6CBICjs1.__workletHash = 11674708088880;
+    chunkF6CQ6CBICjs1.__pluginVersion = "0.7.4";
+    chunkF6CQ6CBICjs1.__initData = _worklet_11674708088880_init_data;
+    chunkF6CQ6CBICjs1.__stackDetails = _e;
+    return chunkF6CQ6CBICjs1;
+  }({
+    _worklet_11674708088880_init_data,
+    _reactnativereanimated,
+    isVisible,
+    DURATION
+  }), [isVisible]);
+  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkF6CQ6CBICjs2Factory({
+    _worklet_9756080511809_init_data,
+    progress,
+    FROM_SCALE
+  }) {
+    const _e = [new global.Error(), -3, -27];
+    const chunkF6CQ6CBICjs2 = function () {
+      return {
+        opacity: progress.value,
+        transform: [{
+          scale: FROM_SCALE + (1 - FROM_SCALE) * progress.value
+        }]
+      };
+    };
+    chunkF6CQ6CBICjs2.__closure = {
+      progress,
+      FROM_SCALE
+    };
+    chunkF6CQ6CBICjs2.__workletHash = 9756080511809;
+    chunkF6CQ6CBICjs2.__pluginVersion = "0.7.4";
+    chunkF6CQ6CBICjs2.__initData = _worklet_9756080511809_init_data;
+    chunkF6CQ6CBICjs2.__stackDetails = _e;
+    return chunkF6CQ6CBICjs2;
+  }({
+    _worklet_9756080511809_init_data,
+    progress,
+    FROM_SCALE
+  }), [progress]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
+    style: [style, animatedStyle],
+    children
+  });
+}
+exports.SelectionFill = SelectionFill;

package/dist/chunk-F6W3JQ7K.js

@@ -0,0 +1,42 @@
+import {
+  warnDev
+} from "./chunk-EGLLDKN6.js";
+
+// src/hooks/use-controllable-state.ts
+import { useCallback, useRef, useState } from "react";
+function useControllableState({
+  value,
+  defaultValue,
+  onChange
+}) {
+  const [uncontrolled, setUncontrolled] = useState(defaultValue);
+  const isControlled = value !== void 0;
+  const current = isControlled ? value : uncontrolled;
+  useControlWarning(isControlled);
+  const latest = useRef(current);
+  latest.current = current;
+  const onChangeRef = useRef(onChange);
+  onChangeRef.current = onChange;
+  const controlled = useRef(isControlled);
+  controlled.current = isControlled;
+  const set = useCallback((next) => {
+    const resolved = typeof next === "function" ? next(latest.current) : next;
+    if (resolved === latest.current) return;
+    if (!controlled.current) setUncontrolled(resolved);
+    onChangeRef.current?.(resolved);
+  }, []);
+  return [current, set];
+}
+function useControlWarning(isControlled) {
+  const wasControlled = useRef(isControlled);
+  if (wasControlled.current !== isControlled) {
+    warnDev(
+      `a component switched from ${wasControlled.current ? "controlled" : "uncontrolled"} to ${isControlled ? "controlled" : "uncontrolled"}. Decide for the life of the component: pass \`value\` always, or never. Passing \`undefined\` for a value you do control reads as "uncontrolled" here.`
+    );
+    wasControlled.current = isControlled;
+  }
+}
+
+export {
+  useControllableState
+};

package/dist/chunk-FHNIGHN5.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/system/slot/children-to-string.ts
+var _react = require('react');
+function childrenToString(children) {
+  const text = stringify(children);
+  return text === null || text === "" ? null : text;
+}
+function stringify(node) {
+  if (node === null || node === void 0 || typeof node === "boolean") return "";
+  if (typeof node === "string") return node;
+  if (typeof node === "number") return String(node);
+  if (_react.isValidElement.call(void 0, node)) return null;
+  if (Array.isArray(node)) {
+    let text = "";
+    for (const child of node) {
+      const part = stringify(child);
+      if (part === null) return null;
+      text += part;
+    }
+    return text;
+  }
+  return null;
+}
+
+
+
+exports.childrenToString = childrenToString;

package/dist/chunk-FJGPDWMS.cjs

@@ -0,0 +1,46 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunkFHNIGHN5cjs = require('./chunk-FHNIGHN5.cjs');
+
+// src/components/select/select.hook.ts
+var _react = require('react');
+function useLabelRegistry() {
+  const labels = _react.useRef.call(void 0, /* @__PURE__ */ new Map());
+  const [, force] = _react.useState.call(void 0, 0);
+  const registerLabel = _react.useCallback.call(void 0, (value, label) => {
+    if (labels.current.get(value) === label) return;
+    labels.current.set(value, label);
+    force((n) => n + 1);
+  }, []);
+  const labelFor = _react.useCallback.call(void 0, (value) => labels.current.get(value), []);
+  return _react.useMemo.call(void 0, () => ({ labelFor, registerLabel }), [labelFor, registerLabel]);
+}
+
+// src/utils/item-labels.ts
+
+function collectItemLabels(children, isItem) {
+  const found = [];
+  const walk = (node) => {
+    _react.Children.forEach(node, (child) => {
+      if (!_react.isValidElement.call(void 0, child)) return;
+      const props = child.props;
+      if (isItem(child.type) && typeof props.value === "string") {
+        const label = readItemLabel(props);
+        if (label !== void 0) found.push([props.value, label]);
+        return;
+      }
+      walk(props.children);
+    });
+  };
+  walk(children);
+  return found;
+}
+function readItemLabel(props) {
+  return _nullishCoalesce(_nullishCoalesce(props.label, () => ( _chunkFHNIGHN5cjs.childrenToString.call(void 0, props.children))), () => ( void 0));
+}
+
+
+
+
+
+exports.useLabelRegistry = useLabelRegistry; exports.collectItemLabels = collectItemLabels; exports.readItemLabel = readItemLabel;