@cakejp/design-system 0.19.0 → 0.20.0

package/dist/index.js

@@ -1,150 +1,150 @@
 /* empty css          */
 import { cn as t } from "./lib/utils.js";
 import { FOCUS_RING as n, FOCUS_RING_INSET as i, FOCUS_RING_WITHIN as p } from "./lib/focus-ring.js";
-import { toast as l } from "sonner";
+import { toast as m } from "sonner";
 import { Accordion as u, AccordionContent as f, AccordionItem as d, AccordionTrigger as g } from "./components/foundations/accordion.js";
-import { Alert as s, AlertDescription as c, AlertTitle as S } from "./components/foundations/alert.js";
-import { AlertDialog as D, AlertDialogAction as M, AlertDialogCancel as T, AlertDialogContent as I, AlertDialogDescription as v, AlertDialogFooter as h, AlertDialogHeader as F, AlertDialogOverlay as P, AlertDialogPortal as w, AlertDialogTitle as A, AlertDialogTrigger as B } from "./components/foundations/alert-dialog.js";
-import { AspectRatio as k } from "./components/foundations/aspect-ratio.js";
+import { Alert as c, AlertDescription as s, AlertTitle as b } from "./components/foundations/alert.js";
+import { AlertDialog as D, AlertDialogAction as T, AlertDialogCancel as M, AlertDialogContent as I, AlertDialogDescription as v, AlertDialogFooter as h, AlertDialogHeader as F, AlertDialogOverlay as P, AlertDialogPortal as w, AlertDialogTitle as A, AlertDialogTrigger as k } from "./components/foundations/alert-dialog.js";
+import { AspectRatio as R } from "./components/foundations/aspect-ratio.js";
 import { Avatar as L, AvatarFallback as N, AvatarImage as G } from "./components/foundations/avatar.js";
-import { Badge as H, badgeVariants as O } from "./components/foundations/badge.js";
+import { Badge as V, badgeVariants as O } from "./components/foundations/badge.js";
 import { Breadcrumb as U, BreadcrumbEllipsis as _, BreadcrumbItem as W, BreadcrumbLink as Q, BreadcrumbList as z, BreadcrumbPage as K, BreadcrumbSeparator as j } from "./components/foundations/breadcrumb.js";
 import { Button as J, buttonVariants as X } from "./components/foundations/button.js";
 import { Calendar as Z } from "./components/foundations/calendar.js";
-import { Card as oo, CardAction as ro, CardContent as eo, CardDescription as to, CardFooter as ao, CardHeader as no, CardTitle as io, cardVariants as po } from "./components/foundations/card.js";
-import { Checkbox as lo } from "./components/foundations/checkbox.js";
-import { CheckboxCardGroup as uo, CheckboxCardItem as fo } from "./components/foundations/checkbox-card.js";
-import { CheckboxGroup as Co, CheckboxGroupItem as so } from "./components/foundations/checkbox-group.js";
-import { Collapsible as So, CollapsibleContent as bo, CollapsibleTrigger as Do } from "./components/foundations/collapsible.js";
-import { Command as To, CommandDialog as Io, CommandEmpty as vo, CommandGroup as ho, CommandInput as Fo, CommandItem as Po, CommandList as wo, CommandSeparator as Ao, CommandShortcut as Bo } from "./components/foundations/command.js";
-import { ContextMenu as ko, ContextMenuCheckboxItem as yo, ContextMenuContent as Lo, ContextMenuGroup as No, ContextMenuItem as Go, ContextMenuLabel as Vo, ContextMenuPortal as Ho, ContextMenuRadioGroup as Oo, ContextMenuRadioItem as Eo, ContextMenuSeparator as Uo, ContextMenuShortcut as _o, ContextMenuSub as Wo, ContextMenuSubContent as Qo, ContextMenuSubTrigger as zo, ContextMenuTrigger as Ko } from "./components/foundations/context-menu.js";
-import { DataTable as qo } from "./components/foundations/data-table.js";
-import { Dialog as Xo, DialogClose as Yo, DialogContent as Zo, DialogDescription as $o, DialogFooter as or, DialogHeader as rr, DialogOverlay as er, DialogPortal as tr, DialogTitle as ar, DialogTrigger as nr } from "./components/foundations/dialog.js";
-import { Drawer as pr, DrawerClose as mr, DrawerContent as lr, DrawerDescription as xr, DrawerFooter as ur, DrawerHeader as fr, DrawerOverlay as dr, DrawerPortal as gr, DrawerTitle as Cr, DrawerTrigger as sr } from "./components/foundations/drawer.js";
-import { DropdownMenu as Sr, DropdownMenuCheckboxItem as br, DropdownMenuContent as Dr, DropdownMenuGroup as Mr, DropdownMenuItem as Tr, DropdownMenuLabel as Ir, DropdownMenuPortal as vr, DropdownMenuRadioGroup as hr, DropdownMenuRadioItem as Fr, DropdownMenuSeparator as Pr, DropdownMenuShortcut as wr, DropdownMenuSub as Ar, DropdownMenuSubContent as Br, DropdownMenuSubTrigger as Rr, DropdownMenuTrigger as kr } from "./components/foundations/dropdown-menu.js";
-import { Field as Lr, FieldDescription as Nr, FieldError as Gr, FieldGroup as Vr, FieldLabel as Hr, FieldLegend as Or, FieldSeparator as Er, FieldSet as Ur, fieldVariants as _r } from "./components/foundations/field.js";
-import { FileInput as Qr, formatFileNames as zr, validateFileSize as Kr } from "./components/foundations/file-input.js";
-import { Form as qr, FormControl as Jr, FormDescription as Xr, FormField as Yr, FormItem as Zr, FormLabel as $r, FormMessage as oe, useFormField as re } from "./components/foundations/form.js";
-import { HoverCard as te, HoverCardContent as ae, HoverCardTrigger as ne } from "./components/foundations/hover-card.js";
-import { IconBadge as pe, iconBadgeVariants as me } from "./components/foundations/icon-badge.js";
-import { Input as xe } from "./components/foundations/input.js";
-import { Label as fe } from "./components/foundations/label.js";
-import { Menubar as ge, MenubarCheckboxItem as Ce, MenubarContent as se, MenubarGroup as ce, MenubarItem as Se, MenubarLabel as be, MenubarMenu as De, MenubarPortal as Me, MenubarRadioGroup as Te, MenubarRadioItem as Ie, MenubarSeparator as ve, MenubarShortcut as he, MenubarSub as Fe, MenubarSubContent as Pe, MenubarSubTrigger as we, MenubarTrigger as Ae } from "./components/foundations/menubar.js";
-import { NavigationMenu as Re, NavigationMenuContent as ke, NavigationMenuIndicator as ye, NavigationMenuItem as Le, NavigationMenuLink as Ne, NavigationMenuList as Ge, NavigationMenuTrigger as Ve, NavigationMenuViewport as He, navigationMenuTriggerStyle as Oe } from "./components/foundations/navigation-menu.js";
-import { Pagination as Ue, PaginationContent as _e, PaginationEllipsis as We, PaginationItem as Qe, PaginationLink as ze, PaginationNext as Ke, PaginationPrevious as je } from "./components/foundations/pagination.js";
-import { getPaginationRange as Je } from "./lib/pagination-range.js";
-import { Popover as Ye, PopoverAnchor as Ze, PopoverContent as $e, PopoverTrigger as ot } from "./components/foundations/popover.js";
-import { Progress as et } from "./components/foundations/progress.js";
-import { ResponsiveDialog as at, ResponsiveDialogClose as nt, ResponsiveDialogContent as it, ResponsiveDialogDescription as pt, ResponsiveDialogFooter as mt, ResponsiveDialogHeader as lt, ResponsiveDialogTitle as xt, ResponsiveDialogTrigger as ut, useIsMobile as ft } from "./components/foundations/responsive-dialog.js";
-import { RadioGroup as gt, RadioGroupItem as Ct } from "./components/foundations/radio-group.js";
-import { ScrollArea as ct, ScrollBar as St } from "./components/foundations/scroll-area.js";
-import { Select as Dt, SelectContent as Mt, SelectGroup as Tt, SelectItem as It, SelectLabel as vt, SelectScrollDownButton as ht, SelectScrollUpButton as Ft, SelectSeparator as Pt, SelectTrigger as wt, SelectValue as At } from "./components/foundations/select.js";
-import { Separator as Rt } from "./components/foundations/separator.js";
-import { Sheet as yt, SheetClose as Lt, SheetContent as Nt, SheetDescription as Gt, SheetFooter as Vt, SheetHeader as Ht, SheetTitle as Ot, SheetTrigger as Et } from "./components/foundations/sheet.js";
-import { Skeleton as _t } from "./components/foundations/skeleton.js";
-import { SkipLink as Qt } from "./components/foundations/skip-link.js";
-import { Slider as Kt } from "./components/foundations/slider.js";
-import { Spinner as qt } from "./components/foundations/spinner.js";
-import { SocialIcon as Xt } from "./components/foundations/social-icon.js";
-import { Switch as Zt } from "./components/foundations/switch.js";
-import { Table as oa, TableBody as ra, TableCaption as ea, TableCell as ta, TableFooter as aa, TableHead as na, TableHeader as ia, TableRow as pa } from "./components/foundations/table.js";
-import { Tabs as la, TabsContent as xa, TabsList as ua, TabsTrigger as fa } from "./components/foundations/tabs.js";
-import { Textarea as ga } from "./components/foundations/textarea.js";
-import { Toaster as sa } from "./components/foundations/sonner.js";
-import { Toggle as Sa, toggleVariants as ba } from "./components/foundations/toggle.js";
-import { ToggleGroup as Ma, ToggleGroupItem as Ta } from "./components/foundations/toggle-group.js";
-import { Tooltip as va, TooltipContent as ha, TooltipProvider as Fa, TooltipTrigger as Pa } from "./components/foundations/tooltip.js";
-import { AdminSideNav as Aa } from "./components/primitives/admin-side-nav.js";
-import { AdminHeader as Ra } from "./components/primitives/admin-header.js";
-import { CoachMark as ya } from "./components/primitives/coach-mark.js";
-import { Combobox as Na } from "./components/primitives/combobox.js";
-import { BannerCarousel as Va } from "./components/primitives/banner-carousel.js";
-import { ContentCarousel as Oa } from "./components/primitives/content-carousel.js";
-import { MultiSelect as Ua } from "./components/primitives/multi-select.js";
-import { StickyActionBar as Wa } from "./components/primitives/sticky-action-bar.js";
-import { BottomTabBar as za } from "./components/primitives/bottom-tab-bar.js";
-import { BulkActionBar as ja } from "./components/primitives/bulk-action-bar.js";
-import { CategoryShortcuts as Ja } from "./components/primitives/category-shortcuts.js";
-import { CategoryScroll as Ya } from "./components/primitives/category-scroll.js";
-import { ChatComposer as $a } from "./components/primitives/chat-composer.js";
-import { Chip as rn } from "./components/primitives/chip.js";
-import { Prose as tn } from "./components/primitives/prose.js";
-import { ContentCard as nn, ContentList as pn } from "./components/primitives/content-card.js";
-import { StandardPageShell as ln, StandardPageShell as xn } from "./components/primitives/standard-page-shell.js";
-import { EmptyState as fn } from "./components/primitives/empty-state.js";
-import { DatePicker as gn, DateTimePicker as Cn } from "./components/primitives/date-picker.js";
-import { ErrorState as cn, NotFoundIllustration as Sn } from "./components/primitives/error-state.js";
-import { FilterBar as Dn } from "./components/primitives/filter-bar.js";
-import { Footer as Tn } from "./components/primitives/footer.js";
-import { FormField as vn } from "./components/primitives/form-field.js";
-import { FunnelShell as Fn } from "./components/primitives/funnel-shell.js";
-import { Header as wn } from "./components/primitives/header.js";
-import { ImageCarousel as Bn } from "./components/primitives/image-carousel.js";
-import { ImageGallery as kn } from "./components/primitives/image-gallery.js";
-import { ImageInput as Ln, imageInputPreviewVariants as Nn } from "./components/primitives/image-input.js";
-import { ImageUploader as Vn } from "./components/primitives/image-uploader.js";
-import { KebabMenu as On } from "./components/primitives/kebab-menu.js";
-import { ListItem as Un } from "./components/primitives/list-item.js";
-import { MenuDrawer as Wn } from "./components/primitives/menu-drawer.js";
-import { SubNav as zn } from "./components/primitives/sub-nav.js";
-import { NotificationBadge as jn, notificationBadgeVariants as qn } from "./components/primitives/notification-badge.js";
-import { NotificationList as Xn } from "./components/primitives/notification-list.js";
-import { PriceDisplay as Zn, priceDisplayVariants as $n } from "./components/primitives/price-display.js";
-import { ProgressSteps as ri } from "./components/primitives/progress-steps.js";
-import { Timeline as ti } from "./components/primitives/timeline.js";
-import { NumberInput as ni, QuantitySelector as ii } from "./components/primitives/number-input.js";
-import { SearchBar as mi } from "./components/primitives/search-bar.js";
-import { SearchPanel as xi } from "./components/primitives/search-panel.js";
-import { Container as fi, containerVariants as di } from "./components/primitives/container.js";
-import { Section as Ci, sectionScrimVariants as si, sectionVariants as ci } from "./components/primitives/section.js";
-import { SectionHeader as bi } from "./components/primitives/section-header.js";
-import { SectionNav as Mi } from "./components/primitives/section-nav.js";
-import { ShareButtons as Ii } from "./components/primitives/share-buttons.js";
-import { SideNav as hi } from "./components/primitives/side-nav.js";
-import { SocialLoginButton as Pi } from "./components/primitives/social-login-button.js";
-import { StatusCountTabs as Ai } from "./components/primitives/status-count-tabs.js";
-import { Tag as Ri, tagVariants as ki } from "./components/primitives/tag.js";
-import { WorkspaceShell as Li, WorkspaceShell as Ni } from "./components/primitives/workspace-shell.js";
-import { AdminShell as Vi, AdminShell as Hi, MissingComponent as Oi } from "./components/ec/admin-shell.js";
-import { AnniversaryCard as Ui } from "./components/ec/anniversary-card.js";
-import { CakeLogo as Wi } from "./components/ec/cake-logo.js";
-import { ChartControls as zi } from "./components/ec/chart-controls.js";
-import { CountdownTimer as ji } from "./components/ec/countdown-timer.js";
-import { CouponCard as Ji } from "./components/ec/coupon-card.js";
-import { DeliveryCalendar as Yi } from "./components/ec/delivery-calendar.js";
-import { mypageMenuGroups as $i } from "./components/ec/_mypage-menu-data.js";
-import { OrderSection as rp } from "./components/ec/order-section.js";
-import { OrderSummary as tp } from "./components/ec/order-summary.js";
-import { CreditCardIcon as np, PaymentMethodDisplay as ip } from "./components/ec/payment-method.js";
-import { ProductCard as mp } from "./components/ec/product-card.js";
-import { ProductCarousel as xp } from "./components/ec/product-carousel.js";
-import { ProductCTA as fp } from "./components/ec/product-cta.js";
-import { ProductDetailBar as gp } from "./components/ec/product-detail-bar.js";
-import { ProductDetailSidebar as sp } from "./components/ec/product-detail-sidebar.js";
-import { ProductListItem as Sp } from "./components/ec/product-list-item.js";
-import { OptionImageUpload as Dp, OptionQuantity as Mp, OptionSelect as Tp, OptionText as Ip, ProductOption as vp } from "./components/ec/product-option.js";
-import { RatingStars as Fp, SparkleIcon as Pp } from "./components/ec/rating-stars.js";
-import { ReviewCard as Ap } from "./components/ec/review-card.js";
-import { ReviewForm as Rp } from "./components/ec/review-form.js";
-import { ReviewItem as yp, ReviewSummary as Lp } from "./components/ec/review-summary.js";
-import { MypageShell as Gp } from "./components/ec/mypage-shell.js";
-import { ShopCard as Hp } from "./components/ec/shop-card.js";
-import { StatCard as Ep } from "./components/ec/stat-card.js";
-import { chipVariants as _p } from "./components/foundations/chip-variants.js";
+import { Card as ee, CardAction as oe, CardContent as re, CardDescription as te, CardFooter as ae, CardHeader as ne, CardTitle as ie, cardVariants as pe } from "./components/foundations/card.js";
+import { Checkbox as me } from "./components/foundations/checkbox.js";
+import { CheckboxCardGroup as ue, CheckboxCardItem as fe } from "./components/foundations/checkbox-card.js";
+import { CheckboxGroup as ge, CheckboxGroupItem as Ce } from "./components/foundations/checkbox-group.js";
+import { Collapsible as se, CollapsibleContent as be, CollapsibleTrigger as Se } from "./components/foundations/collapsible.js";
+import { Command as Te, CommandDialog as Me, CommandEmpty as Ie, CommandGroup as ve, CommandInput as he, CommandItem as Fe, CommandList as Pe, CommandSeparator as we, CommandShortcut as Ae } from "./components/foundations/command.js";
+import { ContextMenu as Be, ContextMenuCheckboxItem as Re, ContextMenuContent as ye, ContextMenuGroup as Le, ContextMenuItem as Ne, ContextMenuLabel as Ge, ContextMenuPortal as He, ContextMenuRadioGroup as Ve, ContextMenuRadioItem as Oe, ContextMenuSeparator as Ee, ContextMenuShortcut as Ue, ContextMenuSub as _e, ContextMenuSubContent as We, ContextMenuSubTrigger as Qe, ContextMenuTrigger as ze } from "./components/foundations/context-menu.js";
+import { DataTable as je, DataTableActionCell as qe, DataTableAddRow as Je, DataTableAvatarCell as Xe, DataTableBody as Ye, DataTableBulkActions as Ze, DataTableCell as $e, DataTableCheckboxCell as eo, DataTableDragHandleCell as oo, DataTableEmptyState as ro, DataTableHead as to, DataTableHeader as ao, DataTableImageCell as no, DataTableInputCell as io, DataTableLinkCell as po, DataTableNumberCell as lo, DataTableRow as mo, DataTableSectionRow as xo, DataTableSelectCell as uo, DataTableTable as fo } from "./components/foundations/data-table.js";
+import { Dialog as Co, DialogClose as co, DialogContent as so, DialogDescription as bo, DialogFooter as So, DialogHeader as Do, DialogOverlay as To, DialogPortal as Mo, DialogTitle as Io, DialogTrigger as vo } from "./components/foundations/dialog.js";
+import { Drawer as Fo, DrawerClose as Po, DrawerContent as wo, DrawerDescription as Ao, DrawerFooter as ko, DrawerHeader as Bo, DrawerOverlay as Ro, DrawerPortal as yo, DrawerTitle as Lo, DrawerTrigger as No } from "./components/foundations/drawer.js";
+import { DropdownMenu as Ho, DropdownMenuCheckboxItem as Vo, DropdownMenuContent as Oo, DropdownMenuGroup as Eo, DropdownMenuItem as Uo, DropdownMenuLabel as _o, DropdownMenuPortal as Wo, DropdownMenuRadioGroup as Qo, DropdownMenuRadioItem as zo, DropdownMenuSeparator as Ko, DropdownMenuShortcut as jo, DropdownMenuSub as qo, DropdownMenuSubContent as Jo, DropdownMenuSubTrigger as Xo, DropdownMenuTrigger as Yo } from "./components/foundations/dropdown-menu.js";
+import { Field as $o, FieldDescription as er, FieldError as or, FieldGroup as rr, FieldLabel as tr, FieldLegend as ar, FieldSeparator as nr, FieldSet as ir, fieldVariants as pr } from "./components/foundations/field.js";
+import { FileInput as mr, formatFileNames as xr, validateFileSize as ur } from "./components/foundations/file-input.js";
+import { Form as dr, FormControl as gr, FormDescription as Cr, FormField as cr, FormItem as sr, FormLabel as br, FormMessage as Sr, useFormField as Dr } from "./components/foundations/form.js";
+import { HoverCard as Mr, HoverCardContent as Ir, HoverCardTrigger as vr } from "./components/foundations/hover-card.js";
+import { IconBadge as Fr, iconBadgeVariants as Pr } from "./components/foundations/icon-badge.js";
+import { Input as Ar } from "./components/foundations/input.js";
+import { Label as Br } from "./components/foundations/label.js";
+import { Menubar as yr, MenubarCheckboxItem as Lr, MenubarContent as Nr, MenubarGroup as Gr, MenubarItem as Hr, MenubarLabel as Vr, MenubarMenu as Or, MenubarPortal as Er, MenubarRadioGroup as Ur, MenubarRadioItem as _r, MenubarSeparator as Wr, MenubarShortcut as Qr, MenubarSub as zr, MenubarSubContent as Kr, MenubarSubTrigger as jr, MenubarTrigger as qr } from "./components/foundations/menubar.js";
+import { NavigationMenu as Xr, NavigationMenuContent as Yr, NavigationMenuIndicator as Zr, NavigationMenuItem as $r, NavigationMenuLink as et, NavigationMenuList as ot, NavigationMenuTrigger as rt, NavigationMenuViewport as tt, navigationMenuTriggerStyle as at } from "./components/foundations/navigation-menu.js";
+import { Pagination as it, PaginationContent as pt, PaginationEllipsis as lt, PaginationItem as mt, PaginationLink as xt, PaginationNext as ut, PaginationPrevious as ft } from "./components/foundations/pagination.js";
+import { getPaginationRange as gt } from "./lib/pagination-range.js";
+import { Popover as ct, PopoverAnchor as st, PopoverContent as bt, PopoverTrigger as St } from "./components/foundations/popover.js";
+import { Progress as Tt } from "./components/foundations/progress.js";
+import { ResponsiveDialog as It, ResponsiveDialogClose as vt, ResponsiveDialogContent as ht, ResponsiveDialogDescription as Ft, ResponsiveDialogFooter as Pt, ResponsiveDialogHeader as wt, ResponsiveDialogTitle as At, ResponsiveDialogTrigger as kt, useIsMobile as Bt } from "./components/foundations/responsive-dialog.js";
+import { RadioGroup as yt, RadioGroupItem as Lt } from "./components/foundations/radio-group.js";
+import { ScrollArea as Gt, ScrollBar as Ht } from "./components/foundations/scroll-area.js";
+import { Select as Ot, SelectContent as Et, SelectGroup as Ut, SelectItem as _t, SelectLabel as Wt, SelectScrollDownButton as Qt, SelectScrollUpButton as zt, SelectSeparator as Kt, SelectTrigger as jt, SelectValue as qt } from "./components/foundations/select.js";
+import { Separator as Xt } from "./components/foundations/separator.js";
+import { Sheet as Zt, SheetClose as $t, SheetContent as ea, SheetDescription as oa, SheetFooter as ra, SheetHeader as ta, SheetTitle as aa, SheetTrigger as na } from "./components/foundations/sheet.js";
+import { Skeleton as pa } from "./components/foundations/skeleton.js";
+import { SkipLink as ma } from "./components/foundations/skip-link.js";
+import { Slider as ua } from "./components/foundations/slider.js";
+import { Spinner as da } from "./components/foundations/spinner.js";
+import { SocialIcon as Ca } from "./components/foundations/social-icon.js";
+import { Switch as sa } from "./components/foundations/switch.js";
+import { Table as Sa, TableBody as Da, TableCaption as Ta, TableCell as Ma, TableFooter as Ia, TableHead as va, TableHeader as ha, TableRow as Fa } from "./components/foundations/table.js";
+import { Tabs as wa, TabsContent as Aa, TabsList as ka, TabsTrigger as Ba } from "./components/foundations/tabs.js";
+import { Textarea as ya } from "./components/foundations/textarea.js";
+import { Toaster as Na } from "./components/foundations/sonner.js";
+import { Toggle as Ha, toggleVariants as Va } from "./components/foundations/toggle.js";
+import { ToggleGroup as Ea, ToggleGroupItem as Ua } from "./components/foundations/toggle-group.js";
+import { Tooltip as Wa, TooltipContent as Qa, TooltipProvider as za, TooltipTrigger as Ka } from "./components/foundations/tooltip.js";
+import { AdminSideNav as qa } from "./components/primitives/admin-side-nav.js";
+import { AdminHeader as Xa } from "./components/primitives/admin-header.js";
+import { CoachMark as Za } from "./components/primitives/coach-mark.js";
+import { Combobox as en } from "./components/primitives/combobox.js";
+import { BannerCarousel as rn } from "./components/primitives/banner-carousel.js";
+import { ContentCarousel as an } from "./components/primitives/content-carousel.js";
+import { MultiSelect as pn } from "./components/primitives/multi-select.js";
+import { StickyActionBar as mn } from "./components/primitives/sticky-action-bar.js";
+import { BottomTabBar as un } from "./components/primitives/bottom-tab-bar.js";
+import { BulkActionBar as dn } from "./components/primitives/bulk-action-bar.js";
+import { CategoryShortcuts as Cn } from "./components/primitives/category-shortcuts.js";
+import { CategoryScroll as sn } from "./components/primitives/category-scroll.js";
+import { ChatComposer as Sn } from "./components/primitives/chat-composer.js";
+import { Chip as Tn } from "./components/primitives/chip.js";
+import { Prose as In } from "./components/primitives/prose.js";
+import { ContentCard as hn, ContentList as Fn } from "./components/primitives/content-card.js";
+import { StandardPageShell as wn, StandardPageShell as An } from "./components/primitives/standard-page-shell.js";
+import { EmptyState as Bn } from "./components/primitives/empty-state.js";
+import { DatePicker as yn, DateTimePicker as Ln } from "./components/primitives/date-picker.js";
+import { ErrorState as Gn, NotFoundIllustration as Hn } from "./components/primitives/error-state.js";
+import { FilterBar as On } from "./components/primitives/filter-bar.js";
+import { Footer as Un } from "./components/primitives/footer.js";
+import { FormField as Wn } from "./components/primitives/form-field.js";
+import { FunnelShell as zn } from "./components/primitives/funnel-shell.js";
+import { Header as jn } from "./components/primitives/header.js";
+import { ImageCarousel as Jn } from "./components/primitives/image-carousel.js";
+import { ImageGallery as Yn } from "./components/primitives/image-gallery.js";
+import { ImageInput as $n, imageInputPreviewVariants as ei } from "./components/primitives/image-input.js";
+import { ImageUploader as ri } from "./components/primitives/image-uploader.js";
+import { KebabMenu as ai } from "./components/primitives/kebab-menu.js";
+import { ListItem as ii } from "./components/primitives/list-item.js";
+import { MenuDrawer as li } from "./components/primitives/menu-drawer.js";
+import { SubNav as xi } from "./components/primitives/sub-nav.js";
+import { NotificationBadge as fi, notificationBadgeVariants as di } from "./components/primitives/notification-badge.js";
+import { NotificationList as Ci } from "./components/primitives/notification-list.js";
+import { PriceDisplay as si, priceDisplayVariants as bi } from "./components/primitives/price-display.js";
+import { ProgressSteps as Di } from "./components/primitives/progress-steps.js";
+import { Timeline as Mi } from "./components/primitives/timeline.js";
+import { NumberInput as vi, QuantitySelector as hi } from "./components/primitives/number-input.js";
+import { SearchBar as Pi } from "./components/primitives/search-bar.js";
+import { SearchPanel as Ai } from "./components/primitives/search-panel.js";
+import { Container as Bi, containerVariants as Ri } from "./components/primitives/container.js";
+import { Section as Li, sectionScrimVariants as Ni, sectionVariants as Gi } from "./components/primitives/section.js";
+import { SectionHeader as Vi } from "./components/primitives/section-header.js";
+import { SectionNav as Ei } from "./components/primitives/section-nav.js";
+import { ShareButtons as _i } from "./components/primitives/share-buttons.js";
+import { SideNav as Qi } from "./components/primitives/side-nav.js";
+import { SocialLoginButton as Ki } from "./components/primitives/social-login-button.js";
+import { StatusCountTabs as qi } from "./components/primitives/status-count-tabs.js";
+import { Tag as Xi, tagVariants as Yi } from "./components/primitives/tag.js";
+import { WorkspaceShell as $i, WorkspaceShell as ep } from "./components/primitives/workspace-shell.js";
+import { AdminShell as rp, AdminShell as tp, MissingComponent as ap } from "./components/ec/admin-shell.js";
+import { AnniversaryCard as ip } from "./components/ec/anniversary-card.js";
+import { CakeLogo as lp } from "./components/ec/cake-logo.js";
+import { ChartControls as xp } from "./components/ec/chart-controls.js";
+import { CountdownTimer as fp } from "./components/ec/countdown-timer.js";
+import { CouponCard as gp } from "./components/ec/coupon-card.js";
+import { DeliveryCalendar as cp } from "./components/ec/delivery-calendar.js";
+import { mypageMenuGroups as bp } from "./components/ec/_mypage-menu-data.js";
+import { OrderSection as Dp } from "./components/ec/order-section.js";
+import { OrderSummary as Mp } from "./components/ec/order-summary.js";
+import { CreditCardIcon as vp, PaymentMethodDisplay as hp } from "./components/ec/payment-method.js";
+import { BookmarkRibbonIcon as Pp, ProductCard as wp } from "./components/ec/product-card.js";
+import { ProductCarousel as kp } from "./components/ec/product-carousel.js";
+import { ProductCTA as Rp } from "./components/ec/product-cta.js";
+import { ProductDetailBar as Lp } from "./components/ec/product-detail-bar.js";
+import { ProductDetailSidebar as Gp } from "./components/ec/product-detail-sidebar.js";
+import { ProductListItem as Vp } from "./components/ec/product-list-item.js";
+import { OptionImageUpload as Ep, OptionQuantity as Up, OptionSelect as _p, OptionText as Wp, ProductOption as Qp } from "./components/ec/product-option.js";
+import { RatingStars as Kp, SparkleIcon as jp } from "./components/ec/rating-stars.js";
+import { ReviewCard as Jp } from "./components/ec/review-card.js";
+import { ReviewForm as Yp } from "./components/ec/review-form.js";
+import { ReviewItem as $p, ReviewSummary as el } from "./components/ec/review-summary.js";
+import { MypageShell as rl } from "./components/ec/mypage-shell.js";
+import { ShopCard as al } from "./components/ec/shop-card.js";
+import { StatCard as il } from "./components/ec/stat-card.js";
+import { chipVariants as ll } from "./components/foundations/chip-variants.js";
 export {
   u as Accordion,
   f as AccordionContent,
   d as AccordionItem,
   g as AccordionTrigger,
-  Ra as AdminHeader,
-  Vi as AdminLayout,
-  Hi as AdminShell,
-  Aa as AdminSideNav,
-  s as Alert,
-  c as AlertDescription,
+  Xa as AdminHeader,
+  rp as AdminLayout,
+  tp as AdminShell,
+  qa as AdminSideNav,
+  c as Alert,
+  s as AlertDescription,
   D as AlertDialog,
-  M as AlertDialogAction,
-  T as AlertDialogCancel,
+  T as AlertDialogAction,
+  M as AlertDialogCancel,
   I as AlertDialogContent,
   v as AlertDialogDescription,
   h as AlertDialogFooter,
@@ -152,16 +152,17 @@ export {
   P as AlertDialogOverlay,
   w as AlertDialogPortal,
   A as AlertDialogTitle,
-  B as AlertDialogTrigger,
-  S as AlertTitle,
-  Ui as AnniversaryCard,
-  k as AspectRatio,
+  k as AlertDialogTrigger,
+  b as AlertTitle,
+  ip as AnniversaryCard,
+  R as AspectRatio,
   L as Avatar,
   N as AvatarFallback,
   G as AvatarImage,
-  H as Badge,
-  Va as BannerCarousel,
-  za as BottomTabBar,
+  V as Badge,
+  rn as BannerCarousel,
+  Pp as BookmarkRibbonIcon,
+  un as BottomTabBar,
   U as Breadcrumb,
   _ as BreadcrumbEllipsis,
   W as BreadcrumbItem,
@@ -169,308 +170,327 @@ export {
   z as BreadcrumbList,
   K as BreadcrumbPage,
   j as BreadcrumbSeparator,
-  ja as BulkActionBar,
+  dn as BulkActionBar,
   J as Button,
-  vn as CakeFormField,
-  Wi as CakeLogo,
+  Wn as CakeFormField,
+  lp as CakeLogo,
   Z as Calendar,
-  oo as Card,
-  ro as CardAction,
-  eo as CardContent,
-  to as CardDescription,
-  ao as CardFooter,
-  no as CardHeader,
-  io as CardTitle,
-  Ya as CategoryScroll,
-  Ja as CategoryShortcuts,
-  zi as ChartControls,
-  $a as ChatComposer,
-  lo as Checkbox,
-  uo as CheckboxCardGroup,
-  fo as CheckboxCardItem,
-  Co as CheckboxGroup,
-  so as CheckboxGroupItem,
-  rn as Chip,
-  ya as CoachMark,
-  So as Collapsible,
-  bo as CollapsibleContent,
-  Do as CollapsibleTrigger,
-  Na as Combobox,
-  To as Command,
-  Io as CommandDialog,
-  vo as CommandEmpty,
-  ho as CommandGroup,
-  Fo as CommandInput,
-  Po as CommandItem,
-  wo as CommandList,
-  Ao as CommandSeparator,
-  Bo as CommandShortcut,
-  fi as Container,
-  nn as ContentCard,
-  Oa as ContentCarousel,
-  pn as ContentList,
-  ko as ContextMenu,
-  yo as ContextMenuCheckboxItem,
-  Lo as ContextMenuContent,
-  No as ContextMenuGroup,
-  Go as ContextMenuItem,
-  Vo as ContextMenuLabel,
-  Ho as ContextMenuPortal,
-  Oo as ContextMenuRadioGroup,
-  Eo as ContextMenuRadioItem,
-  Uo as ContextMenuSeparator,
-  _o as ContextMenuShortcut,
-  Wo as ContextMenuSub,
-  Qo as ContextMenuSubContent,
-  zo as ContextMenuSubTrigger,
-  Ko as ContextMenuTrigger,
-  ji as CountdownTimer,
-  Ji as CouponCard,
-  np as CreditCardIcon,
-  qo as DataTable,
-  gn as DatePicker,
-  Cn as DateTimePicker,
-  Yi as DeliveryCalendar,
-  Xo as Dialog,
-  Yo as DialogClose,
-  Zo as DialogContent,
-  $o as DialogDescription,
-  or as DialogFooter,
-  rr as DialogHeader,
-  er as DialogOverlay,
-  tr as DialogPortal,
-  ar as DialogTitle,
-  nr as DialogTrigger,
-  pr as Drawer,
-  mr as DrawerClose,
-  lr as DrawerContent,
-  xr as DrawerDescription,
-  ur as DrawerFooter,
-  fr as DrawerHeader,
-  dr as DrawerOverlay,
-  gr as DrawerPortal,
-  Cr as DrawerTitle,
-  sr as DrawerTrigger,
-  Sr as DropdownMenu,
-  br as DropdownMenuCheckboxItem,
-  Dr as DropdownMenuContent,
-  Mr as DropdownMenuGroup,
-  Tr as DropdownMenuItem,
-  Ir as DropdownMenuLabel,
-  vr as DropdownMenuPortal,
-  hr as DropdownMenuRadioGroup,
-  Fr as DropdownMenuRadioItem,
-  Pr as DropdownMenuSeparator,
-  wr as DropdownMenuShortcut,
-  Ar as DropdownMenuSub,
-  Br as DropdownMenuSubContent,
-  Rr as DropdownMenuSubTrigger,
-  kr as DropdownMenuTrigger,
-  ln as EcPageShell,
-  fn as EmptyState,
-  cn as ErrorState,
+  ee as Card,
+  oe as CardAction,
+  re as CardContent,
+  te as CardDescription,
+  ae as CardFooter,
+  ne as CardHeader,
+  ie as CardTitle,
+  sn as CategoryScroll,
+  Cn as CategoryShortcuts,
+  xp as ChartControls,
+  Sn as ChatComposer,
+  me as Checkbox,
+  ue as CheckboxCardGroup,
+  fe as CheckboxCardItem,
+  ge as CheckboxGroup,
+  Ce as CheckboxGroupItem,
+  Tn as Chip,
+  Za as CoachMark,
+  se as Collapsible,
+  be as CollapsibleContent,
+  Se as CollapsibleTrigger,
+  en as Combobox,
+  Te as Command,
+  Me as CommandDialog,
+  Ie as CommandEmpty,
+  ve as CommandGroup,
+  he as CommandInput,
+  Fe as CommandItem,
+  Pe as CommandList,
+  we as CommandSeparator,
+  Ae as CommandShortcut,
+  Bi as Container,
+  hn as ContentCard,
+  an as ContentCarousel,
+  Fn as ContentList,
+  Be as ContextMenu,
+  Re as ContextMenuCheckboxItem,
+  ye as ContextMenuContent,
+  Le as ContextMenuGroup,
+  Ne as ContextMenuItem,
+  Ge as ContextMenuLabel,
+  He as ContextMenuPortal,
+  Ve as ContextMenuRadioGroup,
+  Oe as ContextMenuRadioItem,
+  Ee as ContextMenuSeparator,
+  Ue as ContextMenuShortcut,
+  _e as ContextMenuSub,
+  We as ContextMenuSubContent,
+  Qe as ContextMenuSubTrigger,
+  ze as ContextMenuTrigger,
+  fp as CountdownTimer,
+  gp as CouponCard,
+  vp as CreditCardIcon,
+  je as DataTable,
+  qe as DataTableActionCell,
+  Je as DataTableAddRow,
+  Xe as DataTableAvatarCell,
+  Ye as DataTableBody,
+  Ze as DataTableBulkActions,
+  $e as DataTableCell,
+  eo as DataTableCheckboxCell,
+  oo as DataTableDragHandleCell,
+  ro as DataTableEmptyState,
+  to as DataTableHead,
+  ao as DataTableHeader,
+  no as DataTableImageCell,
+  io as DataTableInputCell,
+  po as DataTableLinkCell,
+  lo as DataTableNumberCell,
+  mo as DataTableRow,
+  xo as DataTableSectionRow,
+  uo as DataTableSelectCell,
+  fo as DataTableTable,
+  yn as DatePicker,
+  Ln as DateTimePicker,
+  cp as DeliveryCalendar,
+  Co as Dialog,
+  co as DialogClose,
+  so as DialogContent,
+  bo as DialogDescription,
+  So as DialogFooter,
+  Do as DialogHeader,
+  To as DialogOverlay,
+  Mo as DialogPortal,
+  Io as DialogTitle,
+  vo as DialogTrigger,
+  Fo as Drawer,
+  Po as DrawerClose,
+  wo as DrawerContent,
+  Ao as DrawerDescription,
+  ko as DrawerFooter,
+  Bo as DrawerHeader,
+  Ro as DrawerOverlay,
+  yo as DrawerPortal,
+  Lo as DrawerTitle,
+  No as DrawerTrigger,
+  Ho as DropdownMenu,
+  Vo as DropdownMenuCheckboxItem,
+  Oo as DropdownMenuContent,
+  Eo as DropdownMenuGroup,
+  Uo as DropdownMenuItem,
+  _o as DropdownMenuLabel,
+  Wo as DropdownMenuPortal,
+  Qo as DropdownMenuRadioGroup,
+  zo as DropdownMenuRadioItem,
+  Ko as DropdownMenuSeparator,
+  jo as DropdownMenuShortcut,
+  qo as DropdownMenuSub,
+  Jo as DropdownMenuSubContent,
+  Xo as DropdownMenuSubTrigger,
+  Yo as DropdownMenuTrigger,
+  wn as EcPageShell,
+  Bn as EmptyState,
+  Gn as ErrorState,
   n as FOCUS_RING,
   i as FOCUS_RING_INSET,
   p as FOCUS_RING_WITHIN,
-  Lr as Field,
-  Nr as FieldDescription,
-  Gr as FieldError,
-  Vr as FieldGroup,
-  Hr as FieldLabel,
-  Or as FieldLegend,
-  Er as FieldSeparator,
-  Ur as FieldSet,
-  Qr as FileInput,
-  Dn as FilterBar,
-  Tn as Footer,
-  qr as Form,
-  Jr as FormControl,
-  Xr as FormDescription,
-  Yr as FormField,
-  Zr as FormItem,
-  $r as FormLabel,
-  oe as FormMessage,
-  Fn as FunnelShell,
-  wn as Header,
-  te as HoverCard,
-  ae as HoverCardContent,
-  ne as HoverCardTrigger,
-  pe as IconBadge,
-  Bn as ImageCarousel,
-  kn as ImageGallery,
-  Ln as ImageInput,
-  Vn as ImageUploader,
-  xe as Input,
-  On as KebabMenu,
-  fe as Label,
-  Un as ListItem,
-  Wn as MenuDrawer,
-  ge as Menubar,
-  Ce as MenubarCheckboxItem,
-  se as MenubarContent,
-  ce as MenubarGroup,
-  Se as MenubarItem,
-  be as MenubarLabel,
-  De as MenubarMenu,
-  Me as MenubarPortal,
-  Te as MenubarRadioGroup,
-  Ie as MenubarRadioItem,
-  ve as MenubarSeparator,
-  he as MenubarShortcut,
-  Fe as MenubarSub,
-  Pe as MenubarSubContent,
-  we as MenubarSubTrigger,
-  Ae as MenubarTrigger,
-  Oi as MissingComponent,
-  Ua as MultiSelect,
-  Gp as MypageShell,
-  Re as NavigationMenu,
-  ke as NavigationMenuContent,
-  ye as NavigationMenuIndicator,
-  Le as NavigationMenuItem,
-  Ne as NavigationMenuLink,
-  Ge as NavigationMenuList,
-  Ve as NavigationMenuTrigger,
-  He as NavigationMenuViewport,
-  Sn as NotFoundIllustration,
-  jn as NotificationBadge,
-  Xn as NotificationList,
-  ni as NumberInput,
-  Dp as OptionImageUpload,
-  Mp as OptionQuantity,
-  Tp as OptionSelect,
-  Ip as OptionText,
-  rp as OrderSection,
-  tp as OrderSummary,
-  Ue as Pagination,
-  _e as PaginationContent,
-  We as PaginationEllipsis,
-  Qe as PaginationItem,
-  ze as PaginationLink,
-  Ke as PaginationNext,
-  je as PaginationPrevious,
-  ip as PaymentMethodDisplay,
-  Ye as Popover,
-  Ze as PopoverAnchor,
-  $e as PopoverContent,
-  ot as PopoverTrigger,
-  Zn as PriceDisplay,
-  fp as ProductCTA,
-  mp as ProductCard,
-  xp as ProductCarousel,
-  gp as ProductDetailBar,
-  sp as ProductDetailSidebar,
-  Sp as ProductListItem,
-  vp as ProductOption,
-  et as Progress,
-  ri as ProgressSteps,
-  tn as Prose,
-  ii as QuantitySelector,
-  gt as RadioGroup,
-  Ct as RadioGroupItem,
-  Fp as RatingStars,
-  at as ResponsiveDialog,
-  nt as ResponsiveDialogClose,
-  it as ResponsiveDialogContent,
-  pt as ResponsiveDialogDescription,
-  mt as ResponsiveDialogFooter,
-  lt as ResponsiveDialogHeader,
-  xt as ResponsiveDialogTitle,
-  ut as ResponsiveDialogTrigger,
-  Ap as ReviewCard,
-  Rp as ReviewForm,
-  yp as ReviewItem,
-  Lp as ReviewSummary,
-  ct as ScrollArea,
-  St as ScrollBar,
-  mi as SearchBar,
-  xi as SearchPanel,
-  Ci as Section,
-  bi as SectionHeader,
-  Mi as SectionNav,
-  Dt as Select,
-  Mt as SelectContent,
-  Tt as SelectGroup,
-  It as SelectItem,
-  vt as SelectLabel,
-  ht as SelectScrollDownButton,
-  Ft as SelectScrollUpButton,
-  Pt as SelectSeparator,
-  wt as SelectTrigger,
-  At as SelectValue,
-  Rt as Separator,
-  Ii as ShareButtons,
-  yt as Sheet,
-  Lt as SheetClose,
-  Nt as SheetContent,
-  Gt as SheetDescription,
-  Vt as SheetFooter,
-  Ht as SheetHeader,
-  Ot as SheetTitle,
-  Et as SheetTrigger,
-  Hp as ShopCard,
-  hi as SideNav,
-  _t as Skeleton,
-  Qt as SkipLink,
-  Kt as Slider,
-  Xt as SocialIcon,
-  Pi as SocialLoginButton,
-  Pp as SparkleIcon,
-  qt as Spinner,
-  xn as StandardPageShell,
-  Ep as StatCard,
-  Ai as StatusCountTabs,
-  Wa as StickyActionBar,
-  zn as SubNav,
-  Zt as Switch,
-  oa as Table,
-  ra as TableBody,
-  ea as TableCaption,
-  ta as TableCell,
-  aa as TableFooter,
-  na as TableHead,
-  ia as TableHeader,
-  pa as TableRow,
-  la as Tabs,
-  xa as TabsContent,
-  ua as TabsList,
-  fa as TabsTrigger,
-  Ri as Tag,
-  ga as Textarea,
-  ti as Timeline,
-  sa as Toaster,
-  Sa as Toggle,
-  Ma as ToggleGroup,
-  Ta as ToggleGroupItem,
-  va as Tooltip,
-  ha as TooltipContent,
-  Fa as TooltipProvider,
-  Pa as TooltipTrigger,
-  Li as WorkspaceLayout,
-  Ni as WorkspaceShell,
+  $o as Field,
+  er as FieldDescription,
+  or as FieldError,
+  rr as FieldGroup,
+  tr as FieldLabel,
+  ar as FieldLegend,
+  nr as FieldSeparator,
+  ir as FieldSet,
+  mr as FileInput,
+  On as FilterBar,
+  Un as Footer,
+  dr as Form,
+  gr as FormControl,
+  Cr as FormDescription,
+  cr as FormField,
+  sr as FormItem,
+  br as FormLabel,
+  Sr as FormMessage,
+  zn as FunnelShell,
+  jn as Header,
+  Mr as HoverCard,
+  Ir as HoverCardContent,
+  vr as HoverCardTrigger,
+  Fr as IconBadge,
+  Jn as ImageCarousel,
+  Yn as ImageGallery,
+  $n as ImageInput,
+  ri as ImageUploader,
+  Ar as Input,
+  ai as KebabMenu,
+  Br as Label,
+  ii as ListItem,
+  li as MenuDrawer,
+  yr as Menubar,
+  Lr as MenubarCheckboxItem,
+  Nr as MenubarContent,
+  Gr as MenubarGroup,
+  Hr as MenubarItem,
+  Vr as MenubarLabel,
+  Or as MenubarMenu,
+  Er as MenubarPortal,
+  Ur as MenubarRadioGroup,
+  _r as MenubarRadioItem,
+  Wr as MenubarSeparator,
+  Qr as MenubarShortcut,
+  zr as MenubarSub,
+  Kr as MenubarSubContent,
+  jr as MenubarSubTrigger,
+  qr as MenubarTrigger,
+  ap as MissingComponent,
+  pn as MultiSelect,
+  rl as MypageShell,
+  Xr as NavigationMenu,
+  Yr as NavigationMenuContent,
+  Zr as NavigationMenuIndicator,
+  $r as NavigationMenuItem,
+  et as NavigationMenuLink,
+  ot as NavigationMenuList,
+  rt as NavigationMenuTrigger,
+  tt as NavigationMenuViewport,
+  Hn as NotFoundIllustration,
+  fi as NotificationBadge,
+  Ci as NotificationList,
+  vi as NumberInput,
+  Ep as OptionImageUpload,
+  Up as OptionQuantity,
+  _p as OptionSelect,
+  Wp as OptionText,
+  Dp as OrderSection,
+  Mp as OrderSummary,
+  it as Pagination,
+  pt as PaginationContent,
+  lt as PaginationEllipsis,
+  mt as PaginationItem,
+  xt as PaginationLink,
+  ut as PaginationNext,
+  ft as PaginationPrevious,
+  hp as PaymentMethodDisplay,
+  ct as Popover,
+  st as PopoverAnchor,
+  bt as PopoverContent,
+  St as PopoverTrigger,
+  si as PriceDisplay,
+  Rp as ProductCTA,
+  wp as ProductCard,
+  kp as ProductCarousel,
+  Lp as ProductDetailBar,
+  Gp as ProductDetailSidebar,
+  Vp as ProductListItem,
+  Qp as ProductOption,
+  Tt as Progress,
+  Di as ProgressSteps,
+  In as Prose,
+  hi as QuantitySelector,
+  yt as RadioGroup,
+  Lt as RadioGroupItem,
+  Kp as RatingStars,
+  It as ResponsiveDialog,
+  vt as ResponsiveDialogClose,
+  ht as ResponsiveDialogContent,
+  Ft as ResponsiveDialogDescription,
+  Pt as ResponsiveDialogFooter,
+  wt as ResponsiveDialogHeader,
+  At as ResponsiveDialogTitle,
+  kt as ResponsiveDialogTrigger,
+  Jp as ReviewCard,
+  Yp as ReviewForm,
+  $p as ReviewItem,
+  el as ReviewSummary,
+  Gt as ScrollArea,
+  Ht as ScrollBar,
+  Pi as SearchBar,
+  Ai as SearchPanel,
+  Li as Section,
+  Vi as SectionHeader,
+  Ei as SectionNav,
+  Ot as Select,
+  Et as SelectContent,
+  Ut as SelectGroup,
+  _t as SelectItem,
+  Wt as SelectLabel,
+  Qt as SelectScrollDownButton,
+  zt as SelectScrollUpButton,
+  Kt as SelectSeparator,
+  jt as SelectTrigger,
+  qt as SelectValue,
+  Xt as Separator,
+  _i as ShareButtons,
+  Zt as Sheet,
+  $t as SheetClose,
+  ea as SheetContent,
+  oa as SheetDescription,
+  ra as SheetFooter,
+  ta as SheetHeader,
+  aa as SheetTitle,
+  na as SheetTrigger,
+  al as ShopCard,
+  Qi as SideNav,
+  pa as Skeleton,
+  ma as SkipLink,
+  ua as Slider,
+  Ca as SocialIcon,
+  Ki as SocialLoginButton,
+  jp as SparkleIcon,
+  da as Spinner,
+  An as StandardPageShell,
+  il as StatCard,
+  qi as StatusCountTabs,
+  mn as StickyActionBar,
+  xi as SubNav,
+  sa as Switch,
+  Sa as Table,
+  Da as TableBody,
+  Ta as TableCaption,
+  Ma as TableCell,
+  Ia as TableFooter,
+  va as TableHead,
+  ha as TableHeader,
+  Fa as TableRow,
+  wa as Tabs,
+  Aa as TabsContent,
+  ka as TabsList,
+  Ba as TabsTrigger,
+  Xi as Tag,
+  ya as Textarea,
+  Mi as Timeline,
+  Na as Toaster,
+  Ha as Toggle,
+  Ea as ToggleGroup,
+  Ua as ToggleGroupItem,
+  Wa as Tooltip,
+  Qa as TooltipContent,
+  za as TooltipProvider,
+  Ka as TooltipTrigger,
+  $i as WorkspaceLayout,
+  ep as WorkspaceShell,
   O as badgeVariants,
   X as buttonVariants,
-  po as cardVariants,
-  _p as chipVariants,
+  pe as cardVariants,
+  ll as chipVariants,
   t as cn,
-  di as containerVariants,
-  _r as fieldVariants,
-  zr as formatFileNames,
-  Je as getPaginationRange,
-  me as iconBadgeVariants,
-  Nn as imageInputPreviewVariants,
-  $i as mypageMenuGroups,
-  Oe as navigationMenuTriggerStyle,
-  qn as notificationBadgeVariants,
-  $n as priceDisplayVariants,
-  si as sectionScrimVariants,
-  ci as sectionVariants,
-  ki as tagVariants,
-  l as toast,
-  ba as toggleVariants,
-  re as useFormField,
-  ft as useIsMobile,
-  Kr as validateFileSize
+  Ri as containerVariants,
+  pr as fieldVariants,
+  xr as formatFileNames,
+  gt as getPaginationRange,
+  Pr as iconBadgeVariants,
+  ei as imageInputPreviewVariants,
+  bp as mypageMenuGroups,
+  at as navigationMenuTriggerStyle,
+  di as notificationBadgeVariants,
+  bi as priceDisplayVariants,
+  Ni as sectionScrimVariants,
+  Gi as sectionVariants,
+  Yi as tagVariants,
+  m as toast,
+  Va as toggleVariants,
+  Dr as useFormField,
+  Bt as useIsMobile,
+  ur as validateFileSize
 };
 
 
@@ -2365,7 +2385,8 @@ export {
 //     <div
 //       data-slot="order-summary"
 //       className={cn(
-//         "fixed inset-x-0 bottom-[52px] z-[var(--Z-Sticky)] mx-auto max-w-[430px] border-t border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)]",
+//         // fixed 表示はスクロール内容の上に重なるため地は Surface-Elevated（disableFixed 側はページ内フローなので Surface-Primary のまま）
+//         "fixed inset-x-0 bottom-[52px] z-[var(--Z-Sticky)] mx-auto max-w-[430px] border-t border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Elevated)]",
 //         className
 //       )}
 //       {...props}
@@ -5928,7 +5949,7 @@ export {
 //           // 画面端との余白は上下左右 40px（calc(100%-5rem)）。
 //           // 幅上限は端末幅に応じて: SP は端末幅-80px に追従 / sm 以上は
 //           // default=480px（テキスト確認が間延びしない幅）・sm=320px
-//           "group/alert-dialog-content fixed top-[50%] left-[50%] z-[var(--Z-Modal)] grid w-full max-w-[calc(100%-5rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-[var(--Border-Medium-Emphasis)] bg-background p-6 shadow-lg duration-[var(--Motion-Duration-Base)] data-[size=sm]:max-w-xs data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[size=default]:sm:max-w-[480px]",
+//           "group/alert-dialog-content fixed top-[50%] left-[50%] z-[var(--Z-Modal)] grid w-full max-w-[calc(100%-5rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Elevated)] p-6 shadow-lg duration-[var(--Motion-Duration-Base)] data-[size=sm]:max-w-xs data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[size=default]:sm:max-w-[480px]",
 //           className
 //         )}
 //         {...props}
@@ -8993,7 +9014,7 @@ export {
 //         data-slot="dialog-content"
 //         onOpenAutoFocus={(e) => e.preventDefault()}
 //         className={cn(
-//           "fixed top-[50%] left-[50%] z-[var(--Z-Modal)] grid w-[calc(100%_-_32px)] max-w-[calc(100%_-_32px)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-2xl bg-background dark:bg-[var(--Primitive-Gray-800)] p-6 shadow-lg duration-[var(--Motion-Duration-Base)] outline-none focus-visible:ring-2 focus-visible:ring-[var(--Focus-High-Emphasis)] data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg",
+//           "fixed top-[50%] left-[50%] z-[var(--Z-Modal)] grid w-[calc(100%_-_32px)] max-w-[calc(100%_-_32px)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-2xl bg-[var(--Surface-Elevated)] p-6 shadow-lg duration-[var(--Motion-Duration-Base)] outline-none focus-visible:ring-2 focus-visible:ring-[var(--Focus-High-Emphasis)] data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg",
 //           className
 //         )}
 //         {...props}
@@ -9148,7 +9169,7 @@ export {
 //       <DrawerPrimitive.Content
 //         data-slot="drawer-content"
 //         className={cn(
-//           "group/drawer-content fixed z-[var(--Z-Modal)] flex h-auto flex-col border-[var(--Border-Medium-Emphasis)] bg-background",
+//           "group/drawer-content fixed z-[var(--Z-Modal)] flex h-auto flex-col border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Elevated)]",
 //           "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b",
 //           "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t",
 //           "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm",
@@ -11801,7 +11822,7 @@ export {
 //           onCloseAutoFocus?.(e)
 //         }}
 //         className={cn(
-//           "fixed z-[var(--Z-Modal)] flex flex-col gap-4 border-[var(--Border-Medium-Emphasis)] bg-background shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-[var(--Motion-Duration-Slow)] data-[state=open]:animate-in data-[state=open]:duration-[var(--Motion-Duration-Slower)]",
+//           "fixed z-[var(--Z-Modal)] flex flex-col gap-4 border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Elevated)] shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-[var(--Motion-Duration-Slow)] data-[state=open]:animate-in data-[state=open]:duration-[var(--Motion-Duration-Slower)]",
 //           side === "right" &&
 //             "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
 //           side === "left" &&
@@ -13014,7 +13035,7 @@ export {
 //   return (
 //     <header
 //       data-slot="admin-header"
-//       className="fixed top-0 left-0 right-0 z-[var(--Z-Nav)] flex h-14 @md:h-16 items-center justify-between bg-[var(--Surface-Primary)] border-b border-[var(--Border-Low-Emphasis)] px-4 @md:px-6"
+//       className="fixed top-0 left-0 right-0 z-[var(--Z-Nav)] flex h-14 @md:h-16 items-center justify-between bg-[var(--Surface-Elevated)] border-b border-[var(--Border-Low-Emphasis)] px-4 @md:px-6"
 //     >
 //       <div className="flex items-center gap-2 @md:gap-3">
 //         {onMenuClick && (
@@ -13051,6 +13072,13 @@ export {
 // import ArrowDown2 from "iconsax-reactjs/dist/esm/ArrowDown2.js"
 // import { XIcon } from "lucide-react"
 // 
+// import {
+//   DropdownMenu,
+//   DropdownMenuContent,
+//   DropdownMenuItem,
+//   DropdownMenuTrigger,
+// } from "@/components/foundations/dropdown-menu"
+// import { FOCUS_RING } from "@/lib/focus-ring"
 // import { cn } from "@/lib/utils"
 // 
 // // ============================================================
@@ -13139,6 +13167,9 @@ export {
 //  *
 //  * メイン項目・サブメニュー項目とも 44px（WCAG 2.5.5 の最小ターゲット）以上にする。
 //  * 行高が小さいテキストで縦 padding だけに頼ると割り込むため、`min-h-11` で下限を固定する。
+//  * PC のサブメニューは `DropdownMenu` の Portal / collision handling を利用し、
+//  * viewport 端では位置と最大高を自動調整する。hover ではフォーカスを奪わず、
+//  * Enter / Space / ArrowDown / Escape では標準のメニュー操作に従う。
 //  *
 //  * ### インポート
 //  * ```tsx
@@ -13164,6 +13195,113 @@ export {
 //   ariaLabel = "管理メニュー",
 // }: AdminSideNavProps) {
 //   const [openMenu, setOpenMenu] = React.useState<string | null>(null)
+//   const hoverOpenedMenuRef = React.useRef<string | null>(null)
+//   const hoverOpenedMenusRef = React.useRef(new Set<string>())
+//   const focusedMenuTriggerRef = React.useRef<string | null>(null)
+//   const pointerOpenedMenuRef = React.useRef<string | null>(null)
+//   const pointerHoverBlockedMenuRef = React.useRef<string | null>(null)
+//   const outsideDismissedMenuRef = React.useRef<string | null>(null)
+//   const menuTriggerRefs = React.useRef(new Map<string, HTMLButtonElement>())
+//   const firstMenuItemRefs = React.useRef(new Map<string, HTMLAnchorElement>())
+//   const openTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)
+//   const closeTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)
+//   const desktopNavRef = React.useRef<HTMLElement | null>(null)
+// 
+//   const cancelScheduledClose = React.useCallback(() => {
+//     if (closeTimerRef.current !== null) {
+//       clearTimeout(closeTimerRef.current)
+//       closeTimerRef.current = null
+//     }
+//   }, [])
+// 
+//   const cancelScheduledOpen = React.useCallback(() => {
+//     if (openTimerRef.current !== null) {
+//       clearTimeout(openTimerRef.current)
+//       openTimerRef.current = null
+//     }
+//   }, [])
+// 
+//   const openMenuFromPointer = React.useCallback(
+//     (key: string, pointerType: string) => {
+//       if (pointerType === "touch") return
+//       cancelScheduledOpen()
+//       cancelScheduledClose()
+//       openTimerRef.current = setTimeout(() => {
+//         if (
+//           pointerOpenedMenuRef.current !== null &&
+//           pointerOpenedMenuRef.current !== key
+//         ) {
+//           pointerOpenedMenuRef.current = null
+//           menuTriggerRefs.current.get(key)?.focus({ preventScroll: true })
+//         }
+//         hoverOpenedMenuRef.current = key
+//         hoverOpenedMenusRef.current.add(key)
+//         setOpenMenu(key)
+//         openTimerRef.current = null
+//       }, 80)
+//     },
+//     [cancelScheduledClose, cancelScheduledOpen],
+//   )
+// 
+//   const schedulePointerClose = React.useCallback(
+//     (key: string) => {
+//       cancelScheduledOpen()
+//       cancelScheduledClose()
+//       closeTimerRef.current = setTimeout(() => {
+//         setOpenMenu((current) => (current === key ? null : current))
+//         closeTimerRef.current = null
+//       }, 120)
+//     },
+//     [cancelScheduledClose, cancelScheduledOpen],
+//   )
+// 
+//   const closeDesktopMenus = React.useCallback(() => {
+//     cancelScheduledOpen()
+//     cancelScheduledClose()
+//     hoverOpenedMenuRef.current = null
+//     hoverOpenedMenusRef.current.clear()
+//     focusedMenuTriggerRef.current = null
+//     pointerOpenedMenuRef.current = null
+//     pointerHoverBlockedMenuRef.current = null
+//     outsideDismissedMenuRef.current = null
+//     setOpenMenu(null)
+//   }, [cancelScheduledClose, cancelScheduledOpen])
+// 
+//   React.useEffect(
+//     () => () => {
+//       if (openTimerRef.current !== null) clearTimeout(openTimerRef.current)
+//       if (closeTimerRef.current !== null) clearTimeout(closeTimerRef.current)
+//       focusedMenuTriggerRef.current = null
+//       pointerOpenedMenuRef.current = null
+//       pointerHoverBlockedMenuRef.current = null
+//       outsideDismissedMenuRef.current = null
+//       menuTriggerRefs.current.clear()
+//       firstMenuItemRefs.current.clear()
+//     },
+//     [],
+//   )
+// 
+//   React.useEffect(() => {
+//     const nav = desktopNavRef.current
+//     if (!nav || typeof ResizeObserver === "undefined") return
+// 
+//     const closeWhenHidden = () => {
+//       const bounds = nav.getBoundingClientRect()
+//       if (
+//         getComputedStyle(nav).display === "none" ||
+//         bounds.width === 0 ||
+//         bounds.height === 0
+//       ) {
+//         closeDesktopMenus()
+//       }
+//     }
+// 
+//     const observer = new ResizeObserver(closeWhenHidden)
+//     observer.observe(nav)
+//     closeWhenHidden()
+// 
+//     return () => observer.disconnect()
+//   }, [closeDesktopMenus])
 // 
 //   return (
 //     <>
@@ -13173,26 +13311,23 @@ export {
 //           （h-full だとヘッダー帯に重なるため使わない）。--Z-Sticky = 30 でヘッダーより背面。
 //           レールは @md 限定表示なので SP のヘッダー高さ h-14 は考慮しない。 */}
 //       <nav
+//         ref={desktopNavRef}
 //         data-slot="admin-side-nav"
 //         aria-label={ariaLabel}
-//         className="hidden @md:flex fixed left-0 top-16 bottom-0 z-[var(--Z-Sticky)] w-[72px] flex-col items-center bg-[var(--Surface-Primary)] border-r border-[var(--Border-Low-Emphasis)]"
+//         className="hidden @md:flex fixed left-0 top-16 bottom-0 z-[var(--Z-Sticky)] w-[72px] flex-col items-center bg-[var(--Surface-Elevated)] border-r border-[var(--Border-Low-Emphasis)]"
 //       >
 //         {items.map((item) => {
 //           const isActive = activeKey === item.key
 //           const hasSubMenu = !!item.subMenus && item.subMenus.length > 0
 //           return (
-//             <div
-//               key={item.key}
-//               className="relative"
-//               onMouseEnter={() => setOpenMenu(hasSubMenu ? item.key : null)}
-//               onMouseLeave={() => setOpenMenu(null)}
-//             >
+//             <div key={item.key} className="relative">
 //               {(() => {
 //                 const triggerClass = cn(
-//                   "flex h-16 w-16 flex-col items-center justify-center gap-1 transition-colors",
+//                   "flex h-16 w-16 flex-col items-center justify-center gap-1 rounded-md transition-colors",
 //                   isActive
 //                     ? "text-[var(--Text-Accent-Primary)]"
 //                     : "text-[var(--Text-Medium-Emphasis)] hover:text-[var(--Text-High-Emphasis)]",
+//                   FOCUS_RING,
 //                 )
 //                 const triggerContent = (
 //                   <>
@@ -13202,6 +13337,175 @@ export {
 //                     </span>
 //                   </>
 //                 )
+//                 if (hasSubMenu) {
+//                   return (
+//                     <DropdownMenu
+//                       modal={false}
+//                       open={openMenu === item.key}
+//                       onOpenChange={(nextOpen) => {
+//                         cancelScheduledClose()
+//                         if (nextOpen) {
+//                           if (outsideDismissedMenuRef.current === item.key) {
+//                             outsideDismissedMenuRef.current = null
+//                           }
+//                           hoverOpenedMenuRef.current = null
+//                           hoverOpenedMenusRef.current.delete(item.key)
+//                           setOpenMenu(item.key)
+//                         } else {
+//                           setOpenMenu((current) =>
+//                             current === item.key ? null : current,
+//                           )
+//                         }
+//                       }}
+//                     >
+//                       <DropdownMenuTrigger asChild>
+//                         <button
+//                           ref={(node) => {
+//                             if (node) {
+//                               menuTriggerRefs.current.set(item.key, node)
+//                             } else {
+//                               menuTriggerRefs.current.delete(item.key)
+//                             }
+//                           }}
+//                           type="button"
+//                           className={triggerClass}
+//                           onFocus={() => {
+//                             cancelScheduledOpen()
+//                             focusedMenuTriggerRef.current = item.key
+//                             if (hoverOpenedMenuRef.current === item.key) {
+//                               hoverOpenedMenuRef.current = null
+//                             }
+//                             hoverOpenedMenusRef.current.delete(item.key)
+//                           }}
+//                           onBlur={() => {
+//                             if (focusedMenuTriggerRef.current === item.key) {
+//                               focusedMenuTriggerRef.current = null
+//                             }
+//                           }}
+//                           onPointerEnter={(event) => {
+//                             if (
+//                               focusedMenuTriggerRef.current === item.key ||
+//                               pointerHoverBlockedMenuRef.current === item.key
+//                             ) {
+//                               return
+//                             }
+//                             openMenuFromPointer(item.key, event.pointerType)
+//                           }}
+//                           onPointerDownCapture={() => {
+//                             cancelScheduledOpen()
+//                             if (openMenu !== item.key) {
+//                               pointerOpenedMenuRef.current = item.key
+//                             }
+//                           }}
+//                           onPointerLeave={() => {
+//                             if (
+//                               pointerHoverBlockedMenuRef.current === item.key
+//                             ) {
+//                               pointerHoverBlockedMenuRef.current = null
+//                             }
+//                             schedulePointerClose(item.key)
+//                           }}
+//                         >
+//                           {triggerContent}
+//                         </button>
+//                       </DropdownMenuTrigger>
+//                       <DropdownMenuContent
+//                         side="right"
+//                         align="start"
+//                         sideOffset={0}
+//                         collisionPadding={8}
+//                         className="w-[240px] rounded-2xl p-2 shadow-menu"
+//                         onPointerEnter={cancelScheduledClose}
+//                         onPointerLeave={() => schedulePointerClose(item.key)}
+//                         onPointerMoveCapture={(event) => {
+//                           if (hoverOpenedMenuRef.current === item.key) {
+//                             event.preventDefault()
+//                           }
+//                         }}
+//                         onInteractOutside={(event) => {
+//                           const trigger = menuTriggerRefs.current.get(item.key)
+//                           if (
+//                             pointerOpenedMenuRef.current === item.key &&
+//                             event.target instanceof Node &&
+//                             !trigger?.contains(event.target)
+//                           ) {
+//                             outsideDismissedMenuRef.current = item.key
+//                           }
+//                         }}
+//                         {...{
+//                           onOpenAutoFocus: (event: Event) => {
+//                             if (hoverOpenedMenuRef.current === item.key) {
+//                               event.preventDefault()
+//                             } else if (
+//                               pointerOpenedMenuRef.current === item.key
+//                             ) {
+//                               event.preventDefault()
+//                               requestAnimationFrame(() => {
+//                                 firstMenuItemRefs.current.get(item.key)?.focus()
+//                               })
+//                             }
+//                           },
+//                         }}
+//                         onCloseAutoFocus={(event) => {
+//                           if (hoverOpenedMenusRef.current.has(item.key)) {
+//                             event.preventDefault()
+//                             hoverOpenedMenusRef.current.delete(item.key)
+//                             if (hoverOpenedMenuRef.current === item.key) {
+//                               hoverOpenedMenuRef.current = null
+//                             }
+//                           }
+//                           if (pointerOpenedMenuRef.current === item.key) {
+//                             event.preventDefault()
+//                             pointerOpenedMenuRef.current = null
+//                             if (outsideDismissedMenuRef.current !== item.key) {
+//                               pointerHoverBlockedMenuRef.current = item.key
+//                               requestAnimationFrame(() => {
+//                                 menuTriggerRefs.current.get(item.key)?.focus()
+//                               })
+//                             }
+//                           }
+//                           if (outsideDismissedMenuRef.current === item.key) {
+//                             outsideDismissedMenuRef.current = null
+//                           }
+//                         }}
+//                       >
+//                         {item.subMenus!.map((sub, index) => (
+//                           <DropdownMenuItem
+//                             key={sub.label}
+//                             asChild
+//                             className="min-h-11 px-4"
+//                             onPointerLeave={(event) => {
+//                               if (hoverOpenedMenuRef.current === item.key) {
+//                                 event.preventDefault()
+//                               }
+//                             }}
+//                           >
+//                             <a
+//                               ref={
+//                                 index === 0
+//                                   ? (node) => {
+//                                       if (node) {
+//                                         firstMenuItemRefs.current.set(
+//                                           item.key,
+//                                           node,
+//                                         )
+//                                       } else {
+//                                         firstMenuItemRefs.current.delete(item.key)
+//                                       }
+//                                     }
+//                                   : undefined
+//                               }
+//                               href={sub.href}
+//                             >
+//                               {sub.label}
+//                             </a>
+//                           </DropdownMenuItem>
+//                         ))}
+//                       </DropdownMenuContent>
+//                     </DropdownMenu>
+//                   )
+//                 }
+// 
 //                 return item.href ? (
 //                   <a
 //                     href={item.href}
@@ -13216,23 +13520,6 @@ export {
 //                   </button>
 //                 )
 //               })()}
-//               {/* Sub-menu popup */}
-//               {hasSubMenu && openMenu === item.key && (
-//                 <div className="absolute left-full top-0 z-[var(--Z-Popover)] ml-0 w-[240px] rounded-2xl bg-[var(--Surface-Primary)] shadow-menu border border-[var(--Border-Low-Emphasis)] py-2">
-//                   {item.subMenus!.map((sub) => (
-//                     <a
-//                       key={sub.label}
-//                       href={sub.href}
-//                       // min-h-11 = 44px（WCAG 2.5.5 最小ターゲット）。
-//                       // py-2.5(10px×2) + typo-body-sm の行高 18px = 38px で 44px を割るため、
-//                       // 高さを min-h-11 で確保し flex で中央寄せする。
-//                       className="flex min-h-11 items-center px-4 py-2.5 typo-body-sm text-[var(--Text-High-Emphasis)] hover:bg-[var(--Surface-Secondary)] transition-colors"
-//                     >
-//                       {sub.label}
-//                     </a>
-//                   ))}
-//                 </div>
-//               )}
 //             </div>
 //           )
 //         })}
@@ -13544,7 +13831,7 @@ export {
 //       data-slot="bottom-tab-bar"
 //       aria-label="メインナビゲーション"
 //       className={cn(
-//         "fixed inset-x-0 bottom-0 z-[var(--Z-Floating)] border-t border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)] pb-[env(safe-area-inset-bottom)] @md:hidden",
+//         "fixed inset-x-0 bottom-0 z-[var(--Z-Floating)] border-t border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Elevated)] pb-[env(safe-area-inset-bottom)] @md:hidden",
 //         className
 //       )}
 //       {...props}
@@ -17260,7 +17547,9 @@ export {
 //     : "sticky top-0 z-[var(--Z-Nav)]"
 // 
 //   const baseClass =
-//     "border-b border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)]"
+//     // 地は Surface-Elevated: sticky バーはスクロールするコンテンツの上に重なるため
+//     // 不透明が必須（dark の Surface-Primary は 10% 透過で下の文字が透ける）。light は同値
+//     "border-b border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Elevated)]"
 // 
 //   const shellClass = cn(stickyClass, baseClass, className)
 // 
@@ -21862,7 +22151,8 @@ export {
 //     <div
 //       data-slot="sticky-action-bar"
 //       className={cn(
-//         "sticky bottom-0 z-[var(--Z-Nav)] bg-[var(--Surface-Primary)] px-4 py-3 pb-[max(0.75rem,env(safe-area-inset-bottom))]",
+//         // Surface-Elevated: スクロール内容の上に重なる固定バーは不透明が必須（dark で透けない）
+//         "sticky bottom-0 z-[var(--Z-Nav)] bg-[var(--Surface-Elevated)] px-4 py-3 pb-[max(0.75rem,env(safe-area-inset-bottom))]",
 //         bordered && "border-t border-[var(--Border-Low-Emphasis)]",
 //         className
 //       )}
@@ -23153,7 +23443,29 @@ export {
 // export { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./components/foundations/collapsible"
 // export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./components/foundations/command"
 // export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "./components/foundations/context-menu"
-// export { DataTable } from "./components/foundations/data-table"
+// export {
+//   DataTable,
+//   DataTableTable,
+//   DataTableHeader,
+//   DataTableBody,
+//   DataTableRow,
+//   DataTableHead,
+//   DataTableCell,
+//   DataTableAvatarCell,
+//   DataTableImageCell,
+//   DataTableLinkCell,
+//   DataTableCheckboxCell,
+//   DataTableActionCell,
+//   DataTableInputCell,
+//   DataTableSelectCell,
+//   DataTableNumberCell,
+//   DataTableDragHandleCell,
+//   DataTableBulkActions,
+//   DataTableSectionRow,
+//   DataTableAddRow,
+//   DataTableEmptyState,
+// } from "./components/foundations/data-table"
+// export type { SortDirection } from "./components/foundations/data-table"
 // export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/foundations/dialog"
 // export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./components/foundations/drawer"
 // export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./components/foundations/dropdown-menu"
@@ -23358,7 +23670,7 @@ export {
 // export type { OrderSummaryProps, OrderSummaryLineItem } from "./components/ec/order-summary"
 // export { PaymentMethodDisplay, CreditCardIcon } from "./components/ec/payment-method"
 // export type { PaymentMethodDisplayProps, CreditCardIconProps, CreditCardBrand } from "./components/ec/payment-method"
-// export { ProductCard } from "./components/ec/product-card"
+// export { ProductCard, BookmarkRibbonIcon } from "./components/ec/product-card"
 // export type { ProductCardProps } from "./components/ec/product-card"
 // export { ProductCarousel } from "./components/ec/product-carousel"
 // export type { ProductCarouselProps } from "./components/ec/product-carousel"
@@ -23552,6 +23864,15 @@ export {
 //  * 「リンク実装そのもの」を差し替える prop を共通の型で用意する。
 //  *
 //  * 例: `<Footer linkComponent={Link} … />`（next/link をそのまま渡せる）
+//  *
+//  * ⚠️ `Footer` / `MenuDrawer` は Client Component。React Server Components では
+//  * Server Component からこの prop を渡すと client 境界を越えて関数を渡すことに
+//  * なり、`Functions cannot be passed directly to Client Components` で落ちる。
+//  * Next.js App Router では、この prop を使う呼び出し側を `"use client"` にする
+//  * （エラーメッセージは `"use server"` を示唆するが、正解は逆）。
+//  *
+//  * `Pagination` / `SubNav` / `ContentCard` は Server Component のまま使えるため、
+//  * この prop を使うだけで呼び出し側を `"use client"` にする必要はない。
 //  */
 // export type LinkComponent = React.ComponentType<
 //   React.AnchorHTMLAttributes<HTMLAnchorElement> & { href: string }