@cakejp/design-system 0.4.1 → 0.5.0

package/dist/index.js

@@ -4,10 +4,10 @@ import { twMerge as Ba } from "tailwind-merge";
 import { jsx as e, jsxs as i, Fragment as O } from "react/jsx-runtime";
 import * as w from "react";
 import ja from "react";
-import { ChevronDownIcon as ne, MoreHorizontal as Ha, ChevronRight as La, ChevronLeftIcon as la, ChevronRightIcon as oe, XIcon as da, SearchIcon as _a, CheckIcon as ge, CircleIcon as _e, ChevronUpIcon as Ia, MoreHorizontalIcon as Aa, Check as Ie, Loader2Icon as Da, OctagonXIcon as Oa, TriangleAlertIcon as Ra, InfoIcon as $a, CircleCheckIcon as Fa, X as xe, Loader2 as Wa, StarHalf as Va } from "lucide-react";
+import { ChevronDownIcon as ne, MoreHorizontal as Ha, ChevronRight as La, ChevronLeftIcon as la, ChevronRightIcon as oe, XIcon as da, SearchIcon as _a, CheckIcon as ge, CircleIcon as _e, ChevronUpIcon as Ia, MoreHorizontalIcon as Aa, Check as Ie, Loader2Icon as Da, OctagonXIcon as Oa, TriangleAlertIcon as Ra, InfoIcon as Fa, CircleCheckIcon as $a, X as xe, Loader2 as Wa, StarHalf as Va } from "lucide-react";
 import { Accordion as re, Slot as ye, AlertDialog as V, AspectRatio as qa, Avatar as Ae, Checkbox as me, Collapsible as De, Dialog as j, ContextMenu as H, Select as A, DropdownMenu as L, Label as Ga, HoverCard as ue, Menubar as _, NavigationMenu as U, Popover as pe, Progress as qe, RadioGroup as Be, ScrollArea as te, Separator as Ua, Slider as de, Switch as Ge, Tabs as Ne, Toggle as Xa, ToggleGroup as ca, Tooltip as ae } from "radix-ui";
 import { cva as D } from "class-variance-authority";
-import { Warning2 as Ka, CloseCircle as Ja, InfoCircle as we, TickCircle as Ya, MinusSquare as Qa, TickSquare as ma, ArrowLeft2 as le, ArrowRight2 as F, Setting4 as Za, ArrowDown2 as Y, Trash as je, Add as se, More as et, ArrowUp2 as at, Notification as Oe, Minus as He, SearchNormal1 as Te, Link2 as tt, Home2 as ua, ShoppingCart as pa, Cake as rt, Shop as ke, Chart2 as st, Box as ha, Setting2 as va, HamburgerMenu as it, User as fa, Calendar as Re, Ticket2 as $e, Clock as nt, Bookmark as ba, Monitor as ot, Star1 as Le, Edit2 as lt, Gift as dt, People as ct, Sms as mt, Card as ut, Logout as pt, ShieldTick as ht, Tag2 as vt, ExportSquare as ft, Like1 as bt, Camera as gt, Location as xt, TrendUp as yt, TrendDown as Nt, ArrowLeft as Ue } from "iconsax-reactjs";
+import { Warning2 as Ka, CloseCircle as Ja, InfoCircle as we, TickCircle as Ya, MinusSquare as Qa, TickSquare as ma, ArrowLeft2 as le, ArrowRight2 as $, Setting4 as Za, ArrowDown2 as Y, Trash as je, Add as se, More as et, ArrowUp2 as at, Notification as Oe, Minus as He, SearchNormal1 as Te, Link2 as tt, Home2 as ua, ShoppingCart as pa, Cake as rt, Shop as ke, Chart2 as st, Box as ha, Setting2 as va, HamburgerMenu as it, User as fa, Calendar as Re, Ticket2 as Fe, Clock as nt, Bookmark as ba, Monitor as ot, Star1 as Le, Edit2 as lt, Gift as dt, People as ct, Sms as mt, Card as ut, Logout as pt, ShieldTick as ht, Tag2 as vt, ExportSquare as ft, Like1 as bt, Camera as gt, Location as xt, TrendUp as yt, TrendDown as Nt, ArrowLeft as Ue } from "iconsax-reactjs";
 import { getDefaultClassNames as ga, DayPicker as wt } from "react-day-picker";
 import { Command as Q } from "cmdk";
 import { Drawer as X } from "vaul";
@@ -156,7 +156,7 @@ function zs({
   description: o,
   icon: l,
   action: d,
-  ...m
+  ...u
 }) {
   const c = Pt(t);
   if (c && !r && (n || o)) {
@@ -168,7 +168,7 @@ function zs({
         "data-variant": t,
         role: "alert",
         className: s(Xe({ variant: t }), a),
-        ...m,
+        ...u,
         children: /* @__PURE__ */ i("div", { className: Ke({ variant: t }), children: [
           p,
           /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: [
@@ -187,7 +187,7 @@ function zs({
       "data-variant": t,
       role: "alert",
       className: s(Xe({ variant: t }), a),
-      ...m,
+      ...u,
       children: c ? /* @__PURE__ */ e("div", { className: Ke({ variant: t }), children: r }) : r
     }
   ) });
@@ -601,7 +601,7 @@ function Rt({ className: a, ...t }) {
     }
   );
 }
-function $t({
+function Ft({
   children: a,
   className: t,
   ...r
@@ -618,7 +618,7 @@ function $t({
     }
   );
 }
-function $s({
+function Fs({
   className: a,
   ...t
 }) {
@@ -637,7 +637,7 @@ function $s({
     }
   );
 }
-function Fs({
+function $s({
   className: a,
   classNames: t,
   showOutsideDays: r = !0,
@@ -645,7 +645,7 @@ function Fs({
   buttonVariant: o = "ghost",
   formatters: l,
   components: d,
-  ...m
+  ...u
 }) {
   const c = ga();
   return /* @__PURE__ */ e(
@@ -660,7 +660,7 @@ function Fs({
       ),
       captionLayout: n,
       formatters: {
-        formatMonthDropdown: (u) => u.toLocaleString("default", { month: "short" }),
+        formatMonthDropdown: (m) => m.toLocaleString("default", { month: "short" }),
         ...l
       },
       classNames: {
@@ -722,7 +722,7 @@ function Fs({
         ),
         day: s(
           "group/day relative aspect-square h-full w-full p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-md",
-          m.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md",
+          u.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md",
           c.day
         ),
         range_start: s(
@@ -747,31 +747,31 @@ function Fs({
         ...t
       },
       components: {
-        Root: ({ className: u, rootRef: v, ...h }) => /* @__PURE__ */ e(
+        Root: ({ className: m, rootRef: v, ...h }) => /* @__PURE__ */ e(
           "div",
           {
             "data-slot": "calendar",
             ref: v,
-            className: s(u),
+            className: s(m),
             ...h
           }
         ),
-        Chevron: ({ className: u, orientation: v, ...h }) => v === "left" ? /* @__PURE__ */ e(la, { className: s("size-4", u), ...h }) : v === "right" ? /* @__PURE__ */ e(
+        Chevron: ({ className: m, orientation: v, ...h }) => v === "left" ? /* @__PURE__ */ e(la, { className: s("size-4", m), ...h }) : v === "right" ? /* @__PURE__ */ e(
           oe,
           {
-            className: s("size-4", u),
+            className: s("size-4", m),
             ...h
           }
-        ) : /* @__PURE__ */ e(ne, { className: s("size-4", u), ...h }),
-        DayButton: Ft,
-        WeekNumber: ({ children: u, ...v }) => /* @__PURE__ */ e("td", { ...v, children: /* @__PURE__ */ e("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: u }) }),
+        ) : /* @__PURE__ */ e(ne, { className: s("size-4", m), ...h }),
+        DayButton: $t,
+        WeekNumber: ({ children: m, ...v }) => /* @__PURE__ */ e("td", { ...v, children: /* @__PURE__ */ e("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: m }) }),
         ...d
       },
-      ...m
+      ...u
     }
   );
 }
-function Ft({
+function $t({
   className: a,
   day: t,
   modifiers: r,
@@ -891,8 +891,8 @@ function Je({
         "peer flex size-5 shrink-0 items-center justify-center rounded-[5px] border-2 border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Primary)] transition-colors outline-none",
         "data-[state=checked]:border-transparent data-[state=checked]:bg-transparent",
         "data-[state=indeterminate]:border-transparent data-[state=indeterminate]:bg-transparent",
-        "hover:border-[var(--Object-Accent-Primary)] data-[state=checked]:hover:border-transparent data-[state=indeterminate]:hover:border-transparent",
-        "focus-visible:border-[var(--Object-Accent-Primary)] focus-visible:ring-2 focus-visible:ring-[var(--Object-Accent-Primary)]/20",
+        "hover:border-[var(--Focus-High-Emphasis)] data-[state=checked]:hover:border-transparent data-[state=indeterminate]:hover:border-transparent",
+        "focus-visible:border-[var(--Focus-High-Emphasis)] focus-visible:ring-2 focus-visible:ring-[var(--Focus-High-Emphasis)]/20",
         "disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:border-[var(--Border-Medium-Emphasis)]",
         a
       ),
@@ -917,7 +917,7 @@ function Xs({
   id: l,
   ...d
 }) {
-  const m = w.useId(), c = l ?? m;
+  const u = w.useId(), c = l ?? u;
   return a === void 0 ? /* @__PURE__ */ e(Je, { id: c, className: o, ...d }) : /* @__PURE__ */ i(
     "label",
     {
@@ -1580,7 +1580,7 @@ function Pi({
       "data-slot": "select-trigger",
       "data-size": t,
       className: s(
-        "flex w-full items-center justify-between gap-2 rounded-lg border border-[var(--Border-High-Emphasis)] bg-transparent px-3 py-2 typo-body-md whitespace-nowrap transition-[color,box-shadow,border-color] outline-none hover:border-[var(--Brand-Cake-Orange)] hover:bg-[var(--Surface-Secondary)] focus-visible:border-[var(--Focus-High-Emphasis)] focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50 disabled:cursor-not-allowed disabled:border-[var(--Border-Medium-Emphasis)] disabled:bg-[var(--Surface-Secondary)] disabled:text-[var(--Text-Disable)] disabled:hover:border-[var(--Border-Medium-Emphasis)] disabled:hover:bg-[var(--Surface-Secondary)] aria-invalid:border-[var(--Border-Caution)] aria-invalid:ring-[var(--Border-Caution)]/20 data-[placeholder]:text-muted-foreground data-[size=default]:h-10 data-[size=sm]:h-9 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        "flex w-full items-center justify-between gap-2 rounded-lg border border-[var(--Border-High-Emphasis)] bg-transparent px-3 py-2 typo-body-md whitespace-nowrap transition-[color,box-shadow,border-color] outline-none hover:border-[var(--Focus-High-Emphasis)] hover:bg-[var(--Surface-Secondary)] focus-visible:border-[var(--Focus-High-Emphasis)] focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50 disabled:cursor-not-allowed disabled:border-[var(--Border-Medium-Emphasis)] disabled:bg-[var(--Surface-Secondary)] disabled:text-[var(--Text-Disable)] disabled:hover:border-[var(--Border-Medium-Emphasis)] disabled:hover:bg-[var(--Surface-Secondary)] aria-invalid:border-[var(--Border-Caution)] aria-invalid:ring-[var(--Border-Caution)]/20 data-[placeholder]:text-muted-foreground data-[size=default]:h-10 data-[size=sm]:h-9 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
         a
       ),
       ...n,
@@ -1865,7 +1865,7 @@ function Ri({
     }
   );
 }
-function $i({
+function Fi({
   className: a,
   ...t
 }) {
@@ -1881,7 +1881,7 @@ function $i({
     }
   );
 }
-function Fi({
+function $i({
   ...a
 }) {
   return /* @__PURE__ */ e(L.Sub, { "data-slot": "dropdown-menu-sub", ...a });
@@ -2083,7 +2083,7 @@ function Zi({
     }
   );
 }
-function Fe({
+function $e({
   className: a,
   required: t,
   children: r,
@@ -2142,7 +2142,7 @@ function rn({
 }) {
   const { error: r, formItemId: n } = ze();
   return /* @__PURE__ */ e(
-    Fe,
+    $e,
     {
       "data-slot": "form-label",
       "data-error": !!r,
@@ -2229,7 +2229,7 @@ function or({ className: a, type: t, ...r }) {
       type: t,
       "data-slot": "input",
       className: s(
-        "h-12 w-full min-w-0 rounded-lg border border-[var(--Border-High-Emphasis)] bg-transparent px-3 py-1 typo-body-lg md:typo-body-md transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:typo-label-sm file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:border-[var(--Border-Low-Emphasis)] disabled:bg-[var(--Surface-Secondary)] disabled:text-[var(--Text-Disable)] disabled:placeholder:text-[var(--Text-Disable)]",
+        "h-12 w-full min-w-0 rounded-lg border border-[var(--Border-High-Emphasis)] bg-transparent px-3 py-1 typo-body-lg md:typo-body-md transition-[color,box-shadow,border-color] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:typo-label-sm file:text-foreground placeholder:text-muted-foreground hover:border-[var(--Focus-High-Emphasis)] disabled:pointer-events-none disabled:cursor-not-allowed disabled:border-[var(--Border-Low-Emphasis)] disabled:bg-[var(--Surface-Secondary)] disabled:text-[var(--Text-Disable)] disabled:placeholder:text-[var(--Text-Disable)]",
         "focus-visible:border-[var(--Focus-High-Emphasis)] focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50",
         "aria-invalid:border-[var(--Border-Caution)] aria-invalid:ring-[var(--Border-Caution)]/20",
         a
@@ -2737,7 +2737,7 @@ function Rn({
 }) {
   return /* @__PURE__ */ e(pe.Trigger, { "data-slot": "popover-trigger", ...a });
 }
-function $n({
+function Fn({
   className: a,
   align: t = "center",
   sideOffset: r = 4,
@@ -2757,7 +2757,7 @@ function $n({
     }
   ) });
 }
-function Fn({
+function $n({
   className: a,
   value: t,
   ...r
@@ -3117,7 +3117,7 @@ function ao({
             )
           }
         ),
-        Array.from({ length: d.length }, (m, c) => /* @__PURE__ */ e(
+        Array.from({ length: d.length }, (u, c) => /* @__PURE__ */ e(
           de.Thumb,
           {
             "data-slot": "slider-thumb",
@@ -3392,7 +3392,7 @@ function fr({ className: a, ...t }) {
     {
       "data-slot": "textarea",
       className: s(
-        "flex field-sizing-content min-h-16 w-full rounded-lg border border-[var(--Border-High-Emphasis)] bg-transparent px-3 py-2 typo-body-lg md:typo-body-md transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-[var(--Focus-High-Emphasis)] focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:border-[var(--Border-Low-Emphasis)] disabled:bg-[var(--Surface-Secondary)] disabled:text-[var(--Text-Disable)] disabled:placeholder:text-[var(--Text-Disable)] aria-invalid:border-[var(--Border-Caution)] aria-invalid:ring-[var(--Border-Caution)]/20",
+        "flex field-sizing-content min-h-16 w-full rounded-lg border border-[var(--Border-High-Emphasis)] bg-transparent px-3 py-2 typo-body-lg md:typo-body-md transition-[color,box-shadow,border-color] outline-none placeholder:text-muted-foreground hover:border-[var(--Focus-High-Emphasis)] focus-visible:border-[var(--Focus-High-Emphasis)] focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:border-[var(--Border-Low-Emphasis)] disabled:bg-[var(--Surface-Secondary)] disabled:text-[var(--Text-Disable)] disabled:placeholder:text-[var(--Text-Disable)] aria-invalid:border-[var(--Border-Caution)] aria-invalid:ring-[var(--Border-Caution)]/20",
         a
       ),
       ...t
@@ -3407,8 +3407,8 @@ const fo = ({ ...a }) => {
       theme: t,
       className: "toaster group",
       icons: {
-        success: /* @__PURE__ */ e(Fa, { className: "size-4 text-[var(--Text-Success)]" }),
-        info: /* @__PURE__ */ e($a, { className: "size-4 text-[var(--Primitive-Sea-600)]" }),
+        success: /* @__PURE__ */ e($a, { className: "size-4 text-[var(--Text-Success)]" }),
+        info: /* @__PURE__ */ e(Fa, { className: "size-4 text-[var(--Primitive-Sea-600)]" }),
         warning: /* @__PURE__ */ e(Ra, { className: "size-4 text-[var(--Text-Warning)]" }),
         error: /* @__PURE__ */ e(Oa, { className: "size-4 text-[var(--Text-Caution)]" }),
         loading: /* @__PURE__ */ e(Da, { className: "size-4 animate-spin text-[var(--Text-Medium-Emphasis)]" })
@@ -3641,14 +3641,14 @@ function ko({
   onNext: o,
   nextLabel: l = "次へ",
   children: d,
-  ...m
+  ...u
 }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "coach-mark",
       className: s("relative inline-block", a),
-      ...m,
+      ...u,
       children: /* @__PURE__ */ i(
         "div",
         {
@@ -3731,15 +3731,15 @@ function fe({
   moreLabel: o = "もっと見る",
   onMoreClick: l,
   action: d,
-  onPrev: m,
+  onPrev: u,
   onNext: c,
-  prevDisabled: u = !1,
+  prevDisabled: m = !1,
   nextDisabled: v = !1,
   size: h = "lg",
   as: b,
   ...p
 }) {
-  const f = b ?? wr[h], x = ["3xl", "2xl", "xl", "lg"].includes(h), k = m || c, g = n || l, y = !!n, N = /* @__PURE__ */ i(O, { children: [
+  const f = b ?? wr[h], x = ["3xl", "2xl", "xl", "lg"].includes(h), k = u || c, g = n || l, y = !!n, N = /* @__PURE__ */ i(O, { children: [
     /* @__PURE__ */ e(
       f,
       {
@@ -3765,7 +3765,7 @@ function fe({
     "div",
     {
       "data-slot": "section-header",
-      className: s("flex flex-col gap-2 px-4", a),
+      className: s("flex flex-col gap-2", a),
       ...p,
       children: /* @__PURE__ */ i("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
         y ? /* @__PURE__ */ e("a", { href: n, className: "flex min-w-0 flex-1 flex-col gap-1", children: N }) : /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: N }),
@@ -3796,8 +3796,8 @@ function fe({
                 variant: "ghost",
                 size: "icon-sm",
                 "aria-label": "前へ",
-                onClick: m,
-                disabled: u,
+                onClick: u,
+                disabled: m,
                 className: "rounded-full border border-[var(--Border-Medium-Emphasis)]",
                 children: /* @__PURE__ */ e(le, { size: 16 })
               }
@@ -3811,7 +3811,7 @@ function fe({
                 onClick: c,
                 disabled: v,
                 className: "rounded-full border border-[var(--Border-Medium-Emphasis)]",
-                children: /* @__PURE__ */ e(F, { size: 16 })
+                children: /* @__PURE__ */ e($, { size: 16 })
               }
             )
           ] })
@@ -3838,7 +3838,7 @@ function zo({
   headerSize: o,
   items: l,
   aspectRatio: d = "16/9",
-  bannerSize: m = "md",
+  bannerSize: u = "md",
   className: c
 }) {
   return /* @__PURE__ */ i(
@@ -3854,11 +3854,12 @@ function zo({
             subtitle: t,
             moreHref: r,
             moreLabel: n,
-            size: o
+            size: o,
+            className: "px-4"
           }
         ),
         /* @__PURE__ */ i("div", { className: "flex gap-3 overflow-x-auto px-4 pb-2 scrollbar-hide mt-3", children: [
-          l.map((u, v) => {
+          l.map((m, v) => {
             const h = /* @__PURE__ */ i(O, { children: [
               /* @__PURE__ */ e(
                 "div",
@@ -3870,23 +3871,23 @@ function zo({
                   children: /* @__PURE__ */ e(
                     "img",
                     {
-                      src: u.imageUrl,
-                      alt: u.alt,
+                      src: m.imageUrl,
+                      alt: m.alt,
                       className: "h-full w-full object-cover"
                     }
                   )
                 }
               ),
-              u.label && /* @__PURE__ */ e("p", { className: "typo-label-sm text-[var(--Text-High-Emphasis)] mt-1.5", children: u.label }),
-              u.sublabel && /* @__PURE__ */ e("p", { className: "typo-body-xs text-[var(--Text-Medium-Emphasis)]", children: u.sublabel })
+              m.label && /* @__PURE__ */ e("p", { className: "typo-label-sm text-[var(--Text-High-Emphasis)] mt-1.5", children: m.label }),
+              m.sublabel && /* @__PURE__ */ e("p", { className: "typo-body-xs text-[var(--Text-Medium-Emphasis)]", children: m.sublabel })
             ] });
-            return u.href ? /* @__PURE__ */ e(
+            return m.href ? /* @__PURE__ */ e(
               "a",
               {
-                href: u.href,
+                href: m.href,
                 className: s(
                   "group shrink-0",
-                  Ye[m]
+                  Ye[u]
                 ),
                 children: /* @__PURE__ */ e("div", { className: "transition-opacity duration-150 group-hover:opacity-80", children: h })
               },
@@ -3896,7 +3897,7 @@ function zo({
               {
                 className: s(
                   "shrink-0",
-                  Ye[m]
+                  Ye[u]
                 ),
                 children: h
               },
@@ -3956,12 +3957,12 @@ function Sr({
   dot: o = !1,
   hidden: l = !1,
   color: d,
-  size: m = "sm",
+  size: u = "sm",
   ...c
 }) {
   if (l || r != null && r <= 0 && !o)
     return /* @__PURE__ */ e("span", { className: "relative inline-flex", children: t });
-  const u = o || r == null, v = r != null ? r > n ? `${n}+` : String(r) : void 0, h = v != null && v.length > 1, b = m === "sm" ? "h-2 w-2" : "h-2.5 w-2.5", p = m === "sm" ? h ? "h-3.5 min-w-3.5 px-1" : "h-3.5 w-3.5" : h ? "h-4 min-w-4 px-1" : "h-4 w-4", f = u ? "-right-0.5 -top-0.5" : "-right-1.5 -top-1";
+  const m = o || r == null, v = r != null ? r > n ? `${n}+` : String(r) : void 0, h = v != null && v.length > 1, b = u === "sm" ? "h-2 w-2" : "h-2.5 w-2.5", p = u === "sm" ? h ? "h-3.5 min-w-3.5 px-1" : "h-3.5 w-3.5" : h ? "h-4 min-w-4 px-1" : "h-4 w-4", f = m ? "-right-0.5 -top-0.5" : "-right-1.5 -top-1";
   return /* @__PURE__ */ i("span", { className: "relative inline-flex", children: [
     t,
     /* @__PURE__ */ e(
@@ -3969,15 +3970,15 @@ function Sr({
       {
         "data-slot": "notification-badge",
         className: s(
-          zr({ color: d, size: m }),
+          zr({ color: d, size: u }),
           f,
-          u ? b : p,
+          m ? b : p,
           a
         ),
         role: v ? "status" : void 0,
         "aria-label": v ? `${v}件の通知` : "通知あり",
         ...c,
-        children: !u && v
+        children: !m && v
       }
     )
   ] });
@@ -4158,9 +4159,9 @@ function Po({
   thumbnailSize: o = "md",
   thumbnailShape: l = "square",
   layout: d = "scroll",
-  gridRows: m = 3,
+  gridRows: u = 3,
   gridCols: c = 4,
-  pcGridCols: u,
+  pcGridCols: m,
   className: v
 }) {
   const h = l === "circle" ? "rounded-full" : "rounded-lg", b = (p, f, x) => /* @__PURE__ */ i(
@@ -4202,15 +4203,15 @@ function Po({
     p.href
   );
   return /* @__PURE__ */ i("section", { "data-slot": "category-scroll", className: s("py-4 @[960px]:max-w-[960px] @[960px]:mx-auto", v), children: [
-    /* @__PURE__ */ e(fe, { title: a, moreHref: t, size: r }),
+    /* @__PURE__ */ e(fe, { title: a, moreHref: t, size: r, className: "px-4" }),
     d === "grid" ? /* @__PURE__ */ i(O, { children: [
-      /* @__PURE__ */ i("div", { className: s("mt-3 overflow-x-auto pl-4 pb-2 scrollbar-hide", u && "@[960px]:hidden"), children: [
+      /* @__PURE__ */ i("div", { className: s("mt-3 overflow-x-auto pl-4 pb-2 scrollbar-hide", m && "@[960px]:hidden"), children: [
         /* @__PURE__ */ e(
           "div",
           {
             className: "grid gap-2",
             style: {
-              gridTemplateRows: `repeat(${m}, auto)`,
+              gridTemplateRows: `repeat(${u}, auto)`,
               gridAutoFlow: "column",
               gridAutoColumns: Mr[o]
             },
@@ -4219,11 +4220,11 @@ function Po({
         ),
         /* @__PURE__ */ e("div", { className: "shrink-0 w-4", "aria-hidden": "true" })
       ] }),
-      u && /* @__PURE__ */ e(
+      m && /* @__PURE__ */ e(
         "div",
         {
           className: "hidden @[960px]:grid @[960px]:gap-x-2 @[960px]:gap-y-4 @[960px]:px-6 @[960px]:mt-3",
-          style: { gridTemplateColumns: `repeat(${u}, 1fr)` },
+          style: { gridTemplateColumns: `repeat(${m}, 1fr)` },
           children: n.map((p) => b(p, !0))
         }
       )
@@ -4278,26 +4279,26 @@ function za({
   href: o,
   selected: l = !1,
   soldOut: d = !1,
-  removable: m = !1,
+  removable: u = !1,
   onRemove: c,
-  count: u,
+  count: m,
   children: v,
   ...h
 }) {
-  const b = l ? "accent" : t, p = d && !l, f = p ? "border border-[var(--Text-Disable)] bg-[var(--Surface-Secondary)] text-[var(--Text-Disable)]" : void 0, x = u !== void 0 && /* @__PURE__ */ e(
+  const b = l ? "accent" : t, p = d && !l, f = p ? "border border-[var(--Text-Disable)] bg-[var(--Surface-Secondary)] text-[var(--Text-Disable)]" : void 0, x = m !== void 0 && /* @__PURE__ */ e(
     "span",
     {
       className: s(
         "inline-flex items-center justify-center rounded-full px-1.5 min-w-[1.25rem] typo-label-xs transition-colors",
         l ? "bg-[var(--Brand-Cake-Orange)] text-[var(--Text-on-Inverse)] group-hover:bg-[var(--Surface-Primary)] group-hover:text-[var(--Brand-Cake-Orange)]" : "bg-[var(--Surface-Tertiary)] text-[var(--Text-Medium-Emphasis)]"
       ),
-      children: u
+      children: m
     }
   ), k = /* @__PURE__ */ i(O, { children: [
     v,
     x,
     p && /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "h-[67px] w-px origin-center rotate-45 bg-[var(--Text-Disable)]" }) }),
-    m && /* @__PURE__ */ e(
+    u && /* @__PURE__ */ e(
       "button",
       {
         type: "button",
@@ -4372,7 +4373,7 @@ function Bo({
   onRetry: o,
   retryLabel: l = "再試行",
   action: d,
-  ...m
+  ...u
 }) {
   return /* @__PURE__ */ i(
     "div",
@@ -4382,7 +4383,7 @@ function Bo({
         "flex flex-col items-center justify-center px-4 py-20 text-center",
         a
       ),
-      ...m,
+      ...u,
       children: [
         t && /* @__PURE__ */ e("div", { className: "shrink-0 text-[var(--Object-Caution)]", children: t }),
         /* @__PURE__ */ e("p", { className: "mt-4 typo-heading-md text-[var(--Text-High-Emphasis)]", children: r }),
@@ -4403,9 +4404,9 @@ function jo({
   onMoreFilters: o,
   onBack: l,
   activeFilterCount: d,
-  variant: m = "sp",
+  variant: u = "sp",
   className: c,
-  ...u
+  ...m
 }) {
   return /* @__PURE__ */ i(
     "nav",
@@ -4413,7 +4414,7 @@ function jo({
       "aria-label": "商品フィルター",
       "data-slot": "filter-bar",
       className: s("@container space-y-2", c),
-      ...u,
+      ...m,
       children: [
         /* @__PURE__ */ i("div", { className: "flex items-center gap-1 overflow-x-auto scrollbar-hide", children: [
           l && /* @__PURE__ */ e(
@@ -4640,9 +4641,9 @@ function Ho({
   logoHref: o = "/",
   socialLinks: l = [],
   description: d,
-  paymentMethods: m = [],
+  paymentMethods: u = [],
   trustBadge: c,
-  bottomLinks: u = [],
+  bottomLinks: m = [],
   ...v
 }) {
   return /* @__PURE__ */ i(
@@ -4697,14 +4698,14 @@ function Ho({
             ))
           }
         ),
-        m.length > 0 && /* @__PURE__ */ i(
+        u.length > 0 && /* @__PURE__ */ i(
           "div",
           {
             "data-slot": "footer-payment",
             className: "border-t border-[var(--Border-Low-Emphasis)] px-5 py-6",
             children: [
               /* @__PURE__ */ e("p", { className: "typo-label-sm text-[var(--Text-Low-Emphasis)] text-center mb-3", children: "お支払い方法" }),
-              /* @__PURE__ */ e("div", { className: "flex flex-wrap items-center justify-center gap-1.5 @sm:gap-2", children: m.map((h) => /* @__PURE__ */ e(
+              /* @__PURE__ */ e("div", { className: "flex flex-wrap items-center justify-center gap-1.5 @sm:gap-2", children: u.map((h) => /* @__PURE__ */ e(
                 "div",
                 {
                   className: "flex items-center justify-center",
@@ -4736,12 +4737,12 @@ function Ho({
             ]
           }
         ),
-        u.length > 0 && /* @__PURE__ */ e(
+        m.length > 0 && /* @__PURE__ */ e(
           "div",
           {
             "data-slot": "footer-bottom-links",
             className: "border-t border-[var(--Border-Low-Emphasis)] px-5 py-4",
-            children: /* @__PURE__ */ e("div", { className: "flex flex-wrap items-center justify-center gap-x-3 gap-y-2 @sm:gap-x-4", children: u.map((h) => /* @__PURE__ */ e(
+            children: /* @__PURE__ */ e("div", { className: "flex flex-wrap items-center justify-center gap-x-3 gap-y-2 @sm:gap-x-4", children: m.map((h) => /* @__PURE__ */ e(
               "a",
               {
                 href: h.href,
@@ -4774,20 +4775,23 @@ function Lo({
   required: t,
   optional: r,
   description: n,
-  error: o,
-  htmlFor: l,
-  children: d,
-  className: m
+  descriptionPosition: o = "above",
+  error: l,
+  htmlFor: d,
+  children: u,
+  className: c
 }) {
-  return /* @__PURE__ */ i("div", { className: s("space-y-1.5", m), "data-slot": "form-field", children: [
+  const m = n ? /* @__PURE__ */ e("p", { className: "typo-body-xs text-[var(--Text-Low-Emphasis)]", children: n }) : null;
+  return /* @__PURE__ */ i("div", { className: s("space-y-1.5", c), "data-slot": "form-field", children: [
     /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(Fe, { htmlFor: l, className: "typo-label-md", children: a }),
+      /* @__PURE__ */ e($e, { htmlFor: d, className: "typo-label-md", children: a }),
       t && /* @__PURE__ */ e("span", { className: "inline-flex items-center px-1.5 py-0.5 rounded bg-[var(--Surface-Caution)] typo-label-xs text-[var(--Text-on-Inverse)]", children: "必須" }),
       r && /* @__PURE__ */ e("span", { className: "inline-flex items-center px-1.5 py-0.5 rounded bg-[var(--Surface-Tertiary)] typo-label-xs text-[var(--Text-Low-Emphasis)]", children: "任意" })
     ] }),
-    n && /* @__PURE__ */ e("p", { className: "typo-body-xs text-[var(--Text-Low-Emphasis)]", children: n }),
-    d,
-    o && /* @__PURE__ */ e("p", { className: "typo-body-xs text-[var(--Text-Caution)]", children: o })
+    o === "above" && m,
+    u,
+    o === "below" && m,
+    l && /* @__PURE__ */ e("p", { className: "typo-body-xs text-[var(--Text-Caution)]", children: l })
   ] });
 }
 function _o({
@@ -4798,9 +4802,9 @@ function _o({
   autoPlay: o = 0,
   peek: l = !1,
   pcSlidesPerView: d = 1,
-  centeredSlides: m = !1,
+  centeredSlides: u = !1,
   className: c,
-  ...u
+  ...m
 }) {
   const v = w.useRef(null), [h, b] = w.useState(0), p = a.length, f = t === "square" ? "aspect-square" : t === "video" ? "aspect-video" : t === "ogp" ? "aspect-[1.91/1]" : "aspect-[311/162.5]";
   w.useEffect(() => {
@@ -4843,7 +4847,7 @@ function _o({
     {
       "data-slot": "image-carousel",
       className: s("@container group/carousel relative", c),
-      ...u,
+      ...m,
       children: [
         /* @__PURE__ */ e(
           "div",
@@ -4856,7 +4860,7 @@ function _o({
               // flex item の w-full が自動で ~426px になる（768px の 55.5%）
               // @[768px]: と @[960px]: は数値指定で CSS 出力順が保証されるため
               // 960px+ では @[960px]:px-0 が必ず上書きする
-              m && "@[768px]:px-[22.25%] @[960px]:px-0 @[768px]:gap-4",
+              u && "@[768px]:px-[22.25%] @[960px]:px-0 @[768px]:gap-4",
               // PC 複数枚表示時のスライド間ギャップ（本番 spaceBetween:24 準拠）
               // cascade: @[960px]:gap-6 > @[768px]:gap-4 at 960px+
               d > 1 && "@[960px]:gap-6"
@@ -4870,7 +4874,7 @@ function _o({
                 className: s(
                   "shrink-0 snap-start",
                   // centeredSlides: タブレットで snap-center、PC で snap-start に戻す
-                  m && "@[768px]:snap-center @[960px]:snap-start",
+                  u && "@[768px]:snap-center @[960px]:snap-start",
                   l ? d > 1 ? "w-[calc(100%-48px)] pr-3 @[960px]:w-[calc((100%-48px)/3)] @[960px]:pr-0" : "w-[calc(100%-48px)] pr-3 @[960px]:w-full @[960px]:pr-0" : d > 1 ? "w-full @[960px]:w-[calc((100%-48px)/3)]" : "w-full"
                 ),
                 children: y.href ? /* @__PURE__ */ e("a", { href: y.href, className: "block", children: /* @__PURE__ */ e(
@@ -4913,7 +4917,7 @@ function _o({
               onClick: g,
               "aria-label": "次へ",
               className: "absolute right-2 top-1/2 z-10 hidden size-10 -translate-y-1/2 items-center justify-center rounded-full border border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Secondary)] shadow-md transition-opacity hover:bg-[var(--Surface-Tertiary)] @md:flex @[960px]:opacity-0 @[960px]:group-hover/carousel:opacity-100",
-              children: /* @__PURE__ */ e(F, { size: 20, className: "text-[var(--Object-High-Emphasis)]" })
+              children: /* @__PURE__ */ e($, { size: 20, className: "text-[var(--Object-High-Emphasis)]" })
             }
           )
         ] }),
@@ -4942,13 +4946,13 @@ function Io({
   showDots: o = !0,
   layout: l = "default",
   className: d,
-  ...m
+  ...u
 }) {
-  const [c, u] = w.useState(0);
+  const [c, m] = w.useState(0);
   if (a.length === 0) return null;
   const v = (p) => {
     const f = (p % a.length + a.length) % a.length;
-    f !== c && u(f);
+    f !== c && m(f);
   }, h = {
     square: "aspect-square",
     "4:3": "aspect-[4/3]",
@@ -4960,7 +4964,7 @@ function Io({
     {
       "data-slot": "image-gallery",
       className: s("flex flex-row-reverse gap-6", d),
-      ...m,
+      ...u,
       children: [
         /* @__PURE__ */ i("div", { className: s("relative min-w-0 grow overflow-hidden rounded-lg", h), children: [
           /* @__PURE__ */ e(
@@ -5013,7 +5017,7 @@ function Io({
     {
       "data-slot": "image-gallery",
       className: s("space-y-2", d),
-      ...m,
+      ...u,
       children: [
         /* @__PURE__ */ i("div", { className: s("relative w-full overflow-hidden", h), children: [
           /* @__PURE__ */ e(
@@ -5050,7 +5054,7 @@ function Io({
                 className: "absolute right-2 top-1/2 flex size-10 -translate-y-1/2 items-center justify-center rounded-full bg-[var(--Surface-Primary)]/80 shadow-sm transition-colors hover:bg-[var(--Surface-Primary)]",
                 onClick: () => v(c + 1),
                 "aria-label": "次の画像",
-                children: /* @__PURE__ */ e(F, { size: 20, className: "text-[var(--Text-High-Emphasis)]" })
+                children: /* @__PURE__ */ e($, { size: 20, className: "text-[var(--Text-High-Emphasis)]" })
               }
             )
           ] }),
@@ -5121,7 +5125,7 @@ function Ao({
       },
       "data-slot": "image-uploader",
       children: [
-        a.map((m, c) => /* @__PURE__ */ i(
+        a.map((u, c) => /* @__PURE__ */ i(
           "div",
           {
             className: "relative aspect-square rounded-xl bg-[var(--Surface-Tertiary)] border border-[var(--Border-Low-Emphasis)] overflow-hidden group",
@@ -5129,8 +5133,8 @@ function Ao({
               /* @__PURE__ */ e(
                 "img",
                 {
-                  src: m.src,
-                  alt: m.alt,
+                  src: u.src,
+                  alt: u.alt,
                   className: "absolute inset-0 size-full object-cover"
                 }
               ),
@@ -5138,7 +5142,7 @@ function Ao({
                 "button",
                 {
                   className: "size-8 rounded-full bg-[var(--Primitive-White-alpha-1000)]/80 flex items-center justify-center",
-                  "aria-label": `${m.alt}を削除`,
+                  "aria-label": `${u.alt}を削除`,
                   onClick: () => r?.(c),
                   children: /* @__PURE__ */ e(je, { size: 16, className: "text-[var(--Text-Caution)]" })
                 }
@@ -5203,9 +5207,9 @@ function Oo({
   badgeCount: o,
   toggleChecked: l = !1,
   onToggleChange: d,
-  leftIcon: m,
+  leftIcon: u,
   leftImageUrl: c,
-  size: u = "sm",
+  size: m = "sm",
   selected: v = !1,
   showBorder: h = !0,
   showBadgeDot: b = !1,
@@ -5213,7 +5217,7 @@ function Oo({
   className: f,
   ...x
 }) {
-  const g = t ? "md" : !!(m || c) ? "lg" : u, y = g === "lg" ? "min-h-16 py-4" : g === "md" ? "min-h-14 py-2" : "min-h-11 py-2", N = g === "lg" ? "typo-body-lg text-[var(--Text-High-Emphasis)]" : "typo-body-md text-[var(--Text-High-Emphasis)]", S = /* @__PURE__ */ i(
+  const g = t ? "md" : !!(u || c) ? "lg" : m, y = g === "lg" ? "min-h-16 py-4" : g === "md" ? "min-h-14 py-2" : "min-h-11 py-2", N = g === "lg" ? "typo-body-lg text-[var(--Text-High-Emphasis)]" : "typo-body-md text-[var(--Text-High-Emphasis)]", S = /* @__PURE__ */ i(
     "div",
     {
       className: s(
@@ -5225,12 +5229,12 @@ function Oo({
       ...x,
       children: [
         c && /* @__PURE__ */ e("div", { className: "relative shrink-0 size-8 overflow-hidden rounded-[var(--radius-sm,4px)]", children: /* @__PURE__ */ e("img", { src: c, alt: "", className: "size-full object-cover" }) }),
-        m && !c && /* @__PURE__ */ e("div", { className: "shrink-0 size-5 flex items-center justify-center text-[var(--Object-High-Emphasis)]", children: m }),
+        u && !c && /* @__PURE__ */ e("div", { className: "shrink-0 size-5 flex items-center justify-center text-[var(--Object-High-Emphasis)]", children: u }),
         /* @__PURE__ */ i("div", { className: "flex flex-1 min-w-0 flex-col gap-0", children: [
           /* @__PURE__ */ e("span", { className: s("truncate", N), children: a }),
           t && /* @__PURE__ */ e("span", { className: "truncate typo-body-sm text-[var(--Text-Medium-Emphasis)]", children: t })
         ] }),
-        r === "arrow-right" && /* @__PURE__ */ e(F, { size: 20, className: "shrink-0 text-[var(--Object-Low-Emphasis)]" }),
+        r === "arrow-right" && /* @__PURE__ */ e($, { size: 20, className: "shrink-0 text-[var(--Object-Low-Emphasis)]" }),
         r === "arrow-down" && /* @__PURE__ */ e(Y, { size: 20, className: "shrink-0 text-[var(--Object-Low-Emphasis)]" }),
         r === "text" && n && /* @__PURE__ */ e("span", { className: "shrink-0 typo-body-md text-[var(--Text-High-Emphasis)]", children: n }),
         r === "badge" && o !== void 0 && /* @__PURE__ */ e("span", { className: "flex shrink-0 h-[13px] min-w-[13px] items-center justify-center rounded-full bg-[var(--Surface-Caution,#ec0000)] px-1 typo-label-xs text-white", children: o }),
@@ -5258,9 +5262,9 @@ function Ro({
   banners: o,
   onClose: l,
   onLogin: d,
-  loginHref: m = "/security/login_link/",
+  loginHref: u = "/security/login_link/",
   className: c,
-  ...u
+  ...m
 }) {
   const [v, h] = w.useState(
     /* @__PURE__ */ new Set()
@@ -5278,7 +5282,7 @@ function Ro({
         "flex h-full w-80 flex-col bg-[var(--Surface-Primary)]",
         c
       ),
-      ...u,
+      ...m,
       children: [
         /* @__PURE__ */ i("div", { className: "flex items-center justify-between px-4 py-3", children: [
           t ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ i("p", { className: "typo-label-md text-[var(--Text-High-Emphasis)]", children: [
@@ -5300,7 +5304,7 @@ function Ro({
           /* @__PURE__ */ e("div", { className: "py-2", children: /* @__PURE__ */ e("ul", { children: /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
             "a",
             {
-              href: m,
+              href: u,
               onClick: d ? (p) => {
                 p.preventDefault(), d();
               } : void 0,
@@ -5386,12 +5390,12 @@ function ea({ item: a }) {
           a.badge && /* @__PURE__ */ e("span", { className: "rounded-full bg-[var(--Brand-Cake-Orange)] px-2 py-0.5 typo-label-xs text-[var(--Text-on-Inverse)]", children: a.badge }),
           a.subText && /* @__PURE__ */ e("span", { className: "typo-body-sm text-[var(--Text-Low-Emphasis)]", children: a.subText })
         ] }),
-        a.hasChildren && /* @__PURE__ */ e(F, { size: 16, className: "shrink-0 text-[var(--Object-High-Emphasis)]" })
+        a.hasChildren && /* @__PURE__ */ e($, { size: 16, className: "shrink-0 text-[var(--Object-High-Emphasis)]" })
       ]
     }
   );
 }
-function $o({
+function Fo({
   className: a,
   items: t,
   variant: r = "text",
@@ -5452,7 +5456,7 @@ function $o({
     }
   );
 }
-function Fo({
+function $o({
   notifications: a,
   variant: t = "vertical",
   emptyMessage: r = "新着のお知らせはありません",
@@ -5492,7 +5496,7 @@ function Fo({
                 l.isUnread && /* @__PURE__ */ e(_t, { variant: "destructive", className: "shrink-0 w-fit", children: "NEW" }),
                 /* @__PURE__ */ e("span", { className: "typo-body-md text-[var(--Text-High-Emphasis)] truncate", children: l.message })
               ] }),
-              /* @__PURE__ */ e(F, { size: 16, className: "text-[var(--Text-Low-Emphasis)] shrink-0 ml-auto" })
+              /* @__PURE__ */ e($, { size: 16, className: "text-[var(--Text-Low-Emphasis)] shrink-0 ml-auto" })
             ]
           },
           l.id
@@ -5546,9 +5550,9 @@ function be({
   showTaxLabel: o = !0,
   currency: l = "¥",
   size: d = "md",
-  ...m
+  ...u
 }) {
-  const c = t.toLocaleString("ja-JP"), u = r?.toLocaleString("ja-JP"), v = n?.toLocaleString("ja-JP"), h = n != null && n > t, b = r != null && r > t, p = d ?? "md", f = h ? `${l}${c} 税込、元の価格 ${l}${v}` : b ? `${l}${c}〜${l}${u} 税込` : `${l}${c} 税込`;
+  const c = t.toLocaleString("ja-JP"), m = r?.toLocaleString("ja-JP"), v = n?.toLocaleString("ja-JP"), h = n != null && n > t, b = r != null && r > t, p = d ?? "md", f = h ? `${l}${c} 税込、元の価格 ${l}${v}` : b ? `${l}${c}〜${l}${m} 税込` : `${l}${c} 税込`;
   return /* @__PURE__ */ i(
     "div",
     {
@@ -5556,7 +5560,7 @@ function be({
       className: s("flex flex-col", a),
       role: "group",
       "aria-label": f,
-      ...m,
+      ...u,
       children: [
         h && /* @__PURE__ */ i(
           "span",
@@ -5586,7 +5590,7 @@ function be({
                 c,
                 "〜",
                 l,
-                u
+                m
               ] }) : /* @__PURE__ */ i(O, { children: [
                 l,
                 c
@@ -5624,7 +5628,7 @@ function Wo({
       "aria-label": "ステップ",
       ...o,
       children: t.map((l, d) => {
-        const m = d < r, c = d === r, u = m || c, v = d === t.length - 1;
+        const u = d < r, c = d === r, m = u || c, v = d === t.length - 1;
         return /* @__PURE__ */ i("div", { className: s("flex items-start", !v && "flex-1"), children: [
           /* @__PURE__ */ i("div", { className: "flex flex-col items-center gap-1.5", children: [
             /* @__PURE__ */ e(
@@ -5632,10 +5636,10 @@ function Wo({
               {
                 className: s(
                   "flex size-7 items-center justify-center rounded-full typo-label-sm transition-colors",
-                  u ? "bg-[var(--Brand-Cake-Orange)] text-[var(--Text-on-Inverse)]" : "bg-[var(--Surface-Tertiary)] text-[var(--Text-Low-Emphasis)]"
+                  m ? "bg-[var(--Brand-Cake-Orange)] text-[var(--Text-on-Inverse)]" : "bg-[var(--Surface-Tertiary)] text-[var(--Text-Low-Emphasis)]"
                 ),
                 "aria-current": c ? "step" : void 0,
-                children: n && m ? /* @__PURE__ */ e(Ie, { className: "size-4 shrink-0" }) : d + 1
+                children: n && u ? /* @__PURE__ */ e(Ie, { className: "size-4 shrink-0" }) : d + 1
               }
             ),
             /* @__PURE__ */ e(
@@ -5643,7 +5647,7 @@ function Wo({
               {
                 className: s(
                   "transition-colors",
-                  u ? "typo-label-xs text-[var(--Text-High-Emphasis)]" : "typo-body-xs text-[var(--Text-Low-Emphasis)]"
+                  m ? "typo-label-xs text-[var(--Text-High-Emphasis)]" : "typo-body-xs text-[var(--Text-Low-Emphasis)]"
                 ),
                 children: l
               }
@@ -5654,7 +5658,7 @@ function Wo({
             {
               className: s(
                 "h-0.5 w-full rounded-full transition-colors",
-                m ? "bg-[var(--Brand-Cake-Orange)]" : "bg-[var(--Border-Medium-Emphasis)]"
+                u ? "bg-[var(--Brand-Cake-Orange)]" : "bg-[var(--Border-Medium-Emphasis)]"
               )
             }
           ) })
@@ -5671,13 +5675,13 @@ function Sa({
   onChange: o,
   disabled: l = !1,
   error: d = !1,
-  size: m = "md",
+  size: u = "md",
   editable: c = !0,
-  showTrash: u = !1,
+  showTrash: m = !1,
   onDelete: v,
   ...h
 }) {
-  const [b, p] = w.useState(String(t)), f = u && t <= r, x = t > r && !l, k = t < n && !l, g = f && !l;
+  const [b, p] = w.useState(String(t)), f = m && t <= r, x = t > r && !l, k = t < n && !l, g = f && !l;
   w.useEffect(() => {
     p(String(t));
   }, [t]);
@@ -5702,7 +5706,7 @@ function Sa({
   }, B = (C) => {
     C.key === "Enter" && z();
   };
-  return m === "sm" ? /* @__PURE__ */ i(
+  return u === "sm" ? /* @__PURE__ */ i(
     "div",
     {
       "data-slot": "quantity-selector",
@@ -5862,26 +5866,26 @@ const Ar = w.forwardRef(
     searchHref: o,
     ...l
   }, d) => {
-    const m = w.useRef(null), c = w.useCallback(
+    const u = w.useRef(null), c = w.useCallback(
       (h) => {
-        m.current = h, typeof d == "function" ? d(h) : d && (d.current = h);
+        u.current = h, typeof d == "function" ? d(h) : d && (d.current = h);
       },
       [d]
-    ), u = () => {
-      const h = m.current?.value ?? "";
+    ), m = () => {
+      const h = u.current?.value ?? "";
       h.trim() && (r?.(h), o && (window.location.href = o.replace(
         "{query}",
         encodeURIComponent(h)
       )));
     }, v = (h) => {
-      h.key === "Enter" && u(), l.onKeyDown?.(h);
+      h.key === "Enter" && m(), l.onKeyDown?.(h);
     };
     return /* @__PURE__ */ i(
       "div",
       {
         "data-slot": "search-bar",
         className: s(
-          "group flex items-center overflow-hidden rounded-lg border border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Secondary)] transition-colors hover:border-[var(--Border-High-Emphasis)] focus-within:border-[var(--Brand-Cake-Orange)] focus-within:ring-1 focus-within:ring-[var(--Brand-Cake-Orange)]",
+          "group flex items-center overflow-hidden rounded-lg border border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Secondary)] transition-colors hover:border-[var(--Border-High-Emphasis)] focus-within:border-[var(--Focus-High-Emphasis)] focus-within:ring-1 focus-within:ring-[var(--Focus-High-Emphasis)]",
           n === "sm" ? "h-9" : "h-11",
           a
         ),
@@ -5909,7 +5913,7 @@ const Ar = w.forwardRef(
                 "flex shrink-0 items-center justify-center border-l border-[var(--Border-Medium-Emphasis)] text-[var(--Text-Low-Emphasis)] transition-colors hover:bg-[var(--Surface-Tertiary)] hover:text-[var(--Text-High-Emphasis)]",
                 n === "sm" ? "size-9" : "h-11 w-11"
               ),
-              onClick: u,
+              onClick: m,
               "aria-label": "検索",
               children: /* @__PURE__ */ e(Te, { size: n === "sm" ? 14 : 16 })
             }
@@ -6057,11 +6061,11 @@ function qo({
     }
   );
 }
-function $r(a) {
+function Fr(a) {
   const t = `/iframe.html?id=${encodeURIComponent(a)}&viewMode=story`;
   window.location.href = t;
 }
-function Fr({
+function $r({
   activeMenu: a,
   groups: t,
   ariaLabel: r = "サイドメニュー",
@@ -6080,14 +6084,14 @@ function Fr({
       ...o,
       children: /* @__PURE__ */ e("div", { className: "py-4", children: t.map((l, d) => /* @__PURE__ */ i("div", { className: "mb-1", children: [
         l.groupLabel && /* @__PURE__ */ e("p", { className: "px-4 py-2 typo-label-xs text-[var(--Text-Low-Emphasis)] uppercase", children: l.groupLabel }),
-        /* @__PURE__ */ e("ul", { children: l.items.map((m) => {
-          const c = m.key === a;
+        /* @__PURE__ */ e("ul", { children: l.items.map((u) => {
+          const c = u.key === a;
           return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
             "a",
             {
-              href: m.href,
-              onClick: (u) => {
-                m.storyId && (u.preventDefault(), $r(m.storyId));
+              href: u.href,
+              onClick: (m) => {
+                u.storyId && (m.preventDefault(), Fr(u.storyId));
               },
               className: s(
                 "flex items-center gap-3 px-4 py-2.5 typo-body-md transition-colors hover:bg-[var(--Surface-Secondary)] cursor-pointer",
@@ -6099,14 +6103,14 @@ function Fr({
                   "span",
                   {
                     className: c ? "text-[var(--Text-Accent-Primary)]" : "text-[var(--Object-High-Emphasis)]",
-                    children: m.icon
+                    children: u.icon
                   }
                 ),
-                /* @__PURE__ */ e("span", { className: "flex-1", children: m.label }),
-                /* @__PURE__ */ e(F, { size: 14, className: "text-[var(--Object-Low-Emphasis)]" })
+                /* @__PURE__ */ e("span", { className: "flex-1", children: u.label }),
+                /* @__PURE__ */ e($, { size: 14, className: "text-[var(--Object-Low-Emphasis)]" })
               ]
             }
-          ) }, m.key);
+          ) }, u.key);
         }) }),
         d < t.length - 1 && /* @__PURE__ */ e(Ta, { className: "my-2 mx-4" })
       ] }, d)) })
@@ -6220,8 +6224,8 @@ function Uo({
   onSelect: r,
   className: n
 }) {
-  const [o, l] = w.useState(t), d = (m) => {
-    l(m), r?.(m);
+  const [o, l] = w.useState(t), d = (u) => {
+    l(u), r?.(u);
   };
   return /* @__PURE__ */ e(
     "div",
@@ -6229,18 +6233,18 @@ function Uo({
       "data-slot": "status-count-tabs",
       className: s("flex gap-2 overflow-x-auto scrollbar-hide", n),
       role: "tablist",
-      children: a.map((m, c) => /* @__PURE__ */ e(
+      children: a.map((u, c) => /* @__PURE__ */ e(
         za,
         {
           selected: o === c,
-          count: m.count,
+          count: u.count,
           size: "sm",
           onClick: () => d(c),
           role: "tab",
           "aria-selected": o === c,
-          children: m.label
+          children: u.label
         },
-        m.label
+        u.label
       ))
     }
   );
@@ -6371,15 +6375,15 @@ function Xo({
   breadcrumbs: n,
   shopName: o = "Sample Shop"
 }) {
-  const [l, d] = w.useState(null), [m, c] = w.useState(!1);
+  const [l, d] = w.useState(null), [u, c] = w.useState(!1);
   return /* @__PURE__ */ i("div", { className: "@container flex min-h-screen bg-[var(--Surface-Secondary)]", "data-slot": "admin-layout", children: [
-    /* @__PURE__ */ e(aa, { name: "AdminSideNav", className: "hidden @md:block border-0 rounded-none border-r-2", children: /* @__PURE__ */ e("nav", { className: "fixed left-0 top-0 z-40 flex h-full w-[72px] flex-col items-center bg-[var(--Surface-Primary)] border-r border-[var(--Border-Low-Emphasis)] pt-16", children: ta.map((u) => {
-      const v = u.icon, h = t === u.id, b = u.id in ce;
+    /* @__PURE__ */ e(aa, { name: "AdminSideNav", className: "hidden @md:block border-0 rounded-none border-r-2", children: /* @__PURE__ */ e("nav", { className: "fixed left-0 top-0 z-40 flex h-full w-[72px] flex-col items-center bg-[var(--Surface-Primary)] border-r border-[var(--Border-Low-Emphasis)] pt-16", children: ta.map((m) => {
+      const v = m.icon, h = t === m.id, b = m.id in ce;
       return /* @__PURE__ */ i(
         "div",
         {
           className: "relative",
-          onMouseEnter: () => d(b ? u.id : null),
+          onMouseEnter: () => d(b ? m.id : null),
           onMouseLeave: () => d(null),
           children: [
             /* @__PURE__ */ i(
@@ -6391,11 +6395,11 @@ function Xo({
                 ),
                 children: [
                   /* @__PURE__ */ e(v, { size: 24, variant: h ? "Bold" : "Outline" }),
-                  /* @__PURE__ */ e("span", { className: "leading-none", children: u.label })
+                  /* @__PURE__ */ e("span", { className: "leading-none", children: m.label })
                 ]
               }
             ),
-            b && l === u.id && /* @__PURE__ */ e("div", { className: "absolute left-full top-0 z-50 ml-0 w-[240px] rounded-2xl bg-[var(--Surface-Primary)] shadow-[0px_4px_6px_-4px_rgba(24,39,75,0.12),0px_8px_8px_-4px_rgba(24,39,75,0.08)] border border-[var(--Border-Low-Emphasis)] py-2", children: ce[u.id].map((p) => /* @__PURE__ */ e(
+            b && l === m.id && /* @__PURE__ */ e("div", { className: "absolute left-full top-0 z-50 ml-0 w-[240px] rounded-2xl bg-[var(--Surface-Primary)] shadow-[0px_4px_6px_-4px_rgba(24,39,75,0.12),0px_8px_8px_-4px_rgba(24,39,75,0.08)] border border-[var(--Border-Low-Emphasis)] py-2", children: ce[m.id].map((p) => /* @__PURE__ */ e(
               "a",
               {
                 href: p.href,
@@ -6406,18 +6410,18 @@ function Xo({
             )) })
           ]
         },
-        u.id
+        m.id
       );
     }) }) }),
-    m && /* @__PURE__ */ i("div", { className: "fixed inset-0 z-50 @md:hidden", children: [
+    u && /* @__PURE__ */ i("div", { className: "fixed inset-0 z-50 @md:hidden", children: [
       /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-[var(--Primitive-Black-alpha-1000)]/40", onClick: () => c(!1) }),
       /* @__PURE__ */ i("nav", { className: "absolute left-0 top-0 h-full w-[280px] bg-[var(--Surface-Primary)] shadow-lg overflow-y-auto", children: [
         /* @__PURE__ */ i("div", { className: "flex items-center justify-between border-b border-[var(--Border-Low-Emphasis)] px-4 py-3", children: [
           /* @__PURE__ */ e("span", { className: "typo-label-md text-[var(--Text-High-Emphasis)]", children: o }),
           /* @__PURE__ */ e("button", { onClick: () => c(!1), className: "size-10 flex items-center justify-center", "aria-label": "閉じる", children: /* @__PURE__ */ e("span", { className: "typo-heading-lg text-[var(--Text-Medium-Emphasis)]", children: "×" }) })
         ] }),
-        ta.map((u) => {
-          const v = u.icon, h = t === u.id, b = u.id in ce;
+        ta.map((m) => {
+          const v = m.icon, h = t === m.id, b = m.id in ce;
           return /* @__PURE__ */ i("div", { children: [
             /* @__PURE__ */ i(
               "button",
@@ -6428,13 +6432,13 @@ function Xo({
                 ),
                 children: [
                   /* @__PURE__ */ e(v, { size: 20, variant: h ? "Bold" : "Outline" }),
-                  /* @__PURE__ */ e("span", { className: "typo-label-md", children: u.label }),
+                  /* @__PURE__ */ e("span", { className: "typo-label-md", children: m.label }),
                   b && /* @__PURE__ */ e(Y, { size: 16, className: "ml-auto text-[var(--Text-Low-Emphasis)]" })
                 ]
               }
             ),
-            b && /* @__PURE__ */ e("div", { className: "bg-[var(--Surface-Secondary)]", children: ce[u.id].map((p) => /* @__PURE__ */ e("a", { href: p.href, className: "block px-12 py-2.5 typo-body-md text-[var(--Text-Medium-Emphasis)] hover:text-[var(--Text-High-Emphasis)]", children: p.label }, p.label)) })
-          ] }, u.id);
+            b && /* @__PURE__ */ e("div", { className: "bg-[var(--Surface-Secondary)]", children: ce[m.id].map((p) => /* @__PURE__ */ e("a", { href: p.href, className: "block px-12 py-2.5 typo-body-md text-[var(--Text-Medium-Emphasis)] hover:text-[var(--Text-High-Emphasis)]", children: p.label }, p.label)) })
+          ] }, m.id);
         })
       ] })
     ] }),
@@ -6465,9 +6469,9 @@ function Xo({
       ] }) }),
       /* @__PURE__ */ i("main", { className: "mt-14 @md:mt-16 flex-1 p-4 @md:p-6", children: [
         (n || r) && /* @__PURE__ */ i("div", { className: "mb-4 space-y-1", children: [
-          n && n.length > 0 && /* @__PURE__ */ e("nav", { className: "flex items-center gap-1 typo-body-sm text-[var(--Text-Low-Emphasis)]", "aria-label": "パンくず", children: n.map((u, v) => /* @__PURE__ */ i(w.Fragment, { children: [
-            v > 0 && /* @__PURE__ */ e(F, { size: 12 }),
-            u.href ? /* @__PURE__ */ e("a", { href: u.href, className: "hover:text-[var(--Text-Accent-Primary)] transition-colors", children: u.label }) : /* @__PURE__ */ e("span", { className: "text-[var(--Text-High-Emphasis)]", children: u.label })
+          n && n.length > 0 && /* @__PURE__ */ e("nav", { className: "flex items-center gap-1 typo-body-sm text-[var(--Text-Low-Emphasis)]", "aria-label": "パンくず", children: n.map((m, v) => /* @__PURE__ */ i(w.Fragment, { children: [
+            v > 0 && /* @__PURE__ */ e($, { size: 12 }),
+            m.href ? /* @__PURE__ */ e("a", { href: m.href, className: "hover:text-[var(--Text-Accent-Primary)] transition-colors", children: m.label }) : /* @__PURE__ */ e("span", { className: "text-[var(--Text-High-Emphasis)]", children: m.label })
           ] }, v)) }),
           r && /* @__PURE__ */ e("h1", { className: "typo-heading-2xl text-[var(--Text-High-Emphasis)]", children: r })
         ] }),
@@ -6484,11 +6488,11 @@ function Ko({
   daysLeft: o,
   memo: l,
   editHref: d,
-  onEdit: m,
+  onEdit: u,
   className: c,
-  ...u
+  ...m
 }) {
-  const v = d ? /* @__PURE__ */ e(T, { variant: "tertiary", size: "xs", asChild: !0, children: /* @__PURE__ */ e("a", { href: d, children: "編集" }) }) : m ? /* @__PURE__ */ e(T, { variant: "tertiary", size: "xs", onClick: m, children: "編集" }) : null;
+  const v = d ? /* @__PURE__ */ e(T, { variant: "tertiary", size: "xs", asChild: !0, children: /* @__PURE__ */ e("a", { href: d, children: "編集" }) }) : u ? /* @__PURE__ */ e(T, { variant: "tertiary", size: "xs", onClick: u, children: "編集" }) : null;
   return /* @__PURE__ */ i(
     "div",
     {
@@ -6497,7 +6501,7 @@ function Ko({
         "min-w-[200px] rounded-xl border border-[var(--Border-Medium-Emphasis)] p-4 space-y-2",
         c
       ),
-      ...u,
+      ...m,
       children: [
         /* @__PURE__ */ i("div", { className: "flex items-center justify-between gap-2", children: [
           /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
@@ -6570,7 +6574,7 @@ function Jo({
   className: n,
   ...o
 }) {
-  const l = Math.floor(t / 3600), d = Math.floor(t % 3600 / 60), m = t % 60, c = (h) => String(h).padStart(2, "0"), v = r ?? (a === "before" ? "開始まで" : a === "active" ? "終了まで" : "");
+  const l = Math.floor(t / 3600), d = Math.floor(t % 3600 / 60), u = t % 60, c = (h) => String(h).padStart(2, "0"), v = r ?? (a === "before" ? "開始まで" : a === "active" ? "終了まで" : "");
   return a === "ended" ? /* @__PURE__ */ e(
     "div",
     {
@@ -6598,7 +6602,7 @@ function Jo({
           /* @__PURE__ */ e("span", { className: "typo-label-md text-[var(--Text-High-Emphasis)]", children: ":" }),
           /* @__PURE__ */ e(Pe, { value: c(d) }),
           /* @__PURE__ */ e("span", { className: "typo-label-md text-[var(--Text-High-Emphasis)]", children: ":" }),
-          /* @__PURE__ */ e(Pe, { value: c(m) })
+          /* @__PURE__ */ e(Pe, { value: c(u) })
         ] })
       ]
     }
@@ -6615,16 +6619,16 @@ function Yo({
   shopThumbnailUrl: o,
   shopName: l,
   status: d = "available",
-  onAcquire: m,
+  onAcquire: u,
   acquireLabel: c = "クーポンを獲得する",
-  layout: u = "vertical",
+  layout: m = "vertical",
   limitLabel: v,
   conditionText: h,
   expiryText: b,
   className: p,
   ...f
 }) {
-  return u === "horizontal" ? /* @__PURE__ */ e(
+  return m === "horizontal" ? /* @__PURE__ */ e(
     Gr,
     {
       title: a,
@@ -6632,7 +6636,7 @@ function Yo({
       conditionText: h,
       expiryText: b,
       status: d,
-      onAcquire: m,
+      onAcquire: u,
       className: p,
       ...f
     }
@@ -6672,7 +6676,7 @@ function Yo({
           t && /* @__PURE__ */ e("p", { className: "mt-1 break-words typo-body-md text-[var(--Text-Medium-Emphasis)]", children: t })
         ] }),
         /* @__PURE__ */ e("div", { className: "px-4 py-3", children: /* @__PURE__ */ e("div", { className: "border-t border-dashed border-[var(--Border-Medium-Emphasis)]" }) }),
-        /* @__PURE__ */ e("div", { className: "px-4 pb-4", children: /* @__PURE__ */ e(Ca, { status: d, onAcquire: m, label: c, size: "lg" }) })
+        /* @__PURE__ */ e("div", { className: "px-4 pb-4", children: /* @__PURE__ */ e(Ca, { status: d, onAcquire: u, label: c, size: "lg" }) })
       ]
     }
   );
@@ -6685,7 +6689,7 @@ function Gr({
   status: o = "available",
   onAcquire: l,
   className: d,
-  ...m
+  ...u
 }) {
   return /* @__PURE__ */ i(
     "div",
@@ -6693,7 +6697,7 @@ function Gr({
       "data-slot": "coupon-card",
       "data-layout": "horizontal",
       className: s("flex items-stretch min-w-0 overflow-hidden", d),
-      ...m,
+      ...u,
       children: [
         /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-1 flex-col items-start justify-center gap-1 rounded-l-lg border-b border-l border-t border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Primary)] px-3 py-2", children: [
           t && /* @__PURE__ */ e("span", { className: "shrink-0 rounded-full bg-[var(--Surface-Accent-Primary-Light)] px-2 py-0.5 typo-body-sm text-[var(--Text-Accent-Primary)]", children: t }),
@@ -6726,7 +6730,7 @@ function Ca({
         "bg-[var(--Brand-Cake-Orange)] text-[var(--Text-on-Inverse)] transition-colors hover:bg-[var(--Hover-Primary-Button)] active:scale-[0.98]"
       ),
       children: [
-        o && /* @__PURE__ */ e($e, { size: 16 }),
+        o && /* @__PURE__ */ e(Fe, { size: 16 }),
         r
       ]
     }
@@ -6744,9 +6748,9 @@ function Qo({
   onDaySelect: o,
   selectedDate: l,
   className: d,
-  ...m
+  ...u
 }) {
-  const c = new Date(a, t - 1, 1), u = new Date(a, t, 0), v = c.getDay(), h = u.getDate(), b = [];
+  const c = new Date(a, t - 1, 1), m = new Date(a, t, 0), v = c.getDay(), h = m.getDate(), b = [];
   let p = Array(v).fill(null);
   for (let g = 1; g <= h; g++) {
     const y = new Date(a, t - 1, g), N = r.find(
@@ -6772,7 +6776,7 @@ function Qo({
     {
       "data-slot": "delivery-calendar",
       className: s("space-y-2", d),
-      ...m,
+      ...u,
       children: [
         /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ e(T, { variant: "ghost", size: "icon-sm", onClick: f, "aria-label": "前月", children: /* @__PURE__ */ e(le, { size: 16 }) }),
@@ -6780,7 +6784,7 @@ function Qo({
             t,
             "月"
           ] }),
-          /* @__PURE__ */ e(T, { variant: "ghost", size: "icon-sm", onClick: x, "aria-label": "次月", children: /* @__PURE__ */ e(F, { size: 16 }) })
+          /* @__PURE__ */ e(T, { variant: "ghost", size: "icon-sm", onClick: x, "aria-label": "次月", children: /* @__PURE__ */ e($, { size: 16 }) })
         ] }),
         /* @__PURE__ */ e("div", { className: "grid grid-cols-7 text-center", children: Ur.map((g, y) => /* @__PURE__ */ e(
           "span",
@@ -6913,7 +6917,7 @@ const Kr = [
     groupLabel: "ポイント・キャンペーン",
     items: [
       {
-        icon: /* @__PURE__ */ e($e, { size: 16 }),
+        icon: /* @__PURE__ */ e(Fe, { size: 16 }),
         label: "クーポン",
         href: "/mypage/coupon_list/",
         key: "coupons",
@@ -6983,7 +6987,7 @@ function Zo({
   onEdit: o,
   children: l,
   className: d,
-  ...m
+  ...u
 }) {
   return /* @__PURE__ */ i(
     "div",
@@ -6995,7 +6999,7 @@ function Zo({
         o && "cursor-pointer hover:bg-[var(--Surface-Secondary)] hover:border-[var(--Border-High-Emphasis)]",
         d
       ),
-      ...m,
+      ...u,
       children: [
         /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
           /* @__PURE__ */ e("h3", { className: "typo-label-md text-[var(--Text-High-Emphasis)]", children: a }),
@@ -7013,7 +7017,7 @@ function Zo({
             className: "flex shrink-0 items-center gap-0.5 typo-body-md text-[var(--Text-Accent-Primary)] transition-colors hover:opacity-80",
             children: [
               n,
-              /* @__PURE__ */ e(F, { size: 20, className: "text-[var(--Text-Accent-Primary)]" })
+              /* @__PURE__ */ e($, { size: 20, className: "text-[var(--Text-Accent-Primary)]" })
             ]
           }
         )
@@ -7029,9 +7033,9 @@ function el({
   ctaLabel: o,
   onCTAClick: l,
   showSecurityBadge: d = !1,
-  securityText: m = "SSL暗号化通信で安全にお手続きいただけます",
+  securityText: u = "SSL暗号化通信で安全にお手続きいただけます",
   disableFixed: c = !1,
-  ctaDisabled: u = !1,
+  ctaDisabled: m = !1,
   ...v
 }) {
   const h = /* @__PURE__ */ i("div", { className: "space-y-2 px-4 py-3", children: [
@@ -7057,13 +7061,13 @@ function el({
         size: "xl",
         className: "w-full",
         onClick: l,
-        disabled: u,
+        disabled: m,
         children: o
       }
     ),
     d && /* @__PURE__ */ i("p", { className: "flex items-center justify-center gap-1 typo-body-sm text-[var(--Text-Low-Emphasis)]", children: [
       /* @__PURE__ */ e(ht, { size: 12 }),
-      m
+      u
     ] })
   ] });
   return c ? /* @__PURE__ */ e(
@@ -7122,14 +7126,14 @@ function al({
   status: o = "registered",
   acceptedBrands: l,
   className: d,
-  ...m
+  ...u
 }) {
   return /* @__PURE__ */ i(
     "div",
     {
       "data-slot": "payment-method",
       className: s("space-y-3", d),
-      ...m,
+      ...u,
       children: [
         o === "registered" && t && /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ e(Me, { brand: t }),
@@ -7195,14 +7199,14 @@ function ie({
   showValue: l = !0,
   ...d
 }) {
-  const m = Math.max(0, Math.min(5, t)), { iconSize: c, valueCls: u, countCls: v } = Qr[n];
+  const u = Math.max(0, Math.min(5, t)), { iconSize: c, valueCls: m, countCls: v } = Qr[n];
   return /* @__PURE__ */ i(
     "div",
     {
       "data-slot": "rating-stars",
       className: s("inline-flex items-center gap-0.5", a),
       role: "img",
-      "aria-label": `評価 ${m.toFixed(1)} / 5${r != null ? ` (${r}件)` : ""}`,
+      "aria-label": `評価 ${u.toFixed(1)} / 5${r != null ? ` (${r}件)` : ""}`,
       ...d,
       children: [
         /* @__PURE__ */ e(
@@ -7217,9 +7221,9 @@ function ie({
           {
             className: s(
               "text-[var(--Brand-Cake-Orange)]",
-              u
+              m
             ),
-            children: m.toFixed(2)
+            children: u.toFixed(2)
           }
         ),
         o && r != null && /* @__PURE__ */ i("span", { className: s("text-[var(--Text-Low-Emphasis)]", v), children: [
@@ -7339,9 +7343,9 @@ function es({
   price: o,
   originalPrice: l,
   rating: d,
-  reviewCount: m,
+  reviewCount: u,
   shopName: c,
-  shopHref: u,
+  shopHref: m,
   tags: v = [],
   isFavorite: h = !1,
   onFavoriteToggle: b,
@@ -7375,12 +7379,12 @@ function es({
         ] }),
         /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-1 flex-col justify-between py-1 pl-3 pr-1", children: [
           /* @__PURE__ */ i("div", { className: "space-y-0.5", children: [
-            c && /* @__PURE__ */ e(na, { name: c, href: u }),
+            c && /* @__PURE__ */ e(na, { name: c, href: m }),
             /* @__PURE__ */ e("h3", { className: "line-clamp-2 typo-body-md text-[var(--Text-High-Emphasis)]", children: t })
           ] }),
           /* @__PURE__ */ i("div", { className: "mt-1 space-y-0.5", children: [
             /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-2", children: [
-              d != null && /* @__PURE__ */ e(ie, { rating: d, reviewCount: m, size: "sm" }),
+              d != null && /* @__PURE__ */ e(ie, { rating: d, reviewCount: u, size: "sm" }),
               k && /* @__PURE__ */ i("p", { className: "typo-body-xs text-[var(--Text-Medium-Emphasis)]", children: [
                 "最短 ",
                 k
@@ -7412,10 +7416,10 @@ function es({
           b && /* @__PURE__ */ e("div", { className: "absolute bottom-1.5 right-1.5 z-[4]", children: /* @__PURE__ */ e(sa, { isFavorite: h, onToggle: b }) })
         ] }),
         /* @__PURE__ */ i("div", { className: "flex flex-1 flex-col gap-0.5", children: [
-          c && /* @__PURE__ */ e(na, { name: c, href: u }),
+          c && /* @__PURE__ */ e(na, { name: c, href: m }),
           /* @__PURE__ */ e("h3", { className: "line-clamp-2 typo-body-md text-[var(--Text-High-Emphasis)]", children: t }),
           (d != null || k) && /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-2", children: [
-            d != null && /* @__PURE__ */ e(ie, { rating: d, reviewCount: m, size: "sm" }),
+            d != null && /* @__PURE__ */ e(ie, { rating: d, reviewCount: u, size: "sm" }),
             k && /* @__PURE__ */ i("p", { className: "typo-body-xs text-[var(--Text-Medium-Emphasis)]", children: [
               "最短 ",
               k
@@ -7453,9 +7457,9 @@ function tl({
   sectionImageAlt: o,
   sectionImageHref: l,
   moreHref: d,
-  moreLabel: m,
+  moreLabel: u,
   onMoreClick: c,
-  headerSize: u,
+  headerSize: m,
   products: v,
   cardSize: h = "sm",
   showRanking: b = !1,
@@ -7486,10 +7490,9 @@ function tl({
                 title: a,
                 subtitle: t,
                 moreHref: d,
-                moreLabel: m,
+                moreLabel: u,
                 onMoreClick: c,
-                size: u,
-                className: "px-0"
+                size: m
               }
             ),
             r && /* @__PURE__ */ e("p", { className: "mt-1 line-clamp-3 typo-body-md text-[var(--Text-Medium-Emphasis)]", children: r })
@@ -7501,9 +7504,10 @@ function tl({
               title: a,
               subtitle: t,
               moreHref: d,
-              moreLabel: m,
+              moreLabel: u,
               onMoreClick: c,
-              size: u
+              size: m,
+              className: "px-4"
             }
           ),
           r && /* @__PURE__ */ e("p", { className: "mt-1 px-4 line-clamp-3 typo-body-md text-[var(--Text-Medium-Emphasis)]", children: r })
@@ -7543,9 +7547,9 @@ function rl({
   countdownText: o,
   resaleText: l,
   className: d,
-  ...m
+  ...u
 }) {
-  const c = a === "sold-out" || a === "timesale-ended" || a === "pre-sale", u = {
+  const c = a === "sold-out" || a === "timesale-ended" || a === "pre-sale", m = {
     "add-to-cart": "カートに追加",
     resale: "再販通知を受け取る",
     timesale: "タイムセール カートに追加",
@@ -7562,7 +7566,7 @@ function rl({
     {
       "data-slot": "product-cta",
       className: s("space-y-2", d),
-      ...m,
+      ...u,
       children: [
         /* @__PURE__ */ e(
           T,
@@ -7571,7 +7575,7 @@ function rl({
             className: "w-full",
             disabled: c,
             onClick: t,
-            children: u[a]
+            children: m[a]
           }
         ),
         r && /* @__PURE__ */ i(
@@ -7616,9 +7620,9 @@ function sl({
   isSale: o = !1,
   rating: l,
   reviewCount: d,
-  ctaLabel: m = "カートに追加",
+  ctaLabel: u = "カートに追加",
   onCtaClick: c,
-  ctaDisabled: u = !1,
+  ctaDisabled: m = !1,
   onTabClick: v,
   ...h
 }) {
@@ -7677,8 +7681,8 @@ function sl({
             {
               size: "lg",
               onClick: c,
-              disabled: u,
-              children: m
+              disabled: m,
+              children: u
             }
           )
         ] })
@@ -7694,9 +7698,9 @@ function il({
   shopName: o,
   shopHref: l,
   brandLabel: d,
-  brandHref: m,
+  brandHref: u,
   rating: c,
-  reviewCount: u,
+  reviewCount: m,
   coupons: v,
   sizeOptions: h,
   selectedSize: b,
@@ -7755,10 +7759,10 @@ function il({
                   className: "shrink-0 text-[var(--Text-Medium-Emphasis)]"
                 }
               ),
-              m ? /* @__PURE__ */ e(
+              u ? /* @__PURE__ */ e(
                 "a",
                 {
-                  href: m,
+                  href: u,
                   className: "typo-label-md text-[var(--Text-Medium-Emphasis)] underline",
                   children: d
                 }
@@ -7771,7 +7775,7 @@ function il({
               ie,
               {
                 rating: c,
-                reviewCount: u,
+                reviewCount: m,
                 size: "md",
                 showValue: !0,
                 showCount: !0
@@ -7780,7 +7784,7 @@ function il({
           ] }),
           v && v.length > 0 && /* @__PURE__ */ i("div", { className: "flex flex-col pb-2", children: [
             /* @__PURE__ */ i("div", { className: "z-[2] flex items-center gap-0.5 self-start rounded bg-[var(--Surface-Info)] px-2 py-1", children: [
-              /* @__PURE__ */ e($e, { size: 16, className: "text-[var(--Text-on-Inverse)]" }),
+              /* @__PURE__ */ e(Fe, { size: 16, className: "text-[var(--Text-on-Inverse)]" }),
               /* @__PURE__ */ e("span", { className: "typo-label-sm text-[var(--Text-on-Inverse)]", children: "対象クーポン" })
             ] }),
             /* @__PURE__ */ e("div", { className: "-mt-2 z-[1] flex flex-col gap-0 rounded-lg bg-[var(--Surface-Info-Light)] px-4 py-3 pt-5", children: v.map((P, R) => /* @__PURE__ */ i(w.Fragment, { children: [
@@ -7947,7 +7951,7 @@ function il({
                 /* @__PURE__ */ e("span", { className: "typo-body-md text-left text-[var(--Text-Info)]", children: W.text })
               ] }),
               /* @__PURE__ */ e(
-                F,
+                $,
                 {
                   size: 24,
                   className: "shrink-0 text-[var(--Text-Info)]"
@@ -7968,9 +7972,9 @@ function nl({
   shopHref: o,
   brandName: l,
   tags: d,
-  hashTags: m,
+  hashTags: u,
   statusLabel: c,
-  variant: u = "default",
+  variant: m = "default",
   showCartButton: v = !1,
   onAddToCart: h,
   showDetailButton: b = !1,
@@ -7999,14 +8003,14 @@ function nl({
   className: Ea,
   ...Pa
 }) {
-  const K = u === "small" || u === "xsm", J = u === "review", $ = u === "cart", Ve = $ ? R : u === "xsm" ? "size-10" : K ? "size-14" : "size-[102px]";
+  const K = m === "small" || m === "xsm", J = m === "review", F = m === "cart", Ve = F ? R : m === "xsm" ? "size-10" : K ? "size-14" : "size-[102px]";
   return /* @__PURE__ */ i(
     "div",
     {
       "data-slot": "list-item",
       className: s(
         "flex flex-col bg-[var(--Surface-Primary)]",
-        u === "lp" && "flex-col rounded-xl bg-[var(--Surface-Secondary)] p-4",
+        m === "lp" && "flex-col rounded-xl bg-[var(--Surface-Secondary)] p-4",
         Ea
       ),
       ...Pa,
@@ -8014,10 +8018,10 @@ function nl({
         /* @__PURE__ */ i("div", { className: s(
           "flex gap-2 px-4 py-2 min-w-0 overflow-hidden",
           K && "gap-2 px-3 py-2",
-          $ && "gap-3 p-4",
-          u === "lp" && "gap-3 px-0 py-0"
+          F && "gap-3 p-4",
+          m === "lp" && "gap-3 px-0 py-0"
         ), children: [
-          I ? /* @__PURE__ */ e("div", { className: "shrink-0", children: I }) : t && !$ ? /* @__PURE__ */ i("a", { href: x ?? "#", className: "relative shrink-0", children: [
+          I ? /* @__PURE__ */ e("div", { className: "shrink-0", children: I }) : t && !F ? /* @__PURE__ */ i("a", { href: x ?? "#", className: "relative shrink-0", children: [
             /* @__PURE__ */ e(
               "img",
               {
@@ -8026,13 +8030,13 @@ function nl({
                 className: s(
                   "rounded-lg object-cover",
                   Ve,
-                  u === "lp" && "aspect-video w-full size-auto rounded-lg"
+                  m === "lp" && "aspect-video w-full size-auto rounded-lg"
                 )
               }
             ),
             c && /* @__PURE__ */ e("span", { className: "absolute top-1.5 left-1.5 rounded bg-[var(--Surface-Primary)]/80 px-1.5 py-0.5 typo-label-xs text-[var(--Text-Medium-Emphasis)]", children: c })
           ] }) : null,
-          !I && t && $ && /* @__PURE__ */ i(
+          !I && t && F && /* @__PURE__ */ i(
             "div",
             {
               className: s(
@@ -8054,7 +8058,7 @@ function nl({
           ),
           /* @__PURE__ */ i("div", { className: s(
             "min-w-0 flex-1",
-            J ? "flex flex-col justify-between self-stretch" : $ ? "flex flex-col gap-2" : "space-y-1"
+            J ? "flex flex-col justify-between self-stretch" : F ? "flex flex-col gap-2" : "space-y-1"
           ), children: [
             (n || l) && !K && !J && (o ? /* @__PURE__ */ i(
               "a",
@@ -8070,7 +8074,7 @@ function nl({
               n,
               l && ` / ${l}`
             ] })),
-            $ ? /* @__PURE__ */ e("h3", { className: "line-clamp-2 typo-body-md text-[var(--Text-High-Emphasis)] min-w-0 break-words", children: a }) : /* @__PURE__ */ e(
+            F ? /* @__PURE__ */ e("h3", { className: "line-clamp-2 typo-body-md text-[var(--Text-High-Emphasis)] min-w-0 break-words", children: a }) : /* @__PURE__ */ e(
               "a",
               {
                 href: x ?? "#",
@@ -8081,13 +8085,13 @@ function nl({
                 children: a
               }
             ),
-            m && m.length > 0 && !K && !J && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-x-1", children: m.map((G) => /* @__PURE__ */ i("span", { className: "typo-body-xs text-[var(--Text-Medium-Emphasis)]", children: [
+            u && u.length > 0 && !K && !J && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-x-1", children: u.map((G) => /* @__PURE__ */ i("span", { className: "typo-body-xs text-[var(--Text-Medium-Emphasis)]", children: [
               "#",
               G
             ] }, G)) }),
-            d && d.length > 0 && !K && !J && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: d.map((G, Ee) => /* @__PURE__ */ e(ee, { variant: G.variant, size: $ ? "sm" : void 0, children: G.label }, Ee)) }),
-            $ && W && /* @__PURE__ */ e("p", { className: "typo-body-sm text-[var(--Text-Low-Emphasis)]", children: W }),
-            $ && r !== void 0 && /* @__PURE__ */ i("div", { className: "flex items-center justify-between min-w-0 gap-2 overflow-hidden", children: [
+            d && d.length > 0 && !K && !J && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: d.map((G, Ee) => /* @__PURE__ */ e(ee, { variant: G.variant, size: F ? "sm" : void 0, children: G.label }, Ee)) }),
+            F && W && /* @__PURE__ */ e("p", { className: "typo-body-sm text-[var(--Text-Low-Emphasis)]", children: W }),
+            F && r !== void 0 && /* @__PURE__ */ i("div", { className: "flex items-center justify-between min-w-0 gap-2 overflow-hidden", children: [
               q && /* @__PURE__ */ e("span", { className: "typo-body-sm text-[var(--Text-Low-Emphasis)] shrink-0", children: q }),
               /* @__PURE__ */ e("div", { className: s("min-w-0 shrink-0", !q && "ml-auto"), children: /* @__PURE__ */ e(
                 be,
@@ -8099,7 +8103,7 @@ function nl({
                 }
               ) })
             ] }),
-            $ && (z !== void 0 || E || P) && /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
+            F && (z !== void 0 || E || P) && /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
                 E && /* @__PURE__ */ e(
                   T,
@@ -8134,7 +8138,7 @@ function nl({
                 }
               )
             ] }),
-            r !== void 0 && !J && !$ && /* @__PURE__ */ i("p", { className: s(
+            r !== void 0 && !J && !F && /* @__PURE__ */ i("p", { className: s(
               "text-[var(--Text-High-Emphasis)]",
               K ? "typo-label-sm" : "typo-label-md"
             ), children: [
@@ -8148,7 +8152,7 @@ function nl({
                 y.toLocaleString()
               ] })
             ] }),
-            u === "order-history" && /* @__PURE__ */ i("div", { className: "space-y-0.5 typo-body-sm text-[var(--Text-Low-Emphasis)]", children: [
+            m === "order-history" && /* @__PURE__ */ i("div", { className: "space-y-0.5 typo-body-sm text-[var(--Text-Low-Emphasis)]", children: [
               k && /* @__PURE__ */ i("p", { children: [
                 "お届け日:",
                 k
@@ -8209,25 +8213,25 @@ function ol({
   helpText: o,
   error: l,
   children: d,
-  className: m,
+  className: u,
   ...c
 }) {
-  const u = w.useId(), v = o ? `${u}-help` : void 0, h = l ? `${u}-error` : void 0, b = [v, h].filter(Boolean).join(" ") || void 0;
+  const m = w.useId(), v = o ? `${m}-help` : void 0, h = l ? `${m}-error` : void 0, b = [v, h].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ i(
     "div",
     {
       "data-slot": "product-option",
       role: "group",
-      "aria-labelledby": `${u}-label`,
+      "aria-labelledby": `${m}-label`,
       className: s(
         "space-y-2 rounded-lg border border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Primary)] p-3",
         l && "border-[var(--Border-Caution)]",
-        m
+        u
       ),
       ...c,
       children: [
         /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ i(Fe, { id: `${u}-label`, className: "typo-label-md text-[var(--Text-High-Emphasis)]", children: [
+          /* @__PURE__ */ i($e, { id: `${m}-label`, className: "typo-label-md text-[var(--Text-High-Emphasis)]", children: [
             t,
             r && /* @__PURE__ */ e("span", { className: "ml-1 text-[var(--Text-Caution)]", "aria-hidden": "true", children: "*" })
           ] }),
@@ -8358,9 +8362,9 @@ function ul({
   text: o,
   imageUrl: l,
   productName: d,
-  productImageUrl: m,
+  productImageUrl: u,
   helpfulCount: c,
-  isLiked: u = !1,
+  isLiked: m = !1,
   onLikeClick: v,
   onMoreClick: h,
   maxLength: b = 80,
@@ -8380,10 +8384,10 @@ function ul({
       ...p,
       children: [
         x && d && /* @__PURE__ */ i("div", { className: "flex w-full items-center gap-1.5 rounded bg-[var(--Surface-Secondary)] p-2", children: [
-          m && /* @__PURE__ */ e(
+          u && /* @__PURE__ */ e(
             "img",
             {
-              src: m,
+              src: u,
               alt: d,
               className: "size-8 shrink-0 rounded object-cover"
             }
@@ -8446,9 +8450,9 @@ function ul({
                 {
                   size: 16,
                   className: s(
-                    u ? "fill-[var(--Brand-Cake-Orange)] text-[var(--Brand-Cake-Orange)]" : "text-[var(--Text-Medium-Emphasis)]"
+                    m ? "fill-[var(--Brand-Cake-Orange)] text-[var(--Brand-Cake-Orange)]" : "text-[var(--Text-Medium-Emphasis)]"
                   ),
-                  variant: u ? "Bold" : "Outline"
+                  variant: m ? "Bold" : "Outline"
                 }
               ),
               /* @__PURE__ */ e(
@@ -8456,9 +8460,9 @@ function ul({
                 {
                   className: s(
                     "typo-label-md",
-                    u ? "text-[var(--Text-Accent-Primary)]" : "text-[var(--Text-Medium-Emphasis)]"
+                    m ? "text-[var(--Text-Accent-Primary)]" : "text-[var(--Text-Medium-Emphasis)]"
                   ),
-                  children: u ? c.toString() : `参考になった ${c}`
+                  children: m ? c.toString() : `参考になった ${c}`
                 }
               )
             ]
@@ -8476,9 +8480,9 @@ function pl({
   isSubmitting: o = !1,
   maxImages: l = 3,
   maxLength: d = 500,
-  productName: m,
+  productName: u,
   productImageUrl: c,
-  className: u,
+  className: m,
   ...v
 }) {
   const [h, b] = w.useState(a), [p, f] = w.useState(0), [x, k] = w.useState(t), [g, y] = w.useState([]), [N, S] = w.useState([]), z = w.useRef(null), B = p || h;
@@ -8504,21 +8508,21 @@ function pl({
       "data-slot": "review-form",
       className: s(
         "flex flex-col gap-4 rounded-xl bg-[var(--Surface-Primary)] p-4",
-        u
+        m
       ),
       onSubmit: q,
       ...v,
       children: [
-        m && /* @__PURE__ */ i("div", { className: "flex items-center gap-2 rounded-lg bg-[var(--Surface-Secondary)] p-3", children: [
+        u && /* @__PURE__ */ i("div", { className: "flex items-center gap-2 rounded-lg bg-[var(--Surface-Secondary)] p-3", children: [
           c && /* @__PURE__ */ e(
             "img",
             {
               src: c,
-              alt: m,
+              alt: u,
               className: "size-12 shrink-0 rounded-lg object-cover"
             }
           ),
-          /* @__PURE__ */ e("span", { className: "typo-label-md text-[var(--Text-High-Emphasis)]", children: m })
+          /* @__PURE__ */ e("span", { className: "typo-label-md text-[var(--Text-High-Emphasis)]", children: u })
         ] }),
         /* @__PURE__ */ i("div", { className: "flex flex-col items-center gap-2", children: [
           /* @__PURE__ */ e("p", { className: "typo-label-md text-[var(--Text-High-Emphasis)]", children: "評価を選択してください" }),
@@ -8688,7 +8692,7 @@ function vl({
   productName: o,
   imageUrls: l,
   className: d,
-  ...m
+  ...u
 }) {
   return /* @__PURE__ */ i(
     "div",
@@ -8698,7 +8702,7 @@ function vl({
         "space-y-2 border-b border-[var(--Border-Low-Emphasis)] py-4 last:border-b-0",
         d
       ),
-      ...m,
+      ...u,
       children: [
         /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
@@ -8712,14 +8716,14 @@ function vl({
           o
         ] }),
         /* @__PURE__ */ e("p", { className: "typo-body-md text-[var(--Text-High-Emphasis)]", children: n }),
-        l && l.length > 0 && /* @__PURE__ */ e("div", { className: "flex gap-2", children: l.map((c, u) => /* @__PURE__ */ e(
+        l && l.length > 0 && /* @__PURE__ */ e("div", { className: "flex gap-2", children: l.map((c, m) => /* @__PURE__ */ e(
           "img",
           {
             src: c,
-            alt: `レビュー画像 ${u + 1}`,
+            alt: `レビュー画像 ${m + 1}`,
             className: "size-16 rounded-md object-cover"
           },
-          u
+          m
         )) })
       ]
     }
@@ -8766,9 +8770,9 @@ function fl({
   rating: o,
   reviewCount: l,
   area: d,
-  deliveryDate: m,
+  deliveryDate: u,
   isBookmarked: c = !1,
-  onBookmarkToggle: u,
+  onBookmarkToggle: m,
   href: v,
   variant: h = "default",
   className: b,
@@ -8854,20 +8858,20 @@ function fl({
                     ")"
                   ] })
                 ] }),
-                m && /* @__PURE__ */ i("p", { className: "typo-body-xs text-[var(--Text-Accent-Primary)]", children: [
+                u && /* @__PURE__ */ i("p", { className: "typo-body-xs text-[var(--Text-Accent-Primary)]", children: [
                   "最短",
-                  m,
+                  u,
                   "お届け"
                 ] })
               ] })
             ] }),
-            u && /* @__PURE__ */ e(
+            m && /* @__PURE__ */ e(
               T,
               {
                 variant: "ghost",
                 size: "icon",
                 onClick: (f) => {
-                  f.preventDefault(), f.stopPropagation(), u();
+                  f.preventDefault(), f.stopPropagation(), m();
                 },
                 className: s(
                   "z-[1] shrink-0 rounded-full",
@@ -8942,9 +8946,9 @@ function oa({
   onBack: o,
   backLabel: l = "戻る",
   actions: d,
-  navItems: m,
+  navItems: u,
   rightSlot: c,
-  centerSlot: u,
+  centerSlot: m,
   bottomSlot: v,
   disableSticky: h = !1,
   ...b
@@ -8971,15 +8975,15 @@ function oa({
         children: [
           /* @__PURE__ */ i("div", { className: s(
             "flex items-center justify-between px-4 py-3",
-            m && "@[768px]:hidden"
+            u && "@[768px]:hidden"
           ), children: [
             x,
             k
           ] }),
-          m && /* @__PURE__ */ i("div", { className: "hidden @[768px]:flex items-center justify-between h-14 px-6", children: [
+          u && /* @__PURE__ */ i("div", { className: "hidden @[768px]:flex items-center justify-between h-14 px-6", children: [
             /* @__PURE__ */ i("div", { className: "flex items-center gap-6", children: [
               x,
-              /* @__PURE__ */ e("nav", { className: "flex items-center gap-0.5", children: m.map((g) => {
+              /* @__PURE__ */ e("nav", { className: "flex items-center gap-0.5", children: u.map((g) => {
                 const y = g.href ? "a" : "button", N = g.href ? { href: g.href } : { type: "button", onClick: g.onClick };
                 return /* @__PURE__ */ e(
                   y,
@@ -9037,7 +9041,7 @@ function oa({
             children: /* @__PURE__ */ e(Ue, { size: 20 })
           }
         ),
-        u && /* @__PURE__ */ e("div", { className: "flex-1", children: u })
+        m && /* @__PURE__ */ e("div", { className: "flex-1", children: m })
       ] })
     }
   ) : /* @__PURE__ */ i(
@@ -9109,15 +9113,15 @@ function gl({
       /* @__PURE__ */ e("h1", { className: "typo-heading-xl text-[var(--Text-High-Emphasis)] px-4 py-3", children: a })
     ] }),
     /* @__PURE__ */ e("div", { className: "hidden @md:block", children: /* @__PURE__ */ e(oa, { logo: /* @__PURE__ */ e(qr, {}), variant: "logo", actions: ss }) }),
-    /* @__PURE__ */ e("div", { className: "hidden @md:block bg-[var(--Surface-Primary)] border-b border-[var(--Border-Low-Emphasis)]", children: /* @__PURE__ */ e("div", { className: "max-w-[1280px] mx-auto px-6 py-3", children: /* @__PURE__ */ e(It, { children: /* @__PURE__ */ e(At, { children: d.map((m, c) => {
-      const u = c === d.length - 1;
+    /* @__PURE__ */ e("div", { className: "hidden @md:block bg-[var(--Surface-Primary)] border-b border-[var(--Border-Low-Emphasis)]", children: /* @__PURE__ */ e("div", { className: "max-w-[1280px] mx-auto px-6 py-3", children: /* @__PURE__ */ e(It, { children: /* @__PURE__ */ e(At, { children: d.map((u, c) => {
+      const m = c === d.length - 1;
       return /* @__PURE__ */ i(ja.Fragment, { children: [
-        c > 0 && /* @__PURE__ */ e($t, {}),
-        /* @__PURE__ */ e(Dt, { children: u ? /* @__PURE__ */ e(Rt, { children: m.label }) : /* @__PURE__ */ e(Ot, { href: m.href ?? "#", children: m.label }) })
+        c > 0 && /* @__PURE__ */ e(Ft, {}),
+        /* @__PURE__ */ e(Dt, { children: m ? /* @__PURE__ */ e(Rt, { children: u.label }) : /* @__PURE__ */ e(Ot, { href: u.href ?? "#", children: u.label }) })
       ] }, c);
     }) }) }) }) }),
     /* @__PURE__ */ i("div", { className: "@md:max-w-[1280px] @md:mx-auto @md:mt-10 @md:mb-10 @md:grid @md:[grid-template:'side_main'_1fr_/_256px_1fr] @md:gap-6 @md:items-start", children: [
-      /* @__PURE__ */ e("div", { className: "hidden @md:block @md:[grid-area:side] rounded-2xl overflow-hidden shadow-sm", children: /* @__PURE__ */ e(Fr, { groups: Kr, activeMenu: t, ariaLabel: "マイページメニュー" }) }),
+      /* @__PURE__ */ e("div", { className: "hidden @md:block @md:[grid-area:side] rounded-2xl overflow-hidden shadow-sm", children: /* @__PURE__ */ e($r, { groups: Kr, activeMenu: t, ariaLabel: "マイページメニュー" }) }),
       /* @__PURE__ */ i("main", { className: "@md:[grid-area:main] bg-[var(--Surface-Primary)] @md:rounded-2xl @md:shadow-sm pb-20 @md:pb-8", children: [
         /* @__PURE__ */ e("div", { className: "hidden @md:flex items-center gap-3 px-6 py-5 border-b border-[var(--Border-Low-Emphasis)]", children: /* @__PURE__ */ e("h1", { className: "typo-heading-lg text-[var(--Text-High-Emphasis)]", children: a }) }),
         r
@@ -9155,17 +9159,17 @@ export {
   zo as BannerCarousel,
   Cr as BottomTabBar,
   It as Breadcrumb,
-  $s as BreadcrumbEllipsis,
+  Fs as BreadcrumbEllipsis,
   Dt as BreadcrumbItem,
   Ot as BreadcrumbLink,
   At as BreadcrumbList,
   Rt as BreadcrumbPage,
-  $t as BreadcrumbSeparator,
+  Ft as BreadcrumbSeparator,
   Co as BulkActionBar,
   T as Button,
   Lo as CakeFormField,
   qr as CakeLogo,
-  Fs as Calendar,
+  $s as Calendar,
   Wt as Card,
   Gs as CardAction,
   Vt as CardContent,
@@ -9242,8 +9246,8 @@ export {
   Ai as DropdownMenuRadioGroup,
   Di as DropdownMenuRadioItem,
   Ri as DropdownMenuSeparator,
-  $i as DropdownMenuShortcut,
-  Fi as DropdownMenuSub,
+  Fi as DropdownMenuShortcut,
+  $i as DropdownMenuSub,
   Vi as DropdownMenuSubContent,
   Wi as DropdownMenuSubTrigger,
   tr as DropdownMenuTrigger,
@@ -9267,7 +9271,7 @@ export {
   Ao as ImageUploader,
   or as Input,
   Do as KebabMenu,
-  Fe as Label,
+  $e as Label,
   Oo as ListItem,
   Ro as MenuDrawer,
   mn as Menubar,
@@ -9297,7 +9301,7 @@ export {
   Pn as NavigationMenuTrigger,
   cr as NavigationMenuViewport,
   Sr as NotificationBadge,
-  Fo as NotificationList,
+  $o as NotificationList,
   ml as OptionImageUpload,
   ll as OptionQuantity,
   dl as OptionSelect,
@@ -9313,7 +9317,7 @@ export {
   In as PaginationPrevious,
   al as PaymentMethodDisplay,
   On as Popover,
-  $n as PopoverContent,
+  Fn as PopoverContent,
   Rn as PopoverTrigger,
   be as PriceDisplay,
   rl as ProductCTA,
@@ -9323,7 +9327,7 @@ export {
   il as ProductDetailSidebar,
   nl as ProductListItem,
   ol as ProductOption,
-  Fn as Progress,
+  $n as Progress,
   Wo as ProgressSteps,
   Sa as QuantitySelector,
   Wn as RadioGroup,
@@ -9359,7 +9363,7 @@ export {
   Qn as SheetTitle,
   Un as SheetTrigger,
   fl as ShopCard,
-  Fr as SideNav,
+  $r as SideNav,
   eo as Skeleton,
   ao as Slider,
   Go as SocialLoginButton,
@@ -9368,7 +9372,7 @@ export {
   bl as StatCard,
   Uo as StatusCountTabs,
   So as StickyActionBar,
-  $o as SubNav,
+  Fo as SubNav,
   hr as Switch,
   ro as Table,
   io as TableBody,