@shopify/shop-minis-react 0.1.3 → 0.1.5

package/dist/_virtual/index10.js

@@ -1,5 +1,5 @@
-var e = { exports: {} };
+var r = {};
 export {
-  e as __module
+  r as __exports
 };
 //# sourceMappingURL=index10.js.map

package/dist/_virtual/index4.js

@@ -1,5 +1,5 @@
-var e = { exports: {} };
+var r = {};
 export {
-  e as __module
+  r as __exports
 };
 //# sourceMappingURL=index4.js.map

package/dist/_virtual/index5.js

@@ -1,6 +1,6 @@
-import { __require as r } from "../shop-minis-react/node_modules/.pnpm/@xmldom_xmldom@0.8.10/node_modules/@xmldom/xmldom/lib/index.js";
+import { __require as r } from "../shop-minis-react/node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/shim/index.js";
 var i = r();
 export {
-  i as l
+  i as s
 };
 //# sourceMappingURL=index5.js.map

package/dist/_virtual/index6.js

@@ -1,6 +1,5 @@
-import { __require as r } from "../shop-minis-react/node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/shim/index.js";
-var i = r();
+var e = { exports: {} };
 export {
-  i as s
+  e as __module
 };
 //# sourceMappingURL=index6.js.map

package/dist/_virtual/index6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/index7.js

@@ -1,5 +1,6 @@
-var r = {};
+import { __require as r } from "../shop-minis-react/node_modules/.pnpm/@xmldom_xmldom@0.8.10/node_modules/@xmldom/xmldom/lib/index.js";
+var i = r();
 export {
-  r as __exports
+  i as l
 };
 //# sourceMappingURL=index7.js.map

package/dist/_virtual/index7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/_virtual/index9.js

@@ -1,5 +1,5 @@
-var r = {};
+var e = { exports: {} };
 export {
-  r as __exports
+  e as __module
 };
 //# sourceMappingURL=index9.js.map

package/dist/components/atoms/list.js

@@ -1,58 +1,55 @@
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import { useRef as V, useCallback as f } from "react";
-import { VariableSizeList as _ } from "../../shop-minis-react/node_modules/.pnpm/react-window@1.8.11_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-window/dist/index.esm.js";
-import { cn as j } from "../../lib/utils.js";
+import { jsx as o, Fragment as x } from "react/jsx-runtime";
+import { useRef as y, useCallback as s } from "react";
+import { Virtuoso as N } 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 { cn as P } from "../../lib/utils.js";
 /* empty css                         */
-import { Pagination as C } from "./pagination.js";
-const N = _;
-function q({
-  items: t,
-  height: p,
-  renderItem: o,
-  className: v,
-  showScrollbar: b = !1,
-  header: i,
-  headerHeight: c,
-  itemSizeForRow: a,
-  fetchMore: l,
-  overscanCount: g,
-  ...h
+import { Pagination as g } from "./pagination.js";
+function L({
+  items: a,
+  height: m,
+  renderItem: i,
+  className: f,
+  showScrollbar: d = !1,
+  header: c,
+  fetchMore: r,
+  loadingComponent: l,
+  isFetchingMore: u,
+  ...p
 }) {
-  const s = V(null), e = f(() => {
-    if (s.current) return;
-    const r = Promise.resolve(l?.()).finally(() => {
-      s.current === r && (s.current = null);
+  const t = y(null), e = s(() => {
+    if (t.current) return;
+    const n = Promise.resolve(r?.()).finally(() => {
+      t.current === n && (t.current = null);
     });
-    s.current = r;
-  }, [l]), L = f(
-    ({ index: r, style: u }) => i && r === 0 ? /* @__PURE__ */ m("div", { style: u, children: [
-      i,
-      /* @__PURE__ */ n("div", { style: { top: c }, children: o(t[0], 0) })
-    ] }) : l && r === t.length - 1 ? /* @__PURE__ */ m("div", { style: u, children: [
-      o(t[r], r),
-      /* @__PURE__ */ n("div", { style: { bottom: 0 }, children: /* @__PURE__ */ n(C, { fetchMore: e }) })
-    ] }) : /* @__PURE__ */ n("div", { style: u, children: o(t[r], r) }),
-    [t, o, i, c, e, l]
-  ), z = f(
-    (r) => i && r === 0 ? (c || 0) + a(r) : a(r),
-    [a, i, c]
-  ), S = j(b ? void 0 : "no-scrollbars", v);
-  return /* @__PURE__ */ n(
+    t.current = n;
+  }, [r]), v = s(
+    (n, b) => /* @__PURE__ */ o(x, { children: i(b, n) }),
+    [i]
+  ), F = s(() => r ? /* @__PURE__ */ o(
+    g,
+    {
+      fetchMore: e,
+      loadingComponent: l,
+      isFetchingMore: u
+    }
+  ) : null, [e, r, l, u]), R = P(d ? void 0 : "no-scrollbars", f);
+  return /* @__PURE__ */ o(
     N,
     {
-      className: S,
-      height: p,
-      direction: "vertical",
-      width: "100%",
-      itemCount: t.length,
-      overscanCount: g,
-      itemSize: z,
-      ...h,
-      children: L
+      className: R,
+      style: { height: m },
+      data: a,
+      itemContent: v,
+      components: {
+        Header: c ? () => /* @__PURE__ */ o("div", { children: c }) : void 0,
+        Footer: F
+      },
+      endReached: r ? e : void 0,
+      ...p
     }
   );
 }
 export {
-  q as List
+  L as List
 };
 //# sourceMappingURL=list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"list.js","sources":["../../../src/components/atoms/list.tsx"],"sourcesContent":["import {ComponentType, useCallback, useRef} from 'react'\n\nimport {\n  VariableSizeList as _VariableSizeList,\n  VariableSizeListProps,\n} from 'react-window'\n\nimport {cn} from '../../lib/utils'\nimport '../../styles/utilities.css'\n\nimport {Pagination} from './pagination'\n\nconst VariableSizeList =\n  _VariableSizeList as unknown as ComponentType<VariableSizeListProps>\n\ninterface Props<T = any>\n  extends Omit<\n    VariableSizeListProps<T>,\n    'children' | 'itemCount' | 'width' | 'itemSize' | 'direction'\n  > {\n  items: T[]\n  renderItem: (item: T, index: number) => React.ReactNode\n  itemSizeForRow: (index: number) => number\n  showScrollbar?: boolean\n  header?: React.ReactNode\n  headerHeight?: number\n  fetchMore?: () => Promise<void>\n}\n\nexport function List<T = any>({\n  items,\n  height,\n  renderItem,\n  className,\n  showScrollbar = false,\n  header,\n  headerHeight,\n  itemSizeForRow,\n  fetchMore,\n  overscanCount,\n  ...listProps\n}: Props<T>) {\n  const inFlightFetchMoreRef = useRef<Promise<void> | null>(null)\n\n  // This is workaround to prevent multiple calls to fetchMore\n  // react-window re-renders the rows while scrolling,\n  // and the TrackingPixel could be triggered multiple times\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 rowRenderer = useCallback(\n    ({index, style}: {index: number; style: React.CSSProperties}) => {\n      // prepend the header to the first row if it exists\n      if (header && index === 0) {\n        return (\n          <div style={style}>\n            {header}\n            <div style={{top: headerHeight}}>{renderItem(items[0], 0)}</div>\n          </div>\n        )\n      }\n\n      // append the pagination spinner to the last row if fetchMore exists\n      if (fetchMore && index === items.length - 1) {\n        return (\n          <div style={style}>\n            {renderItem(items[index], index)}\n            <div style={{bottom: 0}}>\n              <Pagination fetchMore={_fetchMore} />\n            </div>\n          </div>\n        )\n      }\n\n      return <div style={style}>{renderItem(items[index], index)}</div>\n    },\n    [items, renderItem, header, headerHeight, _fetchMore, fetchMore]\n  )\n\n  const getItemSize = useCallback(\n    (index: number) => {\n      // include the header height in the first row height\n      if (header && index === 0) {\n        const _headerHeight = headerHeight || 0\n        return _headerHeight + itemSizeForRow(index)\n      }\n\n      return itemSizeForRow(index)\n    },\n    [itemSizeForRow, header, headerHeight]\n  )\n\n  const classNames = cn(showScrollbar ? undefined : 'no-scrollbars', className)\n\n  return (\n    <VariableSizeList\n      className={classNames}\n      height={height}\n      direction=\"vertical\"\n      width=\"100%\"\n      itemCount={items.length}\n      overscanCount={overscanCount}\n      itemSize={getItemSize}\n      {...listProps}\n    >\n      {rowRenderer}\n    </VariableSizeList>\n  )\n}\n"],"names":["VariableSizeList","_VariableSizeList","List","items","height","renderItem","className","showScrollbar","header","headerHeight","itemSizeForRow","fetchMore","overscanCount","listProps","inFlightFetchMoreRef","useRef","_fetchMore","useCallback","current","rowRenderer","index","style","jsxs","jsx","Pagination","getItemSize","classNames","cn"],"mappings":";;;;;;AAYA,MAAMA,IACJC;AAgBK,SAASC,EAAc;AAAA,EAC5B,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACL,GAAa;AACL,QAAAC,IAAuBC,EAA6B,IAAI,GAMxDC,IAAaC,EAAY,MAAM;AAEnC,QAAIH,EAAqB,QAAS;AAElC,UAAMI,IAAU,QAAQ,QAAQP,IAAa,CAAA,EAAE,QAAQ,MAAM;AAEvD,MAAAG,EAAqB,YAAYI,MACnCJ,EAAqB,UAAU;AAAA,IACjC,CACD;AAED,IAAAA,EAAqB,UAAUI;AAAA,EAAA,GAC9B,CAACP,CAAS,CAAC,GAERQ,IAAcF;AAAA,IAClB,CAAC,EAAC,OAAAG,GAAO,OAAAC,QAEHb,KAAUY,MAAU,IAEpB,gBAAAE,EAAC,SAAI,OAAAD,GACF,UAAA;AAAA,MAAAb;AAAA,MACA,gBAAAe,EAAA,OAAA,EAAI,OAAO,EAAC,KAAKd,EAAA,GAAgB,UAAAJ,EAAWF,EAAM,CAAC,GAAG,CAAC,EAAE,CAAA;AAAA,IAAA,GAC5D,IAKAQ,KAAaS,MAAUjB,EAAM,SAAS,IAEtC,gBAAAmB,EAAC,SAAI,OAAAD,GACF,UAAA;AAAA,MAAWhB,EAAAF,EAAMiB,CAAK,GAAGA,CAAK;AAAA,MAC/B,gBAAAG,EAAC,OAAI,EAAA,OAAO,EAAC,QAAQ,EAAC,GACpB,UAAC,gBAAAA,EAAAC,GAAA,EAAW,WAAWR,EAAY,CAAA,EACrC,CAAA;AAAA,IAAA,GACF,IAIG,gBAAAO,EAAC,SAAI,OAAAF,GAAe,UAAAhB,EAAWF,EAAMiB,CAAK,GAAGA,CAAK,GAAE;AAAA,IAE7D,CAACjB,GAAOE,GAAYG,GAAQC,GAAcO,GAAYL,CAAS;AAAA,EACjE,GAEMc,IAAcR;AAAA,IAClB,CAACG,MAEKZ,KAAUY,MAAU,KACAX,KAAgB,KACfC,EAAeU,CAAK,IAGtCV,EAAeU,CAAK;AAAA,IAE7B,CAACV,GAAgBF,GAAQC,CAAY;AAAA,EACvC,GAEMiB,IAAaC,EAAGpB,IAAgB,SAAY,iBAAiBD,CAAS;AAG1E,SAAA,gBAAAiB;AAAA,IAACvB;AAAA,IAAA;AAAA,MACC,WAAW0B;AAAA,MACX,QAAAtB;AAAA,MACA,WAAU;AAAA,MACV,OAAM;AAAA,MACN,WAAWD,EAAM;AAAA,MACjB,eAAAS;AAAA,MACA,UAAUa;AAAA,MACT,GAAGZ;AAAA,MAEH,UAAAM;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"list.js","sources":["../../../src/components/atoms/list.tsx"],"sourcesContent":["import {useCallback, useRef} from 'react'\n\nimport {Virtuoso, VirtuosoProps} from 'react-virtuoso'\n\nimport {cn} from '../../lib/utils'\nimport '../../styles/utilities.css'\n\nimport {Pagination} from './pagination'\n\ninterface Props<T = any>\n  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  isFetchingMore?: 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  isFetchingMore,\n  ...virtuosoProps\n}: Props<T>) {\n  const inFlightFetchMoreRef = useRef<Promise<void> | null>(null)\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 (\n      <Pagination\n        fetchMore={_fetchMore}\n        loadingComponent={loadingComponent}\n        isFetchingMore={isFetchingMore}\n      />\n    )\n  }, [_fetchMore, fetchMore, loadingComponent, isFetchingMore])\n\n  const classNames = cn(showScrollbar ? undefined : 'no-scrollbars', className)\n\n  return (\n    <Virtuoso\n      className={classNames}\n      style={{height}}\n      data={items}\n      itemContent={itemContent}\n      components={{\n        Header: header ? () => <div>{header}</div> : undefined,\n        Footer,\n      }}\n      endReached={fetchMore ? _fetchMore : undefined}\n      {...virtuosoProps}\n    />\n  )\n}\n"],"names":["List","items","height","renderItem","className","showScrollbar","header","fetchMore","loadingComponent","isFetchingMore","virtuosoProps","inFlightFetchMoreRef","useRef","_fetchMore","useCallback","current","itemContent","index","item","Footer","jsx","Pagination","classNames","cn","Virtuoso"],"mappings":";;;;;;AAuBO,SAASA,EAAc;AAAA,EAC5B,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,GAAa;AACL,QAAAC,IAAuBC,EAA6B,IAAI,GAExDC,IAAaC,EAAY,MAAM;AAEnC,QAAIH,EAAqB,QAAS;AAElC,UAAMI,IAAU,QAAQ,QAAQR,IAAa,CAAA,EAAE,QAAQ,MAAM;AAEvD,MAAAI,EAAqB,YAAYI,MACnCJ,EAAqB,UAAU;AAAA,IACjC,CACD;AAED,IAAAA,EAAqB,UAAUI;AAAA,EAAA,GAC9B,CAACR,CAAS,CAAC,GAERS,IAAcF;AAAA,IAClB,CAACG,GAAeC,6BAAe,UAAWf,EAAAe,GAAMD,CAAK,GAAE;AAAA,IACvD,CAACd,CAAU;AAAA,EACb,GAEMgB,IAASL,EAAY,MACpBP,IAGH,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWR;AAAA,MACX,kBAAAL;AAAA,MACA,gBAAAC;AAAA,IAAA;AAAA,EACF,IAPqB,MAStB,CAACI,GAAYN,GAAWC,GAAkBC,CAAc,CAAC,GAEtDa,IAAaC,EAAGlB,IAAgB,SAAY,iBAAiBD,CAAS;AAG1E,SAAA,gBAAAgB;AAAA,IAACI;AAAAA,IAAA;AAAA,MACC,WAAWF;AAAA,MACX,OAAO,EAAC,QAAApB,EAAM;AAAA,MACd,MAAMD;AAAA,MACN,aAAAe;AAAA,MACA,YAAY;AAAA,QACV,QAAQV,IAAS,MAAO,gBAAAc,EAAA,OAAA,EAAK,YAAO,CAAA,IAAS;AAAA,QAC7C,QAAAD;AAAA,MACF;AAAA,MACA,YAAYZ,IAAYM,IAAa;AAAA,MACpC,GAAGH;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/components/atoms/tracking-pixel.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { useCallback as n } from "react";
-import { InView as c } from "../../shop-minis-react/node_modules/.pnpm/react-intersection-observer@9.16.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-intersection-observer/dist/index.js";
+import { InView as c } from "../../shop-minis-react/node_modules/.pnpm/react-intersection-observer@9.13.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-intersection-observer/dist/index.js";
 const x = ({
   children: o,
   onImpression: r,

package/dist/components/commerce/search.js

@@ -1,144 +1,140 @@
 import { jsx as e, jsxs as g } from "react/jsx-runtime";
-import { useState as k, useCallback as y, createContext as P, useContext as L } from "react";
-import { useProductSearch as T } from "../../hooks/product/useProductSearch.js";
+import { useState as C, useCallback as y, createContext as k, useContext as P } from "react";
+import { useProductSearch as I } from "../../hooks/product/useProductSearch.js";
 import { cn as p } from "../../lib/utils.js";
-import { IconButton as E } from "../atoms/icon-button.js";
-import { List as _ } from "../atoms/list.js";
-import { Input as j } from "../ui/input.js";
+import { IconButton as L } from "../atoms/icon-button.js";
+import { List as j } from "../atoms/list.js";
+import { Input as Q } from "../ui/input.js";
 import { ProductLink as v } from "./product-link.js";
 import { ProductLinkSkeleton as m } from "./product-link-skeleton.js";
-import z from "../../shop-minis-react/node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/search.js";
-import M from "../../shop-minis-react/node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/x.js";
-const Q = 100, S = P(null);
+import q from "../../shop-minis-react/node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/search.js";
+import z from "../../shop-minis-react/node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/x.js";
+const S = k(null);
 function N() {
-  const t = L(S);
-  if (!t)
+  const r = P(S);
+  if (!r)
     throw new Error("useSearchContext must be used within a SearchProvider");
-  return t;
+  return r;
 }
-function q({ initialQuery: t = "", children: i }) {
-  const [r, a] = k(t), { products: o, loading: s, error: n, fetchMore: c, hasNextPage: d, isTyping: l } = T({
-    query: r,
+function M({ initialQuery: r = "", children: a }) {
+  const [o, i] = C(r), { products: n, loading: t, error: c, fetchMore: l, hasNextPage: d, isTyping: s } = I({
+    query: o,
     fetchPolicy: "network-only"
   }), u = y((f) => {
-    a(f);
+    i(f);
   }, []), h = {
-    query: r,
+    query: o,
     setQuery: u,
-    products: o,
-    loading: s,
-    error: n,
-    fetchMore: c,
+    products: n,
+    loading: t,
+    error: c,
+    fetchMore: l,
     hasNextPage: d,
-    isTyping: l
+    isTyping: s
   };
-  return /* @__PURE__ */ e(S.Provider, { value: h, children: i });
+  return /* @__PURE__ */ e(S.Provider, { value: h, children: a });
 }
 function A({
-  placeholder: t = "Search products...",
-  className: i,
-  inputProps: r
+  placeholder: r = "Search products...",
+  className: a,
+  inputProps: o
 }) {
-  const { query: a, setQuery: o } = N(), s = y(
-    (n) => {
-      o(n.target.value), r?.onChange?.(n);
+  const { query: i, setQuery: n } = N(), t = y(
+    (c) => {
+      n(c.target.value), o?.onChange?.(c);
     },
-    [r, o]
+    [o, n]
   );
   return /* @__PURE__ */ g("div", { className: "relative flex flex-1 items-center rounded-full pl-4 pr-2 py-1 bg-gray-100", children: [
     /* @__PURE__ */ e("div", { className: "relative flex items-center", children: /* @__PURE__ */ e(
-      z,
+      q,
       {
         size: 18,
         className: p("text-accent-foreground opacity-60")
       }
     ) }),
     /* @__PURE__ */ e("div", { className: "relative flex-1 flex items-center mx-2", children: /* @__PURE__ */ e(
-      j,
+      Q,
       {
         name: "search",
-        onChange: s,
-        placeholder: t,
+        onChange: t,
+        placeholder: r,
         type: "search",
         role: "searchbox",
         autoComplete: "off",
-        value: a,
+        value: i,
         "data-testid": "search-input",
-        ...r,
+        ...o,
         className: p(
           "w-full flex overflow-hidden rounded-radius-28 border-none py-4 px-0 text-text placeholder:text-text placeholder:opacity-60",
-          i
+          a
         )
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "relative flex items-center", children: a === "" ? null : /* @__PURE__ */ e(
-      E,
+    /* @__PURE__ */ e("div", { className: "relative flex items-center", children: i === "" ? null : /* @__PURE__ */ e(
+      L,
       {
-        Icon: M,
+        Icon: z,
         size: "sm",
         filled: !1,
         iconStyles: "",
-        onClick: () => o(""),
+        onClick: () => n(""),
         buttonStyles: "flex items-center rounded-radius-max bg-[var(--grayscale-l20)]"
       }
     ) })
   ] });
 }
-function F({
-  height: t = window.innerHeight,
-  renderItem: i,
-  itemHeight: r = Q,
-  initialStateComponent: a,
-  showScrollbar: o,
-  overscanCount: s = 5
+function E({
+  height: r = window.innerHeight,
+  renderItem: a,
+  initialStateComponent: o,
+  showScrollbar: i
 }) {
-  const { query: n, products: c, loading: d, fetchMore: l, hasNextPage: u, isTyping: h } = N(), f = (x, I) => i ? i(x, I) : /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e(v, { product: x, hideFavoriteAction: !0 }, x.id) }), b = n.trim().length === 0, w = (!c || c.length === 0) && (d || h), C = (!c || c.length === 0) && !d;
-  return b ? a || /* @__PURE__ */ e("div", { className: "flex items-center justify-center h-32 text-gray-500", children: "Start typing to search for products" }) : w ? /* @__PURE__ */ g("div", { className: "flex flex-col px-4 py-4", children: [
+  const { query: n, products: t, loading: c, fetchMore: l, hasNextPage: d, isTyping: s } = N(), u = (x, w) => a ? a(x, w) : /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e(v, { product: x, hideFavoriteAction: !0 }, x.id) }), h = n.trim().length === 0, f = (!t || t.length === 0) && (c || s), b = (!t || t.length === 0) && !c;
+  return h ? o || /* @__PURE__ */ e("div", { className: "flex items-center justify-center h-32 text-gray-500", children: "Start typing to search for products" }) : f ? /* @__PURE__ */ g("div", { className: "flex flex-col px-4 py-4", children: [
     /* @__PURE__ */ e(m, { className: "mb-4" }),
     /* @__PURE__ */ e(m, { className: "mb-4" }),
     /* @__PURE__ */ e(m, { className: "mb-4" }),
     /* @__PURE__ */ e(m, { className: "mb-4" })
-  ] }) : C ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center h-32 text-gray-500", children: `No products found for "${n}"` }) : /* @__PURE__ */ e(
-    _,
+  ] }) : b ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center h-32 text-gray-500", children: `No products found for "${n}"` }) : /* @__PURE__ */ e(
+    j,
     {
-      items: c || [],
-      height: t,
-      renderItem: f,
-      itemSizeForRow: () => r,
-      fetchMore: u ? l : void 0,
-      showScrollbar: o,
-      overscanCount: s
+      items: t || [],
+      height: r,
+      renderItem: u,
+      fetchMore: d ? l : void 0,
+      showScrollbar: i
     }
   );
 }
 function J({
-  initialQuery: t,
-  placeholder: i,
-  inputProps: r,
-  height: a,
-  className: o,
-  renderItem: s,
-  itemHeight: n,
-  onProductClick: c
+  initialQuery: r,
+  placeholder: a,
+  inputProps: o,
+  height: i,
+  className: n,
+  renderItem: t,
+  itemHeight: c,
+  onProductClick: l
 }) {
-  const d = (l, u) => s ? s(l, u) : /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e(
+  const d = (s, u) => t ? t(s, u) : /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e(
     v,
     {
-      product: l,
+      product: s,
       hideFavoriteAction: !0,
-      onClick: c
+      onClick: l
     },
-    l.id
+    s.id
   ) });
-  return /* @__PURE__ */ e(q, { initialQuery: t, children: /* @__PURE__ */ g("div", { className: p("flex flex-col ", o), children: [
-    /* @__PURE__ */ e("div", { className: "fixed top-0 left-0 right-0 p-4 w-full z-20 bg-background", children: /* @__PURE__ */ e(A, { placeholder: i, inputProps: r }) }),
+  return /* @__PURE__ */ e(M, { initialQuery: r, children: /* @__PURE__ */ g("div", { className: p("flex flex-col ", n), children: [
+    /* @__PURE__ */ e("div", { className: "fixed top-0 left-0 right-0 p-4 w-full z-20 bg-background", children: /* @__PURE__ */ e(A, { placeholder: a, inputProps: o }) }),
     /* @__PURE__ */ e("div", { className: "h-14" }),
     /* @__PURE__ */ e(
-      F,
+      E,
       {
-        height: a,
+        height: i,
         renderItem: d,
-        itemHeight: n,
+        itemHeight: c,
         showScrollbar: !0
       }
     )
@@ -147,7 +143,7 @@ function J({
 export {
   J as Search,
   A as SearchInput,
-  q as SearchProvider,
-  F as SearchResultsList
+  M as SearchProvider,
+  E as SearchResultsList
 };
 //# sourceMappingURL=search.js.map

package/dist/components/commerce/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","sources":["../../../src/components/commerce/search.tsx"],"sourcesContent":["import * as React from 'react'\nimport {createContext, useContext, useState, useCallback} from 'react'\n\nimport {SearchIcon, X} from 'lucide-react'\n\nimport {useProductSearch} from '../../hooks/product/useProductSearch'\nimport {cn} from '../../lib/utils'\nimport {type Product} from '../../types'\nimport {IconButton} from '../atoms/icon-button'\nimport {List} from '../atoms/list'\nimport {Input} from '../ui/input'\n\nimport {ProductLink} from './product-link'\nimport {ProductLinkSkeleton} from './product-link-skeleton'\n\nconst ESTIMATED_PRODUCT_LINK_HEIGHT = 100\n\ninterface SearchContextValue {\n  query: string\n  setQuery: (query: string) => void\n  products: Product[] | null\n  loading: boolean\n  error: Error | null\n  fetchMore?: () => Promise<void>\n  hasNextPage: boolean\n  isTyping: boolean\n}\n\nconst SearchContext = createContext<SearchContextValue | null>(null)\n\nfunction useSearchContext() {\n  const context = useContext(SearchContext)\n  if (!context) {\n    throw new Error('useSearchContext must be used within a SearchProvider')\n  }\n  return context\n}\n\nexport interface SearchProviderProps {\n  initialQuery?: string\n  children: React.ReactNode\n}\n\nfunction SearchProvider({initialQuery = '', children}: SearchProviderProps) {\n  const [query, setQueryState] = useState(initialQuery)\n\n  const {products, loading, error, fetchMore, hasNextPage, isTyping} =\n    useProductSearch({\n      query,\n      fetchPolicy: 'network-only',\n    })\n\n  const setQuery = useCallback((newQuery: string) => {\n    setQueryState(newQuery)\n  }, [])\n\n  const contextValue: SearchContextValue = {\n    query,\n    setQuery,\n    products,\n    loading,\n    error,\n    fetchMore,\n    hasNextPage,\n    isTyping,\n  }\n\n  return (\n    <SearchContext.Provider value={contextValue}>\n      {children}\n    </SearchContext.Provider>\n  )\n}\n\nexport interface SearchInputProps {\n  placeholder?: string\n  className?: string\n  inputProps?: React.ComponentProps<'input'>\n}\n\nfunction SearchInput({\n  placeholder = 'Search products...',\n  className,\n  inputProps,\n}: SearchInputProps) {\n  const {query, setQuery} = useSearchContext()\n\n  const handleQueryChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setQuery(event.target.value)\n      inputProps?.onChange?.(event)\n    },\n    [inputProps, setQuery]\n  )\n\n  return (\n    <div className=\"relative flex flex-1 items-center rounded-full pl-4 pr-2 py-1 bg-gray-100\">\n      <div className=\"relative flex items-center\">\n        <SearchIcon\n          size={18}\n          className={cn('text-accent-foreground opacity-60')}\n        />\n      </div>\n      <div className=\"relative flex-1 flex items-center mx-2\">\n        <Input\n          name=\"search\"\n          onChange={handleQueryChange}\n          placeholder={placeholder}\n          type=\"search\"\n          role=\"searchbox\"\n          autoComplete=\"off\"\n          value={query}\n          data-testid=\"search-input\"\n          {...inputProps}\n          className={cn(\n            `w-full flex overflow-hidden rounded-radius-28 border-none py-4 px-0 text-text placeholder:text-text placeholder:opacity-60`,\n            className\n          )}\n        />\n      </div>\n      <div className=\"relative flex items-center\">\n        {query === '' ? null : (\n          <IconButton\n            Icon={X}\n            size=\"sm\"\n            filled={false}\n            iconStyles=\"\"\n            onClick={() => setQuery('')}\n            buttonStyles=\"flex items-center rounded-radius-max bg-[var(--grayscale-l20)]\"\n          />\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport interface SearchResultsListProps {\n  renderItem?: (product: Product, index: number) => React.ReactNode\n  height?: number\n  itemHeight?: number\n  initialStateComponent?: React.JSX.Element\n  showScrollbar?: boolean\n  overscanCount?: number\n}\n\nfunction SearchResultsList({\n  height = window.innerHeight,\n  renderItem,\n  itemHeight = ESTIMATED_PRODUCT_LINK_HEIGHT,\n  initialStateComponent,\n  showScrollbar,\n  overscanCount = 5,\n}: SearchResultsListProps) {\n  const {query, products, loading, fetchMore, hasNextPage, isTyping} =\n    useSearchContext()\n\n  const _renderItem = (product: Product, index: number) => {\n    if (renderItem) {\n      return renderItem(product, index)\n    }\n\n    return (\n      <div className=\"p-2\">\n        <ProductLink key={product.id} product={product} hideFavoriteAction />\n      </div>\n    )\n  }\n\n  const shouldShowStartingState = query.trim().length === 0\n  const shouldShowLoading =\n    (!products || products.length === 0) && (loading || isTyping)\n  const shouldShowEmptyState = (!products || products.length === 0) && !loading\n\n  if (shouldShowStartingState) {\n    return (\n      initialStateComponent || (\n        <div className=\"flex items-center justify-center h-32 text-gray-500\">\n          Start typing to search for products\n        </div>\n      )\n    )\n  }\n\n  if (shouldShowLoading) {\n    return (\n      <div className=\"flex flex-col px-4 py-4\">\n        <ProductLinkSkeleton className=\"mb-4\" />\n        <ProductLinkSkeleton className=\"mb-4\" />\n        <ProductLinkSkeleton className=\"mb-4\" />\n        <ProductLinkSkeleton className=\"mb-4\" />\n      </div>\n    )\n  }\n\n  if (shouldShowEmptyState) {\n    return (\n      <div className=\"flex items-center justify-center h-32 text-gray-500\">\n        {`No products found for \"${query}\"`}\n      </div>\n    )\n  }\n\n  return (\n    <List\n      items={products || []}\n      height={height}\n      renderItem={_renderItem}\n      itemSizeForRow={() => itemHeight}\n      fetchMore={hasNextPage ? fetchMore : undefined}\n      showScrollbar={showScrollbar}\n      overscanCount={overscanCount}\n    />\n  )\n}\n\ninterface SearchProviderPropsWithoutChildren\n  extends Omit<SearchProviderProps, 'children'> {}\nexport interface SearchResultsProps\n  extends SearchProviderPropsWithoutChildren,\n    SearchInputProps,\n    SearchResultsListProps {\n  showSearchInput?: boolean\n  onProductClick?: (product: Product) => void\n}\n\nfunction Search({\n  initialQuery,\n  placeholder,\n  inputProps,\n  height,\n  className,\n  renderItem,\n  itemHeight,\n  onProductClick,\n}: SearchResultsProps) {\n  const _renderItem = (product: Product, index: number) => {\n    if (renderItem) {\n      return renderItem(product, index)\n    }\n\n    return (\n      <div className=\"p-2\">\n        <ProductLink\n          key={product.id}\n          product={product}\n          hideFavoriteAction\n          onClick={onProductClick}\n        />\n      </div>\n    )\n  }\n\n  return (\n    <SearchProvider initialQuery={initialQuery}>\n      <div className={cn('flex flex-col ', className)}>\n        <div className=\"fixed top-0 left-0 right-0 p-4 w-full z-20 bg-background\">\n          <SearchInput placeholder={placeholder} inputProps={inputProps} />\n        </div>\n        <div className=\"h-14\" />\n        <SearchResultsList\n          height={height}\n          renderItem={_renderItem}\n          itemHeight={itemHeight}\n          showScrollbar\n        />\n      </div>\n    </SearchProvider>\n  )\n}\n\nexport {SearchProvider, SearchInput, SearchResultsList, Search}\n"],"names":["ESTIMATED_PRODUCT_LINK_HEIGHT","SearchContext","createContext","useSearchContext","context","useContext","SearchProvider","initialQuery","children","query","setQueryState","useState","products","loading","error","fetchMore","hasNextPage","isTyping","useProductSearch","setQuery","useCallback","newQuery","contextValue","SearchInput","placeholder","className","inputProps","handleQueryChange","event","jsxs","jsx","SearchIcon","cn","Input","IconButton","X","SearchResultsList","height","renderItem","itemHeight","initialStateComponent","showScrollbar","overscanCount","_renderItem","product","index","ProductLink","shouldShowStartingState","shouldShowLoading","shouldShowEmptyState","ProductLinkSkeleton","List","Search","onProductClick"],"mappings":"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"}
+{"version":3,"file":"search.js","sources":["../../../src/components/commerce/search.tsx"],"sourcesContent":["import * as React from 'react'\nimport {createContext, useContext, useState, useCallback} from 'react'\n\nimport {SearchIcon, X} from 'lucide-react'\n\nimport {useProductSearch} from '../../hooks/product/useProductSearch'\nimport {cn} from '../../lib/utils'\nimport {type Product} from '../../types'\nimport {IconButton} from '../atoms/icon-button'\nimport {List} from '../atoms/list'\nimport {Input} from '../ui/input'\n\nimport {ProductLink} from './product-link'\nimport {ProductLinkSkeleton} from './product-link-skeleton'\n\ninterface SearchContextValue {\n  query: string\n  setQuery: (query: string) => void\n  products: Product[] | null\n  loading: boolean\n  error: Error | null\n  fetchMore?: () => Promise<void>\n  hasNextPage: boolean\n  isTyping: boolean\n}\n\nconst SearchContext = createContext<SearchContextValue | null>(null)\n\nfunction useSearchContext() {\n  const context = useContext(SearchContext)\n  if (!context) {\n    throw new Error('useSearchContext must be used within a SearchProvider')\n  }\n  return context\n}\n\nexport interface SearchProviderProps {\n  initialQuery?: string\n  children: React.ReactNode\n}\n\nfunction SearchProvider({initialQuery = '', children}: SearchProviderProps) {\n  const [query, setQueryState] = useState(initialQuery)\n\n  const {products, loading, error, fetchMore, hasNextPage, isTyping} =\n    useProductSearch({\n      query,\n      fetchPolicy: 'network-only',\n    })\n\n  const setQuery = useCallback((newQuery: string) => {\n    setQueryState(newQuery)\n  }, [])\n\n  const contextValue: SearchContextValue = {\n    query,\n    setQuery,\n    products,\n    loading,\n    error,\n    fetchMore,\n    hasNextPage,\n    isTyping,\n  }\n\n  return (\n    <SearchContext.Provider value={contextValue}>\n      {children}\n    </SearchContext.Provider>\n  )\n}\n\nexport interface SearchInputProps {\n  placeholder?: string\n  className?: string\n  inputProps?: React.ComponentProps<'input'>\n}\n\nfunction SearchInput({\n  placeholder = 'Search products...',\n  className,\n  inputProps,\n}: SearchInputProps) {\n  const {query, setQuery} = useSearchContext()\n\n  const handleQueryChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setQuery(event.target.value)\n      inputProps?.onChange?.(event)\n    },\n    [inputProps, setQuery]\n  )\n\n  return (\n    <div className=\"relative flex flex-1 items-center rounded-full pl-4 pr-2 py-1 bg-gray-100\">\n      <div className=\"relative flex items-center\">\n        <SearchIcon\n          size={18}\n          className={cn('text-accent-foreground opacity-60')}\n        />\n      </div>\n      <div className=\"relative flex-1 flex items-center mx-2\">\n        <Input\n          name=\"search\"\n          onChange={handleQueryChange}\n          placeholder={placeholder}\n          type=\"search\"\n          role=\"searchbox\"\n          autoComplete=\"off\"\n          value={query}\n          data-testid=\"search-input\"\n          {...inputProps}\n          className={cn(\n            `w-full flex overflow-hidden rounded-radius-28 border-none py-4 px-0 text-text placeholder:text-text placeholder:opacity-60`,\n            className\n          )}\n        />\n      </div>\n      <div className=\"relative flex items-center\">\n        {query === '' ? null : (\n          <IconButton\n            Icon={X}\n            size=\"sm\"\n            filled={false}\n            iconStyles=\"\"\n            onClick={() => setQuery('')}\n            buttonStyles=\"flex items-center rounded-radius-max bg-[var(--grayscale-l20)]\"\n          />\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport interface SearchResultsListProps {\n  renderItem?: (product: Product, index: number) => React.ReactNode\n  height?: number\n  itemHeight?: number\n  initialStateComponent?: React.JSX.Element\n  showScrollbar?: boolean\n  overscanCount?: number\n}\n\nfunction SearchResultsList({\n  height = window.innerHeight,\n  renderItem,\n  initialStateComponent,\n  showScrollbar,\n}: SearchResultsListProps) {\n  const {query, products, loading, fetchMore, hasNextPage, isTyping} =\n    useSearchContext()\n\n  const _renderItem = (product: Product, index: number) => {\n    if (renderItem) {\n      return renderItem(product, index)\n    }\n\n    return (\n      <div className=\"p-2\">\n        <ProductLink key={product.id} product={product} hideFavoriteAction />\n      </div>\n    )\n  }\n\n  const shouldShowStartingState = query.trim().length === 0\n  const shouldShowLoading =\n    (!products || products.length === 0) && (loading || isTyping)\n  const shouldShowEmptyState = (!products || products.length === 0) && !loading\n\n  if (shouldShowStartingState) {\n    return (\n      initialStateComponent || (\n        <div className=\"flex items-center justify-center h-32 text-gray-500\">\n          Start typing to search for products\n        </div>\n      )\n    )\n  }\n\n  if (shouldShowLoading) {\n    return (\n      <div className=\"flex flex-col px-4 py-4\">\n        <ProductLinkSkeleton className=\"mb-4\" />\n        <ProductLinkSkeleton className=\"mb-4\" />\n        <ProductLinkSkeleton className=\"mb-4\" />\n        <ProductLinkSkeleton className=\"mb-4\" />\n      </div>\n    )\n  }\n\n  if (shouldShowEmptyState) {\n    return (\n      <div className=\"flex items-center justify-center h-32 text-gray-500\">\n        {`No products found for \"${query}\"`}\n      </div>\n    )\n  }\n\n  return (\n    <List\n      items={products || []}\n      height={height}\n      renderItem={_renderItem}\n      fetchMore={hasNextPage ? fetchMore : undefined}\n      showScrollbar={showScrollbar}\n    />\n  )\n}\n\ninterface SearchProviderPropsWithoutChildren\n  extends Omit<SearchProviderProps, 'children'> {}\nexport interface SearchResultsProps\n  extends SearchProviderPropsWithoutChildren,\n    SearchInputProps,\n    SearchResultsListProps {\n  showSearchInput?: boolean\n  onProductClick?: (product: Product) => void\n}\n\nfunction Search({\n  initialQuery,\n  placeholder,\n  inputProps,\n  height,\n  className,\n  renderItem,\n  itemHeight,\n  onProductClick,\n}: SearchResultsProps) {\n  const _renderItem = (product: Product, index: number) => {\n    if (renderItem) {\n      return renderItem(product, index)\n    }\n\n    return (\n      <div className=\"p-2\">\n        <ProductLink\n          key={product.id}\n          product={product}\n          hideFavoriteAction\n          onClick={onProductClick}\n        />\n      </div>\n    )\n  }\n\n  return (\n    <SearchProvider initialQuery={initialQuery}>\n      <div className={cn('flex flex-col ', className)}>\n        <div className=\"fixed top-0 left-0 right-0 p-4 w-full z-20 bg-background\">\n          <SearchInput placeholder={placeholder} inputProps={inputProps} />\n        </div>\n        <div className=\"h-14\" />\n        <SearchResultsList\n          height={height}\n          renderItem={_renderItem}\n          itemHeight={itemHeight}\n          showScrollbar\n        />\n      </div>\n    </SearchProvider>\n  )\n}\n\nexport {SearchProvider, SearchInput, SearchResultsList, Search}\n"],"names":["SearchContext","createContext","useSearchContext","context","useContext","SearchProvider","initialQuery","children","query","setQueryState","useState","products","loading","error","fetchMore","hasNextPage","isTyping","useProductSearch","setQuery","useCallback","newQuery","contextValue","SearchInput","placeholder","className","inputProps","handleQueryChange","event","jsxs","jsx","SearchIcon","cn","Input","IconButton","X","SearchResultsList","height","renderItem","initialStateComponent","showScrollbar","_renderItem","product","index","ProductLink","shouldShowStartingState","shouldShowLoading","shouldShowEmptyState","ProductLinkSkeleton","List","Search","itemHeight","onProductClick"],"mappings":"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"}

package/dist/components/ui/accordion.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import { cn as r } from "../../lib/utils.js";
 import i from "../../shop-minis-react/node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/chevron-down.js";
-import { Root as s, Item as d, Header as c, Trigger as l, Content as m } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-accordion@1.2.11_@types_react-dom@19.1.6_@types_react@19.1.6__@types_react@19_krqvbhitcyb3vl2jzw3fp35uhu/node_modules/@radix-ui/react-accordion/dist/index.js";
+import { Root as s, Item as d, Header as c, Trigger as l, Content as m } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-accordion@1.2.11_@types_react-dom@19.1.6_@types_react@19.1.6__@types_re_c181f188656cfa5f16c2710ccd54e5dd/node_modules/@radix-ui/react-accordion/dist/index.js";
 function b({
   ...t
 }) {

package/dist/components/ui/alert-dialog.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { cn as o } from "../../lib/utils.js";
 import { buttonVariants as l } from "./button.js";
-import { Root as n, Portal as i, Overlay as s, Trigger as d, Content as c, Title as g, Description as u, Action as f, Cancel as m } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-alert-dialog@1.1.14_@types_react-dom@19.1.6_@types_react@19.1.6__@types_react_5smkpul3xqqoqjowwwfk226yey/node_modules/@radix-ui/react-alert-dialog/dist/index.js";
+import { Root as n, Portal as i, Overlay as s, Trigger as d, Content as c, Title as g, Description as u, Action as f, Cancel as m } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-alert-dialog@1.1.14_@types_react-dom@19.1.6_@types_react@19.1.6__@types_285ea9ce18742a8c4e84cbcde06e0b25/node_modules/@radix-ui/react-alert-dialog/dist/index.js";
 function b({
   ...t
 }) {

package/dist/components/ui/avatar.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { cn as r } from "../../lib/utils.js";
-import { Root as l, Image as o, Fallback as s } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-avatar@1.1.10_@types_react-dom@19.1.6_@types_react@19.1.6__@types_react@19.1._hkz57sehyui4ndfh3rsqwxftli/node_modules/@radix-ui/react-avatar/dist/index.js";
+import { Root as l, Image as o, Fallback as s } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-avatar@1.1.10_@types_react-dom@19.1.6_@types_react@19.1.6__@types_react_06170eb4026a170071caea5f0c82612e/node_modules/@radix-ui/react-avatar/dist/index.js";
 function u({
   className: a,
   ...t

package/dist/components/ui/checkbox.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { cn as a } from "../../lib/utils.js";
 import t from "../../shop-minis-react/node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/check.js";
-import { Checkbox as o, CheckboxIndicator as d } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-checkbox@1.3.2_@types_react-dom@19.1.6_@types_react@19.1.6__@types_react@19.1_wopssf2yyhcdxk6apqq3fxlekq/node_modules/@radix-ui/react-checkbox/dist/index.js";
+import { Checkbox as o, CheckboxIndicator as d } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-checkbox@1.3.2_@types_react-dom@19.1.6_@types_react@19.1.6__@types_reac_76c2d9960806d267f7566af463150dec/node_modules/@radix-ui/react-checkbox/dist/index.js";
 function l({
   className: r,
   ...i

package/dist/components/ui/dialog.js

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as n } from "react/jsx-runtime";
 import { cn as o } from "../../lib/utils.js";
 import r from "../../shop-minis-react/node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/x.js";
-import { Root as d, Close as l, Content as g, Description as c, Overlay as u, Portal as f, Title as m, Trigger as p } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-dialog@1.1.14_@types_react-dom@19.1.6_@types_react@19.1.6__@types_react@19.1._sjczexpvrqz6fttoobpwnns2oa/node_modules/@radix-ui/react-dialog/dist/index.js";
+import { Root as d, Close as l, Content as g, Description as c, Overlay as u, Portal as f, Title as m, Trigger as p } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-dialog@1.1.14_@types_react-dom@19.1.6_@types_react@19.1.6__@types_react_00050fb27f6e4250402df169ba62a563/node_modules/@radix-ui/react-dialog/dist/index.js";
 function N({ ...t }) {
   return /* @__PURE__ */ a(d, { "data-slot": "dialog", ...t });
 }

package/dist/components/ui/label.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cn as a } from "../../lib/utils.js";
-import { Root as r } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-label@2.1.7_@types_react-dom@19.1.6_@types_react@19.1.6__@types_react@19.1.6__a5hm3akpfjy2hepxrptadu7t6e/node_modules/@radix-ui/react-label/dist/index.js";
+import { Root as r } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-label@2.1.7_@types_react-dom@19.1.6_@types_react@19.1.6__@types_react@1_85b8c95b65bf0dd4cc21629f4084a5b6/node_modules/@radix-ui/react-label/dist/index.js";
 function l({
   className: e,
   ...t

package/dist/components/ui/progress.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { cn as a } from "../../lib/utils.js";
-import { Root as s, Indicator as e } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-progress@1.1.7_@types_react-dom@19.1.6_@types_react@19.1.6__@types_react@19.1_psrnvm437duefd2y5sh3bqj3sm/node_modules/@radix-ui/react-progress/dist/index.js";
+import { Root as s, Indicator as e } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-progress@1.1.7_@types_react-dom@19.1.6_@types_react@19.1.6__@types_reac_fa1ba230d1dfc5fe2a0cedd9ff78309e/node_modules/@radix-ui/react-progress/dist/index.js";
 function m({
   className: o,
   value: l,

package/dist/components/ui/radio-group.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { cn as o } from "../../lib/utils.js";
 import t from "../../shop-minis-react/node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/circle.js";
-import { Root as e, Item as s, Indicator as d } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-radio-group@1.3.7_@types_react-dom@19.1.6_@types_react@19.1.6__@types_react@1_b6vd3n6tkje342bk7jtbsrqyfe/node_modules/@radix-ui/react-radio-group/dist/index.js";
+import { Root as e, Item as s, Indicator as d } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-radio-group@1.3.7_@types_react-dom@19.1.6_@types_react@19.1.6__@types_r_4bdbb04c93e325d7f20e33cc8e004c83/node_modules/@radix-ui/react-radio-group/dist/index.js";
 function m({
   className: i,
   ...a

package/dist/components/ui/scroll-area.js

@@ -1,6 +1,6 @@
 import { jsxs as t, jsx as l } from "react/jsx-runtime";
 import { cn as a } from "../../lib/utils.js";
-import { Root as s, Viewport as c, Corner as n, ScrollAreaScrollbar as i, ScrollAreaThumb as u } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-scroll-area@1.2.9_@types_react-dom@19.1.6_@types_react@19.1.6__@types_react@1_na6tcikkwmgt5sgxl6ezf7zaf4/node_modules/@radix-ui/react-scroll-area/dist/index.js";
+import { Root as s, Viewport as c, Corner as n, ScrollAreaScrollbar as i, ScrollAreaThumb as u } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-scroll-area@1.2.9_@types_react-dom@19.1.6_@types_react@19.1.6__@types_r_b5d13464c21f88022505288dd3198025/node_modules/@radix-ui/react-scroll-area/dist/index.js";
 function p({
   className: o,
   children: r,

package/dist/components/ui/select.js

@@ -3,7 +3,7 @@ import { cn as r } from "../../lib/utils.js";
 import i from "../../shop-minis-react/node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/check.js";
 import l from "../../shop-minis-react/node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/chevron-down.js";
 import d from "../../shop-minis-react/node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/chevron-up.js";
-import { Root as c, Portal as u, Content as p, Viewport as m, Group as f, Item as g, ItemIndicator as v, ItemText as x, Label as h, ScrollDownButton as b, ScrollUpButton as w, Separator as y, Trigger as S, Icon as z, Value as N } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-select@2.2.5_@types_react-dom@19.1.6_@types_react@19.1.6__@types_react@19.1.6_pvbs4vbfxc35gflcf62ix5b3oy/node_modules/@radix-ui/react-select/dist/index.js";
+import { Root as c, Portal as u, Content as p, Viewport as m, Group as f, Item as g, ItemIndicator as v, ItemText as x, Label as h, ScrollDownButton as b, ScrollUpButton as w, Separator as y, Trigger as S, Icon as z, Value as N } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-select@2.2.5_@types_react-dom@19.1.6_@types_react@19.1.6__@types_react@_8c539485311b2ef067a182d5db805374/node_modules/@radix-ui/react-select/dist/index.js";
 function U({ ...e }) {
   return /* @__PURE__ */ t(c, { "data-slot": "select", ...e });
 }