@tapcart/mobile-components 0.7.7 → 0.7.9

package/dist/components/ui/button.js

@@ -16,6 +16,8 @@ import { cva } from "class-variance-authority";
 import { cn, getColor, getTextStyle, getBackgroundAndPaddingStyle, } from "../../lib/utils";
 import { Icon } from "./icon";
 import { Text } from "./text";
+import { useTap } from "./tap";
+import { useMergeRefs } from "../hooks/use-merge-refs";
 const buttonVariants = cva("w-full flex rounded items-center justify-center transition-colors disabled:bg-stateColors-disabled disabled:border-stateColors-disabled disabled:pointer-events-none ring-offset-background overflow-elipse whitespace-nowrap truncate active:opacity-70 disabled:opacity-70 cursor-pointer", {
     variants: {
         size: {
@@ -79,7 +81,9 @@ const labelVariants = cva("truncate", {
     },
 });
 const Button = React.forwardRef((_a, ref) => {
-    var { className, labelClassName, labelStyle, variant, size, asChild = false, loading, icon, iconColor, iconStrokeColor, iconPosition, iconSize, iconUrl, iconClassName } = _a, props = __rest(_a, ["className", "labelClassName", "labelStyle", "variant", "size", "asChild", "loading", "icon", "iconColor", "iconStrokeColor", "iconPosition", "iconSize", "iconUrl", "iconClassName"]);
+    var { className, labelClassName, labelStyle, variant, size, asChild = false, loading, icon, iconColor, iconStrokeColor, iconPosition, iconSize, iconUrl, iconClassName, onClick } = _a, props = __rest(_a, ["className", "labelClassName", "labelStyle", "variant", "size", "asChild", "loading", "icon", "iconColor", "iconStrokeColor", "iconPosition", "iconSize", "iconUrl", "iconClassName", "onClick"]);
+    const { onTap, isPressed, ref: tapRef } = useTap();
+    const mergedRef = useMergeRefs(ref, tapRef);
     const Comp = asChild ? Slot : "button";
     const IconButton = () => icon || iconUrl ? (_jsx(Icon, { name: icon, url: iconUrl, size: "sm", style: { color: iconColor } })) : null;
     const BasicButton = () => (_jsxs(_Fragment, { children: [icon || iconUrl ? (_jsx(Icon, { name: iconUrl ? undefined : icon, url: iconUrl, size: iconSize || variant === "quickadd" ? "xs" : "sm", className: cn(iconVariants({ variant }), {
@@ -90,7 +94,7 @@ const Button = React.forwardRef((_a, ref) => {
     return (_jsx(Comp, Object.assign({ className: cn(buttonVariants({ variant, size }), className, {
             "pointer-events-none": loading,
             "flex-row-reverse": (icon || iconUrl) && iconPosition === "right",
-        }), ref: ref }, props, { children: loading ? (_jsx(LoadingButton, {})) : typeof props.children === "object" &&
+        }), ref: mergedRef, onClick: onTap(onClick) }, props, { children: loading ? (_jsx(LoadingButton, {})) : typeof props.children === "object" &&
             React.isValidElement(props.children) ? ( // if children are passed as a valid React element
         props.children // render it
         ) : // otherwise use props

package/dist/components/ui/carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../components/ui/carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,gBAAgB,EAAE,EACvB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAA;AAS7B,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAA;AAC1C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAChE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAC/C,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAE9C,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAA;IACnC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;CAC/C,CAAA;AA0BD,QAAA,MAAM,QAAQ,6HAsIb,CAAA;AAGD,QAAA,MAAM,eAAe,6GAmBnB,CAAA;AAGF,QAAA,MAAM,YAAY,6GAmBhB,CAAA;AAGF,QAAA,MAAM,gBAAgB,kLA0BpB,CAAA;AAGF,QAAA,MAAM,YAAY,kLA0BhB,CAAA;AAGF,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,YAAY,iIAuDjB,CAAA;AA8DD,OAAO,EACL,KAAK,WAAW,EAChB,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,YAAY,GACb,CAAA"}
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../components/ui/carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,gBAAgB,EAAE,EACvB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAA;AAS7B,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAA;AAC1C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAChE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAC/C,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAE9C,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAA;IACnC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;CAC/C,CAAA;AA0BD,QAAA,MAAM,QAAQ,6HAuIb,CAAA;AAGD,QAAA,MAAM,eAAe,6GAmBnB,CAAA;AAGF,QAAA,MAAM,YAAY,6GAmBhB,CAAA;AAGF,QAAA,MAAM,gBAAgB,kLA0BpB,CAAA;AAGF,QAAA,MAAM,YAAY,kLA0BhB,CAAA;AAGF,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,YAAY,iIAuDjB,CAAA;AA8DD,OAAO,EACL,KAAK,WAAW,EAChB,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,YAAY,GACb,CAAA"}

package/dist/components/ui/carousel.js

@@ -90,6 +90,7 @@ const Carousel = React.forwardRef((_a, ref) => {
             .on("reInit", setTweenFactor)
             .on("reInit", tweenScale)
             .on("scroll", tweenScale)
+            // @ts-ignore
             .on("slideFocus", tweenScale);
     }, [api, tweenScale]);
     return (_jsx(CarouselContext.Provider, Object.assign({ value: {
@@ -121,7 +122,7 @@ const CarouselPrevious = React.forwardRef((_a, ref) => {
     const { orientation, scrollPrev, canScrollPrev } = useCarousel();
     return (_jsxs(Button, Object.assign({ ref: ref, variant: variant, size: size, className: cn("absolute  h-8 w-8 rounded-full", orientation === "horizontal"
             ? "-left-12 top-1/2 -translate-y-1/2"
-            : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollPrev, onClick: scrollPrev }, props, { children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), _jsx("span", Object.assign({ className: "sr-only" }, { children: "Previous slide" }))] })));
+            : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollPrev }, props, { onClick: scrollPrev }, { children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), _jsx("span", Object.assign({ className: "sr-only" }, { children: "Previous slide" }))] })));
 });
 CarouselPrevious.displayName = "CarouselPrevious";
 const CarouselNext = React.forwardRef((_a, ref) => {
@@ -129,7 +130,7 @@ const CarouselNext = React.forwardRef((_a, ref) => {
     const { orientation, scrollNext, canScrollNext } = useCarousel();
     return (_jsxs(Button, Object.assign({ ref: ref, variant: variant, size: size, className: cn("absolute h-8 w-8 rounded-full", orientation === "horizontal"
             ? "-right-12 top-1/2 -translate-y-1/2"
-            : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollNext, onClick: scrollNext }, props, { children: [_jsx(ArrowRight, { className: "h-4 w-4" }), _jsx("span", Object.assign({ className: "sr-only" }, { children: "Next slide" }))] })));
+            : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollNext }, props, { onClick: scrollNext }, { children: [_jsx(ArrowRight, { className: "h-4 w-4" }), _jsx("span", Object.assign({ className: "sr-only" }, { children: "Next slide" }))] })));
 });
 CarouselNext.displayName = "CarouselNext";
 const CarouselDots = React.forwardRef((_a, ref) => {

package/dist/components/ui/drawer.d.ts

@@ -13,10 +13,10 @@ declare const DrawerTrigger: React.FC<DrawerTriggerProps>;
 declare const DrawerPortal: React.FC<DrawerPortalProps>;
 declare const DrawerClose: React.FC<DrawerCloseProps>;
 type DrawerProps = React.ComponentProps<typeof DrawerPrimitive.Root> & {
-    containerRef?: HTMLElement | null;
+    containerRef?: HTMLElement;
 };
 declare const Drawer: {
-    ({ shouldScaleBackground, containerRef, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+    ({ shouldScaleBackground, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
@@ -39,8 +39,6 @@ type DrawerHeaderProps = {
     onCloseClick?: (event: React.MouseEvent) => void;
 };
 declare const DrawerHeader: ({ title, iconLeftName, iconRightName, onCloseClick, }: DrawerHeaderProps) => import("react/jsx-runtime").JSX.Element;
-declare const DrawerContent: ({ children }: {
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+declare const DrawerContent: ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContentBase, DrawerContent, DrawerFooter, DrawerDescription, DrawerHeader, };
 //# sourceMappingURL=drawer.d.ts.map

package/dist/components/ui/drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../components/ui/drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAA;AAIhD,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG;IACjE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,aAAa,8BAA0D,CAAA;AAG7E,QAAA,MAAM,YAAY,6BAAwD,CAAA;AAG1E,QAAA,MAAM,WAAW,4BAAsD,CAAA;AAGvE,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrE,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CAClC,CAAA;AAED,QAAA,MAAM,MAAM;wDAIT,WAAW;;CAUb,CAAA;AAOD,QAAA,MAAM,aAAa;;wCAYlB,CAAA;AASD,QAAA,MAAM,iBAAiB;;;;wCAyCtB,CAAA;AA0BD,QAAA,MAAM,YAAY;8BAGf,MAAM,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,iBAAiB,qLASrB,CAAA;AAGF,KAAK,iBAAiB,GAAG;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;CACjD,CAAA;AAED,QAAA,MAAM,YAAY,0DAKf,iBAAiB,4CA8BnB,CAAA;AAED,QAAA,MAAM,aAAa;cAA8B,MAAM,SAAS;6CAE/D,CAAA;AAED,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,YAAY,GACb,CAAA"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../components/ui/drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAA;AAIhD,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG;IACjE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,aAAa,8BAA0D,CAAA;AAG7E,QAAA,MAAM,YAAY,6BAAwD,CAAA;AAG1E,QAAA,MAAM,WAAW,4BAAsD,CAAA;AAGvE,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrE,YAAY,CAAC,EAAE,WAAW,CAAA;CAC3B,CAAA;AAED,QAAA,MAAM,MAAM;0CAAyC,WAAW;;CAS/D,CAAA;AAOD,QAAA,MAAM,aAAa;;wCAYlB,CAAA;AASD,QAAA,MAAM,iBAAiB;;;;wCAwCtB,CAAA;AA0BD,QAAA,MAAM,YAAY;8BAGf,MAAM,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,iBAAiB,qLASrB,CAAA;AAGF,KAAK,iBAAiB,GAAG;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;CACjD,CAAA;AAED,QAAA,MAAM,YAAY,0DAKf,iBAAiB,4CA8BnB,CAAA;AAED,QAAA,MAAM,aAAa,sCAAuC,MAAM,cAAc,CAAC,cAAc,CAAC,4CAE7F,CAAA;AAED,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,YAAY,GACb,CAAA"}

package/dist/components/ui/drawer.js

@@ -22,8 +22,8 @@ DrawerPortal.displayName = "DrawerPortal";
 const DrawerClose = DrawerPrimitive.Close;
 DrawerClose.displayName = "DrawerClose";
 const Drawer = (_a) => {
-    var { shouldScaleBackground, containerRef } = _a, props = __rest(_a, ["shouldScaleBackground", "containerRef"]);
-    return (_jsx(DrawerPrimitive.Root, Object.assign({ shouldScaleBackground: shouldScaleBackground, container: containerRef }, props, { noBodyStyles: true, disablePreventScroll: true })));
+    var { shouldScaleBackground } = _a, props = __rest(_a, ["shouldScaleBackground"]);
+    return (_jsx(DrawerPrimitive.Root, Object.assign({ shouldScaleBackground: true }, props, { noBodyStyles: true, disablePreventScroll: true })));
 };
 Drawer.displayName = "Drawer";
 const DrawerOverlay = React.forwardRef((_a, ref) => {
@@ -33,7 +33,7 @@ const DrawerOverlay = React.forwardRef((_a, ref) => {
 });
 DrawerOverlay.displayName = "DrawerOverlay";
 const DrawerContentBase = React.forwardRef((_a, ref) => {
-    var { className, children, hideBackdrop = false, backdropHexColor, isSheet = false } = _a, props = __rest(_a, ["className", "children", "hideBackdrop", "backdropHexColor", "isSheet"]);
+    var { className, children, hideBackdrop = false, backdropHexColor, isSheet = false, onAnimationEnd } = _a, props = __rest(_a, ["className", "children", "hideBackdrop", "backdropHexColor", "isSheet", "onAnimationEnd"]);
     const styles = isSheet
         ? { height: "calc(100vh - 112px)" }
         : { maxHeight: "calc(100vh - 112px)" };
@@ -47,9 +47,9 @@ const DrawerHeaderBase = (_a) => {
 DrawerHeaderBase.displayName = "DrawerHeaderBase";
 const DrawerTitle = React.forwardRef((_a, ref) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx("h2", Object.assign({ ref: ref, className: cn("text-textColors-primaryColor text-center text-[18px] font-medium leading-[24px] truncate my-0 mx-4", className) }, props)));
+    return (_jsx(DrawerPrimitive.Title, Object.assign({ ref: ref, className: cn("text-textColors-primaryColor text-center text-[18px] font-medium leading-[24px] truncate my-0 mx-4", className) }, props)));
 });
-DrawerTitle.displayName = "DrawerTitle";
+DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
 const DrawerFooter = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
     return (_jsx("div", Object.assign({ className: cn("mt-auto flex flex-row gap-2 pb-8 pt-4 pl-4 pr-4 border-t border-coreColors-dividingLines", className) }, props)));
@@ -63,7 +63,8 @@ DrawerDescription.displayName = "DrawerDescription";
 const DrawerHeader = ({ title, iconLeftName, iconRightName, onCloseClick, }) => {
     return (_jsxs(DrawerHeaderBase, Object.assign({ className: "p-4 text-center flex justify-between" }, { children: [iconLeftName ? (_jsx(DrawerClose, Object.assign({ className: "h-6 w-6 p-0", onClick: onCloseClick }, { children: _jsx(Icon, { name: iconLeftName, color: "coreColors-secondaryIcon", className: "h-6 w-6 p-0", size: "md" }) }))) : (_jsx("div", { className: "w-6" })), _jsx(DrawerTitle, { children: title }), iconRightName ? (_jsx(DrawerClose, Object.assign({ className: "h-6 w-6 p-0", onClick: onCloseClick }, { children: _jsx(Icon, { name: iconRightName, color: "coreColors-secondaryIcon", className: "h-6 w-6 p-0", size: "md" }) }))) : (_jsx("div", { className: "w-6" }))] })));
 };
-const DrawerContent = ({ children }) => {
-    return _jsx("div", Object.assign({ className: "h-full overflow-scroll" }, { children: children }));
+const DrawerContent = (_a) => {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return _jsx("div", Object.assign({ className: cn("h-full overflow-scroll", className) }, props, { children: children }));
 };
 export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContentBase, DrawerContent, DrawerFooter, DrawerDescription, DrawerHeader, };

package/dist/components/ui/favorite.js

@@ -14,7 +14,7 @@ import * as React from "react";
 import { cva } from "class-variance-authority";
 import { cn, getBorderSidesStyle, getPaddingStyle, } from "../../lib/utils";
 import { Icon } from "./icon";
-import { useTap } from "../hooks/use-tap";
+import { useTap } from "./tap";
 import { useMergeRefs } from "../hooks/use-merge-refs";
 const favoriteVariants = cva("flex p-2 gap-2 rounded-[4px]", {
     variants: {

package/dist/components/ui/image.js

@@ -168,7 +168,7 @@ export const Image = React.forwardRef((_a, ref) => {
         }
     }, [ref]);
     const imgClassName = `opacity-0 transition-opacity duration-500 ease-in-out ${isLoaded ? "opacity-100" : ""}`;
-    const wrapperStyle = Object.assign({ aspectRatio: (_b = normalizedProps.aspectRatio) === null || _b === void 0 ? void 0 : _b.replace(":", "/") }, imageWrapperStyles);
+    const wrapperStyle = Object.assign({ aspectRatio: (_b = normalizedProps === null || normalizedProps === void 0 ? void 0 : normalizedProps.aspectRatio) === null || _b === void 0 ? void 0 : _b.replace(":", "/") }, imageWrapperStyles);
     const srcSet = generateSrcSet(normalizedProps.src, generateSizes(imageWidths, normalizedProps.aspectRatio, crop), loader, normalizedProps.objectFit === "contain");
     return (_jsxs(_Fragment, { children: [loading === "eager" && (_jsx(ImagePreload, { imgAttributes: {
                     srcSet,
@@ -183,7 +183,7 @@ export const Image = React.forwardRef((_a, ref) => {
                     // and `sizes` are defined.
                     // This bug cannot be reproduced in Chrome or Firefox.
                     src: normalizedProps.src, ref: setRefs, style: Object.assign({ objectFit: normalizedProps.objectFit, maxHeight: "100%", height: "100%", width: "100%", borderRadius: `${imageRadius}px` }, passthroughProps.style) }))) : (_jsx("div", { className: "w-full h-full bg-stateColors-skeleton", style: Object.assign({ aspectRatio: aspectRatio && aspectRatio !== "auto"
-                            ? (_c = normalizedProps.aspectRatio) === null || _c === void 0 ? void 0 : _c.replace(":", "/")
+                            ? (_c = normalizedProps === null || normalizedProps === void 0 ? void 0 : normalizedProps.aspectRatio) === null || _c === void 0 ? void 0 : _c.replace(":", "/")
                             : "2/3" }, imageWrapperStyles) })) }))] }));
 });
 /**

package/dist/components/ui/tap.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from "react";
+declare const useTap: (tapThreshold?: number) => {
+    onTap: (handler: (event: any) => void) => (event: any) => void;
+    isPressed: boolean;
+    ref: React.MutableRefObject<null>;
+};
+interface TapProps {
+    children: ReactNode;
+}
+declare const Tap: React.FC<TapProps>;
+export { Tap, useTap };
+//# sourceMappingURL=tap.d.ts.map

package/dist/components/ui/tap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tap.d.ts","sourceRoot":"","sources":["../../../components/ui/tap.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAMZ,SAAS,EACV,MAAM,OAAO,CAAA;AAyFd,QAAA,MAAM,MAAM;6BAyBU,GAAG,KAAK,IAAI,aACb,GAAG;;;CAmBvB,CAAA;AAED,UAAU,QAAQ;IAChB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAuC3B,CAAA;AAED,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAA"}

package/dist/components/{hooks/use-tap.js → ui/tap.js}

@@ -1,5 +1,8 @@
 "use client";
-import { useState, useEffect, useCallback, useRef } from "react";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import React, { useState, useEffect, useCallback, useRef, } from "react";
+// @ts-ignore -- webbridge-react is not typed (yet)
+import { useActions } from "@tapcart/webbridge-react";
 // Shared manager for all instances of the hook
 const tapManager = (() => {
     const elements = new Map();
@@ -64,6 +67,7 @@ const tapManager = (() => {
 const useTap = (tapThreshold = 10) => {
     const [isPressed, setIsPressed] = useState(false);
     const elementRef = useRef(null);
+    const webbridgeActions = useActions();
     useEffect(() => {
         const element = elementRef.current;
         if (!element)
@@ -82,19 +86,49 @@ const useTap = (tapThreshold = 10) => {
     }, [tapThreshold]);
     const onTap = useCallback((handler) => {
         return (event) => {
+            var _a, _b;
             const data = tapManager.elements.get(elementRef.current);
             if (!data)
                 return;
             if (event.type === "touchend" && !data.touchMoved) {
                 handler(event);
+                (_a = webbridgeActions.action) === null || _a === void 0 ? void 0 : _a.call(webbridgeActions, "trigger/haptic");
             }
             else if (event.type === "click" && !data.touchStarted) {
                 handler(event);
+                (_b = webbridgeActions.action) === null || _b === void 0 ? void 0 : _b.call(webbridgeActions, "trigger/haptic");
                 setIsPressed(true);
                 setTimeout(() => setIsPressed(false), 100);
             }
         };
-    }, []);
+    }, [webbridgeActions]);
     return { onTap, isPressed, ref: elementRef };
 };
-export { useTap };
+const Tap = ({ children }) => {
+    const { onTap, isPressed, ref } = useTap();
+    const child = React.Children.only(children);
+    const cloneElement = (element, props) => {
+        return React.cloneElement(element, Object.assign(Object.assign({}, props), { onClick: undefined, onTouchEnd: (event) => {
+                onTap(() => {
+                    if (element.props.onTouchEnd) {
+                        element.props.onTouchEnd(event);
+                        return;
+                    }
+                    if (element.props.onClick) {
+                        element.props.onClick(event);
+                        return;
+                    }
+                })(event);
+            }, style: Object.assign(Object.assign({}, element.props.style), { cursor: "pointer", opacity: isPressed ? 0.7 : 1 }) }));
+    };
+    const cloneChildren = (children) => {
+        return React.Children.map(children, (child) => {
+            if (React.isValidElement(child)) {
+                return cloneElement(child, { ref });
+            }
+            return child;
+        });
+    };
+    return _jsx(_Fragment, { children: cloneChildren(child) });
+};
+export { Tap, useTap };

package/dist/components/ui/video-enhanced.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+type VideoAttributes = {
+    enabled: boolean;
+    aspectRatio: string;
+    videoFit: "fill" | "fit";
+    overlayOpacity: number;
+    autoplay: boolean;
+    videoSound: boolean;
+};
+interface VideoProps extends React.VideoHTMLAttributes<HTMLVideoElement> {
+    src: string;
+    videoAttributes: VideoAttributes;
+    naturalAspectRatio?: string;
+    className?: string;
+}
+declare const Video: React.ForwardRefExoticComponent<VideoProps & React.RefAttributes<HTMLVideoElement>>;
+export { Video as VideoEnhanced };
+//# sourceMappingURL=video-enhanced.d.ts.map

package/dist/components/ui/video-enhanced.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-enhanced.d.ts","sourceRoot":"","sources":["../../../components/ui/video-enhanced.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAA;IACxB,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,UAAU,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACtE,GAAG,EAAE,MAAM,CAAA;IACX,eAAe,EAAE,eAAe,CAAA;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,KAAK,qFAsMV,CAAA;AAID,OAAO,EAAE,KAAK,IAAI,aAAa,EAAE,CAAA"}

package/dist/components/ui/video-enhanced.js

@@ -0,0 +1,171 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const videoVariants = {
+    base: "w-full",
+    fit: {
+        cover: "object-cover",
+        contain: "object-contain",
+    },
+};
+const Video = React.forwardRef((_a, ref) => {
+    var { src, videoAttributes, naturalAspectRatio = "1/1", className } = _a, props = __rest(_a, ["src", "videoAttributes", "naturalAspectRatio", "className"]);
+    const autoPlayEnabled = videoAttributes.autoplay && !videoAttributes.videoSound;
+    const internalRef = React.useRef(null);
+    const videoRef = ref || internalRef;
+    const observerRef = React.useRef(null);
+    const lastPositionRef = React.useRef(0);
+    const [isLoaded, setIsLoaded] = React.useState(false);
+    const [isVisible, setIsVisible] = React.useState(false);
+    const [isPlaying, setIsPlaying] = React.useState(false);
+    const handlePlay = React.useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        try {
+            video.currentTime = lastPositionRef.current;
+            video.muted = true;
+            yield video.play();
+            if (videoAttributes.videoSound) {
+                video.muted = false;
+            }
+        }
+        catch (error) {
+            console.error("Error playing video:", error);
+        }
+    }), [videoRef, videoAttributes.videoSound]);
+    const handlePlayPause = () => __awaiter(void 0, void 0, void 0, function* () {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        if (video.paused) {
+            try {
+                yield handlePlay();
+            }
+            catch (error) {
+                console.error("Error playing video:", error);
+            }
+        }
+        else {
+            video.pause();
+        }
+    });
+    // intersection observer setup
+    React.useEffect(() => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        // Create intersection observer
+        observerRef.current = new IntersectionObserver((entries) => {
+            const [entry] = entries;
+            setIsVisible(entry.isIntersecting);
+            // Handle visibility change
+            if (!entry.isIntersecting && !video.paused) {
+                video.pause();
+            }
+            else if (entry.isIntersecting && autoPlayEnabled && video.paused) {
+                video.currentTime = lastPositionRef.current;
+                handlePlay();
+            }
+        }, {
+            threshold: 0.1, // 10% of the video needs to be visible
+        });
+        // Start observing
+        observerRef.current.observe(video);
+        // Track play state
+        const handlePlay = () => setIsPlaying(true);
+        const handlePause = () => setIsPlaying(false);
+        video.addEventListener("play", handlePlay);
+        video.addEventListener("pause", handlePause);
+        return () => {
+            if (observerRef.current) {
+                observerRef.current.disconnect();
+            }
+            video.removeEventListener("play", handlePlay);
+            video.removeEventListener("pause", handlePause);
+        };
+    }, [handlePlay, autoPlayEnabled, videoRef]);
+    // handle visibility change
+    // pause video when not visible
+    // play video when visible and autoplay is on
+    React.useEffect(() => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        if (isVisible && autoPlayEnabled) {
+            handlePlay();
+        }
+        else if (!isVisible && !video.paused) {
+            video.pause();
+        }
+    }, [autoPlayEnabled, isVisible, videoRef, handlePlay]);
+    // update lastPositionRef on video timeupdate event
+    React.useEffect(() => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        const handleTimeUpdate = () => {
+            lastPositionRef.current = video.currentTime;
+        };
+        video.addEventListener("timeupdate", handleTimeUpdate);
+        return () => {
+            video.removeEventListener("timeupdate", handleTimeUpdate);
+        };
+    }, [videoRef]);
+    // metadata setup
+    React.useEffect(() => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        const handleLoadedMetadata = () => {
+            setIsLoaded(true);
+            if (autoPlayEnabled && isVisible) {
+                const currentTime = lastPositionRef.current;
+                video.currentTime = currentTime;
+                video.play().catch((error) => {
+                    console.error("Error playing video:", error);
+                });
+            }
+        };
+        video.addEventListener("loadedmetadata", handleLoadedMetadata);
+        return () => {
+            video.removeEventListener("loadedmetadata", handleLoadedMetadata);
+        };
+    }, []);
+    React.useEffect(() => {
+        const video = videoRef.current;
+        if (!video)
+            return;
+        video.load();
+    }, [videoRef]);
+    const videoStyle = {
+        aspectRatio: videoAttributes.enabled && videoAttributes.aspectRatio !== "auto"
+            ? videoAttributes.aspectRatio.replace(":", "/")
+            : naturalAspectRatio.replace(":", "/"),
+    };
+    return (_jsxs("div", Object.assign({ className: "relative w-full" }, { children: [_jsx("video", Object.assign({ ref: videoRef, className: cn(videoVariants.base, videoAttributes.videoFit === "fill"
+                    ? videoVariants.fit.cover
+                    : videoVariants.fit.contain, className), style: videoStyle, preload: "metadata", playsInline: true, loop: videoAttributes.enabled, controls: false, src: src }, props)), isLoaded && !isPlaying && (_jsx("button", Object.assign({ onClick: handlePlayPause, className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-50\n                     w-16 h-16 rounded-full bg-black/75 hover:bg-black/90 \n                     flex items-center justify-center transition-all duration-300\n                     hover:scale-110 focus:outline-none focus:ring-2 focus:ring-white", "aria-label": "Play video" }, { children: _jsx("div", { className: "w-0 h-0 border-y-8 border-y-transparent \n                          border-l-[16px] border-l-white \n                          translate-x-[2px]" }) })))] })));
+});
+Video.displayName = "Video";
+export { Video as VideoEnhanced };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { cn, cva, getColor, getBackgroundAndPaddingStyle, getBorderSidesStyle, getTextStyle, getVerticalAlignmentStyle, getBackgroundAndSpacingStyle, getIdFromGid, productGidFromId, variantGidFromId, getPaddingStyle, getVerticalAlignment, mapFlexToAlignment, formatRelativeTime, stringRatioToInt, getOverlayStyle, getDestinationHandler, createCollectionImageMap, } from "./lib/utils";
+export { cn, cva, getColor, getBackgroundAndPaddingStyle, getBorderSidesStyle, getTextStyle, getVerticalAlignmentStyle, getBackgroundAndSpacingStyle, getIdFromGid, productGidFromId, variantGidFromId, getPaddingStyle, getVerticalAlignment, mapFlexToAlignment, formatRelativeTime, stringRatioToInt, getOverlayStyle, throttleFunction, getDestinationHandler, getProductGidsFromIds, createCollectionImageMap, } from "./lib/utils";
 export * from "./components/hooks/use-collection";
 export * from "./components/hooks/use-infinite-scroll";
 export * from "./components/hooks/use-recommendations";
@@ -7,7 +7,6 @@ export * from "./components/hooks/use-scroll-direction";
 export * from "./components/hooks/use-sort-filter";
 export * from "./components/hooks/use-product-options";
 export * from "./components/hooks/use-shop";
-export * from "./components/hooks/use-tap";
 export * from "./components/ui/accordion";
 export * from "./components/ui/aspect-ratio";
 export * from "./components/ui/badge";
@@ -48,11 +47,16 @@ export * from "./components/ui/toggle-group";
 export * from "./components/ui/toggle";
 export * from "./components/ui/use-toast";
 export * from "./components/ui/video";
+export * from "./components/ui/video-enhanced";
 export * from "./components/ui/wishlist";
 export * from "./components/ui/wishlist-select";
 export * from "./components/hooks/use-shop";
 export * from "./components/libs/sort-filter/search-integration";
 export * from "./components/hooks/use-reviews";
 export * from "./components/ui/subcollection-tabs";
+export * from "./components/ui/ProductCard/utils";
+export * from "./lib/price";
+export * from "./components/hooks/use-nosto-recommendation";
 export * from "./components/libs/sort-filter/search-integration";
+export * from "./components/ui/tap";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,EAAE,EACF,GAAG,EACH,QAAQ,EACR,4BAA4B,EAC5B,mBAAmB,EACnB,YAAY,EACZ,yBAAyB,EACzB,4BAA4B,EAC5B,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,aAAa,CAAA;AACpB,cAAc,mCAAmC,CAAA;AACjD,cAAc,wCAAwC,CAAA;AACtD,cAAc,wCAAwC,CAAA;AACtD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yCAAyC,CAAA;AACvD,cAAc,oCAAoC,CAAA;AAClD,cAAc,wCAAwC,CAAA;AACtD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,sCAAsC,CAAA;AACpD,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,0BAA0B,CAAA;AACxC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kDAAkD,CAAA;AAChE,cAAc,gCAAgC,CAAA;AAC9C,cAAc,oCAAoC,CAAA;AAClD,cAAc,kDAAkD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,EAAE,EACF,GAAG,EACH,QAAQ,EACR,4BAA4B,EAC5B,mBAAmB,EACnB,YAAY,EACZ,yBAAyB,EACzB,4BAA4B,EAC5B,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,aAAa,CAAA;AACpB,cAAc,mCAAmC,CAAA;AACjD,cAAc,wCAAwC,CAAA;AACtD,cAAc,wCAAwC,CAAA;AACtD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yCAAyC,CAAA;AACvD,cAAc,oCAAoC,CAAA;AAClD,cAAc,wCAAwC,CAAA;AACtD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,sCAAsC,CAAA;AACpD,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,0BAA0B,CAAA;AACxC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kDAAkD,CAAA;AAChE,cAAc,gCAAgC,CAAA;AAC9C,cAAc,oCAAoC,CAAA;AAClD,cAAc,mCAAmC,CAAA;AACjD,cAAc,aAAa,CAAA;AAC3B,cAAc,6CAA6C,CAAA;AAC3D,cAAc,kDAAkD,CAAA;AAChE,cAAc,qBAAqB,CAAA"}

package/dist/index.js

@@ -1,5 +1,5 @@
 // component exports
-export { cn, cva, getColor, getBackgroundAndPaddingStyle, getBorderSidesStyle, getTextStyle, getVerticalAlignmentStyle, getBackgroundAndSpacingStyle, getIdFromGid, productGidFromId, variantGidFromId, getPaddingStyle, getVerticalAlignment, mapFlexToAlignment, formatRelativeTime, stringRatioToInt, getOverlayStyle, getDestinationHandler, createCollectionImageMap, } from "./lib/utils";
+export { cn, cva, getColor, getBackgroundAndPaddingStyle, getBorderSidesStyle, getTextStyle, getVerticalAlignmentStyle, getBackgroundAndSpacingStyle, getIdFromGid, productGidFromId, variantGidFromId, getPaddingStyle, getVerticalAlignment, mapFlexToAlignment, formatRelativeTime, stringRatioToInt, getOverlayStyle, throttleFunction, getDestinationHandler, getProductGidsFromIds, createCollectionImageMap, } from "./lib/utils";
 export * from "./components/hooks/use-collection";
 export * from "./components/hooks/use-infinite-scroll";
 export * from "./components/hooks/use-recommendations";
@@ -8,7 +8,6 @@ export * from "./components/hooks/use-scroll-direction";
 export * from "./components/hooks/use-sort-filter";
 export * from "./components/hooks/use-product-options";
 export * from "./components/hooks/use-shop";
-export * from "./components/hooks/use-tap";
 export * from "./components/ui/accordion";
 export * from "./components/ui/aspect-ratio";
 export * from "./components/ui/badge";
@@ -49,10 +48,15 @@ export * from "./components/ui/toggle-group";
 export * from "./components/ui/toggle";
 export * from "./components/ui/use-toast";
 export * from "./components/ui/video";
+export * from "./components/ui/video-enhanced";
 export * from "./components/ui/wishlist";
 export * from "./components/ui/wishlist-select";
 export * from "./components/hooks/use-shop";
 export * from "./components/libs/sort-filter/search-integration";
 export * from "./components/hooks/use-reviews";
 export * from "./components/ui/subcollection-tabs";
+export * from "./components/ui/ProductCard/utils";
+export * from "./lib/price";
+export * from "./components/hooks/use-nosto-recommendation";
 export * from "./components/libs/sort-filter/search-integration";
+export * from "./components/ui/tap";

package/dist/lib/block-utils.d.ts

@@ -0,0 +1,97 @@
+type BorderSide = "all" | "top" | "bottom" | "left" | "right";
+type BorderSides = BorderSide[];
+declare const getBorderSidesStyle: (borderSides: BorderSides) => {
+    borderWidth: string;
+    borderTopWidth?: undefined;
+    borderBottomWidth?: undefined;
+    borderLeftWidth?: undefined;
+    borderRightWidth?: undefined;
+} | {
+    borderTopWidth: string | number;
+    borderBottomWidth: string | number;
+    borderLeftWidth: string | number;
+    borderRightWidth: string | number;
+    borderWidth?: undefined;
+};
+type VerticalAlignment = "top" | "middle" | "bottom";
+type Spacing = {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+};
+interface AlignmentAndSpacing {
+    alignment: VerticalAlignment;
+    spacing: Spacing;
+}
+declare const getVerticalAlignmentStyle: (alignmentAndSpacing: AlignmentAndSpacing) => {
+    bottom: string;
+    top: string;
+    transform?: undefined;
+} | {
+    top: string;
+    transform: string;
+    bottom?: undefined;
+} | {
+    bottom?: undefined;
+    top?: undefined;
+    transform?: undefined;
+};
+type BackgroundAndPadding = {
+    backgroundColor?: ColorOption;
+    borderSides?: BorderSides;
+    borderColor?: ColorOption;
+    cornerRadius?: number;
+    padding?: Partial<Spacing>;
+};
+type ColorOption = {
+    type: "brand-kit" | "custom";
+    value: string;
+} | undefined;
+declare const getColor: (colorOption: ColorOption) => string | undefined;
+declare function getBackgroundAndPaddingStyle(backgroundAndPadding: BackgroundAndPadding): {
+    backgroundColor: string | undefined;
+    borderColor: string | undefined;
+    borderTopWidth: string | undefined;
+    borderBottomWidth: string | undefined;
+    borderLeftWidth: string | undefined;
+    borderRightWidth: string | undefined;
+    paddingTop: string | undefined;
+    paddingBottom: string | undefined;
+    paddingLeft: string | undefined;
+    paddingRight: string | undefined;
+    borderStyle: string | undefined;
+    borderRadius: string | undefined;
+};
+type BackgroundAndSpacing = AlignmentAndSpacing & {
+    backgroundColor?: ColorOption;
+    borderColor?: ColorOption;
+    backgroundCorners?: number;
+};
+declare function getBackgroundAndSpacingStyle(backgroundAndSpacing: BackgroundAndSpacing): {
+    padding: string;
+    borderColor: string;
+    backgroundColor: string;
+    borderRadius: string;
+};
+type TextStyle = {
+    font: {
+        family: string;
+        weight: number | string;
+    };
+    size: number | string;
+    color: ColorOption;
+    uppercase: boolean;
+    textAlignment: "left" | "center" | "right" | "justify";
+};
+type Headline = TextStyle;
+type Subtext = TextStyle;
+declare function getTextStyle(textStyle: Headline | Subtext): {
+    fontFamily: string;
+    fontWeight: string | number;
+    fontSize: string | number;
+    color: string | undefined;
+    textTransform: string;
+    textAlign: "center" | "left" | "right" | "justify";
+};
+//# sourceMappingURL=block-utils.d.ts.map

package/dist/lib/block-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-utils.d.ts","sourceRoot":"","sources":["../../lib/block-utils.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAC7D,KAAK,WAAW,GAAG,UAAU,EAAE,CAAA;AAE/B,QAAA,MAAM,mBAAmB;;;;;;;;;;;;CAUxB,CAAA;AAED,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEpD,KAAK,OAAO,GAAG;IACb,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,UAAU,mBAAmB;IAC3B,SAAS,EAAE,iBAAiB,CAAA;IAC5B,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,yBAAyB,wBACR,mBAAmB;;;;;;;;;;;;CAczC,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;CAC3B,CAAA;AAED,KAAK,WAAW,GACZ;IACE,IAAI,EAAE,WAAW,GAAG,QAAQ,CAAA;IAC5B,KAAK,EAAE,MAAM,CAAA;CACd,GACD,SAAS,CAAA;AAEb,QAAA,MAAM,QAAQ,gBAAiB,WAAW,KAAG,MAAM,GAAG,SAMrD,CAAA;AAED,iBAAS,4BAA4B,CACnC,oBAAoB,EAAE,oBAAoB;;;;;;;;;;;;;EAgC3C;AAED,KAAK,oBAAoB,GAAG,mBAAmB,GAAG;IAChD,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,iBAAS,4BAA4B,CACnC,oBAAoB,EAAE,oBAAoB;;;;;EAU3C;AAED,KAAK,SAAS,GAAG;IACf,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM,CAAA;QACd,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;KACxB,CAAA;IACD,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,KAAK,EAAE,WAAW,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;CACvD,CAAA;AAED,KAAK,QAAQ,GAAG,SAAS,CAAA;AACzB,KAAK,OAAO,GAAG,SAAS,CAAA;AAExB,iBAAS,YAAY,CAAC,SAAS,EAAE,QAAQ,GAAG,OAAO;;;;;;;EAUlD"}