@a4ui/core 0.22.0 → 0.24.0

package/dist/commerce.js

@@ -1,78 +1,78 @@
-import { insert as l, createComponent as d, memo as I, effect as b, className as $, template as g, delegateEvents as S, setAttribute as y } from "solid-js/web";
-import { Show as h, For as k, createSignal as N, createMemo as C } from "solid-js";
-import { c as x } from "./cn-B6yFEsav.js";
-import { B as q, C as E, R, a as A, b as F } from "./Checkbox-DIzLQltI.js";
-import { Minus as M, Plus as P, Trash2 as U } from "lucide-solid";
-var j = /* @__PURE__ */ g('<span class="text-muted-foreground line-through">'), B = /* @__PURE__ */ g("<div><span>");
-const D = {
+import { insert as n, createComponent as c, memo as k, effect as b, className as C, template as v, delegateEvents as A, setAttribute as w, setStyleProperty as j } from "solid-js/web";
+import { Show as $, For as S, createSignal as B, createMemo as R } from "solid-js";
+import { c as _ } from "./cn-B6yFEsav.js";
+import { B as D, C as O, R as G, a as M, b as z, N as U, c as K } from "./NumberInput-enx_0iVh.js";
+import { Minus as Q, Plus as V, Trash2 as X, X as Z, CreditCard as H } from "lucide-solid";
+var J = /* @__PURE__ */ v('<span class="text-muted-foreground line-through">'), W = /* @__PURE__ */ v("<div><span>");
+const Y = {
   sm: "text-sm",
   md: "text-lg",
   lg: "text-2xl"
 };
-function T(e) {
-  const n = (a) => new Intl.NumberFormat(e.locale ?? "en-US", {
+function L(e) {
+  const i = (s) => new Intl.NumberFormat(e.locale ?? "en-US", {
     style: "currency",
     currency: e.currency ?? "USD"
-  }).format(a), r = () => (e.compareAt ?? 0) > e.amount, t = () => Math.round((1 - e.amount / e.compareAt) * 100);
+  }).format(s), o = () => (e.compareAt ?? 0) > e.amount, r = () => Math.round((1 - e.amount / e.compareAt) * 100);
   return (() => {
-    var a = B(), o = a.firstChild;
-    return l(o, () => n(e.amount)), l(a, d(h, {
+    var s = W(), d = s.firstChild;
+    return n(d, () => i(e.amount)), n(s, c($, {
       get when() {
-        return r();
+        return o();
       },
       get children() {
         return [(() => {
-          var u = j();
-          return l(u, () => n(e.compareAt)), u;
-        })(), d(q, {
+          var a = J();
+          return n(a, () => i(e.compareAt)), a;
+        })(), c(D, {
           tone: "danger",
           get children() {
-            return ["-", I(() => t()), "%"];
+            return ["-", k(() => r()), "%"];
           }
         })];
       }
-    }), null), b((u) => {
-      var c = x("inline-flex items-center gap-2", e.class), s = x("font-bold text-foreground", D[e.size ?? "md"]);
-      return c !== u.e && $(a, u.e = c), s !== u.t && $(o, u.t = s), u;
+    }), null), b((a) => {
+      var t = _("inline-flex items-center gap-2", e.class), u = _("font-bold text-foreground", Y[e.size ?? "md"]);
+      return t !== a.e && C(s, a.e = t), u !== a.t && C(d, a.t = u), a;
     }, {
       e: void 0,
       t: void 0
-    }), a;
+    }), s;
   })();
 }
-var L = /* @__PURE__ */ g('<div><button type=button aria-label="Decrease quantity"class="grid h-8 w-8 place-items-center hover:bg-muted disabled:opacity-40"></button><span class="grid min-w-[2.5rem] place-items-center tabular-nums"></span><button type=button aria-label="Increase quantity"class="grid h-8 w-8 place-items-center hover:bg-muted disabled:opacity-40">');
-function z(e) {
-  const n = () => e.min ?? 0, r = () => e.max ?? Number.MAX_SAFE_INTEGER, t = (u) => Math.min(r(), Math.max(n(), u)), a = () => e.onChange(t(e.value - 1)), o = () => e.onChange(t(e.value + 1));
+var p = /* @__PURE__ */ v('<div><button type=button aria-label="Decrease quantity"class="grid h-8 w-8 place-items-center hover:bg-muted disabled:opacity-40"></button><span class="grid min-w-[2.5rem] place-items-center tabular-nums"></span><button type=button aria-label="Increase quantity"class="grid h-8 w-8 place-items-center hover:bg-muted disabled:opacity-40">');
+function ee(e) {
+  const i = () => e.min ?? 0, o = () => e.max ?? Number.MAX_SAFE_INTEGER, r = (a) => Math.min(o(), Math.max(i(), a)), s = () => e.onChange(r(e.value - 1)), d = () => e.onChange(r(e.value + 1));
   return (() => {
-    var u = L(), c = u.firstChild, s = c.nextSibling, f = s.nextSibling;
-    return c.$$click = a, l(c, d(M, {
+    var a = p(), t = a.firstChild, u = t.nextSibling, f = u.nextSibling;
+    return t.$$click = s, n(t, c(Q, {
       class: "h-4 w-4"
-    })), l(s, () => e.value), f.$$click = o, l(f, d(P, {
+    })), n(u, () => e.value), f.$$click = d, n(f, c(V, {
       class: "h-4 w-4"
-    })), b((i) => {
-      var m = x("inline-flex items-stretch rounded-md border border-input", e.class), v = e.disabled || e.value <= n(), _ = e.disabled || e.value >= r();
-      return m !== i.e && $(u, i.e = m), v !== i.t && (c.disabled = i.t = v), _ !== i.a && (f.disabled = i.a = _), i;
+    })), b((l) => {
+      var g = _("inline-flex items-stretch rounded-md border border-input", e.class), h = e.disabled || e.value <= i(), m = e.disabled || e.value >= o();
+      return g !== l.e && C(a, l.e = g), h !== l.t && (t.disabled = l.t = h), m !== l.a && (f.disabled = l.a = m), l;
     }, {
       e: void 0,
       t: void 0,
       a: void 0
-    }), u;
+    }), a;
   })();
 }
-S(["click"]);
-var G = /* @__PURE__ */ g("<span>"), O = /* @__PURE__ */ g('<div class="relative aspect-square overflow-hidden rounded-lg bg-muted"><img loading=lazy class="h-full w-full object-cover">', !0, !1, !1), Q = /* @__PURE__ */ g('<span class="text-[11px] font-medium uppercase tracking-wide text-muted-foreground">'), X = /* @__PURE__ */ g('<span class="w-fit rounded bg-muted px-1.5 py-0.5 text-[11px] text-muted-foreground">'), Z = /* @__PURE__ */ g('<div class="mt-3 flex flex-1 flex-col gap-1.5"><p class="line-clamp-1 font-medium text-foreground">');
-const H = {
+A(["click"]);
+var te = /* @__PURE__ */ v("<span>"), ne = /* @__PURE__ */ v('<div class="relative aspect-square overflow-hidden rounded-lg bg-muted"><img loading=lazy class="h-full w-full object-cover">', !0, !1, !1), le = /* @__PURE__ */ v('<span class="text-[11px] font-medium uppercase tracking-wide text-muted-foreground">'), re = /* @__PURE__ */ v('<span class="w-fit rounded bg-muted px-1.5 py-0.5 text-[11px] text-muted-foreground">'), ae = /* @__PURE__ */ v('<div class="mt-3 flex flex-1 flex-col gap-1.5"><p class="line-clamp-1 font-medium text-foreground">');
+const ie = {
   sale: "bg-destructive text-destructive-foreground",
   new: "bg-primary text-primary-foreground",
   featured: "bg-accent text-accent-foreground"
 };
-function J(e, n) {
-  if (n) return n;
-  const r = (e ?? "").toLowerCase();
-  return /sale|off|%|deal/.test(r) ? "sale" : /new/.test(r) ? "new" : "featured";
+function ue(e, i) {
+  if (i) return i;
+  const o = (e ?? "").toLowerCase();
+  return /sale|off|%|deal/.test(o) ? "sale" : /new/.test(o) ? "new" : "featured";
 }
-function de(e) {
-  return d(E, {
+function De(e) {
+  return c(O, {
     glass: !0,
     glow: !0,
     get tilt() {
@@ -82,50 +82,50 @@ function de(e) {
       return e.spotlight;
     },
     get class() {
-      return x("flex h-full flex-col overflow-hidden p-4", e.class);
+      return _("flex h-full flex-col overflow-hidden p-4", e.class);
     },
     get children() {
       return [(() => {
-        var n = O(), r = n.firstChild;
-        return l(n, d(h, {
+        var i = ne(), o = i.firstChild;
+        return n(i, c($, {
           get when() {
             return e.badge;
           },
           get children() {
-            var t = G();
-            return l(t, () => e.badge), b(() => $(t, x("absolute -right-9 top-3.5 w-32 rotate-45 py-1 text-center text-[11px] font-semibold uppercase tracking-wide shadow-md", H[J(e.badge, e.badgeTone)]))), t;
+            var r = te();
+            return n(r, () => e.badge), b(() => C(r, _("absolute -right-9 top-3.5 w-32 rotate-45 py-1 text-center text-[11px] font-semibold uppercase tracking-wide shadow-md", ie[ue(e.badge, e.badgeTone)]))), r;
           }
-        }), null), b((t) => {
-          var a = e.image, o = e.title;
-          return a !== t.e && y(r, "src", t.e = a), o !== t.t && y(r, "alt", t.t = o), t;
+        }), null), b((r) => {
+          var s = e.image, d = e.title;
+          return s !== r.e && w(o, "src", r.e = s), d !== r.t && w(o, "alt", r.t = d), r;
         }, {
           e: void 0,
           t: void 0
-        }), n;
+        }), i;
       })(), (() => {
-        var n = Z(), r = n.firstChild;
-        return l(n, d(h, {
+        var i = ae(), o = i.firstChild;
+        return n(i, c($, {
           get when() {
             return e.brand;
           },
           get children() {
-            var t = Q();
-            return l(t, () => e.brand), t;
+            var r = le();
+            return n(r, () => e.brand), r;
           }
-        }), r), l(r, () => e.title), l(n, d(h, {
+        }), o), n(o, () => e.title), n(i, c($, {
           get when() {
             return e.category;
           },
           get children() {
-            var t = X();
-            return l(t, () => e.category), t;
+            var r = re();
+            return n(r, () => e.category), r;
           }
-        }), null), l(n, d(h, {
+        }), null), n(i, c($, {
           get when() {
             return e.rating !== void 0;
           },
           get children() {
-            return d(R, {
+            return c(G, {
               get value() {
                 return e.rating;
               },
@@ -133,7 +133,7 @@ function de(e) {
               max: 5
             });
           }
-        }), null), l(n, d(T, {
+        }), null), n(i, c(L, {
           get amount() {
             return e.price;
           },
@@ -146,55 +146,55 @@ function de(e) {
           get locale() {
             return e.locale;
           }
-        }), null), l(n, d(h, {
+        }), null), n(i, c($, {
           get when() {
             return e.onAddToCart;
           },
           get children() {
-            return d(A, {
+            return c(M, {
               class: "mt-auto w-full",
-              onClick: (t) => {
-                var a;
-                t.stopPropagation(), (a = e.onAddToCart) == null || a.call(e);
+              onClick: (r) => {
+                var s;
+                r.stopPropagation(), (s = e.onAddToCart) == null || s.call(e);
               },
               children: "Add to cart"
             });
           }
-        }), null), n;
+        }), null), i;
       })()];
     }
   });
 }
-var K = /* @__PURE__ */ g("<div>");
-function oe(e) {
+var ce = /* @__PURE__ */ v("<div>");
+function Le(e) {
   return (() => {
-    var n = K();
-    return l(n, () => e.children), b(() => $(n, x("grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4", e.class))), n;
+    var i = ce();
+    return n(i, () => e.children), b(() => C(i, _("grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4", e.class))), i;
   })();
 }
-var V = /* @__PURE__ */ g('<img class="h-16 w-16 shrink-0 rounded-md bg-muted object-cover">'), W = /* @__PURE__ */ g('<button type=button aria-label="Remove item"class="text-muted-foreground hover:text-foreground">'), Y = /* @__PURE__ */ g('<div><div class="min-w-[8rem] flex-1"><p class="line-clamp-1 font-medium text-foreground"></p></div><span class="min-w-[4rem] text-right font-medium tabular-nums text-foreground">');
-function se(e) {
-  const n = () => e.price * e.quantity, r = (t) => new Intl.NumberFormat(e.locale ?? "en-US", {
+var de = /* @__PURE__ */ v('<img class="h-16 w-16 shrink-0 rounded-md bg-muted object-cover">'), oe = /* @__PURE__ */ v('<button type=button aria-label="Remove item"class="text-muted-foreground hover:text-foreground">'), se = /* @__PURE__ */ v('<div><div class="min-w-[8rem] flex-1"><p class="line-clamp-1 font-medium text-foreground"></p></div><span class="min-w-[4rem] text-right font-medium tabular-nums text-foreground">');
+function Oe(e) {
+  const i = () => e.price * e.quantity, o = (r) => new Intl.NumberFormat(e.locale ?? "en-US", {
     style: "currency",
     currency: e.currency ?? "USD"
-  }).format(t);
+  }).format(r);
   return (() => {
-    var t = Y(), a = t.firstChild, o = a.firstChild, u = a.nextSibling;
-    return l(t, d(h, {
+    var r = se(), s = r.firstChild, d = s.firstChild, a = s.nextSibling;
+    return n(r, c($, {
       get when() {
         return e.image;
       },
       get children() {
-        var c = V();
-        return b((s) => {
-          var f = e.image, i = e.title;
-          return f !== s.e && y(c, "src", s.e = f), i !== s.t && y(c, "alt", s.t = i), s;
+        var t = de();
+        return b((u) => {
+          var f = e.image, l = e.title;
+          return f !== u.e && w(t, "src", u.e = f), l !== u.t && w(t, "alt", u.t = l), u;
         }, {
           e: void 0,
           t: void 0
-        }), c;
+        }), t;
       }
-    }), a), l(o, () => e.title), l(a, d(T, {
+    }), s), n(d, () => e.title), n(s, c(L, {
       get amount() {
         return e.price;
       },
@@ -205,129 +205,444 @@ function se(e) {
         return e.locale;
       },
       size: "sm"
-    }), null), l(t, d(z, {
+    }), null), n(r, c(ee, {
       get value() {
         return e.quantity;
       },
-      onChange: (c) => {
-        var s;
-        return (s = e.onQuantityChange) == null ? void 0 : s.call(e, c);
+      onChange: (t) => {
+        var u;
+        return (u = e.onQuantityChange) == null ? void 0 : u.call(e, t);
       },
       min: 1
-    }), u), l(u, () => r(n())), l(t, d(h, {
+    }), a), n(a, () => o(i())), n(r, c($, {
       get when() {
         return e.onRemove;
       },
       get children() {
-        var c = W();
-        return c.$$click = () => {
-          var s;
-          return (s = e.onRemove) == null ? void 0 : s.call(e);
-        }, l(c, d(U, {
+        var t = oe();
+        return t.$$click = () => {
+          var u;
+          return (u = e.onRemove) == null ? void 0 : u.call(e);
+        }, n(t, c(X, {
           class: "h-4 w-4"
-        })), c;
+        })), t;
       }
-    }), null), b(() => $(t, x("flex flex-wrap items-center gap-4", e.class))), t;
+    }), null), b(() => C(r, _("flex flex-wrap items-center gap-4", e.class))), r;
   })();
 }
-S(["click"]);
-var p = /* @__PURE__ */ g('<div><div class="my-3 border-t border-border"></div><div class="flex items-center justify-between text-base font-bold text-foreground"><span>Total</span><span class=tabular-nums>'), ee = /* @__PURE__ */ g('<div class="flex items-center justify-between py-1 text-sm"><span class=text-muted-foreground></span><span class="tabular-nums text-foreground">');
-function me(e) {
-  const n = (r) => new Intl.NumberFormat(e.locale ?? "en-US", {
+A(["click"]);
+var me = /* @__PURE__ */ v('<div><div class="my-3 border-t border-border"></div><div class="flex items-center justify-between text-base font-bold text-foreground"><span>Total</span><span class=tabular-nums>'), ge = /* @__PURE__ */ v('<div class="flex items-center justify-between py-1 text-sm"><span class=text-muted-foreground></span><span class="tabular-nums text-foreground">');
+function Ge(e) {
+  const i = (o) => new Intl.NumberFormat(e.locale ?? "en-US", {
     style: "currency",
     currency: e.currency ?? "USD"
-  }).format(r);
+  }).format(o);
   return (() => {
-    var r = p(), t = r.firstChild, a = t.nextSibling, o = a.firstChild, u = o.nextSibling;
-    return l(r, d(k, {
+    var o = me(), r = o.firstChild, s = r.nextSibling, d = s.firstChild, a = d.nextSibling;
+    return n(o, c(S, {
       get each() {
         return e.lines;
       },
-      children: (c) => (() => {
-        var s = ee(), f = s.firstChild, i = f.nextSibling;
-        return l(f, () => c.label), l(i, () => n(c.amount)), s;
+      children: (t) => (() => {
+        var u = ge(), f = u.firstChild, l = f.nextSibling;
+        return n(f, () => t.label), n(l, () => i(t.amount)), u;
       })()
-    }), t), l(u, () => n(e.total)), l(r, d(h, {
+    }), r), n(a, () => i(e.total)), n(o, c($, {
       get when() {
         return e.onCheckout;
       },
       get children() {
-        return d(A, {
+        return c(M, {
           class: "mt-4 w-full",
           onClick: () => {
-            var c;
-            return (c = e.onCheckout) == null ? void 0 : c.call(e);
+            var t;
+            return (t = e.onCheckout) == null ? void 0 : t.call(e);
           },
           get children() {
             return e.checkoutLabel ?? "Checkout";
           }
         });
       }
-    }), null), b(() => $(r, x("card glow-edge rounded-xl p-5 text-card-foreground", e.class))), r;
+    }), null), b(() => C(o, _("card glow-edge rounded-xl p-5 text-card-foreground", e.class))), o;
   })();
 }
-var te = /* @__PURE__ */ g('<div><p class="text-sm font-semibold text-foreground"></p><div class=space-y-1.5>'), ne = /* @__PURE__ */ g('<span class="text-xs text-muted-foreground">'), re = /* @__PURE__ */ g('<div class="flex items-center justify-between gap-2">');
-function ge(e) {
-  const n = (r, t) => {
-    const a = e.selected.slice(), o = a.indexOf(r);
-    t ? o === -1 && a.push(r) : o !== -1 && a.splice(o, 1), e.onChange(a);
+var fe = /* @__PURE__ */ v('<div><p class="text-sm font-semibold text-foreground"></p><div class=space-y-1.5>'), ve = /* @__PURE__ */ v('<span class="text-xs text-muted-foreground">'), he = /* @__PURE__ */ v('<div class="flex items-center justify-between gap-2">');
+function q(e) {
+  const i = (o, r) => {
+    const s = e.selected.slice(), d = s.indexOf(o);
+    r ? d === -1 && s.push(o) : d !== -1 && s.splice(d, 1), e.onChange(s);
   };
   return (() => {
-    var r = te(), t = r.firstChild, a = t.nextSibling;
-    return l(t, () => e.title), l(a, d(k, {
+    var o = fe(), r = o.firstChild, s = r.nextSibling;
+    return n(r, () => e.title), n(s, c(S, {
       get each() {
         return e.options;
       },
-      children: (o) => (() => {
-        var u = re();
-        return l(u, d(F, {
+      children: (d) => (() => {
+        var a = he();
+        return n(a, c(z, {
           get checked() {
-            return e.selected.includes(o.value);
+            return e.selected.includes(d.value);
           },
-          onChange: (c) => n(o.value, c),
+          onChange: (t) => i(d.value, t),
           get label() {
-            return o.label;
+            return d.label;
           }
-        }), null), l(u, d(h, {
+        }), null), n(a, c($, {
           get when() {
-            return o.count != null;
+            return d.count != null;
           },
           get children() {
-            var c = ne();
-            return l(c, () => o.count), c;
+            var t = ve();
+            return n(t, () => d.count), t;
+          }
+        }), null), a;
+      })()
+    })), b(() => C(o, _("space-y-2", e.class))), o;
+  })();
+}
+var xe = /* @__PURE__ */ v('<div class=space-y-2><p class="text-sm font-semibold text-foreground">'), $e = /* @__PURE__ */ v('<p class="text-sm text-muted-foreground"> results'), be = /* @__PURE__ */ v('<div class="flex flex-wrap gap-2">'), _e = /* @__PURE__ */ v('<div><div class="flex items-center justify-between gap-2">'), Ce = /* @__PURE__ */ v('<span class="inline-flex items-center gap-1 rounded-full border border-border bg-muted px-2 py-0.5 text-xs"><button type=button class="text-muted-foreground hover:text-foreground">'), we = /* @__PURE__ */ v('<div class=space-y-2><div class="flex items-center justify-between"><p class="text-sm font-semibold text-foreground">Price</p><p class="text-xs text-muted-foreground">$<!> – $</p></div><div class="flex items-center gap-2"><span class="text-sm text-muted-foreground">–');
+function ye(e) {
+  const [i, o] = B(e.section.defaultOpen ?? !0);
+  return c($, {
+    get when() {
+      return e.section.collapsible ?? !0;
+    },
+    get fallback() {
+      return (() => {
+        var r = xe(), s = r.firstChild;
+        return n(s, () => e.section.title), n(r, c(q, {
+          title: "",
+          get options() {
+            return e.section.options;
+          },
+          get selected() {
+            return e.selected;
+          },
+          get onChange() {
+            return e.onChange;
+          }
+        }), null), r;
+      })();
+    },
+    get children() {
+      return c(K, {
+        get open() {
+          return i();
+        },
+        onOpenChange: o,
+        get title() {
+          return e.section.title;
+        },
+        get children() {
+          return c(q, {
+            title: "",
+            get options() {
+              return e.section.options;
+            },
+            get selected() {
+              return e.selected;
+            },
+            get onChange() {
+              return e.onChange;
+            }
+          });
+        }
+      });
+    }
+  });
+}
+function ze(e) {
+  const i = () => {
+    const d = [];
+    for (const a of e.sections) {
+      const t = e.selected[a.key] ?? [];
+      for (const u of t) {
+        const f = a.options.find((l) => l.value === u);
+        d.push({
+          sectionKey: a.key,
+          value: u,
+          label: (f == null ? void 0 : f.label) ?? u
+        });
+      }
+    }
+    return d;
+  }, o = (d) => {
+    const a = e.selected[d.sectionKey] ?? [];
+    e.onChange(d.sectionKey, a.filter((t) => t !== d.value));
+  }, r = (d) => {
+    if (!e.price || !e.onPriceChange) return;
+    const a = Math.min(d, e.price.value[1]);
+    e.onPriceChange([a, e.price.value[1]]);
+  }, s = (d) => {
+    if (!e.price || !e.onPriceChange) return;
+    const a = Math.max(d, e.price.value[0]);
+    e.onPriceChange([e.price.value[0], a]);
+  };
+  return (() => {
+    var d = _e(), a = d.firstChild;
+    return n(a, c($, {
+      get when() {
+        return e.resultCount != null;
+      },
+      get children() {
+        var t = $e(), u = t.firstChild;
+        return n(t, () => e.resultCount, u), t;
+      }
+    }), null), n(a, c($, {
+      get when() {
+        return e.onClearAll;
+      },
+      get children() {
+        return c(M, {
+          variant: "ghost",
+          class: "ml-auto h-auto px-2 py-1 text-xs",
+          onClick: () => {
+            var t;
+            return (t = e.onClearAll) == null ? void 0 : t.call(e);
+          },
+          children: "Clear all"
+        });
+      }
+    }), null), n(d, c($, {
+      get when() {
+        return i().length > 0;
+      },
+      get children() {
+        var t = be();
+        return n(t, c(S, {
+          get each() {
+            return i();
+          },
+          children: (u) => (() => {
+            var f = Ce(), l = f.firstChild;
+            return n(f, () => u.label, l), l.$$click = () => o(u), n(l, c(Z, {
+              class: "h-3 w-3"
+            })), b(() => w(l, "aria-label", `Remove ${u.label}`)), f;
+          })()
+        })), t;
+      }
+    }), null), n(d, c($, {
+      get when() {
+        return e.price;
+      },
+      children: (t) => (() => {
+        var u = we(), f = u.firstChild, l = f.firstChild, g = l.nextSibling, h = g.firstChild, m = h.nextSibling;
+        m.nextSibling;
+        var x = f.nextSibling, y = x.firstChild;
+        return n(g, () => t().value[0], m), n(g, () => t().value[1], null), n(x, c(U, {
+          get value() {
+            return t().value[0];
+          },
+          onChange: r,
+          get min() {
+            return t().min;
+          },
+          get max() {
+            return t().value[1];
+          }
+        }), y), n(x, c(U, {
+          get value() {
+            return t().value[1];
+          },
+          onChange: s,
+          get min() {
+            return t().value[0];
+          },
+          get max() {
+            return t().max;
           }
         }), null), u;
       })()
-    })), b(() => $(r, x("space-y-2", e.class))), r;
+    }), null), n(d, c(S, {
+      get each() {
+        return e.sections;
+      },
+      children: (t) => c(ye, {
+        section: t,
+        get selected() {
+          return e.selected[t.key] ?? [];
+        },
+        onChange: (u) => e.onChange(t.key, u)
+      })
+    }), null), b(() => C(d, _("space-y-5", e.class))), d;
+  })();
+}
+A(["click"]);
+var Se = /* @__PURE__ */ v('<span class="text-muted-foreground line-through">'), ke = /* @__PURE__ */ v('<span class="inline-flex items-center gap-1 text-sm text-muted-foreground">As low as <!>/mo'), Ae = /* @__PURE__ */ v('<div><div class="flex flex-wrap items-center gap-2"><span>'), Me = /* @__PURE__ */ v('<span class="text-sm text-muted-foreground"> after code '), Pe = /* @__PURE__ */ v('<div class="flex flex-wrap items-center gap-2"><span class="inline-flex items-center gap-1 rounded-md border border-dashed border-primary/50 px-2 py-0.5 text-xs font-mono text-primary"> ');
+const Te = {
+  md: "text-xl",
+  lg: "text-3xl"
+};
+function Ke(e) {
+  const i = (t) => new Intl.NumberFormat(e.locale ?? "en-US", {
+    style: "currency",
+    currency: e.currency ?? "USD"
+  }).format(t), o = () => (e.compareAt ?? 0) > e.amount, r = () => e.compareAt - e.amount, s = () => Math.round((1 - e.amount / e.compareAt) * 100), d = () => {
+    var u;
+    const t = ((u = e.coupon) == null ? void 0 : u.amount) ?? 0;
+    return Math.max(0, e.amount - t);
+  }, a = () => {
+    const t = e.financing, u = t.apr ?? 0;
+    if (u > 0) {
+      const f = u / 12, l = t.months, g = e.amount * f / (1 - (1 + f) ** -l);
+      return Math.round(g * 100) / 100;
+    }
+    return Math.round(e.amount / t.months * 100) / 100;
+  };
+  return (() => {
+    var t = Ae(), u = t.firstChild, f = u.firstChild;
+    return n(f, () => i(e.amount)), n(u, c($, {
+      get when() {
+        return o();
+      },
+      get children() {
+        return [(() => {
+          var l = Se();
+          return n(l, () => i(e.compareAt)), l;
+        })(), c(D, {
+          tone: "danger",
+          get children() {
+            return ["Save ", k(() => i(r())), " (-", k(() => s()), "%)"];
+          }
+        })];
+      }
+    }), null), n(t, c($, {
+      get when() {
+        return e.coupon;
+      },
+      children: (l) => (() => {
+        var g = Pe(), h = g.firstChild, m = h.firstChild;
+        return n(h, () => l().label ?? "Coupon", m), n(h, () => l().code, null), n(g, c($, {
+          get when() {
+            return l().amount !== void 0;
+          },
+          get children() {
+            var x = Me(), y = x.firstChild;
+            return n(x, () => i(d()), y), n(x, () => l().code, null), x;
+          }
+        }), null), g;
+      })()
+    }), null), n(t, c($, {
+      get when() {
+        return e.financing;
+      },
+      get children() {
+        var l = ke(), g = l.firstChild, h = g.nextSibling;
+        return h.nextSibling, n(l, c(H, {
+          class: "h-4 w-4"
+        }), g), n(l, () => i(a()), h), l;
+      }
+    }), null), n(t, c($, {
+      get when() {
+        return e.note;
+      },
+      get children() {
+        return e.note;
+      }
+    }), null), b((l) => {
+      var g = _("flex flex-col gap-1", e.class), h = _("font-bold text-foreground", Te[e.size ?? "lg"]);
+      return g !== l.e && C(t, l.e = g), h !== l.t && C(f, l.t = h), l;
+    }, {
+      e: void 0,
+      t: void 0
+    }), t;
+  })();
+}
+var Ee = /* @__PURE__ */ v('<span class="text-sm text-muted-foreground"> / '), Ie = /* @__PURE__ */ v('<div><div class="flex items-end justify-between gap-2"><span class="font-semibold text-foreground"></span></div><div class="relative mt-2 h-2 w-full rounded-full bg-muted"role=meter><div class="absolute h-2 rounded-full bg-gradient-to-r from-primary/40 to-primary"></div><div class="absolute -top-1 h-4 w-4 -translate-x-1/2 rounded-full border-2 border-background bg-primary shadow"></div></div><div class="flex items-center justify-between text-xs text-muted-foreground">'), Ne = /* @__PURE__ */ v("<span>");
+const Fe = [{
+  min: 10,
+  label: "Brand New"
+}, {
+  min: 9,
+  label: "Excellent"
+}, {
+  min: 7,
+  label: "Very Good"
+}, {
+  min: 5,
+  label: "Good"
+}, {
+  min: 1,
+  label: "Fair"
+}];
+function Qe(e) {
+  const i = () => e.min ?? 1, o = () => e.max ?? 10, r = () => (e.tiers ?? Fe).slice().sort((a, t) => a.min - t.min), s = () => {
+    const a = o() - i();
+    return a <= 0 ? 0 : Math.max(0, Math.min(100, (e.value - i()) / a * 100));
+  }, d = () => {
+    const a = r();
+    let t = a[0];
+    for (const u of a)
+      u.min <= e.value && (t = u);
+    return t;
+  };
+  return (() => {
+    var a = Ie(), t = a.firstChild, u = t.firstChild, f = t.nextSibling, l = f.firstChild, g = l.nextSibling, h = f.nextSibling;
+    return n(u, () => {
+      var m;
+      return (m = d()) == null ? void 0 : m.label;
+    }), n(t, c($, {
+      get when() {
+        return e.showValue ?? !0;
+      },
+      get children() {
+        var m = Ee(), x = m.firstChild;
+        return n(m, () => e.value, x), n(m, o, null), m;
+      }
+    }), null), n(h, c(S, {
+      get each() {
+        return [r()[0], r()[r().length - 1]];
+      },
+      children: (m) => (() => {
+        var x = Ne();
+        return n(x, () => m == null ? void 0 : m.label), x;
+      })()
+    })), b((m) => {
+      var F;
+      var x = _("flex flex-col gap-2", e.class), y = i(), P = o(), T = e.value, E = ((F = d()) == null ? void 0 : F.label) ?? "Condition", I = `${s()}%`, N = `${s()}%`;
+      return x !== m.e && C(a, m.e = x), y !== m.t && w(f, "aria-valuemin", m.t = y), P !== m.a && w(f, "aria-valuemax", m.a = P), T !== m.o && w(f, "aria-valuenow", m.o = T), E !== m.i && w(f, "aria-label", m.i = E), I !== m.n && j(l, "width", m.n = I), N !== m.s && j(g, "left", m.s = N), m;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0
+    }), a;
   })();
 }
-function fe(e = []) {
-  const [n, r] = N(e), t = (i, m = 1) => {
-    r((v) => v.find((w) => w.product.id === i.id) ? v.map(
-      (w) => w.product.id === i.id ? { ...w, qty: w.qty + m } : w
-    ) : [...v, { product: i, qty: m }]);
-  }, a = (i) => {
-    r((m) => m.filter((v) => v.product.id !== i));
-  }, o = (i, m) => {
-    if (m <= 0) {
-      a(i);
+function Ve(e = []) {
+  const [i, o] = B(e), r = (l, g = 1) => {
+    o((h) => h.find((x) => x.product.id === l.id) ? h.map(
+      (x) => x.product.id === l.id ? { ...x, qty: x.qty + g } : x
+    ) : [...h, { product: l, qty: g }]);
+  }, s = (l) => {
+    o((g) => g.filter((h) => h.product.id !== l));
+  }, d = (l, g) => {
+    if (g <= 0) {
+      s(l);
       return;
     }
-    r((v) => v.map((_) => _.product.id === i ? { ..._, qty: m } : _));
-  }, u = () => {
-    r([]);
-  }, c = C(() => n().reduce((i, m) => i + m.qty, 0)), s = C(
-    () => n().reduce((i, m) => i + m.product.price * m.qty, 0)
+    o((h) => h.map((m) => m.product.id === l ? { ...m, qty: g } : m));
+  }, a = () => {
+    o([]);
+  }, t = R(() => i().reduce((l, g) => l + g.qty, 0)), u = R(
+    () => i().reduce((l, g) => l + g.product.price * g.qty, 0)
   );
-  return { items: n, add: t, remove: a, setQty: o, clear: u, count: c, subtotal: s, has: (i) => n().some((m) => m.product.id === i) };
+  return { items: i, add: r, remove: s, setQty: d, clear: a, count: t, subtotal: u, has: (l) => i().some((g) => g.product.id === l) };
 }
 export {
-  se as CartLine,
-  me as CartSummary,
-  ge as FilterGroup,
-  T as PriceTag,
-  de as ProductCard,
-  oe as ProductGrid,
-  z as QuantityStepper,
-  fe as createCart
+  Oe as CartLine,
+  Ge as CartSummary,
+  Qe as ConditionScale,
+  ze as FacetSidebar,
+  q as FilterGroup,
+  Ke as PriceBlock,
+  L as PriceTag,
+  De as ProductCard,
+  Le as ProductGrid,
+  ee as QuantityStepper,
+  Ve as createCart
 };