@cakejp/design-system 0.20.0 → 0.21.0

package/dist/components/ec/review-form.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import * as s from "react";
 import I from "iconsax-reactjs/dist/esm/Camera.js";
 import { X as P } from "lucide-react";
@@ -20,24 +20,24 @@ function K({
   className: j,
   ...S
 }) {
-  const [l, T] = s.useState(w), [C, y] = s.useState(0), [f, O] = s.useState(z), [p, N] = s.useState([]), [o, R] = s.useState([]), n = s.useRef(null), u = C || l;
-  function U(e) {
+  const [l, T] = s.useState(w), [C, y] = s.useState(0), [f, B] = s.useState(z), [p, N] = s.useState([]), [o, R] = s.useState([]), n = s.useRef(null), u = C || l;
+  function O(e) {
     const t = Array.from(e.target.files ?? []), c = [...p, ...t].slice(0, m);
     N(c);
     const i = c.map((v) => URL.createObjectURL(v));
     o.forEach((v) => URL.revokeObjectURL(v)), R(i), n.current && (n.current.value = "");
   }
-  function M(e) {
+  function U(e) {
     URL.revokeObjectURL(o[e]), N((t) => t.filter((c, i) => i !== e)), R((t) => t.filter((c, i) => i !== e));
   }
-  function B(e) {
+  function M(e) {
     e.preventDefault(), l !== 0 && L?.({ rating: l, text: f, images: p });
   }
   s.useEffect(() => () => {
     o.forEach((e) => URL.revokeObjectURL(e));
   }, []);
   const H = ["", "残念", "いまいち", "普通", "満足", "最高！"];
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ a(
     "form",
     {
       "data-slot": "review-form",
@@ -45,11 +45,11 @@ function K({
         "flex flex-col gap-4 rounded-xl bg-[var(--Surface-Primary)] p-4",
         j
       ),
-      onSubmit: B,
+      onSubmit: M,
       ...S,
       children: [
-        d && /* @__PURE__ */ r("div", { className: "flex items-center gap-2 rounded-lg bg-[var(--Surface-Secondary)] p-3", children: [
-          b && /* @__PURE__ */ a(
+        d && /* @__PURE__ */ a("div", { className: "flex items-center gap-2 rounded-lg bg-[var(--Surface-Secondary)] p-3", children: [
+          b && /* @__PURE__ */ r(
             "img",
             {
               src: b,
@@ -57,11 +57,11 @@ function K({
               className: "size-12 shrink-0 rounded-lg object-cover"
             }
           ),
-          /* @__PURE__ */ a("span", { className: "typo-label-md text-[var(--Text-High-Emphasis)]", children: d })
+          /* @__PURE__ */ r("span", { className: "typo-label-md text-[var(--Text-High-Emphasis)]", children: d })
         ] }),
-        /* @__PURE__ */ r("div", { className: "flex flex-col items-center gap-2", children: [
-          /* @__PURE__ */ a("p", { className: "typo-label-md text-[var(--Text-High-Emphasis)]", children: "評価を選択してください" }),
-          /* @__PURE__ */ a("div", { className: "flex items-center gap-1", role: "radiogroup", "aria-label": "星評価", children: [1, 2, 3, 4, 5].map((e) => /* @__PURE__ */ a(
+        /* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-2", children: [
+          /* @__PURE__ */ r("p", { className: "typo-label-md text-[var(--Text-High-Emphasis)]", children: "評価を選択してください" }),
+          /* @__PURE__ */ r("div", { className: "flex items-center gap-1", role: "radiogroup", "aria-label": "星評価", children: [1, 2, 3, 4, 5].map((e) => /* @__PURE__ */ r(
             "button",
             {
               type: "button",
@@ -72,72 +72,72 @@ function K({
               onClick: () => T(e),
               onMouseEnter: () => y(e),
               onMouseLeave: () => y(0),
-              children: /* @__PURE__ */ a(
+              children: /* @__PURE__ */ r(
                 A,
                 {
                   size: 32,
                   className: k(
                     "transition-colors",
-                    e <= u ? "text-[var(--Brand-Cake-Orange)]" : "text-[var(--Border-Medium-Emphasis)]"
+                    e <= u ? "text-[var(--Brand-Cake-Orange)]" : "text-[var(--Border-Control,var(--Border-Medium-Emphasis))]"
                   )
                 }
               )
             },
             e
           )) }),
-          u > 0 && /* @__PURE__ */ a("p", { className: "typo-body-sm text-[var(--Text-Accent-Primary)]", children: H[u] })
+          u > 0 && /* @__PURE__ */ r("p", { className: "typo-body-sm text-[var(--Text-Accent-Primary)]", children: H[u] })
         ] }),
-        /* @__PURE__ */ r("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ a(
+        /* @__PURE__ */ a("div", { className: "flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ r(
             D,
             {
               placeholder: "商品の感想を書いてください（任意）",
               value: f,
-              onChange: (e) => O(e.target.value.slice(0, x)),
+              onChange: (e) => B(e.target.value.slice(0, x)),
               rows: 5,
               className: "resize-none"
             }
           ),
-          /* @__PURE__ */ r("p", { className: "self-end typo-body-xs text-[var(--Text-Low-Emphasis)]", children: [
+          /* @__PURE__ */ a("p", { className: "self-end typo-body-xs text-[var(--Text-Low-Emphasis)]", children: [
             f.length,
             " / ",
             x
           ] })
         ] }),
-        /* @__PURE__ */ r("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ r("p", { className: "typo-label-sm text-[var(--Text-Medium-Emphasis)]", children: [
+        /* @__PURE__ */ a("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ a("p", { className: "typo-label-sm text-[var(--Text-Medium-Emphasis)]", children: [
             "写真を追加（最大",
             m,
             "枚）"
           ] }),
-          /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-2", children: [
-            o.map((e, t) => /* @__PURE__ */ r("div", { className: "relative size-20 overflow-hidden rounded-lg", children: [
-              /* @__PURE__ */ a("img", { src: e, alt: `添付画像${t + 1}`, className: "size-full object-cover" }),
-              /* @__PURE__ */ a(
+          /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-2", children: [
+            o.map((e, t) => /* @__PURE__ */ a("div", { className: "relative size-20 overflow-hidden rounded-lg", children: [
+              /* @__PURE__ */ r("img", { src: e, alt: `添付画像${t + 1}`, className: "size-full object-cover" }),
+              /* @__PURE__ */ r(
                 "button",
                 {
                   type: "button",
-                  onClick: () => M(t),
+                  onClick: () => U(t),
                   className: "absolute right-1 top-1 flex size-5 items-center justify-center rounded-full bg-[var(--Overlay-Dark)] text-[var(--Text-on-Inverse)] transition-colors hover:bg-[var(--Overlay-Dark)]",
                   "aria-label": `画像${t + 1}を削除`,
-                  children: /* @__PURE__ */ a(P, { className: "size-3" })
+                  children: /* @__PURE__ */ r(P, { className: "size-3" })
                 }
               )
             ] }, t)),
-            p.length < m && /* @__PURE__ */ r(
+            p.length < m && /* @__PURE__ */ a(
               "button",
               {
                 type: "button",
                 onClick: () => n.current?.click(),
-                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)]",
+                className: "flex size-20 flex-col items-center justify-center gap-1 rounded-lg border border-dashed border-[var(--Border-Control,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__ */ a(I, { size: 20 }),
-                  /* @__PURE__ */ a("span", { className: "typo-body-xs", children: "追加" })
+                  /* @__PURE__ */ r(I, { size: 20 }),
+                  /* @__PURE__ */ r("span", { className: "typo-body-xs", children: "追加" })
                 ]
               }
             ),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ r(
               "input",
               {
                 ref: n,
@@ -145,13 +145,13 @@ function K({
                 accept: "image/*",
                 multiple: !0,
                 className: "hidden",
-                onChange: U
+                onChange: O
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ r("div", { className: "flex gap-3", children: [
-          h && /* @__PURE__ */ a(
+        /* @__PURE__ */ a("div", { className: "flex gap-3", children: [
+          h && /* @__PURE__ */ r(
             E,
             {
               type: "button",
@@ -162,7 +162,7 @@ function K({
               children: "キャンセル"
             }
           ),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ r(
             E,
             {
               type: "submit",

package/dist/components/ec/shop-card.js

@@ -1,17 +1,17 @@
 import { jsxs as e, jsx as a } from "react/jsx-runtime";
 import "react";
-import u from "iconsax-reactjs/dist/esm/Location.js";
-import N from "iconsax-reactjs/dist/esm/Star1.js";
-import { StarHalf as g } from "lucide-react";
+import y from "iconsax-reactjs/dist/esm/Location.js";
+import b from "iconsax-reactjs/dist/esm/Star1.js";
+import { StarHalf as w } from "lucide-react";
 import { cn as m } from "../../lib/utils.js";
-import { Button as y } from "../foundations/button.js";
-import { BookmarkRibbonIcon as w } from "./product-card.js";
-function E({ rating: r }) {
+import { Button as E } from "../foundations/button.js";
+import { BookmarkRibbonIcon as S } from "./product-card.js";
+function z({ rating: r }) {
   const t = Math.floor(r), l = r - t >= 0.5, i = [];
   for (let s = 1; s <= 5; s++)
     s <= t ? i.push(
       /* @__PURE__ */ a(
-        N,
+        b,
         {
           size: 12,
           className: "fill-[var(--Brand-Cake-Orange)] text-[var(--Brand-Cake-Orange)]",
@@ -21,7 +21,7 @@ function E({ rating: r }) {
       )
     ) : l && s === t + 1 ? i.push(
       /* @__PURE__ */ a(
-        g,
+        w,
         {
           className: "size-3 fill-[var(--Brand-Cake-Orange)] text-[var(--Brand-Cake-Orange)]"
         },
@@ -29,7 +29,7 @@ function E({ rating: r }) {
       )
     ) : i.push(
       /* @__PURE__ */ a(
-        N,
+        b,
         {
           size: 12,
           className: "text-[var(--Border-Medium-Emphasis)]"
@@ -39,7 +39,7 @@ function E({ rating: r }) {
     );
   return /* @__PURE__ */ a("div", { className: "flex items-center", children: i });
 }
-function O({
+function M({
   name: r,
   ruby: t,
   productImageUrl: l,
@@ -51,12 +51,14 @@ function O({
   isBookmarked: d = !1,
   onBookmarkToggle: v,
   href: c,
-  variant: b = "default",
+  variant: u = "default",
+  linkComponent: g,
   className: x,
   ...f
 }) {
-  return b === "compact" ? /* @__PURE__ */ e(
-    c ? "a" : "div",
+  const N = g ?? "a";
+  return u === "compact" ? /* @__PURE__ */ e(
+    c ? N : "div",
     {
       ...c ? { href: c } : {},
       "data-slot": "shop-card",
@@ -77,7 +79,7 @@ function O({
         /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ a("p", { className: "truncate typo-label-md text-[var(--Text-High-Emphasis)]", children: r }),
           o && /* @__PURE__ */ e("p", { className: "flex items-center gap-1 typo-body-sm text-[var(--Text-Low-Emphasis)]", children: [
-            /* @__PURE__ */ a(u, { size: 12, className: "shrink-0" }),
+            /* @__PURE__ */ a(y, { size: 12, className: "shrink-0" }),
             o
           ] })
         ] })
@@ -127,7 +129,7 @@ function O({
               o && /* @__PURE__ */ a("p", { className: "line-clamp-2 typo-body-sm text-[var(--Text-Low-Emphasis)]", children: o }),
               /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: [
                 s !== void 0 && s >= 1 && /* @__PURE__ */ e("div", { className: "flex items-center gap-1", children: [
-                  /* @__PURE__ */ a(E, { rating: s }),
+                  /* @__PURE__ */ a(z, { rating: s }),
                   /* @__PURE__ */ a("span", { className: "typo-body-sm text-[var(--Text-High-Emphasis)]", children: s.toFixed(1) }),
                   p !== void 0 && /* @__PURE__ */ e("span", { className: "typo-body-sm text-[var(--Text-Low-Emphasis)]", children: [
                     "(",
@@ -143,7 +145,7 @@ function O({
               ] })
             ] }),
             v && /* @__PURE__ */ a(
-              y,
+              E,
               {
                 variant: "ghost",
                 size: "icon",
@@ -156,7 +158,7 @@ function O({
                 ),
                 "aria-label": d ? "お気に入り解除" : "お気に入りに追加",
                 children: /* @__PURE__ */ a(
-                  w,
+                  S,
                   {
                     size: 20,
                     filled: d
@@ -166,7 +168,7 @@ function O({
             )
           ] })
         ] }),
-        c && /* @__PURE__ */ a("a", { href: c, className: "absolute inset-0", "aria-label": r, children: /* @__PURE__ */ e("span", { className: "sr-only", children: [
+        c && /* @__PURE__ */ a(N, { href: c, className: "absolute inset-0", "aria-label": r, children: /* @__PURE__ */ e("span", { className: "sr-only", children: [
           r,
           "のショップページへ"
         ] }) })
@@ -175,5 +177,5 @@ function O({
   );
 }
 export {
-  O as ShopCard
+  M as ShopCard
 };

package/dist/components/foundations/accordion.js

@@ -1,68 +1,70 @@
 "use client";
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
 import "react";
 import { ChevronDownIcon as d } from "lucide-react";
-import { Accordion as r } from "radix-ui";
+import { Accordion as t } from "radix-ui";
 import { cn as i } from "../../lib/utils.js";
-function b({
-  ...e
+import { FORCED_COLORS_FOCUS as l } from "../../lib/focus-ring.js";
+function g({
+  ...o
 }) {
-  return /* @__PURE__ */ o(r.Root, { "data-slot": "accordion", ...e });
+  return /* @__PURE__ */ r(t.Root, { "data-slot": "accordion", ...o });
 }
-function g({
-  className: e,
-  ...t
+function h({
+  className: o,
+  ...e
 }) {
-  return /* @__PURE__ */ o(
-    r.Item,
+  return /* @__PURE__ */ r(
+    t.Item,
     {
       "data-slot": "accordion-item",
-      className: i("border-b border-[var(--Border-Medium-Emphasis)] last:border-b-0", e),
-      ...t
+      className: i("border-b border-[var(--Border-Medium-Emphasis)] last:border-b-0", o),
+      ...e
     }
   );
 }
-function v({
-  className: e,
-  children: t,
+function x({
+  className: o,
+  children: e,
   headingLevel: n = 3,
   ...a
 }) {
   const s = `h${n}`;
-  return /* @__PURE__ */ o(r.Header, { asChild: !0, children: /* @__PURE__ */ o(s, { className: "flex", children: /* @__PURE__ */ c(
-    r.Trigger,
+  return /* @__PURE__ */ r(t.Header, { asChild: !0, children: /* @__PURE__ */ r(s, { className: "flex", children: /* @__PURE__ */ c(
+    t.Trigger,
     {
       "data-slot": "accordion-trigger",
       className: i(
-        "flex w-full flex-1 cursor-pointer items-center justify-between gap-4 py-4 text-left typo-label-md text-[var(--Text-High-Emphasis)] transition-all outline-none hover:bg-[var(--Surface-Tertiary)]/60 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
-        e
+        "flex w-full flex-1 cursor-pointer items-center justify-between gap-4 py-4 text-left typo-label-md text-[var(--Text-High-Emphasis)] transition-all outline-none hover:bg-[var(--Surface-Tertiary)]/60 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-[color:var(--Focus-Ring-Control,color-mix(in_oklab,var(--ring)_50%,transparent))] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        l,
+        o
       ),
       ...a,
       children: [
-        t,
-        /* @__PURE__ */ o(d, { className: "pointer-events-none size-4 shrink-0 text-[var(--Text-Medium-Emphasis)] transition-transform duration-[var(--Motion-Duration-Base)]" })
+        e,
+        /* @__PURE__ */ r(d, { className: "pointer-events-none size-4 shrink-0 text-[var(--Text-Medium-Emphasis)] transition-transform duration-[var(--Motion-Duration-Base)]" })
       ]
     }
   ) }) });
 }
-function h({
-  className: e,
-  children: t,
+function C({
+  className: o,
+  children: e,
   ...n
 }) {
-  return /* @__PURE__ */ o(
-    r.Content,
+  return /* @__PURE__ */ r(
+    t.Content,
     {
       "data-slot": "accordion-content",
       className: "overflow-hidden typo-body-md data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
       ...n,
-      children: /* @__PURE__ */ o("div", { className: i("pt-0 pb-4", e), children: t })
+      children: /* @__PURE__ */ r("div", { className: i("pt-0 pb-4", o), children: e })
     }
   );
 }
 export {
-  b as Accordion,
-  h as AccordionContent,
-  g as AccordionItem,
-  v as AccordionTrigger
+  g as Accordion,
+  C as AccordionContent,
+  h as AccordionItem,
+  x as AccordionTrigger
 };

package/dist/components/foundations/alert-dialog.js

@@ -34,7 +34,7 @@ function g({
     }
   );
 }
-function D({
+function h({
   className: a,
   size: t = "default",
   ...r
@@ -46,7 +46,6 @@ function D({
       {
         "data-slot": "alert-dialog-content",
         "data-size": t,
-        onOpenAutoFocus: (i) => i.preventDefault(),
         className: l(
           // 画面端との余白は上下左右 40px（calc(100%-5rem)）。
           // 幅上限は端末幅に応じて: SP は端末幅-80px に追従 / sm 以上は
@@ -59,7 +58,7 @@ function D({
     )
   ] });
 }
-function h({
+function D({
   className: a,
   ...t
 }) {
@@ -154,10 +153,10 @@ export {
   x as AlertDialog,
   w as AlertDialogAction,
   N as AlertDialogCancel,
-  D as AlertDialogContent,
+  h as AlertDialogContent,
   y as AlertDialogDescription,
   A as AlertDialogFooter,
-  h as AlertDialogHeader,
+  D as AlertDialogHeader,
   g as AlertDialogOverlay,
   n as AlertDialogPortal,
   z as AlertDialogTitle,

package/dist/components/foundations/badge.js

@@ -4,7 +4,7 @@ import { cva as o } from "class-variance-authority";
 import { Slot as s } from "radix-ui";
 import { cn as v } from "../../lib/utils.js";
 const u = o(
-  "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",
+  "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-[color:var(--Focus-Ring-Control,color-mix(in_oklab,var(--ring)_50%,transparent))] aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
   {
     variants: {
       variant: {
@@ -32,8 +32,8 @@ const u = o(
   }
 );
 function m({
-  className: r,
-  variant: e = "default",
+  className: e,
+  variant: r = "default",
   asChild: a = !1,
   ...t
 }) {
@@ -42,8 +42,8 @@ function m({
     i,
     {
       "data-slot": "badge",
-      "data-variant": e,
-      className: v(u({ variant: e }), r),
+      "data-variant": r,
+      className: v(u({ variant: r }), e),
       ...t
     }
   );

package/dist/components/foundations/breadcrumb.js

@@ -1,12 +1,12 @@
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
 import "react";
-import { MoreHorizontal as i, ChevronRight as l } from "lucide-react";
-import { Slot as m } from "radix-ui";
+import { MoreHorizontal as l, ChevronRight as m } from "lucide-react";
+import { Slot as c } from "radix-ui";
 import { cn as t } from "../../lib/utils.js";
-function f({ ...r }) {
+function g({ ...r }) {
   return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...r });
 }
-function g({ className: r, ...e }) {
+function x({ className: r, ...e }) {
   return /* @__PURE__ */ a(
     "ol",
     {
@@ -19,7 +19,7 @@ function g({ className: r, ...e }) {
     }
   );
 }
-function x({ className: r, ...e }) {
+function h({ className: r, ...e }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -29,22 +29,23 @@ function x({ className: r, ...e }) {
     }
   );
 }
-function h({
+function N({
   asChild: r,
-  className: e,
-  ...o
+  linkComponent: e,
+  className: o,
+  ...s
 }) {
-  const s = r ? m.Root : "a";
+  const n = r ? c.Root : e ?? "a";
   return /* @__PURE__ */ a(
-    s,
+    n,
     {
       "data-slot": "breadcrumb-link",
-      className: t("transition-colors hover:text-foreground", e),
-      ...o
+      className: t("transition-colors hover:text-foreground", o),
+      ...s
     }
   );
 }
-function N({ className: r, ...e }) {
+function B({ className: r, ...e }) {
   return /* @__PURE__ */ a(
     "span",
     {
@@ -57,7 +58,7 @@ function N({ className: r, ...e }) {
     }
   );
 }
-function B({
+function y({
   children: r,
   className: e,
   ...o
@@ -70,15 +71,15 @@ function B({
       "aria-hidden": "true",
       className: t("[&>svg]:size-3.5", e),
       ...o,
-      children: r ?? /* @__PURE__ */ a(l, {})
+      children: r ?? /* @__PURE__ */ a(m, {})
     }
   );
 }
-function y({
+function k({
   className: r,
   ...e
 }) {
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ i(
     "span",
     {
       "data-slot": "breadcrumb-ellipsis",
@@ -87,18 +88,18 @@ function y({
       className: t("flex size-9 shrink-0 items-center justify-center", r),
       ...e,
       children: [
-        /* @__PURE__ */ a(i, { className: "size-4" }),
+        /* @__PURE__ */ a(l, { className: "size-4" }),
         /* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
       ]
     }
   );
 }
 export {
-  f as Breadcrumb,
-  y as BreadcrumbEllipsis,
-  x as BreadcrumbItem,
-  h as BreadcrumbLink,
-  g as BreadcrumbList,
-  N as BreadcrumbPage,
-  B as BreadcrumbSeparator
+  g as Breadcrumb,
+  k as BreadcrumbEllipsis,
+  h as BreadcrumbItem,
+  N as BreadcrumbLink,
+  x as BreadcrumbList,
+  B as BreadcrumbPage,
+  y as BreadcrumbSeparator
 };