@cakejp/design-system 0.9.0 → 0.10.0

package/dist/index.js

@@ -1,21 +1,21 @@
 "use client";
-import { clsx as Aa } from "clsx";
-import { twMerge as Da } from "tailwind-merge";
+import { clsx as Da } from "clsx";
+import { twMerge as Oa } from "tailwind-merge";
 import { jsx as e, jsxs as i, Fragment as H } from "react/jsx-runtime";
 import * as w from "react";
-import Oa from "react";
-import { ChevronDownIcon as le, MoreHorizontal as Ra, ChevronRight as Fa, ChevronLeftIcon as da, ChevronRightIcon as de, XIcon as ca, SearchIcon as $a, CheckIcon as ye, CircleIcon as Ae, ChevronUpIcon as Wa, MoreHorizontalIcon as Va, Check as De, Loader2Icon as Ga, OctagonXIcon as qa, TriangleAlertIcon as Ka, InfoIcon as Ua, CircleCheckIcon as Xa, X as Ne, Loader2 as Ja, StarHalf as Ya } from "lucide-react";
-import { Accordion as ie, Slot as we, AlertDialog as G, AspectRatio as Qa, Avatar as Oe, Checkbox as ue, Collapsible as Re, Dialog as j, ContextMenu as _, Select as R, DropdownMenu as I, Label as Za, HoverCard as pe, Menubar as A, NavigationMenu as U, Popover as he, Progress as Ke, RadioGroup as je, ScrollArea as se, Separator as et, Slider as me, Switch as Ue, Tabs as ke, Toggle as at, ToggleGroup as ma, Tooltip as re } from "radix-ui";
+import Ra from "react";
+import { ChevronDownIcon as de, MoreHorizontal as Fa, ChevronRight as $a, ChevronLeftIcon as ma, ChevronRightIcon as ce, XIcon as Oe, SearchIcon as Wa, CheckIcon as ye, CircleIcon as Re, ChevronUpIcon as Va, MoreHorizontalIcon as Ga, Check as Fe, Loader2Icon as qa, OctagonXIcon as Ka, TriangleAlertIcon as Ua, InfoIcon as Xa, CircleCheckIcon as Ja, X as Ne, Loader2 as Ya, StarHalf as Qa } from "lucide-react";
+import { Accordion as ie, Slot as we, AlertDialog as G, AspectRatio as Za, Avatar as $e, Checkbox as pe, Collapsible as We, Dialog as j, ContextMenu as _, Select as R, DropdownMenu as I, Label as et, HoverCard as he, Menubar as A, NavigationMenu as U, Popover as ve, Progress as Je, RadioGroup as Le, ScrollArea as se, Separator as at, Slider as ue, Switch as Ye, Tabs as ke, Toggle as tt, ToggleGroup as ua, Tooltip as re } from "radix-ui";
 import { cva as L } from "class-variance-authority";
-import { Warning2 as tt, CloseCircle as rt, InfoCircle as Te, TickCircle as st, MinusSquare as it, TickSquare as ua, ArrowDown2 as Z, HamburgerMenu as nt, ArrowLeft2 as ce, ArrowRight2 as V, Setting4 as ot, ArrowLeft as Xe, Trash as Le, Add as ne, More as lt, ArrowUp2 as dt, Notification as Fe, Minus as _e, SearchNormal1 as ze, Link2 as ct, User as pa, Home2 as ha, ShoppingCart as va, Cake as mt, Shop as Se, Chart2 as ut, Box as fa, Setting2 as ba, Calendar as $e, Ticket2 as We, Clock as pt, Bookmark as ga, Monitor as ht, Star1 as Ie, Edit2 as vt, Gift as ft, People as bt, Sms as gt, Card as xt, Logout as yt, ShieldTick as Nt, Tag2 as wt, ExportSquare as kt, Like1 as Tt, Camera as zt, Location as St, TrendUp as Et, TrendDown as Ct } from "iconsax-reactjs";
-import { getDefaultClassNames as xa, DayPicker as Mt } from "react-day-picker";
+import { Warning2 as rt, CloseCircle as st, InfoCircle as Te, TickCircle as it, MinusSquare as nt, TickSquare as pa, ArrowDown2 as Z, HamburgerMenu as ot, ArrowLeft2 as me, ArrowRight2 as V, Setting4 as lt, ArrowLeft as _e, Trash as Ie, Add as ne, More as dt, ArrowUp2 as ct, Notification as Ve, Minus as Ae, SearchNormal1 as ze, Link2 as mt, User as ha, Home2 as va, ShoppingCart as fa, Cake as ut, Shop as Se, Chart2 as pt, Box as ga, Setting2 as ba, Calendar as Ge, Ticket2 as qe, Clock as ht, Bookmark as xa, Monitor as vt, Star1 as De, Edit2 as ft, Gift as gt, People as bt, Sms as xt, Card as yt, Logout as Nt, ShieldTick as wt, Tag2 as kt, ExportSquare as Tt, Like1 as zt, Camera as St, Location as Et, TrendUp as Ct, TrendDown as Mt } from "iconsax-reactjs";
+import { getDefaultClassNames as ya, DayPicker as Pt } from "react-day-picker";
 import { Command as ee } from "cmdk";
 import { Drawer as X } from "vaul";
-import { FormProvider as Pt, Controller as Bt, useFormContext as Ht, useFormState as jt } from "react-hook-form";
-import { useTheme as Lt } from "next-themes";
-import { Toaster as _t } from "sonner";
+import { FormProvider as Bt, Controller as Ht, useFormContext as jt, useFormState as Lt } from "react-hook-form";
+import { useTheme as _t } from "next-themes";
+import { Toaster as It } from "sonner";
 function s(...a) {
-  return Da(Aa(a));
+  return Oa(Da(a));
 }
 function $s({
   ...a
@@ -51,7 +51,7 @@ function Vs({
       ...r,
       children: [
         t,
-        /* @__PURE__ */ e(le, { className: "pointer-events-none size-4 shrink-0 text-[var(--Text-Medium-Emphasis)] transition-transform duration-200" })
+        /* @__PURE__ */ e(de, { className: "pointer-events-none size-4 shrink-0 text-[var(--Text-Medium-Emphasis)] transition-transform duration-200" })
       ]
     }
   ) });
@@ -71,7 +71,7 @@ function Gs({
     }
   );
 }
-const Je = L(
+const Qe = L(
   "relative w-full",
   {
     variants: {
@@ -124,7 +124,7 @@ const Je = L(
       variant: "info"
     }
   }
-), Ye = L(
+), Ze = L(
   "flex w-full gap-2 items-start p-4 rounded-lg border",
   {
     variants: {
@@ -142,11 +142,11 @@ const Je = L(
       variant: "info"
     }
   }
-), ve = w.createContext("info"), It = (a) => a === "success" || a === "info" || a === "error" || a === "warning", At = {
-  success: { Icon: st, color: "text-[var(--Text-Success)]" },
+), fe = w.createContext("info"), At = (a) => a === "success" || a === "info" || a === "error" || a === "warning", Dt = {
+  success: { Icon: it, color: "text-[var(--Text-Success)]" },
   info: { Icon: Te, color: "text-[var(--Text-Medium-Emphasis)]" },
-  error: { Icon: rt, color: "text-[var(--Text-Caution)]" },
-  warning: { Icon: tt, color: "text-[var(--Text-Warning)]" }
+  error: { Icon: st, color: "text-[var(--Text-Caution)]" },
+  warning: { Icon: rt, color: "text-[var(--Text-Warning)]" }
 };
 function qs({
   className: a,
@@ -158,21 +158,21 @@ function qs({
   action: c,
   ...m
 }) {
-  const d = It(t);
+  const d = At(t);
   if (d && !r && (n || o)) {
-    const { Icon: h, color: u } = At[t], b = ya[t] ?? "", v = l ?? /* @__PURE__ */ e(h, { size: 24, className: s("shrink-0", u) });
-    return /* @__PURE__ */ e(ve.Provider, { value: t, children: /* @__PURE__ */ e(
+    const { Icon: h, color: u } = Dt[t], f = Na[t] ?? "", v = l ?? /* @__PURE__ */ e(h, { size: 24, className: s("shrink-0", u) });
+    return /* @__PURE__ */ e(fe.Provider, { value: t, children: /* @__PURE__ */ e(
       "div",
       {
         "data-slot": "alert",
         "data-variant": t,
         role: "alert",
-        className: s(Je({ variant: t }), a),
+        className: s(Qe({ variant: t }), a),
         ...m,
-        children: /* @__PURE__ */ i("div", { className: Ye({ variant: t }), children: [
+        children: /* @__PURE__ */ i("div", { className: Ze({ variant: t }), children: [
           v,
           /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: [
-            n && /* @__PURE__ */ e("div", { className: s("typo-label-md", b), children: n }),
+            n && /* @__PURE__ */ e("div", { className: s("typo-label-md", f), children: n }),
             o && /* @__PURE__ */ e("div", { className: "typo-body-sm text-[var(--Text-Medium-Emphasis)] mt-1", children: o })
           ] }),
           c && /* @__PURE__ */ e("div", { className: "shrink-0", children: c })
@@ -180,19 +180,19 @@ function qs({
       }
     ) });
   }
-  return /* @__PURE__ */ e(ve.Provider, { value: t, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(fe.Provider, { value: t, children: /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "alert",
       "data-variant": t,
       role: "alert",
-      className: s(Je({ variant: t }), a),
+      className: s(Qe({ variant: t }), a),
       ...m,
-      children: d ? /* @__PURE__ */ e("div", { className: Ye({ variant: t }), children: r }) : r
+      children: d ? /* @__PURE__ */ e("div", { className: Ze({ variant: t }), children: r }) : r
     }
   ) });
 }
-const ya = {
+const Na = {
   success: "text-[var(--Primitive-Forest-800)]",
   info: "text-[var(--Text-High-Emphasis)]",
   error: "text-[var(--Text-Caution)]",
@@ -202,7 +202,7 @@ const ya = {
   "inline-warning": "text-[var(--Text-Warning)]"
 };
 function Ks({ className: a, ...t }) {
-  const r = w.useContext(ve), n = ya[r ?? "info"] ?? "";
+  const r = w.useContext(fe), n = Na[r ?? "info"] ?? "";
   return /* @__PURE__ */ e(
     "div",
     {
@@ -216,7 +216,7 @@ function Ks({ className: a, ...t }) {
     }
   );
 }
-const Dt = {
+const Ot = {
   error: "text-[var(--Text-Caution)]",
   "inline-caution": "text-[var(--Text-Caution)]",
   "inline-warning": "text-[var(--Text-Warning)]"
@@ -225,7 +225,7 @@ function Us({
   className: a,
   ...t
 }) {
-  const r = w.useContext(ve), n = Dt[r ?? ""] ?? "";
+  const r = w.useContext(fe), n = Ot[r ?? ""] ?? "";
   return /* @__PURE__ */ e(
     "div",
     {
@@ -239,7 +239,7 @@ function Us({
     }
   );
 }
-const fe = L(
+const ge = L(
   "inline-flex shrink-0 items-center justify-center gap-2 rounded-lg typo-label-md whitespace-nowrap transition-all outline-none focus-visible:border-[var(--Focus-High-Emphasis)] focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50 disabled:pointer-events-none aria-invalid:border-destructive aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
     variants: {
@@ -301,7 +301,7 @@ function k({
       "data-slot": "button",
       "data-variant": t,
       "data-size": r,
-      className: s(fe({ variant: t, size: r, className: a })),
+      className: s(ge({ variant: t, size: r, className: a })),
       ...o
     }
   );
@@ -316,12 +316,12 @@ function Js({
 }) {
   return /* @__PURE__ */ e(G.Trigger, { "data-slot": "alert-dialog-trigger", ...a });
 }
-function Ot({
+function Rt({
   ...a
 }) {
   return /* @__PURE__ */ e(G.Portal, { "data-slot": "alert-dialog-portal", ...a });
 }
-function Rt({
+function Ft({
   className: a,
   ...t
 }) {
@@ -342,8 +342,8 @@ function Ys({
   size: t = "default",
   ...r
 }) {
-  return /* @__PURE__ */ i(Ot, { children: [
-    /* @__PURE__ */ e(Rt, {}),
+  return /* @__PURE__ */ i(Rt, { children: [
+    /* @__PURE__ */ e(Ft, {}),
     /* @__PURE__ */ e(
       G.Content,
       {
@@ -453,7 +453,7 @@ function ri({
 function si({
   ...a
 }) {
-  return /* @__PURE__ */ e(Qa.Root, { "data-slot": "aspect-ratio", ...a });
+  return /* @__PURE__ */ e(Za.Root, { "data-slot": "aspect-ratio", ...a });
 }
 function ii({
   className: a,
@@ -461,7 +461,7 @@ function ii({
   ...r
 }) {
   return /* @__PURE__ */ e(
-    Oe.Root,
+    $e.Root,
     {
       "data-slot": "avatar",
       "data-size": t,
@@ -478,7 +478,7 @@ function ni({
   ...t
 }) {
   return /* @__PURE__ */ e(
-    Oe.Image,
+    $e.Image,
     {
       "data-slot": "avatar-image",
       className: s("aspect-square size-full overflow-hidden rounded-full", a),
@@ -491,7 +491,7 @@ function oi({
   ...t
 }) {
   return /* @__PURE__ */ e(
-    Oe.Fallback,
+    $e.Fallback,
     {
       "data-slot": "avatar-fallback",
       className: s(
@@ -502,7 +502,7 @@ function oi({
     }
   );
 }
-const Ft = L(
+const $t = L(
   "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 typo-label-sm whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
   {
     variants: {
@@ -530,7 +530,7 @@ const Ft = L(
     }
   }
 );
-function $t({
+function Wt({
   className: a,
   variant: t = "default",
   asChild: r = !1,
@@ -542,12 +542,12 @@ function $t({
     {
       "data-slot": "badge",
       "data-variant": t,
-      className: s(Ft({ variant: t }), a),
+      className: s($t({ variant: t }), a),
       ...n
     }
   );
 }
-function Wt({ ...a }) {
+function ea({ ...a }) {
   return /* @__PURE__ */ e("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...a });
 }
 function Vt({ className: a, ...t }) {
@@ -614,7 +614,7 @@ function Ut({
       "aria-hidden": "true",
       className: s("[&>svg]:size-3.5", t),
       ...r,
-      children: a ?? /* @__PURE__ */ e(Fa, {})
+      children: a ?? /* @__PURE__ */ e($a, {})
     }
   );
 }
@@ -631,7 +631,7 @@ function li({
       className: s("flex size-9 items-center justify-center", a),
       ...t,
       children: [
-        /* @__PURE__ */ e(Ra, { className: "size-4" }),
+        /* @__PURE__ */ e(Fa, { className: "size-4" }),
         /* @__PURE__ */ e("span", { className: "sr-only", children: "More" })
       ]
     }
@@ -647,9 +647,9 @@ function di({
   components: c,
   ...m
 }) {
-  const d = xa();
+  const d = ya();
   return /* @__PURE__ */ e(
-    Mt,
+    Pt,
     {
       showOutsideDays: r,
       className: s(
@@ -675,12 +675,12 @@ function di({
           d.nav
         ),
         button_previous: s(
-          fe({ variant: o }),
+          ge({ variant: o }),
           "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
           d.button_previous
         ),
         button_next: s(
-          fe({ variant: o }),
+          ge({ variant: o }),
           "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
           d.button_next
         ),
@@ -756,13 +756,13 @@ function di({
             ...u
           }
         ),
-        Chevron: ({ className: p, orientation: h, ...u }) => h === "left" ? /* @__PURE__ */ e(da, { className: s("size-4", p), ...u }) : h === "right" ? /* @__PURE__ */ e(
-          de,
+        Chevron: ({ className: p, orientation: h, ...u }) => h === "left" ? /* @__PURE__ */ e(ma, { className: s("size-4", p), ...u }) : h === "right" ? /* @__PURE__ */ e(
+          ce,
           {
             className: s("size-4", p),
             ...u
           }
-        ) : /* @__PURE__ */ e(le, { className: s("size-4", p), ...u }),
+        ) : /* @__PURE__ */ e(de, { className: s("size-4", p), ...u }),
         DayButton: Xt,
         WeekNumber: ({ children: p, ...h }) => /* @__PURE__ */ e("td", { ...h, children: /* @__PURE__ */ e("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: p }) }),
         ...c
@@ -777,7 +777,7 @@ function Xt({
   modifiers: r,
   ...n
 }) {
-  const o = xa(), l = w.useRef(null);
+  const o = ya(), l = w.useRef(null);
   return w.useEffect(() => {
     r.focused && l.current?.focus();
   }, [r.focused]), /* @__PURE__ */ e(
@@ -879,12 +879,12 @@ function hi({ className: a, ...t }) {
     }
   );
 }
-function Qe({
+function aa({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e(
-    ue.Root,
+    pe.Root,
     {
       "data-slot": "checkbox",
       className: s(
@@ -899,11 +899,11 @@ function Qe({
       ),
       ...t,
       children: /* @__PURE__ */ e(
-        ue.Indicator,
+        pe.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center",
-          children: t.checked === "indeterminate" ? /* @__PURE__ */ e(it, { size: 24, variant: "Bold", className: "text-[var(--Object-Accent-Primary)]" }) : /* @__PURE__ */ e(ua, { size: 24, variant: "Bold", className: "text-[var(--Object-Accent-Primary)]" })
+          children: t.checked === "indeterminate" ? /* @__PURE__ */ e(nt, { size: 24, variant: "Bold", className: "text-[var(--Object-Accent-Primary)]" }) : /* @__PURE__ */ e(pa, { size: 24, variant: "Bold", className: "text-[var(--Object-Accent-Primary)]" })
         }
       )
     }
@@ -919,7 +919,7 @@ function vi({
   ...c
 }) {
   const m = w.useId(), d = l ?? m;
-  return a === void 0 ? /* @__PURE__ */ e(Qe, { id: d, className: o, ...c }) : /* @__PURE__ */ i(
+  return a === void 0 ? /* @__PURE__ */ e(aa, { id: d, className: o, ...c }) : /* @__PURE__ */ i(
     "label",
     {
       htmlFor: d,
@@ -933,7 +933,7 @@ function vi({
         n
       ),
       children: [
-        /* @__PURE__ */ e(Qe, { id: d, className: o, ...c }),
+        /* @__PURE__ */ e(aa, { id: d, className: o, ...c }),
         /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: [
           /* @__PURE__ */ e("span", { className: "typo-body-md text-[var(--Text-High-Emphasis)]", children: a }),
           t && /* @__PURE__ */ e("span", { className: "block typo-body-sm text-[var(--Text-Medium-Emphasis)] mt-0.5", children: t })
@@ -956,7 +956,7 @@ function fi({
     }
   );
 }
-function bi({
+function gi({
   className: a,
   children: t,
   description: r,
@@ -965,7 +965,7 @@ function bi({
   ...l
 }) {
   return /* @__PURE__ */ i(
-    ue.Root,
+    pe.Root,
     {
       "data-slot": "checkbox-card-item",
       className: s(
@@ -993,11 +993,11 @@ function bi({
                 "group-data-[disabled]:border-[var(--Border-Medium-Emphasis)] group-data-[disabled]:bg-[var(--Surface-Secondary)]"
               ),
               children: /* @__PURE__ */ e(
-                ue.Indicator,
+                pe.Indicator,
                 {
                   "data-slot": "checkbox-card-indicator",
                   className: "flex items-center justify-center",
-                  children: /* @__PURE__ */ e(ua, { size: 24, variant: "Bold", className: "text-[var(--Object-Accent-Primary)]" })
+                  children: /* @__PURE__ */ e(pa, { size: 24, variant: "Bold", className: "text-[var(--Object-Accent-Primary)]" })
                 }
               )
             }
@@ -1042,16 +1042,16 @@ function bi({
     }
   );
 }
-function gi({
+function bi({
   ...a
 }) {
-  return /* @__PURE__ */ e(Re.Root, { "data-slot": "collapsible", ...a });
+  return /* @__PURE__ */ e(We.Root, { "data-slot": "collapsible", ...a });
 }
 function xi({
   ...a
 }) {
   return /* @__PURE__ */ e(
-    Re.CollapsibleTrigger,
+    We.CollapsibleTrigger,
     {
       "data-slot": "collapsible-trigger",
       ...a
@@ -1062,14 +1062,14 @@ function yi({
   ...a
 }) {
   return /* @__PURE__ */ e(
-    Re.CollapsibleContent,
+    We.CollapsibleContent,
     {
       "data-slot": "collapsible-content",
       ...a
     }
   );
 }
-function Na({
+function wa({
   ...a
 }) {
   return /* @__PURE__ */ e(j.Root, { "data-slot": "dialog", ...a });
@@ -1105,7 +1105,7 @@ function ar({
     }
   );
 }
-function wa({
+function ka({
   className: a,
   children: t,
   showCloseButton: r = !0,
@@ -1131,7 +1131,7 @@ function wa({
               "data-slot": "dialog-close",
               className: "absolute top-2 right-2 flex size-10 items-center justify-center rounded-full text-[var(--Text-Low-Emphasis)] transition-colors hover:bg-[var(--Surface-Tertiary)] hover:text-[var(--Text-High-Emphasis)] focus-visible:ring-2 focus-visible:ring-[var(--Focus-High-Emphasis)] focus-visible:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0",
               children: [
-                /* @__PURE__ */ e(ca, { className: "size-5" }),
+                /* @__PURE__ */ e(Oe, { className: "size-5" }),
                 /* @__PURE__ */ e("span", { className: "sr-only", children: "閉じる" })
               ]
             }
@@ -1141,7 +1141,7 @@ function wa({
     )
   ] });
 }
-function ka({ className: a, ...t }) {
+function Ta({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1173,7 +1173,7 @@ function tr({
     }
   );
 }
-function Ta({
+function za({
   className: a,
   ...t
 }) {
@@ -1186,7 +1186,7 @@ function Ta({
     }
   );
 }
-function za({
+function Sa({
   className: a,
   ...t
 }) {
@@ -1223,13 +1223,13 @@ function Ni({
   showCloseButton: o = !0,
   ...l
 }) {
-  return /* @__PURE__ */ i(Na, { ...l, children: [
-    /* @__PURE__ */ i(ka, { className: "sr-only", children: [
-      /* @__PURE__ */ e(Ta, { children: a }),
-      /* @__PURE__ */ e(za, { children: t })
+  return /* @__PURE__ */ i(wa, { ...l, children: [
+    /* @__PURE__ */ i(Ta, { className: "sr-only", children: [
+      /* @__PURE__ */ e(za, { children: a }),
+      /* @__PURE__ */ e(Sa, { children: t })
     ] }),
     /* @__PURE__ */ e(
-      wa,
+      ka,
       {
         className: s("overflow-hidden p-0", n),
         showCloseButton: o,
@@ -1248,7 +1248,7 @@ function wi({
       "data-slot": "command-input-wrapper",
       className: "flex h-9 items-center gap-2 border-b border-[var(--Border-Medium-Emphasis)] px-3",
       children: [
-        /* @__PURE__ */ e($a, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ e(Wa, { className: "size-4 shrink-0 opacity-50" }),
         /* @__PURE__ */ e(
           ee.Input,
           {
@@ -1407,7 +1407,7 @@ function _i({
       ...n,
       children: [
         r,
-        /* @__PURE__ */ e(de, { className: "ml-auto" })
+        /* @__PURE__ */ e(ce, { className: "ml-auto" })
       ]
     }
   );
@@ -1503,7 +1503,7 @@ function Ri({
       ),
       ...r,
       children: [
-        /* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(_.ItemIndicator, { children: /* @__PURE__ */ e(Ae, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(_.ItemIndicator, { children: /* @__PURE__ */ e(Re, { className: "size-2 fill-current" }) }) }),
         t
       ]
     }
@@ -1589,7 +1589,7 @@ function Ki({
       ...n,
       children: [
         r,
-        /* @__PURE__ */ e(R.Icon, { asChild: !0, children: /* @__PURE__ */ e(le, { className: "size-4 text-[var(--Text-High-Emphasis)]" }) })
+        /* @__PURE__ */ e(R.Icon, { asChild: !0, children: /* @__PURE__ */ e(de, { className: "size-4 text-[var(--Text-High-Emphasis)]" }) })
       ]
     }
   );
@@ -1697,7 +1697,7 @@ function sr({
         a
       ),
       ...t,
-      children: /* @__PURE__ */ e(Wa, { className: "size-4" })
+      children: /* @__PURE__ */ e(Va, { className: "size-4" })
     }
   );
 }
@@ -1714,7 +1714,7 @@ function ir({
         a
       ),
       ...t,
-      children: /* @__PURE__ */ e(le, { className: "size-4" })
+      children: /* @__PURE__ */ e(de, { className: "size-4" })
     }
   );
 }
@@ -1831,7 +1831,7 @@ function tn({
       ),
       ...r,
       children: [
-        /* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(I.ItemIndicator, { children: /* @__PURE__ */ e(Ae, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(I.ItemIndicator, { children: /* @__PURE__ */ e(Re, { className: "size-2 fill-current" }) }) }),
         t
       ]
     }
@@ -1907,7 +1907,7 @@ function ln({
       ...n,
       children: [
         r,
-        /* @__PURE__ */ e(de, { className: "ml-auto size-4" })
+        /* @__PURE__ */ e(ce, { className: "ml-auto size-4" })
       ]
     }
   );
@@ -2050,7 +2050,7 @@ function fr({ className: a, ...t }) {
     }
   );
 }
-function br({ className: a, ...t }) {
+function gr({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2060,7 +2060,7 @@ function br({ className: a, ...t }) {
     }
   );
 }
-function gr({
+function br({
   className: a,
   ...t
 }) {
@@ -2086,14 +2086,14 @@ function xr({
     }
   );
 }
-function Ve({
+function Ke({
   className: a,
   required: t,
   children: r,
   ...n
 }) {
   return /* @__PURE__ */ i(
-    Za.Root,
+    et.Root,
     {
       "data-slot": "label",
       className: s(
@@ -2108,12 +2108,12 @@ function Ve({
     }
   );
 }
-const mn = Pt, Sa = w.createContext(
+const mn = Bt, Ea = w.createContext(
   {}
 ), un = ({
   ...a
-}) => /* @__PURE__ */ e(Sa.Provider, { value: { name: a.name }, children: /* @__PURE__ */ e(Bt, { ...a }) }), Ee = () => {
-  const a = w.useContext(Sa), t = w.useContext(Ea), { getFieldState: r } = Ht(), n = jt({ name: a.name }), o = r(a.name, n);
+}) => /* @__PURE__ */ e(Ea.Provider, { value: { name: a.name }, children: /* @__PURE__ */ e(Ht, { ...a }) }), Ee = () => {
+  const a = w.useContext(Ea), t = w.useContext(Ca), { getFieldState: r } = jt(), n = Lt({ name: a.name }), o = r(a.name, n);
   if (!a)
     throw new Error("useFormField should be used within <FormField>");
   const { id: l } = t;
@@ -2125,12 +2125,12 @@ const mn = Pt, Sa = w.createContext(
     formMessageId: `${l}-form-item-message`,
     ...o
   };
-}, Ea = w.createContext(
+}, Ca = w.createContext(
   {}
 );
 function pn({ className: a, ...t }) {
   const r = w.useId();
-  return /* @__PURE__ */ e(Ea.Provider, { value: { id: r }, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(Ca.Provider, { value: { id: r }, children: /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "form-item",
@@ -2145,7 +2145,7 @@ function hn({
 }) {
   const { error: r, formItemId: n } = Ee();
   return /* @__PURE__ */ e(
-    Ve,
+    Ke,
     {
       "data-slot": "form-label",
       "data-error": !!r,
@@ -2180,7 +2180,7 @@ function fn({ className: a, ...t }) {
     }
   );
 }
-function bn({ className: a, ...t }) {
+function gn({ className: a, ...t }) {
   const { error: r, formMessageId: n } = Ee(), o = r ? String(r?.message ?? "") : t.children;
   return o ? /* @__PURE__ */ e(
     "p",
@@ -2193,17 +2193,17 @@ function bn({ className: a, ...t }) {
     }
   ) : null;
 }
-function gn({
+function bn({
   openDelay: a = 200,
   closeDelay: t = 100,
   ...r
 }) {
-  return /* @__PURE__ */ e(pe.Root, { "data-slot": "hover-card", openDelay: a, closeDelay: t, ...r });
+  return /* @__PURE__ */ e(he.Root, { "data-slot": "hover-card", openDelay: a, closeDelay: t, ...r });
 }
 function xn({
   ...a
 }) {
-  return /* @__PURE__ */ e(pe.Trigger, { "data-slot": "hover-card-trigger", ...a });
+  return /* @__PURE__ */ e(he.Trigger, { "data-slot": "hover-card-trigger", ...a });
 }
 function yn({
   className: a,
@@ -2211,8 +2211,8 @@ function yn({
   sideOffset: r = 4,
   ...n
 }) {
-  return /* @__PURE__ */ e(pe.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ e(
-    pe.Content,
+  return /* @__PURE__ */ e(he.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ e(
+    he.Content,
     {
       "data-slot": "hover-card-content",
       align: t,
@@ -2404,7 +2404,7 @@ function Pn({
       ),
       ...r,
       children: [
-        /* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(A.ItemIndicator, { children: /* @__PURE__ */ e(Ae, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(A.ItemIndicator, { children: /* @__PURE__ */ e(Re, { className: "size-2 fill-current" }) }) }),
         t
       ]
     }
@@ -2480,7 +2480,7 @@ function _n({
       ...n,
       children: [
         r,
-        /* @__PURE__ */ e(de, { className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ e(ce, { className: "ml-auto h-4 w-4" })
       ]
     }
   );
@@ -2571,7 +2571,7 @@ function Rn({
         t,
         " ",
         /* @__PURE__ */ e(
-          le,
+          de,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -2683,7 +2683,7 @@ function Gn({
 function qn({ ...a }) {
   return /* @__PURE__ */ e("li", { "data-slot": "pagination-item", ...a });
 }
-function Ca({
+function Ma({
   className: a,
   isActive: t,
   size: r = "icon",
@@ -2696,7 +2696,7 @@ function Ca({
       "data-slot": "pagination-link",
       "data-active": t,
       className: s(
-        fe({
+        ge({
           variant: t ? "secondary" : "ghost",
           size: r
         }),
@@ -2712,14 +2712,14 @@ function Kn({
   ...t
 }) {
   return /* @__PURE__ */ i(
-    Ca,
+    Ma,
     {
       "aria-label": "前のページへ",
       size: "default",
       className: s("gap-1 px-2.5 sm:pl-2.5", a),
       ...t,
       children: [
-        /* @__PURE__ */ e(da, {}),
+        /* @__PURE__ */ e(ma, {}),
         /* @__PURE__ */ e("span", { className: "hidden sm:block", children: "前へ" })
       ]
     }
@@ -2730,7 +2730,7 @@ function Un({
   ...t
 }) {
   return /* @__PURE__ */ i(
-    Ca,
+    Ma,
     {
       "aria-label": "次のページへ",
       size: "default",
@@ -2738,7 +2738,7 @@ function Un({
       ...t,
       children: [
         /* @__PURE__ */ e("span", { className: "hidden sm:block", children: "次へ" }),
-        /* @__PURE__ */ e(de, {})
+        /* @__PURE__ */ e(ce, {})
       ]
     }
   );
@@ -2755,7 +2755,7 @@ function Xn({
       className: s("flex size-10 items-center justify-center text-muted-foreground", a),
       ...t,
       children: [
-        /* @__PURE__ */ e(Va, { className: "size-4" }),
+        /* @__PURE__ */ e(Ga, { className: "size-4" }),
         /* @__PURE__ */ e("span", { className: "sr-only", children: "その他のページ" })
       ]
     }
@@ -2764,12 +2764,12 @@ function Xn({
 function Jn({
   ...a
 }) {
-  return /* @__PURE__ */ e(he.Root, { "data-slot": "popover", ...a });
+  return /* @__PURE__ */ e(ve.Root, { "data-slot": "popover", ...a });
 }
 function Yn({
   ...a
 }) {
-  return /* @__PURE__ */ e(he.Trigger, { "data-slot": "popover-trigger", ...a });
+  return /* @__PURE__ */ e(ve.Trigger, { "data-slot": "popover-trigger", ...a });
 }
 function Qn({
   className: a,
@@ -2777,8 +2777,8 @@ function Qn({
   sideOffset: r = 4,
   ...n
 }) {
-  return /* @__PURE__ */ e(he.Portal, { children: /* @__PURE__ */ e(
-    he.Content,
+  return /* @__PURE__ */ e(ve.Portal, { children: /* @__PURE__ */ e(
+    ve.Content,
     {
       "data-slot": "popover-content",
       align: t,
@@ -2797,7 +2797,7 @@ function Zn({
   ...r
 }) {
   return /* @__PURE__ */ e(
-    Ke.Root,
+    Je.Root,
     {
       "data-slot": "progress",
       className: s(
@@ -2806,7 +2806,7 @@ function Zn({
       ),
       ...r,
       children: /* @__PURE__ */ e(
-        Ke.Indicator,
+        Je.Indicator,
         {
           "data-slot": "progress-indicator",
           className: "h-full w-full flex-1 bg-primary transition-all",
@@ -2826,7 +2826,7 @@ function J(a = 768) {
   }, [a]), t;
 }
 function eo({ children: a, ...t }) {
-  return J() ? /* @__PURE__ */ e(cr, { ...t, children: a }) : /* @__PURE__ */ e(Na, { ...t, children: a });
+  return J() ? /* @__PURE__ */ e(cr, { ...t, children: a }) : /* @__PURE__ */ e(wa, { ...t, children: a });
 }
 function ao({
   className: a,
@@ -2840,34 +2840,34 @@ function to({
   children: t,
   ...r
 }) {
-  return J() ? /* @__PURE__ */ e(vr, { className: s("px-4 pb-6", a), ...r, children: t }) : /* @__PURE__ */ e(wa, { className: a, ...r, children: t });
+  return J() ? /* @__PURE__ */ e(vr, { className: s("px-4 pb-6", a), ...r, children: t }) : /* @__PURE__ */ e(ka, { className: a, ...r, children: t });
 }
 function ro({
   className: a,
   ...t
 }) {
-  const n = J() ? fr : ka;
+  const n = J() ? fr : Ta;
   return /* @__PURE__ */ e(n, { className: a, ...t });
 }
 function so({
   className: a,
   ...t
 }) {
-  const n = J() ? br : tr;
+  const n = J() ? gr : tr;
   return /* @__PURE__ */ e(n, { className: a, ...t });
 }
 function io({
   className: a,
   ...t
 }) {
-  const n = J() ? gr : Ta;
+  const n = J() ? br : za;
   return /* @__PURE__ */ e(n, { className: a, ...t });
 }
 function no({
   className: a,
   ...t
 }) {
-  const n = J() ? xr : za;
+  const n = J() ? xr : Sa;
   return /* @__PURE__ */ e(n, { className: a, ...t });
 }
 function oo({
@@ -2881,7 +2881,7 @@ function lo({
   ...t
 }) {
   return /* @__PURE__ */ e(
-    je.Root,
+    Le.Root,
     {
       "data-slot": "radio-group",
       className: s("grid gap-3", a),
@@ -2897,7 +2897,7 @@ function co({
   ...o
 }) {
   return /* @__PURE__ */ i(
-    je.Item,
+    Le.Item,
     {
       "data-slot": "radio-group-item",
       className: s(
@@ -2924,7 +2924,7 @@ function co({
                 "group-data-[disabled]:border-[var(--Border-Medium-Emphasis)] group-data-[disabled]:bg-[var(--Surface-Secondary)]"
               ),
               children: /* @__PURE__ */ e(
-                je.Indicator,
+                Le.Indicator,
                 {
                   "data-slot": "radio-group-indicator",
                   className: "flex items-center justify-center",
@@ -3023,14 +3023,14 @@ function zr({
     }
   );
 }
-function Ma({
+function Pa({
   className: a,
   orientation: t = "horizontal",
   decorative: r = !0,
   ...n
 }) {
   return /* @__PURE__ */ e(
-    et.Root,
+    at.Root,
     {
       "data-slot": "separator",
       decorative: r,
@@ -3104,7 +3104,7 @@ function vo({
         children: [
           t,
           n && /* @__PURE__ */ i(j.Close, { className: "absolute top-2 right-2 flex size-10 items-center justify-center rounded-full text-[var(--Text-Low-Emphasis)] transition-colors hover:bg-[var(--Surface-Tertiary)] hover:text-[var(--Text-High-Emphasis)] focus:ring-2 focus:ring-[var(--Focus-High-Emphasis)] focus:outline-hidden disabled:pointer-events-none", children: [
-            /* @__PURE__ */ e(ca, { className: "size-5" }),
+            /* @__PURE__ */ e(Oe, { className: "size-5" }),
             /* @__PURE__ */ e("span", { className: "sr-only", children: "閉じる" })
           ] })
         ]
@@ -3122,7 +3122,7 @@ function fo({ className: a, ...t }) {
     }
   );
 }
-function bo({ className: a, ...t }) {
+function go({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -3132,7 +3132,7 @@ function bo({ className: a, ...t }) {
     }
   );
 }
-function go({
+function bo({
   className: a,
   ...t
 }) {
@@ -3181,7 +3181,7 @@ function No({
     [r, t, n, o]
   );
   return /* @__PURE__ */ i(
-    me.Root,
+    ue.Root,
     {
       "data-slot": "slider",
       defaultValue: t,
@@ -3195,14 +3195,14 @@ function No({
       ...l,
       children: [
         /* @__PURE__ */ e(
-          me.Track,
+          ue.Track,
           {
             "data-slot": "slider-track",
             className: s(
               "relative grow overflow-hidden rounded-full bg-[var(--Surface-Tertiary)] data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
             ),
             children: /* @__PURE__ */ e(
-              me.Range,
+              ue.Range,
               {
                 "data-slot": "slider-range",
                 className: s(
@@ -3213,7 +3213,7 @@ function No({
           }
         ),
         Array.from({ length: c.length }, (m, d) => /* @__PURE__ */ e(
-          me.Thumb,
+          ue.Thumb,
           {
             "data-slot": "slider-thumb",
             className: "block size-5 shrink-0 rounded-full border-2 border-[var(--Brand-Cake-Orange)] bg-[var(--Surface-Primary)] shadow-sm ring-[var(--Brand-Cake-Orange)]/20 transition-[color,box-shadow,transform] hover:ring-4 hover:scale-125 focus-visible:ring-4 focus-visible:outline-hidden active:scale-110 active:ring-6 active:shadow-md disabled:pointer-events-none disabled:opacity-50"
@@ -3245,14 +3245,14 @@ function wo({ className: a, size: t = "md", ...r }) {
     }
   );
 }
-function Pa({
+function Ba({
   className: a,
   size: t = "default",
   ...r
 }) {
   const n = t === "default";
   return /* @__PURE__ */ e(
-    Ue.Root,
+    Ye.Root,
     {
       "data-slot": "switch",
       "data-size": t,
@@ -3268,7 +3268,7 @@ function Pa({
       ),
       ...r,
       children: /* @__PURE__ */ e(
-        Ue.Thumb,
+        Ye.Thumb,
         {
           "data-slot": "switch-thumb",
           className: s(
@@ -3276,7 +3276,7 @@ function Pa({
             n ? "size-6 data-[state=unchecked]:translate-x-[1px] data-[state=checked]:translate-x-[22px]" : "size-[18px] data-[state=unchecked]:translate-x-[1px] data-[state=checked]:translate-x-[18px]"
           ),
           children: /* @__PURE__ */ e(
-            De,
+            Fe,
             {
               className: s(
                 "text-[var(--Object-Accent-Primary)] opacity-0 transition-opacity duration-150 group-data-[state=checked]/thumb:opacity-100",
@@ -3495,18 +3495,18 @@ function Mr({ className: a, ...t }) {
   );
 }
 const _o = ({ ...a }) => {
-  const { theme: t = "system" } = Lt();
+  const { theme: t = "system" } = _t();
   return /* @__PURE__ */ e(
-    _t,
+    It,
     {
       theme: t,
       className: "toaster group",
       icons: {
-        success: /* @__PURE__ */ e(Xa, { className: "size-4 text-[var(--Text-Success)]" }),
-        info: /* @__PURE__ */ e(Ua, { className: "size-4 text-[var(--Primitive-Sea-600)]" }),
-        warning: /* @__PURE__ */ e(Ka, { className: "size-4 text-[var(--Text-Warning)]" }),
-        error: /* @__PURE__ */ e(qa, { className: "size-4 text-[var(--Primitive-Sun-800)]" }),
-        loading: /* @__PURE__ */ e(Ga, { className: "size-4 animate-spin text-[var(--Text-Medium-Emphasis)]" })
+        success: /* @__PURE__ */ e(Ja, { className: "size-4 text-[var(--Text-Success)]" }),
+        info: /* @__PURE__ */ e(Xa, { className: "size-4 text-[var(--Primitive-Sea-600)]" }),
+        warning: /* @__PURE__ */ e(Ua, { className: "size-4 text-[var(--Text-Warning)]" }),
+        error: /* @__PURE__ */ e(Ka, { className: "size-4 text-[var(--Primitive-Sun-800)]" }),
+        loading: /* @__PURE__ */ e(qa, { className: "size-4 animate-spin text-[var(--Text-Medium-Emphasis)]" })
       },
       toastOptions: {
         classNames: {
@@ -3562,7 +3562,7 @@ function Io({
   ...n
 }) {
   return /* @__PURE__ */ e(
-    at.Root,
+    tt.Root,
     {
       "data-slot": "toggle",
       className: s(Pr({ variant: t, size: r, className: a })),
@@ -3621,7 +3621,7 @@ const Br = L(
       size: "default"
     }
   }
-), Ba = w.createContext({
+), Ha = w.createContext({
   variant: "default",
   size: "default"
 });
@@ -3634,12 +3634,12 @@ function Ao({
   ...l
 }) {
   return /* @__PURE__ */ e(
-    ma.Root,
+    ua.Root,
     {
       "data-slot": "toggle-group",
       className: s(Br({ width: n }), a),
       ...l,
-      children: /* @__PURE__ */ e(Ba.Provider, { value: { variant: t, size: r }, children: o })
+      children: /* @__PURE__ */ e(Ha.Provider, { value: { variant: t, size: r }, children: o })
     }
   );
 }
@@ -3650,9 +3650,9 @@ function Do({
   size: n,
   ...o
 }) {
-  const l = w.useContext(Ba);
+  const l = w.useContext(Ha);
   return /* @__PURE__ */ e(
-    ma.Item,
+    ua.Item,
     {
       "data-slot": "toggle-group-item",
       className: s(
@@ -3713,7 +3713,7 @@ function $o({
     }
   ) });
 }
-function Ze(a, t) {
+function ta(a, t) {
   return typeof a == "function" ? a(t) : a;
 }
 function jr({
@@ -3731,7 +3731,7 @@ function jr({
       {
         "data-slot": "admin-side-nav",
         "aria-label": l,
-        className: "hidden @md:flex fixed left-0 top-0 z-40 h-full w-[72px] flex-col items-center bg-[var(--Surface-Primary)] border-r border-[var(--Border-Low-Emphasis)] pt-16",
+        className: "hidden @md:flex fixed left-0 top-16 bottom-0 z-30 w-[72px] flex-col items-center bg-[var(--Surface-Primary)] border-r border-[var(--Border-Low-Emphasis)]",
         children: a.map((d) => {
           const p = t === d.key, h = !!d.subMenus && d.subMenus.length > 0;
           return /* @__PURE__ */ i(
@@ -3745,8 +3745,8 @@ function jr({
                   const u = s(
                     "flex flex-col items-center justify-center w-16 h-16 gap-1 text-[11px] transition-colors",
                     p ? "text-[var(--Text-Accent-Primary)]" : "text-[var(--Text-Medium-Emphasis)] hover:text-[var(--Text-High-Emphasis)]"
-                  ), b = /* @__PURE__ */ i(H, { children: [
-                    Ze(d.icon, { active: p, placement: "rail" }),
+                  ), f = /* @__PURE__ */ i(H, { children: [
+                    ta(d.icon, { active: p, placement: "rail" }),
                     /* @__PURE__ */ e("span", { className: "leading-none", children: d.label })
                   ] });
                   return d.href ? /* @__PURE__ */ e(
@@ -3755,9 +3755,9 @@ function jr({
                       href: d.href,
                       className: u,
                       "aria-current": p ? "page" : void 0,
-                      children: b
+                      children: f
                     }
-                  ) : /* @__PURE__ */ e("button", { type: "button", className: u, children: b });
+                  ) : /* @__PURE__ */ e("button", { type: "button", className: u, children: f });
                 })(),
                 h && c === d.key && /* @__PURE__ */ e("div", { className: "absolute left-full top-0 z-50 ml-0 w-[240px] rounded-2xl bg-[var(--Surface-Primary)] shadow-menu border border-[var(--Border-Low-Emphasis)] py-2", children: d.subMenus.map((u) => /* @__PURE__ */ e(
                   "a",
@@ -3787,7 +3787,7 @@ function jr({
         "nav",
         {
           "aria-label": l,
-          className: "absolute left-0 top-0 h-full w-[280px] bg-[var(--Surface-Primary)] shadow-lg overflow-y-auto",
+          className: "absolute left-0 top-0 h-full w-[280px] bg-[var(--Surface-Primary)] shadow-lg overflow-y-auto dark:bg-[var(--Primitive-Gray-900)]",
           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: r }),
@@ -3795,9 +3795,9 @@ function jr({
                 "button",
                 {
                   onClick: () => o?.(!1),
-                  className: "size-10 flex items-center justify-center",
+                  className: "flex size-10 items-center justify-center rounded-full text-[var(--Text-Low-Emphasis)] transition-colors hover:bg-[var(--Surface-Tertiary)] hover:text-[var(--Text-High-Emphasis)] focus-visible:ring-2 focus-visible:ring-[var(--Focus-High-Emphasis)] focus-visible:outline-hidden",
                   "aria-label": "閉じる",
-                  children: /* @__PURE__ */ e("span", { className: "typo-heading-lg text-[var(--Text-Medium-Emphasis)]", children: "×" })
+                  children: /* @__PURE__ */ e(Oe, { className: "size-5" })
                 }
               )
             ] }),
@@ -3808,8 +3808,8 @@ function jr({
                   const u = s(
                     "flex w-full items-center gap-3 px-4 py-3 transition-colors",
                     p ? "text-[var(--Text-Accent-Primary)] bg-[var(--Surface-Accent-Primary-Light)]" : "text-[var(--Text-High-Emphasis)] hover:bg-[var(--Surface-Secondary)]"
-                  ), b = /* @__PURE__ */ i(H, { children: [
-                    Ze(d.icon, { active: p, placement: "drawer" }),
+                  ), f = /* @__PURE__ */ i(H, { children: [
+                    ta(d.icon, { active: p, placement: "drawer" }),
                     /* @__PURE__ */ e("span", { className: "typo-label-md", children: d.label }),
                     h && /* @__PURE__ */ e(Z, { size: 16, className: "ml-auto text-[var(--Text-Low-Emphasis)]" })
                   ] });
@@ -3819,11 +3819,11 @@ function jr({
                       href: d.href,
                       className: u,
                       "aria-current": p ? "page" : void 0,
-                      children: b
+                      children: f
                     }
-                  ) : /* @__PURE__ */ e("button", { type: "button", className: u, children: b });
+                  ) : /* @__PURE__ */ e("button", { type: "button", className: u, children: f });
                 })(),
-                h && /* @__PURE__ */ e("div", { className: "bg-[var(--Surface-Secondary)]", children: d.subMenus.map((u) => /* @__PURE__ */ e(
+                h && /* @__PURE__ */ e("div", { className: "bg-[var(--Surface-Secondary)] dark:bg-[var(--Primitive-Gray-900)]", children: d.subMenus.map((u) => /* @__PURE__ */ e(
                   "a",
                   {
                     href: u.href,
@@ -3845,7 +3845,7 @@ function Lr({ brand: a, onMenuClick: t, actions: r }) {
     "header",
     {
       "data-slot": "admin-header",
-      className: "fixed top-0 left-0 @md:left-[72px] right-0 z-30 flex h-14 @md:h-16 items-center justify-between bg-[var(--Surface-Primary)] border-b border-[var(--Border-Low-Emphasis)] px-3 @md:px-4",
+      className: "fixed top-0 left-0 right-0 z-40 flex h-14 @md:h-16 items-center justify-between bg-[var(--Surface-Primary)] border-b border-[var(--Border-Low-Emphasis)] px-3 @md:px-4",
       children: [
         /* @__PURE__ */ i("div", { className: "flex items-center gap-2 @md:gap-3", children: [
           t && /* @__PURE__ */ e(
@@ -3855,7 +3855,7 @@ function Lr({ brand: a, onMenuClick: t, actions: r }) {
               className: "flex items-center justify-center size-10 rounded-lg hover:bg-[var(--Surface-Secondary)] @md:hidden",
               "aria-label": "メニュー",
               onClick: t,
-              children: /* @__PURE__ */ e(nt, { size: 20, className: "text-[var(--Text-High-Emphasis)]" })
+              children: /* @__PURE__ */ e(ot, { size: 20, className: "text-[var(--Text-High-Emphasis)]" })
             }
           ),
           typeof a == "string" ? /* @__PURE__ */ e("p", { className: "typo-heading-md @md:typo-heading-lg text-[var(--Text-High-Emphasis)] truncate", children: a }) : a
@@ -3987,13 +3987,13 @@ function be({
   prevDisabled: p = !1,
   nextDisabled: h = !1,
   size: u = "lg",
-  as: b,
+  as: f,
   align: v = "start",
-  eyebrow: f,
+  eyebrow: g,
   ...x
 }) {
-  const T = b ?? Ar[u], g = ["3xl", "2xl", "xl", "lg"].includes(u), N = m || d, y = n || l, E = v === "center", z = !!n && !E, M = (y || c || N) && /* @__PURE__ */ i("div", { className: s("flex shrink-0 items-center gap-2", E && "justify-center"), children: [
-    y && (n ? /* @__PURE__ */ e(
+  const T = f ?? Ar[u], b = ["3xl", "2xl", "xl", "lg"].includes(u), y = m || d, N = n || l, E = v === "center", z = !!n && !E, M = (N || c || y) && /* @__PURE__ */ i("div", { className: s("flex shrink-0 items-center gap-2", E && "justify-center"), children: [
+    N && (n ? /* @__PURE__ */ e(
       "a",
       {
         href: n,
@@ -4012,7 +4012,7 @@ function be({
       }
     )),
     c,
-    N && /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
+    y && /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
       /* @__PURE__ */ e(
         k,
         {
@@ -4022,7 +4022,7 @@ function be({
           onClick: m,
           disabled: p,
           className: "rounded-full border border-[var(--Border-Medium-Emphasis)]",
-          children: /* @__PURE__ */ e(ce, { size: 16 })
+          children: /* @__PURE__ */ e(me, { size: 16 })
         }
       ),
       /* @__PURE__ */ e(
@@ -4054,7 +4054,7 @@ function be({
       {
         className: s(
           "text-[var(--Text-High-Emphasis)]",
-          g ? "typo-body-lg" : "typo-body-md"
+          b ? "typo-body-lg" : "typo-body-md"
         ),
         children: r
       }
@@ -4071,7 +4071,7 @@ function be({
       ),
       ...x,
       children: [
-        f,
+        g,
         S,
         M && /* @__PURE__ */ e("div", { className: "pt-1", children: M })
       ]
@@ -4084,7 +4084,7 @@ function be({
       className: s("flex flex-col gap-2", a),
       ...x,
       children: [
-        f,
+        g,
         /* @__PURE__ */ i("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
           z ? /* @__PURE__ */ e("a", { href: n, className: "flex min-w-0 flex-1 flex-col gap-1", children: S }) : /* @__PURE__ */ e("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: S }),
           M
@@ -4093,7 +4093,7 @@ function be({
     }
   );
 }
-const ea = {
+const ra = {
   sm: "w-[48vw] @md:w-[180px]",
   md: "w-[70vw] @md:w-[260px]",
   lg: "w-[85vw] @md:w-[320px]"
@@ -4160,7 +4160,7 @@ function Vo({
                 href: p.href,
                 className: s(
                   "group shrink-0",
-                  ea[m]
+                  ra[m]
                 ),
                 children: /* @__PURE__ */ e("div", { className: "transition-opacity duration-150 group-hover:opacity-80", children: u })
               },
@@ -4170,7 +4170,7 @@ function Vo({
               {
                 className: s(
                   "shrink-0",
-                  ea[m]
+                  ra[m]
                 ),
                 children: u
               },
@@ -4235,7 +4235,7 @@ function Fr({
 }) {
   if (l || r != null && r <= 0 && !o)
     return /* @__PURE__ */ e("span", { className: "relative inline-flex", children: t });
-  const p = o || r == null, h = r != null ? r > n ? `${n}+` : String(r) : void 0, u = h != null && h.length > 1, b = m === "sm" ? "h-2 w-2" : "h-2.5 w-2.5", v = m === "sm" ? u ? "h-3.5 min-w-3.5 px-1" : "h-3.5 w-3.5" : u ? "h-4 min-w-4 px-1" : "h-4 w-4", f = p ? "-right-0.5 -top-0.5" : "-right-1.5 -top-1";
+  const p = o || r == null, h = r != null ? r > n ? `${n}+` : String(r) : void 0, u = h != null && h.length > 1, f = m === "sm" ? "h-2 w-2" : "h-2.5 w-2.5", v = m === "sm" ? u ? "h-3.5 min-w-3.5 px-1" : "h-3.5 w-3.5" : u ? "h-4 min-w-4 px-1" : "h-4 w-4", g = p ? "-right-0.5 -top-0.5" : "-right-1.5 -top-1";
   return /* @__PURE__ */ i("span", { className: "relative inline-flex", children: [
     t,
     /* @__PURE__ */ e(
@@ -4244,8 +4244,8 @@ function Fr({
         "data-slot": "notification-badge",
         className: s(
           Rr({ color: c, size: m }),
-          f,
-          p ? b : v,
+          g,
+          p ? f : v,
           a
         ),
         role: h ? "status" : void 0,
@@ -4436,10 +4436,10 @@ function Uo({
   pcGridCols: d,
   className: p
 }) {
-  const h = l === "circle" ? "rounded-full" : "rounded-lg", u = (b, v, f) => /* @__PURE__ */ i(
+  const h = l === "circle" ? "rounded-full" : "rounded-lg", u = (f, v, g) => /* @__PURE__ */ i(
     "a",
     {
-      href: b.href,
+      href: f.href,
       className: "flex flex-col items-center gap-1.5 group shrink-0",
       children: [
         /* @__PURE__ */ e(
@@ -4447,14 +4447,14 @@ function Uo({
           {
             className: s(
               "overflow-hidden shrink-0",
-              v ? "size-24" : f ? "w-full aspect-square" : Wr[o],
+              v ? "size-24" : g ? "w-full aspect-square" : Wr[o],
               h
             ),
             children: /* @__PURE__ */ e(
               "img",
               {
-                src: b.imageUrl,
-                alt: b.name,
+                src: f.imageUrl,
+                alt: f.name,
                 className: "size-full object-cover transition-opacity group-hover:opacity-80"
               }
             )
@@ -4465,14 +4465,14 @@ function Uo({
           {
             className: s(
               "typo-label-sm text-[var(--Text-High-Emphasis)] text-center",
-              v ? "max-w-[96px]" : f ? "w-full" : Vr[o]
+              v ? "max-w-[96px]" : g ? "w-full" : Vr[o]
             ),
-            children: b.name
+            children: f.name
           }
         )
       ]
     },
-    b.href
+    f.href
   );
   return /* @__PURE__ */ i("section", { "data-slot": "category-scroll", className: s("py-4 @[960px]:max-w-[960px] @[960px]:mx-auto", p), children: [
     /* @__PURE__ */ e(be, { title: a, moreHref: t, size: r, className: "px-4" }),
@@ -4487,7 +4487,7 @@ function Uo({
               gridAutoFlow: "column",
               gridAutoColumns: Gr[o]
             },
-            children: n.map((b) => u(b, !1, !0))
+            children: n.map((f) => u(f, !1, !0))
           }
         ),
         /* @__PURE__ */ e("div", { className: "shrink-0 w-4", "aria-hidden": "true" })
@@ -4497,19 +4497,19 @@ function Uo({
         {
           className: "hidden @[960px]:grid @[960px]:gap-x-2 @[960px]:gap-y-4 @[960px]:px-6 @[960px]:mt-3",
           style: { gridTemplateColumns: `repeat(${d}, 1fr)` },
-          children: n.map((b) => u(b, !0))
+          children: n.map((f) => u(f, !0))
         }
       )
     ] }) : (
       /* デフォルト: 横スクロール1行 */
       /* @__PURE__ */ i("div", { className: "mt-3 flex gap-3 overflow-x-auto pl-4 pb-2 scrollbar-hide", children: [
-        n.map((b) => u(b)),
+        n.map((f) => u(f)),
         /* @__PURE__ */ e("div", { className: "shrink-0 w-4", "aria-hidden": "true" })
       ] })
     )
   ] });
 }
-const aa = L(
+const Be = L(
   "inline-flex items-center justify-center whitespace-nowrap transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--Focus-High-Emphasis)]",
   {
     variants: {
@@ -4543,7 +4543,7 @@ const aa = L(
     }
   }
 );
-function Ha({
+function ja({
   className: a,
   variant: t = "filled",
   size: r,
@@ -4557,7 +4557,7 @@ function Ha({
   children: h,
   ...u
 }) {
-  const b = l ? "accent" : t, v = c && !l, f = v ? "border border-[var(--Text-Disable)] bg-[var(--Surface-Secondary)] text-[var(--Text-Disable)]" : void 0, x = p !== void 0 && /* @__PURE__ */ e(
+  const f = l ? "accent" : t, v = c && !l, g = v ? "border border-[var(--Text-Disable)] bg-[var(--Surface-Secondary)] text-[var(--Text-Disable)]" : void 0, x = p !== void 0 && /* @__PURE__ */ e(
     "span",
     {
       className: s(
@@ -4566,22 +4566,68 @@ function Ha({
       ),
       children: p
     }
-  ), T = /* @__PURE__ */ i(H, { children: [
-    h,
-    x,
-    v && /* @__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(
-      "button",
+  ), T = v && /* @__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)]" }) });
+  if (m)
+    return /* @__PURE__ */ i(
+      "span",
       {
-        type: "button",
-        "aria-label": "削除",
-        onClick: (g) => {
-          g.stopPropagation(), d?.();
-        },
-        className: "-mr-1 ml-0.5 inline-flex size-6 items-center justify-center rounded-full hover:bg-[var(--Overlay-Light)] focus-visible:ring-2 focus-visible:ring-[var(--Focus-High-Emphasis)]",
-        children: /* @__PURE__ */ e(Ne, { className: "size-3.5" })
+        "data-slot": "chip",
+        "data-selected": l || void 0,
+        className: s(
+          "group",
+          Be({ variant: f, size: r, shape: n }),
+          v ? g : void 0,
+          v && "relative",
+          "has-[[data-slot=chip-trigger]:focus-visible]:ring-2 has-[[data-slot=chip-trigger]:focus-visible]:ring-[var(--Focus-High-Emphasis)]",
+          a
+        ),
+        children: [
+          o ? /* @__PURE__ */ i(
+            "a",
+            {
+              href: o,
+              "data-slot": "chip-trigger",
+              className: "inline-flex items-center gap-1.5 focus-visible:outline-none",
+              children: [
+                h,
+                x
+              ]
+            }
+          ) : /* @__PURE__ */ i(
+            "button",
+            {
+              type: "button",
+              "data-slot": "chip-trigger",
+              disabled: v || u.disabled,
+              className: "inline-flex items-center gap-1.5 focus-visible:outline-none",
+              ...u,
+              children: [
+                h,
+                x
+              ]
+            }
+          ),
+          T,
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "aria-label": "削除",
+              disabled: v || u.disabled,
+              onClick: (y) => {
+                y.stopPropagation(), d?.();
+              },
+              className: "-mr-1 ml-0.5 inline-flex size-6 items-center justify-center rounded-full hover:bg-[var(--Overlay-Light)] focus-visible:ring-2 focus-visible:ring-[var(--Focus-High-Emphasis)]",
+              children: /* @__PURE__ */ e(Ne, { className: "size-3.5" })
+            }
+          )
+        ]
       }
-    )
+    );
+  const b = /* @__PURE__ */ i(H, { children: [
+    h,
+    x,
+    T
   ] });
   return o ? /* @__PURE__ */ e(
     "a",
@@ -4589,8 +4635,8 @@ function Ha({
       href: o,
       "data-slot": "chip",
       "data-selected": l || void 0,
-      className: s("group", aa({ variant: b, size: r, shape: n }), f, a),
-      children: T
+      className: s("group", Be({ variant: f, size: r, shape: n }), g, a),
+      children: b
     }
   ) : /* @__PURE__ */ e(
     "button",
@@ -4601,13 +4647,13 @@ function Ha({
       disabled: v || u.disabled,
       className: s(
         "group",
-        aa({ variant: b, size: r, shape: n }),
-        v ? f : void 0,
+        Be({ variant: f, size: r, shape: n }),
+        v ? g : void 0,
         v && "relative",
         a
       ),
       ...u,
-      children: T
+      children: b
     }
   );
 }
@@ -4621,14 +4667,14 @@ function Xo({
   return /* @__PURE__ */ i(
     "div",
     {
-      "data-slot": "ec-page-shell",
+      "data-slot": "standard-page-shell",
       className: s(
         "@container flex min-h-dvh flex-col bg-[var(--Surface-Primary)]",
         o
       ),
       children: [
         a,
-        /* @__PURE__ */ e("main", { className: s("flex-1", t && "pb-20 @md:pb-0"), children: n }),
+        /* @__PURE__ */ e("main", { className: s("@container flex-1", t && "pb-20 @md:pb-0"), children: n }),
         r,
         t
       ]
@@ -4721,7 +4767,7 @@ function Qo({
               onClick: l,
               "aria-label": "戻る",
               className: "shrink-0",
-              children: /* @__PURE__ */ e(ce, { size: 16 })
+              children: /* @__PURE__ */ e(me, { size: 16 })
             }
           ),
           /* @__PURE__ */ i(
@@ -4732,7 +4778,7 @@ function Qo({
               onClick: o,
               "aria-label": "絞り込み",
               children: [
-                /* @__PURE__ */ e(ot, { size: 20 }),
+                /* @__PURE__ */ e(lt, { size: 20 }),
                 c != null && c > 0 && /* @__PURE__ */ e("span", { className: "absolute -right-1 -top-1 flex size-4 items-center justify-center rounded-full bg-[var(--Brand-Cake-Orange)] typo-label-xs text-[var(--Text-on-Inverse)]", children: c })
               ]
             }
@@ -4901,7 +4947,7 @@ function Ur({ groups: a }) {
     ] }, n.title))
   ] }, r.title)) });
 }
-function ta({ links: a }) {
+function sa({ links: a }) {
   return /* @__PURE__ */ e("ul", { children: a.map((t) => /* @__PURE__ */ e("li", { className: "border-b border-[var(--Border-Low-Emphasis)] last:border-b-0", children: /* @__PURE__ */ i(
     "a",
     {
@@ -4955,11 +5001,11 @@ function Zo({
       children: [
         t.length > 0 && /* @__PURE__ */ i(H, { children: [
           /* @__PURE__ */ e("nav", { "aria-label": "フッターナビゲーション", "data-slot": "footer-links", className: "border-t border-[var(--Border-Medium-Emphasis)] @lg:hidden", children: t.map((u) => /* @__PURE__ */ i(Kr, { title: u.title, children: [
-            /* @__PURE__ */ e(ta, { links: u.links }),
-            u.subGroups?.map((b) => /* @__PURE__ */ i("div", { children: [
-              /* @__PURE__ */ e("div", { className: "border-t border-[var(--Border-Low-Emphasis)] px-5 py-5 typo-body-md text-[var(--Text-High-Emphasis)]", children: b.title }),
-              /* @__PURE__ */ e(ta, { links: b.links })
-            ] }, b.title))
+            /* @__PURE__ */ e(sa, { links: u.links }),
+            u.subGroups?.map((f) => /* @__PURE__ */ i("div", { children: [
+              /* @__PURE__ */ e("div", { className: "border-t border-[var(--Border-Low-Emphasis)] px-5 py-5 typo-body-md text-[var(--Text-High-Emphasis)]", children: f.title }),
+              /* @__PURE__ */ e(sa, { links: f.links })
+            ] }, f.title))
           ] }, u.title)) }),
           /* @__PURE__ */ e(
             "nav",
@@ -5080,7 +5126,7 @@ function el({
   const p = 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", d), "data-slot": "form-field", children: [
     /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e(Ve, { htmlFor: c, className: "typo-label-md", children: a }),
+      /* @__PURE__ */ e(Ke, { htmlFor: c, 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: "任意" })
     ] }),
@@ -5090,7 +5136,7 @@ function el({
     l && /* @__PURE__ */ e("p", { className: "typo-body-xs text-[var(--Text-Caution)]", children: l })
   ] });
 }
-function ge({
+function oe({
   className: a,
   variant: t = "logo",
   logo: r,
@@ -5103,27 +5149,27 @@ function ge({
   centerSlot: p,
   bottomSlot: h,
   disableSticky: u = !1,
-  ...b
+  ...f
 }) {
-  const v = u ? "" : "sticky top-0 z-40", f = "border-b border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)]";
+  const v = u ? "" : "sticky top-0 z-40", g = "border-b border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)]";
   if (t === "logo") {
-    const x = typeof r == "string" ? /* @__PURE__ */ e("span", { className: "typo-heading-lg text-[var(--Text-High-Emphasis)]", children: r }) : r ?? null, T = c && c.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1", children: c.map((g) => /* @__PURE__ */ e(
+    const x = typeof r == "string" ? /* @__PURE__ */ e("span", { className: "typo-heading-lg text-[var(--Text-High-Emphasis)]", children: r }) : r ?? null, T = c && c.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1", children: c.map((b) => /* @__PURE__ */ e(
       k,
       {
         variant: "ghost",
         size: "icon-sm",
-        "aria-label": g.label,
-        onClick: g.onClick,
-        children: g.badge ? g.badge : g.icon
+        "aria-label": b.label,
+        onClick: b.onClick,
+        children: b.badge ? b.badge : b.icon
       },
-      g.label
+      b.label
     )) });
     return /* @__PURE__ */ i(
       "header",
       {
         "data-slot": "header",
-        className: s(v, f, "@container", a),
-        ...b,
+        className: s(v, g, "@container", a),
+        ...f,
         children: [
           /* @__PURE__ */ i("div", { className: s(
             "flex items-center justify-between px-4 py-3",
@@ -5135,19 +5181,19 @@ function ge({
           m && /* @__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) => {
-                const N = g.href ? "a" : "button", y = g.href ? { href: g.href } : { type: "button", onClick: g.onClick };
+              /* @__PURE__ */ e("nav", { className: "flex items-center gap-0.5", children: m.map((b) => {
+                const y = b.href ? "a" : "button", N = b.href ? { href: b.href } : { type: "button", onClick: b.onClick };
                 return /* @__PURE__ */ e(
-                  N,
+                  y,
                   {
                     className: s(
                       "px-3 py-1.5 typo-body-sm rounded-md transition-colors whitespace-nowrap",
-                      g.isActive ? "text-[var(--Text-High-Emphasis)] font-bold" : "text-[var(--Text-Medium-Emphasis)] hover:text-[var(--Text-High-Emphasis)] hover:bg-[var(--Surface-Secondary)]"
+                      b.isActive ? "text-[var(--Text-High-Emphasis)] font-bold" : "text-[var(--Text-Medium-Emphasis)] hover:text-[var(--Text-High-Emphasis)] hover:bg-[var(--Surface-Secondary)]"
                     ),
-                    ...y,
-                    children: g.label
+                    ...N,
+                    children: b.label
                   },
-                  g.label
+                  b.label
                 );
               }) })
             ] }),
@@ -5164,11 +5210,11 @@ function ge({
       "data-slot": "header",
       className: s(
         v,
-        f,
+        g,
         "flex items-center justify-center px-4 py-3",
         a
       ),
-      ...b,
+      ...f,
       children: typeof r == "string" ? /* @__PURE__ */ e("span", { className: "typo-heading-lg text-[var(--Text-High-Emphasis)]", children: r }) : r ?? null
     }
   ) : t === "back-search" ? /* @__PURE__ */ e(
@@ -5177,11 +5223,11 @@ function ge({
       "data-slot": "header",
       className: s(
         v,
-        f,
+        g,
         "px-4 py-3",
         a
       ),
-      ...b,
+      ...f,
       children: /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
           k,
@@ -5190,7 +5236,7 @@ function ge({
             size: "icon-sm",
             "aria-label": l,
             onClick: o,
-            children: /* @__PURE__ */ e(Xe, { size: 20 })
+            children: /* @__PURE__ */ e(_e, { size: 20 })
           }
         ),
         p && /* @__PURE__ */ e("div", { className: "flex-1", children: p })
@@ -5202,98 +5248,97 @@ function ge({
       "data-slot": "header",
       className: s(
         v,
-        f,
-        "flex items-center gap-3 px-2 py-3",
+        g,
+        "grid grid-cols-[1fr_auto_1fr] items-center gap-2 px-2 py-3",
         a
       ),
-      ...b,
+      ...f,
       children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "justify-self-start", children: /* @__PURE__ */ e(
           k,
           {
             variant: "ghost",
             size: "icon-sm",
             "aria-label": l,
             onClick: o,
-            children: /* @__PURE__ */ e(Xe, { size: 20 })
+            children: /* @__PURE__ */ e(_e, { size: 20 })
           }
-        ),
-        /* @__PURE__ */ e("h1", { className: "flex-1 text-center typo-heading-md text-[var(--Text-High-Emphasis)]", children: n }),
-        d ?? /* @__PURE__ */ e("div", { className: "w-8", "aria-hidden": "true" })
+        ) }),
+        /* @__PURE__ */ e("h1", { className: "min-w-0 truncate text-center typo-heading-md text-[var(--Text-High-Emphasis)]", children: n }),
+        /* @__PURE__ */ e("div", { className: "justify-self-end", children: d })
       ]
     }
   );
 }
 function al({
-  title: a,
-  onBack: t,
-  backLabel: r = "戻る",
-  steps: n,
-  activeStep: o,
-  children: l,
-  bottomAction: c,
-  className: m
+  logo: a,
+  title: t,
+  onBack: r,
+  backLabel: n = "戻る",
+  steps: o,
+  activeStep: l,
+  children: c,
+  bottomAction: m,
+  className: d
 }) {
-  const d = n?.findIndex((p) => p.key === o) ?? -1;
+  const p = o?.findIndex((h) => h.key === l) ?? -1;
   return /* @__PURE__ */ i(
     "div",
     {
       "data-slot": "funnel-shell",
       className: s(
         "@container flex min-h-dvh flex-col bg-[var(--Surface-Secondary)]",
-        m
+        d
       ),
       children: [
-        /* @__PURE__ */ e(ge, { variant: "back", title: a, onBack: t, backLabel: r }),
-        n && n.length > 0 && /* @__PURE__ */ e(
+        a ? /* @__PURE__ */ e(oe, { variant: "logo-center", logo: a }) : t ? /* @__PURE__ */ e(oe, { variant: "back", title: t, onBack: r, backLabel: n }) : null,
+        o && o.length > 0 && /* @__PURE__ */ e(
           "nav",
           {
             "data-slot": "funnel-steps",
             "aria-label": "購入ステップ",
             className: "border-b border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)] px-4 py-3",
-            children: /* @__PURE__ */ e("ol", { className: "mx-auto flex max-w-[640px] items-center", children: n.map((p, h) => {
-              const u = d >= 0 && h < d, b = h === d, v = u || b, f = h === n.length - 1;
+            children: /* @__PURE__ */ e("ol", { className: "mx-auto flex max-w-[640px] items-start", children: o.map((h, u) => {
+              const f = p >= 0 && u < p, v = u === p, g = f || v, x = u === o.length - 1;
               return /* @__PURE__ */ i(
                 "li",
                 {
-                  className: s("flex items-center", !f && "flex-1"),
-                  "aria-current": b ? "step" : void 0,
+                  className: "relative flex flex-1 flex-col items-center",
+                  "aria-current": v ? "step" : void 0,
                   children: [
-                    /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center gap-1.5", children: [
-                      /* @__PURE__ */ e(
-                        "span",
-                        {
-                          className: s(
-                            "size-2 shrink-0 rounded-full transition-colors",
-                            v ? "bg-[var(--Brand-Cake-Orange)]" : "bg-[var(--Border-Medium-Emphasis)]"
-                          ),
-                          "aria-hidden": "true"
-                        }
-                      ),
-                      /* @__PURE__ */ e(
-                        "span",
-                        {
-                          className: s(
-                            "hidden whitespace-nowrap transition-colors @[480px]:inline",
-                            b ? "typo-label-sm text-[var(--Text-High-Emphasis)]" : u ? "typo-body-sm text-[var(--Text-Medium-Emphasis)]" : "typo-body-sm text-[var(--Text-Low-Emphasis)]"
-                          ),
-                          children: p.label
-                        }
-                      )
-                    ] }),
-                    !f && /* @__PURE__ */ e(
+                    !x && /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: s(
+                          "absolute left-1/2 right-[-50%] top-[3px] h-0.5 rounded-full transition-colors",
+                          f ? "bg-[var(--Brand-Cake-Orange)]" : "bg-[var(--Border-Medium-Emphasis)]"
+                        ),
+                        "aria-hidden": "true"
+                      }
+                    ),
+                    /* @__PURE__ */ e(
                       "span",
                       {
                         className: s(
-                          "mx-2 h-0.5 flex-1 rounded-full transition-colors",
-                          u ? "bg-[var(--Brand-Cake-Orange)]" : "bg-[var(--Border-Medium-Emphasis)]"
+                          "relative z-10 size-2 shrink-0 rounded-full transition-colors",
+                          g ? "bg-[var(--Brand-Cake-Orange)]" : "bg-[var(--Border-Medium-Emphasis)]"
                         ),
                         "aria-hidden": "true"
                       }
+                    ),
+                    /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: s(
+                          "mt-1.5 px-1 text-center whitespace-nowrap transition-colors",
+                          v ? "typo-label-sm text-[var(--Text-High-Emphasis)]" : f ? "typo-body-sm text-[var(--Text-Medium-Emphasis)]" : "typo-body-sm text-[var(--Text-Low-Emphasis)]"
+                        ),
+                        children: h.label
+                      }
                     )
                   ]
                 },
-                p.key
+                h.key
               );
             }) })
           }
@@ -5301,11 +5346,11 @@ function al({
         /* @__PURE__ */ e(
           "main",
           {
-            className: s("flex-1", c && "pb-20"),
-            children: l
+            className: s("@container flex-1", m && "pb-20"),
+            children: c
           }
         ),
-        c
+        m
       ]
     }
   );
@@ -5322,41 +5367,41 @@ function tl({
   className: d,
   ...p
 }) {
-  const h = w.useRef(null), [u, b] = w.useState(0), v = a.length, f = t === "square" ? "aspect-square" : t === "video" ? "aspect-video" : t === "ogp" ? "aspect-[1.91/1]" : "aspect-[311/162.5]";
+  const h = w.useRef(null), [u, f] = w.useState(0), v = a.length, g = t === "square" ? "aspect-square" : t === "video" ? "aspect-video" : t === "ogp" ? "aspect-[1.91/1]" : "aspect-[311/162.5]";
   w.useEffect(() => {
-    const N = h.current;
-    if (!N) return;
-    const y = new IntersectionObserver(
+    const y = h.current;
+    if (!y) return;
+    const N = new IntersectionObserver(
       (z) => {
         for (const M of z)
           if (M.isIntersecting) {
             const S = Number(
               M.target.dataset.index
             );
-            Number.isNaN(S) || b(S);
+            Number.isNaN(S) || f(S);
           }
       },
-      { root: N, threshold: 0.6 }
+      { root: y, threshold: 0.6 }
     );
-    return N.querySelectorAll("[data-slide]").forEach((z) => y.observe(z)), () => y.disconnect();
+    return y.querySelectorAll("[data-slide]").forEach((z) => N.observe(z)), () => N.disconnect();
   }, [v]);
-  function x(N) {
-    const y = h.current;
-    if (!y) return;
-    const E = y.children[N];
-    E && y.scrollTo({ left: E.offsetLeft, behavior: "smooth" });
+  function x(y) {
+    const N = h.current;
+    if (!N) return;
+    const E = N.children[y];
+    E && N.scrollTo({ left: E.offsetLeft, behavior: "smooth" });
   }
   w.useEffect(() => {
     if (o <= 0 || v <= 1) return;
-    const N = setInterval(() => {
+    const y = setInterval(() => {
       x((u + 1) % v);
     }, o);
-    return () => clearInterval(N);
+    return () => clearInterval(y);
   }, [o, u, v]);
   function T() {
     x(u <= 0 ? v - 1 : u - 1);
   }
-  function g() {
+  function b() {
     x(u >= v - 1 ? 0 : u + 1);
   }
   return v === 0 ? null : /* @__PURE__ */ i(
@@ -5383,36 +5428,36 @@ function tl({
               c > 1 && "@[960px]:gap-6"
             ),
             style: { scrollbarWidth: "none", msOverflowStyle: "none" },
-            children: a.map((N, y) => /* @__PURE__ */ e(
+            children: a.map((y, N) => /* @__PURE__ */ e(
               "div",
               {
                 "data-slide": !0,
-                "data-index": y,
+                "data-index": N,
                 className: s(
                   "shrink-0 snap-start",
                   // centeredSlides: タブレットで snap-center、PC で snap-start に戻す
                   m && "@[768px]:snap-center @[960px]:snap-start",
                   l ? c > 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" : c > 1 ? "w-full @[960px]:w-[calc((100%-48px)/3)]" : "w-full"
                 ),
-                children: N.href ? /* @__PURE__ */ e("a", { href: N.href, className: "block", children: /* @__PURE__ */ e(
+                children: y.href ? /* @__PURE__ */ e("a", { href: y.href, className: "block", children: /* @__PURE__ */ e(
                   "img",
                   {
-                    src: N.src,
-                    alt: N.alt,
-                    loading: y === 0 ? "eager" : "lazy",
-                    className: s("w-full rounded-md object-cover @[960px]:rounded-lg", f)
+                    src: y.src,
+                    alt: y.alt,
+                    loading: N === 0 ? "eager" : "lazy",
+                    className: s("w-full rounded-md object-cover @[960px]:rounded-lg", g)
                   }
                 ) }) : /* @__PURE__ */ e(
                   "img",
                   {
-                    src: N.src,
-                    alt: N.alt,
-                    loading: y === 0 ? "eager" : "lazy",
-                    className: s("w-full rounded-md object-cover @[960px]:rounded-lg", f)
+                    src: y.src,
+                    alt: y.alt,
+                    loading: N === 0 ? "eager" : "lazy",
+                    className: s("w-full rounded-md object-cover @[960px]:rounded-lg", g)
                   }
                 )
               },
-              y
+              N
             ))
           }
         ),
@@ -5424,32 +5469,32 @@ function tl({
               onClick: T,
               "aria-label": "前へ",
               className: "absolute left-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(ce, { size: 20, className: "text-[var(--Object-High-Emphasis)]" })
+              children: /* @__PURE__ */ e(me, { size: 20, className: "text-[var(--Object-High-Emphasis)]" })
             }
           ),
           /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              onClick: g,
+              onClick: b,
               "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(V, { size: 20, className: "text-[var(--Object-High-Emphasis)]" })
             }
           )
         ] }),
-        r && v > 1 && /* @__PURE__ */ e("div", { className: "mt-2 flex items-center justify-center gap-1.5 @[960px]:hidden", children: a.map((N, y) => /* @__PURE__ */ e(
+        r && v > 1 && /* @__PURE__ */ e("div", { className: "mt-2 flex items-center justify-center gap-1.5 @[960px]:hidden", children: a.map((y, N) => /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: () => x(y),
-            "aria-label": `スライド ${y + 1}`,
+            onClick: () => x(N),
+            "aria-label": `スライド ${N + 1}`,
             className: s(
               "size-2 rounded-full transition-colors",
-              y === u ? "bg-[var(--Text-High-Emphasis)]" : "bg-[var(--Surface-Tertiary)]"
+              N === u ? "bg-[var(--Text-High-Emphasis)]" : "bg-[var(--Surface-Tertiary)]"
             )
           },
-          y
+          N
         )) })
       ]
     }
@@ -5468,8 +5513,8 @@ function rl({
   const [d, p] = w.useState(0);
   if (a.length === 0) return null;
   const h = (v) => {
-    const f = (v % a.length + a.length) % a.length;
-    f !== d && p(f);
+    const g = (v % a.length + a.length) % a.length;
+    g !== d && p(g);
   }, u = {
     square: "aspect-square",
     "4:3": "aspect-[4/3]",
@@ -5489,14 +5534,14 @@ function rl({
             {
               className: "flex h-full transition-transform duration-300 ease-out",
               style: { transform: `translateX(-${d * 100}%)` },
-              children: a.map((v, f) => /* @__PURE__ */ e(
+              children: a.map((v, g) => /* @__PURE__ */ e(
                 "img",
                 {
                   src: v,
-                  alt: t?.[f] ?? `画像 ${f + 1}`,
+                  alt: t?.[g] ?? `画像 ${g + 1}`,
                   className: "h-full w-full shrink-0 object-contain"
                 },
-                f
+                g
               ))
             }
           ),
@@ -5506,26 +5551,26 @@ function rl({
             a.length
           ] })
         ] }),
-        a.length > 1 && /* @__PURE__ */ e("div", { className: "flex w-16 shrink-0 flex-col gap-2 overflow-y-auto scrollbar-hide", children: a.map((v, f) => /* @__PURE__ */ e(
+        a.length > 1 && /* @__PURE__ */ e("div", { className: "flex w-16 shrink-0 flex-col gap-2 overflow-y-auto scrollbar-hide", children: a.map((v, g) => /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: () => h(f),
-            onMouseOver: () => h(f),
+            onClick: () => h(g),
+            onMouseOver: () => h(g),
             className: s(
               "size-16 shrink-0 overflow-hidden rounded-lg border-2 transition-colors",
-              f === d ? "border-[var(--Border-Accent-Primary)]" : "border-transparent opacity-60 hover:opacity-100"
+              g === d ? "border-[var(--Border-Accent-Primary)]" : "border-transparent opacity-60 hover:opacity-100"
             ),
             children: /* @__PURE__ */ e(
               "img",
               {
                 src: v,
-                alt: t?.[f] ?? `サムネイル ${f + 1}`,
+                alt: t?.[g] ?? `サムネイル ${g + 1}`,
                 className: "h-full w-full object-cover"
               }
             )
           },
-          f
+          g
         )) })
       ]
     }
@@ -5542,14 +5587,14 @@ function rl({
             {
               className: "flex h-full transition-transform duration-300 ease-out",
               style: { transform: `translateX(-${d * 100}%)` },
-              children: a.map((v, f) => /* @__PURE__ */ e(
+              children: a.map((v, g) => /* @__PURE__ */ e(
                 "img",
                 {
                   src: v,
-                  alt: t?.[f] ?? `画像 ${f + 1}`,
+                  alt: t?.[g] ?? `画像 ${g + 1}`,
                   className: "h-full w-full shrink-0 object-cover"
                 },
-                f
+                g
               ))
             }
           ),
@@ -5561,7 +5606,7 @@ function rl({
                 className: "absolute left-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: () => h(d - 1),
                 "aria-label": "前の画像",
-                children: /* @__PURE__ */ e(ce, { size: 20, className: "text-[var(--Text-High-Emphasis)]" })
+                children: /* @__PURE__ */ e(me, { size: 20, className: "text-[var(--Text-High-Emphasis)]" })
               }
             ),
             /* @__PURE__ */ e(
@@ -5581,44 +5626,44 @@ function rl({
             a.length
           ] })
         ] }),
-        o && a.length > 1 && /* @__PURE__ */ e("div", { className: "flex justify-center gap-0.5", children: a.map((v, f) => /* @__PURE__ */ e(
+        o && a.length > 1 && /* @__PURE__ */ e("div", { className: "flex justify-center gap-0.5", children: a.map((v, g) => /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: () => h(f),
+            onClick: () => h(g),
             className: "flex h-6 items-center justify-center px-0.5",
-            "aria-label": `画像 ${f + 1}`,
+            "aria-label": `画像 ${g + 1}`,
             children: /* @__PURE__ */ e(
               "span",
               {
                 className: s(
                   "h-1.5 rounded-full transition-all",
-                  f === d ? "w-4 bg-[var(--Brand-Cake-Orange)]" : "w-1.5 bg-[var(--Text-Low-Emphasis)]/30"
+                  g === d ? "w-4 bg-[var(--Brand-Cake-Orange)]" : "w-1.5 bg-[var(--Text-Low-Emphasis)]/30"
                 )
               }
             )
           },
-          f
+          g
         )) }),
-        n && a.length > 1 && /* @__PURE__ */ e("div", { className: "flex gap-1.5 overflow-x-auto scrollbar-hide", children: a.map((v, f) => /* @__PURE__ */ e(
+        n && a.length > 1 && /* @__PURE__ */ e("div", { className: "flex gap-1.5 overflow-x-auto scrollbar-hide", children: a.map((v, g) => /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: () => h(f),
+            onClick: () => h(g),
             className: s(
               "size-14 shrink-0 overflow-hidden rounded-md border-2 transition-colors",
-              f === d ? "border-[var(--Brand-Cake-Orange)]" : "border-transparent opacity-60 hover:opacity-100"
+              g === d ? "border-[var(--Brand-Cake-Orange)]" : "border-transparent opacity-60 hover:opacity-100"
             ),
             children: /* @__PURE__ */ e(
               "img",
               {
                 src: v,
-                alt: t?.[f] ?? `サムネイル ${f + 1}`,
+                alt: t?.[g] ?? `サムネイル ${g + 1}`,
                 className: "h-full w-full object-cover"
               }
             )
           },
-          f
+          g
         )) })
       ]
     }
@@ -5661,7 +5706,7 @@ function sl({
                   className: "size-8 rounded-full bg-[var(--Primitive-White-alpha-1000)]/80 flex items-center justify-center",
                   "aria-label": `${m.alt}を削除`,
                   onClick: () => r?.(d),
-                  children: /* @__PURE__ */ e(Le, { size: 16, className: "text-[var(--Text-Caution)]" })
+                  children: /* @__PURE__ */ e(Ie, { size: 16, className: "text-[var(--Text-Caution)]" })
                 }
               ) }),
               /* @__PURE__ */ e("div", { className: "absolute top-1 left-1 size-5 rounded bg-[var(--Primitive-Black-alpha-1000)]/60 text-[var(--Primitive-White-alpha-1000)] flex items-center justify-center typo-label-xs", children: d + 1 })
@@ -5696,7 +5741,7 @@ function il({ items: a, className: t }) {
         ),
         "aria-label": "メニュー",
         "data-slot": "kebab-menu",
-        children: /* @__PURE__ */ e(lt, { size: 16, className: "text-[var(--Text-Low-Emphasis)]" })
+        children: /* @__PURE__ */ e(dt, { size: 16, className: "text-[var(--Text-Low-Emphasis)]" })
       }
     ) }),
     /* @__PURE__ */ e(lr, { align: "end", children: a.map((r) => /* @__PURE__ */ i(
@@ -5729,20 +5774,20 @@ function nl({
   size: p = "sm",
   selected: h = !1,
   showBorder: u = !0,
-  showBadgeDot: b = !1,
+  showBadgeDot: f = !1,
   href: v,
-  className: f,
+  className: g,
   ...x
 }) {
-  const g = t ? "md" : !!(m || d) ? "lg" : p, N = !!v, y = !N && typeof x.onClick == "function", E = N || y, z = y ? (D) => {
+  const b = t ? "md" : !!(m || d) ? "lg" : p, y = !!v, N = !y && typeof x.onClick == "function", E = y || N, z = N ? (D) => {
     x.onKeyDown?.(D), !D.defaultPrevented && (D.key === "Enter" || D.key === " ") && (D.preventDefault(), D.currentTarget.click());
-  } : x.onKeyDown, M = g === "lg" ? "min-h-16 py-4" : g === "md" ? "min-h-14 py-2" : "min-h-11 py-2", S = g === "lg" ? "typo-body-lg text-[var(--Text-High-Emphasis)]" : "typo-body-md text-[var(--Text-High-Emphasis)]", B = s(
+  } : x.onKeyDown, M = b === "lg" ? "min-h-16 py-4" : b === "md" ? "min-h-14 py-2" : "min-h-11 py-2", S = b === "lg" ? "typo-body-lg text-[var(--Text-High-Emphasis)]" : "typo-body-md text-[var(--Text-High-Emphasis)]", B = s(
     "relative flex w-full items-center gap-2 bg-[var(--Surface-Primary)] px-4 rounded-lg",
     M,
     h && "bg-[var(--Surface-Secondary)]",
     E && "transition-colors hover:bg-[var(--Surface-Tertiary)]",
-    y && "cursor-pointer focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50",
-    f
+    N && "cursor-pointer focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50",
+    g
   ), $ = /* @__PURE__ */ i(H, { children: [
     d && /* @__PURE__ */ e("div", { className: "relative shrink-0 size-8 overflow-hidden rounded-[var(--radius-sm,4px)]", children: /* @__PURE__ */ e("img", { src: d, alt: "", className: "size-full object-cover" }) }),
     m && !d && /* @__PURE__ */ e("div", { className: "shrink-0 size-5 flex items-center justify-center text-[var(--Object-High-Emphasis)]", children: m }),
@@ -5755,16 +5800,16 @@ function nl({
     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 }),
     r === "toggle" && /* @__PURE__ */ e(
-      Pa,
+      Ba,
       {
         checked: l,
         onCheckedChange: c,
         className: "shrink-0"
       }
     ),
-    b && /* @__PURE__ */ e("span", { className: "absolute left-1 top-1/2 -translate-y-1/2 size-2 rounded-full bg-[var(--Surface-Caution,#ec0000)]", "aria-hidden": !0 }),
-    u && g !== "lg" && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-4 right-4 h-px bg-[var(--Surface-Secondary)]", "aria-hidden": !0 }),
-    u && g === "lg" && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-4 right-4 h-px bg-[var(--Border-Medium-Emphasis)]", "aria-hidden": !0 })
+    f && /* @__PURE__ */ e("span", { className: "absolute left-1 top-1/2 -translate-y-1/2 size-2 rounded-full bg-[var(--Surface-Caution,#ec0000)]", "aria-hidden": !0 }),
+    u && b !== "lg" && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-4 right-4 h-px bg-[var(--Surface-Secondary)]", "aria-hidden": !0 }),
+    u && b === "lg" && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-4 right-4 h-px bg-[var(--Border-Medium-Emphasis)]", "aria-hidden": !0 })
   ] });
   return v ? /* @__PURE__ */ e(
     "a",
@@ -5779,8 +5824,8 @@ function nl({
     {
       className: B,
       ...x,
-      role: y ? "button" : x.role,
-      tabIndex: y ? 0 : x.tabIndex,
+      role: N ? "button" : x.role,
+      tabIndex: N ? 0 : x.tabIndex,
       onKeyDown: z,
       children: $
     }
@@ -5800,9 +5845,9 @@ function ol({
 }) {
   const [h, u] = w.useState(
     /* @__PURE__ */ new Set()
-  ), b = (v) => {
-    u((f) => {
-      const x = new Set(f);
+  ), f = (v) => {
+    u((g) => {
+      const x = new Set(g);
       return x.has(v) ? x.delete(v) : x.add(v), x;
     });
   };
@@ -5850,25 +5895,25 @@ function ol({
           /* @__PURE__ */ e("div", { className: "h-px w-full bg-[var(--Border-Low-Emphasis)]" })
         ] }),
         /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto", children: [
-          n.map((v, f) => /* @__PURE__ */ i("div", { children: [
+          n.map((v, g) => /* @__PURE__ */ i("div", { children: [
             v.border && /* @__PURE__ */ e("div", { className: "h-px w-full bg-[var(--Border-Low-Emphasis)]" }),
             /* @__PURE__ */ i("div", { className: "py-2", children: [
               v.title && /* @__PURE__ */ e("div", { className: "px-4 pb-1 pt-2", children: /* @__PURE__ */ i("p", { className: "flex items-center gap-1 typo-label-md font-bold text-[var(--Text-High-Emphasis)]", children: [
                 v.icon && /* @__PURE__ */ e("span", { className: "flex size-5 shrink-0 items-center justify-center", children: v.icon }),
                 /* @__PURE__ */ e("span", { children: v.title })
               ] }) }),
-              /* @__PURE__ */ e("ul", { children: v.items.map((x) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(ra, { item: x }) }, x.label)) }),
+              /* @__PURE__ */ e("ul", { children: v.items.map((x) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(ia, { item: x }) }, x.label)) }),
               v.itemsExtra && v.itemsExtra.length > 0 && /* @__PURE__ */ i(H, { children: [
-                h.has(f) && /* @__PURE__ */ e("ul", { children: v.itemsExtra.map((x) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(ra, { item: x }) }, x.label)) }),
+                h.has(g) && /* @__PURE__ */ e("ul", { children: v.itemsExtra.map((x) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(ia, { item: x }) }, x.label)) }),
                 /* @__PURE__ */ e(
                   k,
                   {
                     variant: "ghost",
                     className: "flex w-full items-center justify-center gap-1 rounded-none px-4 py-3 typo-label-md text-[var(--Text-Accent-Primary)]",
-                    onClick: () => b(f),
-                    children: h.has(f) ? /* @__PURE__ */ i(H, { children: [
+                    onClick: () => f(g),
+                    children: h.has(g) ? /* @__PURE__ */ i(H, { children: [
                       /* @__PURE__ */ e("span", { children: "折りたたむ" }),
-                      /* @__PURE__ */ e(dt, { size: 16 })
+                      /* @__PURE__ */ e(ct, { size: 16 })
                     ] }) : /* @__PURE__ */ i(H, { children: [
                       /* @__PURE__ */ e("span", { children: "すべて表示" }),
                       /* @__PURE__ */ e(Z, { size: 16 })
@@ -5877,8 +5922,8 @@ function ol({
                 )
               ] })
             ] })
-          ] }, f)),
-          o && o.length > 0 && /* @__PURE__ */ e("div", { className: "px-6 py-6", children: /* @__PURE__ */ e("ul", { className: "flex justify-center", children: o.map((v, f) => /* @__PURE__ */ e("li", { className: "w-1/2 max-w-28 px-2", children: /* @__PURE__ */ e(
+          ] }, g)),
+          o && o.length > 0 && /* @__PURE__ */ e("div", { className: "px-6 py-6", children: /* @__PURE__ */ e("ul", { className: "flex justify-center", children: o.map((v, g) => /* @__PURE__ */ e("li", { className: "w-1/2 max-w-28 px-2", children: /* @__PURE__ */ e(
             "a",
             {
               href: v.href ?? "#",
@@ -5893,13 +5938,13 @@ function ol({
                 }
               )
             }
-          ) }, f)) }) })
+          ) }, g)) }) })
         ] })
       ]
     }
   );
 }
-function ra({ item: a }) {
+function ia({ item: a }) {
   return /* @__PURE__ */ i(
     "a",
     {
@@ -6005,7 +6050,7 @@ function dl({
       ),
       ...o,
       children: [
-        /* @__PURE__ */ e(Fe, { size: 48, className: "text-[var(--Text-Low-Emphasis)]" }),
+        /* @__PURE__ */ e(Ve, { size: 48, className: "text-[var(--Text-Low-Emphasis)]" }),
         /* @__PURE__ */ e("p", { className: "typo-body-sm text-[var(--Text-Low-Emphasis)]", children: r })
       ]
     }
@@ -6025,7 +6070,7 @@ function dl({
             children: [
               /* @__PURE__ */ e("span", { className: "typo-body-sm text-[var(--Text-Low-Emphasis)] shrink-0 w-[88px]", children: l.date }),
               /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-                l.isUnread && /* @__PURE__ */ e($t, { variant: "destructive", className: "shrink-0 w-fit", children: "NEW" }),
+                l.isUnread && /* @__PURE__ */ e(Wt, { 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(V, { size: 16, className: "text-[var(--Text-Low-Emphasis)] shrink-0 ml-auto" })
@@ -6084,14 +6129,14 @@ function xe({
   size: c = "md",
   ...m
 }) {
-  const d = t.toLocaleString("ja-JP"), p = r?.toLocaleString("ja-JP"), h = n?.toLocaleString("ja-JP"), u = n != null && n > t, b = r != null && r > t, v = c ?? "md", f = u ? `${l}${d} 税込、元の価格 ${l}${h}` : b ? `${l}${d}〜${l}${p} 税込` : `${l}${d} 税込`;
+  const d = t.toLocaleString("ja-JP"), p = r?.toLocaleString("ja-JP"), h = n?.toLocaleString("ja-JP"), u = n != null && n > t, f = r != null && r > t, v = c ?? "md", g = u ? `${l}${d} 税込、元の価格 ${l}${h}` : f ? `${l}${d}〜${l}${p} 税込` : `${l}${d} 税込`;
   return /* @__PURE__ */ i(
     "div",
     {
       "data-slot": "price-display",
       className: s("flex flex-col", a),
       role: "group",
-      "aria-label": f,
+      "aria-label": g,
       ...m,
       children: [
         u && /* @__PURE__ */ i(
@@ -6117,7 +6162,7 @@ function xe({
               u && "text-[var(--Text-Caution)]"
             ),
             children: [
-              b ? /* @__PURE__ */ i(H, { children: [
+              f ? /* @__PURE__ */ i(H, { children: [
                 l,
                 d,
                 "〜",
@@ -6171,7 +6216,7 @@ function cl({
                   p ? "bg-[var(--Brand-Cake-Orange)] text-[var(--Text-on-Inverse)]" : "bg-[var(--Surface-Tertiary)] text-[var(--Text-Low-Emphasis)]"
                 ),
                 "aria-current": d ? "step" : void 0,
-                children: n && m ? /* @__PURE__ */ e(De, { className: "size-4 shrink-0" }) : c + 1
+                children: n && m ? /* @__PURE__ */ e(Fe, { className: "size-4 shrink-0" }) : c + 1
               }
             ),
             /* @__PURE__ */ e(
@@ -6199,7 +6244,7 @@ function cl({
     }
   );
 }
-function ja({
+function La({
   className: a,
   value: t,
   min: r = 1,
@@ -6213,17 +6258,17 @@ function ja({
   onDelete: h,
   ...u
 }) {
-  const [b, v] = w.useState(String(t)), f = p && t <= r, x = t > r && !l, T = t < n && !l, g = f && !l;
+  const [f, v] = w.useState(String(t)), g = p && t <= r, x = t > r && !l, T = t < n && !l, b = g && !l;
   w.useEffect(() => {
     v(String(t));
   }, [t]);
-  const N = () => {
-    if (f) {
+  const y = () => {
+    if (g) {
       h?.();
       return;
     }
     x && o?.(t - 1);
-  }, y = () => {
+  }, N = () => {
     T && o?.(t + 1);
   }, E = (S) => {
     const B = S.target.value;
@@ -6233,7 +6278,7 @@ function ja({
     }
     /^\d+$/.test(B) && v(B);
   }, z = () => {
-    const S = parseInt(b, 10);
+    const S = parseInt(f, 10);
     isNaN(S) || S < r ? (o?.(r), v(String(r))) : S > n ? (o?.(n), v(String(n))) : (o?.(S), v(String(S)));
   }, M = (S) => {
     S.key === "Enter" && z();
@@ -6259,12 +6304,12 @@ function ja({
             type: "button",
             className: s(
               "flex size-7 items-center justify-center rounded-full transition-colors",
-              x || g ? "text-[var(--Object-High-Emphasis)] hover:bg-[var(--Overlay-Light)] active:bg-[var(--Overlay-Medium)]" : "text-[var(--Object-Disable)]"
+              x || b ? "text-[var(--Object-High-Emphasis)] hover:bg-[var(--Overlay-Light)] active:bg-[var(--Overlay-Medium)]" : "text-[var(--Object-Disable)]"
             ),
-            onClick: N,
-            disabled: !(x || g),
-            "aria-label": f ? "削除" : "数量を減らす",
-            children: f ? /* @__PURE__ */ e(Le, { size: 14 }) : /* @__PURE__ */ e(_e, { size: 14 })
+            onClick: y,
+            disabled: !(x || b),
+            "aria-label": g ? "削除" : "数量を減らす",
+            children: g ? /* @__PURE__ */ e(Ie, { size: 14 }) : /* @__PURE__ */ e(Ae, { size: 14 })
           }
         ),
         d ? /* @__PURE__ */ e(
@@ -6273,7 +6318,7 @@ function ja({
             type: "text",
             inputMode: "numeric",
             pattern: "[0-9]*",
-            value: b,
+            value: f,
             onChange: E,
             onBlur: z,
             onKeyDown: M,
@@ -6306,7 +6351,7 @@ function ja({
               "flex size-7 items-center justify-center rounded-full transition-colors",
               T ? "text-[var(--Object-High-Emphasis)] hover:bg-[var(--Overlay-Light)] active:bg-[var(--Overlay-Medium)]" : "text-[var(--Object-Disable)]"
             ),
-            onClick: y,
+            onClick: N,
             disabled: !T,
             "aria-label": "数量を増やす",
             children: /* @__PURE__ */ e(ne, { size: 14 })
@@ -6330,12 +6375,12 @@ function ja({
             type: "button",
             className: s(
               "flex size-10 items-center justify-center rounded-full border transition-colors",
-              x || g ? "border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Primary)] text-[var(--Object-High-Emphasis)] hover:border-[var(--Border-High-Emphasis)] hover:bg-[var(--Surface-Tertiary)] active:bg-[var(--Surface-Tertiary)]" : "border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Primary)] text-[var(--Object-Disable)]"
+              x || b ? "border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Primary)] text-[var(--Object-High-Emphasis)] hover:border-[var(--Border-High-Emphasis)] hover:bg-[var(--Surface-Tertiary)] active:bg-[var(--Surface-Tertiary)]" : "border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Primary)] text-[var(--Object-Disable)]"
             ),
-            onClick: N,
-            disabled: !(x || g),
-            "aria-label": f ? "削除" : "数量を減らす",
-            children: f ? /* @__PURE__ */ e(Le, { size: 18 }) : /* @__PURE__ */ e(_e, { size: 18 })
+            onClick: y,
+            disabled: !(x || b),
+            "aria-label": g ? "削除" : "数量を減らす",
+            children: g ? /* @__PURE__ */ e(Ie, { size: 18 }) : /* @__PURE__ */ e(Ae, { size: 18 })
           }
         ),
         d ? /* @__PURE__ */ e(
@@ -6344,7 +6389,7 @@ function ja({
             type: "text",
             inputMode: "numeric",
             pattern: "[0-9]*",
-            value: b,
+            value: f,
             onChange: E,
             onBlur: z,
             onKeyDown: M,
@@ -6379,7 +6424,7 @@ function ja({
               "flex size-10 items-center justify-center rounded-full border transition-colors",
               T ? "border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Primary)] text-[var(--Object-High-Emphasis)] hover:border-[var(--Border-High-Emphasis)] hover:bg-[var(--Surface-Tertiary)] active:bg-[var(--Surface-Tertiary)]" : "border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Primary)] text-[var(--Object-Disable)]"
             ),
-            onClick: y,
+            onClick: N,
             disabled: !T,
             "aria-label": "数量を増やす",
             children: /* @__PURE__ */ e(ne, { size: 18 })
@@ -6495,8 +6540,8 @@ const es = L("mx-auto w-full", {
   variants: {
     size: {
       // コンテンツ最大幅。4px グリッド対象外のレイアウト幅なので任意値で固定。
-      page: "max-w-[1200px]",
-      // 標準ページ
+      page: "max-w-[1280px]",
+      // 標準ページ = breakpoints.xl（コンテンツ上限段）
       narrow: "max-w-[760px]",
       // 記事・フォーム等の読み物幅
       wide: "max-w-[1440px]",
@@ -6709,7 +6754,7 @@ function hl({
             },
             "aria-label": "URLをコピー",
             children: [
-              /* @__PURE__ */ e(ct, { size: 14 }),
+              /* @__PURE__ */ e(mt, { size: 14 }),
               /* @__PURE__ */ e("span", { className: "typo-body-sm", children: n })
             ]
           }
@@ -6769,7 +6814,7 @@ function ns({
             }
           ) }, m.key);
         }) }),
-        c < t.length - 1 && /* @__PURE__ */ e(Ma, { className: "my-2 mx-4" })
+        c < t.length - 1 && /* @__PURE__ */ e(Pa, { className: "my-2 mx-4" })
       ] }, c)) })
     }
   );
@@ -6891,7 +6936,7 @@ function fl({
       className: s("flex gap-2 overflow-x-auto scrollbar-hide", n),
       role: "tablist",
       children: a.map((m, d) => /* @__PURE__ */ e(
-        Ha,
+        ja,
         {
           selected: o === d,
           count: m.count,
@@ -6955,26 +7000,27 @@ function te({
     }
   );
 }
-function bl({
+function gl({
   title: a,
   onBack: t,
   backLabel: r = "戻る",
   primaryAction: n,
   sectionNav: o,
-  children: l,
-  className: c
+  asidePanel: l,
+  children: c,
+  className: m
 }) {
   return /* @__PURE__ */ i(
     "div",
     {
-      "data-slot": "workspace-layout",
+      "data-slot": "workspace-shell",
       className: s(
         "@container min-h-screen bg-[var(--Surface-Secondary)]",
-        c
+        m
       ),
       children: [
         /* @__PURE__ */ e(
-          ge,
+          oe,
           {
             variant: "back",
             title: a,
@@ -6983,15 +7029,19 @@ function bl({
             rightSlot: n
           }
         ),
-        /* @__PURE__ */ e(as, { size: "page", className: "py-4 @md:py-6", children: o ? /* @__PURE__ */ i("div", { className: "flex flex-col gap-4 @md:flex-row @md:gap-6", children: [
-          /* @__PURE__ */ e("aside", { className: "hidden @md:block @md:w-64 @md:shrink-0", children: /* @__PURE__ */ e("div", { className: "@md:sticky @md:top-20 overflow-hidden rounded-2xl border border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)] [&_[data-slot=side-nav]]:w-full [&_[data-slot=side-nav]]:border-r-0", children: o }) }),
-          /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: l })
-        ] }) : l })
+        /* @__PURE__ */ e(as, { size: "page", className: "py-4 @md:py-6", children: o || l ? (
+          // 2カラム化は @lg（960）で行う。aside 320px を食っても本文が窮屈にならない幅に達してから。
+          /* @__PURE__ */ i("div", { className: "flex flex-col gap-4 @lg:flex-row @lg:gap-6", children: [
+            o && /* @__PURE__ */ e("aside", { className: "@container hidden @lg:block @lg:w-64 @lg:shrink-0", children: /* @__PURE__ */ e("div", { className: "@lg:sticky @lg:top-20 overflow-hidden rounded-2xl border border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)] [&_[data-slot=side-nav]]:w-full [&_[data-slot=side-nav]]:border-r-0", children: o }) }),
+            /* @__PURE__ */ e("div", { className: "@container min-w-0 flex-1", children: c }),
+            l && /* @__PURE__ */ e("aside", { className: "@container @lg:w-80 @lg:shrink-0", children: /* @__PURE__ */ e("div", { className: "@lg:sticky @lg:top-20 space-y-4", children: l }) })
+          ] })
+        ) : c })
       ]
     }
   );
 }
-function gl({
+function bl({
   name: a,
   children: t,
   className: r
@@ -7023,11 +7073,11 @@ function K(a) {
   );
 }
 const ds = [
-  { key: "home", label: "ホーム", icon: K(ha) },
+  { key: "home", label: "ホーム", icon: K(va) },
   {
     key: "orders",
     label: "注文管理",
-    icon: K(va),
+    icon: K(fa),
     subMenus: [
       { label: "注文一覧", href: "#" },
       { label: "注文CSV出力", href: "#" },
@@ -7039,7 +7089,7 @@ const ds = [
   {
     key: "items",
     label: "商品管理",
-    icon: K(mt),
+    icon: K(ut),
     subMenus: [
       { label: "商品一覧", href: "#" },
       { label: "商品登録", href: "#" },
@@ -7066,7 +7116,7 @@ const ds = [
   {
     key: "sales",
     label: "売上管理",
-    icon: K(ut),
+    icon: K(pt),
     subMenus: [
       { label: "売上詳細", href: "#" },
       { label: "振込一覧", href: "#" },
@@ -7074,7 +7124,7 @@ const ds = [
       { label: "広告管理", href: "#" }
     ]
   },
-  { key: "services", label: "サービス", icon: K(fa) },
+  { key: "services", label: "サービス", icon: K(ga) },
   {
     key: "settings",
     label: "設定",
@@ -7096,24 +7146,26 @@ function xl({
   breadcrumbs: n,
   shopName: o = "Sample Shop",
   navItems: l = ds,
-  headerActions: c
+  headerActions: c,
+  onBack: m,
+  backLabel: d = "戻る"
 }) {
-  const [m, d] = w.useState(!1), p = /* @__PURE__ */ i(H, { children: [
+  const [p, h] = w.useState(!1), u = /* @__PURE__ */ i(H, { children: [
     /* @__PURE__ */ i("button", { className: "relative flex items-center justify-center size-10 rounded-lg hover:bg-[var(--Surface-Secondary)]", "aria-label": "通知", children: [
-      /* @__PURE__ */ e(Fe, { size: 20, className: "text-[var(--Text-High-Emphasis)]" }),
+      /* @__PURE__ */ e(Ve, { size: 20, className: "text-[var(--Text-High-Emphasis)]" }),
       /* @__PURE__ */ e("span", { className: "absolute top-1.5 right-1.5 size-2 rounded-full bg-[var(--Surface-Caution)]" })
     ] }),
-    /* @__PURE__ */ e("button", { className: "flex items-center justify-center size-10 rounded-full bg-[var(--Surface-Tertiary)]", "aria-label": "プロフィール", children: /* @__PURE__ */ e(pa, { size: 20, className: "text-[var(--Text-Medium-Emphasis)]" }) })
+    /* @__PURE__ */ e("button", { className: "flex items-center justify-center size-10 rounded-full bg-[var(--Surface-Tertiary)]", "aria-label": "プロフィール", children: /* @__PURE__ */ e(ha, { size: 20, className: "text-[var(--Text-Medium-Emphasis)]" }) })
   ] });
-  return /* @__PURE__ */ i("div", { className: "@container flex min-h-screen bg-[var(--Surface-Secondary)]", "data-slot": "admin-layout", children: [
+  return /* @__PURE__ */ i("div", { className: "@container flex min-h-screen bg-[var(--Surface-Secondary)]", "data-slot": "admin-shell", children: [
     /* @__PURE__ */ e(
       jr,
       {
         items: l,
         activeKey: t,
         drawerTitle: o,
-        open: m,
-        onOpenChange: d
+        open: p,
+        onOpenChange: h
       }
     ),
     /* @__PURE__ */ i("div", { className: "@container/main flex flex-1 flex-col @md:pl-18", children: [
@@ -7121,16 +7173,30 @@ function xl({
         Lr,
         {
           brand: `${o}管理`,
-          onMenuClick: () => d(!0),
-          actions: c ?? p
+          onMenuClick: () => h(!0),
+          actions: c ?? u
         }
       ),
       /* @__PURE__ */ i("main", { className: "mt-14 @md:mt-16 flex-1 p-4 @md:p-6", children: [
+        m && /* @__PURE__ */ i(
+          k,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "mb-2 gap-1",
+            onClick: m,
+            children: [
+              /* @__PURE__ */ e(_e, { size: 16 }),
+              " ",
+              d
+            ]
+          }
+        ),
         (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((h, u) => /* @__PURE__ */ i(w.Fragment, { children: [
-            u > 0 && /* @__PURE__ */ e(V, { size: 12 }),
-            h.href ? /* @__PURE__ */ e("a", { href: h.href, className: "hover:text-[var(--Text-Accent-Primary)] transition-colors", children: h.label }) : /* @__PURE__ */ e("span", { className: "text-[var(--Text-High-Emphasis)]", children: h.label })
-          ] }, u)) }),
+          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((f, v) => /* @__PURE__ */ i(w.Fragment, { children: [
+            v > 0 && /* @__PURE__ */ e(V, { size: 12 }),
+            f.href ? /* @__PURE__ */ e("a", { href: f.href, className: "hover:text-[var(--Text-Accent-Primary)] transition-colors", children: f.label }) : /* @__PURE__ */ e("span", { className: "text-[var(--Text-High-Emphasis)]", children: f.label })
+          ] }, v)) }),
           r && /* @__PURE__ */ e("h1", { className: "typo-heading-2xl text-[var(--Text-High-Emphasis)]", children: r })
         ] }),
         a
@@ -7175,7 +7241,7 @@ function yl({
         ] }),
         /* @__PURE__ */ i("div", { className: "flex items-center gap-2 bg-[var(--Surface-Accent-Primary-Light)] rounded-lg px-3 py-2", children: [
           /* @__PURE__ */ e(
-            $e,
+            Ge,
             {
               size: 16,
               className: "text-[var(--Brand-Cake-Orange)]",
@@ -7235,7 +7301,7 @@ const ms = [
   { value: "12M", label: "12M" },
   { value: "all", label: "全期間" }
 ];
-function sa({
+function na({
   active: a,
   onClick: t,
   children: r
@@ -7274,7 +7340,7 @@ function Nl({
         /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5", children: [
           /* @__PURE__ */ e("span", { className: "typo-label-sm text-[var(--Text-Low-Emphasis)]", children: "粒度" }),
           /* @__PURE__ */ e("div", { className: "flex items-center gap-0.5", children: ms.map((m) => /* @__PURE__ */ e(
-            sa,
+            na,
             {
               active: a === m.value,
               onClick: () => t?.(m.value),
@@ -7286,7 +7352,7 @@ function Nl({
         /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5", children: [
           /* @__PURE__ */ e("span", { className: "typo-label-sm text-[var(--Text-Low-Emphasis)]", children: "期間" }),
           /* @__PURE__ */ e("div", { className: "flex items-center gap-0.5", children: us.map((m) => /* @__PURE__ */ e(
-            sa,
+            na,
             {
               active: r === m.value,
               onClick: () => n?.(m.value),
@@ -7297,7 +7363,7 @@ function Nl({
         ] }),
         /* @__PURE__ */ i("label", { className: "flex items-center gap-2 cursor-pointer select-none ml-auto", children: [
           /* @__PURE__ */ e(
-            Pa,
+            Ba,
             {
               checked: o,
               onCheckedChange: l
@@ -7340,17 +7406,17 @@ function wl({
       children: [
         /* @__PURE__ */ e("span", { className: "typo-label-md text-[var(--Text-High-Emphasis)]", children: h }),
         /* @__PURE__ */ i("div", { className: "flex items-center gap-0.5", children: [
-          /* @__PURE__ */ e(Be, { value: d(l) }),
+          /* @__PURE__ */ e(He, { value: d(l) }),
           /* @__PURE__ */ e("span", { className: "typo-label-md text-[var(--Text-High-Emphasis)]", children: ":" }),
-          /* @__PURE__ */ e(Be, { value: d(c) }),
+          /* @__PURE__ */ e(He, { value: d(c) }),
           /* @__PURE__ */ e("span", { className: "typo-label-md text-[var(--Text-High-Emphasis)]", children: ":" }),
-          /* @__PURE__ */ e(Be, { value: d(m) })
+          /* @__PURE__ */ e(He, { value: d(m) })
         ] })
       ]
     }
   );
 }
-function Be({ value: a }) {
+function He({ value: a }) {
   return /* @__PURE__ */ e("span", { className: "flex h-7 min-w-7 items-center justify-center rounded bg-[var(--Primitive-Gray-900)] px-1 typo-label-md tabular-nums text-[var(--Primitive-White-alpha-1000)]", children: a });
 }
 function kl({
@@ -7366,9 +7432,9 @@ function kl({
   layout: p = "vertical",
   limitLabel: h,
   conditionText: u,
-  expiryText: b,
+  expiryText: f,
   className: v,
-  ...f
+  ...g
 }) {
   return p === "horizontal" ? /* @__PURE__ */ e(
     ps,
@@ -7376,11 +7442,11 @@ function kl({
       title: a,
       limitLabel: h,
       conditionText: u,
-      expiryText: b,
+      expiryText: f,
       status: c,
       onAcquire: m,
       className: v,
-      ...f
+      ...g
     }
   ) : /* @__PURE__ */ i(
     "div",
@@ -7391,7 +7457,7 @@ function kl({
         c === "unavailable" && "opacity-50",
         v
       ),
-      ...f,
+      ...g,
       children: [
         r && /* @__PURE__ */ i("div", { className: "relative aspect-[5/2] w-full overflow-hidden bg-[var(--Surface-Secondary)]", children: [
           /* @__PURE__ */ e(
@@ -7418,7 +7484,7 @@ function kl({
           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(La, { status: c, onAcquire: m, label: d, size: "lg" }) })
+        /* @__PURE__ */ e("div", { className: "px-4 pb-4", children: /* @__PURE__ */ e(_a, { status: c, onAcquire: m, label: d, size: "lg" }) })
       ]
     }
   );
@@ -7450,12 +7516,12 @@ function ps({
           ] })
         ] }),
         /* @__PURE__ */ e("div", { className: "flex items-stretch justify-center", children: /* @__PURE__ */ e("svg", { width: "2", height: "100%", preserveAspectRatio: "none", className: "text-[var(--Border-Medium-Emphasis)]", children: /* @__PURE__ */ e("line", { x1: "1", y1: "0", x2: "1", y2: "100%", stroke: "currentColor", strokeWidth: "2", strokeDasharray: "4 3" }) }) }),
-        /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center justify-center rounded-r-lg border-b border-r border-t border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Primary)] px-3", children: /* @__PURE__ */ e(La, { status: o, onAcquire: l, label: "獲得する", size: "sm" }) })
+        /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center justify-center rounded-r-lg border-b border-r border-t border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Primary)] px-3", children: /* @__PURE__ */ e(_a, { status: o, onAcquire: l, label: "獲得する", size: "sm" }) })
       ]
     }
   );
 }
-function La({
+function _a({
   status: a,
   onAcquire: t,
   label: r,
@@ -7472,12 +7538,12 @@ function La({
         "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(We, { size: 16 }),
+        o && /* @__PURE__ */ e(qe, { size: 16 }),
         r
       ]
     }
-  ) : a === "acquiring" ? /* @__PURE__ */ e("div", { className: s(l, "bg-[var(--Brand-Cake-Orange)] text-[var(--Text-on-Inverse)]"), children: /* @__PURE__ */ e(Ja, { className: "size-5 animate-spin" }) }) : a === "acquired" ? /* @__PURE__ */ i("div", { className: s(l, "bg-[var(--Surface-Secondary)] text-[var(--Text-Medium-Emphasis)] animate-in fade-in duration-300 gap-1.5"), children: [
-    /* @__PURE__ */ e(De, { className: "size-4" }),
+  ) : a === "acquiring" ? /* @__PURE__ */ e("div", { className: s(l, "bg-[var(--Brand-Cake-Orange)] text-[var(--Text-on-Inverse)]"), children: /* @__PURE__ */ e(Ya, { className: "size-5 animate-spin" }) }) : a === "acquired" ? /* @__PURE__ */ i("div", { className: s(l, "bg-[var(--Surface-Secondary)] text-[var(--Text-Medium-Emphasis)] animate-in fade-in duration-300 gap-1.5"), children: [
+    /* @__PURE__ */ e(Fe, { className: "size-4" }),
     "獲得済み"
   ] }) : /* @__PURE__ */ e("div", { className: s(l, "bg-[var(--Surface-Secondary)] text-[var(--Text-Low-Emphasis)]"), children: "獲得不可" });
 }
@@ -7492,27 +7558,27 @@ function Tl({
   className: c,
   ...m
 }) {
-  const d = new Date(a, t - 1, 1), p = new Date(a, t, 0), h = d.getDay(), u = p.getDate(), b = [];
+  const d = new Date(a, t - 1, 1), p = new Date(a, t, 0), h = d.getDay(), u = p.getDate(), f = [];
   let v = Array(h).fill(null);
-  for (let g = 1; g <= u; g++) {
-    const N = new Date(a, t - 1, g), y = r.find(
-      (E) => E.date.getFullYear() === a && E.date.getMonth() === t - 1 && E.date.getDate() === g
+  for (let b = 1; b <= u; b++) {
+    const y = new Date(a, t - 1, b), N = r.find(
+      (E) => E.date.getFullYear() === a && E.date.getMonth() === t - 1 && E.date.getDate() === b
     );
     v.push(
-      y ?? { date: N, availability: "available" }
-    ), v.length === 7 && (b.push(v), v = []);
+      N ?? { date: y, availability: "available" }
+    ), v.length === 7 && (f.push(v), v = []);
   }
   if (v.length > 0) {
     for (; v.length < 7; ) v.push(null);
-    b.push(v);
+    f.push(v);
   }
-  const f = () => {
-    const g = t === 1 ? { y: a - 1, m: 12 } : { y: a, m: t - 1 };
-    n?.(g.y, g.m);
+  const g = () => {
+    const b = t === 1 ? { y: a - 1, m: 12 } : { y: a, m: t - 1 };
+    n?.(b.y, b.m);
   }, x = () => {
-    const g = t === 12 ? { y: a + 1, m: 1 } : { y: a, m: t + 1 };
-    n?.(g.y, g.m);
-  }, T = (g) => l && g.getFullYear() === l.getFullYear() && g.getMonth() === l.getMonth() && g.getDate() === l.getDate();
+    const b = t === 12 ? { y: a + 1, m: 1 } : { y: a, m: t + 1 };
+    n?.(b.y, b.m);
+  }, T = (b) => l && b.getFullYear() === l.getFullYear() && b.getMonth() === l.getMonth() && b.getDate() === l.getDate();
   return /* @__PURE__ */ i(
     "div",
     {
@@ -7521,36 +7587,36 @@ function Tl({
       ...m,
       children: [
         /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ e(k, { variant: "ghost", size: "icon-sm", onClick: f, "aria-label": "前月", children: /* @__PURE__ */ e(ce, { size: 16 }) }),
+          /* @__PURE__ */ e(k, { variant: "ghost", size: "icon-sm", onClick: g, "aria-label": "前月", children: /* @__PURE__ */ e(me, { size: 16 }) }),
           /* @__PURE__ */ i("span", { className: "typo-label-md text-[var(--Text-High-Emphasis)]", children: [
             t,
             "月"
           ] }),
           /* @__PURE__ */ e(k, { variant: "ghost", size: "icon-sm", onClick: x, "aria-label": "次月", children: /* @__PURE__ */ e(V, { size: 16 }) })
         ] }),
-        /* @__PURE__ */ e("div", { className: "grid grid-cols-7 text-center", children: hs.map((g, N) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "grid grid-cols-7 text-center", children: hs.map((b, y) => /* @__PURE__ */ e(
           "span",
           {
             className: s(
               "py-1 typo-label-sm",
-              N === 0 && "text-[var(--Text-Caution)]",
-              N === 6 && "text-[var(--Primitive-Sea-600)]",
-              N > 0 && N < 6 && "text-[var(--Text-Medium-Emphasis)]"
+              y === 0 && "text-[var(--Text-Caution)]",
+              y === 6 && "text-[var(--Primitive-Sea-600)]",
+              y > 0 && y < 6 && "text-[var(--Text-Medium-Emphasis)]"
             ),
-            children: g
+            children: b
           },
-          g
+          b
         )) }),
-        b.map((g, N) => /* @__PURE__ */ e("div", { className: "grid grid-cols-7 text-center", children: g.map((y, E) => {
-          if (!y)
+        f.map((b, y) => /* @__PURE__ */ e("div", { className: "grid grid-cols-7 text-center", children: b.map((N, E) => {
+          if (!N)
             return /* @__PURE__ */ e("div", { className: "py-1" }, `empty-${E}`);
-          const z = y.date.getDay(), M = T(y.date), S = y.availability !== "unavailable";
+          const z = N.date.getDay(), M = T(N.date), S = N.availability !== "unavailable";
           return /* @__PURE__ */ i(
             "button",
             {
               type: "button",
               disabled: !S,
-              onClick: () => S && o?.(y.date),
+              onClick: () => S && o?.(N.date),
               className: s(
                 "flex flex-col items-center gap-0.5 rounded-md py-1.5 typo-body-md transition-colors",
                 S && "cursor-pointer hover:bg-[var(--Surface-Secondary)]",
@@ -7561,13 +7627,13 @@ function Tl({
                 z > 0 && z < 6 && "text-[var(--Text-High-Emphasis)]"
               ),
               children: [
-                /* @__PURE__ */ e("span", { children: y.date.getDate() }),
-                /* @__PURE__ */ e(vs, { availability: y.availability })
+                /* @__PURE__ */ e("span", { children: N.date.getDate() }),
+                /* @__PURE__ */ e(vs, { availability: N.availability })
               ]
             },
-            y.date.getDate()
+            N.date.getDate()
           );
-        }) }, N))
+        }) }, y))
       ]
     }
   );
@@ -7581,28 +7647,28 @@ const fs = [
   {
     items: [
       {
-        icon: /* @__PURE__ */ e(Fe, { size: 16 }),
+        icon: /* @__PURE__ */ e(Ve, { size: 16 }),
         label: "お知らせ",
         href: "/mypage/",
         key: "news",
         storyId: "pages-cake-✅-お知らせ--notification-list"
       },
       {
-        icon: /* @__PURE__ */ e(fa, { size: 16 }),
+        icon: /* @__PURE__ */ e(ga, { size: 16 }),
         label: "注文履歴",
         href: "/mypage/order_list/",
         key: "orders",
         storyId: "pages-cake-マイページ--order-list"
       },
       {
-        icon: /* @__PURE__ */ e($e, { size: 16 }),
+        icon: /* @__PURE__ */ e(Ge, { size: 16 }),
         label: "記念日登録",
         href: "/mypage/anniversary/",
         key: "anniversary",
         storyId: "pages-cake-記念日管理--anniversary-list"
       },
       {
-        icon: /* @__PURE__ */ e(pt, { size: 16 }),
+        icon: /* @__PURE__ */ e(ht, { size: 16 }),
         label: "閲覧履歴",
         href: "/mypage/item_view_history/",
         key: "history",
@@ -7614,7 +7680,7 @@ const fs = [
     groupLabel: "ブックマーク",
     items: [
       {
-        icon: /* @__PURE__ */ e(ga, { size: 16 }),
+        icon: /* @__PURE__ */ e(xa, { size: 16 }),
         label: "商品",
         href: "/mypage/bookmark/item_list/",
         key: "bookmark-item",
@@ -7628,7 +7694,7 @@ const fs = [
         storyId: "pages-cake-ブックマーク--shop-bookmark"
       },
       {
-        icon: /* @__PURE__ */ e(ht, { size: 16 }),
+        icon: /* @__PURE__ */ e(vt, { size: 16 }),
         label: "エンタメ",
         href: "/mypage/bookmark/entertainment_list/",
         key: "bookmark-entertainment",
@@ -7640,14 +7706,14 @@ const fs = [
     groupLabel: "口コミ",
     items: [
       {
-        icon: /* @__PURE__ */ e(Ie, { size: 16 }),
+        icon: /* @__PURE__ */ e(De, { size: 16 }),
         label: "投稿した口コミ",
         href: "/mypage/review_list/",
         key: "reviews",
         storyId: "pages-cake-マイページ--review-list"
       },
       {
-        icon: /* @__PURE__ */ e(vt, { size: 16 }),
+        icon: /* @__PURE__ */ e(ft, { size: 16 }),
         label: "投稿できる口コミ",
         href: "/mypage/review_post_list/",
         key: "review-post",
@@ -7659,14 +7725,14 @@ const fs = [
     groupLabel: "ポイント・キャンペーン",
     items: [
       {
-        icon: /* @__PURE__ */ e(We, { size: 16 }),
+        icon: /* @__PURE__ */ e(qe, { size: 16 }),
         label: "クーポン",
         href: "/mypage/coupon_list/",
         key: "coupons",
         storyId: "pages-cake-マイページ--coupon-list"
       },
       {
-        icon: /* @__PURE__ */ e(ft, { size: 16 }),
+        icon: /* @__PURE__ */ e(gt, { size: 16 }),
         label: "ギフトカード・ポイント",
         href: "/mypage/point/",
         key: "point",
@@ -7692,14 +7758,14 @@ const fs = [
         storyId: "pages-cake-マイページ--profile"
       },
       {
-        icon: /* @__PURE__ */ e(gt, { size: 16 }),
+        icon: /* @__PURE__ */ e(xt, { size: 16 }),
         label: "メールマガジン設定",
         href: "/mypage/mailmagazine/",
         key: "mailmagazine",
         storyId: "pages-cake-マイページ--mail-magazine"
       },
       {
-        icon: /* @__PURE__ */ e(xt, { size: 16 }),
+        icon: /* @__PURE__ */ e(yt, { size: 16 }),
         label: "クレジットカード情報",
         href: "/mypage/payment_info/",
         key: "payment",
@@ -7713,7 +7779,7 @@ const fs = [
         storyId: "pages-cake-マイページ--inquiry"
       },
       {
-        icon: /* @__PURE__ */ e(yt, { size: 16 }),
+        icon: /* @__PURE__ */ e(Nt, { size: 16 }),
         label: "ログアウト",
         href: "/users/logout/",
         key: "logout"
@@ -7781,18 +7847,18 @@ function Sl({
   ...h
 }) {
   const u = /* @__PURE__ */ i("div", { className: "space-y-2 px-4 py-3", children: [
-    t && t.map((b) => /* @__PURE__ */ i(
+    t && t.map((f) => /* @__PURE__ */ i(
       "div",
       {
         className: "flex items-center justify-between typo-body-md",
         children: [
-          /* @__PURE__ */ e("span", { className: "text-[var(--Text-Medium-Emphasis)]", children: b.label }),
-          /* @__PURE__ */ e("span", { className: "text-[var(--Text-High-Emphasis)]", children: b.value })
+          /* @__PURE__ */ e("span", { className: "text-[var(--Text-Medium-Emphasis)]", children: f.label }),
+          /* @__PURE__ */ e("span", { className: "text-[var(--Text-High-Emphasis)]", children: f.value })
         ]
       },
-      b.label
+      f.label
     )),
-    t && t.length > 0 && /* @__PURE__ */ e(Ma, {}),
+    t && t.length > 0 && /* @__PURE__ */ e(Pa, {}),
     /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ e("span", { className: "typo-heading-md text-[var(--Text-High-Emphasis)]", children: r }),
       /* @__PURE__ */ e("span", { className: "typo-heading-lg text-[var(--Text-High-Emphasis)]", children: n })
@@ -7808,7 +7874,7 @@ function Sl({
       }
     ),
     c && /* @__PURE__ */ i("p", { className: "flex items-center justify-center gap-1 typo-body-sm text-[var(--Text-Low-Emphasis)]", children: [
-      /* @__PURE__ */ e(Nt, { size: 12 }),
+      /* @__PURE__ */ e(wt, { size: 12 }),
       m
     ] })
   ] });
@@ -7836,25 +7902,25 @@ function Sl({
     }
   );
 }
-const bs = {
+const gs = {
   visa: "Visa",
   mastercard: "Mastercard",
   jcb: "JCB",
   amex: "American Express",
   diners: "Diners Club"
-}, gs = {
+}, bs = {
   visa: "https://assets.cake.jp/bp/img/carts/ec/logo/visa.png",
   mastercard: "https://assets.cake.jp/bp/img/carts/ec/logo/mastercard.png",
   jcb: "https://assets.cake.jp/bp/img/carts/ec/logo/jcb.png",
   amex: "https://assets.cake.jp/bp/img/carts/ec/logo/amex.png",
   diners: "https://assets.cake.jp/bp/img/carts/ec/logo/diners.png"
 };
-function He({ brand: a, className: t, ...r }) {
+function je({ brand: a, className: t, ...r }) {
   return /* @__PURE__ */ e(
     "img",
     {
-      src: gs[a],
-      alt: bs[a],
+      src: bs[a],
+      alt: gs[a],
       className: s("h-[30px] w-auto object-contain", t),
       ...r
     }
@@ -7878,7 +7944,7 @@ function El({
       ...m,
       children: [
         o === "registered" && t && /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ e(He, { brand: t }),
+          /* @__PURE__ */ e(je, { brand: t }),
           /* @__PURE__ */ i("div", { children: [
             /* @__PURE__ */ e("p", { className: "typo-label-sm text-[var(--Text-High-Emphasis)]", children: a }),
             r && /* @__PURE__ */ i("p", { className: "typo-body-sm text-[var(--Text-Medium-Emphasis)]", children: [
@@ -7896,7 +7962,7 @@ function El({
           "が登録されていません"
         ] }),
         o === "expired" && /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-          t && /* @__PURE__ */ e(He, { brand: t }),
+          t && /* @__PURE__ */ e(je, { brand: t }),
           /* @__PURE__ */ i("div", { children: [
             /* @__PURE__ */ e("p", { className: "typo-label-sm text-[var(--Text-Caution)]", children: "有効期限切れ" }),
             r && /* @__PURE__ */ i("p", { className: "typo-body-sm text-[var(--Text-Low-Emphasis)]", children: [
@@ -7905,7 +7971,7 @@ function El({
             ] })
           ] })
         ] }),
-        l && l.length > 0 && /* @__PURE__ */ e("ul", { className: "flex items-center gap-2 list-none p-0 m-0", children: l.map((d) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(He, { brand: d }) }, d)) })
+        l && l.length > 0 && /* @__PURE__ */ e("ul", { className: "flex items-center gap-2 list-none p-0 m-0", children: l.map((d) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(je, { brand: d }) }, d)) })
       ]
     }
   );
@@ -7932,7 +7998,7 @@ const xs = {
   md: { iconSize: 14, valueCls: "typo-label-md", countCls: "typo-body-sm" },
   lg: { iconSize: 18, valueCls: "typo-label-lg", countCls: "typo-body-md" }
 };
-function oe({
+function le({
   className: a,
   rating: t,
   reviewCount: r,
@@ -7977,7 +8043,7 @@ function oe({
     }
   );
 }
-function ia({
+function oa({
   href: a,
   onClick: t,
   name: r
@@ -8025,7 +8091,7 @@ function Me({ size: a = 20, filled: t = !1 }) {
     }
   );
 }
-function na({
+function la({
   isFavorite: a,
   onToggle: t,
   size: r = "md"
@@ -8052,7 +8118,7 @@ function na({
     }
   );
 }
-function oa({ rank: a }) {
+function da({ rank: a }) {
   return /* @__PURE__ */ e(
     "img",
     {
@@ -8066,7 +8132,7 @@ function oa({ rank: a }) {
 function ys(a, t) {
   return t == null || t <= a ? null : `${Math.round((t - a) / t * 100)}%OFF`;
 }
-function la({ name: a, href: t }) {
+function ca({ name: a, href: t }) {
   return t ? /* @__PURE__ */ e(
     "a",
     {
@@ -8090,20 +8156,20 @@ function Ns({
   shopHref: p,
   tags: h = [],
   isFavorite: u = !1,
-  onFavoriteToggle: b,
+  onFavoriteToggle: f,
   onCardClick: v,
-  href: f,
+  href: g,
   ranking: x,
   deliveryDate: T,
-  orientation: g = "vertical",
-  showDiscountBadge: N = !0,
-  showCartButton: y = !1,
+  orientation: b = "vertical",
+  showDiscountBadge: y = !0,
+  showCartButton: N = !1,
   onCartAdd: E,
   cartButtonLabel: z = "カートに追加",
   ...M
 }) {
-  const S = N ? ys(o, l) : null;
-  return g === "horizontal" ? /* @__PURE__ */ i(
+  const S = y ? ys(o, l) : null;
+  return b === "horizontal" ? /* @__PURE__ */ i(
     "div",
     {
       "data-slot": "product-card",
@@ -8111,22 +8177,22 @@ function Ns({
       className: s("group relative flex min-w-[140px] rounded-lg bg-[var(--Surface-Primary)]", x != null && "pt-3", a),
       ...M,
       children: [
-        /* @__PURE__ */ e(ia, { href: f, onClick: v, name: t }),
-        x != null && /* @__PURE__ */ e(oa, { rank: x }),
+        /* @__PURE__ */ e(oa, { href: g, onClick: v, name: t }),
+        x != null && /* @__PURE__ */ e(da, { rank: x }),
         /* @__PURE__ */ i("div", { className: "relative h-auto w-28 shrink-0 overflow-hidden rounded-lg @sm:w-36", children: [
           /* @__PURE__ */ e("img", { src: r, alt: n ?? t, className: "h-full w-full object-cover", loading: "lazy" }),
           S && /* @__PURE__ */ e(te, { variant: "sale", size: "sm", className: "absolute bottom-1.5 left-1.5 z-[2]", children: S }),
           h.length > 0 && /* @__PURE__ */ e("div", { className: "absolute bottom-1.5 left-1.5 z-[2] flex flex-wrap gap-1", children: !S && h.map((B) => /* @__PURE__ */ e(te, { variant: B.variant, size: "sm", children: B.label }, B.label)) }),
-          b && /* @__PURE__ */ e("div", { className: "absolute bottom-1 right-1 z-10", children: /* @__PURE__ */ e(na, { isFavorite: u, onToggle: b, size: "sm" }) })
+          f && /* @__PURE__ */ e("div", { className: "absolute bottom-1 right-1 z-10", children: /* @__PURE__ */ e(la, { isFavorite: u, onToggle: f, size: "sm" }) })
         ] }),
         /* @__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: [
-            d && /* @__PURE__ */ e(la, { name: d, href: p }),
+            d && /* @__PURE__ */ e(ca, { name: d, href: p }),
             /* @__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: [
-              c != null && /* @__PURE__ */ e(oe, { rating: c, reviewCount: m, size: "sm" }),
+              c != null && /* @__PURE__ */ e(le, { rating: c, reviewCount: m, size: "sm" }),
               T && /* @__PURE__ */ i("p", { className: "typo-body-xs text-[var(--Text-Medium-Emphasis)]", children: [
                 "最短 ",
                 T
@@ -8142,11 +8208,18 @@ function Ns({
     {
       "data-slot": "product-card",
       "data-orientation": "vertical",
-      className: s("group relative flex min-w-[140px] flex-col gap-1 bg-[var(--Surface-Primary)]", x != null && "pt-3", a),
+      className: s(
+        // max-w: 広いグリッドセルでもカードが膨らみすぎないようカード自身が上限を持つ。
+        // 280px は本番の検索結果グリッド（PC 5列 ≈ カード215px）では未到達＝影響なし。
+        // マイページ等の3列グリッド（実効幅 ~950px）で 3×280+gap が収まる上限として採用。
+        "group relative flex w-full min-w-[140px] max-w-[280px] flex-col gap-1 bg-[var(--Surface-Primary)]",
+        x != null && "pt-3",
+        a
+      ),
       ...M,
       children: [
-        /* @__PURE__ */ e(ia, { href: f, onClick: v, name: t }),
-        x != null && /* @__PURE__ */ e(oa, { rank: x }),
+        /* @__PURE__ */ e(oa, { href: g, onClick: v, name: t }),
+        x != null && /* @__PURE__ */ e(da, { rank: x }),
         /* @__PURE__ */ i("div", { className: "relative", children: [
           /* @__PURE__ */ i("div", { className: "aspect-square overflow-hidden rounded-lg", children: [
             /* @__PURE__ */ e("img", { src: r, alt: n ?? t, className: "h-full w-full object-cover transition-transform duration-200 group-hover:scale-105", loading: "lazy" }),
@@ -8155,13 +8228,13 @@ function Ns({
               h.map((B) => /* @__PURE__ */ e(te, { variant: B.variant, size: "sm", children: B.label }, B.label))
             ] }) })
           ] }),
-          b && /* @__PURE__ */ e("div", { className: "absolute bottom-1.5 right-1.5 z-[4]", children: /* @__PURE__ */ e(na, { isFavorite: u, onToggle: b }) })
+          f && /* @__PURE__ */ e("div", { className: "absolute bottom-1.5 right-1.5 z-[4]", children: /* @__PURE__ */ e(la, { isFavorite: u, onToggle: f }) })
         ] }),
         /* @__PURE__ */ i("div", { className: "flex flex-1 flex-col gap-0.5", children: [
-          d && /* @__PURE__ */ e(la, { name: d, href: p }),
+          d && /* @__PURE__ */ e(ca, { name: d, href: p }),
           /* @__PURE__ */ e("h3", { className: "line-clamp-2 typo-body-md text-[var(--Text-High-Emphasis)]", children: t }),
           (c != null || T) && /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-2", children: [
-            c != null && /* @__PURE__ */ e(oe, { rating: c, reviewCount: m, size: "sm" }),
+            c != null && /* @__PURE__ */ e(le, { rating: c, reviewCount: m, size: "sm" }),
             T && /* @__PURE__ */ i("p", { className: "typo-body-xs text-[var(--Text-Medium-Emphasis)]", children: [
               "最短 ",
               T
@@ -8169,7 +8242,7 @@ function Ns({
           ] }),
           /* @__PURE__ */ e(xe, { price: o, originalPrice: l, size: "md", showTaxLabel: !1 })
         ] }),
-        y && /* @__PURE__ */ e(
+        N && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
@@ -8204,9 +8277,9 @@ function Cl({
   headerSize: p,
   products: h,
   cardSize: u = "sm",
-  showRanking: b = !1,
+  showRanking: f = !1,
   showCartButton: v = !1,
-  className: f
+  className: g
 }) {
   const x = !!n, T = x && /* @__PURE__ */ e("div", { className: "shrink-0 overflow-hidden rounded-xl size-20 @sm:size-[100px] @md:size-[140px]", children: /* @__PURE__ */ e(
     "img",
@@ -8216,15 +8289,15 @@ function Cl({
       className: "size-full object-cover",
       loading: "lazy"
     }
-  ) }), g = l ? /* @__PURE__ */ e("a", { href: l, className: "shrink-0", children: T }) : T;
+  ) }), b = l ? /* @__PURE__ */ e("a", { href: l, className: "shrink-0", children: T }) : T;
   return /* @__PURE__ */ i(
     "section",
     {
       "data-slot": "product-carousel",
-      className: s("@container py-4 @[960px]:max-w-[960px] @[960px]:mx-auto", f),
+      className: s("@container py-4 @[960px]:max-w-[960px] @[960px]:mx-auto", g),
       children: [
         x ? /* @__PURE__ */ i("div", { className: "flex gap-3 px-4 @md:gap-4", children: [
-          g,
+          b,
           /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ e(
               be,
@@ -8259,21 +8332,21 @@ function Cl({
           u === "responsive" ? "gap-2 @[736px]:gap-4 @[928px]:gap-6" : "gap-3",
           v && "items-stretch"
         ), children: [
-          h.map((N, y) => /* @__PURE__ */ e(
+          h.map((y, N) => /* @__PURE__ */ e(
             "div",
             {
               className: s("shrink-0", ws[u]),
               children: /* @__PURE__ */ e(
                 Ns,
                 {
-                  ...N,
-                  ranking: b ? y + 1 : N.ranking,
+                  ...y,
+                  ranking: f ? N + 1 : y.ranking,
                   showCartButton: v,
-                  className: s(N.className, v && "h-full")
+                  className: s(y.className, v && "h-full")
                 }
               )
             },
-            N.name + y
+            y.name + N
           )),
           /* @__PURE__ */ e("div", { className: "shrink-0 w-4 @[736px]:w-4 @[928px]:w-4", "aria-hidden": "true" })
         ] })
@@ -8378,21 +8451,21 @@ function Pl({
       ),
       ...u,
       children: /* @__PURE__ */ i("div", { className: "mx-auto flex max-w-[1064px] items-center justify-between", children: [
-        /* @__PURE__ */ e("nav", { className: "flex items-center self-stretch", "aria-label": "商品詳細ナビゲーション", children: t.map((b) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("nav", { className: "flex items-center self-stretch", "aria-label": "商品詳細ナビゲーション", children: t.map((f) => /* @__PURE__ */ e(
           "a",
           {
-            href: b.href,
+            href: f.href,
             className: s(
               "flex h-14 items-center justify-center px-3 typo-label-md transition-colors",
-              b.active ? "border-b-2 border-[var(--Text-High-Emphasis)] text-[var(--Text-High-Emphasis)]" : "text-[var(--Text-Disable)] hover:text-[var(--Text-Medium-Emphasis)]"
+              f.active ? "border-b-2 border-[var(--Text-High-Emphasis)] text-[var(--Text-High-Emphasis)]" : "text-[var(--Text-Disable)] hover:text-[var(--Text-Medium-Emphasis)]"
             ),
             onClick: (v) => {
-              h && (v.preventDefault(), h(b));
+              h && (v.preventDefault(), h(f));
             },
-            "aria-current": b.active ? "true" : void 0,
-            children: b.label
+            "aria-current": f.active ? "true" : void 0,
+            children: f.label
           },
-          b.label
+          f.label
         )) }),
         /* @__PURE__ */ i("div", { className: "flex items-center gap-4 py-2", children: [
           /* @__PURE__ */ i("div", { className: "max-w-[270px]", children: [
@@ -8409,7 +8482,7 @@ function Pl({
                 /* @__PURE__ */ e("span", { className: "ml-1 typo-body-sm text-inherit", children: "税込" })
               ] }),
               l != null && l > 0 && /* @__PURE__ */ e("div", { className: "ml-1", children: /* @__PURE__ */ e(
-                oe,
+                le,
                 {
                   rating: l,
                   reviewCount: c,
@@ -8445,14 +8518,14 @@ function Bl({
   reviewCount: p,
   coupons: h,
   sizeOptions: u,
-  selectedSize: b,
+  selectedSize: f,
   onSizeChange: v,
-  sizeInfoLabel: f,
+  sizeInfoLabel: g,
   onSizeInfoClick: x,
   deliveryPrefecture: T,
-  onPrefectureChange: g,
-  earliestDelivery: N,
-  quantity: y = 1,
+  onPrefectureChange: b,
+  earliestDelivery: y,
+  quantity: N = 1,
   onQuantityChange: E,
   pointInfo: z,
   onAddToCart: M,
@@ -8495,7 +8568,7 @@ function Bl({
             ] }),
             c && /* @__PURE__ */ i("div", { className: "flex w-full items-center gap-1", children: [
               /* @__PURE__ */ e(
-                wt,
+                kt,
                 {
                   size: 20,
                   className: "shrink-0 text-[var(--Text-Medium-Emphasis)]"
@@ -8514,7 +8587,7 @@ function Bl({
           /* @__PURE__ */ i("div", { className: "flex flex-col gap-2", children: [
             /* @__PURE__ */ e(xe, { price: r, size: "xl" }),
             d != null && /* @__PURE__ */ e(
-              oe,
+              le,
               {
                 rating: d,
                 reviewCount: p,
@@ -8526,7 +8599,7 @@ function Bl({
           ] }),
           h && h.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(We, { size: 16, className: "text-[var(--Text-on-Inverse)]" }),
+              /* @__PURE__ */ e(qe, { 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: h.map((P, F) => /* @__PURE__ */ i(w.Fragment, { children: [
@@ -8550,12 +8623,12 @@ function Bl({
           /* @__PURE__ */ e("div", { className: "flex flex-col gap-3 overflow-hidden px-6 py-2", children: u.map((P, F) => (
             // lint-scratch-allow: gap-[11px] は Figma サイズチップ間隔の固有値
             /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-[11px]", children: P.map((O) => /* @__PURE__ */ e(
-              Ha,
+              ja,
               {
                 shape: "square",
                 size: "tile",
                 variant: "filled",
-                selected: b === O.value,
+                selected: f === O.value,
                 soldOut: O.soldOut,
                 onClick: () => v?.(O.value),
                 children: O.label
@@ -8563,7 +8636,7 @@ function Bl({
               O.value
             )) }, F)
           )) }),
-          f && /* @__PURE__ */ i(
+          g && /* @__PURE__ */ i(
             "button",
             {
               type: "button",
@@ -8577,17 +8650,17 @@ function Bl({
                     className: "shrink-0 text-[var(--Text-Medium-Emphasis)]"
                   }
                 ),
-                /* @__PURE__ */ e("span", { className: "typo-label-md text-[var(--Text-Medium-Emphasis)]", children: f })
+                /* @__PURE__ */ e("span", { className: "typo-label-md text-[var(--Text-Medium-Emphasis)]", children: g })
               ]
             }
           )
         ] }),
-        (T || N) && /* @__PURE__ */ i("div", { className: "flex min-w-0 items-center gap-2 rounded-lg px-4 py-2", children: [
+        (T || y) && /* @__PURE__ */ i("div", { className: "flex min-w-0 items-center gap-2 rounded-lg px-4 py-2", children: [
           T && /* @__PURE__ */ i(
             "button",
             {
               type: "button",
-              onClick: g,
+              onClick: b,
               className: "flex min-w-0 shrink items-center justify-between gap-2 rounded-lg border border-[var(--Border-High-Emphasis)] bg-[var(--Surface-Primary)] px-4 py-3",
               children: [
                 /* @__PURE__ */ e("span", { className: "min-w-0 truncate typo-body-lg text-[var(--Text-High-Emphasis)]", children: T }),
@@ -8601,19 +8674,19 @@ function Bl({
               ]
             }
           ),
-          N && /* @__PURE__ */ i("div", { className: "min-w-0 shrink text-[var(--Text-High-Emphasis)]", children: [
+          y && /* @__PURE__ */ i("div", { className: "min-w-0 shrink text-[var(--Text-High-Emphasis)]", children: [
             /* @__PURE__ */ e("span", { className: "typo-body-md", children: "への最短お届け日は" }),
             /* @__PURE__ */ e("br", {}),
-            /* @__PURE__ */ e("span", { className: "typo-label-md", children: N }),
+            /* @__PURE__ */ e("span", { className: "typo-label-md", children: y }),
             /* @__PURE__ */ e("span", { className: "typo-body-md", children: "です" })
           ] })
         ] }),
         E && /* @__PURE__ */ i("div", { className: "flex items-center gap-6 px-6 py-2", children: [
           /* @__PURE__ */ e("span", { className: "typo-label-md text-[var(--Text-High-Emphasis)]", children: "数量" }),
           /* @__PURE__ */ e(
-            ja,
+            La,
             {
-              value: y,
+              value: N,
               onChange: E,
               size: "md",
               editable: !1
@@ -8722,14 +8795,14 @@ function Hl({
   variant: p = "default",
   showCartButton: h = !1,
   onAddToCart: u,
-  showDetailButton: b = !1,
+  showDetailButton: f = !1,
   onViewDetail: v,
-  showBookmark: f = !1,
+  showBookmark: g = !1,
   href: x,
   orderDate: T,
-  deliveryInfo: g,
-  totalPrice: N,
-  showReviewButton: y = !1,
+  deliveryInfo: b,
+  totalPrice: y,
+  showReviewButton: N = !1,
   optionInfo: E,
   // cart variant props
   quantity: z,
@@ -8744,11 +8817,11 @@ function Hl({
   // slot props
   leftSlot: O,
   rightSlot: ae,
-  bottomSlot: Ge,
-  className: _a,
-  ...Ia
+  bottomSlot: Ue,
+  className: Ia,
+  ...Aa
 }) {
-  const Y = p === "small" || p === "xsm", Q = p === "review", W = p === "cart", qe = W ? F : p === "xsm" ? "size-10" : Y ? "size-14" : "size-[102px]";
+  const Y = p === "small" || p === "xsm", Q = p === "review", W = p === "cart", Xe = W ? F : p === "xsm" ? "size-10" : Y ? "size-14" : "size-[102px]";
   return /* @__PURE__ */ i(
     "div",
     {
@@ -8756,9 +8829,9 @@ function Hl({
       className: s(
         "flex flex-col bg-[var(--Surface-Primary)]",
         p === "lp" && "flex-col rounded-xl bg-[var(--Surface-Secondary)] p-4",
-        _a
+        Ia
       ),
-      ...Ia,
+      ...Aa,
       children: [
         /* @__PURE__ */ i("div", { className: s(
           "flex gap-2 px-4 py-2 min-w-0 overflow-hidden",
@@ -8774,7 +8847,7 @@ function Hl({
                 alt: a,
                 className: s(
                   "rounded-lg object-cover",
-                  qe,
+                  Xe,
                   p === "lp" && "aspect-video w-full size-auto rounded-lg"
                 )
               }
@@ -8786,7 +8859,7 @@ function Hl({
             {
               className: s(
                 "relative shrink-0 overflow-hidden rounded-lg bg-[var(--Surface-Secondary)]",
-                qe
+                Xe
               ),
               children: [
                 /* @__PURE__ */ e(
@@ -8875,7 +8948,7 @@ function Hl({
                 )
               ] }),
               z !== void 0 && /* @__PURE__ */ e(
-                ja,
+                La,
                 {
                   value: z,
                   size: S,
@@ -8890,11 +8963,11 @@ function Hl({
               "¥",
               r.toLocaleString()
             ] }),
-            Q && N !== void 0 && /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
+            Q && y !== void 0 && /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ e("span", { className: "typo-body-sm text-[var(--Text-Low-Emphasis)]", children: "合計" }),
               /* @__PURE__ */ i("span", { className: "typo-label-md text-[var(--Text-High-Emphasis)]", children: [
                 "¥",
-                N.toLocaleString()
+                y.toLocaleString()
               ] })
             ] }),
             p === "order-history" && /* @__PURE__ */ i("div", { className: "space-y-0.5 typo-body-sm text-[var(--Text-Low-Emphasis)]", children: [
@@ -8902,15 +8975,15 @@ function Hl({
                 "お届け日:",
                 T
               ] }),
-              g && /* @__PURE__ */ i("p", { children: [
+              b && /* @__PURE__ */ i("p", { children: [
                 "お届け先:",
-                g
+                b
               ] }),
-              N !== void 0 && /* @__PURE__ */ i("p", { children: [
+              y !== void 0 && /* @__PURE__ */ i("p", { children: [
                 "合計：",
                 /* @__PURE__ */ i("span", { className: "typo-label-sm text-[var(--Text-High-Emphasis)]", children: [
                   "¥",
-                  N.toLocaleString()
+                  y.toLocaleString()
                 ] })
               ] })
             ] }),
@@ -8920,7 +8993,7 @@ function Hl({
               /* @__PURE__ */ e("span", { className: "text-[var(--Text-Medium-Emphasis)]", children: Pe })
             ] }, q)) })
           ] }),
-          ae ? /* @__PURE__ */ e("div", { className: "shrink-0 self-start", children: ae }) : f && !Q && /* @__PURE__ */ e(
+          ae ? /* @__PURE__ */ e("div", { className: "shrink-0 self-start", children: ae }) : g && !Q && /* @__PURE__ */ e(
             "button",
             {
               type: "button",
@@ -8941,9 +9014,9 @@ function Hl({
             }
           )
         ] }),
-        Ge ? /* @__PURE__ */ e("div", { className: "px-4 py-3", children: Ge }) : (h || b || y) && /* @__PURE__ */ i("div", { className: "flex justify-end gap-3.5 px-4 py-3", children: [
-          b && /* @__PURE__ */ e(k, { variant: "tertiary", size: "sm", onClick: v, children: "商品詳細を見る" }),
-          y && /* @__PURE__ */ e(k, { variant: "secondary", size: "sm", children: "レビューを書く" }),
+        Ue ? /* @__PURE__ */ e("div", { className: "px-4 py-3", children: Ue }) : (h || f || N) && /* @__PURE__ */ i("div", { className: "flex justify-end gap-3.5 px-4 py-3", children: [
+          f && /* @__PURE__ */ e(k, { variant: "tertiary", size: "sm", onClick: v, children: "商品詳細を見る" }),
+          N && /* @__PURE__ */ e(k, { variant: "secondary", size: "sm", children: "レビューを書く" }),
           h && /* @__PURE__ */ e(k, { size: "sm", onClick: u, children: "カートに追加" })
         ] })
       ]
@@ -8961,7 +9034,7 @@ function jl({
   className: m,
   ...d
 }) {
-  const p = w.useId(), h = o ? `${p}-help` : void 0, u = l ? `${p}-error` : void 0, b = [h, u].filter(Boolean).join(" ") || void 0;
+  const p = w.useId(), h = o ? `${p}-help` : void 0, u = l ? `${p}-error` : void 0, f = [h, u].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ i(
     "div",
     {
@@ -8976,7 +9049,7 @@ function jl({
       ...d,
       children: [
         /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ i(Ve, { id: `${p}-label`, className: "typo-label-md text-[var(--Text-High-Emphasis)]", children: [
+          /* @__PURE__ */ i(Ke, { id: `${p}-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: "*" })
           ] }),
@@ -8984,7 +9057,7 @@ function jl({
           n && /* @__PURE__ */ e("span", { className: "typo-body-sm text-[var(--Text-Medium-Emphasis)]", children: n })
         ] }),
         w.Children.map(c, (v) => w.isValidElement(v) ? w.cloneElement(v, {
-          "aria-describedby": b,
+          "aria-describedby": f,
           "aria-invalid": l ? !0 : void 0,
           "aria-required": r || void 0
         }) : v),
@@ -9010,7 +9083,7 @@ function Ll({
         onClick: () => n?.(Math.max(t, a - 1)),
         disabled: a <= t,
         "aria-label": "減らす",
-        children: /* @__PURE__ */ e(_e, { size: 16 })
+        children: /* @__PURE__ */ e(Ae, { size: 16 })
       }
     ),
     /* @__PURE__ */ e("span", { className: "w-8 text-center typo-label-md tabular-nums text-[var(--Text-High-Emphasis)]", "aria-live": "polite", children: a }),
@@ -9093,7 +9166,7 @@ function Al({
       className: "flex h-24 w-full flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Secondary)] text-[var(--Text-Low-Emphasis)] transition-colors hover:border-[var(--Brand-Cake-Orange)] hover:text-[var(--Brand-Cake-Orange)] focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50 focus-visible:outline-none",
       ...t,
       children: [
-        /* @__PURE__ */ e(kt, { size: 24 }),
+        /* @__PURE__ */ e(Tt, { size: 24 }),
         /* @__PURE__ */ e("span", { className: "typo-body-sm", children: "画像を選択" })
       ]
     }
@@ -9112,17 +9185,17 @@ function Dl({
   isLiked: p = !1,
   onLikeClick: h,
   onMoreClick: u,
-  maxLength: b = 80,
+  maxLength: f = 80,
   ...v
 }) {
-  const f = t === "pc", x = t === "card", T = o.length > b ? o.slice(0, b) + "..." : o, g = o.length > b, N = f ? "size-64" : "size-20";
+  const g = t === "pc", x = t === "card", T = o.length > f ? o.slice(0, f) + "..." : o, b = o.length > f, y = g ? "size-64" : "size-20";
   return /* @__PURE__ */ i(
     "div",
     {
       "data-slot": "review-card",
       className: s(
         "flex flex-col rounded-lg border border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Primary)]",
-        f ? "w-full max-w-[680px] gap-4 p-6" : "min-w-[240px] w-full gap-2 p-4",
+        g ? "w-full max-w-[680px] gap-4 p-6" : "min-w-[240px] w-full gap-2 p-4",
         x && "items-center",
         a
       ),
@@ -9140,7 +9213,7 @@ function Dl({
           /* @__PURE__ */ e("span", { className: "typo-body-sm text-[var(--Text-High-Emphasis)]", children: c })
         ] }),
         /* @__PURE__ */ i("div", { className: "flex w-full items-center justify-between", children: [
-          /* @__PURE__ */ e("div", { className: "flex items-start", children: Array.from({ length: 5 }).map((y, E) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "flex items-start", children: Array.from({ length: 5 }).map((N, E) => /* @__PURE__ */ e(
             Ce,
             {
               size: 20,
@@ -9157,12 +9230,12 @@ function Dl({
           {
             className: s(
               "flex w-full items-start",
-              f ? "gap-4" : "gap-2"
+              g ? "gap-4" : "gap-2"
             ),
             children: [
               /* @__PURE__ */ i("p", { className: "min-w-0 flex-1 typo-body-md text-[var(--Text-High-Emphasis)]", children: [
                 T,
-                g && /* @__PURE__ */ e(
+                b && /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
@@ -9172,7 +9245,7 @@ function Dl({
                   }
                 )
               ] }),
-              l && /* @__PURE__ */ e("div", { className: s("shrink-0 overflow-hidden rounded-lg", N), children: /* @__PURE__ */ e(
+              l && /* @__PURE__ */ e("div", { className: s("shrink-0 overflow-hidden rounded-lg", y), children: /* @__PURE__ */ e(
                 "img",
                 {
                   src: l,
@@ -9191,7 +9264,7 @@ function Dl({
             onClick: h,
             children: [
               /* @__PURE__ */ e(
-                Tt,
+                zt,
                 {
                   size: 16,
                   className: s(
@@ -9230,21 +9303,21 @@ function Ol({
   className: p,
   ...h
 }) {
-  const [u, b] = w.useState(a), [v, f] = w.useState(0), [x, T] = w.useState(t), [g, N] = w.useState([]), [y, E] = w.useState([]), z = w.useRef(null), M = v || u;
+  const [u, f] = w.useState(a), [v, g] = w.useState(0), [x, T] = w.useState(t), [b, y] = w.useState([]), [N, E] = w.useState([]), z = w.useRef(null), M = v || u;
   function S(C) {
-    const P = Array.from(C.target.files ?? []), F = [...g, ...P].slice(0, l);
-    N(F);
+    const P = Array.from(C.target.files ?? []), F = [...b, ...P].slice(0, l);
+    y(F);
     const O = F.map((ae) => URL.createObjectURL(ae));
-    y.forEach((ae) => URL.revokeObjectURL(ae)), E(O), z.current && (z.current.value = "");
+    N.forEach((ae) => URL.revokeObjectURL(ae)), E(O), z.current && (z.current.value = "");
   }
   function B(C) {
-    URL.revokeObjectURL(y[C]), N((P) => P.filter((F, O) => O !== C)), E((P) => P.filter((F, O) => O !== C));
+    URL.revokeObjectURL(N[C]), y((P) => P.filter((F, O) => O !== C)), E((P) => P.filter((F, O) => O !== C));
   }
   function $(C) {
-    C.preventDefault(), u !== 0 && r?.({ rating: u, text: x, images: g });
+    C.preventDefault(), u !== 0 && r?.({ rating: u, text: x, images: b });
   }
   w.useEffect(() => () => {
-    y.forEach((C) => URL.revokeObjectURL(C));
+    N.forEach((C) => URL.revokeObjectURL(C));
   }, []);
   const D = ["", "残念", "いまいち", "普通", "満足", "最高！"];
   return /* @__PURE__ */ i(
@@ -9279,9 +9352,9 @@ function Ol({
               "aria-checked": u === C,
               "aria-label": `${C}つ星`,
               className: "rounded-full p-1 transition-transform hover:scale-110 focus-visible:ring-2 focus-visible:ring-[var(--Focus-High-Emphasis)]",
-              onClick: () => b(C),
-              onMouseEnter: () => f(C),
-              onMouseLeave: () => f(0),
+              onClick: () => f(C),
+              onMouseEnter: () => g(C),
+              onMouseLeave: () => g(0),
               children: /* @__PURE__ */ e(
                 Ce,
                 {
@@ -9321,7 +9394,7 @@ function Ol({
             "枚）"
           ] }),
           /* @__PURE__ */ i("div", { className: "flex flex-wrap gap-2", children: [
-            y.map((C, P) => /* @__PURE__ */ i("div", { className: "relative size-20 overflow-hidden rounded-lg", children: [
+            N.map((C, P) => /* @__PURE__ */ i("div", { className: "relative size-20 overflow-hidden rounded-lg", children: [
               /* @__PURE__ */ e("img", { src: C, alt: `添付画像${P + 1}`, className: "size-full object-cover" }),
               /* @__PURE__ */ e(
                 "button",
@@ -9334,7 +9407,7 @@ function Ol({
                 }
               )
             ] }, P)),
-            g.length < l && /* @__PURE__ */ i(
+            b.length < l && /* @__PURE__ */ i(
               "button",
               {
                 type: "button",
@@ -9342,7 +9415,7 @@ function Ol({
                 className: "flex size-20 flex-col items-center justify-center gap-1 rounded-lg border border-dashed border-[var(--Border-Medium-Emphasis)] text-[var(--Text-Low-Emphasis)] transition-colors hover:border-[var(--Border-High-Emphasis)] hover:text-[var(--Text-Medium-Emphasis)]",
                 "aria-label": "写真を追加",
                 children: [
-                  /* @__PURE__ */ e(zt, { size: 20 }),
+                  /* @__PURE__ */ e(St, { size: 20 }),
                   /* @__PURE__ */ e("span", { className: "typo-body-xs", children: "追加" })
                 ]
               }
@@ -9451,7 +9524,7 @@ function Fl({
       children: [
         /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(oe, { rating: t, size: "sm" }),
+            /* @__PURE__ */ e(le, { rating: t, size: "sm" }),
             /* @__PURE__ */ e("span", { className: "typo-label-sm text-[var(--Text-High-Emphasis)]", children: a })
           ] }),
           /* @__PURE__ */ e("span", { className: "typo-body-sm text-[var(--Text-Low-Emphasis)]", children: r })
@@ -9476,20 +9549,20 @@ function Fl({
 }
 const Ts = [
   { icon: /* @__PURE__ */ e(ze, { size: 20 }), label: "検索" },
-  { icon: /* @__PURE__ */ e(pa, { size: 20 }), label: "マイページ" },
-  { icon: /* @__PURE__ */ e(va, { size: 20 }), label: "カート" }
+  { icon: /* @__PURE__ */ e(ha, { size: 20 }), label: "マイページ" },
+  { icon: /* @__PURE__ */ e(fa, { size: 20 }), label: "カート" }
 ], zs = [
-  { label: "ホーム", icon: /* @__PURE__ */ e(ha, { size: 20 }), href: "/" },
+  { label: "ホーム", icon: /* @__PURE__ */ e(va, { size: 20 }), href: "/" },
   { label: "探す", icon: /* @__PURE__ */ e(ze, { size: 20 }), href: "/search/" },
   { label: "店舗受取予約", icon: /* @__PURE__ */ e(Se, { size: 20 }), href: "/takeout/" },
   {
     label: "記念日",
-    icon: /* @__PURE__ */ e($e, { size: 20 }),
+    icon: /* @__PURE__ */ e(Ge, { size: 20 }),
     href: "/mypage/anniversary/"
   },
   {
     label: "ブックマーク",
-    icon: /* @__PURE__ */ e(ga, { size: 20 }),
+    icon: /* @__PURE__ */ e(xa, { size: 20 }),
     href: "/mypage/bookmark/item_list/"
   }
 ];
@@ -9506,25 +9579,28 @@ function $l({
   children: r,
   breadcrumbs: n,
   bottomNavItems: o = zs,
-  onBack: l
-}) {
-  const c = n ?? Ss(a);
+  menuGroups: l = fs,
+  headerActions: c = Ts,
+  onBack: m
+}) {
+  const d = n ?? Ss(a), p = /* @__PURE__ */ e(Vt, { children: d.map((h, u) => {
+    const f = u === d.length - 1;
+    return /* @__PURE__ */ i(Ra.Fragment, { children: [
+      u > 0 && /* @__PURE__ */ e(Ut, {}),
+      /* @__PURE__ */ e(Gt, { children: f ? /* @__PURE__ */ e(Kt, { children: h.label }) : /* @__PURE__ */ e(qt, { href: h.href ?? "#", children: h.label }) })
+    ] }, u);
+  }) });
   return /* @__PURE__ */ i("div", { className: "@container min-h-screen bg-[var(--Surface-Secondary)]", children: [
     /* @__PURE__ */ i("div", { className: "@md:hidden bg-[var(--Surface-Primary)]", children: [
-      /* @__PURE__ */ e(ge, { variant: "back", onBack: l }),
-      /* @__PURE__ */ e("h1", { className: "typo-heading-xl text-[var(--Text-High-Emphasis)] px-4 py-3", children: a })
+      /* @__PURE__ */ e(oe, { variant: "back", onBack: m }),
+      /* @__PURE__ */ e("div", { className: "px-4 pt-3", children: /* @__PURE__ */ e(ea, { children: p }) }),
+      /* @__PURE__ */ e("h1", { className: "typo-heading-xl text-[var(--Text-High-Emphasis)] px-4 pt-1 pb-3", children: a })
     ] }),
-    /* @__PURE__ */ e("div", { className: "hidden @md:block", children: /* @__PURE__ */ e(ge, { logo: /* @__PURE__ */ e(cs, {}), variant: "logo", actions: Ts }) }),
-    /* @__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(Wt, { children: /* @__PURE__ */ e(Vt, { children: c.map((m, d) => {
-      const p = d === c.length - 1;
-      return /* @__PURE__ */ i(Oa.Fragment, { children: [
-        d > 0 && /* @__PURE__ */ e(Ut, {}),
-        /* @__PURE__ */ e(Gt, { children: p ? /* @__PURE__ */ e(Kt, { children: m.label }) : /* @__PURE__ */ e(qt, { href: m.href ?? "#", children: m.label }) })
-      ] }, d);
-    }) }) }) }) }),
-    /* @__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(ns, { groups: fs, 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:block", children: /* @__PURE__ */ e(oe, { logo: /* @__PURE__ */ e(cs, {}), variant: "logo", actions: c }) }),
+    /* @__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(ea, { children: p }) }) }),
+    /* @__PURE__ */ i("div", { className: "@md:max-w-[1280px] @md:mx-auto @md:px-6 @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(ns, { groups: l, activeMenu: t, ariaLabel: "マイページメニュー" }) }),
+      /* @__PURE__ */ i("main", { className: "@container @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
       ] })
@@ -9537,7 +9613,7 @@ function Es({ rating: a }) {
   for (let o = 1; o <= 5; o++)
     o <= t ? n.push(
       /* @__PURE__ */ e(
-        Ie,
+        De,
         {
           size: 12,
           className: "fill-[var(--Brand-Cake-Orange)] text-[var(--Brand-Cake-Orange)]",
@@ -9547,7 +9623,7 @@ function Es({ rating: a }) {
       )
     ) : r && o === t + 1 ? n.push(
       /* @__PURE__ */ e(
-        Ya,
+        Qa,
         {
           className: "size-3 fill-[var(--Brand-Cake-Orange)] text-[var(--Brand-Cake-Orange)]"
         },
@@ -9555,7 +9631,7 @@ function Es({ rating: a }) {
       )
     ) : n.push(
       /* @__PURE__ */ e(
-        Ie,
+        De,
         {
           size: 12,
           className: "text-[var(--Border-Medium-Emphasis)]"
@@ -9578,7 +9654,7 @@ function Wl({
   onBookmarkToggle: p,
   href: h,
   variant: u = "default",
-  className: b,
+  className: f,
   ...v
 }) {
   return u === "compact" ? /* @__PURE__ */ i(
@@ -9588,7 +9664,7 @@ function Wl({
       "data-slot": "shop-card",
       className: s(
         "flex items-center gap-3 rounded-lg border border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Primary)] p-3 transition-colors hover:bg-[var(--Surface-Secondary)] max-w-[400px]",
-        b
+        f
       ),
       ...v,
       children: [
@@ -9603,7 +9679,7 @@ function Wl({
         /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ e("p", { className: "truncate typo-label-md text-[var(--Text-High-Emphasis)]", children: a }),
           c && /* @__PURE__ */ i("p", { className: "flex items-center gap-1 typo-body-sm text-[var(--Text-Low-Emphasis)]", children: [
-            /* @__PURE__ */ e(St, { size: 12, className: "shrink-0" }),
+            /* @__PURE__ */ e(Et, { size: 12, className: "shrink-0" }),
             c
           ] })
         ] })
@@ -9615,7 +9691,7 @@ function Wl({
       "data-slot": "shop-card",
       className: s(
         "relative min-w-[200px] grid grid-rows-[auto_1fr] gap-2 rounded-lg border border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Primary)] p-3 transition-colors hover:bg-[var(--Surface-Secondary)]",
-        b
+        f
       ),
       ...v,
       children: [
@@ -9673,8 +9749,8 @@ function Wl({
               {
                 variant: "ghost",
                 size: "icon",
-                onClick: (f) => {
-                  f.preventDefault(), f.stopPropagation(), p();
+                onClick: (g) => {
+                  g.preventDefault(), g.stopPropagation(), p();
                 },
                 className: s(
                   "z-[1] shrink-0 rounded-full",
@@ -9725,7 +9801,7 @@ function Vl({
     /* @__PURE__ */ i("div", { className: "flex items-baseline justify-between mt-2", children: [
       /* @__PURE__ */ e("p", { className: "typo-heading-xl text-[var(--Text-High-Emphasis)]", children: t }),
       o && /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
-        o.isPositive ? /* @__PURE__ */ e(Et, { size: 14, className: "text-[var(--Text-Success)]" }) : /* @__PURE__ */ e(Ct, { size: 14, className: "text-[var(--Text-Caution)]" }),
+        o.isPositive ? /* @__PURE__ */ e(Ct, { size: 14, className: "text-[var(--Text-Success)]" }) : /* @__PURE__ */ e(Mt, { size: 14, className: "text-[var(--Text-Caution)]" }),
         /* @__PURE__ */ e(
           "span",
           {
@@ -9748,6 +9824,7 @@ export {
   Vs as AccordionTrigger,
   Lr as AdminHeader,
   xl as AdminLayout,
+  xl as AdminShell,
   jr as AdminSideNav,
   qs as Alert,
   Us as AlertDescription,
@@ -9758,8 +9835,8 @@ export {
   ai as AlertDialogDescription,
   Zs as AlertDialogFooter,
   Qs as AlertDialogHeader,
-  Rt as AlertDialogOverlay,
-  Ot as AlertDialogPortal,
+  Ft as AlertDialogOverlay,
+  Rt as AlertDialogPortal,
   ei as AlertDialogTitle,
   Js as AlertDialogTrigger,
   Ks as AlertTitle,
@@ -9768,10 +9845,10 @@ export {
   ii as Avatar,
   oi as AvatarFallback,
   ni as AvatarImage,
-  $t as Badge,
+  Wt as Badge,
   Vo as BannerCarousel,
   $r as BottomTabBar,
-  Wt as Breadcrumb,
+  ea as Breadcrumb,
   li as BreadcrumbEllipsis,
   Gt as BreadcrumbItem,
   qt as BreadcrumbLink,
@@ -9795,10 +9872,10 @@ export {
   Nl as ChartControls,
   vi as Checkbox,
   fi as CheckboxCardGroup,
-  bi as CheckboxCardItem,
-  Ha as Chip,
+  gi as CheckboxCardItem,
+  ja as Chip,
   Wo as CoachMark,
-  gi as Collapsible,
+  bi as Collapsible,
   yi as CollapsibleContent,
   xi as CollapsibleTrigger,
   rr as Command,
@@ -9828,28 +9905,28 @@ export {
   Pi as ContextMenuTrigger,
   wl as CountdownTimer,
   kl as CouponCard,
-  He as CreditCardIcon,
+  je as CreditCardIcon,
   cn as DataTable,
   Tl as DeliveryCalendar,
-  Na as Dialog,
+  wa as Dialog,
   er as DialogClose,
-  wa as DialogContent,
-  za as DialogDescription,
+  ka as DialogContent,
+  Sa as DialogDescription,
   tr as DialogFooter,
-  ka as DialogHeader,
+  Ta as DialogHeader,
   ar as DialogOverlay,
   Zt as DialogPortal,
-  Ta as DialogTitle,
+  za as DialogTitle,
   Qt as DialogTrigger,
   cr as Drawer,
   pr as DrawerClose,
   vr as DrawerContent,
   xr as DrawerDescription,
-  br as DrawerFooter,
+  gr as DrawerFooter,
   fr as DrawerHeader,
   hr as DrawerOverlay,
   ur as DrawerPortal,
-  gr as DrawerTitle,
+  br as DrawerTitle,
   mr as DrawerTrigger,
   nr as DropdownMenu,
   en as DropdownMenuCheckboxItem,
@@ -9877,10 +9954,10 @@ export {
   un as FormField,
   pn as FormItem,
   hn as FormLabel,
-  bn as FormMessage,
+  gn as FormMessage,
   al as FunnelShell,
-  ge as Header,
-  gn as HoverCard,
+  oe as Header,
+  bn as HoverCard,
   yn as HoverCardContent,
   xn as HoverCardTrigger,
   Nn as IconBadge,
@@ -9889,7 +9966,7 @@ export {
   sl as ImageUploader,
   Nr as Input,
   il as KebabMenu,
-  Ve as Label,
+  Ke as Label,
   nl as ListItem,
   ol as MenuDrawer,
   wn as Menubar,
@@ -9908,7 +9985,7 @@ export {
   In as MenubarSubContent,
   _n as MenubarSubTrigger,
   Sn as MenubarTrigger,
-  gl as MissingComponent,
+  bl as MissingComponent,
   $l as MypageShell,
   An as NavigationMenu,
   Fn as NavigationMenuContent,
@@ -9930,7 +10007,7 @@ export {
   Gn as PaginationContent,
   Xn as PaginationEllipsis,
   qn as PaginationItem,
-  Ca as PaginationLink,
+  Ma as PaginationLink,
   Un as PaginationNext,
   Kn as PaginationPrevious,
   El as PaymentMethodDisplay,
@@ -9947,10 +10024,10 @@ export {
   jl as ProductOption,
   Zn as Progress,
   cl as ProgressSteps,
-  ja as QuantitySelector,
+  La as QuantitySelector,
   lo as RadioGroup,
   co as RadioGroupItem,
-  oe as RatingStars,
+  le as RatingStars,
   eo as ResponsiveDialog,
   oo as ResponsiveDialogClose,
   to as ResponsiveDialogContent,
@@ -9980,15 +10057,15 @@ export {
   Yi as SelectSeparator,
   Ki as SelectTrigger,
   qi as SelectValue,
-  Ma as Separator,
+  Pa as Separator,
   hl as ShareButtons,
   uo as Sheet,
   ho as SheetClose,
   vo as SheetContent,
   xo as SheetDescription,
-  bo as SheetFooter,
+  go as SheetFooter,
   fo as SheetHeader,
-  go as SheetTitle,
+  bo as SheetTitle,
   po as SheetTrigger,
   Wl as ShopCard,
   ns as SideNav,
@@ -9997,11 +10074,12 @@ export {
   vl as SocialLoginButton,
   Ce as SparkleIcon,
   wo as Spinner,
+  Xo as StandardPageShell,
   Vl as StatCard,
   fl as StatusCountTabs,
   Go as StickyActionBar,
   ll as SubNav,
-  Pa as Switch,
+  Ba as Switch,
   ko as Table,
   zo as TableBody,
   Po as TableCaption,
@@ -10024,10 +10102,11 @@ export {
   $o as TooltipContent,
   Oo as TooltipProvider,
   Fo as TooltipTrigger,
-  bl as WorkspaceLayout,
-  Ft as badgeVariants,
-  fe as buttonVariants,
-  aa as chipVariants,
+  gl as WorkspaceLayout,
+  gl as WorkspaceShell,
+  $t as badgeVariants,
+  ge as buttonVariants,
+  Be as chipVariants,
   s as cn,
   es as containerVariants,
   yr as iconBadgeVariants,