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

package/dist/chunk-MWNIPXSH.js

@@ -0,0 +1,447 @@
+import { formatProgress, progressFraction } from "./chunk-DAWXJTAC.js";
+import { childrenToString } from "./chunk-WFZDAXDI.js";
+import { createRecipe, radiusAxis } from "./chunk-DKVXTMIJ.js";
+import { Slot, createSlotContext } from "./chunk-TTZOIXKE.js";
+import { useXAUITheme } from "./chunk-Z6JBWRPL.js";
+import { useStyleProps } from "./chunk-M63GFNKV.js";
+
+// src/components/progress-bar/progress-bar-fill.tsx
+import { forwardRef } from "react";
+import { View } from "react-native";
+import Animated, { useAnimatedStyle, useDerivedValue, withTiming } from "react-native-reanimated";
+
+// src/components/progress-bar/progress-bar.context.ts
+var [ProgressBarProvider, useProgressBar] = createSlotContext("ProgressBar");
+
+// src/components/progress-bar/progress-bar-fill.tsx
+import { jsx } from "react/jsx-runtime";
+var DURATION = 240;
+var ProgressBarFill = forwardRef(function ProgressBarFill2({
+  animation = true,
+  style,
+  ...props
+}, ref) {
+  const {
+    fillStyle,
+    fraction
+  } = useProgressBar();
+  const [styleProps, rest] = useStyleProps(props);
+  const merged = [fillStyle, styleProps, style];
+  if (!animation) {
+    return /* @__PURE__ */jsx(View, {
+      ref,
+      ...rest,
+      style: [merged, widthOf(fraction)]
+    });
+  }
+  return /* @__PURE__ */jsx(AnimatedFill, {
+    ref,
+    ...rest,
+    fraction,
+    style: merged
+  });
+});
+ProgressBarFill.displayName = "XAUI.ProgressBar.Fill";
+function widthOf(fraction) {
+  return {
+    width: `${fraction * 100}%`
+  };
+}
+const _worklet_13877098929213_init_data = {
+  code: "function chunkMWNIPXSHJs1(){const{withTiming,fraction,DURATION}=this.__closure;return withTiming(fraction,{duration:DURATION});}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-MWNIPXSH.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkMWNIPXSHJs1\",\"withTiming\",\"fraction\",\"DURATION\",\"__closure\",\"duration\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-MWNIPXSH.js\"],\"mappings\":\"AAqDmC,SAAAA,gBAAMA,CAAA,QAAAC,UAAA,CAAAC,QAAA,CAAAC,QAAA,OAAAC,SAAA,CAErC,MAAO,CAAAH,UAAU,CAACC,QAAQ,CAAE,CAAEG,QAAQ,CAAEF,QAAS,CAAC,CAAC,CACrD\",\"ignoreList\":[]}"
+};
+const _worklet_11046705513211_init_data = {
+  code: "function chunkMWNIPXSHJs2(){const{progress}=this.__closure;return{width:progress.value*100+\"%\"};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-MWNIPXSH.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkMWNIPXSHJs2\",\"progress\",\"__closure\",\"width\",\"value\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-MWNIPXSH.js\"],\"mappings\":\"AAyDyC,SAAAA,gBAAMA,CAAA,QAAAC,QAAA,OAAAC,SAAA,CAE3C,MAAO,CAAEC,KAAK,CAAKF,QAAQ,CAACG,KAAK,CAAG,GAAG,IAAI,CAAC,CAC9C\",\"ignoreList\":[]}"
+};
+var AnimatedFill = forwardRef(function AnimatedFill2({
+  fraction,
+  style,
+  ...rest
+}, ref) {
+  const progress = useDerivedValue(function chunkMWNIPXSHJs1Factory({
+    _worklet_13877098929213_init_data,
+    withTiming,
+    fraction,
+    DURATION
+  }) {
+    const _e = [new global.Error(), -4, -27];
+    const chunkMWNIPXSHJs1 = function () {
+      return withTiming(fraction, {
+        duration: DURATION
+      });
+    };
+    chunkMWNIPXSHJs1.__closure = {
+      withTiming,
+      fraction,
+      DURATION
+    };
+    chunkMWNIPXSHJs1.__workletHash = 13877098929213;
+    chunkMWNIPXSHJs1.__pluginVersion = "0.7.4";
+    chunkMWNIPXSHJs1.__initData = _worklet_13877098929213_init_data;
+    chunkMWNIPXSHJs1.__stackDetails = _e;
+    return chunkMWNIPXSHJs1;
+  }({
+    _worklet_13877098929213_init_data,
+    withTiming,
+    fraction,
+    DURATION
+  }), [fraction]);
+  const animatedStyle = useAnimatedStyle(function chunkMWNIPXSHJs2Factory({
+    _worklet_11046705513211_init_data,
+    progress
+  }) {
+    const _e = [new global.Error(), -2, -27];
+    const chunkMWNIPXSHJs2 = function () {
+      return {
+        width: `${progress.value * 100}%`
+      };
+    };
+    chunkMWNIPXSHJs2.__closure = {
+      progress
+    };
+    chunkMWNIPXSHJs2.__workletHash = 11046705513211;
+    chunkMWNIPXSHJs2.__pluginVersion = "0.7.4";
+    chunkMWNIPXSHJs2.__initData = _worklet_11046705513211_init_data;
+    chunkMWNIPXSHJs2.__stackDetails = _e;
+    return chunkMWNIPXSHJs2;
+  }({
+    _worklet_11046705513211_init_data,
+    progress
+  }), [progress]);
+  return /* @__PURE__ */jsx(Animated.View, {
+    ref,
+    ...rest,
+    style: [style, animatedStyle]
+  });
+});
+
+// src/components/progress-bar/progress-bar-header.tsx
+import { forwardRef as forwardRef2 } from "react";
+import { View as View2 } from "react-native";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ProgressBarHeader = forwardRef2(function ProgressBarHeader2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    headerStyle
+  } = useProgressBar();
+  const [styleProps, rest] = useStyleProps(props);
+  return /* @__PURE__ */jsx2(View2, {
+    ref,
+    ...rest,
+    style: [headerStyle, styleProps, style],
+    children
+  });
+});
+ProgressBarHeader.displayName = "XAUI.ProgressBar.Header";
+
+// src/components/progress-bar/progress-bar-label.tsx
+import { forwardRef as forwardRef3 } from "react";
+import { Text } from "react-native";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ProgressBarLabel = forwardRef3(function ProgressBarLabel2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    labelStyle
+  } = useProgressBar();
+  const [styleProps, rest] = useStyleProps(props);
+  return /* @__PURE__ */jsx3(Text, {
+    ref,
+    style: [labelStyle, styleProps, style],
+    ...rest,
+    children
+  });
+});
+ProgressBarLabel.displayName = "XAUI.ProgressBar.Label";
+
+// src/components/progress-bar/progress-bar.tsx
+import { forwardRef as forwardRef6, useMemo } from "react";
+import { View as View4 } from "react-native";
+
+// src/components/progress-bar/progress-bar-track.tsx
+import { forwardRef as forwardRef4 } from "react";
+import { View as View3 } from "react-native";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var ProgressBarTrack = forwardRef4(function ProgressBarTrack2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    trackStyle
+  } = useProgressBar();
+  const [styleProps, rest] = useStyleProps(props);
+  return /* @__PURE__ */jsx4(View3, {
+    ref,
+    ...rest,
+    style: [trackStyle, styleProps, style],
+    children
+  });
+});
+ProgressBarTrack.displayName = "XAUI.ProgressBar.Track";
+
+// src/components/progress-bar/progress-bar-value.tsx
+import { forwardRef as forwardRef5 } from "react";
+import { Text as Text2 } from "react-native";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var ProgressBarValue = forwardRef5(function ProgressBarValue2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    valueStyle,
+    fraction,
+    value,
+    formatOptions
+  } = useProgressBar();
+  const [styleProps, rest] = useStyleProps(props);
+  return /* @__PURE__ */jsx5(Text2, {
+    ref,
+    style: [valueStyle, styleProps, style],
+    ...rest,
+    children: children ?? formatProgress(fraction, value, formatOptions)
+  });
+});
+ProgressBarValue.displayName = "XAUI.ProgressBar.Value";
+
+// src/components/progress-bar/progress-bar.recipe.ts
+var SLOTS = ["root", "header", "label", "value", "track", "fill"];
+var VARIANT_TOKENS = {
+  primary: {
+    bg: "default",
+    bgSelected: "accent"
+  },
+  secondary: {
+    bg: "default",
+    bgSelected: "foreground"
+  },
+  success: {
+    bg: "default",
+    bgSelected: "success"
+  },
+  warning: {
+    bg: "default",
+    bgSelected: "warning"
+  },
+  danger: {
+    bg: "default",
+    bgSelected: "danger"
+  }
+};
+var SIZES = {
+  sm: {
+    track: 4,
+    header: "sm"
+  },
+  md: {
+    track: 6,
+    header: "md"
+  },
+  lg: {
+    track: 8,
+    header: "lg"
+  }
+};
+function sizeAxis(step) {
+  const {
+    track,
+    header
+  } = step;
+  return theme => ({
+    track: {
+      height: track
+    },
+    label: {
+      fontSize: theme.fontSizes[header],
+      lineHeight: theme.lineHeights[header]
+    },
+    value: {
+      fontSize: theme.fontSizes[header],
+      lineHeight: theme.lineHeights[header]
+    }
+  });
+}
+var progressBarRecipe = createRecipe({
+  slots: SLOTS,
+  base: theme => ({
+    // 6, not the grid's 8: the header is the bar's caption, not a sibling paragraph, so it
+    // sits nearer the rail than one block sits from the next and the two read as one unit.
+    root: {
+      width: "100%",
+      gap: theme.spacing(1.5)
+    },
+    // The label and the value are one line, pushed apart. R4 — the gap and the alignment
+    // are the header's, and neither text slot carries a margin of its own.
+    header: {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      gap: theme.spacing(2)
+    },
+    label: {
+      fontFamily: theme.fontFamilies.body,
+      color: theme.colors.foreground
+    },
+    // Quieter than the label, because the label says what is happening and the number only
+    // says how far: the reader needs one of them to be the sentence.
+    value: {
+      fontFamily: theme.fontFamilies.body,
+      color: theme.colors.muted,
+      fontVariant: ["tabular-nums"]
+    },
+    track: {
+      width: "100%",
+      // The fill is a child that grows, not an absolutely positioned overlay, so the rail
+      // clips it at both ends and a `radius` on the rail rounds the fill's far edge too.
+      overflow: "hidden",
+      borderRadius: theme.radius.full,
+      flexDirection: "row"
+    },
+    fill: {
+      height: "100%",
+      borderRadius: theme.radius.full
+    }
+  }),
+  variantTokens: VARIANT_TOKENS,
+  paint: (_theme, colors) => ({
+    track: {
+      backgroundColor: colors.bg
+    },
+    fill: {
+      backgroundColor: colors.bgSelected
+    }
+  }),
+  variants: {
+    size: {
+      sm: sizeAxis(SIZES.sm),
+      md: sizeAxis(SIZES.md),
+      lg: sizeAxis(SIZES.lg)
+    },
+    /** Both nodes, so a squared-off rail does not hold a rounded fill. */
+    radius: radiusAxis("track", "fill")
+  },
+  states: {
+    disabled: theme => ({
+      root: {
+        opacity: theme.opacity.disabled
+      }
+    })
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "md"
+  }
+});
+
+// src/components/progress-bar/progress-bar.tsx
+import { Fragment, jsx as jsx6, jsxs } from "react/jsx-runtime";
+var ProgressBarRoot = forwardRef6(function ProgressBar({
+  children,
+  variant,
+  size,
+  radius,
+  color,
+  value = 0,
+  minValue = 0,
+  maxValue = 100,
+  formatOptions,
+  isDisabled = false,
+  asChild = false,
+  accessibilityRole,
+  accessibilityValue,
+  style,
+  ...props
+}, ref) {
+  const theme = useXAUITheme();
+  const [styleProps, rest] = useStyleProps(props);
+  const selection = {
+    variant,
+    size,
+    radius
+  };
+  const styles = progressBarRecipe.resolve({
+    theme,
+    selection,
+    states: {
+      disabled: isDisabled
+    }
+  });
+  const tint = color ? progressBarRecipe.tint({
+    theme,
+    color,
+    selection
+  }) : void 0;
+  const fraction = progressFraction(value, minValue, maxValue);
+  const context = useMemo(() => ({
+    headerStyle: styles.header,
+    labelStyle: styles.label,
+    valueStyle: styles.value,
+    trackStyle: tint ? [styles.track, tint.track] : styles.track,
+    fillStyle: tint ? [styles.fill, tint.fill] : styles.fill,
+    fraction,
+    value,
+    formatOptions,
+    isDisabled
+  }), [styles, tint, fraction, value, formatOptions, isDisabled]);
+  const rootStyle = [styles.root, styleProps, style];
+  const text = childrenToString(children);
+  const content = text !== null ? /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsxs(ProgressBarHeader, {
+      children: [/* @__PURE__ */jsx6(ProgressBarLabel, {
+        children: text
+      }), /* @__PURE__ */jsx6(ProgressBarValue, {})]
+    }), /* @__PURE__ */jsx6(Bar, {})]
+  }) : children ?? /* @__PURE__ */jsx6(Bar, {});
+  const rootProps = {
+    // A screen reader reads the number, and it reads the caller's range rather than the
+    // clamped fraction: "40 sur 100" is what the caller wrote, and rounding it to a
+    // percentage here would be answering a question nobody asked.
+    accessibilityRole: accessibilityRole ?? "progressbar",
+    accessibilityValue: accessibilityValue ?? {
+      min: minValue,
+      max: maxValue,
+      now: value
+    },
+    ...rest
+  };
+  return /* @__PURE__ */jsx6(ProgressBarProvider, {
+    value: context,
+    children: asChild ? /* @__PURE__ */jsx6(Slot, {
+      ref,
+      ...rootProps,
+      style: rootStyle,
+      children
+    }) : /* @__PURE__ */jsx6(View4, {
+      ref,
+      ...rootProps,
+      style: rootStyle,
+      children: content
+    })
+  });
+});
+ProgressBarRoot.displayName = "XAUI.ProgressBar.Root";
+function Bar() {
+  return /* @__PURE__ */jsx6(ProgressBarTrack, {
+    children: /* @__PURE__ */jsx6(ProgressBarFill, {})
+  });
+}
+
+// src/components/progress-bar/index.ts
+var ProgressBar2 = Object.assign(ProgressBarRoot, {
+  Header: ProgressBarHeader,
+  Label: ProgressBarLabel,
+  Value: ProgressBarValue,
+  Track: ProgressBarTrack,
+  Fill: ProgressBarFill
+});
+export { useProgressBar, ProgressBarFill, ProgressBarHeader, ProgressBarLabel, ProgressBarTrack, ProgressBarValue, progressBarRecipe, ProgressBarRoot, ProgressBar2 as ProgressBar };

package/dist/chunk-NADCILBL.cjs

@@ -0,0 +1,163 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+var _chunkAXKDHX5Vcjs = require('./chunk-AXKDHX5V.cjs');
+
+
+var _chunkGSZDN6EZcjs = require('./chunk-GSZDN6EZ.cjs');
+
+
+var _chunkCDRGTUYFcjs = require('./chunk-CDRGTUYF.cjs');
+
+
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
+
+// src/components/field-group/field-group-field.tsx
+var _react = require('react');
+
+// src/components/field-group/field-group.context.ts
+
+var FieldGroupContext = _react.createContext.call(void 0, null);
+FieldGroupContext.displayName = "XAUI.FieldGroup.Context";
+var FieldGroupProvider = FieldGroupContext.Provider;
+function useFieldGroup() {
+  const value = _react.useContext.call(void 0, FieldGroupContext);
+  if (value === null) {
+    throw new Error(
+      "XAUI: useFieldGroup must be called inside <FieldGroup>. It reads the widths the decorators measured, so it can only be called under one."
+    );
+  }
+  return value;
+}
+function useOptionalFieldGroup() {
+  return _react.useContext.call(void 0, FieldGroupContext);
+}
+
+// src/components/field-group/field-group.utils.ts
+function decoratorPadding(prefixWidth, suffixWidth) {
+  const paddingStart = prefixWidth > 0 ? prefixWidth : void 0;
+  const paddingEnd = suffixWidth > 0 ? suffixWidth : void 0;
+  if (paddingStart === void 0 && paddingEnd === void 0) return void 0;
+  return { paddingStart, paddingEnd };
+}
+
+// src/components/field-group/field-group-field.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var FieldGroupField = _react.forwardRef.call(void 0, 
+  function FieldGroupField2({ style, ...props }, ref) {
+    const { prefixWidth, suffixWidth } = useFieldGroup();
+    const padding = _react.useMemo.call(void 0, 
+      () => decoratorPadding(prefixWidth, suffixWidth),
+      [prefixWidth, suffixWidth]
+    );
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAXKDHX5Vcjs.TextFieldField, { ref, ...props, style: [padding, style] });
+  }
+);
+FieldGroupField.displayName = "XAUI.FieldGroup.Field";
+
+// src/components/field-group/field-group-icon.tsx
+
+function FieldGroupIcon({ size, color, ...rest }) {
+  const { icon } = _chunkAXKDHX5Vcjs.useTextField.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.Icon, { size: _nullishCoalesce(size, () => ( icon.size)), color: _nullishCoalesce(color, () => ( icon.color)), ...rest });
+}
+FieldGroupIcon.displayName = "XAUI.FieldGroup.Icon";
+
+// src/components/field-group/field-group-prefix.tsx
+
+
+// src/components/field-group/field-group-decorator.tsx
+
+var _reactnative = require('react-native');
+
+var FieldGroupDecorator = _react.forwardRef.call(void 0, 
+  function FieldGroupDecorator2({ side, children, isDecorative = false, onLayout, style, ...props }, ref) {
+    const { prefixStyle, suffixStyle, isDisabled } = _chunkAXKDHX5Vcjs.useTextField.call(void 0, );
+    const { setPrefixWidth, setSuffixWidth } = useFieldGroup();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    const report = side === "prefix" ? setPrefixWidth : setSuffixWidth;
+    const handleLayout = _react.useCallback.call(void 0, 
+      (event) => {
+        report(event.nativeEvent.layout.width);
+        _optionalChain([onLayout, 'optionalCall', _ => _(event)]);
+      },
+      [report, onLayout]
+    );
+    _react.useEffect.call(void 0, () => () => report(0), [report]);
+    const isInert = isDecorative || isDisabled;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnative.View,
+      {
+        ref,
+        accessibilityElementsHidden: isDecorative || void 0,
+        importantForAccessibility: isDecorative ? "no-hide-descendants" : void 0,
+        pointerEvents: isInert ? "none" : void 0,
+        ...rest,
+        style: [side === "prefix" ? prefixStyle : suffixStyle, styleProps, style],
+        onLayout: handleLayout,
+        children
+      }
+    );
+  }
+);
+FieldGroupDecorator.displayName = "XAUI.FieldGroup.Decorator";
+
+// src/components/field-group/field-group-prefix.tsx
+
+var FieldGroupPrefix = _react.forwardRef.call(void 0, 
+  function FieldGroupPrefix2(props, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FieldGroupDecorator, { ref, side: "prefix", ...props });
+  }
+);
+FieldGroupPrefix.displayName = "XAUI.FieldGroup.Prefix";
+
+// src/components/field-group/field-group-suffix.tsx
+
+
+var FieldGroupSuffix = _react.forwardRef.call(void 0, 
+  function FieldGroupSuffix2(props, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FieldGroupDecorator, { ref, side: "suffix", ...props });
+  }
+);
+FieldGroupSuffix.displayName = "XAUI.FieldGroup.Suffix";
+
+// src/components/field-group/field-group.tsx
+
+
+
+var FieldGroupRoot = _react.forwardRef.call(void 0, function FieldGroup({ children, asChild = false, style, ...props }, ref) {
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const [prefixWidth, setPrefixWidth] = _react.useState.call(void 0, 0);
+  const [suffixWidth, setSuffixWidth] = _react.useState.call(void 0, 0);
+  const context = _react.useMemo.call(void 0, 
+    () => ({ prefixWidth, suffixWidth, setPrefixWidth, setSuffixWidth }),
+    [prefixWidth, suffixWidth]
+  );
+  const rootStyle = [styleProps, style];
+  const surface = asChild ? (
+    // R12 — the caller's element *is* the row.
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDRGTUYFcjs.Slot, { ref, ...rest, style: rootStyle, children })
+  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, ...rest, style: rootStyle, children });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FieldGroupProvider, { value: context, children: surface });
+});
+FieldGroupRoot.displayName = "XAUI.FieldGroup.Root";
+
+// src/components/field-group/index.ts
+var FieldGroup2 = Object.assign(FieldGroupRoot, {
+  Prefix: FieldGroupPrefix,
+  Field: FieldGroupField,
+  Suffix: FieldGroupSuffix,
+  Icon: FieldGroupIcon
+});
+
+
+
+
+
+
+
+
+
+
+
+exports.useFieldGroup = useFieldGroup; exports.useOptionalFieldGroup = useOptionalFieldGroup; exports.decoratorPadding = decoratorPadding; exports.FieldGroupField = FieldGroupField; exports.FieldGroupIcon = FieldGroupIcon; exports.FieldGroupPrefix = FieldGroupPrefix; exports.FieldGroupSuffix = FieldGroupSuffix; exports.FieldGroupRoot = FieldGroupRoot; exports.FieldGroup = FieldGroup2;