@btndprojects/loam-ui-native 0.0.0-stage → 0.1.1

package/dist/chunk-CUMUNPXY.js

@@ -0,0 +1,128 @@
+import { useResolvedMotion } from './chunk-6N33LFQA.js';
+import * as React from 'react';
+import { StyleSheet, AccessibilityInfo, View, Text, Animated, Easing } from 'react-native';
+import { useLoamTheme } from '@btndprojects/loam-theme-native';
+import { jsx } from 'react/jsx-runtime';
+
+var DIGITS = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+function isDigit(ch) {
+  return ch >= "0" && ch <= "9";
+}
+function RollDigit({
+  digit,
+  index,
+  lineHeight,
+  glyphStyle,
+  animate,
+  duration,
+  easing,
+  stagger
+}) {
+  const anim = React.useRef(new Animated.Value(digit)).current;
+  const mounted = React.useRef(false);
+  React.useEffect(() => {
+    if (!mounted.current) {
+      mounted.current = true;
+      anim.setValue(digit);
+      return;
+    }
+    if (!animate) {
+      anim.setValue(digit);
+      return;
+    }
+    Animated.timing(anim, {
+      toValue: digit,
+      duration,
+      delay: index * stagger,
+      easing: Easing.bezier(easing[0], easing[1], easing[2], easing[3]),
+      useNativeDriver: true
+    }).start();
+  }, [digit, animate, duration, index, stagger, easing, anim]);
+  const translateY = Animated.multiply(anim, -lineHeight);
+  return /* @__PURE__ */ jsx(View, { style: { height: lineHeight, overflow: "hidden" }, children: /* @__PURE__ */ jsx(Animated.View, { style: { transform: [{ translateY }] }, children: DIGITS.map((d) => /* @__PURE__ */ jsx(Text, { style: [glyphStyle, { height: lineHeight, lineHeight }], children: d }, d)) }) });
+}
+function NumberRoll({
+  value,
+  format,
+  locale,
+  formatValue,
+  textStyle,
+  motion = "full",
+  animateOnMount = false,
+  announce = false,
+  decorative = false,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = useLoamTheme();
+  const resolved = useResolvedMotion(motion);
+  const canAnimate = resolved === "full";
+  const text = React.useMemo(() => {
+    if (formatValue) return formatValue(value);
+    if (format) return new Intl.NumberFormat(locale, format).format(value);
+    return String(value);
+  }, [formatValue, format, locale, value]);
+  const [ready, setReady] = React.useState(false);
+  React.useEffect(() => {
+    setReady(true);
+  }, []);
+  const animate = canAnimate && (ready || animateOnMount);
+  const rollInPending = animateOnMount && canAnimate && !ready;
+  React.useEffect(() => {
+    if (announce && !decorative) AccessibilityInfo.announceForAccessibility(text);
+  }, [announce, decorative, text]);
+  const flat = StyleSheet.flatten(textStyle) ?? {};
+  const fontSize = typeof flat.fontSize === "number" ? flat.fontSize : 16;
+  const lineHeight = typeof flat.lineHeight === "number" ? flat.lineHeight : Math.round(fontSize * 1.2);
+  const glyphStyle = {
+    ...flat,
+    lineHeight,
+    textAlign: "center",
+    fontVariant: ["tabular-nums"]
+  };
+  const springEasing = theme.motion.spring.easing;
+  const duration = theme.motion.spring.duration;
+  const stagger = theme.timing.stagger;
+  const tokens = React.useMemo(() => Array.from(text), [text]);
+  let digitIndex = 0;
+  const a11y = decorative ? { accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants" } : {
+    accessibilityRole: "text",
+    accessibilityLabel: accessibilityLabel ?? text,
+    accessibilityLiveRegion: announce ? "polite" : "none"
+  };
+  return /* @__PURE__ */ jsx(View, { style: [styles.row, style], testID, ...a11y, children: /* @__PURE__ */ jsx(
+    View,
+    {
+      style: styles.row,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      children: tokens.map((ch, i) => {
+        const key = String(tokens.length - 1 - i);
+        if (isDigit(ch)) {
+          const index = digitIndex++;
+          return /* @__PURE__ */ jsx(
+            RollDigit,
+            {
+              digit: rollInPending ? 0 : Number(ch),
+              index,
+              lineHeight,
+              glyphStyle,
+              animate,
+              duration,
+              easing: springEasing,
+              stagger
+            },
+            key
+          );
+        }
+        return /* @__PURE__ */ jsx(Text, { style: glyphStyle, children: ch }, key);
+      })
+    }
+  ) });
+}
+var styles = StyleSheet.create({
+  row: { flexDirection: "row", alignItems: "center" }
+});
+
+export { NumberRoll };

package/dist/chunk-CUS3ZSCU.js

@@ -0,0 +1 @@
+

package/dist/chunk-CYRBHQQZ.js

@@ -0,0 +1,411 @@
+import { Icon } from './chunk-TKVFVF5D.js';
+import * as React from 'react';
+import { View, Text, Pressable, Animated, Easing, PanResponder } from 'react-native';
+import { createStyleSheet, useStyles, useLoamTheme } from '@btndprojects/loam-theme-native';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var SEVERITY_ICON = {
+  info: "info",
+  success: "check-circle",
+  warning: "alert-triangle",
+  error: "alert-circle"
+};
+var SEVERITY_DURATION = {
+  info: 4e3,
+  success: 7e3,
+  warning: 7e3,
+  error: Number.POSITIVE_INFINITY
+};
+function severityColors(theme, severity) {
+  switch (severity) {
+    case "success":
+      return { glyph: theme.color.goodOnSoft, soft: theme.color.goodSoft, edge: theme.edge.good };
+    case "warning":
+      return { glyph: theme.color.warnOnSoft, soft: theme.color.warnSoft, edge: theme.edge.warn };
+    case "error":
+      return {
+        glyph: theme.color.dangerOnSoft,
+        soft: theme.color.dangerSoft,
+        edge: theme.edge.danger
+      };
+    default:
+      return { glyph: theme.color.infoOnSoft, soft: theme.color.infoSoft, edge: theme.edge.info };
+  }
+}
+function ToastCard({
+  message,
+  severity = "info",
+  action,
+  countdown,
+  onPress
+}) {
+  const { styles } = useStyles(sheet);
+  const theme = useLoamTheme();
+  const colors = severityColors(theme, severity);
+  const actionHitSlop = Math.max(0, Math.round((theme.tapMin - theme.ctl.sm) / 2));
+  const copy = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      View,
+      {
+        style: [styles.disc, { backgroundColor: colors.soft, borderColor: colors.edge }],
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no-hide-descendants",
+        children: /* @__PURE__ */ jsx(Icon, { name: SEVERITY_ICON[severity], size: theme.icon.sm, color: colors.glyph })
+      }
+    ),
+    /* @__PURE__ */ jsx(Text, { style: styles.message, children: message })
+  ] });
+  return /* @__PURE__ */ jsxs(View, { style: styles.card, children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.body, children: [
+      onPress ? /* @__PURE__ */ jsx(
+        Pressable,
+        {
+          accessibilityRole: "button",
+          accessibilityLabel: "Dismiss",
+          onPress,
+          style: styles.copyRegion,
+          children: copy
+        }
+      ) : /* @__PURE__ */ jsx(View, { style: styles.copyRegion, children: copy }),
+      action ? /* @__PURE__ */ jsx(
+        Pressable,
+        {
+          accessibilityRole: "button",
+          accessibilityLabel: action.label,
+          onPress: action.onPress,
+          hitSlop: actionHitSlop,
+          style: styles.action,
+          children: /* @__PURE__ */ jsx(Text, { style: styles.actionLabel, children: action.label })
+        }
+      ) : null
+    ] }),
+    countdown ? /* @__PURE__ */ jsx(View, { style: styles.countdownTrack, children: countdown }) : null
+  ] });
+}
+var TRAVEL = 12;
+function Toast({
+  message,
+  severity = "info",
+  action,
+  open = true,
+  duration,
+  onDismiss,
+  countdown = false,
+  motion = "full",
+  safeAreaTop = 0
+}) {
+  const theme = useLoamTheme();
+  const { styles } = useStyles(sheet);
+  const reduced = theme.reduceMotion || motion === "reduced";
+  const instant = motion === "none";
+  const offset = reduced || instant ? 0 : TRAVEL;
+  const resolvedDuration = duration ?? SEVERITY_DURATION[severity];
+  const progress = React.useRef(new Animated.Value(open ? 1 : 0)).current;
+  const enterEasing = React.useMemo(
+    () => Easing.bezier(...theme.motion.enter.easing),
+    [theme.motion.enter.easing]
+  );
+  const exitEasing = React.useMemo(
+    () => Easing.bezier(...theme.motion.exit.easing),
+    [theme.motion.exit.easing]
+  );
+  const dismissedRef = React.useRef(false);
+  const onDismissRef = React.useRef(onDismiss);
+  onDismissRef.current = onDismiss;
+  const requestDismiss = React.useCallback(() => {
+    if (dismissedRef.current) return;
+    dismissedRef.current = true;
+    onDismissRef.current?.();
+  }, []);
+  React.useEffect(() => {
+    if (open) {
+      dismissedRef.current = false;
+      if (instant) {
+        progress.setValue(1);
+        return;
+      }
+      Animated.timing(progress, {
+        toValue: 1,
+        duration: theme.motion.enter.duration,
+        easing: enterEasing,
+        useNativeDriver: true
+      }).start();
+    } else {
+      if (instant) {
+        progress.setValue(0);
+        return;
+      }
+      Animated.timing(progress, {
+        toValue: 0,
+        duration: theme.motion.exit.duration,
+        easing: exitEasing,
+        useNativeDriver: true
+      }).start();
+    }
+  }, [
+    open,
+    instant,
+    progress,
+    enterEasing,
+    exitEasing,
+    theme.motion.enter.duration,
+    theme.motion.exit.duration
+  ]);
+  React.useEffect(() => {
+    if (!open || !Number.isFinite(resolvedDuration)) return;
+    const id = setTimeout(requestDismiss, resolvedDuration);
+    return () => clearTimeout(id);
+  }, [open, resolvedDuration, requestDismiss]);
+  const [barWidth, setBarWidth] = React.useState(0);
+  const showCountdown = countdown && Number.isFinite(resolvedDuration) && !reduced && !instant;
+  const countdownX = React.useRef(new Animated.Value(0)).current;
+  React.useEffect(() => {
+    if (!open || !showCountdown || barWidth <= 0) return;
+    countdownX.setValue(0);
+    Animated.timing(countdownX, {
+      toValue: -barWidth,
+      duration: resolvedDuration,
+      easing: Easing.linear,
+      useNativeDriver: true
+    }).start();
+  }, [open, showCountdown, barWidth, resolvedDuration, countdownX]);
+  const onCardLayout = (e) => setBarWidth(e.nativeEvent.layout.width);
+  const pan = React.useRef(
+    // eslint-disable-next-line loam/no-pan-responder
+    PanResponder.create({
+      onMoveShouldSetPanResponder: (_e, g) => g.dy < -2 && Math.abs(g.dy) > Math.abs(g.dx),
+      onPanResponderMove: (_e, g) => {
+        const up = Math.min(0, g.dy);
+        progress.setValue(Math.max(0, 1 + up / 80));
+      },
+      onPanResponderRelease: (_e, g) => {
+        if (g.dy < -32 || g.vy < -0.5) {
+          requestDismiss();
+        } else {
+          Animated.timing(progress, {
+            toValue: 1,
+            duration: theme.motion.exit.duration,
+            easing: exitEasing,
+            useNativeDriver: true
+          }).start();
+        }
+      }
+    })
+  ).current;
+  const translateY = progress.interpolate({
+    inputRange: [0, 1],
+    outputRange: [-offset, 0]
+  });
+  const bar = showCountdown ? /* @__PURE__ */ jsx(
+    Animated.View,
+    {
+      style: [
+        styles.countdownBar,
+        {
+          backgroundColor: severityColors(theme, severity).edge,
+          transform: [{ translateX: countdownX }]
+        }
+      ]
+    }
+  ) : null;
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      style: [styles.root, { paddingTop: safeAreaTop + theme.space.s2 }],
+      pointerEvents: "box-none",
+      children: /* @__PURE__ */ jsx(
+        Animated.View,
+        {
+          accessibilityRole: "alert",
+          accessibilityLiveRegion: severity === "error" ? "assertive" : "polite",
+          style: [styles.animated, { opacity: progress, transform: [{ translateY }] }],
+          pointerEvents: open ? "auto" : "none",
+          onLayout: onCardLayout,
+          ...pan.panHandlers,
+          children: /* @__PURE__ */ jsx(
+            ToastCard,
+            {
+              message,
+              severity,
+              action,
+              countdown: bar,
+              onPress: requestDismiss
+            }
+          )
+        }
+      )
+    }
+  );
+}
+var ToastContext = React.createContext(null);
+var REMOVE_DELAY = 320;
+var idCounter = 0;
+var nextId = () => `loam-toast-${++idCounter}`;
+function ToastProvider({
+  children,
+  safeAreaTop = 0,
+  motion = "full"
+}) {
+  const [queue, setQueue] = React.useState([]);
+  const timers = React.useRef(/* @__PURE__ */ new Map());
+  const remove = React.useCallback((id) => {
+    setQueue((prev) => prev.filter((t) => t.id !== id));
+    const timer = timers.current.get(id);
+    if (timer) {
+      clearTimeout(timer);
+      timers.current.delete(id);
+    }
+  }, []);
+  const close = React.useCallback(
+    (id) => {
+      setQueue((prev) => prev.map((t) => t.id === id ? { ...t, open: false } : t));
+      if (!timers.current.has(id)) {
+        timers.current.set(
+          id,
+          setTimeout(() => remove(id), REMOVE_DELAY)
+        );
+      }
+    },
+    [remove]
+  );
+  const controls = React.useMemo(
+    () => ({
+      show: (options) => {
+        const id = nextId();
+        setQueue((prev) => [...prev, { ...options, id, open: true }]);
+        return id;
+      },
+      dismiss: (id) => {
+        setQueue((prev) => {
+          const target = id ?? prev.find((t) => t.open)?.id;
+          if (target && !timers.current.has(target)) {
+            timers.current.set(
+              target,
+              setTimeout(() => remove(target), REMOVE_DELAY)
+            );
+          }
+          return prev.map((t) => t.id === target ? { ...t, open: false } : t);
+        });
+      }
+    }),
+    [remove]
+  );
+  React.useEffect(() => {
+    const map = timers.current;
+    return () => {
+      for (const timer of map.values()) clearTimeout(timer);
+      map.clear();
+    };
+  }, []);
+  const current = queue[0];
+  return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: controls, children: [
+    children,
+    current ? /* @__PURE__ */ jsx(
+      Toast,
+      {
+        open: current.open,
+        message: current.message,
+        severity: current.severity,
+        action: current.action,
+        duration: current.duration,
+        countdown: current.countdown,
+        motion,
+        safeAreaTop,
+        onDismiss: () => close(current.id)
+      },
+      current.id
+    ) : null
+  ] });
+}
+function useToast() {
+  const ctx = React.useContext(ToastContext);
+  if (!ctx) {
+    throw new Error("useToast must be used within a <ToastProvider>.");
+  }
+  return ctx;
+}
+var TOAST_MAX_W = 480;
+var sheet = createStyleSheet((theme) => ({
+  // Full-bleed top overlay; `box-none` so touches pass through the empty gutters.
+  root: {
+    position: "absolute",
+    top: 0,
+    start: 0,
+    end: 0,
+    zIndex: theme.z.toast,
+    paddingHorizontal: theme.space.s4,
+    alignItems: "center"
+  },
+  animated: {
+    width: "100%",
+    maxWidth: TOAST_MAX_W
+  },
+  // The surface card. `overflow: hidden` clips the countdown bar to the radius.
+  card: {
+    borderRadius: theme.radius.lg,
+    borderWidth: theme.borderWidth.base,
+    borderColor: theme.color.border,
+    backgroundColor: theme.color.surface,
+    overflow: "hidden",
+    ...theme.shadow.lg
+  },
+  body: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: theme.space.s3,
+    paddingVertical: theme.space.s3,
+    paddingHorizontal: theme.space.s4
+  },
+  // The tap-to-dismiss region: icon + message. `flex: 1` lets it absorb the
+  // width so the action sits flush at the trailing edge.
+  copyRegion: {
+    flex: 1,
+    minWidth: 0,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: theme.space.s3
+  },
+  disc: {
+    width: theme.space[32],
+    height: theme.space[32],
+    borderRadius: theme.radius.full,
+    borderWidth: theme.borderWidth.base,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  // `flex: 1` + `minWidth: 0` lets the message wrap instead of shoving the action off-card.
+  message: {
+    flex: 1,
+    minWidth: 0,
+    fontFamily: theme.font.sans,
+    fontSize: theme.type.subheadline.fontSize,
+    lineHeight: theme.type.subheadline.lineHeight,
+    color: theme.color.text
+  },
+  action: {
+    flexShrink: 0,
+    paddingHorizontal: theme.space.s2,
+    paddingVertical: theme.space.s1,
+    borderRadius: theme.radius.sm
+  },
+  actionLabel: {
+    fontFamily: theme.font.sans,
+    fontWeight: theme.fontWeight.bold,
+    fontSize: theme.type.footnote.fontSize,
+    color: theme.color.accentStrong
+  },
+  countdownTrack: {
+    position: "absolute",
+    bottom: 0,
+    start: 0,
+    end: 0,
+    height: theme.space[3],
+    overflow: "hidden"
+  },
+  countdownBar: {
+    width: "100%",
+    height: theme.space[3]
+  }
+}));
+
+export { SEVERITY_DURATION, Toast, ToastCard, ToastProvider, useToast };

package/dist/chunk-DHWADYZX.js

@@ -0,0 +1,144 @@
+import { Avatar } from './chunk-QDYDBCFP.js';
+import * as React from 'react';
+import { Animated, Easing, View, Text, Pressable } from 'react-native';
+import { createStyleSheet, useStyles, useLoamTheme } from '@btndprojects/loam-theme-native';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var SIZE_PX = { xs: 28, sm: 36, md: 48, lg: 60, xl: 76 };
+function summarise(avatars, visibleCount) {
+  const total = avatars.length;
+  if (total === 0) return "No people";
+  const noun = total === 1 ? "person" : "people";
+  const names = avatars.slice(0, visibleCount).map((a) => a.name);
+  const hidden = total - visibleCount;
+  const parts = hidden > 0 ? [...names, `+${hidden}`] : names;
+  return `${total} ${noun}: ${parts.join(", ")}`;
+}
+function AvatarStack({
+  avatars,
+  max = 4,
+  size = "md",
+  onPress,
+  ring = true,
+  motion = "reduced",
+  label
+}) {
+  const { styles } = useStyles(sheet, { size });
+  const theme = useLoamTheme();
+  const dim = SIZE_PX[size];
+  const overlap = Math.round(dim * 0.3);
+  const ringWidth = theme.borderWidth.thick;
+  const visible = avatars.slice(0, Math.max(0, max));
+  const hidden = avatars.length - visible.length;
+  const summary = label ?? summarise(avatars, visible.length);
+  const cellCount = visible.length + (hidden > 0 ? 1 : 0);
+  const pressAnimated = Boolean(onPress) && motion !== "none" && !theme.reduceMotion;
+  const scale = React.useRef(new Animated.Value(1)).current;
+  const springTo = (to) => Animated.spring(scale, {
+    toValue: to,
+    useNativeDriver: true,
+    speed: 40,
+    bounciness: 6
+  }).start();
+  const staggerAnimated = motion === "full" && !theme.reduceMotion;
+  const enter = React.useMemo(
+    () => Array.from({ length: cellCount }, () => new Animated.Value(staggerAnimated ? 0 : 1)),
+    [cellCount, staggerAnimated]
+  );
+  const enterEasing = React.useMemo(
+    () => Easing.bezier(...theme.motion.enter.easing),
+    [theme.motion.enter.easing]
+  );
+  React.useEffect(() => {
+    if (!staggerAnimated) return;
+    Animated.stagger(
+      Math.max(1, theme.motion.enter.duration / 3),
+      enter.map(
+        (v) => Animated.timing(v, {
+          toValue: 1,
+          duration: theme.motion.enter.duration,
+          easing: enterEasing,
+          useNativeDriver: true
+        })
+      )
+    ).start();
+  }, [staggerAnimated, enter, enterEasing, theme.motion.enter.duration]);
+  const cellStyle = (index) => ({
+    marginStart: index === 0 ? 0 : -overlap,
+    ...ring ? {
+      backgroundColor: theme.color.surface,
+      borderRadius: theme.radius.full,
+      padding: ringWidth
+    } : null
+  });
+  const enterStyle = (index) => {
+    const v = enter[index];
+    if (!staggerAnimated || !v) return {};
+    return {
+      opacity: v,
+      transform: [{ translateX: v.interpolate({ inputRange: [0, 1], outputRange: [overlap, 0] }) }]
+    };
+  };
+  const content = /* @__PURE__ */ jsxs(Animated.View, { style: [styles.row, pressAnimated ? { transform: [{ scale }] } : null], children: [
+    visible.map((a, i) => /* @__PURE__ */ jsx(Animated.View, { style: [cellStyle(i), enterStyle(i)], children: /* @__PURE__ */ jsx(Avatar, { name: a.name, src: a.src, size }) }, a.id)),
+    hidden > 0 ? /* @__PURE__ */ jsx(Animated.View, { style: [cellStyle(visible.length), enterStyle(visible.length)], children: /* @__PURE__ */ jsx(View, { style: styles.chip, children: /* @__PURE__ */ jsxs(Text, { style: styles.chipText, children: [
+      "+",
+      hidden
+    ] }) }) }) : null
+  ] });
+  if (onPress) {
+    return /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        accessibilityRole: "button",
+        accessibilityLabel: summary,
+        onPress,
+        onPressIn: pressAnimated ? () => springTo(0.97) : void 0,
+        onPressOut: pressAnimated ? () => springTo(1) : void 0,
+        style: styles.pressable,
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(View, { accessible: true, accessibilityLabel: summary, style: styles.pressable, children: content });
+}
+var sheet = createStyleSheet((theme) => ({
+  // `alignSelf: 'flex-start'` so the stack hugs its avatars instead of stretching
+  // across the parent and letting taps land on empty space.
+  pressable: { alignSelf: "flex-start" },
+  row: { flexDirection: "row", alignItems: "center" },
+  // The `+N` chip: a same-sized circle in the neutral surface-2 fill, mirroring
+  // the overflow bubble the lightweight AvatarGroup draws.
+  chip: {
+    alignItems: "center",
+    justifyContent: "center",
+    overflow: "hidden",
+    borderRadius: theme.radius.full,
+    backgroundColor: theme.color.surface2,
+    variants: {
+      size: {
+        xs: { width: theme.space[28], height: theme.space[28] },
+        sm: { width: theme.space[36], height: theme.space[36] },
+        md: { width: theme.space[48], height: theme.space[48] },
+        lg: { width: theme.space[60], height: theme.space[60] },
+        xl: { width: theme.space[76], height: theme.space[76] }
+      }
+    }
+  },
+  chipText: {
+    fontFamily: theme.font.sans,
+    fontWeight: theme.fontWeight.bold,
+    color: theme.color.text2,
+    variants: {
+      size: {
+        xs: { fontSize: theme.fontSize[9] },
+        sm: { fontSize: theme.fontSize[12] },
+        md: { fontSize: theme.fontSize[16] },
+        lg: { fontSize: theme.fontSize[20] },
+        xl: { fontSize: theme.fontSize[25] }
+      }
+    }
+  }
+}));
+
+export { AvatarStack };

package/dist/chunk-DKCSPATL.js

@@ -0,0 +1 @@
+