@shopify/shop-minis-react 0.0.16 → 0.0.18

package/dist/index.js

@@ -1,224 +1,199 @@
 import { MinisContainer as o } from "./components/MinisContainer.js";
-import { ProductCard as a, ProductCardBadge as i, ProductCardCurrentPrice as n, ProductCardFavoriteButton as c, ProductCardImage as l, 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 C, ProductLinkActions as g, ProductLinkCurrentPrice as P, ProductLinkDiscountPrice as D, ProductLinkImage as S, ProductLinkInfo as A, ProductLinkOriginalPrice as h, ProductLinkPrice as L, ProductLinkRating as k, ProductLinkRoot as I, ProductLinkTitle as T } from "./components/commerce/product-link.js";
-import { MerchantCard as w, MerchantCardImage as R, MerchantCardImageContainer as v, MerchantCardInfo as b, MerchantCardLogo as F, MerchantCardName as B, MerchantCardPrimitive as E, MerchantCardRating as y, MerchantCardRoot as H } from "./components/commerce/merchant-card.js";
-import { Accordion as N, AccordionContent as G, AccordionItem as U, AccordionTrigger as V } from "./components/atoms/accordion.js";
-import { Alert as j, AlertDescription as q, AlertTitle as J } from "./components/atoms/alert.js";
-import { AlertDialog as Q, AlertDialogAction as W, AlertDialogCancel as X, AlertDialogContent as Y, AlertDialogDescription as Z, AlertDialogFooter as _, AlertDialogHeader as $, AlertDialogOverlay as rr, AlertDialogPortal as er, AlertDialogTitle as or, AlertDialogTrigger as tr } from "./components/atoms/alert-dialog.js";
-import { Avatar as ir, AvatarFallback as nr, AvatarImage as cr } from "./components/atoms/avatar.js";
-import { Badge as ur, badgeVariants as dr } from "./components/atoms/badge.js";
-import { Button as pr, buttonVariants as mr } from "./components/atoms/button.js";
-import { Card as xr, CardAction as Cr, CardContent as gr, CardDescription as Pr, CardFooter as Dr, CardHeader as Sr, CardTitle as Ar } from "./components/atoms/card.js";
-import { Carousel as Lr, CarouselContent as kr, CarouselItem as Ir, CarouselNext as Tr, CarouselPrevious as Mr } from "./components/atoms/carousel.js";
-import { Checkbox as Rr } from "./components/atoms/checkbox.js";
-import { Dialog as br, DialogClose as Fr, DialogContent as Br, DialogDescription as Er, DialogFooter as yr, DialogHeader as Hr, DialogOverlay as Or, DialogPortal as Nr, DialogTitle as Gr, DialogTrigger as Ur } from "./components/atoms/dialog.js";
-import { Drawer as zr, DrawerClose as jr, DrawerContent as qr, DrawerDescription as Jr, DrawerFooter as Kr, DrawerHeader as Qr, DrawerOverlay as Wr, DrawerPortal as Xr, DrawerTitle as Yr, DrawerTrigger as Zr } from "./components/atoms/drawer.js";
-import { Input as $r } from "./components/atoms/input.js";
-import { Label as ee } from "./components/atoms/label.js";
-import { Progress as te } from "./components/atoms/progress.js";
-import { RadioGroup as ie, RadioGroupItem as ne } from "./components/atoms/radio-group.js";
-import { ResizableHandle as le, ResizablePanel as ue, ResizablePanelGroup as de } from "./components/atoms/resizable.js";
-import { ScrollArea as pe, ScrollBar as me } from "./components/atoms/scroll-area.js";
-import { Select as xe, SelectContent as Ce, SelectGroup as ge, SelectItem as Pe, SelectLabel as De, SelectScrollDownButton as Se, SelectScrollUpButton as Ae, SelectSeparator as he, SelectTrigger as Le, SelectValue as ke } from "./components/atoms/select.js";
-import { Separator as Te } from "./components/atoms/separator.js";
-import { Sheet as we, SheetClose as Re, SheetContent as ve, SheetDescription as be, SheetFooter as Fe, SheetHeader as Be, SheetTitle as Ee, SheetTrigger as ye } from "./components/atoms/sheet.js";
-import { Toaster as Oe } from "./components/atoms/sonner.js";
-import { useRecentProducts as Ge } from "./hooks/user/useRecentProducts.js";
-import { useRecentShops as Ve } from "./hooks/user/useRecentShops.js";
-import { useSavedProducts as je } from "./hooks/user/useSavedProducts.js";
-import { useSavedProductsActions as Je } from "./hooks/user/useSavedProductsActions.js";
-import { useFollowedShops as Qe } from "./hooks/user/useFollowedShops.js";
-import { useFollowedShopsActions as Xe } from "./hooks/user/useFollowedShopsActions.js";
-import { useCurrentUser as Ze } from "./hooks/user/useCurrentUser.js";
-import { useOrders as $e } from "./hooks/user/useOrders.js";
-import { useBuyerAttributes as eo } from "./hooks/user/useBuyerAttributes.js";
-import { useProductListActions as to } from "./hooks/product/useProductListActions.js";
-import { useProductLists as io } from "./hooks/product/useProductLists.js";
-import { useProductList as co } from "./hooks/product/useProductList.js";
-import { useProduct as uo } from "./hooks/product/useProduct.js";
-import { useProducts as po } from "./hooks/product/useProducts.js";
-import { useProductVariants as fo } from "./hooks/product/useProductVariants.js";
-import { useProductMedia as Co } from "./hooks/product/useProductMedia.js";
-import { useProductSearch as Po } from "./hooks/product/useProductSearch.js";
-import { useRecommendedProducts as So } from "./hooks/product/useRecommendedProducts.js";
-import { usePopularProducts as ho } from "./hooks/product/usePopularProducts.js";
-import { useCuratedProducts as ko } from "./hooks/product/useCuratedProducts.js";
-import { useAsyncStorage as To } from "./hooks/storage/useAsyncStorage.js";
-import { useSecureStorage as wo } from "./hooks/storage/useSecureStorage.js";
-import { useImageUpload as vo } from "./hooks/storage/useImageUpload.js";
-import { useShopNavigation as Fo } from "./hooks/navigation/useShopNavigation.js";
-import { useCloseMini as Eo } from "./hooks/navigation/useCloseMini.js";
-import { useDeeplink as Ho } from "./hooks/navigation/useDeeplink.js";
-import { useShop as No } from "./hooks/shop/useShop.js";
-import { useShopCartActions as Uo } from "./hooks/shop/useShopCartActions.js";
-import { useRecommendedShops as zo } from "./hooks/shop/useRecommendedShops.js";
-import { useErrorToast as qo } from "./hooks/util/useErrorToast.js";
-import { useErrorScreen as Ko } from "./hooks/util/useErrorScreen.js";
-import { useShare as Wo } from "./hooks/util/useShare.js";
-import { useImagePicker as Yo } from "./hooks/util/useImagePicker.js";
-import { MiniEntityNotFoundError as _o, MiniError as $o, MiniNetworkError as rt, formatError as et } from "./utils/errors.js";
-import { parseUrl as tt } from "./utils/parseUrl.js";
-import { Consent as it, ConsentStatus as nt } from "./shop-minis-platform/src/types/permissions.js";
+import { ProductCard as a } from "./components/commerce/product-card.js";
+import { ProductLink as i } from "./components/commerce/product-link.js";
+import { MerchantCard as s, MerchantCardPrimitive as m } from "./components/commerce/merchant-card.js";
+import { Button as n } from "./components/atoms/button.js";
+import { FavoriteButton as x } from "./components/atoms/favorite-button.js";
+import { IconButton as d } from "./components/atoms/icon-button.js";
+import { Touchable as S } from "./components/atoms/touchable.js";
+import { Accordion as C, AccordionContent as A, AccordionItem as P, AccordionTrigger as h } from "./components/ui/accordion.js";
+import { Alert as w, AlertDescription as v, AlertTitle as F } from "./components/ui/alert.js";
+import { AlertDialog as I, AlertDialogAction as R, AlertDialogCancel as M, AlertDialogContent as B, AlertDialogDescription as E, AlertDialogFooter as k, AlertDialogHeader as y, AlertDialogOverlay as H, AlertDialogPortal as L, AlertDialogTitle as G, AlertDialogTrigger as N } from "./components/ui/alert-dialog.js";
+import { Avatar as U, AvatarFallback as z, AvatarImage as V } from "./components/ui/avatar.js";
+import { Card as q, CardAction as J, CardContent as K, CardDescription as Q, CardFooter as W, CardHeader as X, CardTitle as Y } from "./components/ui/card.js";
+import { Carousel as _, CarouselContent as $, CarouselItem as rr, CarouselNext as er, CarouselPrevious as or } from "./components/ui/carousel.js";
+import { Checkbox as ar } from "./components/ui/checkbox.js";
+import { Dialog as ir, DialogClose as pr, DialogContent as sr, DialogDescription as mr, DialogFooter as ur, DialogHeader as nr, DialogOverlay as cr, DialogPortal as xr, DialogTitle as fr, DialogTrigger as dr } from "./components/ui/dialog.js";
+import { Drawer as Sr, DrawerClose as Dr, DrawerContent as Cr, DrawerDescription as Ar, DrawerFooter as Pr, DrawerHeader as hr, DrawerOverlay as Tr, DrawerPortal as wr, DrawerTitle as vr, DrawerTrigger as Fr } from "./components/ui/drawer.js";
+import { Input as Ir } from "./components/ui/input.js";
+import { Label as Mr } from "./components/ui/label.js";
+import { Progress as Er } from "./components/ui/progress.js";
+import { RadioGroup as yr, RadioGroupItem as Hr } from "./components/ui/radio-group.js";
+import { ResizableHandle as Gr, ResizablePanel as Nr, ResizablePanelGroup as Or } from "./components/ui/resizable.js";
+import { ScrollArea as zr, ScrollBar as Vr } from "./components/ui/scroll-area.js";
+import { Select as qr, SelectContent as Jr, SelectGroup as Kr, SelectItem as Qr, SelectLabel as Wr, SelectScrollDownButton as Xr, SelectScrollUpButton as Yr, SelectSeparator as Zr, SelectTrigger as _r, SelectValue as $r } from "./components/ui/select.js";
+import { Separator as ee } from "./components/ui/separator.js";
+import { Sheet as te, SheetClose as ae, SheetContent as le, SheetDescription as ie, SheetFooter as pe, SheetHeader as se, SheetTitle as me, SheetTrigger as ue } from "./components/ui/sheet.js";
+import { Toaster as ce } from "./components/ui/sonner.js";
+import { useRecentProducts as fe } from "./hooks/user/useRecentProducts.js";
+import { useRecentShops as ge } from "./hooks/user/useRecentShops.js";
+import { useSavedProducts as De } from "./hooks/user/useSavedProducts.js";
+import { useSavedProductsActions as Ae } from "./hooks/user/useSavedProductsActions.js";
+import { useFollowedShops as he } from "./hooks/user/useFollowedShops.js";
+import { useFollowedShopsActions as we } from "./hooks/user/useFollowedShopsActions.js";
+import { useCurrentUser as Fe } from "./hooks/user/useCurrentUser.js";
+import { useOrders as Ie } from "./hooks/user/useOrders.js";
+import { useBuyerAttributes as Me } from "./hooks/user/useBuyerAttributes.js";
+import { useProductListActions as Ee } from "./hooks/product/useProductListActions.js";
+import { useProductLists as ye } from "./hooks/product/useProductLists.js";
+import { useProductList as Le } from "./hooks/product/useProductList.js";
+import { useProduct as Ne } from "./hooks/product/useProduct.js";
+import { useProducts as Ue } from "./hooks/product/useProducts.js";
+import { useProductVariants as Ve } from "./hooks/product/useProductVariants.js";
+import { useProductMedia as qe } from "./hooks/product/useProductMedia.js";
+import { useProductSearch as Ke } from "./hooks/product/useProductSearch.js";
+import { useRecommendedProducts as We } from "./hooks/product/useRecommendedProducts.js";
+import { usePopularProducts as Ye } from "./hooks/product/usePopularProducts.js";
+import { useCuratedProducts as _e } from "./hooks/product/useCuratedProducts.js";
+import { useAsyncStorage as ro } from "./hooks/storage/useAsyncStorage.js";
+import { useSecureStorage as oo } from "./hooks/storage/useSecureStorage.js";
+import { useImageUpload as ao } from "./hooks/storage/useImageUpload.js";
+import { useShopNavigation as io } from "./hooks/navigation/useShopNavigation.js";
+import { useCloseMini as so } from "./hooks/navigation/useCloseMini.js";
+import { useDeeplink as uo } from "./hooks/navigation/useDeeplink.js";
+import { useShop as co } from "./hooks/shop/useShop.js";
+import { useShopCartActions as fo } from "./hooks/shop/useShopCartActions.js";
+import { useRecommendedShops as So } from "./hooks/shop/useRecommendedShops.js";
+import { useErrorToast as Co } from "./hooks/util/useErrorToast.js";
+import { useErrorScreen as Po } from "./hooks/util/useErrorScreen.js";
+import { useShare as To } from "./hooks/util/useShare.js";
+import { useImagePicker as vo } from "./hooks/util/useImagePicker.js";
+import { MiniEntityNotFoundError as bo, MiniError as Io, MiniNetworkError as Ro, formatError as Mo } from "./utils/errors.js";
+import { parseUrl as Eo } from "./utils/parseUrl.js";
+import { Consent as yo, ConsentStatus as Ho } from "./shop-minis-platform/src/types/permissions.js";
 export {
-  N as Accordion,
-  G as AccordionContent,
-  U as AccordionItem,
-  V as AccordionTrigger,
-  j as Alert,
-  q as AlertDescription,
-  Q as AlertDialog,
-  W as AlertDialogAction,
-  X as AlertDialogCancel,
-  Y as AlertDialogContent,
-  Z as AlertDialogDescription,
-  _ as AlertDialogFooter,
-  $ as AlertDialogHeader,
-  rr as AlertDialogOverlay,
-  er as AlertDialogPortal,
-  or as AlertDialogTitle,
-  tr as AlertDialogTrigger,
-  J as AlertTitle,
-  ir as Avatar,
-  nr as AvatarFallback,
-  cr as AvatarImage,
-  ur as Badge,
-  pr as Button,
-  xr as Card,
-  Cr as CardAction,
-  gr as CardContent,
-  Pr as CardDescription,
-  Dr as CardFooter,
-  Sr as CardHeader,
-  Ar as CardTitle,
-  Lr as Carousel,
-  kr as CarouselContent,
-  Ir as CarouselItem,
-  Tr as CarouselNext,
-  Mr as CarouselPrevious,
-  Rr as Checkbox,
-  it as Consent,
-  nt as ConsentStatus,
-  br as Dialog,
-  Fr as DialogClose,
-  Br as DialogContent,
-  Er as DialogDescription,
-  yr as DialogFooter,
-  Hr as DialogHeader,
-  Or as DialogOverlay,
-  Nr as DialogPortal,
-  Gr as DialogTitle,
-  Ur as DialogTrigger,
-  zr as Drawer,
-  jr as DrawerClose,
-  qr as DrawerContent,
-  Jr as DrawerDescription,
-  Kr as DrawerFooter,
-  Qr as DrawerHeader,
-  Wr as DrawerOverlay,
-  Xr as DrawerPortal,
-  Yr as DrawerTitle,
-  Zr as DrawerTrigger,
-  $r as Input,
-  ee as Label,
-  w as MerchantCard,
-  R as MerchantCardImage,
-  v as MerchantCardImageContainer,
-  b as MerchantCardInfo,
-  F as MerchantCardLogo,
-  B as MerchantCardName,
-  E as MerchantCardPrimitive,
-  y as MerchantCardRating,
-  H as MerchantCardRoot,
-  _o as MiniEntityNotFoundError,
-  $o as MiniError,
-  rt as MiniNetworkError,
+  C as Accordion,
+  A as AccordionContent,
+  P as AccordionItem,
+  h as AccordionTrigger,
+  w as Alert,
+  v as AlertDescription,
+  I as AlertDialog,
+  R as AlertDialogAction,
+  M as AlertDialogCancel,
+  B as AlertDialogContent,
+  E as AlertDialogDescription,
+  k as AlertDialogFooter,
+  y as AlertDialogHeader,
+  H as AlertDialogOverlay,
+  L as AlertDialogPortal,
+  G as AlertDialogTitle,
+  N as AlertDialogTrigger,
+  F as AlertTitle,
+  U as Avatar,
+  z as AvatarFallback,
+  V as AvatarImage,
+  n as Button,
+  q as Card,
+  J as CardAction,
+  K as CardContent,
+  Q as CardDescription,
+  W as CardFooter,
+  X as CardHeader,
+  Y as CardTitle,
+  _ as Carousel,
+  $ as CarouselContent,
+  rr as CarouselItem,
+  er as CarouselNext,
+  or as CarouselPrevious,
+  ar as Checkbox,
+  yo as Consent,
+  Ho as ConsentStatus,
+  ir as Dialog,
+  pr as DialogClose,
+  sr as DialogContent,
+  mr as DialogDescription,
+  ur as DialogFooter,
+  nr as DialogHeader,
+  cr as DialogOverlay,
+  xr as DialogPortal,
+  fr as DialogTitle,
+  dr as DialogTrigger,
+  Sr as Drawer,
+  Dr as DrawerClose,
+  Cr as DrawerContent,
+  Ar as DrawerDescription,
+  Pr as DrawerFooter,
+  hr as DrawerHeader,
+  Tr as DrawerOverlay,
+  wr as DrawerPortal,
+  vr as DrawerTitle,
+  Fr as DrawerTrigger,
+  x as FavoriteButton,
+  d as IconButton,
+  Ir as Input,
+  Mr as Label,
+  s as MerchantCard,
+  m as MerchantCardPrimitive,
+  bo as MiniEntityNotFoundError,
+  Io as MiniError,
+  Ro as MiniNetworkError,
   o as MinisContainer,
   a as ProductCard,
-  i as ProductCardBadge,
-  n as ProductCardCurrentPrice,
-  c as ProductCardFavoriteButton,
-  l as ProductCardImage,
-  u as ProductCardImageContainer,
-  d as ProductCardInfo,
-  s as ProductCardOriginalPrice,
-  p as ProductCardPrice,
-  m as ProductCardRoot,
-  f as ProductCardTitle,
-  C as ProductLink,
-  g as ProductLinkActions,
-  P as ProductLinkCurrentPrice,
-  D as ProductLinkDiscountPrice,
-  S as ProductLinkImage,
-  A as ProductLinkInfo,
-  h as ProductLinkOriginalPrice,
-  L as ProductLinkPrice,
-  k as ProductLinkRating,
-  I as ProductLinkRoot,
-  T as ProductLinkTitle,
-  te as Progress,
-  ie as RadioGroup,
-  ne as RadioGroupItem,
-  le as ResizableHandle,
-  ue as ResizablePanel,
-  de as ResizablePanelGroup,
-  pe as ScrollArea,
-  me as ScrollBar,
-  xe as Select,
-  Ce as SelectContent,
-  ge as SelectGroup,
-  Pe as SelectItem,
-  De as SelectLabel,
-  Se as SelectScrollDownButton,
-  Ae as SelectScrollUpButton,
-  he as SelectSeparator,
-  Le as SelectTrigger,
-  ke as SelectValue,
-  Te as Separator,
-  we as Sheet,
-  Re as SheetClose,
-  ve as SheetContent,
-  be as SheetDescription,
-  Fe as SheetFooter,
-  Be as SheetHeader,
-  Ee as SheetTitle,
-  ye as SheetTrigger,
-  Oe as Toaster,
-  dr as badgeVariants,
-  mr as buttonVariants,
-  et as formatError,
-  tt as parseUrl,
-  To as useAsyncStorage,
-  eo as useBuyerAttributes,
-  Eo as useCloseMini,
-  ko as useCuratedProducts,
-  Ze as useCurrentUser,
-  Ho as useDeeplink,
-  Ko as useErrorScreen,
-  qo as useErrorToast,
-  Qe as useFollowedShops,
-  Xe as useFollowedShopsActions,
-  Yo as useImagePicker,
-  vo as useImageUpload,
-  $e as useOrders,
-  ho as usePopularProducts,
-  uo as useProduct,
-  co as useProductList,
-  to as useProductListActions,
-  io as useProductLists,
-  Co as useProductMedia,
-  Po as useProductSearch,
-  fo as useProductVariants,
-  po as useProducts,
-  Ge as useRecentProducts,
-  Ve as useRecentShops,
-  So as useRecommendedProducts,
-  zo as useRecommendedShops,
-  je as useSavedProducts,
-  Je as useSavedProductsActions,
-  wo as useSecureStorage,
-  Wo as useShare,
-  No as useShop,
-  Uo as useShopCartActions,
-  Fo as useShopNavigation
+  i as ProductLink,
+  Er as Progress,
+  yr as RadioGroup,
+  Hr as RadioGroupItem,
+  Gr as ResizableHandle,
+  Nr as ResizablePanel,
+  Or as ResizablePanelGroup,
+  zr as ScrollArea,
+  Vr as ScrollBar,
+  qr as Select,
+  Jr as SelectContent,
+  Kr as SelectGroup,
+  Qr as SelectItem,
+  Wr as SelectLabel,
+  Xr as SelectScrollDownButton,
+  Yr as SelectScrollUpButton,
+  Zr as SelectSeparator,
+  _r as SelectTrigger,
+  $r as SelectValue,
+  ee as Separator,
+  te as Sheet,
+  ae as SheetClose,
+  le as SheetContent,
+  ie as SheetDescription,
+  pe as SheetFooter,
+  se as SheetHeader,
+  me as SheetTitle,
+  ue as SheetTrigger,
+  ce as Toaster,
+  S as Touchable,
+  Mo as formatError,
+  Eo as parseUrl,
+  ro as useAsyncStorage,
+  Me as useBuyerAttributes,
+  so as useCloseMini,
+  _e as useCuratedProducts,
+  Fe as useCurrentUser,
+  uo as useDeeplink,
+  Po as useErrorScreen,
+  Co as useErrorToast,
+  he as useFollowedShops,
+  we as useFollowedShopsActions,
+  vo as useImagePicker,
+  ao as useImageUpload,
+  Ie as useOrders,
+  Ye as usePopularProducts,
+  Ne as useProduct,
+  Le as useProductList,
+  Ee as useProductListActions,
+  ye as useProductLists,
+  qe as useProductMedia,
+  Ke as useProductSearch,
+  Ve as useProductVariants,
+  Ue as useProducts,
+  fe as useRecentProducts,
+  ge as useRecentShops,
+  We as useRecommendedProducts,
+  So as useRecommendedShops,
+  De as useSavedProducts,
+  Ae as useSavedProductsActions,
+  oo as useSecureStorage,
+  To as useShare,
+  co as useShop,
+  fo as useShopCartActions,
+  io as useShopNavigation
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/shop-minis-react/node_modules/.pnpm/@radix-ui_react-use-is-hydrated@0.1.0_@types_react@19.1.6_react@19.1.0/node_modules/@radix-ui/react-use-is-hydrated/dist/index.js

@@ -1,4 +1,4 @@
-import { s as r } from "../../../../../../../../_virtual/index3.js";
+import { s as r } from "../../../../../../../../_virtual/index2.js";
 function s() {
   return r.useSyncExternalStore(
     e,

package/dist/shop-minis-react/node_modules/.pnpm/querystringify@2.2.0/node_modules/querystringify/index.js

@@ -1,4 +1,4 @@
-import { __exports as i } from "../../../../../../_virtual/index2.js";
+import { __exports as i } from "../../../../../../_virtual/index3.js";
 var c;
 function d() {
   if (c) return i;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shopify/shop-minis-react",
   "license": "SEE LICENSE IN LICENSE.txt",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "sideEffects": false,
   "type": "module",
   "engines": {
@@ -18,7 +18,6 @@
   "files": [
     "src/**/*.{ts,tsx,css}",
     "dist/**/*",
-    "tailwind.config.js",
     "README.md",
     "LICENSE.txt"
   ],
@@ -28,10 +27,8 @@
       "import": "./src/index.ts",
       "types": "./src/index.ts"
     },
-    "./mocks": "./src/mocks.ts",
     "./styles": "./src/index.css",
-    "./tailwind": "./tailwind.config.js",
-    "./tailwind.config": "./tailwind.config.js",
+    "./mocks": "./src/mocks.ts",
     "./src/*": "./src/*"
   },
   "peerDependencies": {
@@ -41,13 +38,14 @@
     "typescript": ">=5.0.0"
   },
   "dependencies": {
+    "@shopify/shop-minis-platform": "0.0.3",
     "@tailwindcss/vite": "4.1.8",
     "@types/url-parse": "1.4.9",
     "@vitejs/plugin-react": "4.5.1",
-    "@shopify/shop-minis-platform": "0.0.3",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
     "embla-carousel-react": "8.6.0",
+    "lodash": "4.17.21",
     "lucide-react": "0.513.0",
     "motion": "12.17.3",
     "next-themes": "0.4.6",
@@ -58,13 +56,12 @@
     "tailwindcss": "4.1.8",
     "tw-animate-css": "1.3.4",
     "url-parse": "1.5.10",
-    "vaul": "1.1.2",
-    "lodash": "4.17.21"
+    "vaul": "1.1.2"
   },
   "devDependencies": {
     "@shopify/generate-docs": "^0.16.6",
     "@types/node": "^20.12.1",
-    "@types/react": "^19.1.2",
+    "@types/react": "^19.1.6",
     "@types/react-dom": "^19.1.2",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",

package/src/components/atoms/button.tsx

@@ -1,71 +1,13 @@
-import * as React from 'react'
+import React from 'react'
 
-import {cva, type VariantProps} from 'class-variance-authority'
-import {Slot as SlotPrimitive} from 'radix-ui'
+import {VariantProps} from 'class-variance-authority'
 
 import {cn} from '../../lib/utils'
+import {BaseButton, buttonVariants} from '../ui/button'
 
 import {Touchable} from './touchable'
 
-const buttonVariants = cva(
-  "flex w-full items-center justify-center gap-3 whitespace-nowrap rounded-xl text-base font-semibold disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-5 shrink-0 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        primary:
-          'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',
-        secondary: 'bg-slate-900 text-white shadow-xs hover:bg-slate-800',
-        tertiary:
-          'bg-slate-100 text-slate-900 shadow-xs hover:bg-slate-200 dark:bg-slate-800 dark:text-slate-100 dark:hover:bg-slate-700',
-        blurred:
-          'bg-black/20 text-white shadow-xs hover:bg-black/30 backdrop-blur-md border border-white/20',
-        text: 'bg-transparent text-foreground hover:bg-accent hover:text-accent-foreground',
-        borderless: 'bg-transparent text-primary hover:text-primary/80',
-        borderlessUnbranded:
-          'bg-transparent text-foreground hover:text-foreground/80',
-        outlined:
-          'border border-border bg-background text-foreground shadow-xs hover:bg-accent hover:text-accent-foreground',
-        dangerous:
-          'bg-destructive text-white shadow-xs hover:bg-destructive/90',
-        'outlined-dangerous':
-          'border border-destructive bg-transparent text-destructive shadow-xs hover:bg-destructive/10',
-      },
-      size: {
-        default: 'h-9 px-4 py-2 has-[>svg]:px-3',
-        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
-        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
-        icon: 'size-9',
-      },
-    },
-    defaultVariants: {
-      variant: 'primary',
-      size: 'default',
-    },
-  }
-)
-
-function BaseButton({
-  className,
-  variant,
-  size,
-  asChild = false,
-  ...props
-}: React.ComponentProps<'button'> &
-  VariantProps<typeof buttonVariants> & {
-    asChild?: boolean
-  }) {
-  const Comp = asChild ? SlotPrimitive.Slot : 'button'
-
-  return (
-    <Comp
-      data-slot="button"
-      className={cn(buttonVariants({variant, size, className}))}
-      {...props}
-    />
-  )
-}
-
-function Button({
+export function Button({
   className,
   variant,
   size,
@@ -81,14 +23,18 @@ function Button({
     [onClick]
   )
 
+  const wrapperClassName = cn(
+    variant === 'icon' ? 'flex w-auto' : 'flex w-full'
+  )
+
   return (
     <Touchable
       onClick={handleClick}
       stopPropagation={stopPropagation}
-      className={size === 'icon' ? 'flex w-auto' : 'flex w-full'}
+      className={wrapperClassName}
     >
       <BaseButton
-        className={className}
+        className={cn(className, wrapperClassName)}
         variant={variant}
         size={size}
         {...props}
@@ -96,5 +42,3 @@ function Button({
     </Touchable>
   )
 }
-
-export {Button, buttonVariants}

package/src/components/atoms/favorite-button.tsx

@@ -0,0 +1,22 @@
+import {Heart} from 'lucide-react'
+
+import {IconButton} from './icon-button'
+
+export function FavoriteButton({
+  onClick,
+  filled = false,
+}: {
+  onClick?: () => void
+  filled?: boolean
+}) {
+  return (
+    <IconButton
+      Icon={Heart}
+      filled={filled}
+      onClick={onClick}
+      buttonStyles={
+        filled ? 'bg-primary' : 'bg-button-overlay/30 backdrop-blur-sm'
+      }
+    />
+  )
+}