@btndprojects/loam-ui-native 0.1.1 → 0.3.1

package/dist/{chunk-P23EQNRQ.js → chunk-ZYQ23DPT.js}

@@ -1,20 +1,29 @@
-import { useTourHost, useTourInsets, useAnchorRect, Beacon } from './chunk-JUAMLEHX.js';
-import { Icon } from './chunk-TKVFVF5D.js';
+import { useTourHost, useTourInsets, useAnchorRect, Beacon } from './chunk-36DA3IPO.js';
+import { useLabels } from './chunk-APCWFOZW.js';
+import { Icon } from './chunk-PCEFCOLN.js';
+import { springConfig } from './chunk-J64KGCGX.js';
 import * as React from 'react';
-import { View, Pressable, Animated, Easing, Text, LayoutAnimation } from 'react-native';
+import { View, Pressable, Animated, Easing, Text, BackHandler, Platform, findNodeHandle, AccessibilityInfo, LayoutAnimation } from 'react-native';
 import { createStyleSheet, useStyles, useLoamTheme } from '@btndprojects/loam-theme-native';
 import { resolveAnchoredPosition, centreInContainer } from '@btndprojects/loam-engage';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
+var DEFAULT_LABELS = {
+  dismiss: "Dismiss",
+  step: (step, title) => `Step ${step}${title ? `: ${title}` : ""}`
+};
 function CoachmarkDots({
   total,
   index,
   onSelect,
-  stepLabel = "Step",
-  titles
+  stepLabel,
+  titles,
+  labels: labelsProp
 }) {
+  const labels = useLabels("coachmark", DEFAULT_LABELS, labelsProp);
   const { styles } = useStyles(sheet);
-  const theme = useLoamTheme();
+  const theme = useLoamTheme("coachmark");
+  const dotSlopY = Math.max(0, Math.round((theme.tapMin - theme.space[7]) / 2));
   return /* @__PURE__ */ jsx(View, { style: styles.dots, children: Array.from({ length: total }, (_, i) => {
     const done = i < index;
     const now = i === index;
@@ -23,13 +32,19 @@ function CoachmarkDots({
       Pressable,
       {
         accessibilityRole: "button",
-        accessibilityLabel: `${stepLabel} ${i + 1}${title ? `: ${title}` : ""}`,
+        accessibilityLabel: stepLabel !== void 0 ? `${stepLabel} ${i + 1}${title ? `: ${title}` : ""}` : labels.step(i + 1, title),
         accessibilityState: { selected: now, disabled: !done || !onSelect },
         disabled: !done || !onSelect,
         onPress: done && onSelect ? () => onSelect(i) : void 0,
-        hitSlop: theme.space[10],
-        style: [
+        hitSlop: {
+          top: dotSlopY,
+          bottom: dotSlopY,
+          left: theme.space[3],
+          right: theme.space[3]
+        },
+        style: ({ pressed }) => [
           styles.dot,
+          pressed ? { opacity: theme.state.pressedOpacity } : null,
           now ? { width: theme.space[20], backgroundColor: theme.color.accent } : { backgroundColor: done ? theme.color.text3 : theme.color.borderStrong }
         ]
       },
@@ -37,12 +52,15 @@ function CoachmarkDots({
     );
   }) });
 }
-function CoachmarkHint({ children, motion = "full" }) {
-  const theme = useLoamTheme();
+function CoachmarkHint({
+  children,
+  motion = "full"
+}) {
+  const theme = useLoamTheme("coachmark");
   const { styles } = useStyles(sheet);
   const blink = React.useRef(new Animated.Value(1)).current;
   React.useEffect(() => {
-    if (motion === "none") return;
+    if (motion === "none" || theme.reduceMotion) return;
     const loop = Animated.loop(
       Animated.sequence([
         Animated.timing(blink, {
@@ -61,7 +79,7 @@ function CoachmarkHint({ children, motion = "full" }) {
     );
     loop.start();
     return () => loop.stop();
-  }, [motion, blink, theme.loop.pulse]);
+  }, [motion, blink, theme.loop.pulse, theme.reduceMotion]);
   return /* @__PURE__ */ jsxs(View, { accessibilityRole: "text", accessibilityLiveRegion: "polite", style: styles.hint, children: [
     /* @__PURE__ */ jsx(Animated.View, { style: [styles.hintDot, { opacity: blink }] }),
     /* @__PURE__ */ jsx(Text, { style: styles.hintText, children })
@@ -90,31 +108,113 @@ function Coachmark({
   actions,
   headerActions,
   onClose,
-  closeLabel = "Dismiss",
+  closeLabel,
   arrow = true,
   width,
-  motion = "full"
+  motion = "full",
+  labels: labelsProp,
+  titleStyle,
+  bodyStyle,
+  dockOffset,
+  presentation = "anchored"
 }) {
-  const theme = useLoamTheme();
+  const labels = useLabels("coachmark", DEFAULT_LABELS, labelsProp);
+  const theme = useLoamTheme("coachmark");
   const { styles } = useStyles(sheet);
   const host = useTourHost();
   const insets = useTourInsets();
-  const mode = variant ?? (target != null ? "docked" : "centered");
+  const asSheet = presentation === "sheet";
+  const mode = asSheet ? "docked" : variant ?? (target != null ? "docked" : "centered");
   const rect = useAnchorRect(mode === "anchored" ? target ?? null : null);
   const [size, setSize] = React.useState(null);
   const fade = React.useRef(new Animated.Value(0)).current;
   const animate = motion === "full" && !theme.reduceMotion;
+  const grow = React.useRef(new Animated.Value(0)).current;
+  const visible = mode !== "anchored" || size !== null;
+  const cardRef = React.useRef(null);
+  const titleRef = React.useRef(null);
+  React.useEffect(() => {
+    if (!onClose) return;
+    const sub = BackHandler.addEventListener("hardwareBackPress", () => {
+      onClose();
+      return true;
+    });
+    return () => sub.remove();
+  }, [onClose]);
+  const titleId = React.useId();
+  React.useEffect(() => {
+    if (Platform.OS !== "web" || typeof document === "undefined") return;
+    const before = document.activeElement;
+    return () => {
+      if (before?.isConnected) before.focus?.();
+    };
+  }, []);
+  React.useEffect(() => {
+    if (!visible) return;
+    if (Platform.OS === "web") {
+      cardRef.current?.focus?.({ preventScroll: true });
+      return;
+    }
+    const node = findNodeHandle(titleRef.current ?? cardRef.current);
+    if (node != null) AccessibilityInfo.setAccessibilityFocus(node);
+  }, [visible, title]);
+  React.useEffect(() => {
+    if (Platform.OS !== "web" || !onClose || typeof document === "undefined") return;
+    const onKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [onClose]);
+  const glide = React.useRef(new Animated.ValueXY({ x: 0, y: 0 })).current;
+  const glideNow = React.useRef({ x: 0, y: 0 });
+  React.useEffect(() => {
+    const id = glide.addListener((v) => {
+      glideNow.current = v;
+    });
+    return () => glide.removeListener(id);
+  }, [glide]);
+  const spot = mode === "anchored" && rect && size ? resolveAnchoredPosition(rect, size, placement, gap) : null;
+  const lastSpot = React.useRef(null);
+  React.useEffect(() => {
+    if (!spot) return;
+    const last = lastSpot.current;
+    lastSpot.current = { left: spot.left, top: spot.top };
+    if (!last || !animate || last.left === spot.left && last.top === spot.top) return;
+    glide.stopAnimation();
+    glide.setValue({
+      x: last.left + glideNow.current.x - spot.left,
+      y: last.top + glideNow.current.y - spot.top
+    });
+    Animated.spring(glide, {
+      ...springConfig(theme, "ds"),
+      toValue: { x: 0, y: 0 },
+      useNativeDriver: true
+    }).start();
+  }, [spot?.left, spot?.top, animate, glide, theme]);
   React.useEffect(() => {
+    if (!visible) return;
     Animated.timing(fade, {
       toValue: 1,
-      duration: animate ? theme.motion.enter.duration : 0,
+      duration: animate ? theme.spring.de.duration : theme.reduceMotion ? theme.duration.fast : 0,
       easing: Easing.bezier(...theme.motion.enter.easing),
       useNativeDriver: true
     }).start();
-  }, [fade, animate, theme.motion.enter]);
+    if (animate) {
+      Animated.spring(grow, {
+        ...springConfig(theme, "fs"),
+        toValue: 1,
+        useNativeDriver: true
+      }).start();
+    } else {
+      grow.setValue(1);
+    }
+  }, [fade, grow, animate, visible, theme]);
   const onLayout = (e) => {
     const next = { width: e.nativeEvent.layout.width, height: e.nativeEvent.layout.height };
-    setSize((prev) => prev && prev.width === next.width && prev.height === next.height ? prev : next);
+    setSize(
+      (prev) => prev && prev.width === next.width && prev.height === next.height ? prev : next
+    );
   };
   const hostWidth = host?.size.current?.width ?? 0;
   const requested = width ?? theme.panel.lg;
@@ -145,23 +245,71 @@ function Coachmark({
   } else if (mode === "docked") {
     position = {
       position: "absolute",
-      left: theme.space[10] + insets.left,
-      right: theme.space[10] + insets.right,
+      left: asSheet ? insets.left : theme.space[10] + insets.left,
+      right: asSheet ? insets.right : theme.space[10] + insets.right,
       // Safe-area insets are the host app's to supply — `react-native-safe-area-context`
       // reports them and a token cannot — but they no longer have to be applied by hand:
       // `TourHost` takes an `insets` prop and this reads it. Zero when none is given, so
       // the arithmetic is unconditional and correct on a device with no home indicator.
-      bottom: theme.space[14] + insets.bottom
+      bottom: (asSheet ? 0 : dockOffset ?? theme.space[14]) + insets.bottom,
+      ...asSheet ? {
+        borderBottomLeftRadius: 0,
+        borderBottomRightRadius: 0
+      } : null
     };
   }
+  const facing = mode === "anchored" && placed ? placed.side : mode === "docked" ? "top" : null;
+  const START = 0.92;
+  const enterTransform = animate && size ? {
+    transform: [
+      ...facing === "bottom" || facing === "top" ? [
+        {
+          translateY: grow.interpolate({
+            inputRange: [0, 1],
+            outputRange: [
+              (facing === "bottom" ? -1 : 1) * (1 - START) * size.height / 2,
+              0
+            ]
+          })
+        }
+      ] : facing === "left" || facing === "right" ? [
+        {
+          translateX: grow.interpolate({
+            inputRange: [0, 1],
+            outputRange: [
+              (facing === "right" ? -1 : 1) * (1 - START) * size.width / 2,
+              0
+            ]
+          })
+        }
+      ] : [],
+      { scale: grow.interpolate({ inputRange: [0, 1], outputRange: [START, 1] }) },
+      { translateX: glide.x },
+      { translateY: glide.y }
+    ]
+  } : void 0;
   return /* @__PURE__ */ jsxs(
     Animated.View,
     {
-      accessibilityRole: "alert",
+      ref: cardRef,
       accessibilityViewIsModal: false,
-      accessibilityLabel: title,
+      accessibilityActions: onClose ? [{ name: "escape" }] : void 0,
+      onAccessibilityAction: (e) => {
+        if (e.nativeEvent.actionName === "escape") onClose?.();
+      },
+      ...Platform.OS === "web" ? {
+        role: "dialog",
+        "aria-modal": false,
+        "aria-labelledby": title ? titleId : void 0,
+        tabIndex: -1
+      } : null,
       onLayout,
-      style: [styles.card, position, { opacity: position?.opacity === 0 ? 0 : fade }],
+      style: [
+        styles.card,
+        position,
+        { opacity: position?.opacity === 0 ? 0 : fade },
+        enterTransform
+      ],
       children: [
         mode === "anchored" && arrow && placed?.measured ? /* @__PURE__ */ jsx(CoachmarkArrow, { side: placed.side, offset: placed.arrowOffset }) : null,
         kicker || counter || headerActions || onClose ? /* @__PURE__ */ jsxs(View, { style: styles.header, children: [
@@ -172,21 +320,25 @@ function Coachmark({
             Pressable,
             {
               accessibilityRole: "button",
-              accessibilityLabel: closeLabel,
+              accessibilityLabel: closeLabel ?? labels.dismiss,
               onPress: onClose,
               hitSlop: theme.space[10],
-              style: [styles.iconButton, !kicker && !counter && !headerActions ? styles.pushEnd : null],
+              style: ({ pressed }) => [
+                styles.iconButton,
+                !kicker && !counter && !headerActions ? styles.pushEnd : null,
+                pressed ? { backgroundColor: theme.state.pressed } : null
+              ],
               children: /* @__PURE__ */ jsx(Icon, { name: "x", size: theme.icon.sm, color: theme.color.text3 })
             }
           ) : null
         ] }) : null,
-        title ? /* @__PURE__ */ jsx(Text, { style: styles.title, children: title }) : null,
-        body ? /* @__PURE__ */ jsx(Text, { style: styles.body, children: body }) : null,
+        title ? /* @__PURE__ */ jsx(Text, { ref: titleRef, nativeID: titleId, accessibilityRole: "header", style: [styles.title, titleStyle], children: title }) : null,
+        body ? /* @__PURE__ */ jsx(Text, { style: [styles.body, bodyStyle], children: body }) : null,
         media,
         children,
         hint ? /* @__PURE__ */ jsx(CoachmarkHint, { motion, children: hint }) : null,
         dots || actions ? /* @__PURE__ */ jsxs(View, { style: styles.footer, children: [
-          dots ? /* @__PURE__ */ jsx(CoachmarkDots, { ...dots }) : null,
+          dots ? /* @__PURE__ */ jsx(CoachmarkDots, { labels: labelsProp, ...dots }) : null,
           /* @__PURE__ */ jsx(View, { style: [styles.footerActions, dots ? styles.pushEnd : styles.pushEnd], children: actions })
         ] }) : null
       ]
@@ -206,9 +358,12 @@ function Hotspot({
   defaultOpen = false,
   onOpenChange,
   onSpent,
-  motion = "full"
+  motion = "full",
+  size = "lg",
+  presentation = "anchored",
+  labels
 }) {
-  const theme = useLoamTheme();
+  const theme = useLoamTheme("coachmark");
   const [uncontrolled, setUncontrolled] = React.useState(defaultOpen);
   const open = openProp ?? uncontrolled;
   const [opened, setOpened] = React.useState(defaultOpen);
@@ -242,8 +397,11 @@ function Hotspot({
         title,
         body,
         motion,
+        width: theme.panel[size],
+        presentation,
         onClose: () => setOpen(false),
-        actions: action
+        actions: action,
+        labels
       }
     ) : null
   ] });
@@ -256,7 +414,8 @@ var sheet = createStyleSheet((theme) => ({
     borderColor: theme.color.border,
     padding: theme.space[16],
     gap: theme.space[10],
-    ...theme.shadow.lg
+    // Non-modal, so the popover elevation rather than the dialog's.
+    ...theme.shadow.md
   },
   arrow: {
     position: "absolute",
@@ -267,14 +426,12 @@ var sheet = createStyleSheet((theme) => ({
     borderColor: theme.color.border,
     transform: [{ rotate: "45deg" }]
   },
-  header: { flexDirection: "row", alignItems: "center", gap: theme.space[9] },
+  header: { flexDirection: "row", alignItems: "center", gap: theme.space[8] },
   headerActions: { flexDirection: "row", alignItems: "center", gap: theme.space[2] },
-  pushEnd: { marginLeft: "auto" },
+  pushEnd: { marginStart: "auto" },
   kicker: {
-    fontFamily: theme.font.mono,
-    fontSize: theme.type.caption2.fontSize,
-    letterSpacing: theme.tracking.caps,
-    textTransform: "uppercase",
+    ...theme.type.overline,
+    fontFamily: theme.font.sans,
     color: theme.color.accentStrong
   },
   counter: {
@@ -283,12 +440,13 @@ var sheet = createStyleSheet((theme) => ({
     color: theme.color.text3,
     fontVariant: ["tabular-nums"]
   },
+  // A ghost icon Button sm: its square, its corner, its pressed layer.
   iconButton: {
     width: theme.ctl.sm,
     height: theme.ctl.sm,
     alignItems: "center",
     justifyContent: "center",
-    borderRadius: theme.radius.full
+    borderRadius: theme.ctl.r.sm
   },
   title: {
     fontFamily: theme.font.display,
@@ -308,9 +466,12 @@ var sheet = createStyleSheet((theme) => ({
     alignSelf: "flex-start",
     flexDirection: "row",
     alignItems: "center",
+    // iOS / Android: the tonal Chip sm 30 (Refinement 36, Final 09 iOS row),
+    // ps 10 pe 12. The web hint is the 24 surface-2 chip.
     gap: theme.space[7],
-    paddingVertical: theme.space[5],
-    paddingHorizontal: theme.space[11],
+    height: theme.ctl.sm,
+    paddingStart: theme.space[10],
+    paddingEnd: theme.space[12],
     borderRadius: theme.radius.full,
     backgroundColor: theme.color.accentSoft,
     borderWidth: theme.borderWidth.thin,
@@ -322,14 +483,19 @@ var sheet = createStyleSheet((theme) => ({
     borderRadius: theme.radius.full,
     backgroundColor: theme.color.accentOnSoft
   },
+  // Chip sm label: 13 / 500, sentence case.
   hintText: {
-    fontFamily: theme.font.mono,
-    fontSize: theme.type.caption2.fontSize,
-    letterSpacing: theme.tracking.caps,
-    textTransform: "uppercase",
+    fontFamily: theme.font.sans,
+    fontSize: theme.fontSize[13],
+    fontWeight: theme.fontWeight.medium,
     color: theme.color.accentOnSoft
   },
-  footer: { flexDirection: "row", alignItems: "center", gap: theme.space[8], marginTop: theme.space[2] },
+  footer: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: theme.space[8],
+    marginTop: theme.space[2]
+  },
   footerActions: { flexDirection: "row", alignItems: "center", gap: theme.space[8] },
   dots: { flexDirection: "row", alignItems: "center", gap: theme.space[6] },
   dot: { width: theme.space[7], height: theme.space[7], borderRadius: theme.radius.full }

package/dist/coachmark/index.js

@@ -1,4 +1,11 @@
 import '../chunk-J4KLDGI4.js';
-export { Coachmark, CoachmarkArrow, CoachmarkDots, CoachmarkHint, Hotspot } from '../chunk-P23EQNRQ.js';
-import '../chunk-JUAMLEHX.js';
-import '../chunk-TKVFVF5D.js';
+export { Coachmark, CoachmarkArrow, CoachmarkDots, CoachmarkHint, Hotspot } from '../chunk-ZYQ23DPT.js';
+import '../chunk-36DA3IPO.js';
+import '../chunk-Z7I4ZSO6.js';
+import '../chunk-KXLDK6HB.js';
+import '../chunk-43K3BLXV.js';
+import '../chunk-APCWFOZW.js';
+import '../chunk-2YKVID2V.js';
+import '../chunk-PCEFCOLN.js';
+import '../chunk-J64KGCGX.js';
+import '../chunk-I2KLQ2HA.js';

package/dist/code-block/index.js

@@ -1,4 +1,7 @@
 import '../chunk-ZK2H4O5P.js';
-export { CodeBlock } from '../chunk-TOXAGRDQ.js';
-import '../chunk-4ZAHCY44.js';
-import '../chunk-TKVFVF5D.js';
+export { CodeBlock } from '../chunk-O76QXRBV.js';
+import '../chunk-TYOSA7JG.js';
+import '../chunk-TH4PW2WU.js';
+import '../chunk-APCWFOZW.js';
+import '../chunk-PCEFCOLN.js';
+import '../chunk-I2KLQ2HA.js';

package/dist/color-field/index.js

@@ -1,7 +1,17 @@
-export { ColorField } from '../chunk-CDRZHT42.js';
+import '../chunk-4QCR3K2J.js';
+export { ColorField } from '../chunk-LAUJPLDB.js';
 import '../chunk-KTAC4MGE.js';
-import '../chunk-ITTYJZWX.js';
-import '../chunk-3NMD74ZU.js';
+import '../chunk-B7JZ3N5G.js';
+import '../chunk-AQ5FIG74.js';
+import '../chunk-L4D5LHCH.js';
+import '../chunk-YJ5PXOX3.js';
+import '../chunk-PJLTKDVY.js';
+import '../chunk-KXLDK6HB.js';
+import '../chunk-43K3BLXV.js';
 import '../chunk-NY2U3PBI.js';
-import '../chunk-6N33LFQA.js';
-import '../chunk-TKVFVF5D.js';
+import '../chunk-TH4PW2WU.js';
+import '../chunk-APCWFOZW.js';
+import '../chunk-2YKVID2V.js';
+import '../chunk-PCEFCOLN.js';
+import '../chunk-J64KGCGX.js';
+import '../chunk-I2KLQ2HA.js';

package/dist/color-picker/index.js

@@ -0,0 +1,23 @@
+export { CHART_SWATCHES, ColorPicker, contrastRatio } from '../chunk-OVTK7A6T.js';
+import '../chunk-LAUJPLDB.js';
+import '../chunk-KTAC4MGE.js';
+import '../chunk-B7JZ3N5G.js';
+import '../chunk-AQ5FIG74.js';
+import '../chunk-5DTKORLI.js';
+import '../chunk-YLRSRUPS.js';
+import '../chunk-L4D5LHCH.js';
+import '../chunk-LGNTP5XA.js';
+import '../chunk-IMMALLRU.js';
+import '../chunk-YJ5PXOX3.js';
+import '../chunk-PJLTKDVY.js';
+import '../chunk-W23G6JLF.js';
+import '../chunk-KXLDK6HB.js';
+import '../chunk-43K3BLXV.js';
+import '../chunk-NY2U3PBI.js';
+import '../chunk-G7H3NX3G.js';
+import '../chunk-TH4PW2WU.js';
+import '../chunk-APCWFOZW.js';
+import '../chunk-2YKVID2V.js';
+import '../chunk-PCEFCOLN.js';
+import '../chunk-J64KGCGX.js';
+import '../chunk-I2KLQ2HA.js';

package/dist/commerce/index.js

@@ -1,20 +1,34 @@
-export { BillingPeriodToggle, DeleteAccountScreen, ManageSubscription, MeterBar, NotificationPreferences, Paywall, PaywallGate, PaywallSurface, PlanCard, PlanFeatureRow, PlanGrid, PlanPriceCell, PlanPriceDelta, ProrationLine, ProrationTable, SavingsChip, SettingsScreen, ToggleRow } from '../chunk-NQYBUO3K.js';
-import '../chunk-YG3ZJHGU.js';
-import '../chunk-IVNRBPGC.js';
+export { BillingPeriodToggle, DeleteAccountScreen, ManageSubscription, MeterBar, NotificationPreferences, Paywall, PaywallGate, PaywallSurface, PlanCard, PlanFeatureRow, PlanGrid, PlanPriceCell, PlanPriceDelta, ProrationLine, ProrationTable, SavingsChip, SettingsScreen, ToggleRow } from '../chunk-ADHPJALR.js';
+import '../chunk-JA6TK7H2.js';
 import '../chunk-NBNCBML6.js';
-import '../chunk-PZXZJBMP.js';
-import '../chunk-5YNTNN5A.js';
-import '../chunk-2ZZ7TDJ4.js';
+import '../chunk-GVQQG435.js';
+import '../chunk-QNZII37O.js';
+import '../chunk-L2WMOA2V.js';
 import '../chunk-YLLCXTMC.js';
-import '../chunk-VBOXAEPI.js';
-import '../chunk-ITTYJZWX.js';
-import '../chunk-3NMD74ZU.js';
-import '../chunk-SBMNWWBV.js';
-import '../chunk-CUMUNPXY.js';
-import '../chunk-O7AE6DAF.js';
-import '../chunk-RQ3HASCC.js';
-import '../chunk-3ARE4TES.js';
-import '../chunk-AWJOCGFZ.js';
+import '../chunk-KNILMM4H.js';
+import '../chunk-7CGJBQUA.js';
+import '../chunk-Z7I4ZSO6.js';
+import '../chunk-B7JZ3N5G.js';
+import '../chunk-AQ5FIG74.js';
+import '../chunk-5DTKORLI.js';
+import '../chunk-YLRSRUPS.js';
+import '../chunk-L4D5LHCH.js';
+import '../chunk-LGNTP5XA.js';
+import '../chunk-IMMALLRU.js';
+import '../chunk-YJ5PXOX3.js';
+import '../chunk-PJLTKDVY.js';
+import '../chunk-W23G6JLF.js';
+import '../chunk-VFDQAAIW.js';
+import '../chunk-NZG75DGA.js';
+import '../chunk-PK7BN3MI.js';
+import '../chunk-BTRMA7GC.js';
+import '../chunk-KXLDK6HB.js';
+import '../chunk-43K3BLXV.js';
 import '../chunk-NY2U3PBI.js';
-import '../chunk-6N33LFQA.js';
-import '../chunk-TKVFVF5D.js';
+import '../chunk-G7H3NX3G.js';
+import '../chunk-TH4PW2WU.js';
+import '../chunk-APCWFOZW.js';
+import '../chunk-2YKVID2V.js';
+import '../chunk-PCEFCOLN.js';
+import '../chunk-J64KGCGX.js';
+import '../chunk-I2KLQ2HA.js';

package/dist/confirm/index.js

@@ -0,0 +1,31 @@
+import '../chunk-Y5H4CTKO.js';
+export { CONFIRM_CONSEQUENCE_MAX, ConfirmPreview, ConfirmProvider, useConfirm, useOptionalConfirm } from '../chunk-7QOYGENL.js';
+import '../chunk-NNCOFLNE.js';
+import '../chunk-CHPX4MFI.js';
+import '../chunk-KNILMM4H.js';
+import '../chunk-XBXUBBJZ.js';
+import '../chunk-VIUE3VQT.js';
+import '../chunk-OANH27AK.js';
+import '../chunk-LUZFCCSD.js';
+import '../chunk-Z7I4ZSO6.js';
+import '../chunk-B7JZ3N5G.js';
+import '../chunk-AQ5FIG74.js';
+import '../chunk-5DTKORLI.js';
+import '../chunk-YLRSRUPS.js';
+import '../chunk-L4D5LHCH.js';
+import '../chunk-LGNTP5XA.js';
+import '../chunk-IMMALLRU.js';
+import '../chunk-YJ5PXOX3.js';
+import '../chunk-PJLTKDVY.js';
+import '../chunk-W23G6JLF.js';
+import '../chunk-BTRMA7GC.js';
+import '../chunk-KXLDK6HB.js';
+import '../chunk-43K3BLXV.js';
+import '../chunk-NY2U3PBI.js';
+import '../chunk-G7H3NX3G.js';
+import '../chunk-TH4PW2WU.js';
+import '../chunk-APCWFOZW.js';
+import '../chunk-2YKVID2V.js';
+import '../chunk-PCEFCOLN.js';
+import '../chunk-J64KGCGX.js';
+import '../chunk-I2KLQ2HA.js';

package/dist/connection-card/index.js

@@ -0,0 +1,34 @@
+export { ConnectionCard } from '../chunk-EICSYRAG.js';
+import '../chunk-7QOYGENL.js';
+import '../chunk-NNCOFLNE.js';
+import '../chunk-CHPX4MFI.js';
+import '../chunk-JA6TK7H2.js';
+import '../chunk-NBNCBML6.js';
+import '../chunk-KNILMM4H.js';
+import '../chunk-XBXUBBJZ.js';
+import '../chunk-VIUE3VQT.js';
+import '../chunk-OANH27AK.js';
+import '../chunk-LUZFCCSD.js';
+import '../chunk-7CGJBQUA.js';
+import '../chunk-Z7I4ZSO6.js';
+import '../chunk-B7JZ3N5G.js';
+import '../chunk-AQ5FIG74.js';
+import '../chunk-5DTKORLI.js';
+import '../chunk-YLRSRUPS.js';
+import '../chunk-L4D5LHCH.js';
+import '../chunk-LGNTP5XA.js';
+import '../chunk-IMMALLRU.js';
+import '../chunk-YJ5PXOX3.js';
+import '../chunk-PJLTKDVY.js';
+import '../chunk-W23G6JLF.js';
+import '../chunk-BTRMA7GC.js';
+import '../chunk-KXLDK6HB.js';
+import '../chunk-43K3BLXV.js';
+import '../chunk-NY2U3PBI.js';
+import '../chunk-G7H3NX3G.js';
+import '../chunk-TH4PW2WU.js';
+import '../chunk-APCWFOZW.js';
+import '../chunk-2YKVID2V.js';
+import '../chunk-PCEFCOLN.js';
+import '../chunk-J64KGCGX.js';
+import '../chunk-I2KLQ2HA.js';

package/dist/connectivity/index.js

@@ -1,2 +1,6 @@
-export { ConnectivityBanner, SyncBadge } from '../chunk-GL7B2DOW.js';
-import '../chunk-TKVFVF5D.js';
+export { ConnectivityBanner, SyncBadge } from '../chunk-JXRTD5RI.js';
+import '../chunk-TH4PW2WU.js';
+import '../chunk-APCWFOZW.js';
+import '../chunk-PCEFCOLN.js';
+import '../chunk-J64KGCGX.js';
+import '../chunk-I2KLQ2HA.js';

package/dist/context-menu/index.js

@@ -1,5 +1,15 @@
 import '../chunk-NBNCBML6.js';
-export { ContextMenu, ContextMenuOverlay, LONG_PRESS_DELAY_MS, orderContextMenuItems, placeContextMenu } from '../chunk-PZXZJBMP.js';
-import '../chunk-RQ3HASCC.js';
+export { ContextMenu, ContextMenuOverlay, ContextMenuPreview, LONG_PRESS_DELAY_MS, orderContextMenuItems, placeContextMenu } from '../chunk-7CGJBQUA.js';
+import '../chunk-B7JZ3N5G.js';
+import '../chunk-AQ5FIG74.js';
+import '../chunk-L4D5LHCH.js';
+import '../chunk-YJ5PXOX3.js';
+import '../chunk-PJLTKDVY.js';
+import '../chunk-W23G6JLF.js';
 import '../chunk-NY2U3PBI.js';
-import '../chunk-TKVFVF5D.js';
+import '../chunk-TH4PW2WU.js';
+import '../chunk-APCWFOZW.js';
+import '../chunk-2YKVID2V.js';
+import '../chunk-PCEFCOLN.js';
+import '../chunk-J64KGCGX.js';
+import '../chunk-I2KLQ2HA.js';

package/dist/copy-button/index.js

@@ -1,3 +1,6 @@
 import '../chunk-CUS3ZSCU.js';
-export { CopyButton } from '../chunk-4ZAHCY44.js';
-import '../chunk-TKVFVF5D.js';
+export { CopyButton } from '../chunk-TYOSA7JG.js';
+import '../chunk-TH4PW2WU.js';
+import '../chunk-APCWFOZW.js';
+import '../chunk-PCEFCOLN.js';
+import '../chunk-I2KLQ2HA.js';