@tapcart/mobile-components 0.7.64 → 0.7.66

package/dist/components/hooks/use-mock-cart.d.ts

@@ -47,7 +47,7 @@ export declare const useMockCart: ({ apiUrl, appId, enabled, limit, }: UseMockCa
                 createdAt: string;
                 displayName: string;
                 inventoryPolicy: "continue" | "deny";
-                inventoryQuantity: number;
+                quantityAvailable: number;
                 legacyResourceId: string;
                 metafield?: import("app-studio-types").Metafield | undefined;
                 position: number;
@@ -60,10 +60,16 @@ export declare const useMockCart: ({ apiUrl, appId, enabled, limit, }: UseMockCa
                 };
             };
             sellingPlanAllocation: {
-                priceAdjustments: [{
-                    perDeliveryPrice: Money;
-                    price: Money;
-                }];
+                priceAdjustments: {
+                    perDeliveryPrice: {
+                        amount: string;
+                        currencyCode: string;
+                    };
+                    price: {
+                        amount: string;
+                        currencyCode: string;
+                    };
+                };
                 sellingPlan: {
                     id: string;
                     name: string;
@@ -154,6 +160,7 @@ export declare const useMockCart: ({ apiUrl, appId, enabled, limit, }: UseMockCa
                 currencyCode: string;
             };
         }[];
+        checkoutUrl: string;
     };
 };
 export {};

package/dist/components/hooks/use-mock-cart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-mock-cart.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-mock-cart.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAA;AAsLhF,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,WAAW,uCAKrB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAzGc,KAAK;2BAChB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0I3B,CAAA"}
+{"version":3,"file":"use-mock-cart.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-mock-cart.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,6BAA6B,EAAE,MAAM,kBAAkB,CAAA;AAgLhF,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,WAAW,uCAKrB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCnB,CAAA"}

package/dist/components/hooks/use-mock-cart.js

@@ -27,6 +27,7 @@ const cartMock = {
             presentmentAmountUsed: { amount: "10.00", currencyCode: "USD" },
         },
     ],
+    checkoutUrl: "",
 };
 const transformCart = ({ products, cartOrigin = cartMock, }) => {
     let subtotal = cartOrigin.subtotal;
@@ -59,18 +60,16 @@ const transformCart = ({ products, cartOrigin = cartMock, }) => {
         }
         const sellingPlanAllocation = i === 0
             ? {
-                priceAdjustments: [
-                    {
-                        perDeliveryPrice: {
-                            amount: price,
-                            currencyCode: "USD",
-                        },
-                        price: {
-                            amount: price,
-                            currencyCode: "USD",
-                        },
+                priceAdjustments: {
+                    perDeliveryPrice: {
+                        amount: price.toString(),
+                        currencyCode: "USD",
                     },
-                ],
+                    price: {
+                        amount: price.toString(),
+                        currencyCode: "USD",
+                    },
+                },
                 sellingPlan: {
                     id: "gid://shopify/SellingPlan/123",
                     name: "Delivery every 30 Days",

package/dist/components/ui/quantity-picker.d.ts

@@ -7,6 +7,8 @@ export interface QuantityPickerProps extends React.HTMLAttributes<HTMLDivElement
     iconColor: string;
     onDecreaseClick: React.ReactEventHandler;
     onIncreaseClick: React.ReactEventHandler;
+    isDecreaseDisabled?: boolean;
+    isIncreaseDisabled?: boolean;
     value: number;
     setValue: (_: number) => void;
     className?: string;

package/dist/components/ui/quantity-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quantity-picker.d.ts","sourceRoot":"","sources":["../../../components/ui/quantity-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACxC,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAiCD,QAAA,MAAM,cAAc,4FAmFnB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"quantity-picker.d.ts","sourceRoot":"","sources":["../../../components/ui/quantity-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACxC,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACxC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAmCD,QAAA,MAAM,cAAc,4FAuFnB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/ui/quantity-picker.js

@@ -15,14 +15,14 @@ import * as React from "react";
 import { cn } from "../../lib/utils";
 import { Icon } from "./icon";
 import { useTap } from "./tap";
-const IconButton = ({ iconUrl, iconColor, handler, className, style }) => {
+const IconButton = ({ iconUrl, iconColor, handler, className, style, disabled }) => {
     const { onTap, isPressed, ref: tapRef } = useTap();
-    return (_jsx("button", Object.assign({ onClick: onTap(handler), ref: tapRef, className: cn("flex items-center justify-center h-7 w-7 bg-stateColors-skeleton border border-coreColors-dividingLines", className), style: style }, { children: _jsx(Icon, { url: iconUrl, size: "sm", strokeColor: iconColor, strokeWidth: 4, style: {
+    return (_jsx("button", Object.assign({ onClick: onTap(handler), ref: tapRef, className: cn("flex items-center justify-center h-7 w-7 bg-stateColors-skeleton border border-coreColors-dividingLines", className), style: style, disabled: disabled }, { children: _jsx(Icon, { url: iconUrl, size: "sm", strokeColor: iconColor, strokeWidth: 4, style: {
                 opacity: isPressed ? 0.7 : 1,
             } }) })));
 };
 const QuantityPicker = React.forwardRef((_a, ref) => {
-    var { className, decreaseIconUrl, increaseIconUrl, deleteIconUrl, isDeleteOnly = false, iconColor, onDecreaseClick, onIncreaseClick, value, setValue, inputStyle, buttonStyle, buttonCornerRadius = 4 } = _a, props = __rest(_a, ["className", "decreaseIconUrl", "increaseIconUrl", "deleteIconUrl", "isDeleteOnly", "iconColor", "onDecreaseClick", "onIncreaseClick", "value", "setValue", "inputStyle", "buttonStyle", "buttonCornerRadius"]);
+    var { className, decreaseIconUrl, increaseIconUrl, deleteIconUrl, isDeleteOnly = false, iconColor, onDecreaseClick, onIncreaseClick, isDecreaseDisabled, isIncreaseDisabled, value, setValue, inputStyle, buttonStyle, buttonCornerRadius = 4 } = _a, props = __rest(_a, ["className", "decreaseIconUrl", "increaseIconUrl", "deleteIconUrl", "isDeleteOnly", "iconColor", "onDecreaseClick", "onIncreaseClick", "isDecreaseDisabled", "isIncreaseDisabled", "value", "setValue", "inputStyle", "buttonStyle", "buttonCornerRadius"]);
     const leftButtonStyle = Object.assign(Object.assign({}, buttonStyle), { borderTopLeftRadius: buttonCornerRadius
             ? `${buttonCornerRadius}px`
             : undefined, borderBottomLeftRadius: buttonCornerRadius
@@ -34,7 +34,7 @@ const QuantityPicker = React.forwardRef((_a, ref) => {
             ? `${buttonCornerRadius}px`
             : undefined });
     const singleButtonStyle = Object.assign(Object.assign({}, buttonStyle), { borderRadius: buttonCornerRadius ? `${buttonCornerRadius}px` : undefined });
-    return (_jsx("div", Object.assign({ className: cn("flex", className), ref: ref }, props, { children: isDeleteOnly ? (_jsx(IconButton, { handler: onDecreaseClick, iconUrl: deleteIconUrl, iconColor: iconColor, style: singleButtonStyle })) : (_jsxs(_Fragment, { children: [_jsx(IconButton, { handler: onDecreaseClick, iconUrl: value === 1 ? deleteIconUrl : decreaseIconUrl, iconColor: iconColor, style: leftButtonStyle }), _jsx("input", { type: "text", pattern: "[0-9]*", value: value, onBlur: (e) => (e.target.value = value.toString()), onFocus: (e) => (e.target.value = ""), onChange: (e) => setValue(parseInt(e.target.value) || 0), className: "w-8 h-7 focus-visible:outline-none text-center bg-coreColors-inputBackground text-textColors-primaryColor border-t border-b border-coreColors-dividingLines", style: inputStyle }), _jsx(IconButton, { handler: onIncreaseClick, iconUrl: increaseIconUrl, iconColor: iconColor, style: rightButtonStyle })] })) })));
+    return (_jsx("div", Object.assign({ className: cn("flex", className), ref: ref }, props, { children: isDeleteOnly ? (_jsx(IconButton, { handler: onDecreaseClick, iconUrl: deleteIconUrl, iconColor: iconColor, style: singleButtonStyle })) : (_jsxs(_Fragment, { children: [_jsx(IconButton, { handler: onDecreaseClick, iconUrl: value === 1 ? deleteIconUrl : decreaseIconUrl, iconColor: iconColor, style: leftButtonStyle, disabled: isDecreaseDisabled }), _jsx("input", { type: "text", pattern: "[0-9]*", value: value, onBlur: (e) => (e.target.value = value.toString()), onFocus: (e) => (e.target.value = ""), onChange: (e) => setValue(parseInt(e.target.value) || 0), className: "w-8 h-7 focus-visible:outline-none text-center bg-coreColors-inputBackground text-textColors-primaryColor border-t border-b border-coreColors-dividingLines", style: inputStyle }), _jsx(IconButton, { handler: onIncreaseClick, iconUrl: increaseIconUrl, iconColor: iconColor, style: rightButtonStyle, disabled: isIncreaseDisabled })] })) })));
 });
 QuantityPicker.displayName = "QuantityPicker";
 export { QuantityPicker };

package/dist/components/ui/wishlist.js

@@ -22,7 +22,7 @@ const Wishlist = React.forwardRef((_a, ref) => {
     var { selected = false, onClick, className, name, amount, imgUrl, aspectRatio, objectFit, isTrigger, translations, nameStyle, amountStyle } = _a, props = __rest(_a, ["selected", "onClick", "className", "name", "amount", "imgUrl", "aspectRatio", "objectFit", "isTrigger", "translations", "nameStyle", "amountStyle"]);
     return (_jsxs("button", Object.assign({ className: cn("flex flex-row items-center px-4 py-2 w-full ", selected ? "bg-stateColors-skeleton" : "", className), ref: ref, onClick: onClick }, props, { children: [imgUrl ? (_jsx("div", Object.assign({ className: "h-10 w-10 border border-coreColors-dividingLines rounded-sm overflow-hidden", style: {
                     flex: "0 1 auto",
-                } }, { children: _jsx("img", { alt: "wishlist-image", src: `${imgUrl}?width=40`, width: 40, height: 40, className: cn("rounded-sm w-full h-full", objectFit === "contain" ? "object-contain" : "object-cover") }) }))) : (_jsx(PlaceholderIcon, {})), _jsxs("div", Object.assign({ className: "flex flex-col flex-1 items-start mx-2 space-y-1 overflow-hidden" }, { children: [isTrigger && _jsx(Text, Object.assign({ type: "body-secondary" }, { children: "Wishlists" })), _jsx(Text, Object.assign({ type: "body-primary", className: "w-full overflow-hidden text-ellipsis whitespace-nowrap text-left", style: nameStyle }, { children: name })), !isTrigger && (_jsx(Text, Object.assign({ type: "body-secondary", className: "w-full overflow-hidden text-ellipsis whitespace-nowrap text-left", style: amountStyle }, { children: `${amount} ${amount !== 1
+                } }, { children: _jsx("img", { alt: "wishlist-image", src: `${imgUrl}?width=40`, width: 40, height: 40, className: cn("rounded-sm w-full h-full", objectFit === "contain" ? "object-contain" : "object-cover") }) }))) : (_jsx(PlaceholderIcon, {})), _jsxs("div", Object.assign({ className: "flex flex-col flex-1 items-start mx-2 overflow-hidden" }, { children: [isTrigger && _jsx(Text, Object.assign({ type: "body-secondary" }, { children: "Wishlists" })), _jsx(Text, Object.assign({ type: "body-primary", className: "w-full overflow-hidden text-ellipsis whitespace-nowrap text-left", style: nameStyle }, { children: name })), !isTrigger && (_jsx(Text, Object.assign({ type: "body-secondary", className: "w-full overflow-hidden text-ellipsis whitespace-nowrap text-left", style: amountStyle }, { children: `${amount} ${amount !== 1
                             ? translations["checkout-summary-items"]
                             : translations["checkout-summary-item"]}` })))] }))] })));
 });

package/dist/lib/cart.util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cart.util.d.ts","sourceRoot":"","sources":["../../lib/cart.util.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,6BAA6B,EAC9B,MAAM,kBAAkB,CAAA;AAuCzB,eAAO,MAAM,oBAAoB,SAAU,MAAM,QAAQ,YAAY,YAGpE,CAAA;AAED,eAAO,MAAM,kBAAkB,SAAU,MAAM,QAAQ,YAAY,YAGlE,CAAA;AAgGD,MAAM,MAAM,cAAc,GAAG;IAC3B,yBAAyB,EAAE,sBAAsB,EAAE,CAAA;IACnD,gBAAgB,EAAE,6BAA6B,EAAE,CAAA;IACjD,cAAc,EAAE,OAAO,CAAA;IACvB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,oBAAoB,EAAE,MAAM,CAAA;IAC5B,WAAW,EAAE,MAAM,CAAA;IACnB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,oBAAoB,EAAE,MAAM,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,cASrC,CAAA;AAED,eAAO,MAAM,qBAAqB,SAAU,YAAY,KAAG,cA4B1D,CAAA"}
+{"version":3,"file":"cart.util.d.ts","sourceRoot":"","sources":["../../lib/cart.util.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,6BAA6B,EAC9B,MAAM,kBAAkB,CAAA;AAuCzB,eAAO,MAAM,oBAAoB,SAAU,MAAM,QAAQ,YAAY,YAGpE,CAAA;AAED,eAAO,MAAM,kBAAkB,SAAU,MAAM,QAAQ,YAAY,YAGlE,CAAA;AAqGD,MAAM,MAAM,cAAc,GAAG;IAC3B,yBAAyB,EAAE,sBAAsB,EAAE,CAAA;IACnD,gBAAgB,EAAE,6BAA6B,EAAE,CAAA;IACjD,cAAc,EAAE,OAAO,CAAA;IACvB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,oBAAoB,EAAE,MAAM,CAAA;IAC5B,WAAW,EAAE,MAAM,CAAA;IACnB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,oBAAoB,EAAE,MAAM,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,cASrC,CAAA;AAED,eAAO,MAAM,qBAAqB,SAAU,YAAY,KAAG,cA4B1D,CAAA"}

package/dist/lib/cart.util.js

@@ -68,7 +68,11 @@ const getLineItemDiscounts = (cart) => {
             if (!code)
                 return;
             if (!acc[code]) {
-                acc[code] = { amount: 0, type: discount.type };
+                acc[code] = {
+                    amount: 0,
+                    type: discount.type,
+                    readOnly: discount.readOnly,
+                };
             }
             acc[code].amount += discount.amount;
         });
@@ -76,12 +80,13 @@ const getLineItemDiscounts = (cart) => {
     }, {});
     if (!discountMap)
         return [];
-    return (_b = Object.entries(discountMap)) === null || _b === void 0 ? void 0 : _b.map(([code, { amount, type }]) => ({
+    return (_b = Object.entries(discountMap)) === null || _b === void 0 ? void 0 : _b.map(([code, { amount, type, readOnly }]) => ({
         id: code,
         name: `Discount - ${code}`,
         amount,
         type,
-    })).filter((discount) => cart.discounts.includes(discount.id));
+        readOnly,
+    }));
 };
 const getDiscountsTotalAmount = (orderAndLineItemDiscounts) => {
     return orderAndLineItemDiscounts === null || orderAndLineItemDiscounts === void 0 ? void 0 : orderAndLineItemDiscounts.reduce((acc, discount) => acc + +discount.amount, 0);

package/dist/lib/cart.util.test.js

@@ -19,6 +19,7 @@ const baseCartData = {
         totalAmount: { amount: "0", currencyCode: "" },
         totalTaxAmount: { amount: "0", currencyCode: "" },
     },
+    checkoutUrl: "",
 };
 describe("cart-provider.util", () => {
     describe("getData", () => {

package/dist/styles.css

@@ -998,9 +998,6 @@ video {
 .h-\[22px\] {
   height: 22px;
 }
-.h-\[36\] {
-  height: 36;
-}
 .h-\[38px\] {
   height: 38px;
 }
@@ -1097,9 +1094,6 @@ video {
 .w-\[138px\] {
   width: 138px;
 }
-.w-\[154px\] {
-  width: 154px;
-}
 .w-\[1px\] {
   width: 1px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapcart/mobile-components",
-  "version": "0.7.64",
+  "version": "0.7.66",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/styles.css",
@@ -11,6 +11,20 @@
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Tapcart Inc.",
   "homepage": "https://tapcart.com",
+  "scripts": {
+    "clean": "rm -rf dist node_modules",
+    "lint": "eslint \"**/*.ts*\"",
+    "ui:add": "pnpm dlx shadcn-ui@latest add",
+    "build:styles": "postcss styles/globals.css -o dist/styles.css",
+    "build:ts": "tsc -p tsconfig.json && tsc-alias",
+    "build": "pnpm run build:ts && pnpm run build:styles",
+    "dev:ts": "tsc -w -p tsconfig.json",
+    "dev:styles": "npx tailwindcss -i styles/globals.css -o dist/styles.css --watch",
+    "dev": "concurrently \"pnpm run dev:ts\" \"pnpm run dev:styles\"",
+    "test": "jest",
+    "test:silent": "jest --silent",
+    "test:watch": "jest --watch"
+  },
   "peerDependencies": {
     "react": "^17.0.2 || ^18.0.0",
     "react-dom": "^17.0.2 || ^18.0.0"
@@ -23,20 +37,20 @@
     "@types/pluralize": "^0.0.33",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
+    "app-studio-types": "workspace:*",
     "autoprefixer": "^10.4.14",
     "chokidar-cli": "^3.0.0",
     "concurrently": "^8.2.2",
     "eslint": "^7.32.0",
+    "eslint-config-custom": "workspace:*",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "postcss": "^8.4.24",
+    "postcss": "^8.5.2",
     "tailwindcss": "^3.3.2",
     "ts-jest": "^29.2.5",
     "tsc-alias": "^1.8.10",
-    "typescript": "^4.5.2",
-    "app-studio-types": "0.0.7",
-    "tsconfig": "0.0.0",
-    "eslint-config-custom": "0.0.0"
+    "tsconfig": "workspace:*",
+    "typescript": "^4.5.2"
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.1.2",
@@ -76,19 +90,5 @@
     "tailwind-merge": "^1.13.2",
     "tailwindcss-animate": "^1.0.6",
     "vaul": "0.9.1"
-  },
-  "scripts": {
-    "clean": "rm -rf dist node_modules",
-    "lint": "eslint \"**/*.ts*\"",
-    "ui:add": "pnpm dlx shadcn-ui@latest add",
-    "build:styles": "postcss styles/globals.css -o dist/styles.css",
-    "build:ts": "tsc -p tsconfig.json && tsc-alias",
-    "build": "pnpm run build:ts && pnpm run build:styles",
-    "dev:ts": "tsc -w -p tsconfig.json",
-    "dev:styles": "npx tailwindcss -i styles/globals.css -o dist/styles.css --watch",
-    "dev": "concurrently \"pnpm run dev:ts\" \"pnpm run dev:styles\"",
-    "test": "jest",
-    "test:silent": "jest --silent",
-    "test:watch": "jest --watch"
   }
-}
+}

package/dist/components/hooks/use-click-outside.d.ts

@@ -1,6 +0,0 @@
-import React from "react"
-export declare function useClickOutside(
-  ref: React.RefObject<HTMLElement>,
-  callback: () => void
-): void
-//# sourceMappingURL=use-click-outside.d.ts.map

package/dist/components/hooks/use-click-outside.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-click-outside.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-click-outside.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAE,IAAI,CAa5F"}

package/dist/components/hooks/use-click-outside.js

@@ -1,15 +0,0 @@
-"use client"
-import React from "react"
-export function useClickOutside(ref, callback) {
-  React.useEffect(() => {
-    const handleClickOutside = (event) => {
-      if (ref.current && !ref.current.contains(event.target)) {
-        callback()
-      }
-    }
-    document.addEventListener("mousedown", handleClickOutside)
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside)
-    }
-  }, [ref, callback])
-}

package/dist/components/hooks/use-outside-click.d.ts

@@ -1,7 +0,0 @@
-import React from "react"
-declare const useClickOutside: (
-  ref: React.RefObject<HTMLElement>,
-  callback: () => void
-) => void
-export default useClickOutside
-//# sourceMappingURL=use-outside-click.d.ts.map

package/dist/components/hooks/use-outside-click.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-outside-click.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-outside-click.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,eAAe,QAAS,MAAM,SAAS,CAAC,WAAW,CAAC,YAAY,MAAM,IAAI,SAa/E,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/hooks/use-outside-click.js

@@ -1,16 +0,0 @@
-"use client"
-import React from "react"
-const useClickOutside = (ref, callback) => {
-  React.useEffect(() => {
-    const handleClickOutside = (event) => {
-      if (ref.current && !ref.current.contains(event.target)) {
-        callback()
-      }
-    }
-    document.addEventListener("mousedown", handleClickOutside)
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside)
-    }
-  }, [ref, callback])
-}
-export default useClickOutside

package/dist/components/hooks/use-tap.d.ts

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

package/dist/components/hooks/use-tap.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-tap.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-tap.ts"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAuFvE,QAAA,MAAM,MAAM;6BAuBkC,GAAG,KAAK,IAAI,aACvC,GAAG;;;CAerB,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/components/hooks/use-tap.js

@@ -1,100 +0,0 @@
-"use client"
-import { useState, useEffect, useCallback, useRef } from "react"
-// Shared manager for all instances of the hook
-const tapManager = (() => {
-  const elements = new Map()
-  let isListening = false
-  const startListening = () => {
-    if (isListening) return
-    const handleTouchStart = (e) => {
-      const touch = e.touches[0]
-      elements.forEach((data, el) => {
-        if (el.contains(touch.target)) {
-          data.touchStarted = true
-          data.touchMoved = false
-          data.startPosition = { x: touch.clientX, y: touch.clientY }
-          // Don't set isPressed here, wait to determine if it's a tap or drag
-        }
-      })
-    }
-    const handleTouchMove = (e) => {
-      const touch = e.touches[0]
-      elements.forEach((data, el) => {
-        if (data.touchStarted) {
-          const deltaX = Math.abs(touch.clientX - data.startPosition.x)
-          const deltaY = Math.abs(touch.clientY - data.startPosition.y)
-          if (deltaX > data.tapThreshold || deltaY > data.tapThreshold) {
-            data.touchMoved = true
-            data.setIsPressed(false)
-          }
-        }
-      })
-    }
-    const handleTouchEnd = () => {
-      elements.forEach((data) => {
-        if (data.touchStarted) {
-          data.touchStarted = false
-          if (!data.touchMoved) {
-            // It's a tap, set isPressed briefly
-            data.setIsPressed(true)
-            setTimeout(() => data.setIsPressed(false), 100)
-          }
-        }
-      })
-    }
-    document.addEventListener("touchstart", (e) => handleTouchStart(e), {
-      passive: true,
-    })
-    document.addEventListener("touchmove", (e) => handleTouchMove(e), {
-      passive: true,
-    })
-    document.addEventListener("touchend", () => handleTouchEnd(), {
-      passive: true,
-    })
-    isListening = true
-  }
-  return {
-    register: (el, data) => {
-      elements.set(el, data)
-      startListening()
-    },
-    unregister: (el) => {
-      elements.delete(el)
-    },
-    elements,
-  }
-})()
-const useTap = (tapThreshold = 10) => {
-  const [isPressed, setIsPressed] = useState(false)
-  const elementRef = useRef(null)
-  useEffect(() => {
-    const element = elementRef.current
-    if (!element) return
-    const data = {
-      touchStarted: false,
-      touchMoved: false,
-      startPosition: { x: 0, y: 0 },
-      setIsPressed,
-      tapThreshold,
-    }
-    tapManager.register(element, data)
-    return () => {
-      tapManager.unregister(element)
-    }
-  }, [tapThreshold])
-  const onTap = useCallback((handler) => {
-    return (event) => {
-      const data = tapManager.elements.get(elementRef.current)
-      if (!data) return
-      if (event.type === "touchend" && !data.touchMoved) {
-        handler(event)
-      } else if (event.type === "click" && !data.touchStarted) {
-        handler(event)
-        setIsPressed(true)
-        setTimeout(() => setIsPressed(false), 100)
-      }
-    }
-  }, [])
-  return { onTap, isPressed, ref: elementRef }
-}
-export { useTap }