@withpotter/components 0.13.0-next.101

package/dist/mobile/primitives/sticky-cta-bar.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Mobile primitive — StickyCtaBar
+ *
+ * A bottom-anchored container for primary CTAs (e.g. "Add payment method",
+ * "Subscribe", "Pay …"). Handles the shared mobile safe-area system so the
+ * CTA stays visible, aligned, and consistent across:
+ *   - Devices (iOS home indicator, Android nav bar)
+ *   - Browser chrome (Safari URL bar)
+ *   - The BottomTabBar (when present)
+ *   - Other floating widgets (feedback launcher) via z-index ordering
+ *
+ * Two anchor modes:
+ *   - `respectTabBar` (default): pinned above the BottomTabBar.
+ *   - `respectTabBar={false}`: pinned just above the home-indicator inset.
+ *     Use on sub-screens reached via BackBar where there is no tab bar.
+ *
+ * Portals to `document.body` so transformed / `will-change: transform`
+ * ancestors (e.g. the `ios-screen-transition` page wrapper) cannot create
+ * a containing block that breaks `position: fixed`. This is critical in
+ * standalone-mode PWAs added to the iOS home screen, where the broken
+ * fixed positioning would otherwise let the CTA scroll with the page.
+ */
+import React from 'react';
+interface StickyCtaBarProps {
+    children: React.ReactNode;
+    /**
+     * If true (default) the bar sits above the BottomTabBar. Set to false on
+     * screens that do not render a tab bar so the CTA sits at the natural
+     * bottom of the viewport.
+     */
+    respectTabBar?: boolean;
+    /** Additional class names on the outer wrapper. */
+    className?: string;
+    /** Optional inline style overrides. */
+    style?: React.CSSProperties;
+}
+export declare function StickyCtaBar({ children, respectTabBar, className, style, }: StickyCtaBarProps): React.ReactPortal | null;
+/**
+ * Equivalent padding for scroll containers so their last item is not
+ * obscured by a `<StickyCtaBar />` of typical CTA height (~48px button
+ * + 16px breathing room).
+ */
+export declare function stickyCtaScrollPadding(respectTabBar?: boolean): string;
+export {};

package/dist/mobile/primitives/sticky-cta-bar.js

@@ -0,0 +1,40 @@
+"use client";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { createPortal } from "react-dom";
+import { MOBILE_BOTTOM_OFFSET, MOBILE_BOTTOM_OFFSET_MIN } from "./chrome";
+function StickyCtaBar({
+  children,
+  respectTabBar = true,
+  className,
+  style
+}) {
+  const bottom = respectTabBar ? MOBILE_BOTTOM_OFFSET : MOBILE_BOTTOM_OFFSET_MIN;
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  const node = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `pointer-events-none fixed inset-x-0 z-30 px-3 ${className ?? ""}`,
+      style: {
+        bottom,
+        paddingBottom: 16,
+        ...style
+      },
+      children: /* @__PURE__ */ jsx("div", { className: "pointer-events-auto mx-auto w-full max-w-md", children })
+    }
+  ) });
+  if (!mounted) return null;
+  return createPortal(node, document.body);
+}
+function stickyCtaScrollPadding(respectTabBar = true) {
+  const base = respectTabBar ? MOBILE_BOTTOM_OFFSET : MOBILE_BOTTOM_OFFSET_MIN;
+  return `calc(${base} + 88px)`;
+}
+export {
+  StickyCtaBar,
+  stickyCtaScrollPadding
+};
+//# sourceMappingURL=sticky-cta-bar.js.map

package/dist/mobile/primitives/sticky-cta-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mobile/primitives/sticky-cta-bar.tsx"],"sourcesContent":["'use client';\n\n/**\n * Mobile primitive — StickyCtaBar\n *\n * A bottom-anchored container for primary CTAs (e.g. \"Add payment method\",\n * \"Subscribe\", \"Pay …\"). Handles the shared mobile safe-area system so the\n * CTA stays visible, aligned, and consistent across:\n *   - Devices (iOS home indicator, Android nav bar)\n *   - Browser chrome (Safari URL bar)\n *   - The BottomTabBar (when present)\n *   - Other floating widgets (feedback launcher) via z-index ordering\n *\n * Two anchor modes:\n *   - `respectTabBar` (default): pinned above the BottomTabBar.\n *   - `respectTabBar={false}`: pinned just above the home-indicator inset.\n *     Use on sub-screens reached via BackBar where there is no tab bar.\n *\n * Portals to `document.body` so transformed / `will-change: transform`\n * ancestors (e.g. the `ios-screen-transition` page wrapper) cannot create\n * a containing block that breaks `position: fixed`. This is critical in\n * standalone-mode PWAs added to the iOS home screen, where the broken\n * fixed positioning would otherwise let the CTA scroll with the page.\n */\n\nimport React, { useEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { MOBILE_BOTTOM_OFFSET, MOBILE_BOTTOM_OFFSET_MIN } from './chrome';\n\ninterface StickyCtaBarProps {\n  children: React.ReactNode;\n  /**\n   * If true (default) the bar sits above the BottomTabBar. Set to false on\n   * screens that do not render a tab bar so the CTA sits at the natural\n   * bottom of the viewport.\n   */\n  respectTabBar?: boolean;\n  /** Additional class names on the outer wrapper. */\n  className?: string;\n  /** Optional inline style overrides. */\n  style?: React.CSSProperties;\n}\n\nexport function StickyCtaBar({\n  children,\n  respectTabBar = true,\n  className,\n  style,\n}: StickyCtaBarProps) {\n  const bottom = respectTabBar\n    ? MOBILE_BOTTOM_OFFSET\n    : MOBILE_BOTTOM_OFFSET_MIN;\n\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  const node = (\n    <>\n      <div\n        className={`pointer-events-none fixed inset-x-0 z-30 px-3 ${className ?? ''}`}\n        style={{\n          bottom,\n          paddingBottom: 16,\n          ...style,\n        }}\n      >\n        <div className=\"pointer-events-auto mx-auto w-full max-w-md\">\n          {children}\n        </div>\n      </div>\n      {/* Solid canvas strip below the bar so iOS Safari's translucent URL\n          toolbar / home-indicator region doesn't pick up the colour of the\n          CTA pill (e.g. the bright accent bleeding through). */}\n    </>\n  );\n\n  if (!mounted) return null;\n  return createPortal(node, document.body);\n}\n\n/**\n * Equivalent padding for scroll containers so their last item is not\n * obscured by a `<StickyCtaBar />` of typical CTA height (~48px button\n * + 16px breathing room).\n */\nexport function stickyCtaScrollPadding(respectTabBar = true) {\n  const base = respectTabBar ? MOBILE_BOTTOM_OFFSET : MOBILE_BOTTOM_OFFSET_MIN;\n  return `calc(${base} + 88px)`;\n}\n"],"mappings":";AA2DI,mBASI,WATJ;AAlCJ,SAAgB,WAAW,gBAAgB;AAC3C,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB,gCAAgC;AAgBxD,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,SAAS,gBACX,uBACA;AAEJ,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,YAAU,MAAM;AACd,eAAW,IAAI;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,QAAM,OACJ,gCACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,iDAAiD,aAAa,EAAE;AAAA,MAC3E,OAAO;AAAA,QACL;AAAA,QACA,eAAe;AAAA,QACf,GAAG;AAAA,MACL;AAAA,MAEA,8BAAC,SAAI,WAAU,+CACZ,UACH;AAAA;AAAA,EACF,GAIF;AAGF,MAAI,CAAC,QAAS,QAAO;AACrB,SAAO,aAAa,MAAM,SAAS,IAAI;AACzC;AAOO,SAAS,uBAAuB,gBAAgB,MAAM;AAC3D,QAAM,OAAO,gBAAgB,uBAAuB;AACpD,SAAO,QAAQ,IAAI;AACrB;","names":[]}

package/dist/mobile/primitives/swipe-row.d.ts

@@ -0,0 +1,29 @@
+import { type ReactNode } from 'react';
+interface SwipeRowProps {
+    children: ReactNode;
+    /** What the swipe does, e.g. "Confirm" or "Sold out". */
+    label: string;
+    onAction: () => void;
+    /** `good` for a positive act, `warn` for one that takes something away. */
+    tone?: 'good' | 'warn';
+    disabled?: boolean;
+}
+/**
+ * A row you can act on without opening it.
+ *
+ * The visual affordance for this already existed and did nothing: `OrderRow`
+ * rendered a static hint behind the row and a fixed 12px offset, so the app
+ * looked like it swiped and did not. Confirming an order or marking something
+ * sold out — the two most repeated actions in a trading day — each cost a
+ * screen, a load and a tap back.
+ *
+ * The action is revealed under the row and only fires past a real threshold, so
+ * a thumb brushing the list while scrolling cannot trigger it. `dragDirectionLock`
+ * keeps a vertical scroll a vertical scroll: the list has to stay scrollable
+ * with the same thumb that swipes.
+ *
+ * Reduced motion keeps the gesture and drops the spring — the movement is the
+ * interaction, not decoration, so removing it would remove the feature.
+ */
+export declare function SwipeRow({ children, label, onAction, tone, disabled, }: SwipeRowProps): import("react").JSX.Element;
+export {};

package/dist/mobile/primitives/swipe-row.js

@@ -0,0 +1,66 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { motion, useMotionValue, useReducedMotion } from "motion/react";
+import { springs } from "@withpotter/lib/motion";
+const THRESHOLD = 88;
+function SwipeRow({
+  children,
+  label,
+  onAction,
+  tone = "good",
+  disabled
+}) {
+  const x = useMotionValue(0);
+  const reduceMotion = useReducedMotion();
+  const [armed, setArmed] = useState(false);
+  if (disabled) return /* @__PURE__ */ jsx(Fragment, { children });
+  const colour = tone === "good" ? "var(--mb-good)" : "var(--mb-warn)";
+  return /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden rounded-2xl", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "absolute inset-y-0 right-0 flex items-center px-5 text-xs font-semibold",
+        style: { color: colour },
+        "aria-hidden": true,
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        drag: "x",
+        dragDirectionLock: true,
+        dragConstraints: { left: -140, right: 0 },
+        dragElastic: { left: 0.05, right: 0 },
+        style: { x },
+        onDrag: () => setArmed(x.get() <= -THRESHOLD),
+        onDragEnd: () => {
+          const committed = x.get() <= -THRESHOLD;
+          setArmed(false);
+          if (committed) onAction();
+          animateHome();
+        },
+        animate: { x: 0 },
+        transition: reduceMotion ? { duration: 0 } : springs.snappy,
+        className: "relative",
+        children
+      }
+    ),
+    armed && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "pointer-events-none absolute inset-y-0 right-0 w-1 rounded-full",
+        style: { background: colour },
+        "aria-hidden": true
+      }
+    )
+  ] });
+  function animateHome() {
+    x.set(0);
+  }
+}
+export {
+  SwipeRow
+};
+//# sourceMappingURL=swipe-row.js.map

package/dist/mobile/primitives/swipe-row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mobile/primitives/swipe-row.tsx"],"sourcesContent":["'use client';\n\nimport { useState, type ReactNode } from 'react';\nimport { motion, useMotionValue, useReducedMotion } from 'motion/react';\nimport { springs } from '@withpotter/lib/motion';\n\ninterface SwipeRowProps {\n  children: ReactNode;\n  /** What the swipe does, e.g. \"Confirm\" or \"Sold out\". */\n  label: string;\n  onAction: () => void;\n  /** `good` for a positive act, `warn` for one that takes something away. */\n  tone?: 'good' | 'warn';\n  disabled?: boolean;\n}\n\n/** Past this, releasing commits. Short enough for a thumb, long enough to mean it. */\nconst THRESHOLD = 88;\n\n/**\n * A row you can act on without opening it.\n *\n * The visual affordance for this already existed and did nothing: `OrderRow`\n * rendered a static hint behind the row and a fixed 12px offset, so the app\n * looked like it swiped and did not. Confirming an order or marking something\n * sold out — the two most repeated actions in a trading day — each cost a\n * screen, a load and a tap back.\n *\n * The action is revealed under the row and only fires past a real threshold, so\n * a thumb brushing the list while scrolling cannot trigger it. `dragDirectionLock`\n * keeps a vertical scroll a vertical scroll: the list has to stay scrollable\n * with the same thumb that swipes.\n *\n * Reduced motion keeps the gesture and drops the spring — the movement is the\n * interaction, not decoration, so removing it would remove the feature.\n */\nexport function SwipeRow({\n  children,\n  label,\n  onAction,\n  tone = 'good',\n  disabled,\n}: SwipeRowProps) {\n  const x = useMotionValue(0);\n  const reduceMotion = useReducedMotion();\n  const [armed, setArmed] = useState(false);\n\n  if (disabled) return <>{children}</>;\n\n  const colour = tone === 'good' ? 'var(--mb-good)' : 'var(--mb-warn)';\n\n  return (\n    <div className=\"relative overflow-hidden rounded-2xl\">\n      {/* Under the row, so pulling the row aside uncovers it rather than\n          sliding a second thing in from off-screen. */}\n      <div\n        className=\"absolute inset-y-0 right-0 flex items-center px-5 text-xs font-semibold\"\n        style={{ color: colour }}\n        aria-hidden\n      >\n        {label}\n      </div>\n\n      <motion.div\n        drag=\"x\"\n        dragDirectionLock\n        dragConstraints={{ left: -140, right: 0 }}\n        dragElastic={{ left: 0.05, right: 0 }}\n        style={{ x }}\n        onDrag={() => setArmed(x.get() <= -THRESHOLD)}\n        onDragEnd={() => {\n          const committed = x.get() <= -THRESHOLD;\n          setArmed(false);\n          if (committed) onAction();\n          // Always return home. The row re-renders from the new data if the\n          // action changed it, so leaving it open would show a stale state\n          // holding a door for something already done.\n          animateHome();\n        }}\n        animate={{ x: 0 }}\n        transition={reduceMotion ? { duration: 0 } : springs.snappy}\n        className=\"relative\"\n      >\n        {children}\n      </motion.div>\n\n      {/* Reinforces commitment at the moment the thumb passes the threshold,\n          so the merchant knows before releasing rather than after. */}\n      {armed && (\n        <span\n          className=\"pointer-events-none absolute inset-y-0 right-0 w-1 rounded-full\"\n          style={{ background: colour }}\n          aria-hidden\n        />\n      )}\n    </div>\n  );\n\n  function animateHome() {\n    x.set(0);\n  }\n}\n"],"mappings":";AA+CuB,wBAKnB,YALmB;AA7CvB,SAAS,gBAAgC;AACzC,SAAS,QAAQ,gBAAgB,wBAAwB;AACzD,SAAS,eAAe;AAaxB,MAAM,YAAY;AAmBX,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,GAAkB;AAChB,QAAM,IAAI,eAAe,CAAC;AAC1B,QAAM,eAAe,iBAAiB;AACtC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AAExC,MAAI,SAAU,QAAO,gCAAG,UAAS;AAEjC,QAAM,SAAS,SAAS,SAAS,mBAAmB;AAEpD,SACE,qBAAC,SAAI,WAAU,wCAGb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,OAAO,OAAO;AAAA,QACvB,eAAW;AAAA,QAEV;AAAA;AAAA,IACH;AAAA,IAEA;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,MAAK;AAAA,QACL,mBAAiB;AAAA,QACjB,iBAAiB,EAAE,MAAM,MAAM,OAAO,EAAE;AAAA,QACxC,aAAa,EAAE,MAAM,MAAM,OAAO,EAAE;AAAA,QACpC,OAAO,EAAE,EAAE;AAAA,QACX,QAAQ,MAAM,SAAS,EAAE,IAAI,KAAK,CAAC,SAAS;AAAA,QAC5C,WAAW,MAAM;AACf,gBAAM,YAAY,EAAE,IAAI,KAAK,CAAC;AAC9B,mBAAS,KAAK;AACd,cAAI,UAAW,UAAS;AAIxB,sBAAY;AAAA,QACd;AAAA,QACA,SAAS,EAAE,GAAG,EAAE;AAAA,QAChB,YAAY,eAAe,EAAE,UAAU,EAAE,IAAI,QAAQ;AAAA,QACrD,WAAU;AAAA,QAET;AAAA;AAAA,IACH;AAAA,IAIC,SACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,YAAY,OAAO;AAAA,QAC5B,eAAW;AAAA;AAAA,IACb;AAAA,KAEJ;AAGF,WAAS,cAAc;AACrB,MAAE,IAAI,CAAC;AAAA,EACT;AACF;","names":[]}

package/dist/mobile/primitives/use-mobile-back.d.ts

@@ -0,0 +1,21 @@
+/**
+ * A back control that works whether or not the caller remembered to wire it.
+ *
+ * Every hand-built mobile detail screen draws its own back arrow and takes an
+ * OPTIONAL `onBack`, rendered as a bare `onClick={onBack}`. Three of them were
+ * mounted by callers that never passed it — a booking, a ticketed product and
+ * the attendees list — so the arrow was on screen and pressing it did nothing.
+ * None of those screens draws a `BottomTabBar` either (a back-bar sub-screen
+ * deliberately has no tab bar, so the CTA is not trapped under one), which left
+ * the merchant with no way out of the screen at all. The manifest ships
+ * `display: standalone`, so in the installed app there is no browser back
+ * button to rescue them.
+ *
+ * `router.back()` is the honest default and was already the pattern on the
+ * order detail screen — the one screen of the twelve that could not strand you.
+ * This makes that the shared answer instead of the exception.
+ *
+ * A caller still overrides it, which matters: some of these screens are reached
+ * from more than one parent, and a few need to discard a draft on the way out.
+ */
+export declare function useMobileBack(onBack?: () => void): () => void;

package/dist/mobile/primitives/use-mobile-back.js

@@ -0,0 +1,17 @@
+"use client";
+import { useCallback } from "react";
+import { useRouter } from "next/navigation";
+function useMobileBack(onBack) {
+  const router = useRouter();
+  return useCallback(() => {
+    if (onBack) {
+      onBack();
+      return;
+    }
+    router.back();
+  }, [onBack, router]);
+}
+export {
+  useMobileBack
+};
+//# sourceMappingURL=use-mobile-back.js.map

package/dist/mobile/primitives/use-mobile-back.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mobile/primitives/use-mobile-back.ts"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\nimport { useRouter } from 'next/navigation';\n\n/**\n * A back control that works whether or not the caller remembered to wire it.\n *\n * Every hand-built mobile detail screen draws its own back arrow and takes an\n * OPTIONAL `onBack`, rendered as a bare `onClick={onBack}`. Three of them were\n * mounted by callers that never passed it — a booking, a ticketed product and\n * the attendees list — so the arrow was on screen and pressing it did nothing.\n * None of those screens draws a `BottomTabBar` either (a back-bar sub-screen\n * deliberately has no tab bar, so the CTA is not trapped under one), which left\n * the merchant with no way out of the screen at all. The manifest ships\n * `display: standalone`, so in the installed app there is no browser back\n * button to rescue them.\n *\n * `router.back()` is the honest default and was already the pattern on the\n * order detail screen — the one screen of the twelve that could not strand you.\n * This makes that the shared answer instead of the exception.\n *\n * A caller still overrides it, which matters: some of these screens are reached\n * from more than one parent, and a few need to discard a draft on the way out.\n */\nexport function useMobileBack(onBack?: () => void): () => void {\n  const router = useRouter();\n  return useCallback(() => {\n    if (onBack) {\n      onBack();\n      return;\n    }\n    router.back();\n  }, [onBack, router]);\n}\n"],"mappings":";AAEA,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAsBnB,SAAS,cAAc,QAAiC;AAC7D,QAAM,SAAS,UAAU;AACzB,SAAO,YAAY,MAAM;AACvB,QAAI,QAAQ;AACV,aAAO;AACP;AAAA,IACF;AACA,WAAO,KAAK;AAAA,EACd,GAAG,CAAC,QAAQ,MAAM,CAAC;AACrB;","names":[]}

package/dist/mobile/primitives.d.ts

@@ -0,0 +1 @@
+export * from './primitives/index';

package/dist/mobile/primitives.js

@@ -0,0 +1 @@
+export * from './primitives/index.js';

package/dist/mobile/pull-to-refresh-context.d.ts

@@ -0,0 +1,15 @@
+type RefreshFn = () => Promise<any> | void;
+interface PullToRefreshContextValue {
+    registerRefresh: (fn: RefreshFn) => void;
+    unregisterRefresh: () => void;
+}
+export declare function usePullToRefreshContext(): PullToRefreshContextValue;
+/**
+ * Call from any page to register a pull-to-refresh callback.
+ * Automatically unregisters on unmount.
+ */
+export declare function useRegisterRefresh(fn: RefreshFn): void;
+export declare function PullToRefreshProvider({ children, }: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;
+export {};

package/dist/mobile/pull-to-refresh-context.js

@@ -0,0 +1,134 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  createContext,
+  useContext,
+  useRef,
+  useCallback,
+  useEffect
+} from "react";
+const PullToRefreshContext = createContext({
+  registerRefresh: () => {
+  },
+  unregisterRefresh: () => {
+  }
+});
+function usePullToRefreshContext() {
+  return useContext(PullToRefreshContext);
+}
+function useRegisterRefresh(fn) {
+  const { registerRefresh, unregisterRefresh } = usePullToRefreshContext();
+  useEffect(() => {
+    registerRefresh(fn);
+    return () => unregisterRefresh();
+  }, [fn, registerRefresh, unregisterRefresh]);
+}
+function PullToRefreshProvider({
+  children
+}) {
+  const refreshFnRef = useRef(null);
+  const registerRefresh = useCallback((fn) => {
+    refreshFnRef.current = fn;
+  }, []);
+  const unregisterRefresh = useCallback(() => {
+    refreshFnRef.current = null;
+  }, []);
+  const getRefreshFn = useCallback(() => refreshFnRef.current, []);
+  return /* @__PURE__ */ jsx(
+    PullToRefreshContext.Provider,
+    {
+      value: { registerRefresh, unregisterRefresh },
+      children: /* @__PURE__ */ jsx(PullToRefreshInner, { getRefreshFn, children })
+    }
+  );
+}
+import { useState } from "react";
+import { PullToRefreshIndicator } from "./pull-to-refresh-indicator";
+function PullToRefreshInner({
+  children,
+  getRefreshFn
+}) {
+  const [pullDistance, setPullDistance] = useState(0);
+  const [refreshing, setRefreshing] = useState(false);
+  const [triggered, setTriggered] = useState(false);
+  const startYRef = useRef(0);
+  const pullingRef = useRef(false);
+  const THRESHOLD = 80;
+  const MAX_PULL = 120;
+  const handleTouchStart = useCallback(
+    (e) => {
+      if (window.scrollY > 0 || refreshing || !getRefreshFn()) return;
+      startYRef.current = e.touches[0].clientY;
+      pullingRef.current = true;
+    },
+    [refreshing, getRefreshFn]
+  );
+  const handleTouchMove = useCallback(
+    (e) => {
+      if (!pullingRef.current || refreshing) return;
+      const diff = e.touches[0].clientY - startYRef.current;
+      if (diff < 0) {
+        setPullDistance(0);
+        setTriggered(false);
+        return;
+      }
+      const distance = Math.min(diff * 0.5, MAX_PULL);
+      setPullDistance(distance);
+      setTriggered(distance >= THRESHOLD * 0.5);
+    },
+    [refreshing]
+  );
+  const handleTouchEnd = useCallback(async () => {
+    if (!pullingRef.current) return;
+    pullingRef.current = false;
+    const fn = getRefreshFn();
+    if (triggered && fn && !refreshing) {
+      setRefreshing(true);
+      setPullDistance(50);
+      try {
+        await fn();
+      } finally {
+        setRefreshing(false);
+        setPullDistance(0);
+        setTriggered(false);
+      }
+    } else {
+      setPullDistance(0);
+      setTriggered(false);
+    }
+  }, [triggered, refreshing, getRefreshFn]);
+  return (
+    // `display: contents` so this introduces no box of its own. The mobile
+    // chrome deliberately uses a spacer rather than a wrapper because the
+    // frames put their `space-y-*` on their own container — a plain div here
+    // would swallow that and drop the rhythm between every row on every
+    // screen. Touch events still reach these handlers, because propagation
+    // follows the DOM tree and has nothing to do with layout.
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: { display: "contents" },
+        onTouchStart: handleTouchStart,
+        onTouchMove: handleTouchMove,
+        onTouchEnd: handleTouchEnd,
+        children: [
+          /* @__PURE__ */ jsx(
+            PullToRefreshIndicator,
+            {
+              pullDistance,
+              refreshing,
+              triggered
+            }
+          ),
+          children
+        ]
+      }
+    )
+  );
+}
+export {
+  PullToRefreshProvider,
+  usePullToRefreshContext,
+  useRegisterRefresh
+};
+//# sourceMappingURL=pull-to-refresh-context.js.map

package/dist/mobile/pull-to-refresh-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/mobile/pull-to-refresh-context.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  useContext,\n  useRef,\n  useCallback,\n  useEffect,\n} from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype RefreshFn = () => Promise<any> | void;\n\ninterface PullToRefreshContextValue {\n  registerRefresh: (fn: RefreshFn) => void;\n  unregisterRefresh: () => void;\n}\n\nconst PullToRefreshContext = createContext<PullToRefreshContextValue>({\n  registerRefresh: () => {},\n  unregisterRefresh: () => {},\n});\n\nexport function usePullToRefreshContext() {\n  return useContext(PullToRefreshContext);\n}\n\n/**\n * Call from any page to register a pull-to-refresh callback.\n * Automatically unregisters on unmount.\n */\nexport function useRegisterRefresh(fn: RefreshFn) {\n  const { registerRefresh, unregisterRefresh } = usePullToRefreshContext();\n\n  useEffect(() => {\n    registerRefresh(fn);\n    return () => unregisterRefresh();\n  }, [fn, registerRefresh, unregisterRefresh]);\n}\n\nexport function PullToRefreshProvider({\n  children,\n}: {\n  children: React.ReactNode;\n}) {\n  const refreshFnRef = useRef<RefreshFn | null>(null);\n\n  const registerRefresh = useCallback((fn: RefreshFn) => {\n    refreshFnRef.current = fn;\n  }, []);\n\n  const unregisterRefresh = useCallback(() => {\n    refreshFnRef.current = null;\n  }, []);\n\n  const getRefreshFn = useCallback(() => refreshFnRef.current, []);\n\n  return (\n    <PullToRefreshContext.Provider\n      value={{ registerRefresh, unregisterRefresh }}\n    >\n      <PullToRefreshInner getRefreshFn={getRefreshFn}>\n        {children}\n      </PullToRefreshInner>\n    </PullToRefreshContext.Provider>\n  );\n}\n\n// Inner component that handles the pull gesture\nimport { useState } from 'react';\nimport { PullToRefreshIndicator } from './pull-to-refresh-indicator';\n\nfunction PullToRefreshInner({\n  children,\n  getRefreshFn,\n}: {\n  children: React.ReactNode;\n  getRefreshFn: () => RefreshFn | null;\n}) {\n  const [pullDistance, setPullDistance] = useState(0);\n  const [refreshing, setRefreshing] = useState(false);\n  const [triggered, setTriggered] = useState(false);\n  const startYRef = useRef(0);\n  const pullingRef = useRef(false);\n\n  const THRESHOLD = 80;\n  const MAX_PULL = 120;\n\n  const handleTouchStart = useCallback(\n    (e: React.TouchEvent) => {\n      if (window.scrollY > 0 || refreshing || !getRefreshFn()) return;\n      startYRef.current = e.touches[0].clientY;\n      pullingRef.current = true;\n    },\n    [refreshing, getRefreshFn],\n  );\n\n  const handleTouchMove = useCallback(\n    (e: React.TouchEvent) => {\n      if (!pullingRef.current || refreshing) return;\n\n      const diff = e.touches[0].clientY - startYRef.current;\n      if (diff < 0) {\n        setPullDistance(0);\n        setTriggered(false);\n        return;\n      }\n\n      const distance = Math.min(diff * 0.5, MAX_PULL);\n      setPullDistance(distance);\n      setTriggered(distance >= THRESHOLD * 0.5);\n    },\n    [refreshing],\n  );\n\n  const handleTouchEnd = useCallback(async () => {\n    if (!pullingRef.current) return;\n    pullingRef.current = false;\n\n    const fn = getRefreshFn();\n    if (triggered && fn && !refreshing) {\n      setRefreshing(true);\n      setPullDistance(50);\n      try {\n        await fn();\n      } finally {\n        setRefreshing(false);\n        setPullDistance(0);\n        setTriggered(false);\n      }\n    } else {\n      setPullDistance(0);\n      setTriggered(false);\n    }\n  }, [triggered, refreshing, getRefreshFn]);\n\n  return (\n    // `display: contents` so this introduces no box of its own. The mobile\n    // chrome deliberately uses a spacer rather than a wrapper because the\n    // frames put their `space-y-*` on their own container — a plain div here\n    // would swallow that and drop the rhythm between every row on every\n    // screen. Touch events still reach these handlers, because propagation\n    // follows the DOM tree and has nothing to do with layout.\n    <div\n      style={{ display: 'contents' }}\n      onTouchStart={handleTouchStart}\n      onTouchMove={handleTouchMove}\n      onTouchEnd={handleTouchEnd}\n    >\n      <PullToRefreshIndicator\n        pullDistance={pullDistance}\n        refreshing={refreshing}\n        triggered={triggered}\n      />\n      {children}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/mobile/pull-to-refresh-indicator.d.ts

@@ -0,0 +1,12 @@
+interface PullToRefreshIndicatorProps {
+    pullDistance: number;
+    refreshing: boolean;
+    triggered: boolean;
+}
+/**
+ * iOS-style pull-to-refresh indicator.
+ * Circular spinner that rotates proportionally during pull,
+ * then spins continuously when refreshing.
+ */
+export declare function PullToRefreshIndicator({ pullDistance, refreshing, triggered, }: PullToRefreshIndicatorProps): import("react").JSX.Element | null;
+export {};

package/dist/mobile/pull-to-refresh-indicator.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+function PullToRefreshIndicator({
+  pullDistance,
+  refreshing,
+  triggered
+}) {
+  if (pullDistance === 0 && !refreshing) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "flex items-center justify-center overflow-hidden transition-[height] duration-[var(--motion-normal)]",
+      style: { height: pullDistance },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "w-5 h-5 rounded-full border-2 border-t-transparent",
+          style: {
+            borderRightColor: triggered || refreshing ? "var(--accent-primary)" : "var(--text-muted)",
+            borderBottomColor: triggered || refreshing ? "var(--accent-primary)" : "var(--text-muted)",
+            borderLeftColor: triggered || refreshing ? "var(--accent-primary)" : "var(--text-muted)",
+            borderTopColor: "transparent",
+            animation: refreshing ? "ios-spinner 0.8s linear infinite" : "none",
+            opacity: triggered || refreshing ? 1 : Math.min(pullDistance / 60, 0.5),
+            transform: !refreshing ? `rotate(${pullDistance * 4}deg)` : void 0
+          }
+        }
+      )
+    }
+  );
+}
+export {
+  PullToRefreshIndicator
+};
+//# sourceMappingURL=pull-to-refresh-indicator.js.map

package/dist/mobile/pull-to-refresh-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/mobile/pull-to-refresh-indicator.tsx"],"sourcesContent":["'use client';\n\ninterface PullToRefreshIndicatorProps {\n  pullDistance: number;\n  refreshing: boolean;\n  triggered: boolean;\n}\n\n/**\n * iOS-style pull-to-refresh indicator.\n * Circular spinner that rotates proportionally during pull,\n * then spins continuously when refreshing.\n */\nexport function PullToRefreshIndicator({\n  pullDistance,\n  refreshing,\n  triggered,\n}: PullToRefreshIndicatorProps) {\n  if (pullDistance === 0 && !refreshing) return null;\n\n  return (\n    <div\n      className=\"flex items-center justify-center overflow-hidden transition-[height] duration-[var(--motion-normal)]\"\n      style={{ height: pullDistance }}\n    >\n      <div\n        className=\"w-5 h-5 rounded-full border-2 border-t-transparent\"\n        style={{\n          borderRightColor:\n            triggered || refreshing\n              ? 'var(--accent-primary)'\n              : 'var(--text-muted)',\n          borderBottomColor:\n            triggered || refreshing\n              ? 'var(--accent-primary)'\n              : 'var(--text-muted)',\n          borderLeftColor:\n            triggered || refreshing\n              ? 'var(--accent-primary)'\n              : 'var(--text-muted)',\n          borderTopColor: 'transparent',\n          animation: refreshing ? 'ios-spinner 0.8s linear infinite' : 'none',\n          opacity:\n            triggered || refreshing ? 1 : Math.min(pullDistance / 60, 0.5),\n          transform: !refreshing ? `rotate(${pullDistance * 4}deg)` : undefined,\n        }}\n      />\n    </div>\n  );\n}\n"],"mappings":";AAyBM;AAZC,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,GAAgC;AAC9B,MAAI,iBAAiB,KAAK,CAAC,WAAY,QAAO;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,QAAQ,aAAa;AAAA,MAE9B;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO;AAAA,YACL,kBACE,aAAa,aACT,0BACA;AAAA,YACN,mBACE,aAAa,aACT,0BACA;AAAA,YACN,iBACE,aAAa,aACT,0BACA;AAAA,YACN,gBAAgB;AAAA,YAChB,WAAW,aAAa,qCAAqC;AAAA,YAC7D,SACE,aAAa,aAAa,IAAI,KAAK,IAAI,eAAe,IAAI,GAAG;AAAA,YAC/D,WAAW,CAAC,aAAa,UAAU,eAAe,CAAC,SAAS;AAAA,UAC9D;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/mobile/quick-actions-sheet.d.ts

@@ -0,0 +1,12 @@
+interface QuickActionsSheetProps {
+    open: boolean;
+    onDismiss: () => void;
+    /**
+     * Which actions to show. Pass a subset to limit options based on
+     * the current intent (e.g. booking-only intents shouldn't show
+     * "New invoice").
+     */
+    actions?: ReadonlyArray<'product' | 'booking' | 'invoice' | 'customer'>;
+}
+export declare function QuickActionsSheet({ open, onDismiss, actions, }: QuickActionsSheetProps): import("react").JSX.Element | null;
+export {};

package/dist/mobile/quick-actions-sheet.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { CalendarPlus, Package, Receipt, UserPlus } from "lucide-react";
+import { Sheet } from "@withpotter/components/mobile/primitives";
+const ACTION_REGISTRY = {
+  product: {
+    label: "New product",
+    desc: "Add a product to your catalog",
+    icon: Package,
+    // Intent-driven create route. Resolves to the active intent's item-create
+    // page (events, subscriptions, plans, etc.) via the catalog/new redirect.
+    href: "/dashboard/catalog/new"
+  },
+  booking: {
+    label: "New booking",
+    desc: "Block time or accept a booking",
+    icon: CalendarPlus,
+    href: "/dashboard/bookings"
+  },
+  invoice: {
+    label: "New invoice",
+    desc: "Bill a customer",
+    icon: Receipt,
+    href: "/dashboard/invoices/new"
+  },
+  customer: {
+    label: "Add customer",
+    desc: "Save a contact for future orders",
+    icon: UserPlus,
+    href: "/dashboard/customers"
+  }
+};
+function QuickActionsSheet({
+  open,
+  onDismiss,
+  actions = ["product", "booking", "invoice", "customer"]
+}) {
+  if (!open) return null;
+  return /* @__PURE__ */ jsx(Sheet, { title: "Quick add", onDismiss, children: /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1", children: actions.map((key) => {
+    const a = ACTION_REGISTRY[key];
+    const Icon = a.icon;
+    return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+      Link,
+      {
+        href: a.href,
+        onClick: onDismiss,
+        className: "flex w-full items-center gap-3 rounded-2xl px-3 py-3",
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl",
+              style: {
+                background: "color-mix(in srgb, var(--mb-accent) 15%, transparent)"
+              },
+              children: /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  className: "h-5 w-5",
+                  style: { color: "var(--mb-accent)" }
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: "text-md font-medium",
+                style: { color: "var(--mb-text)" },
+                children: a.label
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: "truncate text-2xs",
+                style: { color: "var(--mb-text-tertiary)" },
+                children: a.desc
+              }
+            )
+          ] })
+        ]
+      }
+    ) }, key);
+  }) }) });
+}
+export {
+  QuickActionsSheet
+};
+//# sourceMappingURL=quick-actions-sheet.js.map

package/dist/mobile/quick-actions-sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/mobile/quick-actions-sheet.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { CalendarPlus, Package, Receipt, UserPlus } from 'lucide-react';\nimport { Sheet } from '@withpotter/components/mobile/primitives';\n\ninterface QuickActionsSheetProps {\n  open: boolean;\n  onDismiss: () => void;\n  /**\n   * Which actions to show. Pass a subset to limit options based on\n   * the current intent (e.g. booking-only intents shouldn't show\n   * \"New invoice\").\n   */\n  actions?: ReadonlyArray<'product' | 'booking' | 'invoice' | 'customer'>;\n}\n\nconst ACTION_REGISTRY = {\n  product: {\n    label: 'New product',\n    desc: 'Add a product to your catalog',\n    icon: Package,\n    // Intent-driven create route. Resolves to the active intent's item-create\n    // page (events, subscriptions, plans, etc.) via the catalog/new redirect.\n    href: '/dashboard/catalog/new',\n  },\n  booking: {\n    label: 'New booking',\n    desc: 'Block time or accept a booking',\n    icon: CalendarPlus,\n    href: '/dashboard/bookings',\n  },\n  invoice: {\n    label: 'New invoice',\n    desc: 'Bill a customer',\n    icon: Receipt,\n    href: '/dashboard/invoices/new',\n  },\n  customer: {\n    label: 'Add customer',\n    desc: 'Save a contact for future orders',\n    icon: UserPlus,\n    href: '/dashboard/customers',\n  },\n} as const;\n\nexport function QuickActionsSheet({\n  open,\n  onDismiss,\n  actions = ['product', 'booking', 'invoice', 'customer'],\n}: QuickActionsSheetProps) {\n  if (!open) return null;\n\n  return (\n    <Sheet title=\"Quick add\" onDismiss={onDismiss}>\n      <ul className=\"flex flex-col gap-1\">\n        {actions.map((key) => {\n          const a = ACTION_REGISTRY[key];\n          const Icon = a.icon;\n          return (\n            <li key={key}>\n              <Link\n                href={a.href}\n                onClick={onDismiss}\n                className=\"flex w-full items-center gap-3 rounded-2xl px-3 py-3\"\n              >\n                <div\n                  className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl\"\n                  style={{\n                    background:\n                      'color-mix(in srgb, var(--mb-accent) 15%, transparent)',\n                  }}\n                >\n                  <Icon\n                    className=\"h-5 w-5\"\n                    style={{ color: 'var(--mb-accent)' }}\n                  />\n                </div>\n                <div className=\"min-w-0 flex-1\">\n                  <p\n                    className=\"text-md font-medium\"\n                    style={{ color: 'var(--mb-text)' }}\n                  >\n                    {a.label}\n                  </p>\n                  <p\n                    className=\"truncate text-2xs\"\n                    style={{ color: 'var(--mb-text-tertiary)' }}\n                  >\n                    {a.desc}\n                  </p>\n                </div>\n              </Link>\n            </li>\n          );\n        })}\n      </ul>\n    </Sheet>\n  );\n}\n"],"mappings":";AAyEkB,cAKF,YALE;AAvElB,OAAO,UAAU;AACjB,SAAS,cAAc,SAAS,SAAS,gBAAgB;AACzD,SAAS,aAAa;AAatB,MAAM,kBAAkB;AAAA,EACtB,SAAS;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA;AAAA;AAAA,IAGN,MAAM;AAAA,EACR;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA,UAAU,CAAC,WAAW,WAAW,WAAW,UAAU;AACxD,GAA2B;AACzB,MAAI,CAAC,KAAM,QAAO;AAElB,SACE,oBAAC,SAAM,OAAM,aAAY,WACvB,8BAAC,QAAG,WAAU,uBACX,kBAAQ,IAAI,CAAC,QAAQ;AACpB,UAAM,IAAI,gBAAgB,GAAG;AAC7B,UAAM,OAAO,EAAE;AACf,WACE,oBAAC,QACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,EAAE;AAAA,QACR,SAAS;AAAA,QACT,WAAU;AAAA,QAEV;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,YACE;AAAA,cACJ;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO,EAAE,OAAO,mBAAmB;AAAA;AAAA,cACrC;AAAA;AAAA,UACF;AAAA,UACA,qBAAC,SAAI,WAAU,kBACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO,EAAE,OAAO,iBAAiB;AAAA,gBAEhC,YAAE;AAAA;AAAA,YACL;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO,EAAE,OAAO,0BAA0B;AAAA,gBAEzC,YAAE;AAAA;AAAA,YACL;AAAA,aACF;AAAA;AAAA;AAAA,IACF,KAhCO,GAiCT;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;","names":[]}

package/dist/mobile/quick-add-item.d.ts

@@ -0,0 +1,23 @@
+interface QuickAddItemProps {
+    open: boolean;
+    onClose: () => void;
+    /** The archetype's own noun — Product, Service, Menu item, Listing. */
+    itemLabel: string;
+    /** Refresh the list once it exists. */
+    onCreated: () => void;
+}
+/**
+ * Put something on sale in three fields.
+ *
+ * "Add" opened the full desktop editor on a phone: every field the catalogue
+ * supports, on a screen that fits about four of them. A merchant adding today's
+ * special behind a counter does not have a description, a category or a SEO
+ * slug — they have a name and a price, and they need it live now.
+ *
+ * Everything omitted keeps the API's own defaults, so this creates the same
+ * shape the full editor does with fewer answers. The record opens afterwards
+ * for anyone who wants the rest, which is the honest version of "quick": fast
+ * to start, not a lesser thing.
+ */
+export declare function QuickAddItem({ open, onClose, itemLabel, onCreated, }: QuickAddItemProps): import("react").JSX.Element;
+export {};