@shopify/shop-minis-react 0.0.7 → 0.0.9

package/dist/components/commerce/product-link.js

@@ -1,19 +1,19 @@
 import { jsxs as a, jsx as e, Fragment as j } from "react/jsx-runtime";
-import * as P from "react";
+import * as v from "react";
 import { cva as F } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { useShopNavigation as B } from "../../hooks/navigation/useShopNavigation.js";
+import { useShopNavigation as O } from "../../hooks/navigation/useShopNavigation.js";
 import { useSavedProductsActions as D } from "../../hooks/user/useSavedProductsActions.js";
 import { cn as n } from "../../lib/utils.js";
-import { Button as M } from "../ui/button.js";
-import { Card as q, CardContent as H, CardAction as O } from "../ui/card.js";
-import { Touchable as A } from "../ui/touchable.js";
+import { Button as M } from "../atoms/button.js";
+import { Card as q, CardContent as B, CardAction as H } from "../atoms/card.js";
+import { Touchable as A } from "../atoms/touchable.js";
 import U from "../../node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/star.js";
 import _ from "../../node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/heart.js";
 import { Root as E } from "../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@19.1.6_react@19.1.0/node_modules/@radix-ui/react-slot/dist/index.js";
 const G = F("", {
   variants: {
     layout: {
-      horizontal: "!flex-row items-center gap-3 px-4 py-3",
+      horizontal: "w-full !flex-row items-center gap-3 px-4 py-3",
       vertical: "flex-col"
     },
     discount: {
@@ -35,17 +35,27 @@ function J({
   onPress: i,
   ...s
 }) {
-  return /* @__PURE__ */ e(A, { onPress: i, asChild: !0, children: /* @__PURE__ */ e(
-    c ? E : q,
+  return /* @__PURE__ */ e(
+    A,
     {
-      className: n(
-        G({ layout: t, discount: o }),
-        "border-0 bg-white rounded-xl shadow-lg shadow-black/10",
-        r
-      ),
-      ...s
+      onClick: i,
+      whileTap: { opacity: 0.7 },
+      transition: {
+        opacity: { type: "tween", duration: 0.08, ease: "easeInOut" }
+      },
+      children: /* @__PURE__ */ e(
+        c ? E : q,
+        {
+          className: n(
+            G({ layout: t, discount: o }),
+            "border-0 bg-white rounded-xl shadow-lg shadow-black/10",
+            r
+          ),
+          ...s
+        }
+      )
     }
-  ) });
+  );
 }
 function K({
   className: r,
@@ -71,7 +81,7 @@ function Q({
   ...o
 }) {
   return /* @__PURE__ */ e(
-    H,
+    B,
     {
       className: n(
         t === "horizontal" ? "flex-1 min-w-0 space-y-1 px-0 py-0" : "space-y-2",
@@ -168,58 +178,70 @@ function et({
   ...c
 }) {
   return /* @__PURE__ */ e(
-    O,
+    H,
     {
       className: n("flex-shrink-0 self-center px-0 py-0", r),
       ...c,
-      children: /* @__PURE__ */ e(A, { onPress: t, asChild: !0, children: /* @__PURE__ */ e(
-        M,
+      children: /* @__PURE__ */ e(
+        A,
         {
-          variant: "borderless",
-          size: "icon",
-          className: "h-auto w-auto p-0 hover:bg-transparent",
-          children: /* @__PURE__ */ e(_, { filled: o, withBackground: !0, className: "h-4 w-4" })
+          stopPropagation: !0,
+          onClick: t,
+          whileTap: { opacity: 0.7, scale: 0.95 },
+          transition: {
+            opacity: { type: "tween", duration: 0.08, ease: "easeInOut" },
+            scale: { type: "tween", duration: 0.08, ease: "easeInOut" }
+          },
+          children: /* @__PURE__ */ e(
+            M,
+            {
+              variant: "borderless",
+              size: "icon",
+              className: "h-auto w-auto p-0 hover:bg-transparent",
+              children: /* @__PURE__ */ e(_, { fill: o ? "currentColor" : "none", className: "h-4 w-4" })
+            }
+          )
         }
-      ) })
+      )
     }
   );
 }
 function pt({ product: r }) {
-  const { navigateToProduct: t } = B(), { saveProduct: o, unsaveProduct: c } = D(), {
+  const { navigateToProduct: t } = O(), { saveProduct: o, unsaveProduct: c } = D(), {
     id: i,
     title: s,
     featuredImage: u,
-    reviewAnalytics: k,
-    price: y,
-    compareAtPrice: w,
+    reviewAnalytics: w,
+    price: P,
+    compareAtPrice: k,
     isFavorited: z,
     selectedVariant: m,
     defaultVariantId: p,
-    shop: h
-  } = r, [f, N] = P.useState(z), g = k?.averageRating, C = k?.reviewCount, L = y?.currencyCode, x = y?.amount, b = u?.url, R = u?.altText || s, v = w?.amount, S = w?.currencyCode, I = v && v !== x, V = P.useCallback(() => {
+    shop: f
+  } = r, [h, C] = v.useState(z), g = w?.averageRating, N = w?.reviewCount, I = P?.currencyCode, x = P?.amount, L = u?.url, T = u?.altText || s, y = k?.amount, R = k?.currencyCode, b = y && y !== x, S = v.useCallback(() => {
     t({
       productId: i
     });
-  }, [t, i]), T = P.useCallback(async () => {
-    const l = f;
-    N(!l);
+  }, [t, i]), V = v.useCallback(async () => {
+    const l = h;
+    C(!l);
     try {
       l ? await c({
         productId: i,
-        shopId: h.id,
+        shopId: f.id,
         productVariantId: m?.id || p
       }) : await o({
         productId: i,
-        shopId: h.id,
+        shopId: f.id,
         productVariantId: m?.id || p
       });
     } catch {
-      N(l);
+      C(l);
     }
   }, [
-    f,
+    h,
     i,
-    h.id,
+    f.id,
     m?.id,
     p,
     o,
@@ -229,24 +251,24 @@ function pt({ product: r }) {
     J,
     {
       layout: "horizontal",
-      discount: I ? "small" : "none",
-      onPress: V,
+      discount: b ? "small" : "none",
+      onPress: S,
       children: [
-        /* @__PURE__ */ e(K, { layout: "horizontal", children: b ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e(K, { layout: "horizontal", children: L ? /* @__PURE__ */ e(
           "img",
           {
-            src: b,
-            alt: R,
+            src: L,
+            alt: T,
             className: "h-full w-full object-cover"
           }
         ) : /* @__PURE__ */ e("div", { className: "h-full w-full bg-muted flex items-center justify-center text-muted-foreground text-xs", children: "No Image" }) }),
         /* @__PURE__ */ a(Q, { layout: "horizontal", children: [
           /* @__PURE__ */ e(W, { children: s }),
-          C && g && /* @__PURE__ */ e(tt, { children: /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
+          N && g && /* @__PURE__ */ e(tt, { children: /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
             Array.from({ length: 5 }, (l, d) => /* @__PURE__ */ e(
               U,
               {
-                filled: d < Math.floor(g),
+                fill: d < Math.floor(g) ? "currentColor" : "none",
                 className: n(
                   "h-3 w-3",
                   d < Math.floor(g) ? "text-primary" : "text-gray-300"
@@ -256,23 +278,23 @@ function pt({ product: r }) {
             )),
             /* @__PURE__ */ a("span", { className: "text-xs text-gray-600 ml-1", children: [
               "(",
-              C,
+              N,
               ")"
             ] })
           ] }) }),
-          /* @__PURE__ */ e(X, { children: I ? /* @__PURE__ */ a(j, { children: [
+          /* @__PURE__ */ e(X, { children: b ? /* @__PURE__ */ a(j, { children: [
             /* @__PURE__ */ a($, { children: [
-              L,
+              I,
               " ",
               x
             ] }),
             /* @__PURE__ */ a(Z, { children: [
-              S,
+              R,
               " ",
-              v
+              y
             ] })
           ] }) : /* @__PURE__ */ a(Y, { children: [
-            L,
+            I,
             " ",
             x
           ] }) })
@@ -280,8 +302,8 @@ function pt({ product: r }) {
         /* @__PURE__ */ e(
           et,
           {
-            filled: f,
-            onActionPress: T
+            filled: h,
+            onActionPress: V
           }
         )
       ]

package/dist/components/commerce/product-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"product-link.js","sources":["../../../src/components/commerce/product-link.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {cva, type VariantProps} from 'class-variance-authority'\nimport {Heart, Star} from 'lucide-react'\nimport {Slot as SlotPrimitive} from 'radix-ui'\n\nimport {useShopNavigation} from '../../hooks/navigation/useShopNavigation'\nimport {useSavedProductsActions} from '../../hooks/user/useSavedProductsActions'\nimport {cn} from '../../lib/utils'\nimport {type Product} from '../../types/minisSDK.generated.d'\nimport {Button} from '../ui/button'\nimport {Card, CardContent, CardAction} from '../ui/card'\nimport {Touchable} from '../ui/touchable'\n\nconst productLinkVariants = cva('', {\n  variants: {\n    layout: {\n      horizontal: '!flex-row items-center gap-3 px-4 py-3',\n      vertical: 'flex-col',\n    },\n    discount: {\n      none: '',\n      small: '',\n      large: '',\n    },\n  },\n  defaultVariants: {\n    layout: 'horizontal',\n    discount: 'none',\n  },\n})\n\n// Primitive components (building blocks)\nexport interface ProductLinkRootProps\n  extends React.ComponentProps<typeof Card>,\n    VariantProps<typeof productLinkVariants> {\n  layout?: 'horizontal' | 'vertical'\n  asChild?: boolean\n  onPress?: () => void\n}\n\nfunction ProductLinkRoot({\n  className,\n  layout,\n  discount,\n  asChild = false,\n  onPress,\n  ...props\n}: ProductLinkRootProps) {\n  const Comp = asChild ? SlotPrimitive.Root : Card\n\n  return (\n    <Touchable onPress={onPress} asChild>\n      <Comp\n        className={cn(\n          productLinkVariants({layout, discount}),\n          'border-0 bg-white rounded-xl shadow-lg shadow-black/10',\n          className\n        )}\n        {...props}\n      />\n    </Touchable>\n  )\n}\n\nfunction ProductLinkImage({\n  className,\n  layout = 'horizontal',\n  ...props\n}: React.ComponentProps<'div'> & {layout?: 'horizontal' | 'vertical'}) {\n  return (\n    <div\n      data-slot=\"product-link-image\"\n      className={cn(\n        'overflow-hidden rounded-md bg-muted',\n        layout === 'horizontal'\n          ? 'h-16 w-16 flex-shrink-0'\n          : 'aspect-square w-full',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkInfo({\n  className,\n  layout = 'horizontal',\n  ...props\n}: React.ComponentProps<typeof CardContent> & {\n  layout?: 'horizontal' | 'vertical'\n}) {\n  return (\n    <CardContent\n      className={cn(\n        layout === 'horizontal'\n          ? 'flex-1 min-w-0 space-y-1 px-0 py-0'\n          : 'space-y-2',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkTitle({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<'h3'>) {\n  return (\n    <h3\n      data-slot=\"product-link-title\"\n      className={cn(\n        'text-sm font-medium leading-tight text-gray-900 truncate overflow-hidden whitespace-nowrap text-ellipsis',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </h3>\n  )\n}\n\nfunction ProductLinkPrice({className, ...props}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"product-link-price\"\n      className={cn('flex items-center gap-2', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkCurrentPrice({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"product-link-current-price\"\n      className={cn('text-sm font-semibold text-gray-900', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkOriginalPrice({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"product-link-original-price\"\n      className={cn('text-sm text-gray-500 line-through', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkDiscountPrice({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"product-link-discount-price\"\n      className={cn('text-sm font-semibold text-red-600', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkRating({className, ...props}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"product-link-rating\"\n      className={cn(\n        'flex items-center gap-1 text-xs text-muted-foreground',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkActions({\n  className,\n  onActionPress,\n  filled = false,\n  ...props\n}: React.ComponentProps<typeof CardAction> & {\n  onActionPress?: () => void\n  filled?: boolean\n}) {\n  return (\n    <CardAction\n      className={cn('flex-shrink-0 self-center px-0 py-0', className)}\n      {...props}\n    >\n      <Touchable onPress={onActionPress} asChild>\n        <Button\n          variant=\"borderless\"\n          size=\"icon\"\n          className=\"h-auto w-auto p-0 hover:bg-transparent\"\n        >\n          <Heart filled={filled} withBackground className=\"h-4 w-4\" />\n        </Button>\n      </Touchable>\n    </CardAction>\n  )\n}\n\nexport interface ProductLinkProps {\n  product: Product\n}\n\n// Composed ProductLink component\nfunction ProductLink({product}: ProductLinkProps) {\n  const {navigateToProduct} = useShopNavigation()\n  const {saveProduct, unsaveProduct} = useSavedProductsActions()\n\n  const {\n    id,\n    title,\n    featuredImage,\n    reviewAnalytics,\n    price,\n    compareAtPrice,\n    isFavorited,\n    selectedVariant,\n    defaultVariantId,\n    shop,\n  } = product\n\n  // Local state for optimistic UI updates\n  const [isFavoritedLocal, setIsFavoritedLocal] = React.useState(isFavorited)\n\n  const averageRating = reviewAnalytics?.averageRating\n  const reviewCount = reviewAnalytics?.reviewCount\n  const currencyCode = price?.currencyCode\n  const amount = price?.amount\n  const imageUrl = featuredImage?.url\n  const imageAltText = featuredImage?.altText || title\n  const compareAtPriceAmount = compareAtPrice?.amount\n  const compareAtPriceCurrencyCode = compareAtPrice?.currencyCode\n  const hasDiscount = compareAtPriceAmount && compareAtPriceAmount !== amount\n\n  const handlePress = React.useCallback(() => {\n    navigateToProduct({\n      productId: id,\n    })\n  }, [navigateToProduct, id])\n\n  const handleActionPress = React.useCallback(async () => {\n    const previousState = isFavoritedLocal\n\n    // Optimistic update\n    setIsFavoritedLocal(!previousState)\n\n    try {\n      if (previousState) {\n        await unsaveProduct({\n          productId: id,\n          shopId: shop.id,\n          productVariantId: selectedVariant?.id || defaultVariantId,\n        })\n      } else {\n        await saveProduct({\n          productId: id,\n          shopId: shop.id,\n          productVariantId: selectedVariant?.id || defaultVariantId,\n        })\n      }\n    } catch (error) {\n      // Revert optimistic update on error\n      setIsFavoritedLocal(previousState)\n    }\n  }, [\n    isFavoritedLocal,\n    id,\n    shop.id,\n    selectedVariant?.id,\n    defaultVariantId,\n    saveProduct,\n    unsaveProduct,\n  ])\n\n  return (\n    <ProductLinkRoot\n      layout=\"horizontal\"\n      discount={hasDiscount ? 'small' : 'none'}\n      onPress={handlePress}\n    >\n      <ProductLinkImage layout=\"horizontal\">\n        {imageUrl ? (\n          <img\n            src={imageUrl}\n            alt={imageAltText}\n            className=\"h-full w-full object-cover\"\n          />\n        ) : (\n          <div className=\"h-full w-full bg-muted flex items-center justify-center text-muted-foreground text-xs\">\n            No Image\n          </div>\n        )}\n      </ProductLinkImage>\n\n      <ProductLinkInfo layout=\"horizontal\">\n        <ProductLinkTitle>{title}</ProductLinkTitle>\n\n        {reviewCount && averageRating && (\n          <ProductLinkRating>\n            <div className=\"flex items-center gap-1\">\n              {Array.from({length: 5}, (_, i) => (\n                <Star\n                  key={i}\n                  filled={i < Math.floor(averageRating!)}\n                  className={cn(\n                    'h-3 w-3',\n                    i < Math.floor(averageRating!)\n                      ? 'text-primary'\n                      : 'text-gray-300'\n                  )}\n                />\n              ))}\n              <span className=\"text-xs text-gray-600 ml-1\">\n                ({reviewCount})\n              </span>\n            </div>\n          </ProductLinkRating>\n        )}\n\n        <ProductLinkPrice>\n          {hasDiscount ? (\n            <>\n              <ProductLinkDiscountPrice>\n                {currencyCode} {amount}\n              </ProductLinkDiscountPrice>\n              <ProductLinkOriginalPrice>\n                {compareAtPriceCurrencyCode} {compareAtPriceAmount}\n              </ProductLinkOriginalPrice>\n            </>\n          ) : (\n            <ProductLinkCurrentPrice>\n              {currencyCode} {amount}\n            </ProductLinkCurrentPrice>\n          )}\n        </ProductLinkPrice>\n      </ProductLinkInfo>\n\n      <ProductLinkActions\n        filled={isFavoritedLocal}\n        onActionPress={handleActionPress}\n      />\n    </ProductLinkRoot>\n  )\n}\n\nexport {\n  // Composed component\n  ProductLink,\n  // Primitive components for custom composition\n  ProductLinkRoot,\n  ProductLinkImage,\n  ProductLinkInfo,\n  ProductLinkTitle,\n  ProductLinkPrice,\n  ProductLinkCurrentPrice,\n  ProductLinkOriginalPrice,\n  ProductLinkDiscountPrice,\n  ProductLinkRating,\n  ProductLinkActions,\n}\n"],"names":["productLinkVariants","cva","ProductLinkRoot","className","layout","discount","asChild","onPress","props","jsx","Touchable","SlotPrimitive.Root","Card","cn","ProductLinkImage","ProductLinkInfo","CardContent","ProductLinkTitle","children","ProductLinkPrice","ProductLinkCurrentPrice","ProductLinkOriginalPrice","ProductLinkDiscountPrice","ProductLinkRating","ProductLinkActions","onActionPress","filled","CardAction","Button","Heart","ProductLink","product","navigateToProduct","useShopNavigation","saveProduct","unsaveProduct","useSavedProductsActions","id","title","featuredImage","reviewAnalytics","price","compareAtPrice","isFavorited","selectedVariant","defaultVariantId","shop","isFavoritedLocal","setIsFavoritedLocal","React","averageRating","reviewCount","currencyCode","amount","imageUrl","imageAltText","compareAtPriceAmount","compareAtPriceCurrencyCode","hasDiscount","handlePress","handleActionPress","previousState","jsxs","_","i","Star","Fragment"],"mappings":"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"}
+{"version":3,"file":"product-link.js","sources":["../../../src/components/commerce/product-link.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {cva, type VariantProps} from 'class-variance-authority'\nimport {Heart, Star} from 'lucide-react'\nimport {Slot as SlotPrimitive} from 'radix-ui'\n\nimport {useShopNavigation} from '../../hooks/navigation/useShopNavigation'\nimport {useSavedProductsActions} from '../../hooks/user/useSavedProductsActions'\nimport {cn} from '../../lib/utils'\nimport {type Product} from '../../types/minisSDK.generated.d'\nimport {Button} from '../atoms/button'\nimport {Card, CardContent, CardAction} from '../atoms/card'\nimport {Touchable} from '../atoms/touchable'\n\nconst productLinkVariants = cva('', {\n  variants: {\n    layout: {\n      horizontal: 'w-full !flex-row items-center gap-3 px-4 py-3',\n      vertical: 'flex-col',\n    },\n    discount: {\n      none: '',\n      small: '',\n      large: '',\n    },\n  },\n  defaultVariants: {\n    layout: 'horizontal',\n    discount: 'none',\n  },\n})\n\n// Primitive components (building blocks)\nexport interface ProductLinkRootProps\n  extends React.ComponentProps<typeof Card>,\n    VariantProps<typeof productLinkVariants> {\n  layout?: 'horizontal' | 'vertical'\n  asChild?: boolean\n  onPress?: () => void\n}\n\nfunction ProductLinkRoot({\n  className,\n  layout,\n  discount,\n  asChild = false,\n  onPress,\n  ...props\n}: ProductLinkRootProps) {\n  const Comp = asChild ? SlotPrimitive.Root : Card\n\n  return (\n    <Touchable\n      onClick={onPress}\n      whileTap={{opacity: 0.7}}\n      transition={{\n        opacity: {type: 'tween', duration: 0.08, ease: 'easeInOut'},\n      }}\n    >\n      <Comp\n        className={cn(\n          productLinkVariants({layout, discount}),\n          'border-0 bg-white rounded-xl shadow-lg shadow-black/10',\n          className\n        )}\n        {...props}\n      />\n    </Touchable>\n  )\n}\n\nfunction ProductLinkImage({\n  className,\n  layout = 'horizontal',\n  ...props\n}: React.ComponentProps<'div'> & {layout?: 'horizontal' | 'vertical'}) {\n  return (\n    <div\n      data-slot=\"product-link-image\"\n      className={cn(\n        'overflow-hidden rounded-md bg-muted',\n        layout === 'horizontal'\n          ? 'h-16 w-16 flex-shrink-0'\n          : 'aspect-square w-full',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkInfo({\n  className,\n  layout = 'horizontal',\n  ...props\n}: React.ComponentProps<typeof CardContent> & {\n  layout?: 'horizontal' | 'vertical'\n}) {\n  return (\n    <CardContent\n      className={cn(\n        layout === 'horizontal'\n          ? 'flex-1 min-w-0 space-y-1 px-0 py-0'\n          : 'space-y-2',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkTitle({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<'h3'>) {\n  return (\n    <h3\n      data-slot=\"product-link-title\"\n      className={cn(\n        'text-sm font-medium leading-tight text-gray-900 truncate overflow-hidden whitespace-nowrap text-ellipsis',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </h3>\n  )\n}\n\nfunction ProductLinkPrice({className, ...props}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"product-link-price\"\n      className={cn('flex items-center gap-2', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkCurrentPrice({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"product-link-current-price\"\n      className={cn('text-sm font-semibold text-gray-900', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkOriginalPrice({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"product-link-original-price\"\n      className={cn('text-sm text-gray-500 line-through', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkDiscountPrice({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"product-link-discount-price\"\n      className={cn('text-sm font-semibold text-red-600', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkRating({className, ...props}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"product-link-rating\"\n      className={cn(\n        'flex items-center gap-1 text-xs text-muted-foreground',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkActions({\n  className,\n  onActionPress,\n  filled = false,\n  ...props\n}: React.ComponentProps<typeof CardAction> & {\n  onActionPress?: () => void\n  filled?: boolean\n}) {\n  return (\n    <CardAction\n      className={cn('flex-shrink-0 self-center px-0 py-0', className)}\n      {...props}\n    >\n      <Touchable\n        stopPropagation\n        onClick={onActionPress}\n        whileTap={{opacity: 0.7, scale: 0.95}}\n        transition={{\n          opacity: {type: 'tween', duration: 0.08, ease: 'easeInOut'},\n          scale: {type: 'tween', duration: 0.08, ease: 'easeInOut'},\n        }}\n      >\n        <Button\n          variant=\"borderless\"\n          size=\"icon\"\n          className=\"h-auto w-auto p-0 hover:bg-transparent\"\n        >\n          <Heart fill={filled ? 'currentColor' : 'none'} className=\"h-4 w-4\" />\n        </Button>\n      </Touchable>\n    </CardAction>\n  )\n}\n\nexport interface ProductLinkProps {\n  product: Product\n}\n\n// Composed ProductLink component\nfunction ProductLink({product}: ProductLinkProps) {\n  const {navigateToProduct} = useShopNavigation()\n  const {saveProduct, unsaveProduct} = useSavedProductsActions()\n\n  const {\n    id,\n    title,\n    featuredImage,\n    reviewAnalytics,\n    price,\n    compareAtPrice,\n    isFavorited,\n    selectedVariant,\n    defaultVariantId,\n    shop,\n  } = product\n\n  // Local state for optimistic UI updates\n  const [isFavoritedLocal, setIsFavoritedLocal] = React.useState(isFavorited)\n\n  const averageRating = reviewAnalytics?.averageRating\n  const reviewCount = reviewAnalytics?.reviewCount\n  const currencyCode = price?.currencyCode\n  const amount = price?.amount\n  const imageUrl = featuredImage?.url\n  const imageAltText = featuredImage?.altText || title\n  const compareAtPriceAmount = compareAtPrice?.amount\n  const compareAtPriceCurrencyCode = compareAtPrice?.currencyCode\n  const hasDiscount = compareAtPriceAmount && compareAtPriceAmount !== amount\n\n  const handlePress = React.useCallback(() => {\n    navigateToProduct({\n      productId: id,\n    })\n  }, [navigateToProduct, id])\n\n  const handleActionPress = React.useCallback(async () => {\n    const previousState = isFavoritedLocal\n\n    // Optimistic update\n    setIsFavoritedLocal(!previousState)\n\n    try {\n      if (previousState) {\n        await unsaveProduct({\n          productId: id,\n          shopId: shop.id,\n          productVariantId: selectedVariant?.id || defaultVariantId,\n        })\n      } else {\n        await saveProduct({\n          productId: id,\n          shopId: shop.id,\n          productVariantId: selectedVariant?.id || defaultVariantId,\n        })\n      }\n    } catch (error) {\n      // Revert optimistic update on error\n      setIsFavoritedLocal(previousState)\n    }\n  }, [\n    isFavoritedLocal,\n    id,\n    shop.id,\n    selectedVariant?.id,\n    defaultVariantId,\n    saveProduct,\n    unsaveProduct,\n  ])\n\n  return (\n    <ProductLinkRoot\n      layout=\"horizontal\"\n      discount={hasDiscount ? 'small' : 'none'}\n      onPress={handlePress}\n    >\n      <ProductLinkImage layout=\"horizontal\">\n        {imageUrl ? (\n          <img\n            src={imageUrl}\n            alt={imageAltText}\n            className=\"h-full w-full object-cover\"\n          />\n        ) : (\n          <div className=\"h-full w-full bg-muted flex items-center justify-center text-muted-foreground text-xs\">\n            No Image\n          </div>\n        )}\n      </ProductLinkImage>\n\n      <ProductLinkInfo layout=\"horizontal\">\n        <ProductLinkTitle>{title}</ProductLinkTitle>\n\n        {reviewCount && averageRating && (\n          <ProductLinkRating>\n            <div className=\"flex items-center gap-1\">\n              {Array.from({length: 5}, (_, i) => (\n                <Star\n                  key={i}\n                  fill={\n                    i < Math.floor(averageRating!) ? 'currentColor' : 'none'\n                  }\n                  className={cn(\n                    'h-3 w-3',\n                    i < Math.floor(averageRating!)\n                      ? 'text-primary'\n                      : 'text-gray-300'\n                  )}\n                />\n              ))}\n              <span className=\"text-xs text-gray-600 ml-1\">\n                ({reviewCount})\n              </span>\n            </div>\n          </ProductLinkRating>\n        )}\n\n        <ProductLinkPrice>\n          {hasDiscount ? (\n            <>\n              <ProductLinkDiscountPrice>\n                {currencyCode} {amount}\n              </ProductLinkDiscountPrice>\n              <ProductLinkOriginalPrice>\n                {compareAtPriceCurrencyCode} {compareAtPriceAmount}\n              </ProductLinkOriginalPrice>\n            </>\n          ) : (\n            <ProductLinkCurrentPrice>\n              {currencyCode} {amount}\n            </ProductLinkCurrentPrice>\n          )}\n        </ProductLinkPrice>\n      </ProductLinkInfo>\n\n      <ProductLinkActions\n        filled={isFavoritedLocal}\n        onActionPress={handleActionPress}\n      />\n    </ProductLinkRoot>\n  )\n}\n\nexport {\n  // Composed component\n  ProductLink,\n  // Primitive components for custom composition\n  ProductLinkRoot,\n  ProductLinkImage,\n  ProductLinkInfo,\n  ProductLinkTitle,\n  ProductLinkPrice,\n  ProductLinkCurrentPrice,\n  ProductLinkOriginalPrice,\n  ProductLinkDiscountPrice,\n  ProductLinkRating,\n  ProductLinkActions,\n}\n"],"names":["productLinkVariants","cva","ProductLinkRoot","className","layout","discount","asChild","onPress","props","jsx","Touchable","SlotPrimitive.Root","Card","cn","ProductLinkImage","ProductLinkInfo","CardContent","ProductLinkTitle","children","ProductLinkPrice","ProductLinkCurrentPrice","ProductLinkOriginalPrice","ProductLinkDiscountPrice","ProductLinkRating","ProductLinkActions","onActionPress","filled","CardAction","Button","Heart","ProductLink","product","navigateToProduct","useShopNavigation","saveProduct","unsaveProduct","useSavedProductsActions","id","title","featuredImage","reviewAnalytics","price","compareAtPrice","isFavorited","selectedVariant","defaultVariantId","shop","isFavoritedLocal","setIsFavoritedLocal","React","averageRating","reviewCount","currencyCode","amount","imageUrl","imageAltText","compareAtPriceAmount","compareAtPriceCurrencyCode","hasDiscount","handlePress","handleActionPress","previousState","jsxs","_","i","Star","Fragment"],"mappings":"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"}

package/dist/hooks/navigation/useDeeplink.js

@@ -0,0 +1,23 @@
+import { useMemo as e } from "react";
+import { parseUrl as s } from "../../utils/parseUrl.js";
+const t = () => {
+  const { initialUrl: r } = window.minisParams;
+  return e(() => {
+    if (!r)
+      return {
+        path: void 0,
+        queryParams: void 0,
+        hash: void 0
+      };
+    const a = s(r);
+    return {
+      path: a.pathname,
+      queryParams: a.query,
+      hash: a.hash
+    };
+  }, [r]);
+};
+export {
+  t as useDeeplink
+};
+//# sourceMappingURL=useDeeplink.js.map

package/dist/hooks/navigation/useDeeplink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeeplink.js","sources":["../../../src/hooks/navigation/useDeeplink.ts"],"sourcesContent":["import {useMemo} from 'react'\n\nimport {parseUrl} from '../../utils/parseUrl'\n\ninterface UseDeeplinkReturnType {\n  /**\n   * The path of the deeplink.\n   */\n  path?: string\n  /**\n   * The query parameters of the deeplink.\n   */\n  queryParams?: {[key: string]: string | undefined}\n  /**\n   * The hash of the deeplink.\n   */\n  hash?: string\n}\n\nexport const useDeeplink = (): UseDeeplinkReturnType => {\n  const {initialUrl} = window.minisParams\n\n  return useMemo(() => {\n    if (!initialUrl) {\n      return {\n        path: undefined,\n        queryParams: undefined,\n        hash: undefined,\n      }\n    }\n\n    const parsedUrl = parseUrl(initialUrl)\n\n    return {\n      path: parsedUrl.pathname,\n      queryParams: parsedUrl.query,\n      hash: parsedUrl.hash,\n    }\n  }, [initialUrl])\n}\n"],"names":["useDeeplink","initialUrl","useMemo","parsedUrl","parseUrl"],"mappings":";;AAmBO,MAAMA,IAAc,MAA6B;AAChD,QAAA,EAAC,YAAAC,MAAc,OAAO;AAE5B,SAAOC,EAAQ,MAAM;AACnB,QAAI,CAACD;AACI,aAAA;AAAA,QACL,MAAM;AAAA,QACN,aAAa;AAAA,QACb,MAAM;AAAA,MACR;AAGI,UAAAE,IAAYC,EAASH,CAAU;AAE9B,WAAA;AAAA,MACL,MAAME,EAAU;AAAA,MAChB,aAAaA,EAAU;AAAA,MACvB,MAAMA,EAAU;AAAA,IAClB;AAAA,EAAA,GACC,CAACF,CAAU,CAAC;AACjB;"}

package/dist/hooks/util/useShare.js

@@ -0,0 +1,12 @@
+import { useHandleAction as r } from "../../internal/useHandleAction.js";
+import { useShopActions as e } from "../../internal/useShopActions.js";
+const n = () => {
+  const { share: o } = e();
+  return {
+    share: r(o)
+  };
+};
+export {
+  n as useShare
+};
+//# sourceMappingURL=useShare.js.map

package/dist/hooks/util/useShare.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShare.js","sources":["../../../src/hooks/util/useShare.ts"],"sourcesContent":["import {useHandleAction} from '../../internal/useHandleAction'\nimport {useShopActions} from '../../internal/useShopActions'\nimport {ShareParams} from '../../types'\n\ninterface UseShareReturns {\n  /**\n   * Closes the Mini viewer.\n   */\n  share: (params: ShareParams) => void\n}\n\nexport const useShare = (): UseShareReturns => {\n  const {share} = useShopActions()\n\n  return {\n    share: useHandleAction(share),\n  }\n}\n"],"names":["useShare","share","useShopActions","useHandleAction"],"mappings":";;AAWO,MAAMA,IAAW,MAAuB;AACvC,QAAA,EAAC,OAAAC,EAAK,IAAIC,EAAe;AAExB,SAAA;AAAA,IACL,OAAOC,EAAgBF,CAAK;AAAA,EAC9B;AACF;"}

package/dist/index.js

@@ -1,52 +1,53 @@
 import { MinisContainer as o } from "./components/MinisContainer.js";
-import { ProductCard as a, ProductCardBadge as i, ProductCardCurrentPrice as l, ProductCardFavoriteButton as n, ProductCardImage as c, ProductCardImageContainer as u, ProductCardInfo as d, ProductCardOriginalPrice as s, ProductCardPrice as p, ProductCardRoot as m, ProductCardTitle as f } from "./components/commerce/product-card.js";
-import { ProductLink as g, ProductLinkActions as C, ProductLinkCurrentPrice as P, ProductLinkDiscountPrice as D, ProductLinkImage as S, ProductLinkInfo as A, ProductLinkOriginalPrice as T, ProductLinkPrice as L, ProductLinkRating as h, ProductLinkRoot as k, ProductLinkTitle as w } from "./components/commerce/product-link.js";
-import { Accordion as I, AccordionContent as v, AccordionItem as R, AccordionTrigger as F } from "./components/ui/accordion.js";
-import { Alert as y, AlertDescription as E, AlertTitle as H } from "./components/ui/alert.js";
-import { AlertDialog as G, AlertDialogAction as M, AlertDialogCancel as N, AlertDialogContent as U, AlertDialogDescription as V, AlertDialogFooter as z, AlertDialogHeader as j, AlertDialogOverlay as q, AlertDialogPortal as J, AlertDialogTitle as K, AlertDialogTrigger as Q } from "./components/ui/alert-dialog.js";
-import { Avatar as X, AvatarFallback as Y, AvatarImage as Z } from "./components/ui/avatar.js";
-import { Badge as $, badgeVariants as rr } from "./components/ui/badge.js";
-import { Button as or, buttonVariants as tr } from "./components/ui/button.js";
-import { Card as ir, CardAction as lr, CardContent as nr, CardDescription as cr, CardFooter as ur, CardHeader as dr, CardTitle as sr } from "./components/ui/card.js";
-import { Carousel as mr, CarouselContent as fr, CarouselItem as xr, CarouselNext as gr, CarouselPrevious as Cr } from "./components/ui/carousel.js";
-import { Checkbox as Dr } from "./components/ui/checkbox.js";
-import { Dialog as Ar, DialogClose as Tr, DialogContent as Lr, DialogDescription as hr, DialogFooter as kr, DialogHeader as wr, DialogOverlay as br, DialogPortal as Ir, DialogTitle as vr, DialogTrigger as Rr } from "./components/ui/dialog.js";
-import { Drawer as Br, DrawerClose as yr, DrawerContent as Er, DrawerDescription as Hr, DrawerFooter as Or, DrawerHeader as Gr, DrawerOverlay as Mr, DrawerPortal as Nr, DrawerTitle as Ur, DrawerTrigger as Vr } from "./components/ui/drawer.js";
-import { Input as jr } from "./components/ui/input.js";
-import { Label as Jr } from "./components/ui/label.js";
-import { Progress as Qr } from "./components/ui/progress.js";
-import { RadioGroup as Xr, RadioGroupItem as Yr } from "./components/ui/radio-group.js";
-import { ResizableHandle as _r, ResizablePanel as $r, ResizablePanelGroup as re } from "./components/ui/resizable.js";
-import { ScrollArea as oe, ScrollBar as te } from "./components/ui/scroll-area.js";
-import { Select as ie, SelectContent as le, SelectGroup as ne, SelectItem as ce, SelectLabel as ue, SelectScrollDownButton as de, SelectScrollUpButton as se, SelectSeparator as pe, SelectTrigger as me, SelectValue as fe } from "./components/ui/select.js";
-import { Separator as ge } from "./components/ui/separator.js";
-import { Sheet as Pe, SheetClose as De, SheetContent as Se, SheetDescription as Ae, SheetFooter as Te, SheetHeader as Le, SheetTitle as he, SheetTrigger as ke } from "./components/ui/sheet.js";
-import { Toaster as be } from "./components/ui/sonner.js";
-import { Touchable as ve, touchableVariants as Re } from "./components/ui/touchable.js";
-import { useSavedProductsActions as Be } from "./hooks/user/useSavedProductsActions.js";
-import { useFollowedShopsActions as Ee } from "./hooks/user/useFollowedShopsActions.js";
-import { useCurrentUser as Oe } from "./hooks/user/useCurrentUser.js";
-import { useOrders as Me } from "./hooks/user/useOrders.js";
-import { useBuyerAttributes as Ue } from "./hooks/user/useBuyerAttributes.js";
-import { useProductListActions as ze } from "./hooks/product/useProductListActions.js";
-import { useProductLists as qe } from "./hooks/product/useProductLists.js";
-import { useProductList as Ke } from "./hooks/product/useProductList.js";
-import { useRecommendedProducts as We } from "./hooks/product/useRecommendedProducts.js";
-import { usePopularProducts as Ye } from "./hooks/product/usePopularProducts.js";
-import { useAsyncStorage as _e } from "./hooks/storage/useAsyncStorage.js";
-import { useSecureStorage as ro } from "./hooks/storage/useSecureStorage.js";
-import { useImageUpload as oo } from "./hooks/storage/useImageUpload.js";
-import { useShopNavigation as ao } from "./hooks/navigation/useShopNavigation.js";
-import { useCloseMini as lo } from "./hooks/navigation/useCloseMini.js";
-import { useShopCartActions as co } from "./hooks/shop/useShopCartActions.js";
-import { useRecommendedShops as so } from "./hooks/shop/useRecommendedShops.js";
-import { useErrorToast as mo } from "./hooks/util/useErrorToast.js";
-import { useErrorScreen as xo } from "./hooks/util/useErrorScreen.js";
-import { MiniEntityNotFoundError as Co, MiniError as Po, MiniNetworkError as Do, formatError as So } from "./utils/errors.js";
+import { ProductCard as a, ProductCardBadge as i, ProductCardCurrentPrice as l, ProductCardFavoriteButton as n, ProductCardImage as c, ProductCardImageContainer as u, ProductCardInfo as d, ProductCardOriginalPrice as p, ProductCardPrice as s, ProductCardRoot as m, ProductCardTitle as f } from "./components/commerce/product-card.js";
+import { ProductLink as g, ProductLinkActions as C, ProductLinkCurrentPrice as P, ProductLinkDiscountPrice as D, ProductLinkImage as S, ProductLinkInfo as A, ProductLinkOriginalPrice as L, ProductLinkPrice as T, ProductLinkRating as k, ProductLinkRoot as h, ProductLinkTitle as w } from "./components/commerce/product-link.js";
+import { Accordion as b, AccordionContent as v, AccordionItem as R, AccordionTrigger as F } from "./components/atoms/accordion.js";
+import { Alert as y, AlertDescription as E, AlertTitle as H } from "./components/atoms/alert.js";
+import { AlertDialog as G, AlertDialogAction as M, AlertDialogCancel as N, AlertDialogContent as U, AlertDialogDescription as z, AlertDialogFooter as V, AlertDialogHeader as j, AlertDialogOverlay as q, AlertDialogPortal as J, AlertDialogTitle as K, AlertDialogTrigger as Q } from "./components/atoms/alert-dialog.js";
+import { Avatar as X, AvatarFallback as Y, AvatarImage as Z } from "./components/atoms/avatar.js";
+import { Badge as $, badgeVariants as rr } from "./components/atoms/badge.js";
+import { Button as or, buttonVariants as tr } from "./components/atoms/button.js";
+import { Card as ir, CardAction as lr, CardContent as nr, CardDescription as cr, CardFooter as ur, CardHeader as dr, CardTitle as pr } from "./components/atoms/card.js";
+import { Carousel as mr, CarouselContent as fr, CarouselItem as xr, CarouselNext as gr, CarouselPrevious as Cr } from "./components/atoms/carousel.js";
+import { Checkbox as Dr } from "./components/atoms/checkbox.js";
+import { Dialog as Ar, DialogClose as Lr, DialogContent as Tr, DialogDescription as kr, DialogFooter as hr, DialogHeader as wr, DialogOverlay as Ir, DialogPortal as br, DialogTitle as vr, DialogTrigger as Rr } from "./components/atoms/dialog.js";
+import { Drawer as Br, DrawerClose as yr, DrawerContent as Er, DrawerDescription as Hr, DrawerFooter as Or, DrawerHeader as Gr, DrawerOverlay as Mr, DrawerPortal as Nr, DrawerTitle as Ur, DrawerTrigger as zr } from "./components/atoms/drawer.js";
+import { Input as jr } from "./components/atoms/input.js";
+import { Label as Jr } from "./components/atoms/label.js";
+import { Progress as Qr } from "./components/atoms/progress.js";
+import { RadioGroup as Xr, RadioGroupItem as Yr } from "./components/atoms/radio-group.js";
+import { ResizableHandle as _r, ResizablePanel as $r, ResizablePanelGroup as re } from "./components/atoms/resizable.js";
+import { ScrollArea as oe, ScrollBar as te } from "./components/atoms/scroll-area.js";
+import { Select as ie, SelectContent as le, SelectGroup as ne, SelectItem as ce, SelectLabel as ue, SelectScrollDownButton as de, SelectScrollUpButton as pe, SelectSeparator as se, SelectTrigger as me, SelectValue as fe } from "./components/atoms/select.js";
+import { Separator as ge } from "./components/atoms/separator.js";
+import { Sheet as Pe, SheetClose as De, SheetContent as Se, SheetDescription as Ae, SheetFooter as Le, SheetHeader as Te, SheetTitle as ke, SheetTrigger as he } from "./components/atoms/sheet.js";
+import { Toaster as Ie } from "./components/atoms/sonner.js";
+import { useSavedProductsActions as ve } from "./hooks/user/useSavedProductsActions.js";
+import { useFollowedShopsActions as Fe } from "./hooks/user/useFollowedShopsActions.js";
+import { useCurrentUser as ye } from "./hooks/user/useCurrentUser.js";
+import { useOrders as He } from "./hooks/user/useOrders.js";
+import { useBuyerAttributes as Ge } from "./hooks/user/useBuyerAttributes.js";
+import { useProductListActions as Ne } from "./hooks/product/useProductListActions.js";
+import { useProductLists as ze } from "./hooks/product/useProductLists.js";
+import { useProductList as je } from "./hooks/product/useProductList.js";
+import { useRecommendedProducts as Je } from "./hooks/product/useRecommendedProducts.js";
+import { usePopularProducts as Qe } from "./hooks/product/usePopularProducts.js";
+import { useAsyncStorage as Xe } from "./hooks/storage/useAsyncStorage.js";
+import { useSecureStorage as Ze } from "./hooks/storage/useSecureStorage.js";
+import { useImageUpload as $e } from "./hooks/storage/useImageUpload.js";
+import { useShopNavigation as eo } from "./hooks/navigation/useShopNavigation.js";
+import { useCloseMini as to } from "./hooks/navigation/useCloseMini.js";
+import { useDeeplink as io } from "./hooks/navigation/useDeeplink.js";
+import { useShopCartActions as no } from "./hooks/shop/useShopCartActions.js";
+import { useRecommendedShops as uo } from "./hooks/shop/useRecommendedShops.js";
+import { useErrorToast as so } from "./hooks/util/useErrorToast.js";
+import { useErrorScreen as fo } from "./hooks/util/useErrorScreen.js";
+import { useShare as go } from "./hooks/util/useShare.js";
+import { MiniEntityNotFoundError as Po, MiniError as Do, MiniNetworkError as So, formatError as Ao } from "./utils/errors.js";
 import { parseUrl as To } from "./utils/parseUrl.js";
-import { Consent as ho, ConsentStatus as ko, CurrencyCode as wo, Gender as bo } from "./types/minisSDK.generated.d.js";
+import { Consent as ho, ConsentStatus as wo, CurrencyCode as Io, Gender as bo } from "./types/minisSDK.generated.d.js";
 export {
-  I as Accordion,
+  b as Accordion,
   v as AccordionContent,
   R as AccordionItem,
   F as AccordionTrigger,
@@ -56,8 +57,8 @@ export {
   M as AlertDialogAction,
   N as AlertDialogCancel,
   U as AlertDialogContent,
-  V as AlertDialogDescription,
-  z as AlertDialogFooter,
+  z as AlertDialogDescription,
+  V as AlertDialogFooter,
   j as AlertDialogHeader,
   q as AlertDialogOverlay,
   J as AlertDialogPortal,
@@ -75,7 +76,7 @@ export {
   cr as CardDescription,
   ur as CardFooter,
   dr as CardHeader,
-  sr as CardTitle,
+  pr as CardTitle,
   mr as Carousel,
   fr as CarouselContent,
   xr as CarouselItem,
@@ -83,16 +84,16 @@ export {
   Cr as CarouselPrevious,
   Dr as Checkbox,
   ho as Consent,
-  ko as ConsentStatus,
-  wo as CurrencyCode,
+  wo as ConsentStatus,
+  Io as CurrencyCode,
   Ar as Dialog,
-  Tr as DialogClose,
-  Lr as DialogContent,
-  hr as DialogDescription,
-  kr as DialogFooter,
+  Lr as DialogClose,
+  Tr as DialogContent,
+  kr as DialogDescription,
+  hr as DialogFooter,
   wr as DialogHeader,
-  br as DialogOverlay,
-  Ir as DialogPortal,
+  Ir as DialogOverlay,
+  br as DialogPortal,
   vr as DialogTitle,
   Rr as DialogTrigger,
   Br as Drawer,
@@ -104,13 +105,13 @@ export {
   Mr as DrawerOverlay,
   Nr as DrawerPortal,
   Ur as DrawerTitle,
-  Vr as DrawerTrigger,
+  zr as DrawerTrigger,
   bo as Gender,
   jr as Input,
   Jr as Label,
-  Co as MiniEntityNotFoundError,
-  Po as MiniError,
-  Do as MiniNetworkError,
+  Po as MiniEntityNotFoundError,
+  Do as MiniError,
+  So as MiniNetworkError,
   o as MinisContainer,
   a as ProductCard,
   i as ProductCardBadge,
@@ -119,8 +120,8 @@ export {
   c as ProductCardImage,
   u as ProductCardImageContainer,
   d as ProductCardInfo,
-  s as ProductCardOriginalPrice,
-  p as ProductCardPrice,
+  p as ProductCardOriginalPrice,
+  s as ProductCardPrice,
   m as ProductCardRoot,
   f as ProductCardTitle,
   g as ProductLink,
@@ -129,10 +130,10 @@ export {
   D as ProductLinkDiscountPrice,
   S as ProductLinkImage,
   A as ProductLinkInfo,
-  T as ProductLinkOriginalPrice,
-  L as ProductLinkPrice,
-  h as ProductLinkRating,
-  k as ProductLinkRoot,
+  L as ProductLinkOriginalPrice,
+  T as ProductLinkPrice,
+  k as ProductLinkRating,
+  h as ProductLinkRoot,
   w as ProductLinkTitle,
   Qr as Progress,
   Xr as RadioGroup,
@@ -148,8 +149,8 @@ export {
   ce as SelectItem,
   ue as SelectLabel,
   de as SelectScrollDownButton,
-  se as SelectScrollUpButton,
-  pe as SelectSeparator,
+  pe as SelectScrollUpButton,
+  se as SelectSeparator,
   me as SelectTrigger,
   fe as SelectValue,
   ge as Separator,
@@ -157,35 +158,35 @@ export {
   De as SheetClose,
   Se as SheetContent,
   Ae as SheetDescription,
-  Te as SheetFooter,
-  Le as SheetHeader,
-  he as SheetTitle,
-  ke as SheetTrigger,
-  be as Toaster,
-  ve as Touchable,
+  Le as SheetFooter,
+  Te as SheetHeader,
+  ke as SheetTitle,
+  he as SheetTrigger,
+  Ie as Toaster,
   rr as badgeVariants,
   tr as buttonVariants,
-  So as formatError,
+  Ao as formatError,
   To as parseUrl,
-  Re as touchableVariants,
-  _e as useAsyncStorage,
-  Ue as useBuyerAttributes,
-  lo as useCloseMini,
-  Oe as useCurrentUser,
-  xo as useErrorScreen,
-  mo as useErrorToast,
-  Ee as useFollowedShopsActions,
-  oo as useImageUpload,
-  Me as useOrders,
-  Ye as usePopularProducts,
-  Ke as useProductList,
-  ze as useProductListActions,
-  qe as useProductLists,
-  We as useRecommendedProducts,
-  so as useRecommendedShops,
-  Be as useSavedProductsActions,
-  ro as useSecureStorage,
-  co as useShopCartActions,
-  ao as useShopNavigation
+  Xe as useAsyncStorage,
+  Ge as useBuyerAttributes,
+  to as useCloseMini,
+  ye as useCurrentUser,
+  io as useDeeplink,
+  fo as useErrorScreen,
+  so as useErrorToast,
+  Fe as useFollowedShopsActions,
+  $e as useImageUpload,
+  He as useOrders,
+  Qe as usePopularProducts,
+  je as useProductList,
+  Ne as useProductListActions,
+  ze as useProductLists,
+  Je as useRecommendedProducts,
+  uo as useRecommendedShops,
+  ve as useSavedProductsActions,
+  Ze as useSecureStorage,
+  go as useShare,
+  no as useShopCartActions,
+  eo as useShopNavigation
 };
 //# sourceMappingURL=index.js.map