@stoovles/gap-kit 1.0.0

package/dist/index.js

@@ -0,0 +1,2417 @@
+import { jsx as e, jsxs as a, Fragment as N } from "react/jsx-runtime";
+import S, { useId as G, useState as B, useRef as Z, useCallback as A, useEffect as D } from "react";
+const T = {
+  x: /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M13.3 0L7 6.3L0.7 0L0 0.7L6.3 7L0 13.3L0.7 14L7 7.7L13.3 14L14 13.3L7.7 7L14 0.7L13.3 0Z",
+      fill: "currentColor"
+    }
+  ),
+  "chevron-left": /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M8 0L0 7L8 14",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5"
+    }
+  ),
+  "chevron-right": /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M0 0L8 7L0 14",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5"
+    }
+  ),
+  "chevron-down": /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M0 0L7 8L14 0",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5"
+    }
+  ),
+  "chevron-up": /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M0 8L7 0L14 8",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5"
+    }
+  ),
+  search: /* @__PURE__ */ a(N, { children: [
+    /* @__PURE__ */ e(
+      "circle",
+      {
+        cx: "6",
+        cy: "6",
+        r: "5.25",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.5"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "line",
+      {
+        x1: "10",
+        y1: "10",
+        x2: "14",
+        y2: "14",
+        stroke: "currentColor",
+        strokeWidth: "1.5"
+      }
+    )
+  ] }),
+  menu: /* @__PURE__ */ a(N, { children: [
+    /* @__PURE__ */ e("line", { x1: "0", y1: "1", x2: "14", y2: "1", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ e("line", { x1: "0", y1: "7", x2: "14", y2: "7", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ e("line", { x1: "0", y1: "13", x2: "14", y2: "13", stroke: "currentColor", strokeWidth: "1.5" })
+  ] }),
+  bag: /* @__PURE__ */ a(N, { children: [
+    /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M2 5L0 14H14L12 5H2Z",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.2"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M4 5V3C4 1.34 5.34 0 7 0C8.66 0 10 1.34 10 3V5",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.2"
+      }
+    )
+  ] }),
+  profile: /* @__PURE__ */ a(N, { children: [
+    /* @__PURE__ */ e(
+      "circle",
+      {
+        cx: "7",
+        cy: "4",
+        r: "3.25",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.5"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M0.5 14C0.5 11 3.4 8.5 7 8.5C10.6 8.5 13.5 11 13.5 14",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.5"
+      }
+    )
+  ] }),
+  "checkmark-outlined": /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M1 7.5L5 12L13 2",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  "checkmark-filled": /* @__PURE__ */ a(N, { children: [
+    /* @__PURE__ */ e("circle", { cx: "7", cy: "7", r: "7", fill: "currentColor" }),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M4 7L6.5 9.5L10 4.5",
+        fill: "none",
+        stroke: "var(--color-white, #fff)",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] }),
+  filter: /* @__PURE__ */ a(N, { children: [
+    /* @__PURE__ */ e("line", { x1: "0", y1: "2.5", x2: "14", y2: "2.5", stroke: "currentColor", strokeWidth: "1.2" }),
+    /* @__PURE__ */ e("line", { x1: "0", y1: "7", x2: "14", y2: "7", stroke: "currentColor", strokeWidth: "1.2" }),
+    /* @__PURE__ */ e("line", { x1: "0", y1: "11.5", x2: "14", y2: "11.5", stroke: "currentColor", strokeWidth: "1.2" }),
+    /* @__PURE__ */ e("circle", { cx: "4", cy: "2.5", r: "1.5", fill: "currentColor" }),
+    /* @__PURE__ */ e("circle", { cx: "10", cy: "7", r: "1.5", fill: "currentColor" }),
+    /* @__PURE__ */ e("circle", { cx: "6", cy: "11.5", r: "1.5", fill: "currentColor" })
+  ] }),
+  play: /* @__PURE__ */ e("path", { d: "M1 0.5V13.5L12 7L1 0.5Z", fill: "currentColor" }),
+  pause: /* @__PURE__ */ a(N, { children: [
+    /* @__PURE__ */ e("rect", { x: "1", y: "1", width: "4", height: "12", fill: "currentColor" }),
+    /* @__PURE__ */ e("rect", { x: "9", y: "1", width: "4", height: "12", fill: "currentColor" })
+  ] }),
+  info: /* @__PURE__ */ a(N, { children: [
+    /* @__PURE__ */ e(
+      "circle",
+      {
+        cx: "7",
+        cy: "7",
+        r: "6.25",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.5"
+      }
+    ),
+    /* @__PURE__ */ e("line", { x1: "7", y1: "6", x2: "7", y2: "11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+    /* @__PURE__ */ e("circle", { cx: "7", cy: "3.75", r: "0.75", fill: "currentColor" })
+  ] }),
+  "info-circle": /* @__PURE__ */ a(N, { children: [
+    /* @__PURE__ */ e("circle", { cx: "7", cy: "7", r: "7", fill: "currentColor" }),
+    /* @__PURE__ */ e("line", { x1: "7", y1: "6", x2: "7", y2: "11", stroke: "var(--color-white, #fff)", strokeWidth: "1.5", strokeLinecap: "round" }),
+    /* @__PURE__ */ e("circle", { cx: "7", cy: "3.75", r: "0.75", fill: "var(--color-white, #fff)" })
+  ] }),
+  "alert-circle": /* @__PURE__ */ a(N, { children: [
+    /* @__PURE__ */ e("circle", { cx: "7", cy: "7", r: "7", fill: "currentColor" }),
+    /* @__PURE__ */ e("line", { x1: "7", y1: "3.5", x2: "7", y2: "8", stroke: "var(--color-white, #fff)", strokeWidth: "1.5", strokeLinecap: "round" }),
+    /* @__PURE__ */ e("circle", { cx: "7", cy: "10.5", r: "0.75", fill: "var(--color-white, #fff)" })
+  ] }),
+  fire: /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M5.5 0C5.5 0 3 3.5 3 6C3 7.38 3.62 8.5 4.5 9.2C3.9 8.2 4 6.5 5.5 4.5C5.5 4.5 6 7 7.5 8.5C9 10 8.5 11.5 7 12.5C9.5 12.5 11 10.5 11 8C11 4.5 7 2 5.5 0Z",
+      fill: "currentColor"
+    }
+  ),
+  "star-filled": /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M7 0L9.1 4.6L14 5.1L10.3 8.5L11.3 13.3L7 10.9L2.7 13.3L3.7 8.5L0 5.1L4.9 4.6L7 0Z",
+      fill: "currentColor"
+    }
+  ),
+  "star-half": /* @__PURE__ */ a(N, { children: [
+    /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M7 0L9.1 4.6L14 5.1L10.3 8.5L11.3 13.3L7 10.9L2.7 13.3L3.7 8.5L0 5.1L4.9 4.6L7 0Z",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M7 0L7 10.9L2.7 13.3L3.7 8.5L0 5.1L4.9 4.6L7 0Z",
+        fill: "currentColor"
+      }
+    )
+  ] }),
+  "star-empty": /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M7 0L9.1 4.6L14 5.1L10.3 8.5L11.3 13.3L7 10.9L2.7 13.3L3.7 8.5L0 5.1L4.9 4.6L7 0Z",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.2"
+    }
+  ),
+  "email-outlined": /* @__PURE__ */ a(N, { children: [
+    /* @__PURE__ */ e(
+      "rect",
+      {
+        x: "0.5",
+        y: "1.5",
+        width: "13",
+        height: "11",
+        rx: "1",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.2"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M0.5 2.5L7 7.5L13.5 2.5",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.2"
+      }
+    )
+  ] }),
+  "location-outlined": /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M7 0.5C4.24 0.5 2 2.74 2 5.5C2 9.5 7 13.5 7 13.5C7 13.5 12 9.5 12 5.5C12 2.74 9.76 0.5 7 0.5ZM7 7.5C5.9 7.5 5 6.6 5 5.5C5 4.4 5.9 3.5 7 3.5C8.1 3.5 9 4.4 9 5.5C9 6.6 8.1 7.5 7 7.5Z",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.2"
+    }
+  ),
+  "location-filled": /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M7 0C4.24 0 2 2.24 2 5C2 9 7 14 7 14C7 14 12 9 12 5C12 2.24 9.76 0 7 0ZM7 7C5.9 7 5 6.1 5 5C5 3.9 5.9 3 7 3C8.1 3 9 3.9 9 5C9 6.1 8.1 7 7 7Z",
+      fill: "currentColor"
+    }
+  ),
+  phone: /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M4 0H2C0.9 0 0 0.9 0 2V12C0 13.1 0.9 14 2 14H4C5.1 14 6 13.1 6 12V2C6 0.9 5.1 0 4 0ZM3 13C2.45 13 2 12.55 2 12C2 11.45 2.45 11 3 11C3.55 11 4 11.45 4 12C4 12.55 3.55 13 3 13Z",
+      fill: "currentColor"
+    }
+  ),
+  show: /* @__PURE__ */ a(N, { children: [
+    /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M7 3C3 3 0.5 7 0.5 7C0.5 7 3 11 7 11C11 11 13.5 7 13.5 7C13.5 7 11 3 7 3Z",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.2"
+      }
+    ),
+    /* @__PURE__ */ e("circle", { cx: "7", cy: "7", r: "2", fill: "currentColor" })
+  ] }),
+  swatch: /* @__PURE__ */ e("circle", { cx: "7", cy: "7", r: "6.25", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }),
+  loader: /* @__PURE__ */ a(N, { children: [
+    /* @__PURE__ */ e("circle", { cx: "2", cy: "7", r: "1.5", fill: "currentColor", opacity: "0.3" }),
+    /* @__PURE__ */ e("circle", { cx: "7", cy: "7", r: "1.5", fill: "currentColor", opacity: "0.6" }),
+    /* @__PURE__ */ e("circle", { cx: "12", cy: "7", r: "1.5", fill: "currentColor" })
+  ] }),
+  quickadd: /* @__PURE__ */ a(N, { children: [
+    /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M2 5L0 14H14L12 5H2Z",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.2"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M4 5V3C4 1.34 5.34 0 7 0C8.66 0 10 1.34 10 3V5",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.2"
+      }
+    ),
+    /* @__PURE__ */ e("line", { x1: "7", y1: "7.5", x2: "7", y2: "12.5", stroke: "currentColor", strokeWidth: "1.2" }),
+    /* @__PURE__ */ e("line", { x1: "4.5", y1: "10", x2: "9.5", y2: "10", stroke: "currentColor", strokeWidth: "1.2" })
+  ] }),
+  "volume-on": /* @__PURE__ */ a(N, { children: [
+    /* @__PURE__ */ e("path", { d: "M0 5V9H3L7 13V1L3 5H0Z", fill: "currentColor" }),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M9.5 3.5C10.5 4.5 11 5.7 11 7C11 8.3 10.5 9.5 9.5 10.5",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.2",
+        strokeLinecap: "round"
+      }
+    )
+  ] }),
+  "volume-off": /* @__PURE__ */ a(N, { children: [
+    /* @__PURE__ */ e("path", { d: "M0 5V9H3L7 13V1L3 5H0Z", fill: "currentColor" }),
+    /* @__PURE__ */ e("line", { x1: "10", y1: "5", x2: "14", y2: "9", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" }),
+    /* @__PURE__ */ e("line", { x1: "14", y1: "5", x2: "10", y2: "9", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" })
+  ] })
+}, R = {
+  12: 12,
+  16: 16,
+  24: 24,
+  32: 32
+};
+function Me({
+  name: r,
+  size: l = 16,
+  color: n = "dark",
+  className: i,
+  "aria-label": t
+}) {
+  const o = R[l], s = T[r];
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: o,
+      height: o,
+      viewBox: "0 0 14 14",
+      fill: "none",
+      style: { color: n === "dark" ? "var(--color-icon-default, #000)" : "var(--color-icon-inverse, #fff)" },
+      className: i,
+      role: t ? "img" : "presentation",
+      "aria-label": t,
+      "aria-hidden": !t,
+      children: s
+    }
+  );
+}
+function Be({
+  color: r = "dark",
+  height: l = 60,
+  className: n,
+  "aria-label": i = "Gap"
+}) {
+  const t = Math.round(1.35 * l);
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: t,
+      height: l,
+      viewBox: "0 0 81 60",
+      fill: "none",
+      className: n,
+      role: "img",
+      "aria-label": i,
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M8.16223 60C4.14335 59.9524 0.0574468 58.5447 0 50.9567V7.3108C0.0131649 1.37792 4.5383 0.013089 7.6871 0C9.78012 0.0800684 11.8099 0.734926 13.5515 1.89196C14.0434 2.19181 14.6525 2.26678 14.6561 1.32318V0.5307H16.1162V19.0731H14.0721C13.0117 19.0731 12.6515 18.7482 12.6515 17.7939C12.6256 13.6656 12.2698 9.54586 11.5875 5.47358C10.9616 2.82247 9.61277 1.08044 7.67633 1.07092C5.3246 1.05069 5.04335 4.2218 5.04335 5.58187V55.633C5.02331 56.0638 5.08982 56.4942 5.23901 56.8991C5.3882 57.3041 5.61707 57.6753 5.91224 57.9913C6.20742 58.3073 6.56298 58.5616 6.95814 58.7393C7.3533 58.9171 7.78013 59.0148 8.2137 59.0267C8.65741 59.026 9.09651 58.9371 9.50514 58.7652C9.91376 58.5932 10.2837 58.3417 10.593 58.0255C10.9024 57.7093 11.145 57.3347 11.3065 56.9238C11.4681 56.5129 11.5453 56.074 11.5336 55.633V33.471H8.34056V32.3905H19.3751V33.471H16.7625V59.5121H15.4628C15.4628 58.3924 14.7267 57.788 14.0565 58.045C12.8023 58.54 11.3039 59.9976 8.2113 59.9976L8.16223 60ZM61.2072 59.3015V58.296H61.7852C63.5386 58.2282 63.9969 57.8082 64.0592 56.6147V1.50405H61.2036V0.574726H72.0491C78.4544 0.568777 81 3.51261 81 6.78605V27.7784C81 31.0531 78.0463 33.4983 72.8617 33.4983H69.3024V55.6592C69.3395 57.406 70.0971 58.2258 72.1496 58.296H73.4338V59.3015H61.2072ZM69.3024 30.2225V32.3382H72.2944C72.7618 32.3615 73.2289 32.2867 73.6653 32.1188C74.1017 31.9508 74.4977 31.6935 74.8275 31.3634C75.1573 31.0333 75.4136 30.638 75.5797 30.203C75.7458 29.768 75.8179 29.3032 75.7915 28.8386V5.27844C75.7993 4.78328 75.7076 4.29157 75.5216 3.83216C75.3356 3.37276 75.0592 2.95493 74.7086 2.60321C74.3579 2.25149 73.9401 1.97297 73.4797 1.78402C73.0193 1.59506 72.5256 1.49947 72.0275 1.50286H69.3024V30.2225ZM41.2289 59.2956V58.2889H42.0343C43.717 58.1842 43.863 57.6821 43.8666 56.3089L41.0098 33.4555H34.6668L31.9464 55.5712C31.7154 56.9764 32.7614 58.2889 35.0725 58.2889V59.2956H26.909V58.2889C30.0638 58.2377 30.2661 57.0383 30.6622 55.0762L37.3763 0.558068H42.008L48.9184 55.6509V55.608C48.9255 55.9758 49.0071 56.3383 49.1584 56.674C49.3096 57.0097 49.5274 57.3116 49.7986 57.5618C50.0698 57.8119 50.389 58.0051 50.737 58.1298C51.0851 58.2546 51.4548 58.3083 51.8242 58.2877H52.1114V59.2944L41.2289 59.2956ZM34.7852 32.4203H40.8806L37.6492 8.77558L34.7852 32.4203Z",
+          fill: r === "dark" ? "var(--color-type-primary, #000)" : "var(--color-type-inverse, #fff)"
+        }
+      )
+    }
+  );
+}
+function K({ className: r }) {
+  return /* @__PURE__ */ a("span", { className: `gap-button-loader ${r ?? ""}`, "aria-hidden": "true", children: [
+    /* @__PURE__ */ e("span", { className: "gap-button-loader-dot gap-button-loader-dot--1" }),
+    /* @__PURE__ */ e("span", { className: "gap-button-loader-dot gap-button-loader-dot--2" }),
+    /* @__PURE__ */ e("span", { className: "gap-button-loader-dot gap-button-loader-dot--3" })
+  ] });
+}
+function We({
+  variant: r = "primary",
+  loading: l = !1,
+  fullWidth: n = !1,
+  disabled: i = !1,
+  children: t,
+  className: o,
+  ...s
+}) {
+  const c = [
+    "gap-button",
+    `gap-button--${r}`,
+    n && "gap-button--full-width",
+    l && "gap-button--loading",
+    o
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      className: c,
+      disabled: i || l,
+      "aria-busy": l || void 0,
+      ...s,
+      children: l ? /* @__PURE__ */ e(K, {}) : /* @__PURE__ */ e("span", { className: "gap-button-label", children: t })
+    }
+  );
+}
+function O() {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      className: "gap-checkbox-checkmark",
+      width: "16",
+      height: "12",
+      viewBox: "0 0 16 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M1 6L5.5 10.5L15 1",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "square"
+        }
+      )
+    }
+  );
+}
+function Ie({
+  label: r,
+  error: l = !1,
+  disabled: n = !1,
+  className: i,
+  id: t,
+  ...o
+}) {
+  const s = G(), c = t ?? s, u = [
+    "gap-checkbox",
+    l && "gap-checkbox--error",
+    n && "gap-checkbox--disabled",
+    i
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("div", { className: u, children: [
+    /* @__PURE__ */ a("span", { className: "gap-checkbox-control", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          id: c,
+          type: "checkbox",
+          className: "gap-checkbox-input",
+          disabled: n,
+          "aria-invalid": l || void 0,
+          ...o
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: "gap-checkbox-box", "aria-hidden": "true", children: /* @__PURE__ */ e(O, {}) })
+    ] }),
+    r != null && /* @__PURE__ */ e("label", { className: "gap-checkbox-label", htmlFor: c, children: r })
+  ] });
+}
+function Ve({
+  children: r,
+  label: l,
+  error: n = !1,
+  className: i
+}) {
+  const t = [
+    "gap-checkbox-group",
+    n && "gap-checkbox-group--error",
+    i
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("fieldset", { className: t, role: "group", children: [
+    l && /* @__PURE__ */ e("legend", { className: "gap-checkbox-group-legend", children: l }),
+    r
+  ] });
+}
+function P() {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      className: "gap-chip-dismiss-icon",
+      width: "9",
+      height: "9",
+      viewBox: "0 0 9 9",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M1 1L4.5 4.5M4.5 4.5L8 8M4.5 4.5L8 1M4.5 4.5L1 8",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "square"
+        }
+      )
+    }
+  );
+}
+function je({ label: r, onDismiss: l, swatch: n, className: i }) {
+  const t = ["gap-chip", i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("span", { className: t, children: [
+    n != null && /* @__PURE__ */ e(
+      "span",
+      {
+        className: "gap-chip-swatch",
+        style: { backgroundColor: n },
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: "gap-chip-label", children: r }),
+    l && /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "gap-chip-dismiss",
+        onClick: l,
+        "aria-label": `Remove ${r}`,
+        children: /* @__PURE__ */ e(P, {})
+      }
+    )
+  ] });
+}
+function Se({
+  children: r,
+  onClearAll: l,
+  clearAllLabel: n = "Clear all",
+  className: i
+}) {
+  const t = ["gap-chip-group", i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("div", { className: t, role: "group", children: [
+    l && /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "gap-chip-group-clear",
+        onClick: l,
+        children: n
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "gap-chip-group-chips", children: r })
+  ] });
+}
+function $e({ variant: r = "default", className: l }) {
+  const n = [
+    "gap-divider",
+    `gap-divider--${r}`,
+    l
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("hr", { className: n });
+}
+function He({ size: r = "large", className: l }) {
+  const n = [
+    "gap-handle",
+    `gap-handle--${r}`,
+    l
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("span", { className: n, role: "presentation", children: [
+    /* @__PURE__ */ e("span", { className: "gap-handle-ring" }),
+    /* @__PURE__ */ e("span", { className: "gap-handle-thumb" })
+  ] });
+}
+function Ze({
+  variant: r = "inline",
+  children: l,
+  className: n,
+  ...i
+}) {
+  const t = [
+    "gap-link",
+    `gap-link--${r}`,
+    n
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("a", { className: t, ...i, children: l });
+}
+function Ge({
+  amount: r,
+  originalAmount: l,
+  discount: n,
+  rangeEnd: i,
+  layout: t = "inline",
+  className: o
+}) {
+  const s = l != null, c = [
+    "gap-price",
+    `gap-price--${t}`,
+    s && "gap-price--sale",
+    o
+  ].filter(Boolean).join(" ");
+  return s ? /* @__PURE__ */ a("span", { className: c, children: [
+    /* @__PURE__ */ e("span", { className: "gap-price-original", children: l }),
+    /* @__PURE__ */ a("span", { className: "gap-price-details", children: [
+      n && /* @__PURE__ */ e("span", { className: "gap-price-discount", children: n }),
+      /* @__PURE__ */ e("span", { className: "gap-price-sale", children: r })
+    ] }),
+    i && /* @__PURE__ */ a("span", { className: "gap-price-range", children: [
+      /* @__PURE__ */ e("span", { className: "gap-price-range-separator", children: "-" }),
+      /* @__PURE__ */ e("span", { className: "gap-price-range-end", children: i })
+    ] })
+  ] }) : /* @__PURE__ */ e("span", { className: c, children: /* @__PURE__ */ e("span", { className: "gap-price-current", children: r }) });
+}
+function De({
+  label: r,
+  error: l = !1,
+  disabled: n = !1,
+  className: i,
+  id: t,
+  ...o
+}) {
+  const s = G(), c = t ?? s, u = [
+    "gap-radio",
+    l && "gap-radio--error",
+    n && "gap-radio--disabled",
+    i
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("div", { className: u, children: [
+    /* @__PURE__ */ a("span", { className: "gap-radio-control", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          id: c,
+          type: "radio",
+          className: "gap-radio-input",
+          disabled: n,
+          "aria-invalid": l || void 0,
+          ...o
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: "gap-radio-circle", "aria-hidden": "true" })
+    ] }),
+    r != null && /* @__PURE__ */ e("label", { className: "gap-radio-label", htmlFor: c, children: r })
+  ] });
+}
+function Ee({
+  children: r,
+  label: l,
+  name: n,
+  error: i = !1,
+  className: t
+}) {
+  const o = [
+    "gap-radio-group",
+    i && "gap-radio-group--error",
+    t
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("fieldset", { className: o, role: "radiogroup", children: [
+    l && /* @__PURE__ */ e("legend", { className: "gap-radio-group-legend", children: l }),
+    S.Children.map(r, (s) => S.isValidElement(s) ? S.cloneElement(s, { name: n }) : s)
+  ] });
+}
+function Y({
+  checked: r,
+  defaultChecked: l,
+  onChange: n,
+  showLabel: i = !1,
+  disabled: t = !1,
+  className: o,
+  "aria-label": s
+}) {
+  const [c, u] = S.useState(
+    l ?? !1
+  ), h = r !== void 0, f = h ? r : c, p = () => {
+    if (t) return;
+    const d = !f;
+    h || u(d), n == null || n(d);
+  }, g = [
+    "gap-switch",
+    f ? "gap-switch--on" : "gap-switch--off",
+    t && "gap-switch--disabled",
+    o
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": f,
+      "aria-label": s,
+      className: g,
+      disabled: t,
+      onClick: p,
+      children: [
+        f && i && /* @__PURE__ */ e("span", { className: "gap-switch-label", children: "ON" }),
+        /* @__PURE__ */ e("span", { className: "gap-switch-thumb" }),
+        !f && i && /* @__PURE__ */ e("span", { className: "gap-switch-label", children: "OFF" })
+      ]
+    }
+  );
+}
+function Ae({
+  checked: r = !1,
+  onChange: l,
+  storeName: n,
+  storeHref: i,
+  description: t = "Find items available for pickup",
+  className: o
+}) {
+  const s = ["gap-bopis-switch", o].filter(Boolean).join(" "), c = r && n;
+  return /* @__PURE__ */ a("div", { className: s, children: [
+    /* @__PURE__ */ e("hr", { className: "gap-divider gap-divider--subtle" }),
+    /* @__PURE__ */ a("div", { className: "gap-bopis-switch-content", children: [
+      /* @__PURE__ */ a("div", { className: "gap-bopis-switch-header", children: [
+        /* @__PURE__ */ e("span", { className: "gap-bopis-switch-title", children: "Store Pickup" }),
+        /* @__PURE__ */ e(
+          Y,
+          {
+            checked: r,
+            onChange: l,
+            "aria-label": "Toggle store pickup"
+          }
+        )
+      ] }),
+      !c && /* @__PURE__ */ e("span", { className: "gap-bopis-switch-description", children: t }),
+      c && /* @__PURE__ */ e(
+        "a",
+        {
+          className: "gap-link gap-link--inline gap-bopis-switch-store",
+          href: i,
+          children: n
+        }
+      )
+    ] })
+  ] });
+}
+function Fe({
+  label: r,
+  error: l = !1,
+  helperText: n,
+  errorText: i,
+  maxLength: t,
+  className: o,
+  id: s,
+  disabled: c = !1,
+  value: u,
+  defaultValue: h,
+  onFocus: f,
+  onBlur: p,
+  onChange: g,
+  ...d
+}) {
+  const m = G(), k = s ?? m, b = `${k}-helper`, [x, I] = B(!1), [W, w] = B(
+    h ?? ""
+  ), y = u !== void 0, L = y ? String(u) : W, M = L.length > 0, C = x || M, j = [
+    "gap-text-input",
+    x && "gap-text-input--focused",
+    l && "gap-text-input--error",
+    c && "gap-text-input--disabled",
+    o
+  ].filter(Boolean).join(" "), H = l ? i : n;
+  return /* @__PURE__ */ a("div", { className: j, children: [
+    /* @__PURE__ */ a("div", { className: "gap-text-input-field", children: [
+      C && /* @__PURE__ */ e("span", { className: "gap-text-input-floating-label", children: r }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          id: k,
+          className: "gap-text-input-input",
+          disabled: c,
+          placeholder: C ? void 0 : r,
+          value: y ? L : void 0,
+          defaultValue: y ? void 0 : h,
+          maxLength: t,
+          "aria-invalid": l || void 0,
+          "aria-describedby": H ? b : void 0,
+          onFocus: (v) => {
+            I(!0), f == null || f(v);
+          },
+          onBlur: (v) => {
+            I(!1), p == null || p(v);
+          },
+          onChange: (v) => {
+            y || w(v.target.value), g == null || g(v);
+          },
+          ...d
+        }
+      )
+    ] }),
+    H && /* @__PURE__ */ a("div", { className: "gap-text-input-helper", id: b, children: [
+      /* @__PURE__ */ e("span", { className: "gap-text-input-helper-text", children: H }),
+      t != null && /* @__PURE__ */ a("span", { className: "gap-text-input-helper-count", children: [
+        L.length,
+        "/",
+        t
+      ] })
+    ] })
+  ] });
+}
+function Te({
+  title: r,
+  count: l,
+  subtitle: n,
+  attributes: i,
+  defaultExpanded: t = !1,
+  children: o,
+  className: s
+}) {
+  const [c, u] = B(t), h = [
+    "gap-accordion-item",
+    c && "gap-accordion-item--expanded",
+    s
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("div", { className: h, children: [
+    /* @__PURE__ */ e("hr", { className: "gap-divider gap-divider--subtle" }),
+    /* @__PURE__ */ a("div", { className: "gap-accordion-header", children: [
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: "gap-accordion-trigger",
+          "aria-expanded": c,
+          onClick: () => u((f) => !f),
+          children: [
+            /* @__PURE__ */ a("span", { className: "gap-accordion-title-group", children: [
+              /* @__PURE__ */ e("span", { className: "gap-accordion-title", children: r }),
+              l != null && /* @__PURE__ */ a("span", { className: "gap-accordion-count", children: [
+                "(",
+                l,
+                ")"
+              ] })
+            ] }),
+            /* @__PURE__ */ e(
+              "svg",
+              {
+                className: `gap-accordion-chevron${c ? " gap-accordion-chevron--up" : ""}`,
+                width: "10",
+                height: "6",
+                viewBox: "0 0 10 6",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ e(
+                  "path",
+                  {
+                    d: "M1 1L5 5L9 1",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
+              }
+            )
+          ]
+        }
+      ),
+      !c && n && /* @__PURE__ */ e("span", { className: "gap-accordion-subtitle", children: n }),
+      c && i && /* @__PURE__ */ e("span", { className: "gap-accordion-subtitle", children: i })
+    ] }),
+    c && /* @__PURE__ */ e("div", { className: "gap-accordion-content", children: o })
+  ] });
+}
+function Re({ children: r, className: l }) {
+  const n = ["gap-accordion", l].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { className: n, children: r });
+}
+function Ke({ items: r, className: l }) {
+  if (r.length === 0) return null;
+  const n = ["gap-breadcrumb", l].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("nav", { "aria-label": "Breadcrumb", className: n, children: /* @__PURE__ */ e("ol", { className: "gap-breadcrumb-list", children: r.map((i, t) => {
+    const o = t === r.length - 1;
+    return /* @__PURE__ */ a("li", { className: "gap-breadcrumb-item", children: [
+      t > 0 && /* @__PURE__ */ e("span", { className: "gap-breadcrumb-separator", "aria-hidden": "true", children: "/" }),
+      /* @__PURE__ */ e(
+        "a",
+        {
+          href: i.href,
+          className: `gap-breadcrumb-link${o && r.length > 1 ? " gap-breadcrumb-link--current" : ""}`,
+          ...o && r.length > 1 ? { "aria-current": "page" } : {},
+          children: i.label
+        }
+      )
+    ] }, t);
+  }) }) });
+}
+function Oe({
+  label: r,
+  options: l,
+  value: n,
+  defaultValue: i,
+  onChange: t,
+  error: o = !1,
+  disabled: s = !1,
+  className: c,
+  id: u
+}) {
+  const h = G(), f = u ?? h, p = `${f}-listbox`, [g, d] = B(!1), [m, k] = B(i ?? ""), [b, x] = B(-1), I = n !== void 0, W = I ? n : m, w = l.find((v) => v.value === W), y = W !== "", L = Z(null), M = Z(null);
+  Z(null);
+  const C = A(
+    (v) => {
+      var V;
+      I || k(v), t == null || t(v), d(!1), (V = M.current) == null || V.focus();
+    },
+    [I, t]
+  );
+  D(() => {
+    if (!g) return;
+    function v(V) {
+      L.current && !L.current.contains(V.target) && d(!1);
+    }
+    return document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v);
+  }, [g]), D(() => {
+    if (g) {
+      const v = l.findIndex((V) => V.value === W);
+      x(v >= 0 ? v : 0);
+    }
+  }, [g, l, W]);
+  const j = (v) => {
+    var V;
+    if (!s)
+      switch (v.key) {
+        case "Enter":
+        case " ":
+          v.preventDefault(), g && b >= 0 ? C(l[b].value) : d(!0);
+          break;
+        case "ArrowDown":
+          v.preventDefault(), g ? x(($) => Math.min($ + 1, l.length - 1)) : d(!0);
+          break;
+        case "ArrowUp":
+          v.preventDefault(), g && x(($) => Math.max($ - 1, 0));
+          break;
+        case "Escape":
+          g && (v.preventDefault(), d(!1), (V = M.current) == null || V.focus());
+          break;
+        case "Tab":
+          g && d(!1);
+          break;
+      }
+  }, H = [
+    "gap-dropdown",
+    g && "gap-dropdown--open",
+    o && "gap-dropdown--error",
+    s && "gap-dropdown--disabled",
+    y && "gap-dropdown--filled",
+    c
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("div", { className: H, ref: L, children: [
+    /* @__PURE__ */ a(
+      "button",
+      {
+        ref: M,
+        type: "button",
+        id: f,
+        className: "gap-dropdown-trigger",
+        "aria-haspopup": "listbox",
+        "aria-expanded": g,
+        "aria-labelledby": y ? `${f}-label` : void 0,
+        "aria-label": y ? void 0 : r,
+        disabled: s,
+        onClick: () => d((v) => !v),
+        onKeyDown: j,
+        children: [
+          y && /* @__PURE__ */ e("span", { className: "gap-dropdown-floating-label", id: `${f}-label`, children: r }),
+          /* @__PURE__ */ e("span", { className: "gap-dropdown-value", children: y ? (w == null ? void 0 : w.label) ?? W : r }),
+          /* @__PURE__ */ e(
+            "svg",
+            {
+              className: `gap-dropdown-chevron${g ? " gap-dropdown-chevron--up" : ""}`,
+              width: "10",
+              height: "6",
+              viewBox: "0 0 10 6",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ e(
+                "path",
+                {
+                  d: "M1 1L5 5L9 1",
+                  stroke: "currentColor",
+                  strokeWidth: "1.5",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    g && /* @__PURE__ */ e(
+      "div",
+      {
+        className: "gap-dropdown-menu",
+        id: p,
+        role: "listbox",
+        "aria-labelledby": f,
+        tabIndex: -1,
+        onKeyDown: j,
+        children: l.map((v, V) => {
+          const $ = v.value === W, F = [
+            "gap-dropdown-option",
+            $ && "gap-dropdown-option--selected",
+            V === b && "gap-dropdown-option--active"
+          ].filter(Boolean).join(" ");
+          return /* @__PURE__ */ e(
+            "div",
+            {
+              className: F,
+              role: "option",
+              "aria-selected": $,
+              onMouseEnter: () => x(V),
+              onClick: () => C(v.value),
+              children: v.label
+            },
+            v.value
+          );
+        })
+      }
+    )
+  ] });
+}
+function q() {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M8 7v4M8 5.5v-.01",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function J() {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M8 1.5L14.5 13.5H1.5L8 1.5Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M8 6.5v3M8 11.5v-.01",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function U() {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "8", cy: "8", r: "7", fill: "currentColor" }),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M5 8l2 2 4-4",
+            stroke: "#fff",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function z() {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "8", cy: "8", r: "7", fill: "currentColor" }),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M5.5 5.5l5 5M10.5 5.5l-5 5",
+            stroke: "#fff",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function Q() {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M4 4l8 8M12 4l-8 8",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round"
+        }
+      )
+    }
+  );
+}
+const X = {
+  info: q,
+  warning: J,
+  success: U,
+  error: z
+}, _ = {
+  info: "status",
+  warning: "status",
+  success: "status",
+  error: "alert"
+};
+function Pe({
+  type: r = "info",
+  variant: l = "banner",
+  children: n,
+  showIcon: i = !0,
+  onDismiss: t,
+  className: o
+}) {
+  const s = X[r], c = [
+    "gap-notification",
+    `gap-notification--${r}`,
+    `gap-notification--${l}`,
+    o
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("div", { className: c, role: _[r], children: [
+    i && l !== "bare" && /* @__PURE__ */ e("span", { className: "gap-notification-icon", children: /* @__PURE__ */ e(s, {}) }),
+    /* @__PURE__ */ e("div", { className: "gap-notification-content", children: n }),
+    l === "banner" && t && /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "gap-notification-close",
+        onClick: t,
+        "aria-label": "Dismiss notification",
+        children: /* @__PURE__ */ e(Q, {})
+      }
+    )
+  ] });
+}
+function ee() {
+  return /* @__PURE__ */ a("span", { className: "gap-pagination-loader", "aria-hidden": "true", children: [
+    /* @__PURE__ */ e("span", { className: "gap-pagination-dot gap-pagination-dot--sm" }),
+    /* @__PURE__ */ e("span", { className: "gap-pagination-dot gap-pagination-dot--md" }),
+    /* @__PURE__ */ e("span", { className: "gap-pagination-dot gap-pagination-dot--lg" })
+  ] });
+}
+function Ye({
+  shown: r,
+  total: l,
+  moreCount: n,
+  loading: i = !1,
+  onLoadMore: t,
+  showBackToTop: o = !1,
+  onBackToTop: s,
+  className: c
+}) {
+  const u = ["gap-pagination", c].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("div", { className: u, children: [
+    /* @__PURE__ */ a("span", { className: "gap-pagination-count", children: [
+      r,
+      " of ",
+      l,
+      " items"
+    ] }),
+    i && /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "gap-pagination-btn gap-pagination-btn--loading",
+        disabled: !0,
+        "aria-busy": "true",
+        children: /* @__PURE__ */ e(ee, {})
+      }
+    ),
+    !i && !o && n != null && n > 0 && /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "gap-pagination-btn",
+        onClick: t,
+        children: /* @__PURE__ */ a("span", { className: "gap-pagination-btn-text", children: [
+          "View ",
+          n,
+          " more"
+        ] })
+      }
+    ),
+    !i && o && /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "gap-pagination-btn",
+        onClick: s,
+        children: /* @__PURE__ */ e("span", { className: "gap-pagination-btn-text", children: "Back to Top" })
+      }
+    )
+  ] });
+}
+function qe({
+  position: r = "top",
+  align: l = "center",
+  children: n,
+  className: i
+}) {
+  const t = [
+    "gap-popover",
+    `gap-popover--${r}`,
+    `gap-popover--align-${l}`,
+    i
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("div", { className: t, children: [
+    /* @__PURE__ */ e("div", { className: "gap-popover-body", children: n }),
+    /* @__PURE__ */ e("span", { className: "gap-popover-arrow", "aria-hidden": "true" })
+  ] });
+}
+function Je({
+  color: r,
+  active: l = !1,
+  focused: n = !1,
+  unavailable: i = !1,
+  label: t,
+  size: o = "lg",
+  "aria-label": s,
+  onClick: c,
+  className: u
+}) {
+  const h = [
+    "gap-swatch",
+    `gap-swatch--${o}`,
+    l && "gap-swatch--active",
+    n && "gap-swatch--focused",
+    i && "gap-swatch--unavailable",
+    u
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      type: "button",
+      className: h,
+      "aria-label": s ?? t ?? `Color: ${r}`,
+      "aria-pressed": l,
+      "aria-disabled": i || void 0,
+      onClick: c,
+      children: [
+        /* @__PURE__ */ e("span", { className: "gap-swatch-ring", children: /* @__PURE__ */ e(
+          "span",
+          {
+            className: "gap-swatch-circle",
+            style: { backgroundColor: r },
+            children: i && /* @__PURE__ */ e("span", { className: "gap-swatch-slash", "aria-hidden": "true" })
+          }
+        ) }),
+        t && /* @__PURE__ */ e("span", { className: "gap-swatch-label", children: t })
+      ]
+    }
+  );
+}
+function Ue({ children: r, className: l }) {
+  const n = ["gap-swatch-grid", l].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { className: n, role: "radiogroup", children: r });
+}
+function ze({
+  options: r,
+  value: l,
+  defaultValue: n,
+  onChange: i,
+  className: t
+}) {
+  const [o, s] = S.useState(n ?? ""), c = l !== void 0, u = c ? l : o, h = (p, g) => {
+    g.disabled || g.unavailable || (c || s(p), i == null || i(p));
+  }, f = ["gap-selector", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { className: f, role: "radiogroup", children: r.map((p) => {
+    const g = p.value === u, d = [
+      "gap-selector-pill",
+      g && "gap-selector-pill--selected",
+      p.unavailable && "gap-selector-pill--unavailable",
+      p.disabled && "gap-selector-pill--disabled"
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: d,
+        role: "radio",
+        "aria-checked": g,
+        "aria-disabled": p.disabled || p.unavailable || void 0,
+        onClick: () => h(p.value, p),
+        children: [
+          p.label,
+          p.unavailable && /* @__PURE__ */ e("span", { className: "gap-selector-slash", "aria-hidden": "true" })
+        ]
+      },
+      p.value
+    );
+  }) });
+}
+function Qe({
+  label: r,
+  selectedLabel: l,
+  children: n,
+  className: i
+}) {
+  const t = ["gap-selector-group", i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("fieldset", { className: t, children: [
+    /* @__PURE__ */ a("legend", { className: "gap-selector-group-header", children: [
+      /* @__PURE__ */ e("span", { className: "gap-selector-group-title", children: r }),
+      l && /* @__PURE__ */ e("span", { className: "gap-selector-group-selected", children: l })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "gap-selector-group-options", children: n })
+  ] });
+}
+function Xe({
+  title: r,
+  selected: l = !1,
+  availability: n,
+  children: i,
+  onClick: t,
+  className: o
+}) {
+  const s = [
+    "gap-fulfillment-tile",
+    l && "gap-fulfillment-tile--selected",
+    o
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("button", { type: "button", className: s, onClick: t, children: [
+    /* @__PURE__ */ a("div", { className: "gap-fulfillment-tile-content", children: [
+      /* @__PURE__ */ e("span", { className: "gap-fulfillment-tile-title", children: r }),
+      i && /* @__PURE__ */ e("div", { className: "gap-fulfillment-tile-body", children: i })
+    ] }),
+    n && /* @__PURE__ */ e(
+      "span",
+      {
+        className: `gap-fulfillment-tile-availability${l ? " gap-fulfillment-tile-availability--selected" : ""}`,
+        children: n
+      }
+    )
+  ] });
+}
+function _e({ children: r, className: l }) {
+  const n = ["gap-fulfillment", l].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { className: n, children: r });
+}
+function ae({
+  min: r,
+  max: l,
+  low: n,
+  high: i,
+  defaultLow: t,
+  defaultHigh: o,
+  step: s = 1,
+  onChange: c,
+  "aria-label": u = "Range",
+  className: h
+}) {
+  const [f, p] = B(t ?? r), [g, d] = B(o ?? l), m = n !== void 0 && i !== void 0, k = m ? n : f, b = m ? i : g, x = Z(null), I = (k - r) / (l - r) * 100, W = (b - r) / (l - r) * 100, w = A(
+    (C, j) => {
+      m || (p(C), d(j)), c == null || c(C, j);
+    },
+    [m, c]
+  ), y = (C) => {
+    const j = Math.min(Number(C.target.value), b - s);
+    w(j, b);
+  }, L = (C) => {
+    const j = Math.max(Number(C.target.value), k + s);
+    w(k, j);
+  };
+  D(() => {
+    m || (t !== void 0 && p(t), o !== void 0 && d(o));
+  }, [t, o, m]);
+  const M = ["gap-range-slider", h].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("div", { className: M, "aria-label": u, children: [
+    /* @__PURE__ */ e("div", { className: "gap-range-slider-track", ref: x, children: /* @__PURE__ */ e(
+      "div",
+      {
+        className: "gap-range-slider-fill",
+        style: { left: `${I}%`, right: `${100 - W}%` }
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: "range",
+        className: "gap-range-slider-input gap-range-slider-input--low",
+        min: r,
+        max: l,
+        step: s,
+        value: k,
+        onChange: y,
+        "aria-label": "Minimum value"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: "range",
+        className: "gap-range-slider-input gap-range-slider-input--high",
+        min: r,
+        max: l,
+        step: s,
+        value: b,
+        onChange: L,
+        "aria-label": "Maximum value"
+      }
+    )
+  ] });
+}
+function ea({
+  min: r,
+  max: l,
+  low: n,
+  high: i,
+  defaultLow: t,
+  defaultHigh: o,
+  step: s = 1,
+  onChange: c,
+  onReset: u,
+  className: h
+}) {
+  const [f, p] = B(t ?? r), [g, d] = B(o ?? l), m = n !== void 0 && i !== void 0, k = m ? n : f, b = m ? i : g, x = (L, M) => {
+    m || (p(L), d(M)), c == null || c(L, M);
+  }, I = (L) => {
+    const M = Number(L.target.value);
+    if (!Number.isNaN(M)) {
+      const C = Math.min(Math.max(M, r), b - s);
+      m || p(C), c == null || c(C, b);
+    }
+  }, W = (L) => {
+    const M = Number(L.target.value);
+    if (!Number.isNaN(M)) {
+      const C = Math.max(Math.min(M, l), k + s);
+      m || d(C), c == null || c(k, C);
+    }
+  }, w = () => {
+    m || (p(r), d(l)), u == null || u();
+  }, y = ["gap-price-filter", h].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("div", { className: y, children: [
+    /* @__PURE__ */ e("div", { className: "gap-price-filter-slider", children: /* @__PURE__ */ e(
+      ae,
+      {
+        min: r,
+        max: l,
+        low: k,
+        high: b,
+        step: s,
+        onChange: x,
+        "aria-label": "Price range"
+      }
+    ) }),
+    /* @__PURE__ */ a("div", { className: "gap-price-filter-inputs", children: [
+      /* @__PURE__ */ a("div", { className: "gap-price-filter-field", children: [
+        /* @__PURE__ */ e("div", { className: "gap-price-filter-field-box", children: /* @__PURE__ */ e(
+          "input",
+          {
+            type: "number",
+            className: "gap-price-filter-input",
+            value: k,
+            onChange: I,
+            min: r,
+            max: b - s,
+            "aria-label": "Minimum price"
+          }
+        ) }),
+        /* @__PURE__ */ e("span", { className: "gap-price-filter-label", children: "Min" })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "gap-price-filter-field", children: [
+        /* @__PURE__ */ e("div", { className: "gap-price-filter-field-box", children: /* @__PURE__ */ e(
+          "input",
+          {
+            type: "number",
+            className: "gap-price-filter-input",
+            value: b,
+            onChange: W,
+            min: k + s,
+            max: l,
+            "aria-label": "Maximum price"
+          }
+        ) }),
+        /* @__PURE__ */ e("span", { className: "gap-price-filter-label", children: "Max" })
+      ] })
+    ] }),
+    u && /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "gap-price-filter-reset",
+        onClick: w,
+        children: "Reset"
+      }
+    )
+  ] });
+}
+function aa({
+  title: r,
+  tabs: l,
+  value: n,
+  defaultValue: i,
+  onChange: t,
+  className: o
+}) {
+  var g;
+  const [s, c] = B(
+    i ?? ((g = l[0]) == null ? void 0 : g.value) ?? ""
+  ), u = n !== void 0, h = u ? n : s, f = (d) => {
+    u || c(d), t == null || t(d);
+  }, p = ["gap-tabs", o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("div", { className: p, children: [
+    r && /* @__PURE__ */ e("span", { className: "gap-tabs-title", children: r }),
+    /* @__PURE__ */ e("div", { className: "gap-tabs-bar", role: "tablist", children: l.map((d) => {
+      const m = d.value === h;
+      return /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          role: "tab",
+          className: `gap-tabs-tab${m ? " gap-tabs-tab--selected" : ""}`,
+          "aria-selected": m,
+          tabIndex: m ? 0 : -1,
+          onClick: () => f(d.value),
+          children: d.label
+        },
+        d.value
+      );
+    }) })
+  ] });
+}
+const re = [
+  { label: "Gap", href: "#" },
+  { label: "Gap Factory", href: "#" },
+  { label: "Old Navy", href: "#" },
+  { label: "Banana Republic", href: "#" },
+  { label: "Athleta", href: "#" },
+  { label: "Banana Republic Factory", href: "#" }
+];
+function le() {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "12", cy: "8", r: "4", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M4 20c0-3.3 3.6-6 8-6s8 2.7 8 6",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function ne() {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      width: "18",
+      height: "24",
+      viewBox: "0 0 18 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M1 7h16v15H1V7Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M5 7V5a4 4 0 0 1 8 0v2",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function ra({
+  brands: r = re,
+  promoText: l = "Free shipping on $50+ for Rewards Members",
+  promoLinks: n = [
+    { label: "Sign In or Join", href: "#" },
+    { label: "Details", href: "#" }
+  ],
+  bagCount: i,
+  onBagClick: t,
+  onAccountClick: o,
+  onLogoClick: s,
+  className: c
+}) {
+  const u = ["gap-global-header", c].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("header", { className: u, children: /* @__PURE__ */ a("div", { className: "gap-global-header-bar", children: [
+    /* @__PURE__ */ e("div", { className: "gap-global-header-brands", children: r.map((h, f) => /* @__PURE__ */ e("a", { href: h.href, className: "gap-global-header-brand", children: h.label }, f)) }),
+    /* @__PURE__ */ a("div", { className: "gap-global-header-promo", children: [
+      /* @__PURE__ */ e("span", { className: "gap-global-header-promo-text", children: l }),
+      n.length > 0 && /* @__PURE__ */ e("span", { className: "gap-global-header-promo-links", children: n.map((h, f) => /* @__PURE__ */ e("a", { href: h.href, className: "gap-global-header-promo-link", children: h.label }, f)) })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "gap-global-header-actions", children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "gap-global-header-icon-btn",
+          "aria-label": "Account",
+          onClick: o,
+          children: /* @__PURE__ */ e(le, {})
+        }
+      ),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: "gap-global-header-icon-btn gap-global-header-bag",
+          "aria-label": `Shopping bag${i ? `, ${i} items` : ""}`,
+          onClick: t,
+          children: [
+            /* @__PURE__ */ e(ne, {}),
+            i != null && i > 0 && /* @__PURE__ */ e("span", { className: "gap-global-header-badge", children: i })
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function te() {
+  return /* @__PURE__ */ a("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+    /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "16", fill: "#000" }),
+    /* @__PURE__ */ e("path", { d: "M21.5 13.5V10.3c-.8-.3-1.4-.9-1.7-1.7-.1-.3-.2-.6-.2-1h-2.8v10.6c0 1.3-1 2.3-2.3 2.3s-2.3-1-2.3-2.3 1-2.3 2.3-2.3c.3 0 .5 0 .7.1v-2.8c-.2 0-.5-.1-.7-.1-2.8 0-5.1 2.3-5.1 5.1s2.3 5.1 5.1 5.1 5.1-2.3 5.1-5.1V14c1 .7 2.1 1.1 3.4 1.1v-2.8c-.6 0-1.1-.3-1.5-.8Z", fill: "#fff" })
+  ] });
+}
+function ie() {
+  return /* @__PURE__ */ a("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+    /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "16", fill: "#000" }),
+    /* @__PURE__ */ e("rect", { x: "8", y: "8", width: "16", height: "16", rx: "4", stroke: "#fff", strokeWidth: "1.5" }),
+    /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "4", stroke: "#fff", strokeWidth: "1.5" }),
+    /* @__PURE__ */ e("circle", { cx: "21", cy: "11", r: "1", fill: "#fff" })
+  ] });
+}
+function ce() {
+  return /* @__PURE__ */ a("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+    /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "16", fill: "#000" }),
+    /* @__PURE__ */ e("path", { d: "M24.5 12.4c-.2-.8-.8-1.4-1.6-1.6C21.4 10.5 16 10.5 16 10.5s-5.4 0-6.9.3c-.8.2-1.4.8-1.6 1.6-.3 1.5-.3 4.6-.3 4.6s0 3.1.3 4.6c.2.8.8 1.4 1.6 1.6 1.5.3 6.9.3 6.9.3s5.4 0 6.9-.3c.8-.2 1.4-.8 1.6-1.6.3-1.5.3-4.6.3-4.6s0-3.1-.3-4.6Z", fill: "#fff" }),
+    /* @__PURE__ */ e("path", { d: "M14 19.5V13l5 3.25L14 19.5Z", fill: "#000" })
+  ] });
+}
+function se() {
+  return /* @__PURE__ */ a("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+    /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "16", fill: "#000" }),
+    /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "8", stroke: "#fff", strokeWidth: "1.5" }),
+    /* @__PURE__ */ e("path", { d: "M12 18c2.5-1 5.5-1 8 .5M11.5 15.5c3-1.2 7-1.2 10 .5M11 13c3.5-1.4 8.5-1.4 12 .5", stroke: "#fff", strokeWidth: "1.5", strokeLinecap: "round" })
+  ] });
+}
+const oe = [
+  {
+    title: "Sign Up for Email",
+    content: /* @__PURE__ */ a(N, { children: [
+      /* @__PURE__ */ a("div", { className: "gap-footer-email-row", children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "email",
+            className: "gap-footer-email-input",
+            placeholder: "Enter your email address",
+            "aria-label": "Email address"
+          }
+        ),
+        /* @__PURE__ */ e("button", { type: "button", className: "gap-footer-email-btn", children: "Join" })
+      ] }),
+      /* @__PURE__ */ e("p", { className: "gap-footer-block-copy", children: "Get access to exclusive offers, new arrivals, and other perks." }),
+      /* @__PURE__ */ e("a", { href: "#", className: "gap-footer-block-link", children: "Privacy policy" })
+    ] })
+  },
+  {
+    title: "Gap Good Rewards Credit Card",
+    content: /* @__PURE__ */ a(N, { children: [
+      /* @__PURE__ */ e("p", { className: "gap-footer-block-copy", children: "Save 20% on your first purchase with your new card at Gap. Earn 5 points per every $1 spent and redeem across our brands." }),
+      /* @__PURE__ */ a("div", { className: "gap-footer-block-links", children: [
+        /* @__PURE__ */ e("a", { href: "#", className: "gap-footer-block-link", children: "Apply now" }),
+        /* @__PURE__ */ e("a", { href: "#", className: "gap-footer-block-link", children: "Learn more" })
+      ] })
+    ] })
+  },
+  {
+    title: "Get the Gap app",
+    content: /* @__PURE__ */ a(N, { children: [
+      /* @__PURE__ */ e("p", { className: "gap-footer-block-copy", children: "Scan the QR code below to download our app and get exclusive access, special offers, and more perks." }),
+      /* @__PURE__ */ e("a", { href: "#", className: "gap-footer-block-link", children: "Learn More" })
+    ] })
+  }
+], de = [
+  {
+    title: "Customer Support",
+    links: [
+      { label: "Customer service", href: "#" },
+      { label: "Shipping", href: "#" },
+      { label: "Returns & exchanges", href: "#" },
+      { label: "Track your order", href: "#" },
+      { label: "Gift cards", href: "#" },
+      { label: "Size & fit guides", href: "#" },
+      { label: "Buy online, pick up in store", href: "#" },
+      { label: "GapCash", href: "#" }
+    ]
+  },
+  {
+    title: "Gap Good Rewards",
+    links: [
+      { label: "Pay credit card", href: "#" },
+      { label: "Points & rewards", href: "#" },
+      { label: "Explore benefits", href: "#" },
+      { label: "Activate credit card", href: "#" },
+      { label: "Join our rewards program - it's free!", href: "#" },
+      { label: "or Apply for a credit card", href: "#" }
+    ]
+  },
+  {
+    title: "About Us",
+    links: [
+      { label: "Careers", href: "#" },
+      { label: "Our values", href: "#" },
+      { label: "Accessibility", href: "#" }
+    ]
+  },
+  {
+    title: "Find Us",
+    links: [
+      { label: "Contact us", href: "#" },
+      { label: "Store locator", href: "#" },
+      { label: "Get the Gap App", href: "#" },
+      { label: "Sign up for texts", href: "#" }
+    ]
+  }
+], pe = [
+  { label: "TikTok", href: "#", icon: /* @__PURE__ */ e(te, {}) },
+  { label: "Instagram", href: "#", icon: /* @__PURE__ */ e(ie, {}) },
+  { label: "YouTube", href: "#", icon: /* @__PURE__ */ e(ce, {}) },
+  { label: "Spotify", href: "#", icon: /* @__PURE__ */ e(se, {}) }
+], he = [
+  "© 2025 The Gap, Inc. | Privacy Policy | Your Privacy Choices | Your California Privacy Rights | Terms of Use | Sustainability | About Gap Inc.",
+  "Americans with Disabilities Act | California Transparency in Supply Chains Act | Gap Inc. Policies"
+];
+function la({
+  blocks: r = oe,
+  navColumns: l = de,
+  socialLinks: n = pe,
+  legalLines: i = he,
+  className: t
+}) {
+  const o = ["gap-global-footer", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("footer", { className: o, children: [
+    r.length > 0 && /* @__PURE__ */ e("div", { className: "gap-footer-blocks", children: r.map((s, c) => /* @__PURE__ */ a("div", { className: "gap-footer-block", children: [
+      /* @__PURE__ */ e("h3", { className: "gap-footer-block-title", children: s.title }),
+      /* @__PURE__ */ e("div", { className: "gap-footer-block-body", children: s.content })
+    ] }, c)) }),
+    /* @__PURE__ */ e("hr", { className: "gap-divider gap-divider--subtle" }),
+    /* @__PURE__ */ e("div", { className: "gap-footer-nav", children: l.map((s, c) => {
+      const u = c === l.length - 1;
+      return /* @__PURE__ */ a("div", { className: "gap-footer-nav-col", children: [
+        /* @__PURE__ */ e("h4", { className: "gap-footer-nav-header", children: s.title }),
+        /* @__PURE__ */ e("ul", { className: "gap-footer-nav-links", children: s.links.map((h, f) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", { href: h.href, className: "gap-footer-nav-link", children: h.label }) }, f)) }),
+        u && n.length > 0 && /* @__PURE__ */ e("div", { className: "gap-footer-social", children: n.map((h, f) => /* @__PURE__ */ e(
+          "a",
+          {
+            href: h.href,
+            "aria-label": h.label,
+            className: "gap-footer-social-link",
+            children: h.icon
+          },
+          f
+        )) })
+      ] }, c);
+    }) }),
+    i.length > 0 && /* @__PURE__ */ e("div", { className: "gap-footer-legal", children: i.map((s, c) => /* @__PURE__ */ e("p", { className: "gap-footer-legal-line", children: s }, c)) })
+  ] });
+}
+function ue() {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "11", cy: "11", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M16 16l4.5 4.5",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function na({
+  value: r,
+  defaultValue: l = "",
+  placeholder: n = "Search",
+  onChange: i,
+  onSubmit: t,
+  onClear: o,
+  className: s
+}) {
+  const [c, u] = B(l), [h, f] = B(!1), p = Z(null), g = r !== void 0, d = g ? r : c, m = d.length > 0, k = (w) => {
+    const y = w.target.value;
+    g || u(y), i == null || i(y);
+  }, b = () => {
+    var w;
+    g || u(""), i == null || i(""), o == null || o(), (w = p.current) == null || w.focus();
+  }, x = () => {
+    t == null || t(d);
+  }, I = (w) => {
+    w.key === "Enter" && (w.preventDefault(), x());
+  }, W = [
+    "gap-search-input",
+    h && "gap-search-input--active",
+    m && "gap-search-input--filled",
+    s
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("div", { className: W, children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        ref: p,
+        type: "search",
+        className: "gap-search-input-field",
+        value: d,
+        placeholder: n,
+        onChange: k,
+        onFocus: () => f(!0),
+        onBlur: () => f(!1),
+        onKeyDown: I,
+        "aria-label": n
+      }
+    ),
+    m && /* @__PURE__ */ a("div", { className: "gap-search-input-actions", children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "gap-search-input-clear",
+          onClick: b,
+          children: "Clear"
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: "gap-search-input-divider", "aria-hidden": "true" })
+    ] }),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "gap-search-input-icon",
+        "aria-label": "Search",
+        onClick: x,
+        children: /* @__PURE__ */ e(ue, {})
+      }
+    )
+  ] });
+}
+function ge({ filled: r }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M7 1l1.76 3.57 3.94.57-2.85 2.78.67 3.93L7 10.07l-3.52 1.78.67-3.93L1.3 5.14l3.94-.57L7 1Z",
+          fill: r ? "currentColor" : "none",
+          stroke: "currentColor",
+          strokeWidth: "1",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function fe({
+  rating: r,
+  reviewCount: l
+}) {
+  return /* @__PURE__ */ a("div", { className: "gap-product-card-rating", children: [
+    /* @__PURE__ */ e("div", { className: "gap-product-card-stars", "aria-label": `${r} out of 5 stars`, children: [1, 2, 3, 4, 5].map((n) => /* @__PURE__ */ e(ge, { filled: n <= Math.round(r) }, n)) }),
+    l != null && /* @__PURE__ */ e("span", { className: "gap-product-card-review-count", children: l.toLocaleString() })
+  ] });
+}
+function ta({
+  imageUrl: r,
+  imageAlt: l = "",
+  name: n,
+  badge: i,
+  originalPrice: t,
+  salePrice: o,
+  discount: s,
+  marketingFlag: c,
+  rating: u,
+  reviewCount: h,
+  swatches: f,
+  moreSwatches: p,
+  variant: g = "default",
+  onClick: d,
+  className: m
+}) {
+  const k = [
+    "gap-product-card",
+    `gap-product-card--${g}`,
+    m
+  ].filter(Boolean).join(" ");
+  return g === "mini" ? /* @__PURE__ */ a("div", { className: k, onClick: d, role: d ? "button" : void 0, children: [
+    /* @__PURE__ */ e("div", { className: "gap-product-card-media gap-product-card-media--mini", children: r ? /* @__PURE__ */ e("img", { src: r, alt: l, className: "gap-product-card-img" }) : /* @__PURE__ */ e("div", { className: "gap-product-card-placeholder" }) }),
+    /* @__PURE__ */ a("div", { className: "gap-product-card-mini-details", children: [
+      /* @__PURE__ */ e("span", { className: "gap-product-card-name", children: n }),
+      (t || o) && /* @__PURE__ */ a("div", { className: "gap-product-card-price-inline", children: [
+        t && /* @__PURE__ */ e("span", { className: "gap-product-card-original-price", children: t }),
+        s && /* @__PURE__ */ e("span", { className: "gap-product-card-discount", children: s }),
+        o && /* @__PURE__ */ e("span", { className: "gap-product-card-sale-price", children: o })
+      ] })
+    ] })
+  ] }) : /* @__PURE__ */ a("div", { className: k, onClick: d, role: d ? "button" : void 0, children: [
+    /* @__PURE__ */ a("div", { className: "gap-product-card-media", children: [
+      r ? /* @__PURE__ */ e("img", { src: r, alt: l, className: "gap-product-card-img" }) : /* @__PURE__ */ e("div", { className: "gap-product-card-placeholder" }),
+      i && /* @__PURE__ */ e("span", { className: "gap-product-card-badge", children: i })
+    ] }),
+    f && f.length > 0 && /* @__PURE__ */ a("div", { className: "gap-product-card-swatches", children: [
+      f.map((b, x) => /* @__PURE__ */ e(
+        "span",
+        {
+          className: `gap-product-card-swatch${x === 0 ? " gap-product-card-swatch--active" : ""}`,
+          style: { backgroundColor: b.color },
+          "aria-label": b.label
+        },
+        x
+      )),
+      p != null && p > 0 && /* @__PURE__ */ a("span", { className: "gap-product-card-more-swatches", children: [
+        "+",
+        p
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "gap-product-card-details", children: [
+      /* @__PURE__ */ e("span", { className: "gap-product-card-name", children: n }),
+      (t || o) && /* @__PURE__ */ a("div", { className: "gap-product-card-price-stacked", children: [
+        t && /* @__PURE__ */ e("span", { className: "gap-product-card-original-price", children: t }),
+        s && /* @__PURE__ */ e("span", { className: "gap-product-card-discount", children: s }),
+        o && /* @__PURE__ */ e("span", { className: "gap-product-card-sale-price", children: o })
+      ] }),
+      c && /* @__PURE__ */ e("span", { className: "gap-product-card-flag", children: c }),
+      u != null && /* @__PURE__ */ e(fe, { rating: u, reviewCount: h })
+    ] })
+  ] });
+}
+function me() {
+  return /* @__PURE__ */ a("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+    /* @__PURE__ */ e("circle", { cx: "11", cy: "11", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ e("path", { d: "M16 16l4.5 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+  ] });
+}
+function E() {
+  return /* @__PURE__ */ e("svg", { width: "6", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "M1 1l4 4-4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function ve() {
+  return /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "M1 1l12 12M13 1L1 13", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
+}
+function ia({
+  open: r,
+  onClose: l,
+  sections: n,
+  headerSlot: i,
+  searchPlaceholder: t = "Search Gap",
+  onSearch: o,
+  className: s
+}) {
+  const [c, u] = S.useState("");
+  if (!r) return null;
+  const h = (p) => {
+    p.key === "Enter" && (p.preventDefault(), o == null || o(c));
+  }, f = ["gap-hamburger-nav", s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("div", { className: f, children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "gap-hamburger-nav-overlay",
+        onClick: l,
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ a("nav", { className: "gap-hamburger-nav-panel", "aria-label": "Main navigation", children: [
+      i,
+      /* @__PURE__ */ a("div", { className: "gap-hamburger-nav-search", children: [
+        /* @__PURE__ */ e("span", { className: "gap-hamburger-nav-search-icon", children: /* @__PURE__ */ e(me, {}) }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "search",
+            className: "gap-hamburger-nav-search-input",
+            placeholder: t,
+            value: c,
+            onChange: (p) => u(p.target.value),
+            onKeyDown: h,
+            "aria-label": t
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("div", { className: "gap-hamburger-nav-body", children: n.map((p, g) => /* @__PURE__ */ e(
+        "div",
+        {
+          className: `gap-hamburger-nav-section${p.secondary ? " gap-hamburger-nav-section--secondary" : ""}`,
+          children: p.items.map((d, m) => /* @__PURE__ */ e("div", { className: "gap-hamburger-nav-row", children: d.href ? /* @__PURE__ */ a(
+            "a",
+            {
+              href: d.href,
+              className: "gap-hamburger-nav-link",
+              onClick: d.onClick,
+              children: [
+                /* @__PURE__ */ e("span", { className: "gap-hamburger-nav-label", children: d.label }),
+                d.hasChildren && /* @__PURE__ */ e(E, {})
+              ]
+            }
+          ) : /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: "gap-hamburger-nav-link",
+              onClick: d.onClick,
+              children: [
+                /* @__PURE__ */ e("span", { className: "gap-hamburger-nav-label", children: d.label }),
+                d.hasChildren && /* @__PURE__ */ e(E, {})
+              ]
+            }
+          ) }, m))
+        },
+        g
+      )) })
+    ] }),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "gap-hamburger-nav-close",
+        "aria-label": "Close navigation",
+        onClick: l,
+        children: /* @__PURE__ */ e(ve, {})
+      }
+    )
+  ] });
+}
+function ca({
+  logo: r,
+  onLogoClick: l,
+  departments: n,
+  utilityLinks: i = [],
+  searchSlot: t,
+  className: o
+}) {
+  var p, g;
+  const [s, c] = B(null), u = s != null ? n[s] : void 0, h = u && (u.categories && u.categories.length > 0 || u.marketingImages && u.marketingImages.length > 0), f = ["gap-mega-nav", o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a(
+    "nav",
+    {
+      className: f,
+      onMouseLeave: () => c(null),
+      "aria-label": "Main navigation",
+      children: [
+        i.length > 0 && /* @__PURE__ */ e("div", { className: "gap-mega-nav-utility", children: i.map((d, m) => /* @__PURE__ */ a(S.Fragment, { children: [
+          m > 0 && /* @__PURE__ */ e("span", { className: "gap-mega-nav-utility-sep", "aria-hidden": "true", children: "/" }),
+          /* @__PURE__ */ e("a", { href: d.href, className: "gap-mega-nav-utility-link", children: d.label })
+        ] }, m)) }),
+        /* @__PURE__ */ a("div", { className: "gap-mega-nav-bar", children: [
+          r && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "gap-mega-nav-logo",
+              onClick: l,
+              "aria-label": "Home",
+              children: r
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "gap-mega-nav-departments", children: n.map((d, m) => /* @__PURE__ */ e(
+            "a",
+            {
+              href: d.href ?? "#",
+              className: `gap-mega-nav-dept${d.sale ? " gap-mega-nav-dept--sale" : ""}${s === m ? " gap-mega-nav-dept--active" : ""}`,
+              onMouseEnter: () => c(m),
+              children: d.label
+            },
+            m
+          )) }),
+          t && /* @__PURE__ */ e("div", { className: "gap-mega-nav-search", children: t })
+        ] }),
+        h && /* @__PURE__ */ e(
+          "div",
+          {
+            className: "gap-mega-nav-dropdown",
+            onMouseEnter: () => {
+            },
+            onMouseLeave: () => c(null),
+            children: /* @__PURE__ */ a("div", { className: "gap-mega-nav-dropdown-inner", children: [
+              (p = u.categories) == null ? void 0 : p.map((d, m) => /* @__PURE__ */ a("div", { className: "gap-mega-nav-category", children: [
+                /* @__PURE__ */ e("h3", { className: "gap-mega-nav-category-title", children: d.title }),
+                /* @__PURE__ */ e("ul", { className: "gap-mega-nav-category-links", children: d.links.map((k, b) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+                  "a",
+                  {
+                    href: k.href,
+                    className: "gap-mega-nav-category-link",
+                    children: k.label
+                  }
+                ) }, b)) })
+              ] }, m)),
+              (g = u.marketingImages) == null ? void 0 : g.map((d, m) => /* @__PURE__ */ a("div", { className: "gap-mega-nav-marketing", children: [
+                /* @__PURE__ */ e("div", { className: "gap-mega-nav-marketing-img-wrapper", children: /* @__PURE__ */ e(
+                  "img",
+                  {
+                    src: d.imageUrl,
+                    alt: d.alt ?? "",
+                    className: "gap-mega-nav-marketing-img"
+                  }
+                ) }),
+                /* @__PURE__ */ e("a", { href: d.href, className: "gap-mega-nav-marketing-link", children: d.label })
+              ] }, m))
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
+function be() {
+  return /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "M2 4h12M4 8h8M6 12h4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
+}
+function ke() {
+  return /* @__PURE__ */ e("svg", { width: "10", height: "6", viewBox: "0 0 10 6", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "M1 1l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function Ne() {
+  return /* @__PURE__ */ e("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "M1 1l8 8M9 1l-8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
+}
+function sa({
+  chips: r = [],
+  activeChip: l,
+  onChipClick: n,
+  activeFilters: i = [],
+  onRemoveFilter: t,
+  onClearAll: o,
+  resultCount: s,
+  className: c
+}) {
+  const u = ["gap-filter-controls", c].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("div", { className: u, children: [
+    r.length > 0 && /* @__PURE__ */ e("div", { className: "gap-filter-chips", children: r.map((h) => {
+      const f = h.value === l;
+      return /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: `gap-filter-chip${f ? " gap-filter-chip--active" : ""}`,
+          onClick: () => n == null ? void 0 : n(h.value),
+          children: [
+            h.value === "filter-sort" && /* @__PURE__ */ e("span", { className: "gap-filter-chip-icon", children: /* @__PURE__ */ e(be, {}) }),
+            /* @__PURE__ */ e("span", { children: h.label }),
+            h.hasDropdown && /* @__PURE__ */ e(ke, {})
+          ]
+        },
+        h.value
+      );
+    }) }),
+    (i.length > 0 || s) && /* @__PURE__ */ a("div", { className: "gap-filter-active-row", children: [
+      i.length > 0 && /* @__PURE__ */ a(N, { children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "gap-filter-clear-all",
+            onClick: o,
+            children: "Clear all"
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "gap-filter-active-tags", children: i.map((h) => /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "gap-filter-active-tag",
+            onClick: () => t == null ? void 0 : t(h.value),
+            children: [
+              /* @__PURE__ */ e("span", { children: h.label }),
+              /* @__PURE__ */ e(Ne, {})
+            ]
+          },
+          h.value
+        )) })
+      ] }),
+      s && /* @__PURE__ */ e("span", { className: "gap-filter-result-count", children: s })
+    ] })
+  ] });
+}
+function we({ expanded: r }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      width: "10",
+      height: "6",
+      viewBox: "0 0 10 6",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      className: `gap-filter-drawer-chevron${r ? " gap-filter-drawer-chevron--up" : ""}`,
+      children: /* @__PURE__ */ e("path", { d: "M1 1l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+    }
+  );
+}
+function Ce() {
+  return /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "M1 1l12 12M13 1L1 13", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) });
+}
+function oa({
+  open: r,
+  title: l = "Filter & Sort",
+  onClose: n,
+  sections: i = [],
+  applyLabel: t = "Apply",
+  onApply: o,
+  className: s
+}) {
+  const [c, u] = B(
+    /* @__PURE__ */ new Set()
+  );
+  if (!r) return null;
+  const h = (p) => {
+    u((g) => {
+      const d = new Set(g);
+      return d.has(p) ? d.delete(p) : d.add(p), d;
+    });
+  }, f = ["gap-filter-drawer-overlay", s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a("div", { className: f, children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "gap-filter-drawer-backdrop",
+        onClick: n,
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: "gap-filter-drawer", role: "dialog", "aria-label": l, children: [
+      /* @__PURE__ */ a("div", { className: "gap-filter-drawer-header", children: [
+        /* @__PURE__ */ e("h2", { className: "gap-filter-drawer-title", children: l }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "gap-filter-drawer-close",
+            "aria-label": "Close",
+            onClick: n,
+            children: /* @__PURE__ */ e(Ce, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("div", { className: "gap-filter-drawer-body", children: i.map((p, g) => {
+        const d = c.has(g);
+        return /* @__PURE__ */ a("div", { className: "gap-filter-drawer-section", children: [
+          /* @__PURE__ */ e("hr", { className: "gap-divider gap-divider--subtle" }),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: "gap-filter-drawer-section-header",
+              "aria-expanded": d,
+              onClick: () => h(g),
+              children: [
+                /* @__PURE__ */ a("div", { className: "gap-filter-drawer-section-title-group", children: [
+                  /* @__PURE__ */ a("span", { className: "gap-filter-drawer-section-title", children: [
+                    p.title,
+                    p.count != null && /* @__PURE__ */ a("span", { className: "gap-filter-drawer-section-count", children: [
+                      " ",
+                      "(",
+                      p.count,
+                      ")"
+                    ] })
+                  ] }),
+                  !d && p.subtitle && /* @__PURE__ */ e("span", { className: "gap-filter-drawer-section-subtitle", children: p.subtitle })
+                ] }),
+                /* @__PURE__ */ e(we, { expanded: d })
+              ]
+            }
+          ),
+          d && p.children && /* @__PURE__ */ e("div", { className: "gap-filter-drawer-section-content", children: p.children })
+        ] }, g);
+      }) }),
+      o && /* @__PURE__ */ e("div", { className: "gap-filter-drawer-footer", children: /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "gap-filter-drawer-apply",
+          onClick: o,
+          children: t
+        }
+      ) })
+    ] })
+  ] });
+}
+export {
+  Re as Accordion,
+  Te as AccordionItem,
+  Ae as BopisSwitch,
+  Ke as Breadcrumb,
+  We as Button,
+  Ie as Checkbox,
+  Ve as CheckboxGroup,
+  je as Chip,
+  Se as ChipGroup,
+  $e as Divider,
+  Oe as Dropdown,
+  sa as FilterControls,
+  oa as FilterDrawer,
+  _e as Fulfillment,
+  Xe as FulfillmentTile,
+  Be as GapLogo,
+  la as GlobalFooter,
+  ra as GlobalHeader,
+  ia as HamburgerNav,
+  He as Handle,
+  Me as Icon,
+  Ze as Link,
+  ca as MegaNav,
+  Pe as Notification,
+  Ye as Pagination,
+  qe as Popover,
+  Ge as Price,
+  ea as PriceFilter,
+  ta as ProductCard,
+  De as Radio,
+  Ee as RadioGroup,
+  ae as RangeSlider,
+  na as SearchInput,
+  ze as Selector,
+  Qe as SelectorGroup,
+  Je as SelectorSwatch,
+  Ue as SwatchGrid,
+  Y as Switch,
+  aa as Tabs,
+  Fe as TextInput
+};