@shopify/shop-minis-react 0.15.1 → 0.16.1

package/dist/components/atoms/content-wrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"content-wrapper.js","sources":["../../../src/components/atoms/content-wrapper.tsx"],"sourcesContent":["import {useContent} from '../../hooks/content/useContent'\nimport {Content} from '../../types'\n\nimport {ContentMonitor} from './content-monitor'\n\ninterface BaseContentWrapperProps {\n  /** A render function that receives the content data and loading state, and returns a React element. */\n  children: ({\n    content,\n    loading,\n  }: {\n    content?: Content\n    loading: boolean\n  }) => React.JSX.Element | null\n}\n\ninterface PublicIdContentWrapperProps extends BaseContentWrapperProps {\n  publicId: string\n  externalId?: never\n}\n\ninterface ExternalIdContentWrapperProps extends BaseContentWrapperProps {\n  externalId: string\n  publicId?: never\n}\n\ntype ContentWrapperProps =\n  | PublicIdContentWrapperProps\n  | ExternalIdContentWrapperProps\n\n// It's too messy in the docs to show the complete types here so we show a simplified version\nexport interface ContentWrapperPropsForDocs extends BaseContentWrapperProps {\n  /** The public ID of the content item (use this OR externalId). */\n  publicId?: string\n  /** The external ID of the content item (use this OR publicId). */\n  externalId?: string\n}\n\nexport function ContentWrapper({\n  publicId,\n  externalId,\n  children,\n}: ContentWrapperProps) {\n  const {content, loading} = useContent({\n    identifiers: [{publicId, externalId}],\n    skip: !publicId && !externalId,\n  })\n\n  const contentItem = content?.[0]\n\n  if (loading || !contentItem) {\n    return children({loading})\n  }\n\n  return (\n    <ContentMonitor publicId={contentItem.publicId}>\n      {children({content: contentItem, loading})}\n    </ContentMonitor>\n  )\n}\n"],"names":["ContentWrapper","publicId","externalId","children","content","loading","useContent","contentItem","jsx","ContentMonitor"],"mappings":";;;AAsCO,SAASA,EAAe;AAAA,EAC7B,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AACF,GAAwB;AACtB,QAAM,EAAC,SAAAC,GAAS,SAAAC,EAAO,IAAIC,EAAW;AAAA,IACpC,aAAa,CAAC,EAAC,UAAAL,GAAU,YAAAC,GAAW;AAAA,IACpC,MAAM,CAACD,KAAY,CAACC;AAAA,EAAA,CACrB,GAEKK,IAAcH,IAAU,CAAC;AAE3B,SAAAC,KAAW,CAACE,IACPJ,EAAS,EAAC,SAAAE,GAAQ,IAIzB,gBAAAG,EAACC,GAAe,EAAA,UAAUF,EAAY,UACnC,UAASJ,EAAA,EAAC,SAASI,GAAa,SAAAF,EAAO,CAAC,EAC3C,CAAA;AAEJ;"}

package/dist/components/atoms/icon-button.js

@@ -1,38 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cn as t } from "../../lib/utils.js";
-import { Button as m } from "./button.js";
-function p({
-  onClick: e,
-  filled: n = !1,
-  size: o = "default",
-  Icon: a,
-  buttonStyles: i,
-  iconStyles: s
-}) {
-  const l = {
-    sm: "size-3",
-    default: "size-4",
-    lg: "size-6"
-  };
-  return /* @__PURE__ */ r(
-    m,
-    {
-      onClick: e,
-      variant: "icon",
-      size: o,
-      className: t(i),
-      stopPropagation: !0,
-      children: /* @__PURE__ */ r(
-        a,
-        {
-          fill: n ? "currentColor" : "none",
-          className: t("text-primary-foreground", l[o], s)
-        }
-      )
-    }
-  );
-}
-export {
-  p as IconButton
-};
-//# sourceMappingURL=icon-button.js.map

package/dist/components/atoms/icon-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-button.js","sources":["../../../src/components/atoms/icon-button.tsx"],"sourcesContent":["import {LucideIcon} from 'lucide-react'\n\nimport {cn} from '../../lib/utils'\n\nimport {Button} from './button'\n\nexport interface IconButtonProps {\n  /** Click handler */\n  onClick?: () => void\n  /** Whether the button is in a filled/active state */\n  filled?: boolean\n  /** Button size variant */\n  size?: 'default' | 'sm' | 'lg'\n  /** Lucide icon component to render */\n  Icon: LucideIcon\n  /** Custom CSS classes for the button container */\n  buttonStyles?: string\n  /** Custom CSS classes for the icon */\n  iconStyles?: string\n}\n\nexport function IconButton({\n  onClick,\n  filled = false,\n  size = 'default',\n  Icon,\n  buttonStyles,\n  iconStyles,\n}: IconButtonProps) {\n  const sizeMap = {\n    sm: 'size-3',\n    default: 'size-4',\n    lg: 'size-6',\n  }\n\n  return (\n    <Button\n      onClick={onClick}\n      variant=\"icon\"\n      size={size}\n      className={cn(buttonStyles)}\n      stopPropagation\n    >\n      <Icon\n        fill={filled ? 'currentColor' : 'none'}\n        className={cn('text-primary-foreground', sizeMap[size], iconStyles)}\n      />\n    </Button>\n  )\n}\n"],"names":["IconButton","onClick","filled","size","Icon","buttonStyles","iconStyles","sizeMap","jsx","Button","cn"],"mappings":";;;AAqBO,SAASA,EAAW;AAAA,EACzB,SAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AACF,GAAoB;AAClB,QAAMC,IAAU;AAAA,IACd,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,IAAI;AAAA,EACN;AAGE,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAR;AAAA,MACA,SAAQ;AAAA,MACR,MAAAE;AAAA,MACA,WAAWO,EAAGL,CAAY;AAAA,MAC1B,iBAAe;AAAA,MAEf,UAAA,gBAAAG;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,MAAMF,IAAS,iBAAiB;AAAA,UAChC,WAAWQ,EAAG,2BAA2BH,EAAQJ,CAAI,GAAGG,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACpE;AAAA,EACF;AAEJ;"}

package/dist/components/atoms/image.js

@@ -1,80 +0,0 @@
-import { jsxs as y, jsx as m } from "react/jsx-runtime";
-import { memo as I, useState as b, useEffect as f, useMemo as d, useCallback as N } from "react";
-import { cn as r } from "../../lib/utils.js";
-import { getThumbhashBlobURL as k, getResizedImageUrl as w } from "../../utils/image.js";
-const C = I(function(h) {
-  const {
-    src: l,
-    file: s,
-    thumbhash: c,
-    onLoad: u,
-    className: L,
-    style: U,
-    aspectRatio: t = "auto",
-    objectFit: p = "contain",
-    ...R
-  } = h, [i, g] = b(!1), [a, n] = b(null);
-  f(() => {
-    if (!s) {
-      n(null);
-      return;
-    }
-    const o = URL.createObjectURL(s);
-    return n(o), () => {
-      URL.revokeObjectURL(o);
-    };
-  }, [s]);
-  const e = d(
-    () => k(c ?? void 0),
-    [c]
-  );
-  f(() => () => {
-    e && URL.revokeObjectURL(e);
-  }, [e]);
-  const j = N(
-    (o) => {
-      g(!0), u?.(o);
-    },
-    [u]
-  ), v = d(() => a || w(l), [a, l]);
-  return /* @__PURE__ */ y(
-    "div",
-    {
-      className: r("relative w-full", L),
-      style: {
-        ...U,
-        ...t !== "auto" && { aspectRatio: t }
-      },
-      children: [
-        e && !i && /* @__PURE__ */ m(
-          "img",
-          {
-            className: r(
-              t === "auto" ? "w-full h-auto" : "absolute inset-0 size-full",
-              "object-cover"
-            ),
-            src: e,
-            "aria-hidden": "true"
-          }
-        ),
-        /* @__PURE__ */ m(
-          "img",
-          {
-            className: r(
-              t === "auto" ? "opacity-0 w-full h-auto" : "absolute inset-0 opacity-0 size-full",
-              `object-${p}`,
-              i && "opacity-100"
-            ),
-            src: v,
-            onLoad: j,
-            ...R
-          }
-        )
-      ]
-    }
-  );
-});
-export {
-  C as Image
-};
-//# sourceMappingURL=image.js.map

package/dist/components/atoms/image.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image.js","sources":["../../../src/components/atoms/image.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/alt-text */\n/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport {\n  ImgHTMLAttributes,\n  useCallback,\n  useMemo,\n  memo,\n  useState,\n  useEffect,\n} from 'react'\n\nimport {cn} from '../../lib/utils'\nimport {getThumbhashBlobURL, getResizedImageUrl} from '../../utils'\n\nexport interface ImageDocProps {\n  /** Remote image URL */\n  src?: string\n  /** File object from useImagePicker (auto-manages blob URL lifecycle) */\n  file?: File\n  /** Thumbhash string for progressive loading placeholder */\n  thumbhash?: string | null\n  /** Aspect ratio (e.g., 16/9, \"4/3\", or \"auto\") */\n  aspectRatio?: number | string\n  /** How the image should fit within its container */\n  objectFit?: 'cover' | 'contain' | 'fill' | 'scale-down' | 'none'\n  /** Alt text for accessibility */\n  alt?: string\n  /** Callback when image finishes loading */\n  onLoad?: () => void\n}\n\ntype ImageProps = ImgHTMLAttributes<HTMLImageElement> & {\n  src?: string\n  file?: File\n  thumbhash?: string | null\n  aspectRatio?: number | string\n  objectFit?: 'cover' | 'contain' | 'fill' | 'scale-down' | 'none'\n}\n\nexport const Image = memo(function Image(props: ImageProps) {\n  const {\n    src,\n    file,\n    thumbhash,\n    onLoad,\n    className,\n    style,\n    aspectRatio = 'auto',\n    objectFit = 'contain',\n    ...restProps\n  } = props\n\n  const [isLoaded, setIsLoaded] = useState(false)\n  const [blobUrl, setBlobUrl] = useState<string | null>(null)\n\n  // Create and manage blob URL for File objects\n  useEffect(() => {\n    if (!file) {\n      setBlobUrl(null)\n      return\n    }\n\n    const url = URL.createObjectURL(file)\n    setBlobUrl(url)\n\n    // Cleanup on unmount or when file changes\n    return () => {\n      URL.revokeObjectURL(url)\n    }\n  }, [file])\n\n  const thumbhashBlobUrl = useMemo(\n    () => getThumbhashBlobURL(thumbhash ?? undefined),\n    [thumbhash]\n  )\n\n  // Cleanup blob URL when it changes or component unmounts\n  useEffect(() => {\n    return () => {\n      if (thumbhashBlobUrl) {\n        URL.revokeObjectURL(thumbhashBlobUrl)\n      }\n    }\n  }, [thumbhashBlobUrl])\n\n  const handleLoad = useCallback(\n    (event: React.SyntheticEvent<HTMLImageElement, Event>) => {\n      setIsLoaded(true)\n      onLoad?.(event)\n    },\n    [onLoad]\n  )\n\n  // Use blob URL if file is provided, otherwise use src\n  const imageSrc = useMemo(() => {\n    if (blobUrl) return blobUrl\n    return getResizedImageUrl(src)\n  }, [blobUrl, src])\n\n  return (\n    <div\n      className={cn('relative w-full', className)}\n      style={{\n        ...style,\n        ...(aspectRatio !== 'auto' && {aspectRatio}),\n      }}\n    >\n      {thumbhashBlobUrl && !isLoaded && (\n        <img\n          className={cn(\n            aspectRatio === 'auto'\n              ? 'w-full h-auto'\n              : 'absolute inset-0 size-full',\n            'object-cover'\n          )}\n          src={thumbhashBlobUrl}\n          aria-hidden=\"true\"\n        />\n      )}\n      <img\n        className={cn(\n          aspectRatio === 'auto'\n            ? 'opacity-0 w-full h-auto'\n            : 'absolute inset-0 opacity-0 size-full',\n          `object-${objectFit}`,\n          isLoaded && 'opacity-100'\n        )}\n        src={imageSrc}\n        onLoad={handleLoad}\n        {...restProps}\n      />\n    </div>\n  )\n})\n"],"names":["Image","memo","props","src","file","thumbhash","onLoad","className","style","aspectRatio","objectFit","restProps","isLoaded","setIsLoaded","useState","blobUrl","setBlobUrl","useEffect","url","thumbhashBlobUrl","useMemo","getThumbhashBlobURL","handleLoad","useCallback","event","imageSrc","getResizedImageUrl","jsxs","cn","jsx"],"mappings":";;;;AAuCO,MAAMA,IAAQC,EAAK,SAAeC,GAAmB;AACpD,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,IACDT,GAEE,CAACU,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxC,CAACC,GAASC,CAAU,IAAIF,EAAwB,IAAI;AAG1D,EAAAG,EAAU,MAAM;AACd,QAAI,CAACb,GAAM;AACT,MAAAY,EAAW,IAAI;AACf;AAAA,IAAA;AAGI,UAAAE,IAAM,IAAI,gBAAgBd,CAAI;AACpC,WAAAY,EAAWE,CAAG,GAGP,MAAM;AACX,UAAI,gBAAgBA,CAAG;AAAA,IACzB;AAAA,EAAA,GACC,CAACd,CAAI,CAAC;AAET,QAAMe,IAAmBC;AAAA,IACvB,MAAMC,EAAoBhB,KAAa,MAAS;AAAA,IAChD,CAACA,CAAS;AAAA,EACZ;AAGA,EAAAY,EAAU,MACD,MAAM;AACX,IAAIE,KACF,IAAI,gBAAgBA,CAAgB;AAAA,EAExC,GACC,CAACA,CAAgB,CAAC;AAErB,QAAMG,IAAaC;AAAA,IACjB,CAACC,MAAyD;AACxD,MAAAX,EAAY,EAAI,GAChBP,IAASkB,CAAK;AAAA,IAChB;AAAA,IACA,CAAClB,CAAM;AAAA,EACT,GAGMmB,IAAWL,EAAQ,MACnBL,KACGW,EAAmBvB,CAAG,GAC5B,CAACY,GAASZ,CAAG,CAAC;AAGf,SAAA,gBAAAwB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,mBAAmBrB,CAAS;AAAA,MAC1C,OAAO;AAAA,QACL,GAAGC;AAAA,QACH,GAAIC,MAAgB,UAAU,EAAC,aAAAA,EAAW;AAAA,MAC5C;AAAA,MAEC,UAAA;AAAA,QAAAU,KAAoB,CAACP,KACpB,gBAAAiB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACTnB,MAAgB,SACZ,kBACA;AAAA,cACJ;AAAA,YACF;AAAA,YACA,KAAKU;AAAA,YACL,eAAY;AAAA,UAAA;AAAA,QACd;AAAA,QAEF,gBAAAU;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACTnB,MAAgB,SACZ,4BACA;AAAA,cACJ,UAAUC,CAAS;AAAA,cACnBE,KAAY;AAAA,YACd;AAAA,YACA,KAAKa;AAAA,YACL,QAAQH;AAAA,YACP,GAAGX;AAAA,UAAA;AAAA,QAAA;AAAA,MACN;AAAA,IAAA;AAAA,EACF;AAEJ,CAAC;"}

package/dist/components/atoms/list.js

@@ -1,112 +0,0 @@
-import { jsx as e, Fragment as E, jsxs as w } from "react/jsx-runtime";
-import { useRef as d, useCallback as a, useEffect as b } from "react";
-import { Virtuoso as g } from "../../shop-minis-react/node_modules/.pnpm/react-virtuoso@4.14.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-virtuoso/dist/index.js";
-import { RefreshIndicator as k } from "../../internal/components/refresh-indicator.js";
-import { usePullToRefresh as I } from "../../internal/usePullToRefresh.js";
-import { findVirtuosoScrollableElement as M } from "../../internal/utils/virtuoso-dom.js";
-import { cn as v } from "../../lib/utils.js";
-/* empty css                         */
-import { Skeleton as U } from "../ui/skeleton.js";
-const D = 200, V = 100;
-function Q({
-  items: N,
-  height: x,
-  renderItem: f,
-  className: H,
-  showScrollbar: L = !1,
-  header: u,
-  fetchMore: r,
-  loadingComponent: p,
-  onRefresh: n,
-  refreshing: m,
-  enablePullToRefresh: i = !0,
-  ...F
-}) {
-  const s = d(null), _ = d(null), o = d(null), { state: l, bindToElement: h } = I({
-    onRefresh: n,
-    threshold: D,
-    enabled: i && !!n
-  }), R = a(() => {
-    if (s.current) return;
-    const t = Promise.resolve(r?.()).finally(() => {
-      s.current === t && (s.current = null);
-    });
-    s.current = t;
-  }, [r]), S = a(
-    (t, c) => /* @__PURE__ */ e(E, { children: f(c, t) }),
-    [f]
-  ), y = a(() => r ? p ?? /* @__PURE__ */ e(U, { className: "h-10 w-full p-8" }) : null, [p, r]), A = v(L ? void 0 : "no-scrollbars", H);
-  b(() => {
-    if (o.current && i && n) {
-      let t;
-      const T = setTimeout(() => {
-        if (!o.current) return;
-        const j = M(
-          o.current
-        );
-        t = h(j);
-      }, V);
-      return () => {
-        clearTimeout(T), t && t();
-      };
-    }
-  }, [h, i, n]);
-  const B = a(() => {
-    const t = m ? Math.max(l.pullDistance, 140) : l.pullDistance, c = Math.min(
-      Math.max(t, 0),
-      140
-    );
-    return /* @__PURE__ */ w(E, { children: [
-      i && n && /* @__PURE__ */ e(
-        "div",
-        {
-          className: "flex items-center justify-center",
-          style: {
-            height: c,
-            overflow: "hidden"
-          },
-          children: /* @__PURE__ */ e(
-            k,
-            {
-              pullDistance: l.pullDistance,
-              threshold: D,
-              isRefreshing: m ?? !1,
-              canRefresh: l.canRefresh,
-              className: "relative top-0 inset-x-auto"
-            }
-          )
-        }
-      ),
-      u && /* @__PURE__ */ e("div", { children: u })
-    ] });
-  }, [u, i, n, l, m]);
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      ref: o,
-      className: v("relative transition-all duration-200", A),
-      style: {
-        height: x
-      },
-      children: /* @__PURE__ */ e(
-        g,
-        {
-          ref: _,
-          className: "h-full w-full",
-          data: N,
-          itemContent: S,
-          components: {
-            Header: B,
-            Footer: y
-          },
-          endReached: r ? R : void 0,
-          ...F
-        }
-      )
-    }
-  );
-}
-export {
-  Q as List
-};
-//# sourceMappingURL=list.js.map

package/dist/components/atoms/list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list.js","sources":["../../../src/components/atoms/list.tsx"],"sourcesContent":["import {useCallback, useEffect, useRef} from 'react'\n\nimport {Virtuoso, VirtuosoProps} from 'react-virtuoso'\n\nimport {RefreshIndicator} from '../../internal/components/refresh-indicator'\nimport {usePullToRefresh} from '../../internal/usePullToRefresh'\nimport {findVirtuosoScrollableElement} from '../../internal/utils/virtuoso-dom'\nimport {cn} from '../../lib/utils'\nimport '../../styles/utilities.css'\nimport {Skeleton} from '../ui/skeleton'\n\nconst DEFAULT_REFRESH_PULL_THRESHOLD = 200\nconst ELEMENT_BIND_DELAY = 100\n\nexport interface ListDocProps<T = any> {\n  /** Array of items to render */\n  items: T[]\n  /** Function to render each item */\n  renderItem: (item: T, index: number) => React.ReactNode\n  /** Height of the list container */\n  height?: string | number\n  /** Show scrollbar (default: false) */\n  showScrollbar?: boolean\n  /** Header element rendered at the top of the list */\n  header?: React.ReactNode\n  /** Callback to fetch more items when scrolled to bottom */\n  fetchMore?: () => Promise<void>\n  /** Custom loading component shown while fetching more */\n  loadingComponent?: React.ReactNode\n  /** Callback for pull-to-refresh */\n  onRefresh?: () => Promise<void>\n  /** Whether the list is currently refreshing */\n  refreshing?: boolean\n  /** Enable pull-to-refresh gesture (default: true) */\n  enablePullToRefresh?: boolean\n}\n\nexport interface ListProps<T = any> extends Omit<\n  VirtuosoProps<T, unknown>,\n  'data' | 'itemContent' | 'endReached'\n> {\n  items: T[]\n  renderItem: (item: T, index: number) => React.ReactNode\n  showScrollbar?: boolean\n  header?: React.ReactNode\n  fetchMore?: () => Promise<void>\n  loadingComponent?: React.ReactNode\n  onRefresh?: () => Promise<void>\n  refreshing?: boolean\n  enablePullToRefresh?: boolean\n}\n\nexport function List<T = any>({\n  items,\n  height,\n  renderItem,\n  className,\n  showScrollbar = false,\n  header,\n  fetchMore,\n  loadingComponent,\n  onRefresh,\n  refreshing,\n  enablePullToRefresh = true,\n  ...virtuosoProps\n}: ListProps<T>) {\n  const inFlightFetchMoreRef = useRef<Promise<void> | null>(null)\n  const virtuosoRef = useRef<any>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  const {state: pullToRefreshState, bindToElement} = usePullToRefresh({\n    onRefresh,\n    threshold: DEFAULT_REFRESH_PULL_THRESHOLD,\n    enabled: enablePullToRefresh && Boolean(onRefresh),\n  })\n\n  const _fetchMore = useCallback(() => {\n    // Dedupe concurrent calls by returning the same in-flight promise\n    if (inFlightFetchMoreRef.current) return\n\n    const current = Promise.resolve(fetchMore?.()).finally(() => {\n      // Only clear if this is still the most recent promise\n      if (inFlightFetchMoreRef.current === current) {\n        inFlightFetchMoreRef.current = null\n      }\n    })\n\n    inFlightFetchMoreRef.current = current\n  }, [fetchMore])\n\n  const itemContent = useCallback(\n    (index: number, item: T) => <>{renderItem(item, index)}</>,\n    [renderItem]\n  )\n\n  const Footer = useCallback(() => {\n    if (!fetchMore) return null\n\n    return loadingComponent ?? <Skeleton className=\"h-10 w-full p-8\" />\n  }, [loadingComponent, fetchMore])\n\n  const classNames = cn(showScrollbar ? undefined : 'no-scrollbars', className)\n\n  useEffect(() => {\n    if (containerRef.current && enablePullToRefresh && onRefresh) {\n      let cleanup: (() => void) | undefined\n\n      const findAndBind = () => {\n        if (!containerRef.current) return\n\n        const scrollableElement = findVirtuosoScrollableElement(\n          containerRef.current\n        )\n        cleanup = bindToElement(scrollableElement)\n      }\n\n      const timeoutId = setTimeout(findAndBind, ELEMENT_BIND_DELAY)\n\n      return () => {\n        clearTimeout(timeoutId)\n        if (cleanup) cleanup()\n      }\n    }\n    return undefined\n  }, [bindToElement, enablePullToRefresh, onRefresh])\n\n  const EnhancedHeader = useCallback(() => {\n    const effectivePullDistance = refreshing\n      ? Math.max(pullToRefreshState.pullDistance, 140)\n      : pullToRefreshState.pullDistance\n\n    const refreshHeaderHeight = Math.min(\n      Math.max(effectivePullDistance, 0),\n      140\n    )\n\n    return (\n      <>\n        {enablePullToRefresh && onRefresh && (\n          <div\n            className=\"flex items-center justify-center\"\n            style={{\n              height: refreshHeaderHeight,\n              overflow: 'hidden',\n            }}\n          >\n            <RefreshIndicator\n              pullDistance={pullToRefreshState.pullDistance}\n              threshold={DEFAULT_REFRESH_PULL_THRESHOLD}\n              isRefreshing={refreshing ?? false}\n              canRefresh={pullToRefreshState.canRefresh}\n              className=\"relative top-0 inset-x-auto\"\n            />\n          </div>\n        )}\n        {header && <div>{header}</div>}\n      </>\n    )\n  }, [header, enablePullToRefresh, onRefresh, pullToRefreshState, refreshing])\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn('relative transition-all duration-200', classNames)}\n      style={{\n        height,\n      }}\n    >\n      <Virtuoso\n        ref={virtuosoRef}\n        className=\"h-full w-full\"\n        data={items}\n        itemContent={itemContent}\n        components={{\n          Header: EnhancedHeader,\n          Footer,\n        }}\n        endReached={fetchMore ? _fetchMore : undefined}\n        {...virtuosoProps}\n      />\n    </div>\n  )\n}\n"],"names":["DEFAULT_REFRESH_PULL_THRESHOLD","ELEMENT_BIND_DELAY","List","items","height","renderItem","className","showScrollbar","header","fetchMore","loadingComponent","onRefresh","refreshing","enablePullToRefresh","virtuosoProps","inFlightFetchMoreRef","useRef","virtuosoRef","containerRef","pullToRefreshState","bindToElement","usePullToRefresh","_fetchMore","useCallback","current","itemContent","index","item","Footer","jsx","Skeleton","classNames","cn","useEffect","cleanup","timeoutId","scrollableElement","findVirtuosoScrollableElement","EnhancedHeader","effectivePullDistance","refreshHeaderHeight","jsxs","Fragment","RefreshIndicator","Virtuoso"],"mappings":"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"}

package/dist/components/atoms/long-press-detector.js

@@ -1,33 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import * as t from "react";
-import { motion as s } from "../../shop-minis-react/node_modules/.pnpm/motion@12.17.3_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
-const l = ({
-  onLongPress: e,
-  delay: o = 500,
-  children: c,
-  ...a
-}) => {
-  const r = t.useRef(void 0), u = t.useCallback(() => {
-    r.current = window.setTimeout(() => {
-      e(), r.current = void 0;
-    }, o);
-  }, [e, o]), n = t.useCallback(() => {
-    r.current && (clearTimeout(r.current), r.current = void 0);
-  }, []);
-  return t.useEffect(() => () => {
-    r.current && clearTimeout(r.current);
-  }, []), /* @__PURE__ */ i(
-    s.div,
-    {
-      onTapStart: u,
-      onTap: n,
-      onTapCancel: n,
-      ...a,
-      children: c
-    }
-  );
-};
-export {
-  l as LongPressDetector
-};
-//# sourceMappingURL=long-press-detector.js.map

package/dist/components/atoms/long-press-detector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"long-press-detector.js","sources":["../../../src/components/atoms/long-press-detector.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {motion, HTMLMotionProps} from 'motion/react'\n\ninterface LongPressDetectorProps extends HTMLMotionProps<'div'> {\n  onLongPress: () => void\n  delay?: number\n  children: React.ReactNode\n}\n\nexport const LongPressDetector = ({\n  onLongPress,\n  delay = 500,\n  children,\n  ...motionProps\n}: LongPressDetectorProps) => {\n  const longPressTimeoutRef = React.useRef<number | undefined>(undefined)\n\n  const handleTapStart = React.useCallback(() => {\n    longPressTimeoutRef.current = window.setTimeout(() => {\n      onLongPress()\n      longPressTimeoutRef.current = undefined\n    }, delay)\n  }, [onLongPress, delay])\n\n  const handleTapEnd = React.useCallback(() => {\n    if (longPressTimeoutRef.current) {\n      clearTimeout(longPressTimeoutRef.current)\n      longPressTimeoutRef.current = undefined\n    }\n  }, [])\n\n  // Cleanup timer on unmount\n  React.useEffect(() => {\n    return () => {\n      if (longPressTimeoutRef.current) {\n        clearTimeout(longPressTimeoutRef.current)\n      }\n    }\n  }, [])\n\n  return (\n    <motion.div\n      onTapStart={handleTapStart}\n      onTap={handleTapEnd}\n      onTapCancel={handleTapEnd}\n      {...motionProps}\n    >\n      {children}\n    </motion.div>\n  )\n}\n"],"names":["LongPressDetector","onLongPress","delay","children","motionProps","longPressTimeoutRef","React","handleTapStart","handleTapEnd","jsx","motion"],"mappings":";;;AAUO,MAAMA,IAAoB,CAAC;AAAA,EAChC,aAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,GAAGC;AACL,MAA8B;AACtB,QAAAC,IAAsBC,EAAM,OAA2B,MAAS,GAEhEC,IAAiBD,EAAM,YAAY,MAAM;AACzB,IAAAD,EAAA,UAAU,OAAO,WAAW,MAAM;AACxC,MAAAJ,EAAA,GACZI,EAAoB,UAAU;AAAA,OAC7BH,CAAK;AAAA,EAAA,GACP,CAACD,GAAaC,CAAK,CAAC,GAEjBM,IAAeF,EAAM,YAAY,MAAM;AAC3C,IAAID,EAAoB,YACtB,aAAaA,EAAoB,OAAO,GACxCA,EAAoB,UAAU;AAAA,EAElC,GAAG,EAAE;AAGL,SAAAC,EAAM,UAAU,MACP,MAAM;AACX,IAAID,EAAoB,WACtB,aAAaA,EAAoB,OAAO;AAAA,EAE5C,GACC,EAAE,GAGH,gBAAAI;AAAA,IAACC,EAAO;AAAA,IAAP;AAAA,MACC,YAAYH;AAAA,MACZ,OAAOC;AAAA,MACP,aAAaA;AAAA,MACZ,GAAGJ;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/components/atoms/product-variant-price.js

@@ -1,54 +0,0 @@
-import { jsx as n, jsxs as h, Fragment as d } from "react/jsx-runtime";
-import { cn as i } from "../../lib/utils.js";
-import { formatMoney as a } from "../../utils/formatMoney.js";
-function N({
-  amount: r,
-  currencyCode: t,
-  compareAtPriceAmount: s,
-  compareAtPriceCurrencyCode: o,
-  currentPriceClassName: e,
-  originalPriceClassName: m,
-  className: x
-}) {
-  if (!r || !t)
-    return null;
-  const f = s && s !== r, l = String(r), g = s ? String(s) : void 0;
-  return /* @__PURE__ */ n("div", { className: i("flex items-center gap-2", x), children: f ? /* @__PURE__ */ h(d, { children: [
-    /* @__PURE__ */ n(
-      "span",
-      {
-        className: i(
-          "text-sm font-semibold text-gray-900",
-          e
-        ),
-        children: a(l, t)
-      }
-    ),
-    /* @__PURE__ */ n(
-      "span",
-      {
-        className: i(
-          "text-sm text-gray-500 line-through",
-          m
-        ),
-        children: a(
-          g,
-          o || t
-        )
-      }
-    )
-  ] }) : /* @__PURE__ */ n(
-    "span",
-    {
-      className: i(
-        "text-sm font-semibold text-gray-900",
-        e
-      ),
-      children: a(l, t)
-    }
-  ) });
-}
-export {
-  N as ProductVariantPrice
-};
-//# sourceMappingURL=product-variant-price.js.map

package/dist/components/atoms/product-variant-price.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"product-variant-price.js","sources":["../../../src/components/atoms/product-variant-price.tsx"],"sourcesContent":["import {cn} from '../../lib/utils'\nimport {formatMoney} from '../../utils/formatMoney'\n\nexport interface ProductVariantPriceProps {\n  amount: number | string\n  currencyCode?: string\n  compareAtPriceAmount?: number | string\n  compareAtPriceCurrencyCode?: string\n  currentPriceClassName?: string\n  originalPriceClassName?: string\n  className?: string\n}\n\nexport function ProductVariantPrice({\n  amount,\n  currencyCode,\n  compareAtPriceAmount,\n  compareAtPriceCurrencyCode,\n  currentPriceClassName,\n  originalPriceClassName,\n  className,\n}: ProductVariantPriceProps) {\n  if (!amount || !currencyCode) {\n    return null\n  }\n\n  const hasDiscount = compareAtPriceAmount && compareAtPriceAmount !== amount\n\n  const amountStr = String(amount)\n  const compareAtPriceAmountStr = compareAtPriceAmount\n    ? String(compareAtPriceAmount)\n    : undefined\n\n  return (\n    <div className={cn('flex items-center gap-2', className)}>\n      {hasDiscount ? (\n        <>\n          <span\n            className={cn(\n              'text-sm font-semibold text-gray-900',\n              currentPriceClassName\n            )}\n          >\n            {formatMoney(amountStr, currencyCode)}\n          </span>\n          <span\n            className={cn(\n              'text-sm text-gray-500 line-through',\n              originalPriceClassName\n            )}\n          >\n            {formatMoney(\n              compareAtPriceAmountStr!,\n              compareAtPriceCurrencyCode || currencyCode\n            )}\n          </span>\n        </>\n      ) : (\n        <span\n          className={cn(\n            'text-sm font-semibold text-gray-900',\n            currentPriceClassName\n          )}\n        >\n          {formatMoney(amountStr, currencyCode)}\n        </span>\n      )}\n    </div>\n  )\n}\n"],"names":["ProductVariantPrice","amount","currencyCode","compareAtPriceAmount","compareAtPriceCurrencyCode","currentPriceClassName","originalPriceClassName","className","hasDiscount","amountStr","compareAtPriceAmountStr","jsx","cn","jsxs","Fragment","formatMoney"],"mappings":";;;AAaO,SAASA,EAAoB;AAAA,EAClC,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,4BAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,WAAAC;AACF,GAA6B;AACvB,MAAA,CAACN,KAAU,CAACC;AACP,WAAA;AAGH,QAAAM,IAAcL,KAAwBA,MAAyBF,GAE/DQ,IAAY,OAAOR,CAAM,GACzBS,IAA0BP,IAC5B,OAAOA,CAAoB,IAC3B;AAGF,SAAA,gBAAAQ,EAAC,SAAI,WAAWC,EAAG,2BAA2BL,CAAS,GACpD,cAEG,gBAAAM,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACT;AAAA,UACAP;AAAA,QACF;AAAA,QAEC,UAAAU,EAAYN,GAAWP,CAAY;AAAA,MAAA;AAAA,IACtC;AAAA,IACA,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACT;AAAA,UACAN;AAAA,QACF;AAAA,QAEC,UAAAS;AAAA,UACCL;AAAA,UACAN,KAA8BF;AAAA,QAAA;AAAA,MAChC;AAAA,IAAA;AAAA,EACF,EAAA,CACF,IAEA,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAP;AAAA,MACF;AAAA,MAEC,UAAAU,EAAYN,GAAWP,CAAY;AAAA,IAAA;AAAA,EAAA,GAG1C;AAEJ;"}

package/dist/components/atoms/safe-area.js

@@ -1,37 +0,0 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useSafeArea as g } from "../../hooks/util/useSafeArea.js";
-const m = ["top", "right", "bottom", "left"], d = {
-  top: "var(--safe-area-inset-top, 0px)",
-  right: "var(--safe-area-inset-right, 0px)",
-  bottom: "var(--safe-area-inset-bottom, 0px)",
-  left: "var(--safe-area-inset-left, 0px)"
-}, c = {
-  padding: {
-    top: "paddingTop",
-    right: "paddingRight",
-    bottom: "paddingBottom",
-    left: "paddingLeft"
-  },
-  margin: {
-    top: "marginTop",
-    right: "marginRight",
-    bottom: "marginBottom",
-    left: "marginLeft"
-  }
-};
-function x({
-  edges: e = m,
-  mode: a = "padding",
-  className: i,
-  style: r,
-  children: n
-}) {
-  const o = { ...r }, s = c[a], p = g();
-  for (const t of e)
-    p?.[t] > 0 && (o[s[t]] = d[t]);
-  return /* @__PURE__ */ f("div", { className: i, style: o, children: n });
-}
-export {
-  x as SafeArea
-};
-//# sourceMappingURL=safe-area.js.map

package/dist/components/atoms/safe-area.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"safe-area.js","sources":["../../../src/components/atoms/safe-area.tsx"],"sourcesContent":["import {useSafeArea} from '../../hooks/util/useSafeArea'\n\ntype Edge = 'top' | 'right' | 'bottom' | 'left'\n\nexport interface SafeAreaDocProps {\n  /** Which edges to apply safe area insets to. Defaults to all edges. */\n  edges?: Edge[]\n  /** Whether to apply insets as padding or margin. Defaults to 'padding'. */\n  mode?: 'padding' | 'margin'\n  /** Additional CSS classes */\n  className?: string\n  /** Additional inline styles */\n  style?: React.CSSProperties\n  /** Content to render inside the safe area */\n  children?: React.ReactNode\n}\n\nconst ALL_EDGES: Edge[] = ['top', 'right', 'bottom', 'left']\n\nconst CSS_VAR_MAP: {[key in Edge]: string} = {\n  top: 'var(--safe-area-inset-top, 0px)',\n  right: 'var(--safe-area-inset-right, 0px)',\n  bottom: 'var(--safe-area-inset-bottom, 0px)',\n  left: 'var(--safe-area-inset-left, 0px)',\n}\n\nconst STYLE_KEY_MAP: {[key in 'padding' | 'margin']: {[edge in Edge]: string}} =\n  {\n    padding: {\n      top: 'paddingTop',\n      right: 'paddingRight',\n      bottom: 'paddingBottom',\n      left: 'paddingLeft',\n    },\n    margin: {\n      top: 'marginTop',\n      right: 'marginRight',\n      bottom: 'marginBottom',\n      left: 'marginLeft',\n    },\n  }\n\n/**\n * A container that applies safe area insets as padding or margin.\n *\n * Ensures content isn't hidden behind system UI (home indicator,\n * navigation bar, etc).\n *\n * Uses CSS custom properties (`--safe-area-inset-*`) injected by the\n * Shop app, which work reliably on both iOS and Android.\n *\n * Only applies inline padding/margin for edges where the safe area\n * inset is non-zero, so your Tailwind classes and styles are preserved\n * on edges that don't need safe area handling.\n *\n * @example\n * ```tsx\n * <SafeArea edges={['bottom']}>\n *   <footer>Sticky footer content</footer>\n * </SafeArea>\n * ```\n *\n * @example\n * ```tsx\n * <SafeArea className=\"pt-12 px-4\">\n *   <div>Custom top/side padding, safe area bottom</div>\n * </SafeArea>\n * ```\n */\nexport function SafeArea({\n  edges = ALL_EDGES,\n  mode = 'padding',\n  className,\n  style: styleProp,\n  children,\n}: SafeAreaDocProps) {\n  const style: React.CSSProperties = {...styleProp}\n  const keys = STYLE_KEY_MAP[mode]\n  const insets = useSafeArea()\n\n  for (const edge of edges) {\n    if (insets?.[edge] > 0) {\n      ;(style as any)[keys[edge]] = CSS_VAR_MAP[edge]\n    }\n  }\n\n  return (\n    <div className={className} style={style}>\n      {children}\n    </div>\n  )\n}\n"],"names":["ALL_EDGES","CSS_VAR_MAP","STYLE_KEY_MAP","SafeArea","edges","mode","className","styleProp","children","style","keys","insets","useSafeArea","edge","jsx"],"mappings":";;AAiBA,MAAMA,IAAoB,CAAC,OAAO,SAAS,UAAU,MAAM,GAErDC,IAAuC;AAAA,EAC3C,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACR,GAEMC,IACJ;AAAA,EACE,SAAS;AAAA,IACP,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EACA,QAAQ;AAAA,IACN,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAEV;AA6BK,SAASC,EAAS;AAAA,EACvB,OAAAC,IAAQJ;AAAA,EACR,MAAAK,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,OAAOC;AAAA,EACP,UAAAC;AACF,GAAqB;AACb,QAAAC,IAA6B,EAAC,GAAGF,EAAS,GAC1CG,IAAOR,EAAcG,CAAI,GACzBM,IAASC,EAAY;AAE3B,aAAWC,KAAQT;AACb,IAAAO,IAASE,CAAI,IAAI,MACjBJ,EAAcC,EAAKG,CAAI,CAAC,IAAIZ,EAAYY,CAAI;AAIlD,SACG,gBAAAC,EAAA,OAAA,EAAI,WAAAR,GAAsB,OAAAG,GACxB,UAAAD,EACH,CAAA;AAEJ;"}

package/dist/components/atoms/static-area.js

@@ -1,23 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-function n({
-  position: i,
-  children: t
-}) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      style: {
-        position: "fixed",
-        left: 0,
-        right: 0,
-        [i]: 0,
-        viewTransitionName: `minis-fixed-${i}`
-      },
-      children: t
-    }
-  );
-}
-export {
-  n as StaticArea
-};
-//# sourceMappingURL=static-area.js.map

package/dist/components/atoms/static-area.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"static-area.js","sources":["../../../src/components/atoms/static-area.tsx"],"sourcesContent":["export interface StaticAreaDocProps {\n  /** Position of the fixed area on screen - either pinned to top or bottom */\n  position: 'top' | 'bottom'\n  /** Static area content */\n  children?: React.ReactNode\n}\n\nexport function StaticArea({\n  position,\n  children,\n}: {\n  position: 'top' | 'bottom'\n  children: React.ReactNode\n}) {\n  return (\n    <div\n      style={{\n        position: 'fixed',\n        left: 0,\n        right: 0,\n        [position]: 0,\n        viewTransitionName: `minis-fixed-${position}`,\n      }}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["StaticArea","position","children","jsx"],"mappings":";AAOO,SAASA,EAAW;AAAA,EACzB,UAAAC;AAAA,EACA,UAAAC;AACF,GAGG;AAEC,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,QACP,CAACF,CAAQ,GAAG;AAAA,QACZ,oBAAoB,eAAeA,CAAQ;AAAA,MAC7C;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/components/atoms/text-input.js

@@ -1,22 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import * as t from "react";
-import { Input as s } from "../ui/input.js";
-import { useKeyboardAvoidingView as f } from "../../hooks/util/useKeyboardAvoidingView.js";
-function F({ ...o }) {
-  const n = t.useRef(null), { onBlur: e, onFocus: r } = f(), c = t.useCallback(
-    (u) => {
-      r(n), o.onFocus?.(u);
-    },
-    [o, r, n]
-  ), i = t.useCallback(
-    (u) => {
-      e(), o.onBlur?.(u);
-    },
-    [o, e]
-  );
-  return /* @__PURE__ */ l(s, { innerRef: n, onFocus: c, onBlur: i, ...o });
-}
-export {
-  F as TextInput
-};
-//# sourceMappingURL=text-input.js.map

package/dist/components/atoms/text-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-input.js","sources":["../../../src/components/atoms/text-input.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {useKeyboardAvoidingView} from '../../hooks'\nimport {Input} from '../ui/input'\n\nexport type TextInputProps = React.ComponentProps<'input'>\n\nfunction TextInput({...props}: TextInputProps) {\n  const inputRef = React.useRef<HTMLInputElement>(null)\n  const {onBlur, onFocus} = useKeyboardAvoidingView()\n\n  const _onFocus = React.useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      onFocus(inputRef)\n      props.onFocus?.(event)\n    },\n    [props, onFocus, inputRef]\n  )\n\n  const _onBlur = React.useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      onBlur()\n      props.onBlur?.(event)\n    },\n    [props, onBlur]\n  )\n\n  return (\n    <Input innerRef={inputRef} onFocus={_onFocus} onBlur={_onBlur} {...props} />\n  )\n}\n\nexport {TextInput}\n"],"names":["TextInput","props","inputRef","React","onBlur","onFocus","useKeyboardAvoidingView","_onFocus","event","_onBlur","jsx","Input"],"mappings":";;;;AAOA,SAASA,EAAU,EAAC,GAAGC,KAAwB;AACvC,QAAAC,IAAWC,EAAM,OAAyB,IAAI,GAC9C,EAAC,QAAAC,GAAQ,SAAAC,EAAO,IAAIC,EAAwB,GAE5CC,IAAWJ,EAAM;AAAA,IACrB,CAACK,MAA8C;AAC7C,MAAAH,EAAQH,CAAQ,GAChBD,EAAM,UAAUO,CAAK;AAAA,IACvB;AAAA,IACA,CAACP,GAAOI,GAASH,CAAQ;AAAA,EAC3B,GAEMO,IAAUN,EAAM;AAAA,IACpB,CAACK,MAA8C;AACtC,MAAAJ,EAAA,GACPH,EAAM,SAASO,CAAK;AAAA,IACtB;AAAA,IACA,CAACP,GAAOG,CAAM;AAAA,EAChB;AAGE,SAAA,gBAAAM,EAACC,KAAM,UAAUT,GAAU,SAASK,GAAU,QAAQE,GAAU,GAAGR,EAAO,CAAA;AAE9E;"}

package/dist/components/atoms/touchable.js

@@ -1,60 +0,0 @@
-import { jsx as d } from "react/jsx-runtime";
-import * as i from "react";
-import { useAnimationControls as f } from "../../shop-minis-react/node_modules/.pnpm/motion@12.17.3_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/motion/dist/es/framer-motion/dist/es/animation/hooks/use-animation.js";
-import { motion as y } from "../../shop-minis-react/node_modules/.pnpm/motion@12.17.3_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
-const L = ({
-  children: u,
-  onClick: a,
-  stopPropagation: t = !1,
-  ...l
-}) => {
-  const r = i.useRef(null), o = f(), { ref: w, ...p } = l, m = i.useCallback(
-    (e) => {
-      t && e.stopPropagation(), a?.(e);
-    },
-    [t, a]
-  );
-  return i.useEffect(() => {
-    if (!t || !r.current) return;
-    const e = r.current, s = (n) => {
-      n.stopImmediatePropagation(), n.stopPropagation(), o.start({
-        opacity: 0.7,
-        transition: {
-          opacity: { type: "tween", duration: 0.08, ease: "linear" }
-        }
-      });
-    }, c = (n) => {
-      n.stopImmediatePropagation(), n.stopPropagation(), o.start({
-        opacity: 1,
-        transition: {
-          opacity: { type: "tween", duration: 0.08, ease: "linear" }
-        }
-      });
-    };
-    return e.addEventListener("pointerdown", s, !0), e.addEventListener("pointerup", c, !0), () => {
-      e.removeEventListener("pointerdown", s, !0), e.removeEventListener("pointerup", c, !0);
-    };
-  }, [t, o]), /* @__PURE__ */ d(
-    y.div,
-    {
-      ref: r,
-      "data-touchable": "true",
-      className: "flex w-full",
-      animate: t ? o : void 0,
-      whileTap: t ? void 0 : { opacity: 0.7 },
-      transition: {
-        opacity: { type: "tween", duration: 0.08, ease: "linear" }
-      },
-      onClick: m,
-      style: {
-        touchAction: t ? "manipulation" : void 0
-      },
-      ...p,
-      children: u
-    }
-  );
-};
-export {
-  L as Touchable
-};
-//# sourceMappingURL=touchable.js.map

package/dist/components/atoms/touchable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"touchable.js","sources":["../../../src/components/atoms/touchable.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {motion, HTMLMotionProps, useAnimationControls} from 'motion/react'\n\nexport interface TouchableDocProps {\n  /** Click handler */\n  onClick?: React.MouseEventHandler<HTMLDivElement>\n  /** Prevent click event from bubbling to parent elements */\n  stopPropagation?: boolean\n  /** Content to render inside the touchable area */\n  children?: React.ReactNode\n}\n\nexport interface TouchableProps extends HTMLMotionProps<'div'> {\n  onClick?: React.MouseEventHandler<HTMLDivElement>\n  stopPropagation?: boolean\n}\n\nexport const Touchable = ({\n  children,\n  onClick,\n  stopPropagation = false,\n  ...props\n}: TouchableProps) => {\n  const ref = React.useRef<HTMLDivElement>(null)\n  const controls = useAnimationControls()\n\n  // Filter out props that shouldn't be passed to motion.div\n  // Any other custom props that get added to the component interface should be filtered here\n  const {ref: _, ...motionProps} = props\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      if (stopPropagation) event.stopPropagation()\n      onClick?.(event)\n    },\n    [stopPropagation, onClick]\n  )\n\n  // Handle animations manually when stopPropagation is true to prevent parent from receiving event\n  React.useEffect(() => {\n    if (!stopPropagation || !ref.current) return\n\n    const element = ref.current\n\n    const handlePointerDown = (event: PointerEvent) => {\n      event.stopImmediatePropagation()\n      event.stopPropagation()\n\n      // Animate to pressed state\n      controls.start({\n        opacity: 0.7,\n        transition: {\n          opacity: {type: 'tween', duration: 0.08, ease: 'linear'},\n        },\n      })\n    }\n\n    const handlePointerUp = (event: PointerEvent) => {\n      event.stopImmediatePropagation()\n      event.stopPropagation()\n\n      // Animate back to normal state\n      controls.start({\n        opacity: 1,\n        transition: {\n          opacity: {type: 'tween', duration: 0.08, ease: 'linear'},\n        },\n      })\n    }\n\n    // Capture pointer event before Motion\n    element.addEventListener('pointerdown', handlePointerDown, true)\n    element.addEventListener('pointerup', handlePointerUp, true)\n\n    return () => {\n      element.removeEventListener('pointerdown', handlePointerDown, true)\n      element.removeEventListener('pointerup', handlePointerUp, true)\n    }\n  }, [stopPropagation, controls])\n\n  return (\n    <motion.div\n      ref={ref}\n      data-touchable=\"true\"\n      className=\"flex w-full\"\n      animate={stopPropagation ? controls : undefined}\n      whileTap={stopPropagation ? undefined : {opacity: 0.7}}\n      transition={{\n        opacity: {type: 'tween', duration: 0.08, ease: 'linear'},\n      }}\n      onClick={handleClick}\n      style={{\n        touchAction: stopPropagation ? 'manipulation' : undefined,\n      }}\n      {...motionProps}\n    >\n      {children}\n    </motion.div>\n  )\n}\n"],"names":["Touchable","children","onClick","stopPropagation","props","ref","React","controls","useAnimationControls","_","motionProps","handleClick","event","element","handlePointerDown","handlePointerUp","jsx","motion"],"mappings":";;;;AAkBO,MAAMA,IAAY,CAAC;AAAA,EACxB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGC;AACL,MAAsB;AACd,QAAAC,IAAMC,EAAM,OAAuB,IAAI,GACvCC,IAAWC,EAAqB,GAIhC,EAAC,KAAKC,GAAG,GAAGC,EAAe,IAAAN,GAE3BO,IAAcL,EAAM;AAAA,IACxB,CAACM,MAA4C;AACvC,MAAAT,OAAuB,gBAAgB,GAC3CD,IAAUU,CAAK;AAAA,IACjB;AAAA,IACA,CAACT,GAAiBD,CAAO;AAAA,EAC3B;AAGA,SAAAI,EAAM,UAAU,MAAM;AACpB,QAAI,CAACH,KAAmB,CAACE,EAAI,QAAS;AAEtC,UAAMQ,IAAUR,EAAI,SAEdS,IAAoB,CAACF,MAAwB;AACjD,MAAAA,EAAM,yBAAyB,GAC/BA,EAAM,gBAAgB,GAGtBL,EAAS,MAAM;AAAA,QACb,SAAS;AAAA,QACT,YAAY;AAAA,UACV,SAAS,EAAC,MAAM,SAAS,UAAU,MAAM,MAAM,SAAQ;AAAA,QAAA;AAAA,MACzD,CACD;AAAA,IACH,GAEMQ,IAAkB,CAACH,MAAwB;AAC/C,MAAAA,EAAM,yBAAyB,GAC/BA,EAAM,gBAAgB,GAGtBL,EAAS,MAAM;AAAA,QACb,SAAS;AAAA,QACT,YAAY;AAAA,UACV,SAAS,EAAC,MAAM,SAAS,UAAU,MAAM,MAAM,SAAQ;AAAA,QAAA;AAAA,MACzD,CACD;AAAA,IACH;AAGQ,WAAAM,EAAA,iBAAiB,eAAeC,GAAmB,EAAI,GACvDD,EAAA,iBAAiB,aAAaE,GAAiB,EAAI,GAEpD,MAAM;AACH,MAAAF,EAAA,oBAAoB,eAAeC,GAAmB,EAAI,GAC1DD,EAAA,oBAAoB,aAAaE,GAAiB,EAAI;AAAA,IAChE;AAAA,EAAA,GACC,CAACZ,GAAiBI,CAAQ,CAAC,GAG5B,gBAAAS;AAAA,IAACC,EAAO;AAAA,IAAP;AAAA,MACC,KAAAZ;AAAA,MACA,kBAAe;AAAA,MACf,WAAU;AAAA,MACV,SAASF,IAAkBI,IAAW;AAAA,MACtC,UAAUJ,IAAkB,SAAY,EAAC,SAAS,IAAG;AAAA,MACrD,YAAY;AAAA,QACV,SAAS,EAAC,MAAM,SAAS,UAAU,MAAM,MAAM,SAAQ;AAAA,MACzD;AAAA,MACA,SAASQ;AAAA,MACT,OAAO;AAAA,QACL,aAAaR,IAAkB,iBAAiB;AAAA,MAClD;AAAA,MACC,GAAGO;AAAA,MAEH,UAAAT;AAAA,IAAA;AAAA,EACH;AAEJ;"}