@cakejp/design-system 0.22.1 → 0.23.0

package/dist/components/primitives/chip.js

@@ -15,36 +15,36 @@ const h = "forced-colors:data-[selected]:bg-[Highlight] forced-colors:data-[sele
   "name",
   "value"
 ]);
-function y(o) {
-  return Object.fromEntries(Object.entries(o).filter(([n]) => !F.has(n)));
+function y(r) {
+  return Object.fromEntries(Object.entries(r).filter(([n]) => !F.has(n)));
 }
 function V({
-  className: o,
+  className: r,
   variant: n = "filled",
   size: c,
   shape: d,
-  href: r,
+  href: o,
   selected: a = !1,
   soldOut: T = !1,
-  removable: E = !1,
-  onRemove: S,
-  removeLabel: N = "削除",
+  removable: N = !1,
+  onRemove: E,
+  removeLabel: S = "削除",
   count: b,
   linkComponent: C,
-  children: f,
+  children: u,
   ...t
 }) {
-  const p = C ?? "a", u = a ? "selected" : n, e = T && !a, g = e ? "border border-[var(--Text-Disable)] bg-[var(--Surface-Secondary)] text-[var(--Text-Disable)]" : void 0, m = b !== void 0 && /* @__PURE__ */ i(
+  const p = C ?? "a", f = a ? "selected" : n, e = T && !a, g = e ? "border border-[var(--Text-Disable)] bg-[var(--Surface-Neutral-Secondary)] text-[var(--Text-Disable)]" : void 0, m = b !== void 0 && /* @__PURE__ */ i(
     "span",
     {
       className: l(
         "inline-flex items-center justify-center rounded-full px-1.5 min-w-[1.25rem] typo-label-xs transition-colors",
-        a ? "bg-[var(--Surface-Primary)] text-[var(--Text-High-Emphasis)]" : "bg-[var(--Surface-Tertiary)] text-[var(--Text-Medium-Emphasis)]"
+        a ? "bg-[var(--Surface-Primary)] text-[var(--Text-High-Emphasis)]" : "bg-[var(--Surface-Neutral-Tertiary)] text-[var(--Text-Medium-Emphasis)]"
       ),
       children: b
     }
   ), x = e && /* @__PURE__ */ i("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ i("div", { className: "h-[67px] w-px origin-center rotate-45 bg-[var(--Text-Disable)]" }) });
-  if (E)
+  if (N)
     return /* @__PURE__ */ s(
       "span",
       {
@@ -52,24 +52,24 @@ function V({
         "data-selected": a || void 0,
         className: l(
           "group",
-          v({ variant: u, size: c, shape: d }),
+          v({ variant: f, size: c, shape: d }),
           e ? g : void 0,
           e && "relative",
           "has-[[data-slot=chip-trigger]:focus-visible]:ring-2 has-[[data-slot=chip-trigger]:focus-visible]:ring-[var(--Focus-High-Emphasis)]",
           h,
           D,
-          o
+          r
         ),
         children: [
-          r ? /* @__PURE__ */ s(
+          o ? /* @__PURE__ */ s(
             p,
             {
-              href: r,
+              href: o,
               "data-slot": "chip-trigger",
               className: "inline-flex items-center gap-1.5 focus-visible:outline-none",
               ...y(t),
               children: [
-                f,
+                u,
                 m
               ]
             }
@@ -82,7 +82,7 @@ function V({
               className: "inline-flex items-center gap-1.5 focus-visible:outline-none",
               ...t,
               children: [
-                f,
+                u,
                 m
               ]
             }
@@ -93,10 +93,10 @@ function V({
             {
               type: "button",
               "data-slot": "chip-remove",
-              "aria-label": N,
+              "aria-label": S,
               disabled: e || t.disabled,
               onClick: (j) => {
-                j.stopPropagation(), S?.();
+                j.stopPropagation(), E?.();
               },
               className: "-mr-1 ml-0.5 inline-flex size-6 shrink-0 items-center justify-center rounded-full hover:bg-[var(--Overlay-Light)] focus-visible:ring-2 focus-visible:ring-[var(--Focus-High-Emphasis)]",
               children: /* @__PURE__ */ i(_, { className: "size-3.5" })
@@ -106,17 +106,17 @@ function V({
       }
     );
   const O = /* @__PURE__ */ s(R, { children: [
-    f,
+    u,
     m,
     x
   ] });
-  return r ? /* @__PURE__ */ i(
+  return o ? /* @__PURE__ */ i(
     p,
     {
-      href: r,
+      href: o,
       "data-slot": "chip",
       "data-selected": a || void 0,
-      className: l("group", v({ variant: u, size: c, shape: d }), g, h, o),
+      className: l("group", v({ variant: f, size: c, shape: d }), g, h, r),
       ...y(t),
       children: O
     }
@@ -129,11 +129,11 @@ function V({
       disabled: e || t.disabled,
       className: l(
         "group",
-        v({ variant: u, size: c, shape: d }),
+        v({ variant: f, size: c, shape: d }),
         e ? g : void 0,
         e && "relative",
         h,
-        o
+        r
       ),
       ...t,
       children: O

package/dist/components/primitives/combobox.js

@@ -1,60 +1,62 @@
 "use client";
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import * as N from "react";
-import { ChevronsUpDown as w, Check as T } from "lucide-react";
-import { cn as f } from "../../lib/utils.js";
-import { Button as j } from "../foundations/button.js";
-import { Command as E, CommandInput as O, CommandList as k, CommandEmpty as P, CommandGroup as S, CommandItem as A } from "../foundations/command.js";
-import { Popover as H, PopoverTrigger as I, PopoverContent as B } from "../foundations/popover.js";
-import { useFieldLabelling as F, resolveFieldAria as G } from "../../lib/field-labelling.js";
-import { HIGH_CONTRAST_OUTLINE as L } from "../../lib/high-contrast.js";
-function Q({
-  options: n,
-  value: i,
-  onValueChange: u,
-  placeholder: t = "選択してください",
-  searchPlaceholder: h = "検索",
-  emptyLabel: C = "候補がありません",
-  disabled: x,
-  className: y,
-  id: d,
-  "aria-invalid": s,
-  "aria-describedby": c,
-  "aria-label": l,
-  "aria-labelledby": o
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import * as g from "react";
+import { ChevronsUpDown as P, Check as $ } from "lucide-react";
+import { cn as N } from "../../lib/utils.js";
+import { Button as B } from "../foundations/button.js";
+import { Command as F, CommandInput as G, CommandList as R, CommandEmpty as U, CommandGroup as _, CommandItem as M } from "../foundations/command.js";
+import { Popover as q, PopoverTrigger as z, PopoverContent as D } from "../foundations/popover.js";
+import { useFieldLabelling as J, resolveFieldAria as K } from "../../lib/field-labelling.js";
+import { HIGH_CONTRAST_OUTLINE as Q } from "../../lib/high-contrast.js";
+import { matchesSearch as V } from "../../lib/search-normalize.js";
+function le({
+  options: c,
+  value: s,
+  onValueChange: w,
+  placeholder: m = "選択してください",
+  searchPlaceholder: I = "検索",
+  emptyLabel: T = "候補がありません",
+  disabled: j,
+  className: k,
+  id: p,
+  "aria-invalid": u,
+  "aria-describedby": v,
+  "aria-label": i,
+  "aria-labelledby": r
 }) {
-  const [m, p] = N.useState(!1), v = n.find((a) => a.value === i), b = F(), g = G(
+  const [f, h] = g.useState(!1), l = c.find((e) => e.value === s), o = J(), E = K(
     {
-      id: d,
-      "aria-label": l,
-      "aria-labelledby": o,
-      "aria-describedby": c,
+      id: p,
+      "aria-label": i,
+      "aria-labelledby": r,
+      "aria-describedby": v,
       // 渡さないと、利用側の明示指定が FormField 由来の値（error の有無）で上書きされる
-      "aria-invalid": s
+      "aria-invalid": u
     },
-    b
-  );
-  return /* @__PURE__ */ r(H, { open: m, onOpenChange: p, children: [
-    /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ r(
-      j,
+    o
+  ), n = !o && !i && !r ? m : void 0, O = r ? { "aria-labelledby": r } : i ?? n ? { "aria-label": i ?? n } : o ? { "aria-labelledby": o.labelId } : {}, b = g.useId(), x = `${b}-value`, C = `${b}-name`, t = r ? void 0 : i ?? n, y = r ?? (t ? C : o?.labelId), S = l && y ? { "aria-labelledby": `${y} ${x}` } : {};
+  return /* @__PURE__ */ d(q, { open: f, onOpenChange: h, children: [
+    /* @__PURE__ */ a(z, { asChild: !0, children: /* @__PURE__ */ d(
+      B,
       {
         type: "button",
         variant: "tertiary",
         role: "combobox",
-        id: d,
-        "aria-expanded": m,
+        id: p,
+        "aria-expanded": f,
         "aria-haspopup": "listbox",
-        "aria-invalid": s,
-        "aria-describedby": c,
-        "aria-label": l ?? (!b && !l && !o ? t : void 0),
-        "aria-labelledby": o,
-        ...g,
-        disabled: x,
-        className: f(
+        "aria-invalid": u,
+        "aria-describedby": v,
+        "aria-label": i ?? n,
+        "aria-labelledby": r,
+        ...E,
+        ...S,
+        disabled: j,
+        className: N(
           "w-full justify-between bg-[var(--Surface-Primary)]",
           // 高コントラスト（prefers-contrast: more / data-contrast="more"）のときだけ見える内側 1px の輪郭。
           // トリガーは枠を持たず地もページ地と同色で、既定では境界が 3:1 に届かない（#301）
-          L,
+          Q,
           // エラー時の赤枠。トリガーは Button tertiary（枠幅 0）なので border 色だけ変えても見えず、
           // border を足すと 1px 広がる。内側リング（inset-ring）で描いて高さを変えない。
           // inset-ring は ring（フォーカスリング）と別の box-shadow 層なので同時に表示される。
@@ -62,44 +64,53 @@ function Q({
           // forced-colors（Windows ハイコントラスト）では box-shadow が消えるため、エラー時だけ輪郭線
           // （outline。レイアウトに影響しない）で境界を出す。forced-colors 以外では効かない
           "forced-colors:aria-invalid:outline-solid forced-colors:aria-invalid:outline-1 forced-colors:aria-invalid:-outline-offset-1 forced-colors:aria-invalid:outline-[CanvasText]",
-          y
+          k
         ),
         children: [
-          /* @__PURE__ */ e("span", { className: v ? "text-[var(--Text-High-Emphasis)]" : "text-[var(--Text-Low-Emphasis)]", children: v?.label ?? t }),
-          /* @__PURE__ */ e(w, { "aria-hidden": "true", className: "text-[var(--Object-Medium-Emphasis)]" })
+          /* @__PURE__ */ a(
+            "span",
+            {
+              id: l ? x : void 0,
+              className: l ? "text-[var(--Text-High-Emphasis)]" : "text-[var(--Text-Low-Emphasis)]",
+              children: l?.label ?? m
+            }
+          ),
+          l && t && /* @__PURE__ */ a("span", { id: C, hidden: !0, children: t }),
+          /* @__PURE__ */ a(P, { "aria-hidden": "true", className: "text-[var(--Object-Medium-Emphasis)]" })
         ]
       }
     ) }),
-    /* @__PURE__ */ e(B, { align: "start", className: "w-[var(--radix-popover-trigger-width)] p-0", children: /* @__PURE__ */ r(E, { children: [
-      /* @__PURE__ */ e(O, { placeholder: h }),
-      /* @__PURE__ */ r(k, { children: [
-        /* @__PURE__ */ e(P, { children: C }),
-        /* @__PURE__ */ e(S, { children: n.map((a) => /* @__PURE__ */ r(
-          A,
+    /* @__PURE__ */ a(D, { align: "start", className: "w-[var(--radix-popover-trigger-width)] p-0", ...O, children: /* @__PURE__ */ d(F, { filter: (e, A, H) => V(H ?? [e], A) ? 1 : 0, children: [
+      /* @__PURE__ */ a(G, { placeholder: I }),
+      /* @__PURE__ */ d(R, { children: [
+        /* @__PURE__ */ a(U, { children: T }),
+        /* @__PURE__ */ a(_, { children: c.map((e) => /* @__PURE__ */ d(
+          M,
           {
-            value: [a.label, ...a.keywords ?? []].join(" "),
-            disabled: a.disabled,
+            value: [e.label, ...e.keywords ?? []].join(" "),
+            keywords: [e.label, ...e.keywords ?? []],
+            disabled: e.disabled,
             onSelect: () => {
-              u?.(a.value), p(!1);
+              w?.(e.value), h(!1);
             },
             children: [
-              /* @__PURE__ */ e(
-                T,
+              /* @__PURE__ */ a(
+                $,
                 {
                   "aria-hidden": "true",
-                  className: f(a.value === i ? "opacity-100" : "opacity-0")
+                  className: N(e.value === s ? "opacity-100" : "opacity-0")
                 }
               ),
-              a.label,
-              a.value === i && /* @__PURE__ */ e("span", { className: "sr-only", children: "選択済み" })
+              e.label,
+              e.value === s && /* @__PURE__ */ a("span", { className: "sr-only", children: "選択済み" })
             ]
           },
-          a.value
+          e.value
         )) })
       ] })
     ] }) })
   ] });
 }
 export {
-  Q as Combobox
+  le as Combobox
 };

package/dist/components/primitives/content-carousel.js

@@ -1,42 +1,43 @@
 "use client";
-import { jsxs as w, jsx as n, Fragment as j } from "react/jsx-runtime";
+import { jsxs as w, jsx as n, Fragment as T } from "react/jsx-runtime";
 import * as s from "react";
-import O from "iconsax-reactjs/dist/esm/ArrowLeft2.js";
-import R from "iconsax-reactjs/dist/esm/ArrowRight2.js";
-import { cn as f } from "../../lib/utils.js";
-import { usePrefersReducedMotion as F } from "../../lib/use-prefers-reduced-motion.js";
-const W = {
+import j from "iconsax-reactjs/dist/esm/ArrowLeft2.js";
+import F from "iconsax-reactjs/dist/esm/ArrowRight2.js";
+import { cn as d } from "../../lib/utils.js";
+import { FOCUS_RING_ONLY as v } from "../../lib/focus-ring.js";
+import { usePrefersReducedMotion as W } from "../../lib/use-prefers-reduced-motion.js";
+const $ = {
   1: "@[960px]:w-full",
   2: "@[960px]:w-[calc((100%-16px)/2)]",
   3: "@[960px]:w-[calc((100%-32px)/3)]",
   4: "@[960px]:w-[calc((100%-48px)/4)]"
 };
-function _({
+function D({
   slides: p,
   showDots: E = !0,
   showArrows: I = !0,
   autoPlay: m = 0,
-  peek: v = !1,
-  itemsPerView: b = 1,
-  ariaLabel: N = "コンテンツカルーセル",
-  className: S,
-  ...L
+  peek: b = !1,
+  itemsPerView: y = 1,
+  ariaLabel: S = "コンテンツカルーセル",
+  className: L,
+  ...z
 }) {
-  const i = s.useRef(null), [c, z] = s.useState(0), l = F(), r = p.length;
+  const l = s.useRef(null), [i, A] = s.useState(0), c = W(), r = p.length;
   s.useEffect(() => {
-    const e = i.current;
+    const e = l.current;
     if (!e) return;
     let t = 0;
     const o = () => {
       cancelAnimationFrame(t), t = requestAnimationFrame(() => {
-        const u = Array.from(
+        const f = Array.from(
           e.querySelectorAll("[data-slide]")
-        ), M = u[0]?.offsetLeft ?? 0;
-        let g = 0, y = Number.POSITIVE_INFINITY;
-        u.forEach((k, T) => {
-          const C = Math.abs(k.offsetLeft - M - e.scrollLeft);
-          C < y && (y = C, g = T);
-        }), z(g);
+        ), O = f[0]?.offsetLeft ?? 0;
+        let g = 0, N = Number.POSITIVE_INFINITY;
+        f.forEach((k, R) => {
+          const C = Math.abs(k.offsetLeft - O - e.scrollLeft);
+          C < N && (N = C, g = R);
+        }), A(g);
       });
     };
     o(), e.addEventListener("scroll", o, { passive: !0 });
@@ -45,37 +46,37 @@ function _({
       cancelAnimationFrame(t), e.removeEventListener("scroll", o), a?.disconnect();
     };
   }, [r]);
-  const d = s.useCallback(
+  const u = s.useCallback(
     (e) => {
-      const t = i.current;
+      const t = l.current;
       if (!t) return;
       const o = t.children[e], a = t.children[0];
       o && a && t.scrollTo({
         left: o.offsetLeft - a.offsetLeft,
-        behavior: l ? "auto" : "smooth"
+        behavior: c ? "auto" : "smooth"
       });
     },
-    [l]
-  ), h = s.useCallback(() => {
-    const e = i.current, t = e?.children[0], o = e?.children[1];
+    [c]
+  ), x = s.useCallback(() => {
+    const e = l.current, t = e?.children[0], o = e?.children[1];
     if (!e || !t || !o) return 1;
     const a = o.offsetLeft - t.offsetLeft;
     if (a <= 0) return 1;
-    const u = a - t.offsetWidth;
-    return Math.max(1, Math.floor((e.clientWidth + u + 1) / a));
-  }, []), x = s.useCallback(() => {
-    const e = i.current, t = e ? e.scrollLeft >= e.scrollWidth - e.clientWidth - 1 : !1;
-    d(
-      c >= r - 1 || t ? 0 : Math.min(c + h(), r - 1)
+    const f = a - t.offsetWidth;
+    return Math.max(1, Math.floor((e.clientWidth + f + 1) / a));
+  }, []), h = s.useCallback(() => {
+    const e = l.current, t = e ? e.scrollLeft >= e.scrollWidth - e.clientWidth - 1 : !1;
+    u(
+      i >= r - 1 || t ? 0 : Math.min(i + x(), r - 1)
     );
-  }, [c, r, d, h]);
+  }, [i, r, u, x]);
   s.useEffect(() => {
-    if (l || m <= 0 || r <= 1) return;
-    const e = setInterval(x, m);
+    if (c || m <= 0 || r <= 1) return;
+    const e = setInterval(h, m);
     return () => clearInterval(e);
-  }, [m, r, l, x]);
-  function A() {
-    d(c <= 0 ? r - 1 : Math.max(0, c - h()));
+  }, [m, r, c, h]);
+  function M() {
+    u(i <= 0 ? r - 1 : Math.max(0, i - x()));
   }
   return r === 0 ? null : /* @__PURE__ */ w(
     "div",
@@ -83,21 +84,21 @@ function _({
       "data-slot": "content-carousel",
       role: "region",
       "aria-roledescription": "carousel",
-      "aria-label": N,
-      className: f("@container group/carousel relative", S),
-      ...L,
+      "aria-label": S,
+      className: d("@container group/carousel relative", L),
+      ...z,
       children: [
         /* @__PURE__ */ n(
           "div",
           {
-            ref: i,
-            className: f(
-              "flex snap-x snap-mandatory overflow-x-auto scroll-smooth motion-reduce:scroll-auto scrollbar-none",
+            ref: l,
+            className: d(
+              "flex snap-x snap-mandatory overflow-x-auto scroll-smooth motion-reduce:scroll-auto scrollbar-hide",
               // peek: 端の余白 = Container の gutter（外に置いたときは 16px）。Container の中では
               // gutter 分だけ外へはみ出して画面端までスクロールさせる。scroll-padding も同じ幅にして、
               // スナップ後も端の余白が消えないようにする。PC (@[960px]:) では peek しないので外す
-              v && "-mx-[var(--Container-Gutter,0px)] gap-3 px-[var(--Container-Gutter,16px)] scroll-px-[var(--Container-Gutter,16px)] @[960px]:mx-0 @[960px]:gap-0 @[960px]:px-0 @[960px]:scroll-px-0",
-              b > 1 && "@[960px]:gap-4"
+              b && "-mx-[var(--Container-Gutter,0px)] gap-3 px-[var(--Container-Gutter,16px)] scroll-px-[var(--Container-Gutter,16px)] @[960px]:mx-0 @[960px]:gap-0 @[960px]:px-0 @[960px]:scroll-px-0",
+              y > 1 && "@[960px]:gap-4"
             ),
             style: { scrollbarWidth: "none", msOverflowStyle: "none" },
             children: p.map((e, t) => /* @__PURE__ */ n(
@@ -108,11 +109,11 @@ function _({
                 role: "group",
                 "aria-roledescription": "スライド",
                 "aria-label": `${t + 1} / ${r}`,
-                className: f(
+                className: d(
                   "shrink-0 snap-start",
                   // peek: 端の余白 16px のとき、カード幅は導入前（全幅に置いた場合）と同じ「全幅 - 76px」
-                  v ? "w-[calc(100%-44px)]" : "w-full",
-                  W[b]
+                  b ? "w-[calc(100%-44px)]" : "w-full",
+                  $[y]
                 ),
                 children: e
               },
@@ -120,25 +121,25 @@ function _({
             ))
           }
         ),
-        I && r > 1 && /* @__PURE__ */ w(j, { children: [
+        I && r > 1 && /* @__PURE__ */ w(T, { children: [
           /* @__PURE__ */ n(
             "button",
             {
               type: "button",
-              onClick: A,
+              onClick: M,
               "aria-label": "前へ",
-              className: "absolute left-2 top-1/2 z-10 hidden size-10 -translate-y-1/2 items-center justify-center rounded-full border border-[var(--Border-Control,var(--Border-Medium-Emphasis))] bg-[var(--Surface-Secondary)] shadow-md transition-opacity hover:bg-[var(--Surface-Tertiary)] @md:flex @[960px]:opacity-0 @[960px]:group-hover/carousel:opacity-100",
-              children: /* @__PURE__ */ n(O, { size: 20, className: "text-[var(--Object-High-Emphasis)]" })
+              className: `absolute left-2 top-1/2 z-10 hidden size-10 -translate-y-1/2 items-center justify-center rounded-full border border-[var(--Border-Control,var(--Border-Medium-Emphasis))] bg-[var(--Surface-Neutral-Secondary)] shadow-md transition-opacity hover:bg-[var(--Surface-Neutral-Tertiary)] @md:flex @[960px]:opacity-0 @[960px]:group-hover/carousel:opacity-100 @[960px]:focus-visible:opacity-100 focus-visible:outline-none ${v}`,
+              children: /* @__PURE__ */ n(j, { size: 20, className: "text-[var(--Object-High-Emphasis)]" })
             }
           ),
           /* @__PURE__ */ n(
             "button",
             {
               type: "button",
-              onClick: x,
+              onClick: h,
               "aria-label": "次へ",
-              className: "absolute right-2 top-1/2 z-10 hidden size-10 -translate-y-1/2 items-center justify-center rounded-full border border-[var(--Border-Control,var(--Border-Medium-Emphasis))] bg-[var(--Surface-Secondary)] shadow-md transition-opacity hover:bg-[var(--Surface-Tertiary)] @md:flex @[960px]:opacity-0 @[960px]:group-hover/carousel:opacity-100",
-              children: /* @__PURE__ */ n(R, { size: 20, className: "text-[var(--Object-High-Emphasis)]" })
+              className: `absolute right-2 top-1/2 z-10 hidden size-10 -translate-y-1/2 items-center justify-center rounded-full border border-[var(--Border-Control,var(--Border-Medium-Emphasis))] bg-[var(--Surface-Neutral-Secondary)] shadow-md transition-opacity hover:bg-[var(--Surface-Neutral-Tertiary)] @md:flex @[960px]:opacity-0 @[960px]:group-hover/carousel:opacity-100 @[960px]:focus-visible:opacity-100 focus-visible:outline-none ${v}`,
+              children: /* @__PURE__ */ n(F, { size: 20, className: "text-[var(--Object-High-Emphasis)]" })
             }
           )
         ] }),
@@ -146,12 +147,13 @@ function _({
           "button",
           {
             type: "button",
-            onClick: () => d(t),
+            onClick: () => u(t),
             "aria-label": `スライド ${t + 1}`,
-            className: f(
+            className: d(
               // shrink-0 必須: 空要素なので min-content 幅が 0、既定の flex-shrink:1 だとドットが消える
-              "size-2 shrink-0 rounded-full transition-colors",
-              t === c ? "bg-[var(--Text-High-Emphasis)]" : "bg-[var(--Surface-Tertiary)]"
+              "size-2 shrink-0 rounded-full transition-colors focus-visible:outline-none",
+              v,
+              t === i ? "bg-[var(--Text-High-Emphasis)]" : "bg-[var(--Surface-Neutral-Tertiary)]"
             )
           },
           t
@@ -161,5 +163,5 @@ function _({
   );
 }
 export {
-  _ as ContentCarousel
+  D as ContentCarousel
 };