npm - @evershop/evershop - Versions diffs - 2.1.0 → 2.1.1 - Mend

@evershop/evershop 2.1.0 → 2.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1580) hide show

package/dist/components/frontStore/cart/CartTotalSummary.js CHANGED Viewed

@@ -1,8 +1,11 @@
 import Area from '@components/common/Area.js';
 import { useAppState } from '@components/common/context/app.js';
+import { Skeleton } from '@components/common/ui/Skeleton.js';
 import { useCartState } from '@components/frontStore/cart/CartContext.js';
+import { Coupon } from '@components/frontStore/Coupon.js';
 import { CouponForm } from '@components/frontStore/CouponForm.js';
 import { _ } from '@evershop/evershop/lib/locale/translate/_';
+import { CircleX } from 'lucide-react';
 import React from 'react';
 const SkeletonValue = ({ children, loading = false, className = '' }) => {
     if (!loading) {
@@ -10,7 +13,7 @@ const SkeletonValue = ({ children, loading = false, className = '' }) => {
     }
     return (React.createElement("span", { className: `relative ${className}` },
         React.createElement("span", { className: "opacity-0" }, children),
-        React.createElement("span", { className: "absolute inset-0 bg-gray-200 rounded animate-pulse" })));
+        React.createElement(Skeleton, { className: "absolute top-0 left-0 w-full h-full" })));
 };
 const Total = ({ total, totalTaxAmount, priceIncludingTax, loading = false }) => {
     return (React.createElement("div", { className: "summary__row grand-total flex justify-between py-2" },
@@ -47,20 +50,31 @@ const Discount = ({ discountAmount, coupon, loading = false }) => {
             React.createElement(CouponForm, null)));
     }
     return (React.createElement("div", { className: "flex justify-between gap-7 py-2" },
-        React.createElement("div", null, _('Discount(${coupon})', { coupon })),
-        React.createElement(SkeletonValue, { loading: loading, className: "text-right" }, discountAmount)));
+        React.createElement(Coupon, null, (state, actions) => (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "flex justify-start items-center gap-2" },
+                React.createElement(SkeletonValue, { loading: loading, className: "text-right" },
+                    React.createElement("span", null, _('Discount(${coupon})', { coupon }))),
+                !state.isLoading && (React.createElement("a", { href: "#", className: "text-destructive", onClick: async (e) => {
+                        e.preventDefault();
+                        await actions.removeCoupon();
+                    } },
+                    React.createElement(CircleX, { className: "w-3.5 h-3.5" })))),
+            React.createElement(SkeletonValue, { loading: loading, className: "text-right" }, discountAmount))))));
 };
-const Shipping = ({ method, cost, loading = false }) => {
+const Shipping = ({ method, cost, noShippingRequired, loading = false }) => {
     return (React.createElement("div", { className: "summary-row flex justify-between gap-7 py-2" },
-        method && (React.createElement(React.Fragment, null,
+        noShippingRequired && (React.createElement(React.Fragment, null,
+            React.createElement("span", null, _('Shipping')),
+            React.createElement("span", { className: "text-gray-500 italic font-normal" }, _('No shipping required')))),
+        method && !noShippingRequired && (React.createElement(React.Fragment, null,
             React.createElement("span", null, _('Shipping (${method})', { method })),
             React.createElement("div", null,
                 React.createElement(SkeletonValue, { loading: loading }, cost)))),
-        !method && (React.createElement(React.Fragment, null,
+        !method && !noShippingRequired && (React.createElement(React.Fragment, null,
             React.createElement("span", null, _('Shipping')),
             React.createElement("span", { className: "text-gray-500 italic font-normal" }, _('Select shipping method'))))));
 };
-const DefaultCartSummary = ({ loading, showPriceIncludingTax, subTotal, discountAmount, coupon, shippingMethod, shippingCost, taxAmount, total }) => (React.createElement("div", { className: "cart__total__summary font-semibold" },
+const DefaultCartSummary = ({ loading, showPriceIncludingTax, noShippingRequired, subTotal, discountAmount, coupon, shippingMethod, shippingCost, taxAmount, total }) => (React.createElement("div", { className: "cart__total__summary font-semibold" },
     React.createElement(Area, { id: "cartSummaryBeforeSubTotal", noOuter: true }),
     React.createElement(Subtotal, { subTotal: subTotal, loading: loading }),
     React.createElement(Area, { id: "cartSummaryAfterSubTotal", noOuter: true }),
@@ -68,7 +82,7 @@ const DefaultCartSummary = ({ loading, showPriceIncludingTax, subTotal, discount
     React.createElement(Discount, { discountAmount: discountAmount, coupon: coupon, loading: loading }),
     React.createElement(Area, { id: "cartSummaryAfterDiscount", noOuter: true }),
     React.createElement(Area, { id: "cartSummaryBeforeShipping", noOuter: true }),
-    React.createElement(Shipping, { method: shippingMethod, cost: shippingCost, loading: loading }),
+    React.createElement(Shipping, { method: shippingMethod, cost: shippingCost, loading: loading, noShippingRequired: noShippingRequired }),
     React.createElement(Area, { id: "cartSummaryAfterShipping", noOuter: true }),
     React.createElement(Area, { id: "cartSummaryBeforeTax", noOuter: true }),
     React.createElement(Tax, { amount: taxAmount, showPriceIncludingTax: showPriceIncludingTax, loading: loading }),
@@ -91,9 +105,10 @@ function CartTotalSummary({ children }) {
         : ((_e = cart === null || cart === void 0 ? void 0 : cart.shippingFeeExclTax) === null || _e === void 0 ? void 0 : _e.text) || '';
     const taxAmount = ((_f = cart === null || cart === void 0 ? void 0 : cart.totalTaxAmount) === null || _f === void 0 ? void 0 : _f.text) || '';
     const total = ((_g = cart === null || cart === void 0 ? void 0 : cart.grandTotal) === null || _g === void 0 ? void 0 : _g.text) || '';
-    return (React.createElement("div", { className: "grid grid-cols-1 gap-5" }, children ? (children({
+    return (React.createElement("div", { className: "grid grid-cols-1 gap-3" }, children ? (children({
         loading: Object.values(loadingStates).some((state) => state === true || (typeof state === 'string' && state !== null)),
         showPriceIncludingTax: priceIncludingTax,
+        noShippingRequired: (cart === null || cart === void 0 ? void 0 : cart.noShippingRequired) || false,
         subTotal,
         discountAmount,
         coupon,
@@ -101,7 +116,7 @@ function CartTotalSummary({ children }) {
         shippingCost,
         taxAmount,
         total
-    })) : (React.createElement(DefaultCartSummary, { loading: Object.values(loadingStates).some((state) => state === true || (typeof state === 'string' && state !== null)), showPriceIncludingTax: priceIncludingTax, subTotal: subTotal, discountAmount: discountAmount, coupon: coupon, shippingMethod: shippingMethod, shippingCost: shippingCost, taxAmount: taxAmount, total: total }))));
+    })) : (React.createElement(DefaultCartSummary, { loading: Object.values(loadingStates).some((state) => state === true || (typeof state === 'string' && state !== null)), showPriceIncludingTax: priceIncludingTax, noShippingRequired: (cart === null || cart === void 0 ? void 0 : cart.noShippingRequired) || false, subTotal: subTotal, discountAmount: discountAmount, coupon: coupon, shippingMethod: shippingMethod, shippingCost: shippingCost, taxAmount: taxAmount, total: total }))));
 }
 export { CartTotalSummary, DefaultCartSummary, Subtotal, Discount, Shipping, Tax, Total };
 //# sourceMappingURL=CartTotalSummary.js.map

package/dist/components/frontStore/cart/CartTotalSummary.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CartTotalSummary.js","sourceRoot":"","sources":["../../../../src/components/frontStore/cart/CartTotalSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,EAAE,CAAC,EAAE,MAAM,2CAA2C,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,aAAa,GAId,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE;IACrD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,0CAAG,QAAQ,CAAI,CAAC;IACzB,CAAC;IAED,OAAO,CACL,8BAAM,SAAS,EAAE,YAAY,SAAS,EAAE;QACtC,8BAAM,SAAS,EAAC,WAAW,IAAE,QAAQ,CAAQ;QAC7C,~~8BAAM~~,SAAS,EAAC,~~oDAAoD~~,GAAG,~~CAClE~~,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,KAAK,GAKN,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,OAAO,GAAG,KAAK,EAAE,EAAE,EAAE;IACrE,OAAO,CACL,6BAAK,SAAS,EAAC,oDAAoD;QAChE,CAAC,iBAAiB,IAAI,CACrB;YACE,6BAAK,SAAS,EAAC,WAAW;gBACxB,kCAAO,CAAC,CAAC,OAAO,CAAC,CAAQ,CACrB;YACN;gBACE,8BAAM,SAAS,EAAC,oBAAoB;;oBAChC,CAAC,CAAC,oCAAoC,EAAE,EAAE,cAAc,EAAE,CAAC;wBACxD,CACH,CACF,CACP,CAAC,IAAI,8BAAM,SAAS,EAAC,uBAAuB,IAAE,CAAC,CAAC,OAAO,CAAC,CAAQ;QACjE;YACE,gCAAO;YACP,oBAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,mBAAmB,IAC3D,KAAK,CACQ,CACZ,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,GAAG,GAIJ,CAAC,EAAE,qBAAqB,EAAE,MAAM,EAAE,OAAO,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1D,IAAI,qBAAqB,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,uCAAuC;QACpD,kCAAO,CAAC,CAAC,KAAK,CAAC,CAAQ;QACvB;YACE,gCAAO;YACP,oBAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,YAAY,IACpD,MAAM,CACO,CACZ,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAsD,CAAC,EACnE,QAAQ,EACR,OAAO,GAAG,KAAK,EAChB,EAAE,EAAE;IACH,OAAO,CACL,6BAAK,SAAS,EAAC,iCAAiC;QAC9C,iCAAM,CAAC,CAAC,WAAW,CAAC,CAAO;QAC3B,oBAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,YAAY,IACpD,QAAQ,CACK,CACZ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAIT,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,GAAG,KAAK,EAAE,EAAE,EAAE;IACnD,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,CACL,6BAAK,SAAS,EAAC,YAAY;YACzB,oBAAC,UAAU,OAAG,CACV,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,iCAAiC;QAC9C,~~iCAAM~~,CAAC,CAAC,qBAAqB,EAAE,EAAE,MAAM,EAAE,CAAC,~~CAAO~~;~~QACjD~~,oBAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,YAAY,IACpD,cAAc,CACD,~~CACZ~~,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,~~GAIT~~,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,EAAE,EAAE;~~IACzC~~,OAAO,CACL,6BAAK,SAAS,EAAC,6CAA6C;QACzD,MAAM,IAAI,~~CACT~~;YACE,kCAAO,CAAC,CAAC,sBAAsB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAQ;YACpD;gBACE,oBAAC,aAAa,IAAC,OAAO,EAAE,OAAO,IAAG,IAAI,CAAiB,CACnD,CACL,CACJ;QACA,CAAC,MAAM,IAAI,~~CACV~~;YACE,kCAAO,CAAC,CAAC,UAAU,CAAC,CAAQ;YAC5B,8BAAM,SAAS,EAAC,kCAAkC,IAC/C,CAAC,CAAC,wBAAwB,CAAC,CACvB,CACN,CACJ,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,~~GAUnB~~,CAAC,EACJ,OAAO,EACP,qBAAqB,EACrB,QAAQ,EACR,cAAc,EACd,MAAM,EACN,cAAc,EACd,YAAY,EACZ,SAAS,EACT,KAAK,EACN,EAAE,EAAE,CAAC,CACJ,6BAAK,SAAS,EAAC,oCAAoC;IACjD,oBAAC,IAAI,IAAC,EAAE,EAAC,2BAA2B,EAAC,OAAO,SAAG;IAC/C,oBAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAI;IAClD,oBAAC,IAAI,IAAC,EAAE,EAAC,0BAA0B,EAAC,OAAO,SAAG;IAC9C,oBAAC,IAAI,IAAC,EAAE,EAAC,2BAA2B,EAAC,OAAO,SAAG;IAC/C,oBAAC,QAAQ,IACP,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAChB;IACF,oBAAC,IAAI,IAAC,EAAE,EAAC,0BAA0B,EAAC,OAAO,SAAG;IAC9C,oBAAC,IAAI,IAAC,EAAE,EAAC,2BAA2B,EAAC,OAAO,SAAG;IAC/C,oBAAC,QAAQ,~~IAAC~~,MAAM,EAAE,cAAc,~~EAAE~~,IAAI,EAAE,YAAY,~~EAAE~~,OAAO,EAAE,OAAO,~~GAAI~~;~~IAC1E~~,oBAAC,IAAI,IAAC,EAAE,EAAC,0BAA0B,EAAC,OAAO,SAAG;IAC9C,oBAAC,IAAI,IAAC,EAAE,EAAC,sBAAsB,EAAC,OAAO,SAAG;IAC1C,oBAAC,GAAG,IACF,MAAM,EAAE,SAAS,EACjB,qBAAqB,EAAE,qBAAqB,EAC5C,OAAO,EAAE,OAAO,GAChB;IACF,oBAAC,IAAI,IAAC,EAAE,EAAC,qBAAqB,EAAC,OAAO,SAAG;IACzC,oBAAC,IAAI,IAAC,EAAE,EAAC,wBAAwB,EAAC,OAAO,SAAG;IAC5C,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,SAAS,EACzB,iBAAiB,EAAE,qBAAqB,EACxC,OAAO,EAAE,OAAO,GAChB;IACF,oBAAC,IAAI,IAAC,EAAE,EAAC,uBAAuB,EAAC,OAAO,SAAG,CACvC,CACP,CAAC;~~AAgBF~~,SAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAyB;;IAC3D,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,YAAY,EAAE,CAAC;IACrD,MAAM,EACJ,MAAM,EAAE,EACN,GAAG,EAAE,EAAE,iBAAiB,EAAE,EAC3B,EACF,GAAG,WAAW,EAAE,CAAC;IAElB,MAAM,QAAQ,GAAG,iBAAiB;QAChC,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,eAAe,0CAAE,IAAI,KAAI,EAAE;QACnC,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,0CAAE,IAAI,KAAI,EAAE,CAAC;IAE/B,MAAM,cAAc,GAAG,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,0CAAE,IAAI,KAAI,EAAE,CAAC;IACxD,MAAM,MAAM,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC;IAE5B,MAAM,cAAc,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,kBAAkB,CAAC;IAChD,MAAM,YAAY,GAAG,iBAAiB;QACpC,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,kBAAkB,0CAAE,IAAI,KAAI,EAAE;QACtC,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,kBAAkB,0CAAE,IAAI,KAAI,EAAE,CAAC;IAEzC,MAAM,SAAS,GAAG,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,0CAAE,IAAI,KAAI,EAAE,CAAC;IACnD,MAAM,KAAK,GAAG,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,0CAAE,IAAI,KAAI,EAAE,CAAC;IAE3C,OAAO,CACL,6BAAK,SAAS,EAAC,wBAAwB,IACpC,QAAQ,CAAC,CAAC,CAAC,CACV,QAAQ,CAAC;QACP,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,IAAI,CACxC,CAAC,KAAK,EAAE,EAAE,CACR,KAAK,KAAK,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,CAAC,CAClE;QACD,qBAAqB,EAAE,iBAAiB;QACxC,QAAQ;QACR,cAAc;QACd,MAAM;QACN,cAAc;QACd,YAAY;QACZ,SAAS;QACT,KAAK;KACN,CAAC,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,kBAAkB,IACjB,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,IAAI,CACxC,CAAC,KAAK,EAAE,EAAE,CACR,KAAK,KAAK,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,CAAC,CAClE,EACD,qBAAqB,EAAE,iBAAiB,EACxC,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,GACZ,CACH,CACG,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,KAAK,EACN,CAAC"}
1	+ {"version":3,"file":"CartTotalSummary.js","sourceRoot":"","sources":["../../../../src/components/frontStore/cart/CartTotalSummary.tsx"],"names":[],"mappings":"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"}

package/dist/components/frontStore/cart/DefaultCartItemList.js CHANGED Viewed

@@ -18,30 +18,31 @@ export const DefaultCartItemList = ({ items, showPriceIncludingTax = true, loadi
                     ? (_a = row.productPriceInclTax) === null || _a === void 0 ? void 0 : _a.text
                     : (_b = row.productPrice) === null || _b === void 0 ? void 0 : _b.text;
                 return (React.createElement("div", { className: "flex justify-start gap-4" },
-                    React.createElement("div", null, row.thumbnail ? (React.createElement(Image, { src: row.thumbnail, alt: row.productName, width: 80, height: 80, className: "rounded-md" })) : (React.createElement(ProductNoThumbnail, { width: 80, height: 80 }))),
-                    React.createElement("div", { className: "font-medium flex flex-col gap-1 items-start h-full" },
-                        React.createElement("span", { className: "font-semibold" }, row.productName), (_c = row.variantOptions) === null || _c === void 0 ? void 0 :
-                        _c.map((option) => (React.createElement("span", { key: option.optionId, className: "text-xs text-muted" },
-                            option.attributeName,
-                            ": ",
-                            option.optionText))),
-                        React.createElement("span", { className: "text-sm text-muted" },
+                    React.createElement("div", { className: "shrink-0" }, row.thumbnail ? (React.createElement(Image, { src: row.thumbnail, alt: row.productName, width: 80, height: 80, className: "rounded-md" })) : (React.createElement(ProductNoThumbnail, { width: 80, height: 80 }))),
+                    React.createElement("div", { className: "font-medium flex flex-col gap-1 items-start h-full min-w-0 flex-1" },
+                        React.createElement("div", { className: "font-semibold break-words w-full" }, row.productName), (_c = row.variantOptions) === null || _c === void 0 ? void 0 :
+                        _c.map((option) => (React.createElement("span", { key: option.optionId, className: "text-xs" },
+                            React.createElement("span", null, option.attributeName),
+                            ":",
+                            ' ',
+                            React.createElement("span", { className: "text-muted-foreground" }, option.optionText)))),
+                        React.createElement("span", { className: "text-sm text-muted-foreground" },
                             priceValue,
                             " x ",
                             row.qty),
-                        React.createElement("a", { href: "#", className: "text-red-500 text-sm", onClick: (e) => {
+                        React.createElement("a", { href: "#", className: "text-destructive text-sm", onClick: (e) => {
                                 e.preventDefault();
                                 onRemoveItem === null || onRemoveItem === void 0 ? void 0 : onRemoveItem(row.cartItemId);
                             } }, _('Remove')), (_d = row.errors) === null || _d === void 0 ? void 0 :
-                        _d.map((error, index) => (React.createElement("span", { key: index, className: "text-xs text-red-500" }, error))))));
+                        _d.map((error, index) => (React.createElement("span", { key: index, className: "text-xs text-destructive" }, error))))));
             }
         },
         {
             key: 'qty',
-            header: { label: _('Quantity'), className: 'text-center' },
+            header: { label: _('Quantity'), className: 'text-right' },
             sortable: true,
             render: (row) => {
-                return (React.createElement("div", { className: "text-left" },
+                return (React.createElement("div", { className: "flex justify-end" },
                     React.createElement(ItemQuantity, { initialValue: row.qty, cartItemId: row.cartItemId, min: 1, max: 99 }, ({ quantity, increase, decrease }) => (React.createElement("div", { className: "flex items-center" },
                         React.createElement("button", { onClick: decrease, disabled: loading || quantity <= 1, className: "px-1 disabled:opacity-50 text-lg" }, "\u2212"),
                         React.createElement("span", { className: "min-w-[3rem] text-center" }, quantity),
@@ -50,7 +51,7 @@ export const DefaultCartItemList = ({ items, showPriceIncludingTax = true, loadi
         },
         {
             key: 'lineTotal',
-            header: { label: _('Total'), className: 'flex justify-end' },
+            header: { label: _('Total'), className: 'text-right' },
             sortable: true,
             render: (row) => {
                 var _a, _b;
@@ -68,11 +69,12 @@ export const DefaultCartItemList = ({ items, showPriceIncludingTax = true, loadi
     }, [items]);
     return (React.createElement(React.Fragment, null,
         React.createElement(Area, { id: "miniCartItemListBefore", noOuter: true }),
-        React.createElement(ExtendableTable, { name: "shoppingCartItems", columns: columns, initialData: rows, loading: loading, emptyMessage: _('Your cart is empty'), onSort: onSort, currentSort: currentSort, className: "cart__items__table border-none table-auto border-spacing-y-2 border-separate w-full" }),
+        React.createElement(ExtendableTable, { name: "shoppingCartItems", columns: columns, initialData: rows, loading: loading, emptyMessage: _('Your cart is empty'), onSort: onSort, currentSort: currentSort, className: "cart__items__table border-none table-fixed border-spacing-y-2 border-separate w-full" }),
         React.createElement(Area, { id: "miniCartItemListAfter", noOuter: true }),
         React.createElement("style", null, `
         .cart__items__table th, .cart__items__table td {
           padding: 0.75rem;
+          white-space: normal;
         }
         .cart__items__table th {
           border: none;
@@ -80,6 +82,14 @@ export const DefaultCartItemList = ({ items, showPriceIncludingTax = true, loadi
         .cart__items__table td {
           border: none;
         }
+        .cart__items__table th:first-child,
+        .cart__items__table td:first-child {
+          width: 60%;
+        }
+        .cart__items__table th:nth-child(2),
+        .cart__items__table td:nth-child(2) {
+          width: 25%;
+        }
       `)));
 };
 //# sourceMappingURL=DefaultCartItemList.js.map

package/dist/components/frontStore/cart/DefaultCartItemList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DefaultCartItemList.js","sourceRoot":"","sources":["../../../../src/components/frontStore/cart/DefaultCartItemList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EACL,eAAe,EAEhB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAE9E,OAAO,EAAE,CAAC,EAAE,MAAM,2CAA2C,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAWjD,MAAM,CAAC,MAAM,mBAAmB,GAAkC,CAAC,EACjE,KAAK,EACL,qBAAqB,GAAG,IAAI,EAC5B,OAAO,GAAG,KAAK,EACf,MAAM,EACN,WAAW,EACX,YAAY,EACb,EAAE,EAAE;IACH,MAAM,OAAO,GAA4B;QACvC;YACE,GAAG,EAAE,aAAa;YAClB,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;YAC9C,SAAS,EAAE,uBAAuB;YAClC,QAAQ,EAAE,KAAK;YACf,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE;;gBACd,MAAM,UAAU,GAAG,qBAAqB;oBACtC,CAAC,CAAC,MAAA,GAAG,CAAC,mBAAmB,0CAAE,IAAI;oBAC/B,CAAC,CAAC,MAAA,GAAG,CAAC,YAAY,0CAAE,IAAI,CAAC;gBAC3B,OAAO,CACL,6BAAK,SAAS,EAAC,0BAA0B;oBACvC,~~iCACG~~,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CACf,oBAAC,KAAK,IACJ,GAAG,EAAE,GAAG,CAAC,SAAS,EAClB,GAAG,EAAE,GAAG,CAAC,WAAW,EACpB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,SAAS,EAAC,YAAY,GACtB,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,kBAAkB,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CAC9C,CACG;oBACN,6BAAK,SAAS,EAAC,~~oDAAoD~~;~~wBACjE~~,~~8BAAM~~,SAAS,EAAC,~~eAAe~~,~~IAAE~~,GAAG,CAAC,WAAW,~~CAAQ~~,~~EACvD~~,MAAA,GAAG,CAAC,cAAc;2BAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACnC,8BAAM,GAAG,EAAE,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAC,~~oBAAoB~~;~~4BACvD~~,MAAM,CAAC,aAAa;;~~4BAAI~~,MAAM,CAAC,UAAU,~~CACrC~~,CACR,CAAC;wBACF,8BAAM,SAAS,EAAC~~,oBAAoB~~;~~4BACjC~~,UAAU;;4BAAK,GAAG,CAAC,GAAG,CAClB;wBACP,2BACE,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,~~sBAAsB~~,~~EAChC~~,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gCACb,CAAC,CAAC,cAAc,EAAE,CAAC;gCACnB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,GAAG,CAAC,UAAU,CAAC,CAAC;4BACjC,CAAC,IAEA,CAAC,CAAC,QAAQ,CAAC,CACV,EACH,MAAA,GAAG,CAAC,MAAM;2BAAE,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,8BAAM,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,~~sBAAsB~~,~~IAC/C~~,KAAK,CACD,CACR,CAAC,CACE,CACF,CACP,CAAC;YACJ,CAAC;SACF;QACD;YACE,GAAG,EAAE,KAAK;YACV,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE,SAAS,EAAE,~~aAAa~~,EAAE;~~YAC1D~~,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE;gBACd,OAAO,CACL,6BAAK,SAAS,EAAC,~~WAAW~~;~~oBACxB~~,oBAAC,YAAY,IACX,YAAY,EAAE,GAAG,CAAC,GAAG,EACrB,UAAU,EAAE,GAAG,CAAC,UAAU,EAC1B,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,EAAE,IAEN,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACrC,6BAAK,SAAS,EAAC,mBAAmB;wBAChC,gCACE,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,OAAO,IAAI,QAAQ,IAAI,CAAC,EAClC,SAAS,EAAC,kCAAkC,aAGrC;wBACT,8BAAM,SAAS,EAAC,0BAA0B,IAAE,QAAQ,CAAQ;wBAC5D,gCACE,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAC,6BAA6B,QAGhC,CACL,CACP,CACY,CACX,CACP,CAAC;YACJ,CAAC;SACF;QACD;YACE,GAAG,EAAE,WAAW;YAChB,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,~~kBAAkB~~,EAAE;~~YAC5D~~,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE;;gBACd,MAAM,UAAU,GAAG,qBAAqB;oBACtC,CAAC,CAAC,MAAA,GAAG,CAAC,gBAAgB,0CAAE,IAAI;oBAC5B,CAAC,CAAC,MAAA,GAAG,CAAC,SAAS,0CAAE,IAAI,CAAC;gBACxB,OAAO,CACL,6BAAK,SAAS,EAAC,YAAY;oBACzB,8BAAM,SAAS,EAAC,WAAW,IAAE,UAAU,CAAQ,CAC3C,CACP,CAAC;YACJ,CAAC;SACF;KACF,CAAC;IAEF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAa,KAAK,CAAC,CAAC;IAE1D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL;QACE,oBAAC,IAAI,IAAC,EAAE,EAAC,wBAAwB,EAAC,OAAO,SAAG;QAC5C,oBAAC,eAAe,IACd,IAAI,EAAC,mBAAmB,EACxB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,IAAI,EACjB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,CAAC,CAAC,oBAAoB,CAAC,EACrC,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,~~qFAAqF~~,~~GAC/F~~;QACF,oBAAC,IAAI,IAAC,EAAE,EAAC,uBAAuB,EAAC,OAAO,SAAG;QAC3C,mCACG~~;;;;;;;;;;OAUF~~,CACO,CACP,CACJ,CAAC;AACJ,CAAC,CAAC"}
1	+ {"version":3,"file":"DefaultCartItemList.js","sourceRoot":"","sources":["../../../../src/components/frontStore/cart/DefaultCartItemList.tsx"],"names":[],"mappings":"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"}

package/dist/components/frontStore/cart/DefaultMiniCartDropdown.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@ export declare const DefaultMiniCartDropdown: React.FC<{
     isOpen: boolean;
     onClose: () => void;
     cartUrl?: string;
+    checkoutUrl?: string;
     dropdownPosition?: 'left' | 'right';
     setIsDropdownOpen: (isOpen: boolean) => void;
 }>;

package/dist/components/frontStore/cart/DefaultMiniCartDropdown.js CHANGED Viewed

@@ -1,42 +1,19 @@
 import { Area } from '@components/common/Area.js';
+import { Button } from '@components/common/ui/Button.js';
+import { Sheet, SheetContent, SheetHeader, SheetTitle } from '@components/common/ui/Sheet.js';
 import { CartItems } from '@components/frontStore/cart/CartItems.js';
 import { CartTotalSummary } from '@components/frontStore/cart/CartTotalSummary.js';
 import { DefaultMiniCartDropdownEmpty } from '@components/frontStore/cart/DefaultMiniCartDropdownEmpty.js';
 import { DefaultMiniCartItemList } from '@components/frontStore/cart/DefaultMiniCartItemList.js';
 import { _ } from '@evershop/evershop/lib/locale/translate/_';
-import React, { useEffect, useRef } from 'react';
-export const DefaultMiniCartDropdown = ({ cart, isOpen, onClose, cartUrl, dropdownPosition = 'right', setIsDropdownOpen }) => {
+import React from 'react';
+export const DefaultMiniCartDropdown = ({ cart, isOpen, onClose, cartUrl, checkoutUrl, dropdownPosition = 'right', setIsDropdownOpen }) => {
     const totalQty = (cart === null || cart === void 0 ? void 0 : cart.totalQty) || 0;
-    const closeButtonRef = useRef(null);
-    useEffect(() => {
-        const handleEscKey = (e) => {
-            if (isOpen && e.key === 'Escape') {
-                onClose();
-            }
-        };
-        if (isOpen) {
-            document.addEventListener('keydown', handleEscKey);
-            document.body.style.overflow = 'hidden';
-            setTimeout(() => {
-                if (closeButtonRef.current) {
-                    closeButtonRef.current.focus();
-                }
-            }, 100);
-        }
-        return () => {
-            document.removeEventListener('keydown', handleEscKey);
-            document.body.style.overflow = '';
-        };
-    }, [isOpen, onClose]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { onClick: onClose, className: `fixed inset-0 bg-black bg-opacity-50 z-40 transition-opacity duration-300 ${isOpen ? 'opacity-100' : 'opacity-0 pointer-events-none'}`, "aria-hidden": "true" }),
-        React.createElement("div", { className: `minicart__dropdown fixed top-0 bottom-0 w-full md:w-1/3 bg-white border-x p-5 border-gray-200 z-50 shadow-xl transition-all duration-300 ease-in-out transform ${isOpen ? 'translate-x-0' : 'translate-x-full'} ${dropdownPosition === 'left' ? 'left-0' : 'right-0'}`, role: "dialog", "aria-modal": "true", "aria-label": _('Shopping Cart') },
-            React.createElement("div", { className: "minicart__dropdown__header flex justify-between items-center mb-6 border-b pb-4 border-gray-200" },
-                React.createElement("h3", { className: "minicart__heading font-medium text-2xl text-gray-900" }, _('Your Cart')),
-                React.createElement("button", { type: "button", ref: closeButtonRef, onClick: onClose, className: "text-gray-500 hover:text-gray-700 focus:outline-none focus:ring-2 rounded-full p-1", "aria-label": _('Close cart') },
-                    React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2 },
-                        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })))),
-            totalQty === 0 ? (React.createElement(DefaultMiniCartDropdownEmpty, { setIsDropdownOpen: setIsDropdownOpen })) : (React.createElement("div", { className: "minicart__items__container flex flex-col justify-between h-full", style: { height: 'calc(100vh - 150px)' } },
+    return (React.createElement(Sheet, { open: isOpen, onOpenChange: (open) => !open && onClose() },
+        React.createElement(SheetContent, { side: dropdownPosition, className: "w-full md:w-1/3 border-border" },
+            React.createElement(SheetHeader, { className: "border-b border-border" },
+                React.createElement(SheetTitle, { className: "font-medium text-xl" }, _('Your Cart'))),
+            totalQty === 0 ? (React.createElement(DefaultMiniCartDropdownEmpty, { setIsDropdownOpen: setIsDropdownOpen })) : (React.createElement("div", { className: "minicart__items__container flex flex-col px-5 justify-between h-full", style: { height: 'calc(100vh - 150px)' } },
                 React.createElement(Area, { id: "miniCartItemsBefore", noOuter: true }),
                 React.createElement("div", { className: "overflow-y-auto mb-8" },
                     React.createElement(CartItems, null, ({ items, loading }) => (React.createElement(DefaultMiniCartItemList, { items: items, loading: loading })))),
@@ -48,13 +25,18 @@ export const DefaultMiniCartDropdown = ({ cart, isOpen, onClose, cartUrl, dropdo
                             _('Subtotal'),
                             ":"),
                         React.createElement("span", { className: "font-semibold text-lg text-gray-900" }, total || '—')),
-                    React.createElement("button", { type: "button", onClick: () => {
+                    React.createElement(Button, { variant: 'outline', size: 'lg', onClick: () => {
                             if (cartUrl) {
                                 window.location.href = cartUrl;
                             }
-                        }, className: "minicart__viewcart__button w-full bg-primary text-white py-4 px-4 rounded-full hover:bg-blue-700 transition-colors font-medium" }, _('View Cart (${totalQty})', {
+                        }, className: "minicart__viewcart__button w-full " }, _('View Cart (${totalQty})', {
                         totalQty: totalQty.toString()
-                    }))))),
+                    })),
+                    React.createElement(Button, { variant: 'default', size: 'lg', onClick: () => {
+                            if (checkoutUrl) {
+                                window.location.href = checkoutUrl;
+                            }
+                        }, className: "minicart__viewcart__button w-full " }, _('Checkout'))))),
                 React.createElement(Area, { id: "miniCartSummaryAfter", noOuter: true }))))));
 };
 //# sourceMappingURL=DefaultMiniCartDropdown.js.map

package/dist/components/frontStore/cart/DefaultMiniCartDropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DefaultMiniCartDropdown.js","sourceRoot":"","sources":["../../../../src/components/frontStore/cart/DefaultMiniCartDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;~~AAElD~~,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iDAAiD,CAAC;AACnF,OAAO,EAAE,4BAA4B,EAAE,MAAM,6DAA6D,CAAC;AAC3G,OAAO,EAAE,uBAAuB,EAAE,MAAM,wDAAwD,CAAC;AACjG,OAAO,EAAE,CAAC,EAAE,MAAM,2CAA2C,CAAC;AAC9D,OAAO,KAAK,~~EAAE,EAAE,SAAS,EAAE,~~MAAM,~~EAAE,MAAM,~~OAAO,CAAC;~~AAEjD~~,MAAM,CAAC,MAAM,uBAAuB,~~GAO~~/B,CAAC,EACJ,IAAI,EACJ,MAAM,EACN,OAAO,EACP,OAAO,EACP,gBAAgB,GAAG,OAAO,EAC1B,iBAAiB,EAClB,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,CAAC,CAAC;~~IACrC~~,~~MAAM~~,~~cAAc~~,~~GAAG~~,~~MAAM~~,~~CAAoB~~,IAAI,~~CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,~~EAAE~~;QACb~~,MAAM,~~YAAY,GAAG,CAAC,CAAgB,~~EAAE,~~EAAE;YACxC~~,~~IAAI,MAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,~~EAAE,CAAC~~;gBACjC~~,~~OAAO,EAAE,CAAC;YACZ,CAAC;QACH,CAAC,CAAC;QAEF,~~IAAI,~~MAAM,~~EAAE,~~CAAC;YACX,QAAQ,CAAC,gBAAgB,CAAC,SAAS,~~EAAE,~~YAAY,~~CAAC,CAAC~~;YACnD~~,~~QAAQ,CAAC,~~IAAI,~~CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;YAExC,UAAU,CAAC,GAAG,EAAE;gBACd,~~IAAI,~~cAAc,CAAC,~~OAAO,EAAE~~,CAAC~~;~~oBAC3B~~,~~cAAc~~,~~CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;gBACjC,CAAC;YACH,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC;QAED,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,~~YAAY,~~CAAC~~,~~CAAC;YACtD,QAAQ,CAAC,~~IAAI,~~CAAC,KAAK,CAAC,QAAQ,GAAG,~~EAAE,CAAC;QACpC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL;QACE,6BACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,6EACT,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,+BAC3B,EAAE,iBACU,MAAM,GACb;QACP,6BACE,SAAS,EAAE,kKACT,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,kBAC7B,IAAI,gBAAgB,~~KAAK~~,~~MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,~~SAAS,~~EAAE,EACxD,IAAI,~~EAAC~~,QAAQ,gBACF,MAAM,gBACL,CAAC,CAAC,eAAe,CAAC~~;~~YAE9B~~,~~6BAAK~~,~~SAAS~~,~~EAAC~~,~~iGAAiG;gBAC9G,4BAAI,~~SAAS,EAAC,~~sDAAsD,IACjE,CAAC,CAAC,WAAW,CAAC,CACZ~~;~~gBACL~~,~~gCACE~~,~~IAAI~~,~~EAAC~~,~~QAAQ,EACb,GAAG,EAAE,cAAc,EACnB,OAAO,EAAE,OAAO,EAChB,~~SAAS,EAAC,~~oFAAoF~~,~~gBAClF~~,CAAC,CAAC,~~YAAY,CAAC;oBAE3B,6BACE,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,~~WAAW,~~EACnB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,~~CAAC~~;wBAEd~~,~~8BACE~~,~~aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,sBAAsB,GACxB,CACE,CACC,CACL~~;~~YACL~~,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,CAChB,oBAAC,4BAA4B,IAAC,iBAAiB,EAAE,iBAAiB,GAAI,CACvE,CAAC,CAAC,CAAC,CACF,6BACE,SAAS,EAAC,~~iEAAiE~~,~~EAC3E~~,KAAK,EAAE,EAAE,MAAM,EAAE,qBAAqB,EAAE;gBAExC,oBAAC,IAAI,IAAC,EAAE,EAAC,qBAAqB,EAAC,OAAO,SAAG;gBACzC,6BAAK,SAAS,EAAC,sBAAsB;oBACnC,oBAAC,SAAS,QACP,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACvB,oBAAC,uBAAuB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CAC5D,CACS,CACR;gBACN,oBAAC,IAAI,IAAC,EAAE,EAAC,oBAAoB,EAAC,OAAO,SAAG;gBACxC,oBAAC,IAAI,IAAC,EAAE,EAAC,uBAAuB,EAAC,OAAO,SAAG;gBAC3C,oBAAC,gBAAgB,QACd,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACd;oBACE,6BAAK,SAAS,EAAC,0DAA0D;wBACvE,8BAAM,SAAS,EAAC,2BAA2B;4BACxC,CAAC,CAAC,UAAU,CAAC;gCACT;wBACP,8BAAM,SAAS,EAAC,qCAAqC,IAClD,KAAK,IAAI,GAAG,CACR,CACH;oBACN,~~gCACE~~,IAAI,~~EAAC~~,~~QAAQ~~,~~EACb~~,OAAO,EAAE,GAAG,EAAE;4BACZ,IAAI,OAAO,EAAE,CAAC;gCACZ,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,OAAO,CAAC;4BACjC,CAAC;wBACH,CAAC,EACD,SAAS,EAAC,~~gIAAgI~~,~~IAEzI~~,CAAC,CAAC,yBAAyB,EAAE;wBAC5B,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE;qBAC9B,CAAC,CACK,CACR,CACJ,CACgB;gBACnB,oBAAC,IAAI,IAAC,EAAE,EAAC,sBAAsB,EAAC,OAAO,SAAG,CACtC,CACP,~~CACG~~,~~CACL~~,~~CACJ~~,CAAC;AACJ,CAAC,CAAC"}
1	+ {"version":3,"file":"DefaultMiniCartDropdown.js","sourceRoot":"","sources":["../../../../src/components/frontStore/cart/DefaultMiniCartDropdown.tsx"],"names":[],"mappings":"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"}

package/dist/components/frontStore/cart/DefaultMiniCartDropdownEmpty.js CHANGED Viewed

@@ -1,11 +1,12 @@
 import { Area } from '@components/common/Area.js';
+import { Button } from '@components/common/ui/Button.js';
 import { _ } from '@evershop/evershop/lib/locale/translate/_';
-import { ShoppingBagIcon } from '@heroicons/react/24/outline';
+import { ShoppingBag } from 'lucide-react';
 import React from 'react';
 export const DefaultMiniCartDropdownEmpty = ({ setIsDropdownOpen }) => (React.createElement("div", { className: "minicart__empty p-8 text-center" },
     React.createElement(Area, { id: "miniCartEmptyBefore", noOuter: true }),
-    React.createElement(ShoppingBagIcon, { width: 48, height: 48, className: "mx-auto text-gray-300 mb-4" }),
-    React.createElement("p", { className: "text-gray-500 mb-4" }, _('Your cart is empty')),
-    React.createElement("button", { type: "button", onClick: () => setIsDropdownOpen(false), className: "continue__shopping__button text-blue-600 hover:text-blue-700 font-medium" }, _('Continue Shopping')),
+    React.createElement(ShoppingBag, { width: 48, height: 48, className: "mx-auto text-muted-foreground mb-4" }),
+    React.createElement("p", { className: "text-muted-foreground mb-4" }, _('Your cart is empty')),
+    React.createElement(Button, { variant: "default", onClick: () => setIsDropdownOpen(false), size: 'lg' }, _('Continue Shopping')),
     React.createElement(Area, { id: "miniCartEmptyAfter", noOuter: true })));
 //# sourceMappingURL=DefaultMiniCartDropdownEmpty.js.map

package/dist/components/frontStore/cart/DefaultMiniCartDropdownEmpty.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DefaultMiniCartDropdownEmpty.js","sourceRoot":"","sources":["../../../../src/components/frontStore/cart/DefaultMiniCartDropdownEmpty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,CAAC,EAAE,MAAM,2CAA2C,CAAC;AAC9D,OAAO,EAAE,~~eAAe~~,EAAE,MAAM,~~6BAA6B~~,CAAC;~~AAC9D~~,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,4BAA4B,GAEpC,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,CAC9B,6BAAK,SAAS,EAAC,iCAAiC;IAC9C,oBAAC,IAAI,IAAC,EAAE,EAAC,qBAAqB,EAAC,OAAO,SAAG;IACzC,oBAAC,~~eAAe~~,~~IACd~~,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,SAAS,EAAC,~~4BAA4B~~,~~GACtC~~;IACF,2BAAG,SAAS,EAAC,~~oBAAoB~~,IAAE,CAAC,CAAC,oBAAoB,CAAC,CAAK;~~IAC/D~~,~~gCACE~~,~~IAAI~~,EAAC,~~QAAQ~~,~~EACb~~,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EACvC,~~SAAS~~,~~EAAC~~,~~0EAA0E~~,~~IAEnF~~,CAAC,CAAC,mBAAmB,CAAC,CAChB;IACT,oBAAC,IAAI,IAAC,EAAE,EAAC,oBAAoB,EAAC,OAAO,SAAG,CACpC,CACP,CAAC"}
1	+ {"version":3,"file":"DefaultMiniCartDropdownEmpty.js","sourceRoot":"","sources":["../../../../src/components/frontStore/cart/DefaultMiniCartDropdownEmpty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,CAAC,EAAE,MAAM,2CAA2C,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,4BAA4B,GAEpC,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,CAC9B,6BAAK,SAAS,EAAC,iCAAiC;IAC9C,oBAAC,IAAI,IAAC,EAAE,EAAC,qBAAqB,EAAC,OAAO,SAAG;IACzC,oBAAC,WAAW,IACV,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,SAAS,EAAC,oCAAoC,GAC9C;IACF,2BAAG,SAAS,EAAC,4BAA4B,IAAE,CAAC,CAAC,oBAAoB,CAAC,CAAK;IACvE,oBAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EACvC,IAAI,EAAE,IAAI,IAET,CAAC,CAAC,mBAAmB,CAAC,CAChB;IACT,oBAAC,IAAI,IAAC,EAAE,EAAC,oBAAoB,EAAC,OAAO,SAAG,CACpC,CACP,CAAC"}

package/dist/components/frontStore/cart/DefaultMiniCartIcon.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { ShoppingBagIcon } from '@heroicons/react/24/outline';
+import { ShoppingBag } from 'lucide-react';
 import React from 'react';
 export const DefaultMiniCartIcon = ({ totalQty, onClick, isOpen, disabled = false, showItemCount = true, syncStatus }) => {
     return (React.createElement("button", { type: "button", onClick: onClick, disabled: disabled, className: `mini-cart-icon relative ${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'} ${isOpen ? 'active' : ''}`, "aria-label": `Shopping cart with ${totalQty} items` },
         syncStatus.syncing ? (React.createElement("div", { className: "w-6 h-6 flex items-center justify-center" },
-            React.createElement("div", { className: "animate-spin rounded-full h-4 w-4 border-2 border-gray-300 border-t-gray-700" }))) : (React.createElement(ShoppingBagIcon, { width: 24, height: 24, className: "text-gray-700 hover:text-gray-900 transition-colors" })),
-        showItemCount && totalQty > 0 && !syncStatus.syncing && (React.createElement("span", { className: "absolute -top-2 -right-2 bg-red-500 text-white text-xs rounded-full h-5 w-5 flex items-center justify-center font-semibold" }, totalQty > 99 ? '99+' : totalQty))));
+            React.createElement("div", { className: "animate-spin rounded-full h-4 w-4 border-2 border-border" }))) : (React.createElement(ShoppingBag, { className: "w-5 h-5 text-foreground hover:text-primary" })),
+        showItemCount && totalQty > 0 && !syncStatus.syncing && (React.createElement("span", { className: "absolute -top-2 -right-2 bg-primary text-primary-foreground text-xs rounded-full h-4 w-4 flex items-center justify-center font-normal" }, totalQty > 99 ? '99+' : totalQty))));
 };
 //# sourceMappingURL=DefaultMiniCartIcon.js.map

package/dist/components/frontStore/cart/DefaultMiniCartIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DefaultMiniCartIcon.js","sourceRoot":"","sources":["../../../../src/components/frontStore/cart/DefaultMiniCartIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,~~eAAe~~,EAAE,MAAM,~~6BAA6B~~,CAAC;~~AAC9D~~,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,QAAQ,EACR,OAAO,EACP,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,aAAa,GAAG,IAAI,EACpB,UAAU,EAQX,EAAE,EAAE;IACH,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,2BACT,QAAQ,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,gBAC/C,IAAI,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,gBAChB,sBAAsB,QAAQ,QAAQ;QAEjD,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CACpB,6BAAK,SAAS,EAAC,0CAA0C;YACvD,6BAAK,SAAS,EAAC,~~8EAA8E~~,GAAO,~~CAChG~~,CACP,CAAC,CAAC,CAAC,CACF,oBAAC,~~eAAe~~,~~IACd~~,~~KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,~~SAAS,EAAC,~~qDAAqD~~,~~GAC/D~~,~~CACH~~;QACA,aAAa,IAAI,QAAQ,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CACvD,8BAAM,SAAS,EAAC,~~4HAA4H~~,~~IACzI~~,QAAQ,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAC5B,CACR,CACM,CACV,CAAC;AACJ,CAAC,CAAC"}
1	+ {"version":3,"file":"DefaultMiniCartIcon.js","sourceRoot":"","sources":["../../../../src/components/frontStore/cart/DefaultMiniCartIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,QAAQ,EACR,OAAO,EACP,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,aAAa,GAAG,IAAI,EACpB,UAAU,EAQX,EAAE,EAAE;IACH,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,2BACT,QAAQ,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,gBAC/C,IAAI,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,gBAChB,sBAAsB,QAAQ,QAAQ;QAEjD,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CACpB,6BAAK,SAAS,EAAC,0CAA0C;YACvD,6BAAK,SAAS,EAAC,0DAA0D,GAAO,CAC5E,CACP,CAAC,CAAC,CAAC,CACF,oBAAC,WAAW,IAAC,SAAS,EAAC,4CAA4C,GAAG,CACvE;QACA,aAAa,IAAI,QAAQ,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CACvD,8BAAM,SAAS,EAAC,uIAAuI,IACpJ,QAAQ,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAC5B,CACR,CACM,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/frontStore/cart/MiniCart.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ import { CartData } from '@components/frontStore/cart/CartContext.js';
 import React from 'react';
 interface MiniCartProps {
     cartUrl?: string;
+    checkoutUrl?: string;
     dropdownPosition?: 'left' | 'right';
     showItemCount?: boolean;
     CartIconComponent?: React.FC<{
@@ -25,5 +26,5 @@ interface MiniCartProps {
     className?: string;
     disabled?: boolean;
 }
-export declare function MiniCart({ cartUrl, dropdownPosition, showItemCount, CartIconComponent, CartDropdownComponent, className, disabled }: MiniCartProps): React.JSX.Element;
+export declare function MiniCart({ cartUrl, checkoutUrl, dropdownPosition, showItemCount, CartIconComponent, CartDropdownComponent, className, disabled }: MiniCartProps): React.JSX.Element;
 export {};

package/dist/components/frontStore/cart/MiniCart.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { useCartState, CartSyncTrigger } from '@components/frontStore/cart/CartC
 import { DefaultMiniCartDropdown } from '@components/frontStore/cart/DefaultMiniCartDropdown.js';
 import { DefaultMiniCartIcon } from '@components/frontStore/cart/DefaultMiniCartIcon.js';
 import React, { useCallback, useState, useEffect } from 'react';
-export function MiniCart({ cartUrl = '/cart', dropdownPosition = 'right', showItemCount = true, CartIconComponent, CartDropdownComponent, className = '', disabled = false }) {
+export function MiniCart({ cartUrl = '/cart', checkoutUrl = '/checkout', dropdownPosition = 'right', showItemCount = true, CartIconComponent, CartDropdownComponent, className = '', disabled = false }) {
     const { data: cartData, syncStatus } = useCartState();
     const [isDropdownOpen, setIsDropdownOpen] = useState(false);
     const cart = cartData;
@@ -21,6 +21,6 @@ export function MiniCart({ cartUrl = '/cart', dropdownPosition = 'right', showIt
     }, [syncStatus.synced, syncStatus.trigger]);
     return (React.createElement("div", { className: `mini__cart__wrapper relative ${className}` },
         CartIconComponent ? (React.createElement(CartIconComponent, { totalQty: (cart === null || cart === void 0 ? void 0 : cart.totalQty) || 0, onClick: handleCartClick, isOpen: isDropdownOpen, disabled: disabled, showItemCount: showItemCount, syncStatus: syncStatus })) : (React.createElement(DefaultMiniCartIcon, { totalQty: (cart === null || cart === void 0 ? void 0 : cart.totalQty) || 0, onClick: handleCartClick, isOpen: isDropdownOpen, disabled: disabled, showItemCount: showItemCount, syncStatus: syncStatus })),
-        CartDropdownComponent ? (React.createElement(CartDropdownComponent, { cart: cart, dropdownPosition: dropdownPosition, onClose: handleDropdownClose, cartUrl: cartUrl, setIsDropdownOpen: setIsDropdownOpen })) : (React.createElement(DefaultMiniCartDropdown, { cart: cart, isOpen: isDropdownOpen, dropdownPosition: dropdownPosition, onClose: handleDropdownClose, cartUrl: cartUrl, setIsDropdownOpen: setIsDropdownOpen }))));
+        CartDropdownComponent ? (React.createElement(CartDropdownComponent, { cart: cart, dropdownPosition: dropdownPosition, onClose: handleDropdownClose, cartUrl: cartUrl, setIsDropdownOpen: setIsDropdownOpen })) : (React.createElement(DefaultMiniCartDropdown, { cart: cart, isOpen: isDropdownOpen, dropdownPosition: dropdownPosition, onClose: handleDropdownClose, cartUrl: cartUrl, checkoutUrl: checkoutUrl, setIsDropdownOpen: setIsDropdownOpen }))));
 }
 //# sourceMappingURL=MiniCart.js.map

package/dist/components/frontStore/cart/MiniCart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MiniCart.js","sourceRoot":"","sources":["../../../../src/components/frontStore/cart/MiniCart.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAEZ,eAAe,EAChB,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,wDAAwD,CAAC;AACjG,OAAO,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AAEzF,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;~~AA0BhE~~,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,GAAG,OAAO,EACjB,gBAAgB,GAAG,OAAO,EAC1B,aAAa,GAAG,IAAI,EACpB,iBAAiB,EACjB,qBAAqB,EACrB,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EACF;IACd,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,YAAY,EAAE,CAAC;IACtD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,MAAM,IAAI,GAAG,QAAQ,CAAC;IAEtB,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,IAAI,QAAQ;YAAE,OAAO;QAErB,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC;IAExC,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,CAAC,MAAM,IAAI,UAAU,CAAC,OAAO,KAAK,eAAe,CAAC,QAAQ,EAAE,CAAC;YACzE,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAE5C,OAAO,CACL,6BAAK,SAAS,EAAE,gCAAgC,SAAS,EAAE;QACxD,iBAAiB,CAAC,CAAC,CAAC,CACnB,oBAAC,iBAAiB,IAChB,QAAQ,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,CAAC,EAC7B,OAAO,EAAE,eAAe,EACxB,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,GACtB,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,mBAAmB,IAClB,QAAQ,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,CAAC,EAC7B,OAAO,EAAE,eAAe,EACxB,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,GACtB,CACH;QAEA,qBAAqB,CAAC,CAAC,CAAC,CACvB,oBAAC,qBAAqB,IACpB,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,mBAAmB,EAC5B,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,uBAAuB,IACtB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,cAAc,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,mBAAmB,EAC5B,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CACG,CACP,CAAC;AACJ,CAAC"}
1	+ {"version":3,"file":"MiniCart.js","sourceRoot":"","sources":["../../../../src/components/frontStore/cart/MiniCart.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAEZ,eAAe,EAChB,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,wDAAwD,CAAC;AACjG,OAAO,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AAEzF,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA2BhE,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,GAAG,OAAO,EACjB,WAAW,GAAG,WAAW,EACzB,gBAAgB,GAAG,OAAO,EAC1B,aAAa,GAAG,IAAI,EACpB,iBAAiB,EACjB,qBAAqB,EACrB,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EACF;IACd,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,YAAY,EAAE,CAAC;IACtD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,MAAM,IAAI,GAAG,QAAQ,CAAC;IAEtB,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,IAAI,QAAQ;YAAE,OAAO;QAErB,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC;IAExC,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,CAAC,MAAM,IAAI,UAAU,CAAC,OAAO,KAAK,eAAe,CAAC,QAAQ,EAAE,CAAC;YACzE,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAE5C,OAAO,CACL,6BAAK,SAAS,EAAE,gCAAgC,SAAS,EAAE;QACxD,iBAAiB,CAAC,CAAC,CAAC,CACnB,oBAAC,iBAAiB,IAChB,QAAQ,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,CAAC,EAC7B,OAAO,EAAE,eAAe,EACxB,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,GACtB,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,mBAAmB,IAClB,QAAQ,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,CAAC,EAC7B,OAAO,EAAE,eAAe,EACxB,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,GACtB,CACH;QAEA,qBAAqB,CAAC,CAAC,CAAC,CACvB,oBAAC,qBAAqB,IACpB,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,mBAAmB,EAC5B,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,uBAAuB,IACtB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,cAAc,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,mBAAmB,EAC5B,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/frontStore/cart/ShoppingCartEmpty.js CHANGED Viewed

@@ -1,18 +1,19 @@
-import Button from '@components/common/Button.js';
+import { Button } from '@components/common/ui/Button.js';
 import { _ } from '@evershop/evershop/lib/locale/translate/_';
 import React from 'react';
 export function ShoppingCartEmpty() {
-    return (React.createElement("div", { className: "empty-shopping-cart w-100", style: { marginTop: '150px' } },
+    return (React.createElement("div", { className: "empty-shopping-cart w-full flex justify-center", style: { marginTop: '150px' } },
         React.createElement("div", null,
             React.createElement("div", { className: "text-center shopping-cart-heading" },
                 React.createElement("h2", null, _('Shopping cart'))),
             React.createElement("div", { className: "mt-5 text-center" },
                 React.createElement("span", null, _('Your cart is empty!'))),
             React.createElement("div", { className: "flex justify-center mt-5" },
-                React.createElement(Button, { url: "/", title: React.createElement("span", { className: "flex space-x-2" },
+                React.createElement(Button, { size: 'lg', onClick: () => (window.location.href = '/') },
+                    React.createElement("span", { className: "flex space-x-2" },
                         React.createElement("span", { className: "self-center" }, _('CONTINUE SHOPPING')),
                         ' ',
-                        React.createElement("svg", { className: "self-center", style: { width: '2.5rem', height: '2.5rem' }, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
-                            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1, d: "M17 8l4 4m0 0l-4 4m4-4H3" }))) })))));
+                        React.createElement("svg", { className: "self-center", style: { width: '2rem', height: '2rem' }, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" },
+                            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1, d: "M17 8l4 4m0 0l-4 4m4-4H3" }))))))));
 }
 //# sourceMappingURL=ShoppingCartEmpty.js.map

package/dist/components/frontStore/cart/ShoppingCartEmpty.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ShoppingCartEmpty.js","sourceRoot":"","sources":["../../../../src/components/frontStore/cart/ShoppingCartEmpty.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,~~8BAA8B~~,CAAC;~~AAClD~~,OAAO,EAAE,CAAC,EAAE,MAAM,2CAA2C,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,iBAAiB;IAC/B,OAAO,CACL,~~6BAAK~~,SAAS,EAAC,~~2BAA2B~~,~~EAAC~~,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;~~QACtE~~;YACE,6BAAK,SAAS,EAAC,mCAAmC;gBAChD,gCAAK,CAAC,CAAC,eAAe,CAAC,CAAM,CACzB;YACN,6BAAK,SAAS,EAAC,kBAAkB;gBAC/B,kCAAO,CAAC,CAAC,qBAAqB,CAAC,CAAQ,CACnC;YACN,6BAAK,SAAS,EAAC,0BAA0B;gBACvC,oBAAC,MAAM,~~IACL~~,GAAG,~~EAAC~~,GAAG,~~EACP~~,~~KAAK~~,~~EACH,~~8BAAM,SAAS,EAAC,gBAAgB;wBAC9B,8BAAM,SAAS,EAAC,aAAa,IAAE,CAAC,CAAC,mBAAmB,CAAC,CAAQ;wBAAC,GAAG;wBACjE,6BACE,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,EAAE,KAAK,EAAE,~~QAAQ~~,EAAE,MAAM,EAAE,~~QAAQ~~,EAAE,~~EAC5C~~,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,cAAc;4BAErB,8BACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,0BAA0B,GAC5B,CACE,CACD,~~GAET~~,~~CACE~~,CACF,CACF,CACP,CAAC;AACJ,CAAC"}
1	+ {"version":3,"file":"ShoppingCartEmpty.js","sourceRoot":"","sources":["../../../../src/components/frontStore/cart/ShoppingCartEmpty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,CAAC,EAAE,MAAM,2CAA2C,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,iBAAiB;IAC/B,OAAO,CACL,6BACE,SAAS,EAAC,gDAAgD,EAC1D,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;QAE7B;YACE,6BAAK,SAAS,EAAC,mCAAmC;gBAChD,gCAAK,CAAC,CAAC,eAAe,CAAC,CAAM,CACzB;YACN,6BAAK,SAAS,EAAC,kBAAkB;gBAC/B,kCAAO,CAAC,CAAC,qBAAqB,CAAC,CAAQ,CACnC;YACN,6BAAK,SAAS,EAAC,0BAA0B;gBACvC,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC;oBAC7D,8BAAM,SAAS,EAAC,gBAAgB;wBAC9B,8BAAM,SAAS,EAAC,aAAa,IAAE,CAAC,CAAC,mBAAmB,CAAC,CAAQ;wBAAC,GAAG;wBACjE,6BACE,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EACxC,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,cAAc;4BAErB,8BACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,0BAA0B,GAC5B,CACE,CACD,CACA,CACL,CACF,CACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/frontStore/catalog/CategoryProductsFilter.js CHANGED Viewed

@@ -2,12 +2,13 @@ import Area from '@components/common/Area.js';
 import { useCategory } from '@components/frontStore/catalog/CategoryContext.js';
 import { DefaultProductFilterRender } from '@components/frontStore/catalog/DefaultProductFilterRender.js';
 import { ProductFilter } from '@components/frontStore/catalog/ProductFilter.js';
+import { _ } from '@evershop/evershop/lib/locale/translate/_';
 import React from 'react';
 export function CategoryProductsFilter() {
     const category = useCategory();
     return (React.createElement(React.Fragment, null,
         React.createElement(Area, { id: "beforeFilter", noOuter: true }),
-        React.createElement(ProductFilter, { currentFilters: category.products.currentFilters, availableAttributes: category.availableAttributes, categories: category.children, priceRange: category.priceRange }, (renderProps) => (React.createElement(DefaultProductFilterRender, { renderProps: renderProps, title: "Product Filters", className: "my-custom-class", showFilterSummary: true }))),
+        React.createElement(ProductFilter, { currentFilters: category.products.currentFilters, availableAttributes: category.availableAttributes, categories: category.children, priceRange: category.priceRange }, (renderProps) => (React.createElement(DefaultProductFilterRender, { renderProps: renderProps, title: _('Product Filters'), showFilterSummary: true }))),
         React.createElement(Area, { id: "afterFilter", noOuter: true })));
 }
 //# sourceMappingURL=CategoryProductsFilter.js.map

package/dist/components/frontStore/catalog/CategoryProductsFilter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CategoryProductsFilter.js","sourceRoot":"","sources":["../../../../src/components/frontStore/catalog/CategoryProductsFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,mDAAmD,CAAC;AAChF,OAAO,EAAE,0BAA0B,EAAE,MAAM,8DAA8D,CAAC;AAC1G,OAAO,EAAE,aAAa,EAAE,MAAM,iDAAiD,CAAC;~~AAEhF~~,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,sBAAsB;IACpC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,OAAO,CACL;QACE,oBAAC,IAAI,IAAC,EAAE,EAAC,cAAc,EAAC,OAAO,SAAG;QAClC,oBAAC,aAAa,IACZ,cAAc,EAAE,QAAQ,CAAC,QAAQ,CAAC,cAAc,EAChD,mBAAmB,EAAE,QAAQ,CAAC,mBAAmB,EACjD,UAAU,EAAE,QAAQ,CAAC,QAAQ,EAC7B,UAAU,EAAE,QAAQ,CAAC,UAAU,IAE9B,CAAC,WAAW,EAAE,EAAE,CAAC,CAChB,oBAAC,0BAA0B,IACzB,WAAW,EAAE,WAAW,EACxB,KAAK,~~EAAC~~,~~iBAAiB~~,~~EACvB~~,~~SAAS~~,~~EAAC~~,~~iBAAiB,~~EAC3B,iBAAiB,EAAE,IAAI,GACvB,CACH,CACa;QAChB,oBAAC,IAAI,IAAC,EAAE,EAAC,aAAa,EAAC,OAAO,SAAG,CAChC,CACJ,CAAC;AACJ,CAAC"}
1	+ {"version":3,"file":"CategoryProductsFilter.js","sourceRoot":"","sources":["../../../../src/components/frontStore/catalog/CategoryProductsFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,mDAAmD,CAAC;AAChF,OAAO,EAAE,0BAA0B,EAAE,MAAM,8DAA8D,CAAC;AAC1G,OAAO,EAAE,aAAa,EAAE,MAAM,iDAAiD,CAAC;AAChF,OAAO,EAAE,CAAC,EAAE,MAAM,2CAA2C,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,sBAAsB;IACpC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,OAAO,CACL;QACE,oBAAC,IAAI,IAAC,EAAE,EAAC,cAAc,EAAC,OAAO,SAAG;QAClC,oBAAC,aAAa,IACZ,cAAc,EAAE,QAAQ,CAAC,QAAQ,CAAC,cAAc,EAChD,mBAAmB,EAAE,QAAQ,CAAC,mBAAmB,EACjD,UAAU,EAAE,QAAQ,CAAC,QAAQ,EAC7B,UAAU,EAAE,QAAQ,CAAC,UAAU,IAE9B,CAAC,WAAW,EAAE,EAAE,CAAC,CAChB,oBAAC,0BAA0B,IACzB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAC3B,iBAAiB,EAAE,IAAI,GACvB,CACH,CACa;QAChB,oBAAC,IAAI,IAAC,EAAE,EAAC,aAAa,EAAC,OAAO,SAAG,CAChC,CACJ,CAAC;AACJ,CAAC"}

package/dist/components/frontStore/catalog/DefaultAttributeFilterRender.js CHANGED Viewed

@@ -1,3 +1,6 @@
+import { Button } from '@components/common/ui/Button.js';
+import { Checkbox } from '@components/common/ui/Checkbox.js';
+import { Label } from '@components/common/ui/Label.js';
 import { useProductFilter } from '@components/frontStore/catalog/ProductFilter.js';
 import { _ } from '@evershop/evershop/lib/locale/translate/_';
 import React, { useState } from 'react';
@@ -75,34 +78,31 @@ export const DefaultAttributeFilterRender = ({ availableAttributes, currentFilte
         const selectedCount = getSelectedCount(attribute.attributeCode);
         const filteredOptions = getFilteredOptions(attribute);
         const isCollapsed = collapsedAttributes[attribute.attributeCode];
-        return (React.createElement("div", { key: attribute.attributeCode, className: "attribute__filter__section border-b border-gray-200 pb-2 mb-2" },
+        return (React.createElement("div", { key: attribute.attributeCode, className: "attribute__filter__section border-b border-border pb-2 mb-2" },
             React.createElement("div", { className: "filter__header flex items-center justify-between mb-3" },
-                React.createElement("button", { onClick: () => toggleCollapse(attribute.attributeCode), className: "flex items-center space-x-2 text-left flex-1 hover:text-blue-600 transition-colors" },
+                React.createElement("button", { onClick: () => toggleCollapse(attribute.attributeCode), className: "flex items-center justify-between text-left flex-1 hover:text-primary transition-colors" },
                     React.createElement("span", { className: "font-medium" }, attribute.attributeName),
-                    selectedCount > 0 && (React.createElement("span", { className: "bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full" }, selectedCount)),
                     React.createElement("svg", { className: `w-4 h-4 transition-transform ${isCollapsed ? 'rotate-180' : ''}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
                         React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }))),
-                selectedCount > 0 && (React.createElement("button", { onClick: () => clearAttributeFilter(attribute.attributeCode), className: "text-gray-400 hover:text-red-500 text-sm transition-colors", title: "Clear all" }, "\u2715"))),
+                selectedCount > 0 && (React.createElement(Button, { variant: 'link', onClick: () => clearAttributeFilter(attribute.attributeCode), className: "hover:text-destructive text-sm transition-colors", title: "Clear all" }, "\u2715"))),
             !isCollapsed && (React.createElement("div", { className: "filter__content" },
                 attribute.options.length > 5 && (React.createElement("div", { className: "mb-3" },
-                    React.createElement("input", { type: "text", placeholder: `Search ${attribute.attributeName.toLowerCase()}...`, value: searchTerms[attribute.attributeCode] || '', onChange: (e) => setSearchTerms((prev) => ({
+                    React.createElement(Checkbox, { value: searchTerms[attribute.attributeCode] || '', onCheckedChange: (checked) => setSearchTerms((prev) => ({
                             ...prev,
-                            [attribute.attributeCode]: e.target.value
-                        })), className: "w-full px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500" }))),
+                            [attribute.attributeCode]: checked
+                                ? checked.toString()
+                                : ''
+                        })) }))),
                 React.createElement("div", { className: "attribute__options space-y-2 max-h-48 overflow-y-auto" }, filteredOptions.length > 0 ? (filteredOptions.map((option) => {
                     const isSelected = isOptionSelected(attribute.attributeCode, option.optionId.toString());
-                    return (React.createElement("label", { key: option.optionId, className: `flex items-center space-x-3 cursor-pointer p-2 rounded hover:bg-gray-50 transition-colors ${isSelected
-                            ? 'bg-blue-50 border border-blue-200'
-                            : ''}` },
-                        React.createElement("input", { type: "checkbox", checked: isSelected, onChange: (e) => handleAttributeChange(attribute.attributeCode, option.optionId.toString(), e.target.checked), className: "form-checkbox h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded" }),
-                        React.createElement("span", { className: `text-sm ${isSelected
-                                ? 'font-medium text-blue-900'
-                                : 'text-gray-700'}` }, option.optionText)));
-                })) : (React.createElement("div", { className: "text-gray-500 text-sm text-center py-4" }, _('No options found for "${code}"', {
+                    return (React.createElement("div", { key: option.optionId, className: `flex items-center space-x-2 cursor-pointer py-2` },
+                        React.createElement(Checkbox, { checked: isSelected, id: `${attribute.attributeCode}-${option.optionId}`, onCheckedChange: (checked) => handleAttributeChange(attribute.attributeCode, option.optionId.toString(), checked) }),
+                        React.createElement(Label, { htmlFor: `${attribute.attributeCode}-${option.optionId}` }, option.optionText)));
+                })) : (React.createElement("div", { className: "text-muted-foreground text-sm text-center py-4" }, _('No options found for "${code}"', {
                     code: searchTerms[attribute.attributeCode]
                 })))),
                 !searchTerms[attribute.attributeCode] &&
-                    attribute.options.length > 10 && (React.createElement("button", { className: "text-blue-600 text-sm mt-2 hover:underline" }, _('Show all ${count} options', {
+                    attribute.options.length > 10 && (React.createElement(Button, { variant: 'link', className: "text-primary text-sm mt-2 hover:underline" }, _('Show all ${count} options', {
                     count: attribute.options.length.toString()
                 })))))));
     })));