ksk-design-system 2.5.0 → 2.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -7730,11 +7730,17 @@ var nu = {
7730
7730
  size: 96,
7731
7731
  stroke: 6
7732
7732
  }
7733
- }, ru = () => {
7733
+ }, ru = {
7734
+ accent: "var(--Brand-Primary)",
7735
+ success: "var(--Success-Base)",
7736
+ caution: "var(--Caution-Base)",
7737
+ warning: "var(--Warning-Base)",
7738
+ info: "var(--Info-Base)"
7739
+ }, iu = () => {
7734
7740
  let e = globalThis.process;
7735
7741
  return !!e && e.env?.NODE_ENV !== "production";
7736
7742
  };
7737
- function iu(e) {
7743
+ function au(e) {
7738
7744
  let t = Object.values(nu).sort((e, t) => e.size - t.size), n = t[0], r = t[t.length - 1];
7739
7745
  if (e <= n.size) return n.stroke;
7740
7746
  if (e >= r.size) return r.stroke;
@@ -7747,66 +7753,66 @@ function iu(e) {
7747
7753
  }
7748
7754
  return r.stroke;
7749
7755
  }
7750
- function au(e) {
7756
+ function ou(e) {
7751
7757
  return e < 40 ? "typo-label-xs" : e < 56 ? "typo-label-sm" : "typo-label-md";
7752
7758
  }
7753
- function ou({ value: e, size: t = "md", strokeWidth: n, color: r = "var(--Brand-Primary)", trackColor: i = "var(--Border-Low-Emphasis)", label: a, showLabel: o = !0, className: s, "aria-label": c }) {
7754
- let l = typeof t == "number" ? t : nu[t].size, u = Number.isFinite(l) && l > 0, d = u ? l : nu.md.size, f = n ?? (u ? iu(d) : nu.md.stroke), p = Number.isFinite(f) && f >= 0, m = Math.min(p ? f : nu.md.stroke, d / 2 - .5);
7755
- if (ru()) {
7756
- u || console.warn(`[ProgressRing] size に描画できない値(${String(l)})が渡されました。正の px か "sm"|"md"|"lg"|"xl" を指定してください。既定の md(48px) で描画します。`), p || console.warn(`[ProgressRing] strokeWidth に描画できない値(${String(f)})が渡されました。0 以上の有限な数値を指定してください。`);
7757
- for (let [e, t] of [["color", r], ["trackColor", i]]) (/#|\brgba?\(|\bhsla?\(|\boklch\(/.test(t) || t.includes("--Primitive-")) && console.warn(`[ProgressRing] ${e} に生の色値または --Primitive-* が含まれています(${t})。テーマ切替が効かなくなるため semantic トークンのみを指定してください。`);
7759
+ function su({ value: e, size: t = "md", strokeWidth: n, tone: r, color: i, lineCap: a = "round", trackColor: o = "var(--Border-Low-Emphasis)", label: s, showLabel: c = !0, className: l, "aria-label": u }) {
7760
+ let d = typeof t == "number" ? t : nu[t].size, f = Number.isFinite(d) && d > 0, p = f ? d : nu.md.size, m = n ?? (f ? au(p) : nu.md.stroke), h = Number.isFinite(m) && m >= 0, g = Math.min(h ? m : nu.md.stroke, p / 2 - .5), _ = i ?? ru[r ?? "accent"];
7761
+ if (iu()) {
7762
+ f || console.warn(`[ProgressRing] size に描画できない値(${String(d)})が渡されました。正の px か "sm"|"md"|"lg"|"xl" を指定してください。既定の md(48px) で描画します。`), h || console.warn(`[ProgressRing] strokeWidth に描画できない値(${String(m)})が渡されました。0 以上の有限な数値を指定してください。`);
7763
+ for (let [e, t] of [["color", _], ["trackColor", o]]) (/#|\brgba?\(|\bhsla?\(|\boklch\(/.test(t) || t.includes("--Primitive-")) && console.warn(`[ProgressRing] ${e} に生の色値または --Primitive-* が含まれています(${t})。テーマ切替が効かなくなるため semantic トークンのみを指定してください。`);
7758
7764
  }
7759
- let h = (d - m) / 2, g = 2 * Math.PI * h, _ = Math.min(100, Math.max(0, e)), v = g * (1 - _ / 100);
7765
+ let v = (p - g) / 2, y = 2 * Math.PI * v, b = Math.min(100, Math.max(0, e)), x = y * (1 - b / 100);
7760
7766
  return /* @__PURE__ */ V("div", {
7761
7767
  "data-slot": "progress-ring",
7762
- className: G("relative inline-flex items-center justify-center", s),
7768
+ className: G("relative inline-flex items-center justify-center", l),
7763
7769
  style: {
7764
- width: d,
7765
- height: d
7770
+ width: p,
7771
+ height: p
7766
7772
  },
7767
7773
  role: "progressbar",
7768
- "aria-valuenow": _,
7774
+ "aria-valuenow": b,
7769
7775
  "aria-valuemin": 0,
7770
7776
  "aria-valuemax": 100,
7771
- "aria-label": c ?? (typeof a == "string" ? a : "進捗"),
7777
+ "aria-label": u ?? (typeof s == "string" ? s : "進捗"),
7772
7778
  children: [/* @__PURE__ */ V("svg", {
7773
- width: d,
7774
- height: d,
7779
+ width: p,
7780
+ height: p,
7775
7781
  className: "-rotate-90",
7776
7782
  children: [/* @__PURE__ */ B("circle", {
7777
- cx: d / 2,
7778
- cy: d / 2,
7779
- r: h,
7783
+ cx: p / 2,
7784
+ cy: p / 2,
7785
+ r: v,
7780
7786
  fill: "none",
7781
- stroke: i,
7782
- strokeWidth: m
7787
+ stroke: o,
7788
+ strokeWidth: g
7783
7789
  }), /* @__PURE__ */ B("circle", {
7784
- cx: d / 2,
7785
- cy: d / 2,
7786
- r: h,
7790
+ cx: p / 2,
7791
+ cy: p / 2,
7792
+ r: v,
7787
7793
  fill: "none",
7788
- stroke: r,
7789
- strokeWidth: m,
7790
- strokeLinecap: "round",
7791
- strokeDasharray: g,
7792
- strokeDashoffset: v,
7794
+ stroke: _,
7795
+ strokeWidth: g,
7796
+ strokeLinecap: a,
7797
+ strokeDasharray: y,
7798
+ strokeDashoffset: x,
7793
7799
  style: { transition: "stroke-dashoffset var(--Motion-Duration-Ring) var(--Motion-Easing-Standard)" }
7794
7800
  })]
7795
- }), o && /* @__PURE__ */ B("span", {
7796
- className: G("absolute inset-0 flex items-center justify-center", au(d), "text-[var(--Text-High-Emphasis)]"),
7797
- children: a ?? `${Math.round(_)}%`
7801
+ }), c && /* @__PURE__ */ B("span", {
7802
+ className: G("absolute inset-0 flex items-center justify-center", ou(p), "text-[var(--Text-High-Emphasis)]"),
7803
+ children: s ?? `${Math.round(b)}%`
7798
7804
  })]
7799
7805
  });
7800
7806
  }
7801
7807
  //#endregion
7802
7808
  //#region src/lib/ime.ts
7803
- function su(e) {
7809
+ function cu(e) {
7804
7810
  let t = e.nativeEvent ?? e;
7805
7811
  return t.isComposing === !0 || t.keyCode === 229;
7806
7812
  }
7807
7813
  //#endregion
7808
7814
  //#region src/components/ui/number-input.tsx
7809
- var cu = {
7815
+ var lu = {
7810
7816
  sm: {
7811
7817
  wrap: "h-9 gap-2",
7812
7818
  btn: "w-8 h-8",
@@ -7820,7 +7826,7 @@ var cu = {
7820
7826
  text: "typo-body-md w-10"
7821
7827
  }
7822
7828
  };
7823
- function lu({ value: e = 0, onChange: t, min: n = -Infinity, max: r = Infinity, step: i = 1, format: a, placeholder: o = "0", disabled: s = !1, size: c = "md", className: l, decrementLabel: d = "減らす", incrementLabel: f = "増やす" }) {
7829
+ function uu({ value: e = 0, onChange: t, min: n = -Infinity, max: r = Infinity, step: i = 1, format: a, placeholder: o = "0", disabled: s = !1, size: c = "md", className: l, decrementLabel: d = "減らす", incrementLabel: f = "増やす" }) {
7824
7830
  let [p, m] = u.useState(String(e)), [h, g] = u.useState(!1), _ = (i) => {
7825
7831
  let a = parseFloat(i.replace(/[^0-9.-]/g, ""));
7826
7832
  if (isNaN(a)) {
@@ -7835,7 +7841,7 @@ function lu({ value: e = 0, onChange: t, min: n = -Infinity, max: r = Infinity,
7835
7841
  }, y = () => {
7836
7842
  let r = Math.max(n, e - i);
7837
7843
  m(String(r)), t?.(r);
7838
- }, b = h ? p : a ? a(e) : String(e), x = cu[c], S = G("flex items-center justify-center rounded-full border border-[var(--Border-Medium-Emphasis)] shrink-0 transition-colors select-none", x.btn, "border-[var(--Border-Medium-Emphasis)] text-[var(--Object-Medium-Emphasis)]", "hover:border-[var(--Brand-Primary)] hover:text-[var(--Brand-Primary)] hover:bg-[var(--Brand-Ultra-Light)]", "active:scale-95", "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:border-[var(--Border-Medium-Emphasis)] disabled:hover:text-[var(--Object-Medium-Emphasis)] disabled:hover:bg-transparent");
7844
+ }, b = h ? p : a ? a(e) : String(e), x = lu[c], S = G("flex items-center justify-center rounded-full border border-[var(--Border-Medium-Emphasis)] shrink-0 transition-colors select-none", x.btn, "border-[var(--Border-Medium-Emphasis)] text-[var(--Object-Medium-Emphasis)]", "hover:border-[var(--Brand-Primary)] hover:text-[var(--Brand-Primary)] hover:bg-[var(--Brand-Ultra-Light)]", "active:scale-95", "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:border-[var(--Border-Medium-Emphasis)] disabled:hover:text-[var(--Object-Medium-Emphasis)] disabled:hover:bg-transparent");
7839
7845
  return /* @__PURE__ */ V("div", {
7840
7846
  "data-slot": "number-input",
7841
7847
  className: G("inline-flex items-center", x.wrap, s && "opacity-50 pointer-events-none", l),
@@ -7874,7 +7880,7 @@ function lu({ value: e = 0, onChange: t, min: n = -Infinity, max: r = Infinity,
7874
7880
  g(!1), _(e.target.value);
7875
7881
  },
7876
7882
  onKeyDown: (e) => {
7877
- su(e) || (e.key === "Enter" && e.target.blur(), e.key === "ArrowUp" && (e.preventDefault(), v()), e.key === "ArrowDown" && (e.preventDefault(), y()));
7883
+ cu(e) || (e.key === "Enter" && e.target.blur(), e.key === "ArrowUp" && (e.preventDefault(), v()), e.key === "ArrowDown" && (e.preventDefault(), y()));
7878
7884
  },
7879
7885
  className: G("text-center bg-transparent focus-visible:outline-none text-[var(--Text-High-Emphasis)] placeholder:text-[var(--Text-Low-Emphasis)] tabular-nums", x.text)
7880
7886
  }),
@@ -7903,11 +7909,11 @@ function lu({ value: e = 0, onChange: t, min: n = -Infinity, max: r = Infinity,
7903
7909
  }
7904
7910
  //#endregion
7905
7911
  //#region src/components/ui/pill-toggle.tsx
7906
- var uu = {
7912
+ var du = {
7907
7913
  sm: "h-8 px-3 typo-label-xs",
7908
7914
  md: "h-9 px-4 typo-label-sm"
7909
7915
  };
7910
- function du({ options: e, value: t, onChange: n, onValueChange: r, size: i = "md", fullWidth: a = !1, className: o }) {
7916
+ function fu({ options: e, value: t, onChange: n, onValueChange: r, size: i = "md", fullWidth: a = !1, className: o }) {
7911
7917
  let s = n ?? r;
7912
7918
  return /* @__PURE__ */ V(Wl, {
7913
7919
  "data-slot": "pill-toggle",
@@ -7918,7 +7924,7 @@ function du({ options: e, value: t, onChange: n, onValueChange: r, size: i = "md
7918
7924
  className: G(a && "flex w-full", o),
7919
7925
  children: e.map((e) => /* @__PURE__ */ V(Kl, {
7920
7926
  value: e.value,
7921
- className: G(uu[i], a && "flex-1 min-w-0 overflow-hidden"),
7927
+ className: G(du[i], a && "flex-1 min-w-0 overflow-hidden"),
7922
7928
  children: [e.icon && /* @__PURE__ */ B("span", {
7923
7929
  className: "shrink-0",
7924
7930
  children: e.icon
@@ -7936,18 +7942,18 @@ function du({ options: e, value: t, onChange: n, onValueChange: r, size: i = "md
7936
7942
  }
7937
7943
  //#endregion
7938
7944
  //#region src/components/ui/star-rating.tsx
7939
- var fu = {
7945
+ var pu = {
7940
7946
  sm: "size-4",
7941
7947
  md: "size-5",
7942
7948
  lg: "size-6",
7943
7949
  xl: "size-8"
7944
- }, pu = {
7950
+ }, mu = {
7945
7951
  sm: "typo-label-xs",
7946
7952
  md: "typo-label-sm",
7947
7953
  lg: "typo-label-md",
7948
7954
  xl: "typo-label-lg"
7949
7955
  };
7950
- function mu({ filled: e, half: t, className: n }) {
7956
+ function hu({ filled: e, half: t, className: n }) {
7951
7957
  return t ? /* @__PURE__ */ V("svg", {
7952
7958
  viewBox: "0 0 24 24",
7953
7959
  className: n,
@@ -7983,7 +7989,7 @@ function mu({ filled: e, half: t, className: n }) {
7983
7989
  })
7984
7990
  });
7985
7991
  }
7986
- function hu({ value: e, onChange: t, max: n = 5, size: r = "md", showLabel: i = !1, allowClear: a = !1, label: o = "評価", valueLabel: s = (e, t) => `${e}/${t}点`, starLabel: c = (e) => `${e}点`, className: l }) {
7992
+ function gu({ value: e, onChange: t, max: n = 5, size: r = "md", showLabel: i = !1, allowClear: a = !1, label: o = "評価", valueLabel: s = (e, t) => `${e}/${t}点`, starLabel: c = (e) => `${e}点`, className: l }) {
7987
7993
  let [d, f] = u.useState(null), p = u.useRef([]), m = !!t, h = d ?? e, g = Number.isInteger(e) && e >= 1 && e <= n ? e : 1, _ = (e, r) => {
7988
7994
  let i;
7989
7995
  switch (e.key) {
@@ -8011,7 +8017,7 @@ function hu({ value: e, onChange: t, max: n = 5, size: r = "md", showLabel: i =
8011
8017
  "aria-label": m ? o : s(e, n),
8012
8018
  className: G("inline-flex items-center gap-1", l),
8013
8019
  children: [Array.from({ length: n }, (n, i) => {
8014
- let o = i + 1, s = h >= o, l = !s && h >= o - .5, u = G("transition-colors text-[var(--Brand-Primary)]", fu[r], !m && "cursor-default pointer-events-none", !s && !l && "text-[var(--Border-Medium-Emphasis)]");
8020
+ let o = i + 1, s = h >= o, l = !s && h >= o - .5, u = G("transition-colors text-[var(--Brand-Primary)]", pu[r], !m && "cursor-default pointer-events-none", !s && !l && "text-[var(--Border-Medium-Emphasis)]");
8015
8021
  return m ? /* @__PURE__ */ B(K, {
8016
8022
  ref: (e) => {
8017
8023
  p.current[i] = e;
@@ -8031,22 +8037,22 @@ function hu({ value: e, onChange: t, max: n = 5, size: r = "md", showLabel: i =
8031
8037
  onMouseEnter: () => f(o),
8032
8038
  onMouseLeave: () => f(null),
8033
8039
  className: G("shrink-0 text-[var(--Brand-Primary)]", !s && !l && "text-[var(--Border-Medium-Emphasis)]"),
8034
- children: /* @__PURE__ */ B(mu, {
8040
+ children: /* @__PURE__ */ B(hu, {
8035
8041
  filled: s,
8036
8042
  half: l,
8037
- className: fu[r]
8043
+ className: pu[r]
8038
8044
  })
8039
8045
  }, i) : /* @__PURE__ */ B("span", {
8040
8046
  "aria-hidden": "true",
8041
8047
  className: u,
8042
- children: /* @__PURE__ */ B(mu, {
8048
+ children: /* @__PURE__ */ B(hu, {
8043
8049
  filled: s,
8044
8050
  half: l,
8045
8051
  className: "size-full"
8046
8052
  })
8047
8053
  }, i);
8048
8054
  }), i && /* @__PURE__ */ V("span", {
8049
- className: G("ml-1 text-[var(--Text-Medium-Emphasis)]", pu[r]),
8055
+ className: G("ml-1 text-[var(--Text-Medium-Emphasis)]", mu[r]),
8050
8056
  children: [
8051
8057
  e,
8052
8058
  "/",
@@ -8057,10 +8063,10 @@ function hu({ value: e, onChange: t, max: n = 5, size: r = "md", showLabel: i =
8057
8063
  }
8058
8064
  //#endregion
8059
8065
  //#region src/components/ui/countdown-timer.tsx
8060
- function gu(e) {
8066
+ function _u(e) {
8061
8067
  return String(e).padStart(2, "0");
8062
8068
  }
8063
- function _u(e) {
8069
+ function vu(e) {
8064
8070
  let t = Math.max(0, e.getTime() - Date.now()), n = Math.floor(t / 1e3);
8065
8071
  return {
8066
8072
  h: Math.floor(n / 3600),
@@ -8069,14 +8075,14 @@ function _u(e) {
8069
8075
  totalSec: n
8070
8076
  };
8071
8077
  }
8072
- function vu(e) {
8078
+ function yu(e) {
8073
8079
  let t = /* @__PURE__ */ new Date();
8074
8080
  t.setHours(0, 0, 0, 0);
8075
8081
  let n = new Date(e);
8076
8082
  return n.setHours(0, 0, 0, 0), Math.round((n.getTime() - t.getTime()) / (1440 * 60 * 1e3));
8077
8083
  }
8078
- function yu({ targetDate: e, label: t = "残り", endedLabel: n = "受付終了", todayLabel: r = "本日", variant: i = "filled", className: a, onEnd: o, dayUnit: s = "日" }) {
8079
- let [c, l] = u.useState(() => Date.now()), d = u.useMemo(() => vu(e), [c, e]);
8084
+ function bu({ targetDate: e, label: t = "残り", endedLabel: n = "受付終了", todayLabel: r = "本日", variant: i = "filled", className: a, onEnd: o, dayUnit: s = "日" }) {
8085
+ let [c, l] = u.useState(() => Date.now()), d = u.useMemo(() => yu(e), [c, e]);
8080
8086
  return u.useEffect(() => {
8081
8087
  let e = setInterval(() => l(Date.now()), 3600 * 1e3);
8082
8088
  return () => clearInterval(e);
@@ -8120,12 +8126,12 @@ function yu({ targetDate: e, label: t = "残り", endedLabel: n = "受付終了"
8120
8126
  ]
8121
8127
  });
8122
8128
  }
8123
- function bu({ targetDate: e, granularity: t = "second", label: n = "残り", endedLabel: r = "受付終了", variant: i = "filled", compact: a = !1, className: o, onEnd: s, hourUnit: c = "時間", minuteUnit: l = "分", secondUnit: d = "秒" }) {
8124
- let [f, p] = u.useState(() => _u(e)), [m, h] = u.useState(() => Date.now() >= e.getTime() ? "ended" : "active"), g = u.useRef(!1), _ = t === "hour" ? 60 * 1e3 : 1e3;
8129
+ function xu({ targetDate: e, granularity: t = "second", label: n = "残り", endedLabel: r = "受付終了", variant: i = "filled", compact: a = !1, className: o, onEnd: s, hourUnit: c = "時間", minuteUnit: l = "分", secondUnit: d = "秒" }) {
8130
+ let [f, p] = u.useState(() => vu(e)), [m, h] = u.useState(() => Date.now() >= e.getTime() ? "ended" : "active"), g = u.useRef(!1), _ = t === "hour" ? 60 * 1e3 : 1e3;
8125
8131
  if (u.useEffect(() => {
8126
8132
  g.current = !1;
8127
8133
  let t = () => {
8128
- let t = _u(e);
8134
+ let t = vu(e);
8129
8135
  p(t), t.totalSec === 0 && !g.current && (g.current = !0, h("ended"), s?.());
8130
8136
  };
8131
8137
  t();
@@ -8161,34 +8167,34 @@ function bu({ targetDate: e, granularity: t = "second", label: n = "残り", end
8161
8167
  }), r]
8162
8168
  });
8163
8169
  let { h: v, m: y, s: b } = f, x = t === "hour" ? [{
8164
- num: gu(v),
8170
+ num: _u(v),
8165
8171
  unit: c
8166
8172
  }, {
8167
- num: gu(y),
8173
+ num: _u(y),
8168
8174
  unit: l
8169
8175
  }] : t === "minute" ? [...v > 0 ? [{
8170
- num: gu(v),
8176
+ num: _u(v),
8171
8177
  unit: c
8172
8178
  }] : [], {
8173
- num: gu(y),
8179
+ num: _u(y),
8174
8180
  unit: l
8175
8181
  }] : a ? [{
8176
- num: gu(y),
8182
+ num: _u(y),
8177
8183
  unit: l
8178
8184
  }, {
8179
- num: gu(b),
8185
+ num: _u(b),
8180
8186
  unit: d
8181
8187
  }] : [
8182
8188
  ...v > 0 ? [{
8183
- num: gu(v),
8189
+ num: _u(v),
8184
8190
  unit: c
8185
8191
  }] : [],
8186
8192
  {
8187
- num: gu(y),
8193
+ num: _u(y),
8188
8194
  unit: l
8189
8195
  },
8190
8196
  {
8191
- num: gu(b),
8197
+ num: _u(b),
8192
8198
  unit: d
8193
8199
  }
8194
8200
  ], S = i === "filled";
@@ -8218,12 +8224,12 @@ function bu({ targetDate: e, granularity: t = "second", label: n = "残り", end
8218
8224
  })] }, e.unit))]
8219
8225
  });
8220
8226
  }
8221
- function xu(e) {
8222
- return e.granularity === "day" ? /* @__PURE__ */ B(yu, { ...e }) : /* @__PURE__ */ B(bu, { ...e });
8227
+ function Su(e) {
8228
+ return e.granularity === "day" ? /* @__PURE__ */ B(bu, { ...e }) : /* @__PURE__ */ B(xu, { ...e });
8223
8229
  }
8224
8230
  //#endregion
8225
8231
  //#region src/components/ui/sub-nav.tsx
8226
- function Su({ items: e, value: t, onChange: n, variant: r = "underline", sticky: i = !1, className: a }) {
8232
+ function Cu({ items: e, value: t, onChange: n, variant: r = "underline", sticky: i = !1, className: a }) {
8227
8233
  let o = u.useRef(null), s = u.useRef(null), c = u.useId();
8228
8234
  return u.useEffect(() => {
8229
8235
  let e = o.current, t = s.current;
@@ -8300,7 +8306,7 @@ function Su({ items: e, value: t, onChange: n, variant: r = "underline", sticky:
8300
8306
  }
8301
8307
  //#endregion
8302
8308
  //#region src/components/ui/section-nav.tsx
8303
- function Cu({ items: e, activeKey: t, orientation: n = "vertical", onItemClick: r, className: i, "aria-label": a = "ページ内セクション", ...o }) {
8309
+ function wu({ items: e, activeKey: t, orientation: n = "vertical", onItemClick: r, className: i, "aria-label": a = "ページ内セクション", ...o }) {
8304
8310
  let s = n === "horizontal";
8305
8311
  return /* @__PURE__ */ B("nav", {
8306
8312
  ...o,
@@ -8328,7 +8334,7 @@ function Cu({ items: e, activeKey: t, orientation: n = "vertical", onItemClick:
8328
8334
  }
8329
8335
  //#endregion
8330
8336
  //#region src/components/ui/icon-badge.tsx
8331
- var wu = H("inline-flex shrink-0 items-center justify-center text-[var(--Object-Accent-Primary)]", {
8337
+ var Tu = H("inline-flex shrink-0 items-center justify-center text-[var(--Object-Accent-Primary)]", {
8332
8338
  variants: {
8333
8339
  size: {
8334
8340
  md: "size-11",
@@ -8371,7 +8377,7 @@ var wu = H("inline-flex shrink-0 items-center justify-center text-[var(--Object-
8371
8377
  appearance: "accent"
8372
8378
  }
8373
8379
  });
8374
- function Tu({ className: e, size: t, appearance: n, "aria-label": r, ...i }) {
8380
+ function Eu({ className: e, size: t, appearance: n, "aria-label": r, ...i }) {
8375
8381
  return /* @__PURE__ */ B("span", {
8376
8382
  "data-slot": "icon-badge",
8377
8383
  "data-size": t ?? "md",
@@ -8379,7 +8385,7 @@ function Tu({ className: e, size: t, appearance: n, "aria-label": r, ...i }) {
8379
8385
  role: r ? "img" : void 0,
8380
8386
  "aria-hidden": r ? void 0 : !0,
8381
8387
  "aria-label": r,
8382
- className: G(wu({
8388
+ className: G(Tu({
8383
8389
  size: t,
8384
8390
  appearance: n
8385
8391
  }), e),
@@ -8388,13 +8394,13 @@ function Tu({ className: e, size: t, appearance: n, "aria-label": r, ...i }) {
8388
8394
  }
8389
8395
  //#endregion
8390
8396
  //#region src/components/ui/coach-mark.tsx
8391
- var Eu = {
8397
+ var Du = {
8392
8398
  top: "top",
8393
8399
  bottom: "bottom",
8394
8400
  left: "left",
8395
8401
  right: "right"
8396
8402
  };
8397
- function Du({ content: e, children: t, placement: n = "top", variant: r = "default", open: i, onOpenChange: a, step: o, totalSteps: s, onNext: c, showClose: l, onClose: u, nextLabel: d = "次へ →", skipLabel: f = "スキップ", ariaLabel: p, delayDuration: m = 0, className: h }) {
8403
+ function Ou({ content: e, children: t, placement: n = "top", variant: r = "default", open: i, onOpenChange: a, step: o, totalSteps: s, onNext: c, showClose: l, onClose: u, nextLabel: d = "次へ →", skipLabel: f = "スキップ", ariaLabel: p, delayDuration: m = 0, className: h }) {
8398
8404
  let g = o !== void 0, _ = p ?? (typeof e == "string" ? e : "コーチマーク"), v = Ie();
8399
8405
  return /* @__PURE__ */ B(I.Provider, {
8400
8406
  delayDuration: m,
@@ -8410,7 +8416,7 @@ function Du({ content: e, children: t, placement: n = "top", variant: r = "defau
8410
8416
  "data-slot": "coach-mark",
8411
8417
  "data-variant": r,
8412
8418
  "aria-label": _,
8413
- side: Eu[n],
8419
+ side: Du[n],
8414
8420
  sideOffset: 8,
8415
8421
  className: G("z-[var(--Z-Coachmark)] max-w-[240px] rounded-lg px-3 py-2 typo-body-sm leading-relaxed shadow-[var(--shadow-tooltip)]", "data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0", r === "brand" ? "bg-[var(--Brand-Primary)] text-[var(--Text-on-Inverse)]" : "bg-[var(--Surface-Inverse)] text-[var(--Text-on-Inverse)]", h),
8416
8422
  children: [g ? /* @__PURE__ */ V("div", {
@@ -8452,14 +8458,14 @@ function Du({ content: e, children: t, placement: n = "top", variant: r = "defau
8452
8458
  }
8453
8459
  //#endregion
8454
8460
  //#region src/components/patterns/coach-mark-overlay.tsx
8455
- var Ou = {
8461
+ var ku = {
8456
8462
  next: "次へ →",
8457
8463
  skip: "スキップ",
8458
8464
  ariaLabel: "Onboarding coach mark"
8459
- }, ku = "ksk-coach-done", Au = "v1";
8460
- function ju({ steps: e, open: t, onComplete: n, onSkip: r, variant: i = "default", ringColor: a = "var(--Brand-Primary)", maxWidth: o = 280, labels: s, autoFocus: c = !0, restoreFocusOnClose: l = !0, closeOnEsc: d = !0 }) {
8465
+ }, Au = "ksk-coach-done", ju = "v1";
8466
+ function Mu({ steps: e, open: t, onComplete: n, onSkip: r, variant: i = "default", ringColor: a = "var(--Brand-Primary)", maxWidth: o = 280, labels: s, autoFocus: c = !0, restoreFocusOnClose: l = !0, closeOnEsc: d = !0 }) {
8461
8467
  let f = {
8462
- ...Ou,
8468
+ ...ku,
8463
8469
  ...s
8464
8470
  }, [p, m] = u.useState(0), [h, g] = u.useState(null), [_, v] = u.useState(null), y = u.useCallback(() => {
8465
8471
  r ? r() : n();
@@ -8560,7 +8566,7 @@ function ju({ steps: e, open: t, onComplete: n, onSkip: r, variant: i = "default
8560
8566
  /* @__PURE__ */ B("div", { style: O }),
8561
8567
  /* @__PURE__ */ B(Fe, {
8562
8568
  container: _,
8563
- children: /* @__PURE__ */ B(Du, {
8569
+ children: /* @__PURE__ */ B(Ou, {
8564
8570
  content: /* @__PURE__ */ V("div", {
8565
8571
  className: G("max-w-xs"),
8566
8572
  style: { maxWidth: o },
@@ -8603,7 +8609,7 @@ function ju({ steps: e, open: t, onComplete: n, onSkip: r, variant: i = "default
8603
8609
  })
8604
8610
  }), document.body);
8605
8611
  }
8606
- function Mu(e = ku, t = Au) {
8612
+ function Nu(e = Au, t = ju) {
8607
8613
  if (typeof window > "u") return !0;
8608
8614
  try {
8609
8615
  return localStorage.getItem(e) === t;
@@ -8611,26 +8617,26 @@ function Mu(e = ku, t = Au) {
8611
8617
  return !0;
8612
8618
  }
8613
8619
  }
8614
- function Nu(e = ku, t = Au) {
8620
+ function Pu(e = Au, t = ju) {
8615
8621
  if (!(typeof window > "u")) try {
8616
8622
  localStorage.setItem(e, t);
8617
8623
  } catch {}
8618
8624
  }
8619
- function Pu(e = ku) {
8625
+ function Fu(e = Au) {
8620
8626
  if (!(typeof window > "u")) try {
8621
8627
  localStorage.removeItem(e);
8622
8628
  } catch {}
8623
8629
  }
8624
8630
  //#endregion
8625
8631
  //#region src/components/patterns/cookie-consent.tsx
8626
- var Fu = "ksk-cookie-consent", Iu = "ksk:cookie-decided", Lu = {
8632
+ var Iu = "ksk-cookie-consent", Lu = "ksk:cookie-decided", Ru = {
8627
8633
  title: "Cookies",
8628
8634
  description: "This site uses cookies for analytics and feature improvement. You can choose essential-only or accept all.",
8629
8635
  essentialOnly: "Essential only",
8630
8636
  accept: "Accept",
8631
8637
  ariaLabel: "Cookie consent"
8632
8638
  };
8633
- function Ru(e = Fu) {
8639
+ function zu(e = Iu) {
8634
8640
  if (typeof window > "u") return !0;
8635
8641
  try {
8636
8642
  return !!localStorage.getItem(e);
@@ -8638,35 +8644,35 @@ function Ru(e = Fu) {
8638
8644
  return !0;
8639
8645
  }
8640
8646
  }
8641
- function zu(e) {
8647
+ function Bu(e) {
8642
8648
  try {
8643
8649
  return typeof localStorage < "u" ? localStorage.getItem(e) : null;
8644
8650
  } catch {
8645
8651
  return null;
8646
8652
  }
8647
8653
  }
8648
- function Bu(e, t) {
8654
+ function Vu(e, t) {
8649
8655
  try {
8650
8656
  typeof localStorage < "u" && localStorage.setItem(e, t);
8651
8657
  } catch {}
8652
8658
  }
8653
- function Vu({ labels: e, showDelay: t = 1500, storageKey: n = Fu, eventName: r = Iu, icon: i = /* @__PURE__ */ B("span", {
8659
+ function Hu({ labels: e, showDelay: t = 1500, storageKey: n = Iu, eventName: r = Lu, icon: i = /* @__PURE__ */ B("span", {
8654
8660
  "aria-hidden": "true",
8655
8661
  className: "text-xl flex-shrink-0",
8656
8662
  children: "🍪"
8657
8663
  }), onDecide: a, className: o }) {
8658
8664
  let [s, c] = u.useState(!1), l = {
8659
- ...Lu,
8665
+ ...Ru,
8660
8666
  ...e
8661
8667
  };
8662
8668
  u.useEffect(() => {
8663
- if (!zu(n)) {
8669
+ if (!Bu(n)) {
8664
8670
  let e = setTimeout(() => c(!0), t);
8665
8671
  return () => clearTimeout(e);
8666
8672
  }
8667
8673
  }, [n, t]);
8668
8674
  let d = (e) => {
8669
- Bu(n, e), Bu(`${n}-at`, (/* @__PURE__ */ new Date()).toISOString()), c(!1), a?.(e), typeof window < "u" && window.dispatchEvent(new CustomEvent(r, { detail: { choice: e } }));
8675
+ Vu(n, e), Vu(`${n}-at`, (/* @__PURE__ */ new Date()).toISOString()), c(!1), a?.(e), typeof window < "u" && window.dispatchEvent(new CustomEvent(r, { detail: { choice: e } }));
8670
8676
  };
8671
8677
  return s ? /* @__PURE__ */ B("div", {
8672
8678
  "data-slot": "cookie-consent",
@@ -8709,7 +8715,7 @@ function Vu({ labels: e, showDelay: t = 1500, storageKey: n = Fu, eventName: r =
8709
8715
  }
8710
8716
  //#endregion
8711
8717
  //#region src/components/ui/social-icon-data.tsx
8712
- var Hu = {
8718
+ var Uu = {
8713
8719
  amazon: "Amazon",
8714
8720
  android: "Android",
8715
8721
  apple: "Apple",
@@ -8782,7 +8788,7 @@ var Hu = {
8782
8788
  "youtube-music": "Youtube Music",
8783
8789
  "youtube-shorts": "YouTube Shorts",
8784
8790
  zoom: "Zoom"
8785
- }, Uu = {
8791
+ }, Wu = {
8786
8792
  amazon: {
8787
8793
  mono: {
8788
8794
  viewBox: "0 0 250 250",
@@ -11574,15 +11580,15 @@ var Hu = {
11574
11580
  }) })] })
11575
11581
  }
11576
11582
  }
11577
- }, Wu = /* @__PURE__ */ "amazon.android.apple.apple-music.apple-podcasts.artstation.baidu.behance.boosty.devianart.discord.dprofile.dribbble.dzen.facebook.figma.github.gmail.google.google-meet.google-play.google-podcast.imo.instagram.kickstarter.line.linkedin.medium.messenger.microsoft-teams.notion.ok.ok-only-sign.onlyfans.patreon.paypal.pinterest.product-hunt.qiita.quora.reddit.signal.sina-weibo.skype.slack.snapchat.soundcloud.spotify.stack-overflow.telegram.telegram-only-sign.threads.tiktok.tinder.tumblr.twitch.viber.vimeo.vk.vk-music.vk-only-sign.wantedly.wechat.whatsapp.x-ex-twitter.xing.yandex-music.yelp.youtube.youtube-music.youtube-shorts.zoom".split("."), Gu = ["brand", "mono"];
11578
- function Ku(e, t) {
11579
- let n = Uu[e];
11583
+ }, Gu = /* @__PURE__ */ "amazon.android.apple.apple-music.apple-podcasts.artstation.baidu.behance.boosty.devianart.discord.dprofile.dribbble.dzen.facebook.figma.github.gmail.google.google-meet.google-play.google-podcast.imo.instagram.kickstarter.line.linkedin.medium.messenger.microsoft-teams.notion.ok.ok-only-sign.onlyfans.patreon.paypal.pinterest.product-hunt.qiita.quora.reddit.signal.sina-weibo.skype.slack.snapchat.soundcloud.spotify.stack-overflow.telegram.telegram-only-sign.threads.tiktok.tinder.tumblr.twitch.viber.vimeo.vk.vk-music.vk-only-sign.wantedly.wechat.whatsapp.x-ex-twitter.xing.yandex-music.yelp.youtube.youtube-music.youtube-shorts.zoom".split("."), Ku = ["brand", "mono"];
11584
+ function qu(e, t) {
11585
+ let n = Wu[e];
11580
11586
  if (!n) return null;
11581
- for (let e of [t, ...Gu.filter((e) => e !== t)]) if (n[e]) return n[e];
11587
+ for (let e of [t, ...Ku.filter((e) => e !== t)]) if (n[e]) return n[e];
11582
11588
  return null;
11583
11589
  }
11584
- function qu({ platform: e, tone: t = "brand", size: n = 24, className: r, ...i }) {
11585
- let a = Ku(e, t);
11590
+ function Ju({ platform: e, tone: t = "brand", size: n = 24, className: r, ...i }) {
11591
+ let a = qu(e, t);
11586
11592
  return a ? /* @__PURE__ */ B("svg", {
11587
11593
  "data-slot": "social-icon",
11588
11594
  "data-platform": e,
@@ -11591,7 +11597,7 @@ function qu({ platform: e, tone: t = "brand", size: n = 24, className: r, ...i }
11591
11597
  viewBox: a.viewBox,
11592
11598
  fill: "none",
11593
11599
  role: "img",
11594
- "aria-label": Hu[e] ?? e,
11600
+ "aria-label": Uu[e] ?? e,
11595
11601
  className: G("inline-block shrink-0", r),
11596
11602
  ...i,
11597
11603
  children: a.body
@@ -11599,7 +11605,7 @@ function qu({ platform: e, tone: t = "brand", size: n = 24, className: r, ...i }
11599
11605
  }
11600
11606
  //#endregion
11601
11607
  //#region src/components/ui/social-login-button.tsx
11602
- var Ju = {
11608
+ var Yu = {
11603
11609
  line: {
11604
11610
  label: "LINEでログイン",
11605
11611
  platform: "line",
@@ -11625,8 +11631,8 @@ var Ju = {
11625
11631
  className: "border-[var(--Brand-Amazon)] text-[var(--Text-High-Emphasis)] bg-[var(--Surface-Primary)] hover:bg-[var(--Surface-Secondary)]"
11626
11632
  }
11627
11633
  };
11628
- function Yu({ provider: e, loading: t = !1, fullWidth: n = !1, className: r, disabled: i, children: a, ...o }) {
11629
- let s = Ju[e];
11634
+ function Xu({ provider: e, loading: t = !1, fullWidth: n = !1, className: r, disabled: i, children: a, ...o }) {
11635
+ let s = Yu[e];
11630
11636
  return /* @__PURE__ */ V("button", {
11631
11637
  "data-slot": "social-login-button",
11632
11638
  "data-provider": e,
@@ -11650,7 +11656,7 @@ function Yu({ provider: e, loading: t = !1, fullWidth: n = !1, className: r, dis
11650
11656
  strokeDasharray: "30",
11651
11657
  strokeDashoffset: "10"
11652
11658
  })
11653
- }) : /* @__PURE__ */ B(qu, {
11659
+ }) : /* @__PURE__ */ B(Ju, {
11654
11660
  platform: s.platform,
11655
11661
  tone: s.iconTone,
11656
11662
  size: 22,
@@ -11664,13 +11670,13 @@ function Yu({ provider: e, loading: t = !1, fullWidth: n = !1, className: r, dis
11664
11670
  }
11665
11671
  //#endregion
11666
11672
  //#region src/components/ui/image-gallery.tsx
11667
- var Xu = {
11673
+ var Zu = {
11668
11674
  square: "aspect-square",
11669
11675
  "4/3": "aspect-[4/3]",
11670
11676
  "16/9": "aspect-video",
11671
11677
  "3/4": "aspect-[3/4]"
11672
11678
  };
11673
- function Zu({ images: e, indicatorType: t = "thumbnail", aspectRatio: n = "4/3", onImageClick: r, className: i, prevLabel: a = "前の画像", nextLabel: o = "次の画像", imageLabel: s = (e) => `画像 ${e + 1}` }) {
11679
+ function Qu({ images: e, indicatorType: t = "thumbnail", aspectRatio: n = "4/3", onImageClick: r, className: i, prevLabel: a = "前の画像", nextLabel: o = "次の画像", imageLabel: s = (e) => `画像 ${e + 1}` }) {
11674
11680
  let [c, l] = u.useState(0), d = () => l((e) => Math.max(0, e - 1)), f = () => l((t) => Math.min(e.length - 1, t + 1)), p = u.useRef(null), m = (e) => {
11675
11681
  p.current = e.touches[0].clientX;
11676
11682
  }, h = (e) => {
@@ -11683,7 +11689,7 @@ function Zu({ images: e, indicatorType: t = "thumbnail", aspectRatio: n = "4/3",
11683
11689
  className: G("flex flex-col gap-2", i),
11684
11690
  children: [
11685
11691
  /* @__PURE__ */ V("div", {
11686
- className: G("relative w-full overflow-hidden rounded-xl bg-[var(--Surface-Tertiary)]", r && "cursor-pointer", Xu[n] ?? "aspect-[4/3]"),
11692
+ className: G("relative w-full overflow-hidden rounded-xl bg-[var(--Surface-Tertiary)]", r && "cursor-pointer", Zu[n] ?? "aspect-[4/3]"),
11687
11693
  onTouchStart: m,
11688
11694
  onTouchEnd: h,
11689
11695
  children: [
@@ -11778,7 +11784,7 @@ function Zu({ images: e, indicatorType: t = "thumbnail", aspectRatio: n = "4/3",
11778
11784
  }
11779
11785
  //#endregion
11780
11786
  //#region src/components/ui/navigation-bar.tsx
11781
- function Qu({ size: e = 20 }) {
11787
+ function $u({ size: e = 20 }) {
11782
11788
  return /* @__PURE__ */ B("svg", {
11783
11789
  width: e,
11784
11790
  height: e,
@@ -11794,7 +11800,7 @@ function Qu({ size: e = 20 }) {
11794
11800
  })
11795
11801
  });
11796
11802
  }
11797
- function $u({ size: e = 20 }) {
11803
+ function ed({ size: e = 20 }) {
11798
11804
  return /* @__PURE__ */ B("svg", {
11799
11805
  width: e,
11800
11806
  height: e,
@@ -11810,7 +11816,7 @@ function $u({ size: e = 20 }) {
11810
11816
  })
11811
11817
  });
11812
11818
  }
11813
- function ed({ size: e = 20 }) {
11819
+ function td({ size: e = 20 }) {
11814
11820
  return /* @__PURE__ */ V("svg", {
11815
11821
  width: e,
11816
11822
  height: e,
@@ -11831,8 +11837,8 @@ function ed({ size: e = 20 }) {
11831
11837
  })]
11832
11838
  });
11833
11839
  }
11834
- function td({ title: e, leftIcon: t = "back", onLeft: n, leftLabel: r, rightSlot: i, onShare: a, shareLabel: o = "シェア", glass: s = !1, transparent: c = !1, className: l }) {
11835
- let u = () => t === "back" ? /* @__PURE__ */ B($u, {}) : t === "close" ? /* @__PURE__ */ B(Qu, {}) : t, d = t === "close" ? "閉じる" : "戻る", f = s ? "glass" : "secondary";
11840
+ function nd({ title: e, leftIcon: t = "back", onLeft: n, leftLabel: r, rightSlot: i, onShare: a, shareLabel: o = "シェア", glass: s = !1, transparent: c = !1, className: l }) {
11841
+ let u = () => t === "back" ? /* @__PURE__ */ B(ed, {}) : t === "close" ? /* @__PURE__ */ B($u, {}) : t, d = t === "close" ? "閉じる" : "戻る", f = s ? "glass" : "secondary";
11836
11842
  return /* @__PURE__ */ V("header", {
11837
11843
  "data-slot": "navigation-bar",
11838
11844
  className: G("relative flex items-center h-[60px] px-3", !c && "bg-[var(--Surface-Primary)]", l),
@@ -11858,7 +11864,7 @@ function td({ title: e, leftIcon: t = "back", onLeft: n, leftLabel: r, rightSlot
11858
11864
  size: "icon-xl",
11859
11865
  "aria-label": o,
11860
11866
  onClick: a,
11861
- children: /* @__PURE__ */ B(ed, {})
11867
+ children: /* @__PURE__ */ B(td, {})
11862
11868
  }) : null)
11863
11869
  })
11864
11870
  ]
@@ -11866,7 +11872,7 @@ function td({ title: e, leftIcon: t = "back", onLeft: n, leftLabel: r, rightSlot
11866
11872
  }
11867
11873
  //#endregion
11868
11874
  //#region src/components/patterns/app-header.tsx
11869
- function nd({ layout: e = "default", leading: t, logo: n, title: r, subtitle: i, centerSlot: a, trailing: o, rightSlot: s, nav: c, bottomSlot: l, sticky: d = !1, bordered: f = !0, variant: p = "default", className: m }) {
11875
+ function rd({ layout: e = "default", leading: t, logo: n, title: r, subtitle: i, centerSlot: a, trailing: o, rightSlot: s, nav: c, bottomSlot: l, sticky: d = !1, bordered: f = !0, variant: p = "default", className: m }) {
11870
11876
  let h = p === "glass", g = p === "transparent", _ = o ?? s;
11871
11877
  return /* @__PURE__ */ V("header", {
11872
11878
  "data-slot": "app-header",
@@ -11933,7 +11939,7 @@ function nd({ layout: e = "default", leading: t, logo: n, title: r, subtitle: i,
11933
11939
  }
11934
11940
  //#endregion
11935
11941
  //#region src/components/patterns/tag-input.tsx
11936
- function rd({ value: e = [], onChange: t, placeholder: n = "タグを入力して Enter", disabled: r = !1, max: i, allowDuplicates: a = !1, className: o, inputLabel: s = "タグ入力" }) {
11942
+ function id({ value: e = [], onChange: t, placeholder: n = "タグを入力して Enter", disabled: r = !1, max: i, allowDuplicates: a = !1, className: o, inputLabel: s = "タグ入力" }) {
11937
11943
  let [c, l] = u.useState(""), d = u.useRef(null), f = u.useRef(!1), p = u.useCallback((n) => {
11938
11944
  let r = n.trim();
11939
11945
  r && (!a && e.includes(r) || i !== void 0 && e.length >= i || (t?.([...e, r]), l("")));
@@ -11976,7 +11982,7 @@ function rd({ value: e = [], onChange: t, placeholder: n = "タグを入力し
11976
11982
  value: c,
11977
11983
  onChange: (e) => l(e.target.value),
11978
11984
  onKeyDown: (t) => {
11979
- su(t) || (t.key === "Enter" && (t.preventDefault(), f.current = !0, p(c)), t.key === "Backspace" && c === "" && e.length > 0 && m(e.length - 1), t.key === "," && (t.preventDefault(), p(c)));
11985
+ cu(t) || (t.key === "Enter" && (t.preventDefault(), f.current = !0, p(c)), t.key === "Backspace" && c === "" && e.length > 0 && m(e.length - 1), t.key === "," && (t.preventDefault(), p(c)));
11980
11986
  },
11981
11987
  onBlur: () => {
11982
11988
  if (f.current) {
@@ -11994,9 +12000,9 @@ function rd({ value: e = [], onChange: t, placeholder: n = "タグを入力し
11994
12000
  }
11995
12001
  //#endregion
11996
12002
  //#region src/components/patterns/swipe-row.tsx
11997
- var id = 72;
11998
- function ad({ children: e, actions: t = [], side: n = "right", className: r, actionsLabel: i = "行の操作" }) {
11999
- let [a, o] = u.useState(0), [s, c] = u.useState(!1), l = u.useRef(0), d = u.useRef(0), f = u.useRef(null), p = t.length * id, m = Math.abs(a) > p / 2, h = u.useCallback((e) => {
12003
+ var ad = 72;
12004
+ function od({ children: e, actions: t = [], side: n = "right", className: r, actionsLabel: i = "行の操作" }) {
12005
+ let [a, o] = u.useState(0), [s, c] = u.useState(!1), l = u.useRef(0), d = u.useRef(0), f = u.useRef(null), p = t.length * ad, m = Math.abs(a) > p / 2, h = u.useCallback((e) => {
12000
12006
  o(e);
12001
12007
  }, []), g = (e) => {
12002
12008
  l.current = e.clientX, d.current = a, c(!0), f.current?.setPointerCapture(e.pointerId);
@@ -12046,7 +12052,7 @@ function ad({ children: e, actions: t = [], side: n = "right", className: r, act
12046
12052
  }
12047
12053
  //#endregion
12048
12054
  //#region src/components/patterns/confirm-dialog.tsx
12049
- function od({ open: e, onOpenChange: t, title: n, description: r, confirmLabel: i = "確認", cancelLabel: a = "キャンセル", loadingLabel: o = "処理中…", variant: s = "default", onConfirm: c, loading: l = !1 }) {
12055
+ function sd({ open: e, onOpenChange: t, title: n, description: r, confirmLabel: i = "確認", cancelLabel: a = "キャンセル", loadingLabel: o = "処理中…", variant: s = "default", onConfirm: c, loading: l = !1 }) {
12050
12056
  let [d, f] = u.useState(!1), p = l || d, m = u.useCallback(async () => {
12051
12057
  f(!0);
12052
12058
  try {
@@ -12072,18 +12078,18 @@ function od({ open: e, onOpenChange: t, title: n, description: r, confirmLabel:
12072
12078
  }
12073
12079
  //#endregion
12074
12080
  //#region src/components/patterns/celebration.tsx
12075
- var sd = [
12081
+ var cd = [
12076
12082
  "var(--Brand-Primary)",
12077
12083
  "var(--Object-Success)",
12078
12084
  "var(--Object-Warning)",
12079
12085
  "var(--Object-Caution)",
12080
12086
  "var(--Object-Info)"
12081
12087
  ];
12082
- function cd(e) {
12088
+ function ld(e) {
12083
12089
  let t = Math.sin(e * 999) * 1e4;
12084
12090
  return t - Math.floor(t);
12085
12091
  }
12086
- function ld() {
12092
+ function ud() {
12087
12093
  let e = u.useCallback((e) => {
12088
12094
  if (typeof window > "u" || !window.matchMedia) return () => {};
12089
12095
  let t = window.matchMedia("(prefers-reduced-motion: reduce)");
@@ -12091,19 +12097,19 @@ function ld() {
12091
12097
  }, []), t = u.useCallback(() => typeof window < "u" && !!window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches, []);
12092
12098
  return u.useSyncExternalStore(e, t, () => !1);
12093
12099
  }
12094
- var ud = 1150, dd = 0, fd = 360, pd = 120, md = 280, hd = 12, gd = 28;
12095
- function _d({ active: e = !0, trigger: t = "confetti", placement: n = "overlay", effect: r = "fall", emoji: i = "🎉", title: a, description: o, actions: s, interactive: c = !1, cardless: l = !1, particleCount: d = 36, durationMs: f = 2600, duration: p, colors: m, driftRange: h = 160, emojiAnimation: g = "pop", autoDismissMs: _, onTapDismiss: v, onDone: y, dismissLabel: b = "閉じる", className: x, style: S, ...C }) {
12096
- let w = ld(), T = _ ?? f, E = r === "burst", D = p ?? (E ? ud : T), O = m && m.length > 0 ? m : sd, k = u.useMemo(() => Array.from({ length: d }, (e, t) => {
12100
+ var dd = 1150, fd = 0, pd = 360, md = 120, hd = 280, gd = 12, _d = 28;
12101
+ function vd({ active: e = !0, trigger: t = "confetti", placement: n = "overlay", effect: r = "fall", emoji: i = "🎉", title: a, description: o, actions: s, interactive: c = !1, cardless: l = !1, particleCount: d = 36, durationMs: f = 2600, duration: p, colors: m, driftRange: h = 160, emojiAnimation: g = "pop", autoDismissMs: _, onTapDismiss: v, onDone: y, dismissLabel: b = "閉じる", className: x, style: S, ...C }) {
12102
+ let w = ud(), T = _ ?? f, E = r === "burst", D = p ?? (E ? dd : T), O = m && m.length > 0 ? m : cd, k = u.useMemo(() => Array.from({ length: d }, (e, t) => {
12097
12103
  let n = {
12098
12104
  id: t,
12099
- delay: Math.round(E ? cd(t + 11) * 80 : cd(t + 11) * 420),
12100
- duration: Math.round(D * (.78 + cd(t + 21) * .44)),
12101
- rotate: Math.round(cd(t + 41) * 720),
12102
- size: 6 + Math.round(cd(t + 51) * 6),
12105
+ delay: Math.round(E ? ld(t + 11) * 80 : ld(t + 11) * 420),
12106
+ duration: Math.round(D * (.78 + ld(t + 21) * .44)),
12107
+ rotate: Math.round(ld(t + 41) * 720),
12108
+ size: 6 + Math.round(ld(t + 51) * 6),
12103
12109
  color: O[t % O.length]
12104
12110
  };
12105
12111
  if (E) {
12106
- let e = (dd + cd(t + 61) * (fd - dd)) * Math.PI / 180, r = (cd(t + 31) - .5) * h, i = Math.max(40, pd + cd(t + 71) * (md - pd) + r), a = hd + cd(t + 81) * (gd - hd), o = Math.round(Math.cos(e) * i), s = Math.round(Math.sin(e) * i + a);
12112
+ let e = (fd + ld(t + 61) * (pd - fd)) * Math.PI / 180, r = (ld(t + 31) - .5) * h, i = Math.max(40, md + ld(t + 71) * (hd - md) + r), a = gd + ld(t + 81) * (_d - gd), o = Math.round(Math.cos(e) * i), s = Math.round(Math.sin(e) * i + a);
12107
12113
  return {
12108
12114
  ...n,
12109
12115
  left: 0,
@@ -12116,8 +12122,8 @@ function _d({ active: e = !0, trigger: t = "confetti", placement: n = "overlay",
12116
12122
  }
12117
12123
  return {
12118
12124
  ...n,
12119
- left: Math.round(cd(t + 1) * 100),
12120
- drift: Math.round((cd(t + 31) - .5) * h),
12125
+ left: Math.round(ld(t + 1) * 100),
12126
+ drift: Math.round((ld(t + 31) - .5) * h),
12121
12127
  finalX: 0,
12122
12128
  finalY: 0,
12123
12129
  midX: 0,
@@ -12233,8 +12239,8 @@ function _d({ active: e = !0, trigger: t = "confetti", placement: n = "overlay",
12233
12239
  }
12234
12240
  //#endregion
12235
12241
  //#region src/components/patterns/celebration-dialog.tsx
12236
- function vd({ open: e, onOpenChange: t, icon: n, emoji: r, title: i, description: a, actions: o, autoDismissMs: s, emojiAnimation: c = "pop", effect: l = "burst", particleCount: d, duration: f, colors: p, driftRange: m, className: h }) {
12237
- let g = ld();
12242
+ function yd({ open: e, onOpenChange: t, icon: n, emoji: r, title: i, description: a, actions: o, autoDismissMs: s, emojiAnimation: c = "pop", effect: l = "burst", particleCount: d, duration: f, colors: p, driftRange: m, className: h }) {
12243
+ let g = ud();
12238
12244
  return u.useEffect(() => {
12239
12245
  if (!e || !s) return;
12240
12246
  let n = window.setTimeout(() => t(!1), s);
@@ -12246,7 +12252,7 @@ function vd({ open: e, onOpenChange: t, icon: n, emoji: r, title: i, description
12246
12252
  ]), /* @__PURE__ */ V(un, {
12247
12253
  open: e,
12248
12254
  onOpenChange: t,
12249
- children: [e && /* @__PURE__ */ B(_d, {
12255
+ children: [e && /* @__PURE__ */ B(vd, {
12250
12256
  active: !0,
12251
12257
  trigger: "confetti",
12252
12258
  placement: "overlay",
@@ -12292,21 +12298,21 @@ function vd({ open: e, onOpenChange: t, icon: n, emoji: r, title: i, description
12292
12298
  }
12293
12299
  //#endregion
12294
12300
  //#region src/components/patterns/countdown-hero.tsx
12295
- function yd(e) {
12301
+ function bd(e) {
12296
12302
  if (e instanceof Date) return e;
12297
12303
  let t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e);
12298
12304
  return t ? new Date(Number(t[1]), Number(t[2]) - 1, Number(t[3])) : new Date(e);
12299
12305
  }
12300
- function bd(e) {
12306
+ function xd(e) {
12301
12307
  let t = new Date(e);
12302
12308
  return t.setHours(0, 0, 0, 0), t;
12303
12309
  }
12304
- function xd(e) {
12305
- let t = bd(/* @__PURE__ */ new Date()), n = bd(e);
12310
+ function Sd(e) {
12311
+ let t = xd(/* @__PURE__ */ new Date()), n = xd(e);
12306
12312
  return Math.round((n.getTime() - t.getTime()) / (1440 * 60 * 1e3));
12307
12313
  }
12308
- function Sd({ targetDate: e, label: t = "残り", todayLabel: n = "本日", pastLabel: r = "経過", unit: i = "days", dateLabel: a, todayValue: o, illustration: s, className: c }) {
12309
- let l = xd(u.useMemo(() => yd(e), [e])), d = l === 0, f = l < 0, p = Math.abs(l), m = d ? n : f ? r : t, h = d ? o ?? "0" : String(p), g = "var(--font-display-serif, Georgia, 'Noto Serif JP', serif)";
12314
+ function Cd({ targetDate: e, label: t = "残り", todayLabel: n = "本日", pastLabel: r = "経過", unit: i = "days", dateLabel: a, todayValue: o, illustration: s, className: c }) {
12315
+ let l = Sd(u.useMemo(() => bd(e), [e])), d = l === 0, f = l < 0, p = Math.abs(l), m = d ? n : f ? r : t, h = d ? o ?? "0" : String(p), g = "var(--font-display-serif, Georgia, 'Noto Serif JP', serif)";
12310
12316
  return /* @__PURE__ */ V("div", {
12311
12317
  "data-slot": "countdown-hero",
12312
12318
  "data-state": d ? "today" : f ? "past" : "active",
@@ -12354,7 +12360,7 @@ function Sd({ targetDate: e, label: t = "残り", todayLabel: n = "本日", past
12354
12360
  }
12355
12361
  //#endregion
12356
12362
  //#region src/components/patterns/bottom-sheet-form.tsx
12357
- function Cd({ open: e, onOpenChange: t, title: n, description: r, submitLabel: i = "保存", cancelLabel: a = "キャンセル", onSubmit: o, loading: s = !1, children: c, className: l }) {
12363
+ function wd({ open: e, onOpenChange: t, title: n, description: r, submitLabel: i = "保存", cancelLabel: a = "キャンセル", onSubmit: o, loading: s = !1, children: c, className: l }) {
12358
12364
  let [d, f] = u.useState(!1), p = s || d, m = u.useCallback(async (e) => {
12359
12365
  e.preventDefault(), f(!0);
12360
12366
  try {
@@ -12403,10 +12409,10 @@ function Cd({ open: e, onOpenChange: t, title: n, description: r, submitLabel: i
12403
12409
  }
12404
12410
  //#endregion
12405
12411
  //#region src/components/patterns/sheet-surface.ts
12406
- var wd = {
12412
+ var Td = {
12407
12413
  default: void 0,
12408
12414
  glass: "glass-strong"
12409
- }, Td = /* @__PURE__ */ new Set(["mobile-full", "mobile-page"]), Ed = {
12415
+ }, Ed = /* @__PURE__ */ new Set(["mobile-full", "mobile-page"]), Dd = {
12410
12416
  "mobile-full": [
12411
12417
  "p-0",
12412
12418
  "max-h-[calc(100dvh_-_env(safe-area-inset-top))]",
@@ -12426,7 +12432,7 @@ var wd = {
12426
12432
  ].join(" "),
12427
12433
  "desktop-floating": ["p-0", "inset-x-4 bottom-4 mx-auto max-h-[86dvh] max-w-xl overflow-hidden rounded-[var(--Radius-Sheet)]"].join(" ")
12428
12434
  };
12429
- function Dd({ className: e, preset: t = "mobile-full", surface: n = "default", children: r, glassOverlay: i, ...a }) {
12435
+ function Od({ className: e, preset: t = "mobile-full", surface: n = "default", children: r, glassOverlay: i, ...a }) {
12430
12436
  return /* @__PURE__ */ B(wl, {
12431
12437
  "data-frame": "bottom-sheet-frame",
12432
12438
  "data-preset": t,
@@ -12434,17 +12440,17 @@ function Dd({ className: e, preset: t = "mobile-full", surface: n = "default", c
12434
12440
  side: "bottom",
12435
12441
  padding: !1,
12436
12442
  glassOverlay: i ?? n === "glass",
12437
- className: G(Ed[t], wd[n], e),
12443
+ className: G(Dd[t], Td[n], e),
12438
12444
  ...a,
12439
12445
  children: /* @__PURE__ */ B(an, {
12440
- scale: Td.has(t) ? "page" : "dialog",
12446
+ scale: Ed.has(t) ? "page" : "dialog",
12441
12447
  children: r
12442
12448
  })
12443
12449
  });
12444
12450
  }
12445
12451
  //#endregion
12446
12452
  //#region src/components/ui/responsive-dialog.tsx
12447
- function Od(e) {
12453
+ function kd(e) {
12448
12454
  let t = u.useCallback((t) => {
12449
12455
  if (typeof window > "u") return () => {};
12450
12456
  let n = window.matchMedia(e);
@@ -12452,18 +12458,18 @@ function Od(e) {
12452
12458
  }, [e]), n = u.useCallback(() => typeof window < "u" && window.matchMedia(e).matches, [e]);
12453
12459
  return u.useSyncExternalStore(t, n, () => !1);
12454
12460
  }
12455
- var kd = {
12461
+ var Ad = {
12456
12462
  sm: "(min-width: 640px)",
12457
12463
  md: "(min-width: 768px)",
12458
12464
  lg: "(min-width: 1024px)",
12459
12465
  xl: "(min-width: 1280px)"
12460
- }, Ad = kd.md, jd = "--Overlay-Desktop-Breakpoint";
12461
- function Md() {
12462
- if (typeof window > "u" || typeof document > "u") return Ad;
12463
- let e = window.getComputedStyle(document.documentElement).getPropertyValue(jd).trim();
12464
- return e ? `(min-width: ${e})` : Ad;
12466
+ }, jd = Ad.md, Md = "--Overlay-Desktop-Breakpoint";
12467
+ function Nd() {
12468
+ if (typeof window > "u" || typeof document > "u") return jd;
12469
+ let e = window.getComputedStyle(document.documentElement).getPropertyValue(Md).trim();
12470
+ return e ? `(min-width: ${e})` : jd;
12465
12471
  }
12466
- function Nd(e) {
12472
+ function Pd(e) {
12467
12473
  if (typeof window > "u" || typeof document > "u") return () => {};
12468
12474
  window.addEventListener("resize", e);
12469
12475
  let t = new MutationObserver(e);
@@ -12474,25 +12480,25 @@ function Nd(e) {
12474
12480
  window.removeEventListener("resize", e), t.disconnect();
12475
12481
  };
12476
12482
  }
12477
- function Pd(e) {
12478
- let t = u.useCallback((t) => e ? Nd(t) : () => {}, [e]), n = u.useCallback(() => !e || typeof window > "u" ? !1 : window.matchMedia(Md()).matches, [e]);
12483
+ function Fd(e) {
12484
+ let t = u.useCallback((t) => e ? Pd(t) : () => {}, [e]), n = u.useCallback(() => !e || typeof window > "u" ? !1 : window.matchMedia(Nd()).matches, [e]);
12479
12485
  return u.useSyncExternalStore(t, n, () => !1);
12480
12486
  }
12481
- function Fd({ breakpoint: e = "md", breakpointQuery: t } = {}) {
12482
- let n = !t && e === "product-theme", r = Od(t ?? (e === "product-theme" ? Ad : kd[e])), i = Pd(n);
12487
+ function Id({ breakpoint: e = "md", breakpointQuery: t } = {}) {
12488
+ let n = !t && e === "product-theme", r = kd(t ?? (e === "product-theme" ? jd : Ad[e])), i = Fd(n);
12483
12489
  return n ? i : r;
12484
12490
  }
12485
- var Id = u.createContext(null);
12486
- function Ld() {
12487
- let e = u.useContext(Id), t = Od(Ad);
12491
+ var Ld = u.createContext(null);
12492
+ function Rd() {
12493
+ let e = u.useContext(Ld), t = kd(jd);
12488
12494
  return e ? e.isDesktop : t;
12489
12495
  }
12490
- function Rd({ children: e, breakpoint: t, breakpointQuery: n, snapPoints: r, activeSnapPoint: i, setActiveSnapPoint: a, fadeFromIndex: o, dismissible: s, overlay: c, open: l, defaultOpen: d, onOpenChange: f, modal: p, ...m }) {
12491
- let h = Fd({
12496
+ function zd({ children: e, breakpoint: t, breakpointQuery: n, snapPoints: r, activeSnapPoint: i, setActiveSnapPoint: a, fadeFromIndex: o, dismissible: s, overlay: c, open: l, defaultOpen: d, onOpenChange: f, modal: p, ...m }) {
12497
+ let h = Id({
12492
12498
  breakpoint: t,
12493
12499
  breakpointQuery: n
12494
12500
  }), g = (r?.length ?? 0) > 0, _ = h && !g, v = u.useMemo(() => ({ isDesktop: _ }), [_]);
12495
- return /* @__PURE__ */ B(Id.Provider, {
12501
+ return /* @__PURE__ */ B(Ld.Provider, {
12496
12502
  value: v,
12497
12503
  children: _ ? /* @__PURE__ */ B(un, {
12498
12504
  open: l,
@@ -12516,8 +12522,8 @@ function Rd({ children: e, breakpoint: t, breakpointQuery: n, snapPoints: r, act
12516
12522
  })
12517
12523
  });
12518
12524
  }
12519
- function zd({ children: e, ...t }) {
12520
- return Ld() ? /* @__PURE__ */ B(dn, {
12525
+ function Bd({ children: e, ...t }) {
12526
+ return Rd() ? /* @__PURE__ */ B(dn, {
12521
12527
  ...t,
12522
12528
  children: e
12523
12529
  }) : /* @__PURE__ */ B(hl, {
@@ -12525,8 +12531,8 @@ function zd({ children: e, ...t }) {
12525
12531
  children: e
12526
12532
  });
12527
12533
  }
12528
- function Bd({ children: e, className: t, swipeToClose: n, position: r, safeArea: i, padding: a, ...o }) {
12529
- return Ld() ? /* @__PURE__ */ B(hn, {
12534
+ function Vd({ children: e, className: t, swipeToClose: n, position: r, safeArea: i, padding: a, ...o }) {
12535
+ return Rd() ? /* @__PURE__ */ B(hn, {
12530
12536
  className: t,
12531
12537
  position: r,
12532
12538
  safeArea: i,
@@ -12542,8 +12548,8 @@ function Bd({ children: e, className: t, swipeToClose: n, position: r, safeArea:
12542
12548
  children: e
12543
12549
  });
12544
12550
  }
12545
- function Vd({ children: e, ...t }) {
12546
- return Ld() ? /* @__PURE__ */ B(gn, {
12551
+ function Hd({ children: e, ...t }) {
12552
+ return Rd() ? /* @__PURE__ */ B(gn, {
12547
12553
  ...t,
12548
12554
  children: e
12549
12555
  }) : /* @__PURE__ */ B(kl, {
@@ -12551,8 +12557,8 @@ function Vd({ children: e, ...t }) {
12551
12557
  children: e
12552
12558
  });
12553
12559
  }
12554
- function Hd({ children: e, ...t }) {
12555
- return Ld() ? /* @__PURE__ */ B(vn, {
12560
+ function Ud({ children: e, ...t }) {
12561
+ return Rd() ? /* @__PURE__ */ B(vn, {
12556
12562
  ...t,
12557
12563
  children: e
12558
12564
  }) : /* @__PURE__ */ B(jl, {
@@ -12560,8 +12566,8 @@ function Hd({ children: e, ...t }) {
12560
12566
  children: e
12561
12567
  });
12562
12568
  }
12563
- function Ud({ children: e, ...t }) {
12564
- return Ld() ? /* @__PURE__ */ B(yn, {
12569
+ function Wd({ children: e, ...t }) {
12570
+ return Rd() ? /* @__PURE__ */ B(yn, {
12565
12571
  ...t,
12566
12572
  children: e
12567
12573
  }) : /* @__PURE__ */ B(Ml, {
@@ -12569,8 +12575,8 @@ function Ud({ children: e, ...t }) {
12569
12575
  children: e
12570
12576
  });
12571
12577
  }
12572
- function Wd({ children: e, className: t, orientation: n = "split", ...r }) {
12573
- return Ld() ? /* @__PURE__ */ B(_n, {
12578
+ function Gd({ children: e, className: t, orientation: n = "split", ...r }) {
12579
+ return Rd() ? /* @__PURE__ */ B(_n, {
12574
12580
  className: t,
12575
12581
  orientation: n,
12576
12582
  ...r,
@@ -12583,8 +12589,8 @@ function Wd({ children: e, className: t, orientation: n = "split", ...r }) {
12583
12589
  children: e
12584
12590
  });
12585
12591
  }
12586
- function Gd({ children: e, ...t }) {
12587
- return Ld() ? /* @__PURE__ */ B(pn, {
12592
+ function Kd({ children: e, ...t }) {
12593
+ return Rd() ? /* @__PURE__ */ B(pn, {
12588
12594
  ...t,
12589
12595
  children: e
12590
12596
  }) : /* @__PURE__ */ B(gl, {
@@ -12594,7 +12600,7 @@ function Gd({ children: e, ...t }) {
12594
12600
  }
12595
12601
  //#endregion
12596
12602
  //#region src/lib/use-visual-viewport-keyboard-inset.ts
12597
- function Kd(e, t, n) {
12603
+ function qd(e, t, n) {
12598
12604
  let r = Math.max(0, e - t - n);
12599
12605
  return r < 1 ? {
12600
12606
  keyboardInset: 0,
@@ -12606,7 +12612,7 @@ function Kd(e, t, n) {
12606
12612
  isKeyboardOpen: !0
12607
12613
  };
12608
12614
  }
12609
- function qd() {
12615
+ function Jd() {
12610
12616
  let [e, t] = u.useState({
12611
12617
  keyboardInset: 0,
12612
12618
  visibleHeight: null,
@@ -12624,7 +12630,7 @@ function qd() {
12624
12630
  });
12625
12631
  return;
12626
12632
  }
12627
- let r = Kd(window.innerHeight, e.height, e.offsetTop);
12633
+ let r = qd(window.innerHeight, e.height, e.offsetTop);
12628
12634
  t(n && !r.isKeyboardOpen ? {
12629
12635
  ...r,
12630
12636
  isKeyboardOpen: !0
@@ -12645,7 +12651,7 @@ function qd() {
12645
12651
  }
12646
12652
  //#endregion
12647
12653
  //#region src/components/patterns/keyboard-aware-sheet-footer.tsx
12648
- function Jd({ enabled: e = !0, block: t = "center", behavior: n = "smooth" } = {}) {
12654
+ function Yd({ enabled: e = !0, block: t = "center", behavior: n = "smooth" } = {}) {
12649
12655
  let r = u.useRef(null);
12650
12656
  return u.useEffect(() => {
12651
12657
  if (!e) return;
@@ -12668,14 +12674,14 @@ function Jd({ enabled: e = !0, block: t = "center", behavior: n = "smooth" } = {
12668
12674
  e
12669
12675
  ]), r;
12670
12676
  }
12671
- function Yd({ className: e, behavior: t = "fixed", hideWhenInputFocused: n = t === "hide", surface: r = "default", style: i, children: a, ...o }) {
12672
- let { keyboardInset: s, isKeyboardOpen: c } = qd(), l = n && c;
12677
+ function Xd({ className: e, behavior: t = "fixed", hideWhenInputFocused: n = t === "hide", surface: r = "default", style: i, children: a, ...o }) {
12678
+ let { keyboardInset: s, isKeyboardOpen: c } = Jd(), l = n && c;
12673
12679
  return /* @__PURE__ */ B("div", {
12674
12680
  "data-slot": "keyboard-aware-sheet-footer",
12675
12681
  "data-behavior": t,
12676
12682
  "data-keyboard-open": c || void 0,
12677
12683
  "data-surface": r,
12678
- className: G("shrink-0 bg-[var(--Surface-Primary)] px-5 pt-3", "border-t border-[var(--Border-Low-Emphasis)]", "pb-[max(1rem,env(safe-area-inset-bottom))]", wd[r], t === "fixed" && "sticky bottom-[var(--ksk-keyboard-inset)] z-10", t === "hide" && "sticky bottom-[var(--ksk-keyboard-inset)] z-10 transition-all duration-[var(--Motion-Duration-Base)]", t === "scroll" && "relative", l && "translate-y-2 opacity-0 pointer-events-none", e),
12684
+ className: G("shrink-0 bg-[var(--Surface-Primary)] px-5 pt-3", "border-t border-[var(--Border-Low-Emphasis)]", "pb-[max(1rem,env(safe-area-inset-bottom))]", Td[r], t === "fixed" && "sticky bottom-[var(--ksk-keyboard-inset)] z-10", t === "hide" && "sticky bottom-[var(--ksk-keyboard-inset)] z-10 transition-all duration-[var(--Motion-Duration-Base)]", t === "scroll" && "relative", l && "translate-y-2 opacity-0 pointer-events-none", e),
12679
12685
  style: {
12680
12686
  "--ksk-keyboard-inset": `${s}px`,
12681
12687
  ...i
@@ -12686,17 +12692,17 @@ function Yd({ className: e, behavior: t = "fixed", hideWhenInputFocused: n = t =
12686
12692
  }
12687
12693
  //#endregion
12688
12694
  //#region src/components/patterns/responsive-overlay-frame.tsx
12689
- var Xd = {
12695
+ var Zd = {
12690
12696
  "mobile-full": "sm:max-w-xl max-h-[min(90dvh,44rem)] flex flex-col overflow-hidden",
12691
12697
  "mobile-page": "sm:max-w-xl max-h-[min(90dvh,44rem)] flex flex-col overflow-hidden",
12692
12698
  "mobile-form": "sm:max-w-lg max-h-[min(85dvh,40rem)] flex flex-col overflow-hidden",
12693
12699
  "desktop-floating": "sm:max-w-xl max-h-[min(86dvh,42rem)] flex flex-col overflow-hidden"
12694
- }, Zd = /* @__PURE__ */ new Set(["mobile-full", "mobile-page"]), Qd = /* @__PURE__ */ new Set(["float", "float-glass"]), $d = "sm:max-w-lg max-h-[min(85dvh,46rem)] flex flex-col overflow-y-auto", ef = "sm:max-w-lg max-h-[min(90dvh,46rem)] overflow-y-auto", tf = "input:not([type=\"button\"]):not([type=\"submit\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]), textarea, [contenteditable]:not([contenteditable=\"false\"])", nf = "--Overlay-Desktop-Base-Max-Height", rf = {
12700
+ }, Qd = /* @__PURE__ */ new Set(["mobile-full", "mobile-page"]), $d = /* @__PURE__ */ new Set(["float", "float-glass"]), ef = "sm:max-w-lg max-h-[min(85dvh,46rem)] flex flex-col overflow-y-auto", tf = "sm:max-w-lg max-h-[min(90dvh,46rem)] overflow-y-auto", nf = "input:not([type=\"button\"]):not([type=\"submit\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]), textarea, [contenteditable]:not([contenteditable=\"false\"])", rf = "--Overlay-Desktop-Base-Max-Height", af = {
12695
12701
  "mobile-full": "min(90dvh, 44rem)",
12696
12702
  "mobile-page": "min(90dvh, 44rem)",
12697
12703
  "mobile-form": "min(85dvh, 40rem)",
12698
12704
  "desktop-floating": "min(86dvh, 42rem)"
12699
- }, af = /* @__PURE__ */ new Set([
12705
+ }, of = /* @__PURE__ */ new Set([
12700
12706
  "none",
12701
12707
  "auto",
12702
12708
  "fit-content",
@@ -12708,13 +12714,13 @@ var Xd = {
12708
12714
  "revert-layer",
12709
12715
  "unset"
12710
12716
  ]);
12711
- function of(e) {
12717
+ function sf(e) {
12712
12718
  if (typeof e == "number") return `${e}px`;
12713
12719
  let t = e.trim().toLowerCase();
12714
- if (!af.has(t) && !t.startsWith("fit-content(")) return e;
12720
+ if (!of.has(t) && !t.startsWith("fit-content(")) return e;
12715
12721
  }
12716
- var sf = "min(85dvh, 46rem)", cf = "min(90dvh, 46rem)";
12717
- function lf(e, t, n) {
12722
+ var cf = "min(85dvh, 46rem)", lf = "min(90dvh, 46rem)";
12723
+ function uf(e, t, n) {
12718
12724
  let r = u.useRef(null), [i, a] = u.useState(null), o = u.useCallback((e) => {
12719
12725
  r.current = e, a(e);
12720
12726
  }, []), [s, c] = u.useState();
@@ -12738,48 +12744,48 @@ function lf(e, t, n) {
12738
12744
  measured: s
12739
12745
  };
12740
12746
  }
12741
- function uf(e, t, n, r) {
12747
+ function df(e, t, n, r) {
12742
12748
  let i = Number.isFinite(r) && r > 0 ? r : 1, a = e - (t + n) * i;
12743
12749
  return a < 1 ? 0 : a;
12744
12750
  }
12745
- function df() {
12751
+ function ff() {
12746
12752
  let [e, t] = u.useState(0);
12747
12753
  return u.useEffect(() => {
12748
12754
  if (typeof window > "u") return;
12749
12755
  let e = window.visualViewport;
12750
12756
  if (!e) return;
12751
- let n = () => t(uf(window.innerHeight, e.height, e.offsetTop, e.scale ?? 1));
12757
+ let n = () => t(df(window.innerHeight, e.height, e.offsetTop, e.scale ?? 1));
12752
12758
  return n(), e.addEventListener("resize", n), e.addEventListener("scroll", n), () => {
12753
12759
  e.removeEventListener("resize", n), e.removeEventListener("scroll", n);
12754
12760
  };
12755
12761
  }, []), e;
12756
12762
  }
12757
- function ff() {
12763
+ function pf() {
12758
12764
  let [e, t] = u.useState(!1);
12759
12765
  return u.useEffect(() => {
12760
12766
  if (typeof document > "u") return;
12761
12767
  let e = () => {
12762
12768
  let e = document.activeElement;
12763
- t(e instanceof Element && (e instanceof HTMLElement && e.isContentEditable || e.matches(tf)));
12769
+ t(e instanceof Element && (e instanceof HTMLElement && e.isContentEditable || e.matches(nf)));
12764
12770
  }, n = () => window.setTimeout(e, 0);
12765
12771
  return e(), document.addEventListener("focusin", n), document.addEventListener("focusout", n), () => {
12766
12772
  document.removeEventListener("focusin", n), document.removeEventListener("focusout", n);
12767
12773
  };
12768
12774
  }, []), e;
12769
12775
  }
12770
- function pf(e, t, n, r) {
12776
+ function mf(e, t, n, r) {
12771
12777
  if (e <= 0) return;
12772
12778
  let i = (e, n) => t === "fullscreen" ? `max(0px, calc(100dvh - ${e}))` : t === "top" ? `max(0px, calc(100dvh - ${e} - ${r ? "max(env(safe-area-inset-top, 0px), 2rem)" : "2rem"} - 2rem))` : `max(0px, calc(100dvh - ${n}))`, a = [i(`${e}px`, `${e * 2}px`), i("var(--kb-h-active, 0px)", "2 * var(--kb-h-active, 0px)")];
12773
12779
  return { maxHeight: `min(${(n ? [n, ...a] : a).join(", ")})` };
12774
12780
  }
12775
- function mf(e) {
12776
- let { side: t = "bottom", preset: n = "mobile-form", surface: r = "default", padding: i = !0, className: a, mobileClassName: o, desktopClassName: s, desktopPosition: c = "center", children: l, ...u } = e, d = Ld(), f = Qd.has(t), p = !f && n === "plain", m = df(), h = ff(), g = e.style?.maxHeight, _ = e.safeArea ?? !0, v = g == null ? f ? sf : p ? cf : rf[n] : of(g), y = d && h && m > 0, { setElement: b, measured: x } = lf(y, g == null ? "" : typeof g == "number" ? `${g}px` : `${g}`, `${a ?? ""} ${s ?? ""} ${t} ${n} ${c}`), S = e.ref, C = en(b, S), w = x != null && x !== "" ? of(x) : v, T = y ? pf(m, c, w, _) : void 0, E = d && w ? { [nf]: w } : void 0;
12781
+ function hf(e) {
12782
+ let { side: t = "bottom", preset: n = "mobile-form", surface: r = "default", padding: i = !0, className: a, mobileClassName: o, desktopClassName: s, desktopPosition: c = "center", children: l, ...u } = e, d = Rd(), f = $d.has(t), p = !f && n === "plain", m = ff(), h = pf(), g = e.style?.maxHeight, _ = e.safeArea ?? !0, v = g == null ? f ? cf : p ? lf : af[n] : sf(g), y = d && h && m > 0, { setElement: b, measured: x } = uf(y, g == null ? "" : typeof g == "number" ? `${g}px` : `${g}`, `${a ?? ""} ${s ?? ""} ${t} ${n} ${c}`), S = e.ref, C = en(b, S), w = x != null && x !== "" ? sf(x) : v, T = y ? mf(m, c, w, _) : void 0, E = d && w ? { [rf]: w } : void 0;
12777
12783
  if (d && f) {
12778
12784
  let { container: e, overlayClassName: n, glassOverlay: o, swipeToClose: d, ...f } = u;
12779
12785
  return /* @__PURE__ */ B(hn, {
12780
12786
  position: c,
12781
12787
  padding: !1,
12782
- className: G($d, i && "p-6", t === "float-glass" && "bg-transparent glass glass-specular", a, s),
12788
+ className: G(ef, i && "p-6", t === "float-glass" && "bg-transparent glass glass-specular", a, s),
12783
12789
  ...f,
12784
12790
  ref: C,
12785
12791
  style: {
@@ -12801,7 +12807,7 @@ function mf(e) {
12801
12807
  return /* @__PURE__ */ B(hn, {
12802
12808
  position: c,
12803
12809
  padding: !1,
12804
- className: G(ef, i && "p-6", wd[r], a, s),
12810
+ className: G(tf, i && "p-6", Td[r], a, s),
12805
12811
  ...d,
12806
12812
  ref: C,
12807
12813
  style: {
@@ -12822,7 +12828,7 @@ function mf(e) {
12822
12828
  if (p) return /* @__PURE__ */ B(wl, {
12823
12829
  side: "bottom",
12824
12830
  padding: i,
12825
- className: G(wd[r], a, o),
12831
+ className: G(Td[r], a, o),
12826
12832
  ...u,
12827
12833
  "data-frame": "responsive-overlay-frame",
12828
12834
  "data-preset": "plain",
@@ -12842,7 +12848,7 @@ function mf(e) {
12842
12848
  return /* @__PURE__ */ B(hn, {
12843
12849
  position: c,
12844
12850
  padding: !1,
12845
- className: G(Xd[D], wd[r], a, s),
12851
+ className: G(Zd[D], Td[r], a, s),
12846
12852
  ...o,
12847
12853
  ref: C,
12848
12854
  style: {
@@ -12855,12 +12861,12 @@ function mf(e) {
12855
12861
  "data-preset": D,
12856
12862
  "data-surface": r,
12857
12863
  children: /* @__PURE__ */ B(an, {
12858
- scale: Zd.has(D) ? "page" : "dialog",
12864
+ scale: Qd.has(D) ? "page" : "dialog",
12859
12865
  children: l
12860
12866
  })
12861
12867
  });
12862
12868
  }
12863
- return /* @__PURE__ */ B(Dd, {
12869
+ return /* @__PURE__ */ B(Od, {
12864
12870
  preset: D,
12865
12871
  surface: r,
12866
12872
  className: G(a, o),
@@ -12868,15 +12874,15 @@ function mf(e) {
12868
12874
  children: l
12869
12875
  });
12870
12876
  }
12871
- function hf({ behavior: e = "fixed", surface: t = "default", hideWhenInputFocused: n, className: r, children: i, ...a }) {
12872
- return Ld() ? /* @__PURE__ */ B("div", {
12877
+ function gf({ behavior: e = "fixed", surface: t = "default", hideWhenInputFocused: n, className: r, children: i, ...a }) {
12878
+ return Rd() ? /* @__PURE__ */ B("div", {
12873
12879
  "data-slot": "keyboard-aware-sheet-footer",
12874
12880
  "data-behavior": e,
12875
12881
  "data-surface": t,
12876
- className: G("shrink-0 bg-[var(--Surface-Primary)] px-5 pt-3 pb-4", "border-t border-[var(--Border-Low-Emphasis)]", wd[t], r),
12882
+ className: G("shrink-0 bg-[var(--Surface-Primary)] px-5 pt-3 pb-4", "border-t border-[var(--Border-Low-Emphasis)]", Td[t], r),
12877
12883
  ...a,
12878
12884
  children: i
12879
- }) : /* @__PURE__ */ B(Yd, {
12885
+ }) : /* @__PURE__ */ B(Xd, {
12880
12886
  behavior: e,
12881
12887
  surface: t,
12882
12888
  hideWhenInputFocused: n,
@@ -12887,8 +12893,8 @@ function hf({ behavior: e = "fixed", surface: t = "default", hideWhenInputFocuse
12887
12893
  }
12888
12894
  //#endregion
12889
12895
  //#region src/components/patterns/side-drawer-frame.tsx
12890
- var gf = "h-full w-full max-w-md flex flex-col overflow-hidden";
12891
- function _f({ className: e, side: t = "right", surface: n = "default", children: r, glassOverlay: i, ...a }) {
12896
+ var _f = "h-full w-full max-w-md flex flex-col overflow-hidden";
12897
+ function vf({ className: e, side: t = "right", surface: n = "default", children: r, glassOverlay: i, ...a }) {
12892
12898
  return /* @__PURE__ */ B(wl, {
12893
12899
  "data-frame": "side-drawer-frame",
12894
12900
  "data-side": t,
@@ -12896,14 +12902,14 @@ function _f({ className: e, side: t = "right", surface: n = "default", children:
12896
12902
  side: t,
12897
12903
  padding: !1,
12898
12904
  glassOverlay: i ?? n === "glass",
12899
- className: G(gf, wd[n], e),
12905
+ className: G(_f, Td[n], e),
12900
12906
  ...a,
12901
12907
  children: r
12902
12908
  });
12903
12909
  }
12904
12910
  //#endregion
12905
12911
  //#region src/components/patterns/detail-sheet-scaffold.tsx
12906
- function vf({ className: e, header: t, footer: n, children: r, ...i }) {
12912
+ function yf({ className: e, header: t, footer: n, children: r, ...i }) {
12907
12913
  return /* @__PURE__ */ V("div", {
12908
12914
  "data-slot": "detail-sheet-scaffold",
12909
12915
  className: G("flex max-h-[inherit] min-h-0 flex-col bg-[var(--Surface-Primary)] text-[var(--Text-High-Emphasis)]", e),
@@ -12919,7 +12925,7 @@ function vf({ className: e, header: t, footer: n, children: r, ...i }) {
12919
12925
  ]
12920
12926
  });
12921
12927
  }
12922
- function yf({ className: e, title: t, titleEditor: n, description: r, leading: i, trailing: a, children: o, ...s }) {
12928
+ function bf({ className: e, title: t, titleEditor: n, description: r, leading: i, trailing: a, children: o, ...s }) {
12923
12929
  let c = n ?? t;
12924
12930
  return /* @__PURE__ */ V("div", {
12925
12931
  "data-slot": "detail-sheet-header",
@@ -12957,7 +12963,7 @@ function yf({ className: e, title: t, titleEditor: n, description: r, leading: i
12957
12963
  ]
12958
12964
  });
12959
12965
  }
12960
- function bf({ className: e, ...t }) {
12966
+ function xf({ className: e, ...t }) {
12961
12967
  return /* @__PURE__ */ B("div", {
12962
12968
  "data-slot": "detail-sheet-body",
12963
12969
  className: G("min-h-0 flex-1 overflow-y-auto px-5 py-4", e),
@@ -12966,8 +12972,8 @@ function bf({ className: e, ...t }) {
12966
12972
  }
12967
12973
  //#endregion
12968
12974
  //#region src/components/patterns/mobile-floating-action-button.tsx
12969
- function xf({ className: e, label: t, icon: n, showLabel: r = !1, placement: i = "end", bottomOffset: a = "bottom-nav", keyboardBehavior: o = "hide", mobileOnly: s = !0, variant: c = "default", fullWidth: l = !1, bottomOffsetExtra: u, style: d, ...f }) {
12970
- let p = r || l, m = f["aria-label"] ?? t, { keyboardInset: h, isKeyboardOpen: g } = qd(), _ = o === "hide" && g, v = o === "lift" ? h : 0;
12975
+ function Sf({ className: e, label: t, icon: n, showLabel: r = !1, placement: i = "end", bottomOffset: a = "bottom-nav", keyboardBehavior: o = "hide", mobileOnly: s = !0, variant: c = "default", fullWidth: l = !1, bottomOffsetExtra: u, style: d, ...f }) {
12976
+ let p = r || l, m = f["aria-label"] ?? t, { keyboardInset: h, isKeyboardOpen: g } = Jd(), _ = o === "hide" && g, v = o === "lift" ? h : 0;
12971
12977
  return /* @__PURE__ */ V(K, {
12972
12978
  ...f,
12973
12979
  "data-slot": "mobile-floating-action-button",
@@ -12992,7 +12998,7 @@ function xf({ className: e, label: t, icon: n, showLabel: r = !1, placement: i =
12992
12998
  }
12993
12999
  //#endregion
12994
13000
  //#region src/components/patterns/mobile-app-header.tsx
12995
- function Sf({ className: e, brand: t, leading: n, status: r, compactStatus: i, actions: a, sticky: o = !0, bordered: s = !0, landmark: c = !0, verticalAlignment: l = "center", children: u, ...d }) {
13001
+ function Cf({ className: e, brand: t, leading: n, status: r, compactStatus: i, actions: a, sticky: o = !0, bordered: s = !0, landmark: c = !0, verticalAlignment: l = "center", children: u, ...d }) {
12996
13002
  return /* @__PURE__ */ V(c ? "header" : "div", {
12997
13003
  "data-slot": "mobile-app-header",
12998
13004
  className: G("bg-[var(--Surface-Primary)] text-[var(--Text-High-Emphasis)]", o && "sticky top-0 z-[var(--Z-Nav)]", s && "border-b border-[var(--Border-Low-Emphasis)]", e),
@@ -13034,7 +13040,7 @@ function Sf({ className: e, brand: t, leading: n, status: r, compactStatus: i, a
13034
13040
  }
13035
13041
  //#endregion
13036
13042
  //#region src/components/patterns/mobile-app-shell.tsx
13037
- function Cf({ className: e, style: t, header: n, bottomNav: r, fab: i, desktopSidebar: a, mainClassName: o, contentClassName: s, bottomNavMode: c = "fixed", bottomPadding: l = i ? "bottom-nav-fab" : r ? "bottom-nav" : "none", maxWidth: d = 430, centeredPreview: f = !0, children: p, ...m }) {
13043
+ function wf({ className: e, style: t, header: n, bottomNav: r, fab: i, desktopSidebar: a, mainClassName: o, contentClassName: s, bottomNavMode: c = "fixed", bottomPadding: l = i ? "bottom-nav-fab" : r ? "bottom-nav" : "none", maxWidth: d = 430, centeredPreview: f = !0, children: p, ...m }) {
13038
13044
  return /* @__PURE__ */ B("div", {
13039
13045
  "data-slot": "mobile-app-shell",
13040
13046
  className: G("min-h-dvh bg-[var(--Surface-Secondary)] text-[var(--Text-High-Emphasis)]", e),
@@ -13054,7 +13060,7 @@ function Cf({ className: e, style: t, header: n, bottomNav: r, fab: i, desktopSi
13054
13060
  n && /* @__PURE__ */ B("header", {
13055
13061
  "data-slot": "mobile-app-shell-header",
13056
13062
  className: "sticky top-0 z-[var(--Z-Nav)] shrink-0 bg-[var(--Surface-Primary)]",
13057
- children: u.isValidElement(n) && n.type === Sf ? u.cloneElement(n, { landmark: !1 }) : n
13063
+ children: u.isValidElement(n) && n.type === Cf ? u.cloneElement(n, { landmark: !1 }) : n
13058
13064
  }),
13059
13065
  /* @__PURE__ */ B("main", {
13060
13066
  "data-slot": "mobile-app-shell-main",
@@ -13088,9 +13094,9 @@ function Cf({ className: e, style: t, header: n, bottomNav: r, fab: i, desktopSi
13088
13094
  }
13089
13095
  //#endregion
13090
13096
  //#region src/components/patterns/commerce/bottom-tab-bar.tsx
13091
- var wf = "bottom-nav-selected-surface", Tf = typeof window < "u" ? u.useLayoutEffect : u.useEffect;
13092
- function Ef(e) {
13093
- let { keyboardInset: t, isKeyboardOpen: n } = qd();
13097
+ var Tf = "bottom-nav-selected-surface", Ef = typeof window < "u" ? u.useLayoutEffect : u.useEffect;
13098
+ function Df(e) {
13099
+ let { keyboardInset: t, isKeyboardOpen: n } = Jd();
13094
13100
  return {
13095
13101
  keyboardBehavior: e,
13096
13102
  isKeyboardOpen: n,
@@ -13098,9 +13104,9 @@ function Ef(e) {
13098
13104
  liftInset: e === "lift" ? t : 0
13099
13105
  };
13100
13106
  }
13101
- function Df({ className: e, items: t, centerAction: n, showLabels: r, tone: i = "default", maxWidth: a, variant: o = "default", pillPosition: s = "fixed", floatingPosition: c = "center", keyboardBehavior: l = "stay", scrollEdge: u = !1, navLabel: d = "メインナビゲーション", showOnDesktop: f = !1, ...p }) {
13102
- let m = Ef(l);
13103
- return o === "pill" ? /* @__PURE__ */ B(kf, {
13107
+ function Of({ className: e, items: t, centerAction: n, showLabels: r, tone: i = "default", maxWidth: a, variant: o = "default", pillPosition: s = "fixed", floatingPosition: c = "center", keyboardBehavior: l = "stay", scrollEdge: u = !1, navLabel: d = "メインナビゲーション", showOnDesktop: f = !1, ...p }) {
13108
+ let m = Df(l);
13109
+ return o === "pill" ? /* @__PURE__ */ B(Af, {
13104
13110
  className: e,
13105
13111
  items: t,
13106
13112
  centerAction: n,
@@ -13114,7 +13120,7 @@ function Df({ className: e, items: t, centerAction: n, showLabels: r, tone: i =
13114
13120
  navLabel: d,
13115
13121
  showOnDesktop: f,
13116
13122
  ...p
13117
- }) : /* @__PURE__ */ B(Of, {
13123
+ }) : /* @__PURE__ */ B(kf, {
13118
13124
  className: e,
13119
13125
  items: t,
13120
13126
  keyboardState: m,
@@ -13123,7 +13129,7 @@ function Df({ className: e, items: t, centerAction: n, showLabels: r, tone: i =
13123
13129
  ...p
13124
13130
  });
13125
13131
  }
13126
- function Of({ className: e, items: t, keyboardState: n, style: r, navLabel: i = "メインナビゲーション", showOnDesktop: a = !1, ...o }) {
13132
+ function kf({ className: e, items: t, keyboardState: n, style: r, navLabel: i = "メインナビゲーション", showOnDesktop: a = !1, ...o }) {
13127
13133
  return /* @__PURE__ */ B("nav", {
13128
13134
  "data-slot": "bottom-tab-bar",
13129
13135
  "data-keyboard-behavior": n.keyboardBehavior,
@@ -13137,14 +13143,14 @@ function Of({ className: e, items: t, keyboardState: n, style: r, navLabel: i =
13137
13143
  ...o,
13138
13144
  children: /* @__PURE__ */ B("div", {
13139
13145
  className: "flex h-14 items-center justify-around px-1",
13140
- children: t.map((e) => /* @__PURE__ */ B(Af, {
13146
+ children: t.map((e) => /* @__PURE__ */ B(jf, {
13141
13147
  item: e,
13142
13148
  compact: !1
13143
13149
  }, e.label))
13144
13150
  })
13145
13151
  });
13146
13152
  }
13147
- function kf({ className: e, items: t, centerAction: n, showLabels: r, tone: i = "default", maxWidth: a = 430, pillPosition: o = "fixed", floatingPosition: s = "center", scrollEdge: c = !1, keyboardState: l, style: d, navLabel: f = "メインナビゲーション", showOnDesktop: p = !1, ...m }) {
13153
+ function Af({ className: e, items: t, centerAction: n, showLabels: r, tone: i = "default", maxWidth: a = 430, pillPosition: o = "fixed", floatingPosition: s = "center", scrollEdge: c = !1, keyboardState: l, style: d, navLabel: f = "メインナビゲーション", showOnDesktop: p = !1, ...m }) {
13148
13154
  let h = !!n || r === !0, g = r ?? !!n, _ = n ? Math.ceil(t.length / 2) : t.length, v = t.slice(0, _), y = t.slice(_), b = u.useRef(null), [x, S] = u.useState(null), [C, w] = u.useState(!1), T = u.useCallback(() => {
13149
13155
  let e = b.current;
13150
13156
  if (!e) return;
@@ -13164,7 +13170,7 @@ function kf({ className: e, items: t, centerAction: n, showLabels: r, tone: i =
13164
13170
  return e && Math.abs(e.x - t.x) < .5 && Math.abs(e.y - t.y) < .5 && Math.abs(e.w - t.w) < .5 && Math.abs(e.h - t.h) < .5 ? e : t;
13165
13171
  });
13166
13172
  }, []);
13167
- Tf(T), u.useEffect(() => {
13173
+ Ef(T), u.useEffect(() => {
13168
13174
  if (x && !C) {
13169
13175
  let e = requestAnimationFrame(() => w(!0));
13170
13176
  return () => cancelAnimationFrame(e);
@@ -13200,7 +13206,7 @@ function kf({ className: e, items: t, centerAction: n, showLabels: r, tone: i =
13200
13206
  children: [
13201
13207
  x && /* @__PURE__ */ B("span", {
13202
13208
  "aria-hidden": "true",
13203
- "data-slot": wf,
13209
+ "data-slot": Tf,
13204
13210
  "data-nav-platter": !0,
13205
13211
  className: G("absolute left-0 top-0 rounded-full pointer-events-none", C && "transition-[transform,width,height] duration-[var(--Motion-Duration-Base)] ease-[var(--Motion-Easing-Standard)] motion-reduce:transition-none"),
13206
13212
  style: {
@@ -13209,15 +13215,15 @@ function kf({ className: e, items: t, centerAction: n, showLabels: r, tone: i =
13209
13215
  transform: `translate3d(${x.x}px, ${x.y}px, 0)`
13210
13216
  }
13211
13217
  }),
13212
- v.map((e, t) => /* @__PURE__ */ B(Af, {
13218
+ v.map((e, t) => /* @__PURE__ */ B(jf, {
13213
13219
  item: e,
13214
13220
  compact: !0,
13215
13221
  showLabel: g,
13216
13222
  tone: i,
13217
13223
  suppressPlatter: x !== null
13218
13224
  }, `${e.href ?? e.label}-${t}`)),
13219
- n ? /* @__PURE__ */ B(jf, { item: n }) : null,
13220
- y.map((e, t) => /* @__PURE__ */ B(Af, {
13225
+ n ? /* @__PURE__ */ B(Mf, { item: n }) : null,
13226
+ y.map((e, t) => /* @__PURE__ */ B(jf, {
13221
13227
  item: e,
13222
13228
  compact: !0,
13223
13229
  showLabel: g,
@@ -13227,7 +13233,7 @@ function kf({ className: e, items: t, centerAction: n, showLabels: r, tone: i =
13227
13233
  ]
13228
13234
  })] });
13229
13235
  }
13230
- function Af({ item: e, compact: t, showLabel: n, tone: r = "default", suppressPlatter: i = !1 }) {
13236
+ function jf({ item: e, compact: t, showLabel: n, tone: r = "default", suppressPlatter: i = !1 }) {
13231
13237
  let a = e.href ? "a" : "button", o = e.href ? { href: e.href } : {
13232
13238
  type: "button",
13233
13239
  onClick: e.onClick
@@ -13257,7 +13263,7 @@ function Af({ item: e, compact: t, showLabel: n, tone: r = "default", suppressPl
13257
13263
  })]
13258
13264
  });
13259
13265
  }
13260
- function jf({ item: e }) {
13266
+ function Mf({ item: e }) {
13261
13267
  let t = e.href ? "a" : "button", n = e.href ? { href: e.href } : {
13262
13268
  type: "button",
13263
13269
  onClick: e.onClick
@@ -13281,7 +13287,7 @@ function jf({ item: e }) {
13281
13287
  }
13282
13288
  //#endregion
13283
13289
  //#region src/components/patterns/commerce/mobile-tab-bar.tsx
13284
- function Mf() {
13290
+ function Nf() {
13285
13291
  return /* @__PURE__ */ B("span", {
13286
13292
  "data-global-nav-add-icon": !0,
13287
13293
  "aria-hidden": "true",
@@ -13293,7 +13299,7 @@ function Mf() {
13293
13299
  })
13294
13300
  });
13295
13301
  }
13296
- function Nf({ tabs: e, activeTab: t, onSelect: n, addAction: r, floatingPosition: i = "center", showOnDesktop: a = !1, className: o }) {
13302
+ function Pf({ tabs: e, activeTab: t, onSelect: n, addAction: r, floatingPosition: i = "center", showOnDesktop: a = !1, className: o }) {
13297
13303
  let s = u.useCallback((e) => {
13298
13304
  let t = e.target;
13299
13305
  t instanceof Element && t.closest("button, a")?.blur();
@@ -13316,11 +13322,11 @@ function Nf({ tabs: e, activeTab: t, onSelect: n, addAction: r, floatingPosition
13316
13322
  }), l = r ? {
13317
13323
  label: "",
13318
13324
  ariaLabel: r.ariaLabel ?? r.label,
13319
- icon: /* @__PURE__ */ B(Mf, {}),
13320
- activeIcon: /* @__PURE__ */ B(Mf, {}),
13325
+ icon: /* @__PURE__ */ B(Nf, {}),
13326
+ activeIcon: /* @__PURE__ */ B(Nf, {}),
13321
13327
  onClick: r.onClick
13322
13328
  } : void 0;
13323
- return /* @__PURE__ */ B(Df, {
13329
+ return /* @__PURE__ */ B(Of, {
13324
13330
  className: a ? o : o ? `lg:hidden ${o}` : "lg:hidden",
13325
13331
  variant: "pill",
13326
13332
  pillPosition: "fixed",
@@ -13335,7 +13341,7 @@ function Nf({ tabs: e, activeTab: t, onSelect: n, addAction: r, floatingPosition
13335
13341
  }
13336
13342
  //#endregion
13337
13343
  //#region src/components/patterns/chip.tsx
13338
- var Pf = H("inline-flex items-center justify-center gap-1.5 whitespace-nowrap cursor-pointer touch-manipulation [-webkit-tap-highlight-color:transparent] [@media(hover:hover)]:transition-colors typo-label-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--Focus-High-Emphasis)]", {
13344
+ var Ff = H("inline-flex items-center justify-center gap-1.5 whitespace-nowrap cursor-pointer touch-manipulation [-webkit-tap-highlight-color:transparent] [@media(hover:hover)]:transition-colors typo-label-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--Focus-High-Emphasis)]", {
13339
13345
  variants: {
13340
13346
  variant: {
13341
13347
  filled: "bg-[var(--Surface-Secondary)] text-[var(--Text-High-Emphasis)] hover:bg-[var(--Surface-Tertiary)] disabled:text-[var(--Text-Disable)] disabled:hover:bg-[var(--Surface-Secondary)]",
@@ -13361,7 +13367,7 @@ var Pf = H("inline-flex items-center justify-center gap-1.5 whitespace-nowrap cu
13361
13367
  shape: "pill"
13362
13368
  }
13363
13369
  });
13364
- function Ff({ className: e, id: t, style: n, title: r, variant: i = "filled", size: a, shape: o, href: s, selected: c, soldOut: l = !1, removable: u, onRemove: d, count: f, children: p, disabled: m, ...h }) {
13370
+ function If({ className: e, id: t, style: n, title: r, variant: i = "filled", size: a, shape: o, href: s, selected: c, soldOut: l = !1, removable: u, onRemove: d, count: f, children: p, disabled: m, ...h }) {
13365
13371
  let g = l && !c, _ = g || m, v = a ?? "md", y = o ?? "pill", b = typeof p == "string" || typeof p == "number" ? `削除: ${p}` : "削除", x = f !== void 0 && /* @__PURE__ */ B("span", {
13366
13372
  className: G("inline-flex items-center justify-center rounded-full px-1.5 min-w-[1.25rem] typo-label-xs [@media(hover:hover)]:transition-colors", c ? "bg-[var(--Surface-Primary)] text-[var(--Text-Accent-Primary)]" : "bg-[var(--Surface-Tertiary)] text-[var(--Text-Medium-Emphasis)]"),
13367
13373
  children: f
@@ -13397,7 +13403,7 @@ function Ff({ className: e, id: t, style: n, title: r, variant: i = "filled", si
13397
13403
  tile: "h-12 w-11"
13398
13404
  }[v], O = y === "square" || v === "tile" ? "rounded-r-sm" : y === "rounded" ? "rounded-r-lg" : "rounded-r-[var(--Chip-Radius)]";
13399
13405
  if (u) {
13400
- let l = G("relative", Pf({
13406
+ let l = G("relative", Ff({
13401
13407
  variant: i,
13402
13408
  size: a,
13403
13409
  shape: o
@@ -13442,7 +13448,7 @@ function Ff({ className: e, id: t, style: n, title: r, variant: i = "filled", si
13442
13448
  "data-slot": "chip",
13443
13449
  "data-variant": i,
13444
13450
  "data-selected": c || void 0,
13445
- className: G("relative", Pf({
13451
+ className: G("relative", Ff({
13446
13452
  variant: i,
13447
13453
  size: a,
13448
13454
  shape: o
@@ -13459,7 +13465,7 @@ function Ff({ className: e, id: t, style: n, title: r, variant: i = "filled", si
13459
13465
  "data-sold-out": g || void 0,
13460
13466
  "aria-pressed": c === void 0 ? void 0 : c,
13461
13467
  disabled: _,
13462
- className: G("relative", Pf({
13468
+ className: G("relative", Ff({
13463
13469
  variant: i,
13464
13470
  size: a,
13465
13471
  shape: o
@@ -13470,14 +13476,14 @@ function Ff({ className: e, id: t, style: n, title: r, variant: i = "filled", si
13470
13476
  }
13471
13477
  //#endregion
13472
13478
  //#region src/components/patterns/chip-selector.tsx
13473
- var If = () => {
13479
+ var Lf = () => {
13474
13480
  let e = globalThis.process;
13475
13481
  return !!e && e.env?.NODE_ENV !== "production";
13476
13482
  };
13477
- function Lf(e) {
13483
+ function Rf(e) {
13478
13484
  return Array.from(e.querySelectorAll("button[data-slot=\"chip\"]")).filter((t) => t.closest("[data-slot=\"chip-selector\"]") === e);
13479
13485
  }
13480
- function Rf({ options: e, value: t, onChange: n, multiple: r = !0, selectionMode: i, max: a, size: o = "md", className: s }) {
13486
+ function zf({ options: e, value: t, onChange: n, multiple: r = !0, selectionMode: i, max: a, size: o = "md", className: s }) {
13481
13487
  let c = i ? i === "multiple" : r, l = !c, d = u.useRef(null), f = Array.isArray(t), p = u.useMemo(() => f ? t : t == null ? [] : [t], [f, t]), m = u.useCallback((e) => {
13482
13488
  if (l && !f) {
13483
13489
  n(e[0] ?? null);
@@ -13504,10 +13510,10 @@ function Rf({ options: e, value: t, onChange: n, multiple: r = !0, selectionMode
13504
13510
  return u.useEffect(() => {
13505
13511
  let e = d.current;
13506
13512
  if (!l || !e) return;
13507
- let t = Lf(e), n = t.findIndex((e) => e.getAttribute("aria-checked") === "true"), r = n >= 0 ? n : t.findIndex((e) => !e.disabled);
13513
+ let t = Rf(e), n = t.findIndex((e) => e.getAttribute("aria-checked") === "true"), r = n >= 0 ? n : t.findIndex((e) => !e.disabled);
13508
13514
  t.forEach((e, t) => {
13509
13515
  e.tabIndex = t === r ? 0 : -1;
13510
- }), If() && p.length > 1 && console.warn(`[ksk-ds] ChipSelector: selectionMode="single" は排他選択ですが、選択中の値が ${p.length} 個あります。value を 1 つに絞るか selectionMode="multiple" を使ってください。`);
13516
+ }), Lf() && p.length > 1 && console.warn(`[ksk-ds] ChipSelector: selectionMode="single" は排他選択ですが、選択中の値が ${p.length} 個あります。value を 1 つに絞るか selectionMode="multiple" を使ってください。`);
13511
13517
  }), /* @__PURE__ */ B("div", {
13512
13518
  "data-slot": "chip-selector",
13513
13519
  ref: d,
@@ -13518,7 +13524,7 @@ function Rf({ options: e, value: t, onChange: n, multiple: r = !0, selectionMode
13518
13524
  if (t === 0) return;
13519
13525
  let n = d.current;
13520
13526
  if (!n) return;
13521
- let r = Lf(n).filter((e) => !e.disabled), i = e.target?.closest("button[data-slot=\"chip\"]"), a = i ? r.indexOf(i) : -1;
13527
+ let r = Rf(n).filter((e) => !e.disabled), i = e.target?.closest("button[data-slot=\"chip\"]"), a = i ? r.indexOf(i) : -1;
13522
13528
  if (a < 0 || r.length === 0) return;
13523
13529
  e.preventDefault();
13524
13530
  let o = r[(a + t + r.length) % r.length];
@@ -13529,7 +13535,7 @@ function Rf({ options: e, value: t, onChange: n, multiple: r = !0, selectionMode
13529
13535
  className: G("flex flex-wrap gap-2", s),
13530
13536
  children: e.map((e) => {
13531
13537
  let t = p.includes(e.value), n = !t && !!a && p.length >= a;
13532
- return /* @__PURE__ */ V(Ff, {
13538
+ return /* @__PURE__ */ V(If, {
13533
13539
  size: o,
13534
13540
  variant: t ? "accent" : "outline",
13535
13541
  selected: t,
@@ -13550,7 +13556,7 @@ function Rf({ options: e, value: t, onChange: n, multiple: r = !0, selectionMode
13550
13556
  }
13551
13557
  //#endregion
13552
13558
  //#region src/components/patterns/collapsible-chip-field.tsx
13553
- function zf({ icon: e, label: t, options: n, selected: r, onSelect: i, onClear: a, getLabel: o, getIcon: s, alwaysExpanded: c = !1, ariaLabel: l }) {
13559
+ function Bf({ icon: e, label: t, options: n, selected: r, onSelect: i, onClear: a, getLabel: o, getIcon: s, alwaysExpanded: c = !1, ariaLabel: l }) {
13554
13560
  let d = r != null && r !== "", [f, p] = u.useState({
13555
13561
  selected: r,
13556
13562
  forced: !1
@@ -13624,7 +13630,7 @@ function zf({ icon: e, label: t, options: n, selected: r, onSelect: i, onClear:
13624
13630
  role: g ? "radiogroup" : void 0,
13625
13631
  "aria-label": g ? y : void 0,
13626
13632
  className: "flex gap-2 flex-1 flex-wrap min-h-11 items-center",
13627
- children: _.map((e, t) => /* @__PURE__ */ V(Ff, {
13633
+ children: _.map((e, t) => /* @__PURE__ */ V(If, {
13628
13634
  size: "md",
13629
13635
  "data-value": e,
13630
13636
  selected: !m && r === e,
@@ -13649,8 +13655,8 @@ function zf({ icon: e, label: t, options: n, selected: r, onSelect: i, onClear:
13649
13655
  }
13650
13656
  //#endregion
13651
13657
  //#region src/components/patterns/chip-filter-bar.tsx
13652
- var Bf = (e) => `${e.toLocaleString("ja-JP")}件`;
13653
- function Vf({ children: e, resultCount: t, resultCountLabel: n = Bf, sticky: r = !1, stickyOffset: i = 0, bare: a = !1, className: o }) {
13658
+ var Vf = (e) => `${e.toLocaleString("ja-JP")}件`;
13659
+ function Hf({ children: e, resultCount: t, resultCountLabel: n = Vf, sticky: r = !1, stickyOffset: i = 0, bare: a = !1, className: o }) {
13654
13660
  return a ? /* @__PURE__ */ B(z, { children: e }) : /* @__PURE__ */ V("div", {
13655
13661
  "data-slot": "chip-filter-bar",
13656
13662
  className: o,
@@ -13666,7 +13672,7 @@ function Vf({ children: e, resultCount: t, resultCountLabel: n = Bf, sticky: r =
13666
13672
  }
13667
13673
  //#endregion
13668
13674
  //#region src/components/patterns/banner.tsx
13669
- var Hf = H("flex items-start gap-3 rounded-lg border border-[var(--Border-Info)] p-4", {
13675
+ var Uf = H("flex items-start gap-3 rounded-lg border border-[var(--Border-Info)] p-4", {
13670
13676
  variants: { variant: {
13671
13677
  info: "border-[var(--Border-Info)] bg-[var(--Surface-Info)] text-[var(--Text-Info)]",
13672
13678
  success: "border-[var(--Border-Success)] bg-[var(--Surface-Success)] text-[var(--Text-Success)]",
@@ -13675,11 +13681,11 @@ var Hf = H("flex items-start gap-3 rounded-lg border border-[var(--Border-Info)]
13675
13681
  } },
13676
13682
  defaultVariants: { variant: "info" }
13677
13683
  });
13678
- function Uf({ className: e, variant: t, icon: n, title: r, description: i, action: a, children: o, ...s }) {
13684
+ function Wf({ className: e, variant: t, icon: n, title: r, description: i, action: a, children: o, ...s }) {
13679
13685
  return /* @__PURE__ */ V("div", {
13680
13686
  "data-slot": "banner",
13681
13687
  role: "alert",
13682
- className: G(Hf({ variant: t }), e),
13688
+ className: G(Uf({ variant: t }), e),
13683
13689
  ...s,
13684
13690
  children: [
13685
13691
  n && /* @__PURE__ */ B("div", {
@@ -13709,7 +13715,7 @@ function Uf({ className: e, variant: t, icon: n, title: r, description: i, actio
13709
13715
  }
13710
13716
  //#endregion
13711
13717
  //#region src/components/patterns/empty-state.tsx
13712
- function Wf({ className: e, icon: t, title: n, description: r, action: i, actionLabel: a, actionIcon: o, actionLayout: s = "content", actionButtonProps: c, onAction: l, size: u = "default", iconClassName: d, ...f }) {
13718
+ function Gf({ className: e, icon: t, title: n, description: r, action: i, actionLabel: a, actionIcon: o, actionLayout: s = "content", actionButtonProps: c, onAction: l, size: u = "default", iconClassName: d, ...f }) {
13713
13719
  let p = u === "inline", m = i ?? (a ? /* @__PURE__ */ V(K, {
13714
13720
  ...c,
13715
13721
  onClick: c?.onClick ?? (l ? () => l() : void 0),
@@ -13722,7 +13728,7 @@ function Wf({ className: e, icon: t, title: n, description: r, action: i, action
13722
13728
  "data-action-layout": m ? s : void 0,
13723
13729
  className: G("flex justify-center", u === "default" && "flex-col items-center py-16 px-4 text-center", u === "compact" && "flex-col items-center py-8 px-4 text-center", u === "inline" && "flex-row items-center gap-3 py-3 px-4 text-left", e),
13724
13730
  ...f,
13725
- children: [t && /* @__PURE__ */ B(Tu, {
13731
+ children: [t && /* @__PURE__ */ B(Eu, {
13726
13732
  appearance: "plain",
13727
13733
  className: G("text-[var(--Object-Low-Emphasis)]", p ? "shrink-0" : "mb-4", d),
13728
13734
  children: t
@@ -13748,7 +13754,7 @@ function Wf({ className: e, icon: t, title: n, description: r, action: i, action
13748
13754
  }
13749
13755
  //#endregion
13750
13756
  //#region src/components/patterns/error-state.tsx
13751
- function Gf({ className: e, "aria-hidden": t = !0, ...n }) {
13757
+ function Kf({ className: e, "aria-hidden": t = !0, ...n }) {
13752
13758
  return /* @__PURE__ */ V("svg", {
13753
13759
  ...n,
13754
13760
  "data-slot": "not-found-illustration",
@@ -13805,8 +13811,8 @@ function Gf({ className: e, "aria-hidden": t = !0, ...n }) {
13805
13811
  ]
13806
13812
  });
13807
13813
  }
13808
- function Kf({ className: e, kind: t = "error", icon: n, title: r, description: i, action: a, onRetry: o, retryLabel: s = "再試行", ...c }) {
13809
- let l = t === "notFound", u = n === void 0 && l ? /* @__PURE__ */ B(Gf, {}) : n, d = r ?? (l ? "ページが見つかりません" : "エラーが発生しました"), f = i ?? (l ? "お探しのページは移動または削除された可能性があります。" : "しばらくしてからもう一度お試しください");
13814
+ function qf({ className: e, kind: t = "error", icon: n, title: r, description: i, action: a, onRetry: o, retryLabel: s = "再試行", ...c }) {
13815
+ let l = t === "notFound", u = n === void 0 && l ? /* @__PURE__ */ B(Kf, {}) : n, d = r ?? (l ? "ページが見つかりません" : "エラーが発生しました"), f = i ?? (l ? "お探しのページは移動または削除された可能性があります。" : "しばらくしてからもう一度お試しください");
13810
13816
  return /* @__PURE__ */ V("div", {
13811
13817
  "data-slot": "error-state",
13812
13818
  "data-kind": t,
@@ -13839,7 +13845,7 @@ function Kf({ className: e, kind: t = "error", icon: n, title: r, description: i
13839
13845
  }
13840
13846
  //#endregion
13841
13847
  //#region src/components/patterns/prose.tsx
13842
- function qf({ sections: e, className: t, ...n }) {
13848
+ function Jf({ sections: e, className: t, ...n }) {
13843
13849
  return /* @__PURE__ */ B("div", {
13844
13850
  "data-slot": "prose",
13845
13851
  className: G("flex flex-col gap-6", t),
@@ -13858,7 +13864,7 @@ function qf({ sections: e, className: t, ...n }) {
13858
13864
  }
13859
13865
  //#endregion
13860
13866
  //#region src/components/patterns/document-page.tsx
13861
- function Jf({ title: e, lastUpdated: t, children: n, className: r, ...i }) {
13867
+ function Yf({ title: e, lastUpdated: t, children: n, className: r, ...i }) {
13862
13868
  return /* @__PURE__ */ V("main", {
13863
13869
  "data-slot": "document-page",
13864
13870
  className: G("mx-auto flex w-full max-w-2xl flex-col px-4 py-10", r),
@@ -13880,7 +13886,7 @@ function Jf({ title: e, lastUpdated: t, children: n, className: r, ...i }) {
13880
13886
  }
13881
13887
  //#endregion
13882
13888
  //#region src/components/patterns/form-field.tsx
13883
- function Yf({ className: e, label: t, htmlFor: n, required: r, error: i, description: a, requiredStyle: o = "asterisk", endLabel: s, children: c, ...l }) {
13889
+ function Xf({ className: e, label: t, htmlFor: n, required: r, error: i, description: a, requiredStyle: o = "asterisk", endLabel: s, children: c, ...l }) {
13884
13890
  let d = s != null, f = u.useId(), p = `${f}-desc`, m = `${f}-err`, h = [i ? m : null, a != null && !i ? p : null].filter(Boolean).join(" ") || void 0, g = u.isValidElement(c) ? u.cloneElement(c, {
13885
13891
  "aria-invalid": i ? !0 : c.props["aria-invalid"],
13886
13892
  "aria-describedby": [c.props["aria-describedby"], h].filter(Boolean).join(" ") || void 0
@@ -13949,21 +13955,21 @@ function Yf({ className: e, label: t, htmlFor: n, required: r, error: i, descrip
13949
13955
  }
13950
13956
  //#endregion
13951
13957
  //#region src/components/patterns/field.tsx
13952
- function Xf({ className: e, ...t }) {
13958
+ function Zf({ className: e, ...t }) {
13953
13959
  return /* @__PURE__ */ B("fieldset", {
13954
13960
  "data-slot": "field-set",
13955
13961
  className: G("m-0 flex min-w-0 flex-col gap-6 border-0 p-0", e),
13956
13962
  ...t
13957
13963
  });
13958
13964
  }
13959
- function Zf({ className: e, ...t }) {
13965
+ function Qf({ className: e, ...t }) {
13960
13966
  return /* @__PURE__ */ B("legend", {
13961
13967
  "data-slot": "field-legend",
13962
13968
  className: G("typo-heading-md text-[var(--Text-High-Emphasis)]", e),
13963
13969
  ...t
13964
13970
  });
13965
13971
  }
13966
- function Qf({ className: e, ...t }) {
13972
+ function $f({ className: e, ...t }) {
13967
13973
  return /* @__PURE__ */ B("div", {
13968
13974
  ...t,
13969
13975
  "data-slot": "field-group",
@@ -13971,14 +13977,14 @@ function Qf({ className: e, ...t }) {
13971
13977
  className: G("flex min-w-0 flex-col gap-4", e)
13972
13978
  });
13973
13979
  }
13974
- function $f({ className: e, ...t }) {
13980
+ function ep({ className: e, ...t }) {
13975
13981
  return /* @__PURE__ */ B("p", {
13976
13982
  "data-slot": "field-description",
13977
13983
  className: G("typo-body-sm text-[var(--Text-Low-Emphasis)]", e),
13978
13984
  ...t
13979
13985
  });
13980
13986
  }
13981
- function ep({ className: e, children: t, ...n }) {
13987
+ function tp({ className: e, children: t, ...n }) {
13982
13988
  return u.Children.toArray(t).length === 0 ? null : /* @__PURE__ */ B("p", {
13983
13989
  ...n,
13984
13990
  "data-slot": "field-error",
@@ -13987,7 +13993,7 @@ function ep({ className: e, children: t, ...n }) {
13987
13993
  children: t
13988
13994
  });
13989
13995
  }
13990
- function tp({ className: e, children: t, ...n }) {
13996
+ function np({ className: e, children: t, ...n }) {
13991
13997
  let r = u.Children.toArray(t).length > 0;
13992
13998
  return /* @__PURE__ */ V("div", {
13993
13999
  "data-slot": "field-separator",
@@ -14001,7 +14007,7 @@ function tp({ className: e, children: t, ...n }) {
14001
14007
  }
14002
14008
  //#endregion
14003
14009
  //#region src/components/patterns/list-item.tsx
14004
- function np({ className: e, leftSlot: t, rightSlot: n, bottomSlot: r, footerSlot: i, secondaryAction: a, title: o, description: s, interactive: c = !1, disabled: l = !1, variant: u = "default", align: d = "start", density: f = "comfortable", children: p, href: m, onClick: h, ...g }) {
14010
+ function rp({ className: e, leftSlot: t, rightSlot: n, bottomSlot: r, footerSlot: i, secondaryAction: a, title: o, description: s, interactive: c = !1, disabled: l = !1, variant: u = "default", align: d = "start", density: f = "comfortable", children: p, href: m, onClick: h, ...g }) {
14005
14011
  let _ = u === "destructive", v = !!(m || h), y = v || c, b = d === "center", x = f === "compact", S = !!i, C = G("flex w-full", S ? "flex-col" : b ? "items-center" : "items-start", !S && "gap-3", "border-b border-[var(--Border-Low-Emphasis)]", x ? "px-3 py-1" : "px-4 py-3", b ? "justify-center text-center" : "text-left", y && (_ ? "cursor-pointer transition-colors hover:bg-[var(--Surface-Caution-Subtle)]" : "cursor-pointer transition-colors hover:bg-[var(--Surface-Secondary)]"), v && (x ? "focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50" : "min-h-11 focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50"), l && "cursor-not-allowed opacity-50", e), w = /* @__PURE__ */ V(z, { children: [
14006
14012
  t && /* @__PURE__ */ B("div", {
14007
14013
  className: "shrink-0",
@@ -14103,7 +14109,7 @@ function np({ className: e, leftSlot: t, rightSlot: n, bottomSlot: r, footerSlot
14103
14109
  }
14104
14110
  //#endregion
14105
14111
  //#region src/components/patterns/settings-section.tsx
14106
- function rp({ className: e, title: t, description: n, action: r, variant: i = "group", children: a, ...o }) {
14112
+ function ip({ className: e, title: t, description: n, action: r, variant: i = "group", children: a, ...o }) {
14107
14113
  let s = i === "card" || i === "danger";
14108
14114
  return /* @__PURE__ */ V("section", {
14109
14115
  "data-slot": "settings-section",
@@ -14134,7 +14140,7 @@ function rp({ className: e, title: t, description: n, action: r, variant: i = "g
14134
14140
  })]
14135
14141
  });
14136
14142
  }
14137
- function ip({ className: e, title: t, description: n, leading: r, rightSlot: i, interactive: a = !1, disabled: o = !1, destructive: s = !1, onClick: c, children: l, ...u }) {
14143
+ function ap({ className: e, title: t, description: n, leading: r, rightSlot: i, interactive: a = !1, disabled: o = !1, destructive: s = !1, onClick: c, children: l, ...u }) {
14138
14144
  let d = /* @__PURE__ */ V(z, { children: [
14139
14145
  r && /* @__PURE__ */ B("div", {
14140
14146
  "data-slot": "settings-list-row-leading",
@@ -14183,25 +14189,25 @@ function ip({ className: e, title: t, description: n, leading: r, rightSlot: i,
14183
14189
  }
14184
14190
  //#endregion
14185
14191
  //#region src/components/patterns/notification-badge.tsx
14186
- var ap = {
14192
+ var op = {
14187
14193
  xs: "size-1.5 min-w-0 px-0",
14188
14194
  sm: "min-w-4 h-4 px-1 typo-label-xs",
14189
14195
  default: "min-w-5 h-5 px-1.5 typo-label-xs"
14190
14196
  };
14191
- function op({ className: e, count: t, max: n = 99, size: r = "default", ...i }) {
14197
+ function sp({ className: e, count: t, max: n = 99, size: r = "default", ...i }) {
14192
14198
  if (t <= 0) return null;
14193
14199
  let a = t > n ? `${n}+` : t;
14194
14200
  return /* @__PURE__ */ B("span", {
14195
14201
  "data-slot": "notification-badge",
14196
14202
  "data-size": r,
14197
- className: G("inline-flex items-center justify-center rounded-full", "bg-[var(--Caution-Base)] text-[var(--Text-on-Inverse)]", ap[r], e),
14203
+ className: G("inline-flex items-center justify-center rounded-full", "bg-[var(--Caution-Base)] text-[var(--Text-on-Inverse)]", op[r], e),
14198
14204
  ...i,
14199
14205
  children: r !== "xs" && a
14200
14206
  });
14201
14207
  }
14202
14208
  //#endregion
14203
14209
  //#region src/components/patterns/progress-steps.tsx
14204
- function sp({ className: e, steps: t, currentStep: n, ...r }) {
14210
+ function cp({ className: e, steps: t, currentStep: n, ...r }) {
14205
14211
  return /* @__PURE__ */ B("div", {
14206
14212
  "data-slot": "progress-steps",
14207
14213
  className: G("flex items-start overflow-x-auto", e),
@@ -14240,14 +14246,14 @@ function sp({ className: e, steps: t, currentStep: n, ...r }) {
14240
14246
  }
14241
14247
  //#endregion
14242
14248
  //#region src/components/patterns/search-bar.tsx
14243
- function cp({ className: e, onSearch: t, asForm: n = !1, onKeyDown: r, onCompositionStart: i, onCompositionEnd: a, ...o }) {
14249
+ function lp({ className: e, onSearch: t, asForm: n = !1, onKeyDown: r, onCompositionStart: i, onCompositionEnd: a, ...o }) {
14244
14250
  let s = u.useRef(!1), c = u.useRef(!1), l = u.useRef(null);
14245
14251
  u.useEffect(() => () => {
14246
14252
  l.current !== null && clearTimeout(l.current);
14247
14253
  }, []);
14248
14254
  let d = (e) => {
14249
14255
  if (r?.(e), !(e.defaultPrevented || e.key !== "Enter")) {
14250
- if (s.current || su(e)) {
14256
+ if (s.current || cu(e)) {
14251
14257
  c.current = !0, l.current !== null && clearTimeout(l.current), l.current = setTimeout(() => {
14252
14258
  c.current = !1, l.current = null;
14253
14259
  }, 0);
@@ -14305,7 +14311,7 @@ function cp({ className: e, onSearch: t, asForm: n = !1, onKeyDown: r, onComposi
14305
14311
  }
14306
14312
  //#endregion
14307
14313
  //#region src/components/patterns/section-header.tsx
14308
- function lp({ className: e, title: t, description: n, action: r, ...i }) {
14314
+ function up({ className: e, title: t, description: n, action: r, ...i }) {
14309
14315
  return /* @__PURE__ */ V("div", {
14310
14316
  "data-slot": "section-header",
14311
14317
  className: G("flex items-center justify-between gap-4", e),
@@ -14327,7 +14333,7 @@ function lp({ className: e, title: t, description: n, action: r, ...i }) {
14327
14333
  }
14328
14334
  //#endregion
14329
14335
  //#region src/components/patterns/stat-card.tsx
14330
- var up = {
14336
+ var dp = {
14331
14337
  default: {
14332
14338
  card: "border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)]",
14333
14339
  icon: "text-[var(--Object-Medium-Emphasis)]",
@@ -14354,8 +14360,8 @@ var up = {
14354
14360
  hoverBg: "hover:brightness-[0.98]"
14355
14361
  }
14356
14362
  };
14357
- function dp({ className: e, label: t, value: n, unit: r, trend: i, icon: a, variant: o = "default", interactive: s, onClick: c, ...l }) {
14358
- let u = up[o], d = s ?? !!c;
14363
+ function fp({ className: e, label: t, value: n, unit: r, trend: i, icon: a, variant: o = "default", interactive: s, onClick: c, ...l }) {
14364
+ let u = dp[o], d = s ?? !!c;
14359
14365
  return /* @__PURE__ */ V(d ? "button" : "div", {
14360
14366
  type: d ? "button" : void 0,
14361
14367
  "data-slot": "stat-card",
@@ -14406,7 +14412,7 @@ function dp({ className: e, label: t, value: n, unit: r, trend: i, icon: a, vari
14406
14412
  }
14407
14413
  //#endregion
14408
14414
  //#region src/lib/categorical.ts
14409
- var fp = {
14415
+ var pp = {
14410
14416
  1: "bg-[var(--Categorical-1-Subtle)] text-[var(--Categorical-1-Bold)]",
14411
14417
  2: "bg-[var(--Categorical-2-Subtle)] text-[var(--Categorical-2-Bold)]",
14412
14418
  3: "bg-[var(--Categorical-3-Subtle)] text-[var(--Categorical-3-Bold)]",
@@ -14423,7 +14429,7 @@ var fp = {
14423
14429
  14: "bg-[var(--Categorical-14-Subtle)] text-[var(--Categorical-14-Bold)]",
14424
14430
  15: "bg-[var(--Categorical-15-Subtle)] text-[var(--Categorical-15-Bold)]",
14425
14431
  16: "bg-[var(--Categorical-16-Subtle)] text-[var(--Categorical-16-Bold)]"
14426
- }, pp = {
14432
+ }, mp = {
14427
14433
  1: "bg-[var(--Categorical-1)]",
14428
14434
  2: "bg-[var(--Categorical-2)]",
14429
14435
  3: "bg-[var(--Categorical-3)]",
@@ -14441,15 +14447,15 @@ var fp = {
14441
14447
  15: "bg-[var(--Categorical-15)]",
14442
14448
  16: "bg-[var(--Categorical-16)]"
14443
14449
  };
14444
- function mp(e, t = "surface") {
14445
- return t === "dot" ? pp[e] : fp[e];
14450
+ function hp(e, t = "surface") {
14451
+ return t === "dot" ? mp[e] : pp[e];
14446
14452
  }
14447
- function hp(e, t = "base") {
14453
+ function gp(e, t = "base") {
14448
14454
  return t === "subtle" ? `var(--Categorical-${e}-Subtle)` : t === "bold" ? `var(--Categorical-${e}-Bold)` : `var(--Categorical-${e})`;
14449
14455
  }
14450
14456
  //#endregion
14451
14457
  //#region src/components/patterns/tag.tsx
14452
- var gp = H("inline-flex items-center rounded-sm px-2 py-0.5 typo-label-xs whitespace-nowrap", {
14458
+ var _p = H("inline-flex items-center rounded-sm px-2 py-0.5 typo-label-xs whitespace-nowrap", {
14453
14459
  variants: { variant: {
14454
14460
  default: "bg-[var(--Surface-Secondary)] text-[var(--Text-High-Emphasis)]",
14455
14461
  brand: "bg-[var(--Surface-Accent-Primary-Light)] text-[var(--Text-Accent-Primary)]",
@@ -14460,21 +14466,21 @@ var gp = H("inline-flex items-center rounded-sm px-2 py-0.5 typo-label-xs whites
14460
14466
  } },
14461
14467
  defaultVariants: { variant: "default" }
14462
14468
  });
14463
- function _p({ className: e, variant: t, categorical: n, dot: r = !1, children: i, ...a }) {
14469
+ function vp({ className: e, variant: t, categorical: n, dot: r = !1, children: i, ...a }) {
14464
14470
  return /* @__PURE__ */ V("span", {
14465
14471
  "data-slot": "tag",
14466
14472
  "data-categorical": n,
14467
- className: G(gp({ variant: t }), n && fp[n], n && r && "gap-1", e),
14473
+ className: G(_p({ variant: t }), n && pp[n], n && r && "gap-1", e),
14468
14474
  ...a,
14469
14475
  children: [n && r && /* @__PURE__ */ B("span", {
14470
14476
  "aria-hidden": "true",
14471
- className: G("inline-block size-2 shrink-0 rounded-full", pp[n])
14477
+ className: G("inline-block size-2 shrink-0 rounded-full", mp[n])
14472
14478
  }), i]
14473
14479
  });
14474
14480
  }
14475
14481
  //#endregion
14476
14482
  //#region src/components/ui/toast.tsx
14477
- var vp = H("relative flex w-full items-center gap-3 overflow-hidden rounded-lg border border-[var(--Border-Low-Emphasis)] p-4 shadow-[var(--shadow-lg)] transition-all animate-fade-in-up", {
14483
+ var yp = H("relative flex w-full items-center gap-3 overflow-hidden rounded-lg border border-[var(--Border-Low-Emphasis)] p-4 shadow-[var(--shadow-lg)] transition-all animate-fade-in-up", {
14478
14484
  variants: { variant: {
14479
14485
  default: "border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)] text-[var(--Text-High-Emphasis)]",
14480
14486
  success: "border-[var(--Border-Success)] bg-[var(--Surface-Success)] text-[var(--Text-Success)]",
@@ -14483,15 +14489,15 @@ var vp = H("relative flex w-full items-center gap-3 overflow-hidden rounded-lg b
14483
14489
  info: "border-[var(--Border-Info)] bg-[var(--Surface-Info)] text-[var(--Text-Info)]"
14484
14490
  } },
14485
14491
  defaultVariants: { variant: "default" }
14486
- }), yp = 0;
14487
- function bp() {
14488
- return yp += 1, `t${Date.now().toString(36)}-${yp.toString(36)}`;
14492
+ }), bp = 0;
14493
+ function xp() {
14494
+ return bp += 1, `t${Date.now().toString(36)}-${bp.toString(36)}`;
14489
14495
  }
14490
14496
  var $ = {
14491
14497
  toasts: [],
14492
14498
  listeners: /* @__PURE__ */ new Set(),
14493
14499
  add(e) {
14494
- let t = bp(), n = {
14500
+ let t = xp(), n = {
14495
14501
  id: t,
14496
14502
  ...e
14497
14503
  };
@@ -14508,52 +14514,52 @@ var $ = {
14508
14514
  $.listeners.delete(e);
14509
14515
  };
14510
14516
  }
14511
- }, xp = {
14517
+ }, Sp = {
14512
14518
  region: "通知",
14513
14519
  close: "閉じる"
14514
14520
  };
14515
- function Sp(e) {
14516
- e.regionLabel !== void 0 && (xp.region = e.regionLabel), e.closeLabel !== void 0 && (xp.close = e.closeLabel);
14517
- }
14518
- var Cp = 0, wp = /* @__PURE__ */ new Set();
14519
- function Tp(e) {
14520
- Cp += e, wp.forEach((e) => e());
14521
+ function Cp(e) {
14522
+ e.regionLabel !== void 0 && (Sp.region = e.regionLabel), e.closeLabel !== void 0 && (Sp.close = e.closeLabel);
14521
14523
  }
14524
+ var wp = 0, Tp = /* @__PURE__ */ new Set();
14522
14525
  function Ep(e) {
14523
- return wp.add(e), () => {
14524
- wp.delete(e);
14526
+ wp += e, Tp.forEach((e) => e());
14527
+ }
14528
+ function Dp(e) {
14529
+ return Tp.add(e), () => {
14530
+ Tp.delete(e);
14525
14531
  };
14526
14532
  }
14527
- var Dp = Object.freeze([]);
14528
- function Op() {
14529
- let e = u.useCallback((e) => $.subscribe(e), []), t = u.useCallback(() => $.toasts, []), n = u.useCallback(() => Dp, []);
14533
+ var Op = Object.freeze([]);
14534
+ function kp() {
14535
+ let e = u.useCallback((e) => $.subscribe(e), []), t = u.useCallback(() => $.toasts, []), n = u.useCallback(() => Op, []);
14530
14536
  return u.useSyncExternalStore(e, t, n);
14531
14537
  }
14532
- var kp = () => () => {}, Ap = () => !0, jp = () => !1;
14533
- function Mp() {
14534
- return u.useSyncExternalStore(kp, Ap, jp);
14535
- }
14538
+ var Ap = () => () => {}, jp = () => !0, Mp = () => !1;
14536
14539
  function Np() {
14537
- let e = u.useCallback((e) => Ep(e), []), t = u.useCallback(() => Cp > 0, []), n = u.useCallback(() => !1, []);
14540
+ return u.useSyncExternalStore(Ap, jp, Mp);
14541
+ }
14542
+ function Pp() {
14543
+ let e = u.useCallback((e) => Dp(e), []), t = u.useCallback(() => wp > 0, []), n = u.useCallback(() => !1, []);
14538
14544
  return u.useSyncExternalStore(e, t, n);
14539
14545
  }
14540
- var Pp = u.createContext(null);
14541
- function Fp() {
14542
- return u.useContext(Pp) ?? { toast: (e) => $.add(e) };
14546
+ var Fp = u.createContext(null);
14547
+ function Ip() {
14548
+ return u.useContext(Fp) ?? { toast: (e) => $.add(e) };
14543
14549
  }
14544
- function Ip({ regionLabel: e, closeLabel: t } = {}) {
14545
- let n = Op();
14546
- return !Mp() || typeof document > "u" ? null : ge(/* @__PURE__ */ B("div", {
14550
+ function Lp({ regionLabel: e, closeLabel: t } = {}) {
14551
+ let n = kp();
14552
+ return !Np() || typeof document > "u" ? null : ge(/* @__PURE__ */ B("div", {
14547
14553
  "data-slot": "toast-viewport",
14548
14554
  role: "region",
14549
- "aria-label": e ?? xp.region,
14555
+ "aria-label": e ?? Sp.region,
14550
14556
  "aria-live": "polite",
14551
14557
  className: "fixed bottom-[var(--Toast-Viewport-Offset-Bottom)] right-4 left-4 sm:left-auto z-[var(--Z-Toast)] flex flex-col items-stretch gap-2 sm:w-full sm:max-w-sm",
14552
14558
  children: n.map((e) => /* @__PURE__ */ V("div", {
14553
14559
  "data-slot": "toast",
14554
14560
  "data-variant": e.variant ?? "default",
14555
14561
  role: e.variant === "caution" ? "alert" : void 0,
14556
- className: G(vp({ variant: e.variant })),
14562
+ className: G(yp({ variant: e.variant })),
14557
14563
  children: [
14558
14564
  /* @__PURE__ */ V("div", {
14559
14565
  className: "flex-1 min-w-0",
@@ -14575,7 +14581,7 @@ function Ip({ regionLabel: e, closeLabel: t } = {}) {
14575
14581
  "data-slot": "button",
14576
14582
  onClick: () => $.dismiss(e.id),
14577
14583
  className: "shrink-0 text-[var(--Object-Medium-Emphasis)] hover:text-[var(--Object-High-Emphasis)] cursor-pointer",
14578
- "aria-label": t ?? xp.close,
14584
+ "aria-label": t ?? Sp.close,
14579
14585
  children: /* @__PURE__ */ B("svg", {
14580
14586
  width: "16",
14581
14587
  height: "16",
@@ -14593,29 +14599,29 @@ function Ip({ regionLabel: e, closeLabel: t } = {}) {
14593
14599
  }, e.id))
14594
14600
  }), document.body);
14595
14601
  }
14596
- function Lp({ children: e, regionLabel: t, closeLabel: n }) {
14597
- u.useEffect(() => (Tp(1), () => Tp(-1)), []);
14602
+ function Rp({ children: e, regionLabel: t, closeLabel: n }) {
14603
+ u.useEffect(() => (Ep(1), () => Ep(-1)), []);
14598
14604
  let r = u.useCallback((e) => {
14599
14605
  $.add(e);
14600
14606
  }, []);
14601
- return /* @__PURE__ */ V(Pp.Provider, {
14607
+ return /* @__PURE__ */ V(Fp.Provider, {
14602
14608
  value: { toast: r },
14603
- children: [e, /* @__PURE__ */ B(Ip, {
14609
+ children: [e, /* @__PURE__ */ B(Lp, {
14604
14610
  regionLabel: t,
14605
14611
  closeLabel: n
14606
14612
  })]
14607
14613
  });
14608
14614
  }
14609
- function Rp() {
14610
- return Np() ? null : /* @__PURE__ */ B(Ip, {});
14615
+ function zp() {
14616
+ return Pp() ? null : /* @__PURE__ */ B(Lp, {});
14611
14617
  }
14612
- var zp = null;
14613
- function Bp() {
14614
- if (typeof window > "u" || typeof document > "u" || zp) return;
14618
+ var Bp = null;
14619
+ function Vp() {
14620
+ if (typeof window > "u" || typeof document > "u" || Bp) return;
14615
14621
  if (!document.body) {
14616
- zp = new Promise((e) => {
14622
+ Bp = new Promise((e) => {
14617
14623
  let t = () => {
14618
- document.body ? (zp = null, Bp(), e()) : window.setTimeout(t, 0);
14624
+ document.body ? (Bp = null, Vp(), e()) : window.setTimeout(t, 0);
14619
14625
  };
14620
14626
  t();
14621
14627
  });
@@ -14623,12 +14629,12 @@ function Bp() {
14623
14629
  }
14624
14630
  if (document.querySelector("[data-ksk-toast-auto-root]")) return;
14625
14631
  let e = document.createElement("div");
14626
- e.setAttribute("data-ksk-toast-auto-root", ""), document.body.appendChild(e), zp = import("react-dom/client").then(({ createRoot: t }) => {
14627
- t(e).render(/* @__PURE__ */ B(Rp, {}));
14632
+ e.setAttribute("data-ksk-toast-auto-root", ""), document.body.appendChild(e), Bp = import("react-dom/client").then(({ createRoot: t }) => {
14633
+ t(e).render(/* @__PURE__ */ B(zp, {}));
14628
14634
  });
14629
14635
  }
14630
- function Vp(e, t = {}, n) {
14631
- return typeof window > "u" ? "" : (Bp(), $.add({
14636
+ function Hp(e, t = {}, n) {
14637
+ return typeof window > "u" ? "" : (Vp(), $.add({
14632
14638
  title: e,
14633
14639
  description: t.description,
14634
14640
  variant: n ?? t.variant,
@@ -14636,11 +14642,11 @@ function Vp(e, t = {}, n) {
14636
14642
  action: t.action
14637
14643
  }));
14638
14644
  }
14639
- var Hp = ((e, t) => Vp(e, t));
14640
- Hp.success = (e, t) => Vp(e, t, "success"), Hp.error = (e, t) => Vp(e, t, "caution"), Hp.info = (e, t) => Vp(e, t, "info"), Hp.warning = (e, t) => Vp(e, t, "warning"), Hp.caution = (e, t) => Vp(e, t, "caution"), Hp.connectionRestored = (e) => Vp("接続が復旧しました", e, "success"), Hp.saveComplete = (e) => Vp("保存しました", e, "success"), Hp.retryStarted = (e) => Vp("再試行を開始しました", e, "info"), Hp.retryFailed = (e) => Vp("再試行できませんでした", e, "caution"), Hp.dismiss = (e) => $.dismiss(e);
14645
+ var Up = ((e, t) => Hp(e, t));
14646
+ Up.success = (e, t) => Hp(e, t, "success"), Up.error = (e, t) => Hp(e, t, "caution"), Up.info = (e, t) => Hp(e, t, "info"), Up.warning = (e, t) => Hp(e, t, "warning"), Up.caution = (e, t) => Hp(e, t, "caution"), Up.connectionRestored = (e) => Hp("接続が復旧しました", e, "success"), Up.saveComplete = (e) => Hp("保存しました", e, "success"), Up.retryStarted = (e) => Hp("再試行を開始しました", e, "info"), Up.retryFailed = (e) => Hp("再試行できませんでした", e, "caution"), Up.dismiss = (e) => $.dismiss(e);
14641
14647
  //#endregion
14642
14648
  //#region src/components/ui/skip-link.tsx
14643
- function Up({ targetId: e, label: t = "コンテンツへ移動", className: n, onClick: r, ...i }) {
14649
+ function Wp({ targetId: e, label: t = "コンテンツへ移動", className: n, onClick: r, ...i }) {
14644
14650
  let a = (t) => {
14645
14651
  if (r?.(t), t.defaultPrevented) return;
14646
14652
  let n = document.getElementById(e);
@@ -14657,7 +14663,7 @@ function Up({ targetId: e, label: t = "コンテンツへ移動", className: n,
14657
14663
  }
14658
14664
  //#endregion
14659
14665
  //#region src/components/ui/container.tsx
14660
- var Wp = H("mx-auto w-full", {
14666
+ var Gp = H("mx-auto w-full", {
14661
14667
  variants: {
14662
14668
  size: {
14663
14669
  narrow: "max-w-3xl",
@@ -14677,12 +14683,12 @@ var Wp = H("mx-auto w-full", {
14677
14683
  gutter: "default"
14678
14684
  }
14679
14685
  });
14680
- function Gp({ className: e, size: t, gutter: n, ...r }) {
14686
+ function Kp({ className: e, size: t, gutter: n, ...r }) {
14681
14687
  return /* @__PURE__ */ B("div", {
14682
14688
  "data-slot": "container",
14683
14689
  "data-size": t ?? "page",
14684
14690
  "data-gutter": n ?? "default",
14685
- className: G(Wp({
14691
+ className: G(Gp({
14686
14692
  size: t,
14687
14693
  gutter: n
14688
14694
  }), e),
@@ -14691,7 +14697,7 @@ function Gp({ className: e, size: t, gutter: n, ...r }) {
14691
14697
  }
14692
14698
  //#endregion
14693
14699
  //#region src/components/ui/section.tsx
14694
- var Kp = H("w-full", {
14700
+ var qp = H("w-full", {
14695
14701
  variants: {
14696
14702
  spacing: {
14697
14703
  sm: "py-[var(--Space-Section-xs)]",
@@ -14710,12 +14716,12 @@ var Kp = H("w-full", {
14710
14716
  background: "none"
14711
14717
  }
14712
14718
  });
14713
- function qp({ as: e = "section", className: t, spacing: n, background: r, ...i }) {
14719
+ function Jp({ as: e = "section", className: t, spacing: n, background: r, ...i }) {
14714
14720
  return /* @__PURE__ */ B(e, {
14715
14721
  "data-slot": "section",
14716
14722
  "data-spacing": n ?? "md",
14717
14723
  "data-background": r ?? "none",
14718
- className: G(Kp({
14724
+ className: G(qp({
14719
14725
  spacing: n,
14720
14726
  background: r
14721
14727
  }), t),
@@ -14724,13 +14730,13 @@ function qp({ as: e = "section", className: t, spacing: n, background: r, ...i }
14724
14730
  }
14725
14731
  //#endregion
14726
14732
  //#region src/components/patterns/shells/admin-shell.tsx
14727
- function Jp({ className: e, sidebar: t, header: n, children: r, sidebarWidth: i = "w-64", mainId: a = "main-content", skipLink: o = !0, skipLinkLabel: s = "コンテンツへ移動", ...c }) {
14733
+ function Yp({ className: e, sidebar: t, header: n, children: r, sidebarWidth: i = "w-64", mainId: a = "main-content", skipLink: o = !0, skipLinkLabel: s = "コンテンツへ移動", ...c }) {
14728
14734
  return /* @__PURE__ */ V("div", {
14729
14735
  "data-slot": "admin-shell",
14730
14736
  className: G("flex h-screen bg-[var(--Surface-Secondary)]", e),
14731
14737
  ...c,
14732
14738
  children: [
14733
- o && s && /* @__PURE__ */ B(Up, {
14739
+ o && s && /* @__PURE__ */ B(Wp, {
14734
14740
  targetId: a,
14735
14741
  label: s
14736
14742
  }),
@@ -14747,7 +14753,7 @@ function Jp({ className: e, sidebar: t, header: n, children: r, sidebarWidth: i
14747
14753
  children: [n && /* @__PURE__ */ B("header", {
14748
14754
  "data-slot": "admin-header",
14749
14755
  className: "h-16 shrink-0 border-b border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)]",
14750
- children: /* @__PURE__ */ B(Gp, {
14756
+ children: /* @__PURE__ */ B(Kp, {
14751
14757
  size: "fluid",
14752
14758
  className: "flex h-full items-center gap-4",
14753
14759
  children: n
@@ -14757,7 +14763,7 @@ function Jp({ className: e, sidebar: t, header: n, children: r, sidebarWidth: i
14757
14763
  tabIndex: -1,
14758
14764
  "data-slot": "admin-main",
14759
14765
  className: "flex-1 overflow-auto",
14760
- children: /* @__PURE__ */ B(Gp, {
14766
+ children: /* @__PURE__ */ B(Kp, {
14761
14767
  size: "fluid",
14762
14768
  className: "py-[var(--Product-Page-Padding-Y)]",
14763
14769
  children: r
@@ -14769,20 +14775,20 @@ function Jp({ className: e, sidebar: t, header: n, children: r, sidebarWidth: i
14769
14775
  }
14770
14776
  //#endregion
14771
14777
  //#region src/components/patterns/shells/app-shell.tsx
14772
- function Yp({ className: e, topBar: t, bottomNav: n, mainId: r = "main-content", skipLink: i = !0, skipLinkLabel: a = "コンテンツへ移動", children: o, ...s }) {
14778
+ function Xp({ className: e, topBar: t, bottomNav: n, mainId: r = "main-content", skipLink: i = !0, skipLinkLabel: a = "コンテンツへ移動", children: o, ...s }) {
14773
14779
  return /* @__PURE__ */ V("div", {
14774
14780
  "data-slot": "app-shell",
14775
14781
  className: G("flex flex-col min-h-screen bg-[var(--Surface-Primary)]", e),
14776
14782
  ...s,
14777
14783
  children: [
14778
- i && a && /* @__PURE__ */ B(Up, {
14784
+ i && a && /* @__PURE__ */ B(Wp, {
14779
14785
  targetId: r,
14780
14786
  label: a
14781
14787
  }),
14782
14788
  t && /* @__PURE__ */ B("header", {
14783
14789
  "data-slot": "app-topbar",
14784
14790
  className: "sticky top-0 z-[var(--Z-Nav)] h-14 shrink-0 border-b border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)]",
14785
- children: /* @__PURE__ */ B(Gp, {
14791
+ children: /* @__PURE__ */ B(Kp, {
14786
14792
  size: "fluid",
14787
14793
  gutter: "tight",
14788
14794
  className: "flex h-full items-center",
@@ -14806,20 +14812,20 @@ function Yp({ className: e, topBar: t, bottomNav: n, mainId: r = "main-content",
14806
14812
  }
14807
14813
  //#endregion
14808
14814
  //#region src/components/patterns/shells/marketing-shell.tsx
14809
- function Xp({ className: e, header: t, footer: n, mainId: r = "main-content", skipLink: i = !0, skipLinkLabel: a = "コンテンツへ移動", children: o, ...s }) {
14815
+ function Zp({ className: e, header: t, footer: n, mainId: r = "main-content", skipLink: i = !0, skipLinkLabel: a = "コンテンツへ移動", children: o, ...s }) {
14810
14816
  return /* @__PURE__ */ V("div", {
14811
14817
  "data-slot": "marketing-shell",
14812
14818
  className: G("flex flex-col min-h-screen bg-[var(--Surface-Primary)]", e),
14813
14819
  ...s,
14814
14820
  children: [
14815
- i && a && /* @__PURE__ */ B(Up, {
14821
+ i && a && /* @__PURE__ */ B(Wp, {
14816
14822
  targetId: r,
14817
14823
  label: a
14818
14824
  }),
14819
14825
  t && /* @__PURE__ */ B("header", {
14820
14826
  "data-slot": "marketing-header",
14821
14827
  className: "sticky top-0 z-[var(--Z-Nav)] h-16 shrink-0 border-b border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)]/95 backdrop-blur",
14822
- children: /* @__PURE__ */ B(Gp, {
14828
+ children: /* @__PURE__ */ B(Kp, {
14823
14829
  size: "fluid",
14824
14830
  gutter: "spacious",
14825
14831
  className: "flex h-full items-center justify-between",
@@ -14833,13 +14839,13 @@ function Xp({ className: e, header: t, footer: n, mainId: r = "main-content", sk
14833
14839
  className: "flex-1",
14834
14840
  children: o
14835
14841
  }),
14836
- n && /* @__PURE__ */ B(qp, {
14842
+ n && /* @__PURE__ */ B(Jp, {
14837
14843
  as: "footer",
14838
14844
  spacing: "md",
14839
14845
  background: "subtle",
14840
14846
  "data-slot": "marketing-footer",
14841
14847
  className: "border-t border-[var(--Border-Low-Emphasis)]",
14842
- children: /* @__PURE__ */ B(Gp, {
14848
+ children: /* @__PURE__ */ B(Kp, {
14843
14849
  size: "fluid",
14844
14850
  gutter: "spacious",
14845
14851
  children: n
@@ -14850,7 +14856,7 @@ function Xp({ className: e, header: t, footer: n, mainId: r = "main-content", sk
14850
14856
  }
14851
14857
  //#endregion
14852
14858
  //#region src/components/patterns/form.tsx
14853
- function Zp({ className: e, preventDefault: t = !0, onSubmit: n, ...r }) {
14859
+ function Qp({ className: e, preventDefault: t = !0, onSubmit: n, ...r }) {
14854
14860
  return /* @__PURE__ */ B("form", {
14855
14861
  "data-slot": "form",
14856
14862
  className: G("flex flex-col gap-6", e),
@@ -14860,7 +14866,7 @@ function Zp({ className: e, preventDefault: t = !0, onSubmit: n, ...r }) {
14860
14866
  ...r
14861
14867
  });
14862
14868
  }
14863
- function Qp({ className: e, title: t, description: n, children: r, ...i }) {
14869
+ function $p({ className: e, title: t, description: n, children: r, ...i }) {
14864
14870
  return /* @__PURE__ */ V("fieldset", {
14865
14871
  "data-slot": "form-section",
14866
14872
  className: G("flex flex-col gap-4", e),
@@ -14877,7 +14883,7 @@ function Qp({ className: e, title: t, description: n, children: r, ...i }) {
14877
14883
  }), r]
14878
14884
  });
14879
14885
  }
14880
- function $p({ className: e, ...t }) {
14886
+ function em({ className: e, ...t }) {
14881
14887
  return /* @__PURE__ */ B("div", {
14882
14888
  "data-slot": "form-actions",
14883
14889
  className: G("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sm:gap-3 pt-4", e),
@@ -14886,7 +14892,7 @@ function $p({ className: e, ...t }) {
14886
14892
  }
14887
14893
  //#endregion
14888
14894
  //#region src/components/patterns/commerce/price-display.tsx
14889
- var em = H("inline-flex items-baseline gap-0.5 text-[var(--Text-High-Emphasis)]", {
14895
+ var tm = H("inline-flex items-baseline gap-0.5 text-[var(--Text-High-Emphasis)]", {
14890
14896
  variants: { size: {
14891
14897
  sm: "typo-label-md",
14892
14898
  md: "typo-label-lg",
@@ -14894,18 +14900,18 @@ var em = H("inline-flex items-baseline gap-0.5 text-[var(--Text-High-Emphasis)]"
14894
14900
  xl: "typo-heading-3xl"
14895
14901
  } },
14896
14902
  defaultVariants: { size: "md" }
14897
- }), tm = {
14903
+ }), nm = {
14898
14904
  sm: "typo-body-xs",
14899
14905
  md: "typo-body-sm",
14900
14906
  lg: "typo-body-md",
14901
14907
  xl: "typo-body-lg"
14902
- }, nm = {
14908
+ }, rm = {
14903
14909
  sm: "typo-body-xs",
14904
14910
  md: "typo-body-xs",
14905
14911
  lg: "typo-body-sm",
14906
14912
  xl: "typo-body-lg"
14907
14913
  };
14908
- function rm({ className: e, price: t, maxPrice: n, originalPrice: r, showTaxLabel: i = !0, currency: a = "¥", size: o = "md", ...s }) {
14914
+ function im({ className: e, price: t, maxPrice: n, originalPrice: r, showTaxLabel: i = !0, currency: a = "¥", size: o = "md", ...s }) {
14909
14915
  let c = (e) => e.toLocaleString("ja-JP"), l = r != null && r > t, u = n != null && n > t, d = o ?? "md";
14910
14916
  return /* @__PURE__ */ V("div", {
14911
14917
  "data-slot": "price-display",
@@ -14915,11 +14921,11 @@ function rm({ className: e, price: t, maxPrice: n, originalPrice: r, showTaxLabe
14915
14921
  ...s,
14916
14922
  children: [l && /* @__PURE__ */ V("span", {
14917
14923
  "aria-hidden": !0,
14918
- className: G("text-[var(--Text-Low-Emphasis)] line-through", tm[d]),
14924
+ className: G("text-[var(--Text-Low-Emphasis)] line-through", nm[d]),
14919
14925
  children: [a, c(r)]
14920
14926
  }), /* @__PURE__ */ V("span", {
14921
14927
  "aria-hidden": !0,
14922
- className: G(em({ size: o }), l && "text-[var(--Text-Caution)]"),
14928
+ className: G(tm({ size: o }), l && "text-[var(--Text-Caution)]"),
14923
14929
  children: [u ? /* @__PURE__ */ V(z, { children: [
14924
14930
  a,
14925
14931
  c(t),
@@ -14927,7 +14933,7 @@ function rm({ className: e, price: t, maxPrice: n, originalPrice: r, showTaxLabe
14927
14933
  a,
14928
14934
  c(n)
14929
14935
  ] }) : /* @__PURE__ */ V(z, { children: [a, c(t)] }), i && /* @__PURE__ */ B("span", {
14930
- className: G("ml-0.5 text-[var(--Text-Low-Emphasis)]", nm[d]),
14936
+ className: G("ml-0.5 text-[var(--Text-Low-Emphasis)]", rm[d]),
14931
14937
  children: "税込"
14932
14938
  })]
14933
14939
  })]
@@ -14935,7 +14941,7 @@ function rm({ className: e, price: t, maxPrice: n, originalPrice: r, showTaxLabe
14935
14941
  }
14936
14942
  //#endregion
14937
14943
  //#region src/components/patterns/commerce/rating-display.tsx
14938
- function im({ size: e = 14, className: t }) {
14944
+ function am({ size: e = 14, className: t }) {
14939
14945
  return /* @__PURE__ */ B("svg", {
14940
14946
  width: e,
14941
14947
  height: e,
@@ -14946,7 +14952,7 @@ function im({ size: e = 14, className: t }) {
14946
14952
  children: /* @__PURE__ */ B("path", { d: "M8 1.3l1.8 3.6 4 .6-2.9 2.8.7 4-3.6-1.9L4.4 12.3l.7-4L2.2 5.5l4-.6L8 1.3z" })
14947
14953
  });
14948
14954
  }
14949
- var am = {
14955
+ var om = {
14950
14956
  sm: {
14951
14957
  icon: 12,
14952
14958
  val: "typo-label-sm",
@@ -14963,8 +14969,8 @@ var am = {
14963
14969
  cnt: "typo-body-md"
14964
14970
  }
14965
14971
  };
14966
- function om({ className: e, rating: t, reviewCount: n, size: r = "sm", showCount: i = !0, showValue: a = !0, ...o }) {
14967
- let s = Math.max(0, Math.min(5, t)), { icon: c, val: l, cnt: u } = am[r];
14972
+ function sm({ className: e, rating: t, reviewCount: n, size: r = "sm", showCount: i = !0, showValue: a = !0, ...o }) {
14973
+ let s = Math.max(0, Math.min(5, t)), { icon: c, val: l, cnt: u } = om[r];
14968
14974
  return /* @__PURE__ */ V("div", {
14969
14975
  "data-slot": "rating-display",
14970
14976
  className: G("inline-flex items-center gap-0.5", e),
@@ -14972,7 +14978,7 @@ function om({ className: e, rating: t, reviewCount: n, size: r = "sm", showCount
14972
14978
  "aria-label": `評価 ${s.toFixed(1)} / 5${n == null ? "" : ` (${n}件)`}`,
14973
14979
  ...o,
14974
14980
  children: [
14975
- /* @__PURE__ */ B(im, {
14981
+ /* @__PURE__ */ B(am, {
14976
14982
  size: c,
14977
14983
  className: "text-[var(--Object-High-Emphasis)]"
14978
14984
  }),
@@ -14993,7 +14999,7 @@ function om({ className: e, rating: t, reviewCount: n, size: r = "sm", showCount
14993
14999
  }
14994
15000
  //#endregion
14995
15001
  //#region src/components/patterns/commerce/quantity-selector.tsx
14996
- function sm({ size: e = 14 }) {
15002
+ function cm({ size: e = 14 }) {
14997
15003
  return /* @__PURE__ */ B("svg", {
14998
15004
  width: e,
14999
15005
  height: e,
@@ -15007,7 +15013,7 @@ function sm({ size: e = 14 }) {
15007
15013
  })
15008
15014
  });
15009
15015
  }
15010
- function cm({ size: e = 14 }) {
15016
+ function lm({ size: e = 14 }) {
15011
15017
  return /* @__PURE__ */ B("svg", {
15012
15018
  width: e,
15013
15019
  height: e,
@@ -15021,7 +15027,7 @@ function cm({ size: e = 14 }) {
15021
15027
  })
15022
15028
  });
15023
15029
  }
15024
- function lm({ size: e = 14 }) {
15030
+ function um({ size: e = 14 }) {
15025
15031
  return /* @__PURE__ */ B("svg", {
15026
15032
  width: e,
15027
15033
  height: e,
@@ -15036,7 +15042,7 @@ function lm({ size: e = 14 }) {
15036
15042
  })
15037
15043
  });
15038
15044
  }
15039
- function um({ className: e, value: t, min: n = 1, max: r = 99, onChange: i, disabled: a = !1, size: o = "md", showTrash: s = !1, onDelete: c, groupLabel: l = "数量選択", decreaseLabel: u = "数量を減らす", increaseLabel: d = "数量を増やす", deleteLabel: f = "削除", ...p }) {
15045
+ function dm({ className: e, value: t, min: n = 1, max: r = 99, onChange: i, disabled: a = !1, size: o = "md", showTrash: s = !1, onDelete: c, groupLabel: l = "数量選択", decreaseLabel: u = "数量を減らす", increaseLabel: d = "数量を増やす", deleteLabel: f = "削除", ...p }) {
15040
15046
  let m = s && t <= n, h = t > n && !a, g = t < r && !a, _ = () => {
15041
15047
  if (m) {
15042
15048
  c?.();
@@ -15059,7 +15065,7 @@ function um({ className: e, value: t, min: n = 1, max: r = 99, onChange: i, disa
15059
15065
  onClick: _,
15060
15066
  disabled: !(h || m && !a),
15061
15067
  "aria-label": m ? f : u,
15062
- children: B(m ? lm : sm, { size: 14 })
15068
+ children: B(m ? um : cm, { size: 14 })
15063
15069
  }),
15064
15070
  /* @__PURE__ */ B("span", {
15065
15071
  className: G("w-7 shrink-0 text-center tabular-nums typo-label-md select-none", a ? "text-[var(--Text-Disable)]" : "text-[var(--Text-High-Emphasis)]"),
@@ -15072,7 +15078,7 @@ function um({ className: e, value: t, min: n = 1, max: r = 99, onChange: i, disa
15072
15078
  onClick: v,
15073
15079
  disabled: !g,
15074
15080
  "aria-label": d,
15075
- children: /* @__PURE__ */ B(cm, { size: 14 })
15081
+ children: /* @__PURE__ */ B(lm, { size: 14 })
15076
15082
  })
15077
15083
  ]
15078
15084
  }) : /* @__PURE__ */ V("div", {
@@ -15088,7 +15094,7 @@ function um({ className: e, value: t, min: n = 1, max: r = 99, onChange: i, disa
15088
15094
  onClick: _,
15089
15095
  disabled: !(h || m && !a),
15090
15096
  "aria-label": m ? f : u,
15091
- children: B(m ? lm : sm, { size: 18 })
15097
+ children: B(m ? um : cm, { size: 18 })
15092
15098
  }),
15093
15099
  /* @__PURE__ */ B("span", {
15094
15100
  className: G("flex h-10 w-12 shrink-0 items-center justify-center rounded-lg border border-[var(--Border-Medium-Emphasis)] typo-label-lg select-none", a ? "bg-[var(--Surface-Tertiary)] text-[var(--Text-Disable)]" : "bg-[var(--Surface-Secondary)] text-[var(--Text-High-Emphasis)]"),
@@ -15101,14 +15107,14 @@ function um({ className: e, value: t, min: n = 1, max: r = 99, onChange: i, disa
15101
15107
  onClick: v,
15102
15108
  disabled: !g,
15103
15109
  "aria-label": d,
15104
- children: /* @__PURE__ */ B(cm, { size: 18 })
15110
+ children: /* @__PURE__ */ B(lm, { size: 18 })
15105
15111
  })
15106
15112
  ]
15107
15113
  });
15108
15114
  }
15109
15115
  //#endregion
15110
15116
  //#region src/components/patterns/commerce/order-summary.tsx
15111
- function dm({ className: e, lineItems: t, totalLabel: n = "合計(税込)", totalValue: r, ctaLabel: i, onCTAClick: a, ctaDisabled: o = !1, fixed: s = !1, ...c }) {
15117
+ function fm({ className: e, lineItems: t, totalLabel: n = "合計(税込)", totalValue: r, ctaLabel: i, onCTAClick: a, ctaDisabled: o = !1, fixed: s = !1, ...c }) {
15112
15118
  let l = /* @__PURE__ */ V("div", {
15113
15119
  className: "space-y-3 px-4 py-3",
15114
15120
  children: [
@@ -15151,7 +15157,7 @@ function dm({ className: e, lineItems: t, totalLabel: n = "合計(税込)",
15151
15157
  }
15152
15158
  //#endregion
15153
15159
  //#region src/components/patterns/commerce/product-card.tsx
15154
- function fm({ filled: e = !1, size: t = 20 }) {
15160
+ function pm({ filled: e = !1, size: t = 20 }) {
15155
15161
  return /* @__PURE__ */ B("svg", {
15156
15162
  width: t,
15157
15163
  height: t,
@@ -15164,7 +15170,7 @@ function fm({ filled: e = !1, size: t = 20 }) {
15164
15170
  children: /* @__PURE__ */ B("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z" })
15165
15171
  });
15166
15172
  }
15167
- function pm({ label: e, variant: t = "default" }) {
15173
+ function mm({ label: e, variant: t = "default" }) {
15168
15174
  return /* @__PURE__ */ B("span", {
15169
15175
  className: G("inline-flex items-center rounded-sm px-1.5 py-0.5 typo-label-xs", {
15170
15176
  default: "bg-[var(--Surface-Secondary)] text-[var(--Text-High-Emphasis)]",
@@ -15175,7 +15181,7 @@ function pm({ label: e, variant: t = "default" }) {
15175
15181
  children: e
15176
15182
  });
15177
15183
  }
15178
- function mm({ className: e, name: t, imageUrl: n, imageAlt: r, price: i, originalPrice: a, rating: o, reviewCount: s, shopName: c, tags: l = [], isFavorite: u = !1, onFavoriteToggle: d, href: f, onCardClick: p, ranking: m, deliveryLabel: h, orientation: g = "vertical", showCartButton: _ = !1, onCartAdd: v, cartButtonLabel: y = "カートに追加", ...b }) {
15184
+ function hm({ className: e, name: t, imageUrl: n, imageAlt: r, price: i, originalPrice: a, rating: o, reviewCount: s, shopName: c, tags: l = [], isFavorite: u = !1, onFavoriteToggle: d, href: f, onCardClick: p, ranking: m, deliveryLabel: h, orientation: g = "vertical", showCartButton: _ = !1, onCartAdd: v, cartButtonLabel: y = "カートに追加", ...b }) {
15179
15185
  let x = a && a > i ? Math.round((a - i) / a * 100) : null, S = f ? /* @__PURE__ */ B("a", {
15180
15186
  href: f,
15181
15187
  "data-slot": "card-link",
@@ -15219,7 +15225,7 @@ function mm({ className: e, name: t, imageUrl: n, imageAlt: r, price: i, origina
15219
15225
  e.preventDefault(), e.stopPropagation(), d();
15220
15226
  },
15221
15227
  "aria-label": u ? "お気に入りから削除" : "お気に入りに追加",
15222
- children: /* @__PURE__ */ B(fm, {
15228
+ children: /* @__PURE__ */ B(pm, {
15223
15229
  filled: u,
15224
15230
  size: 16
15225
15231
  })
@@ -15241,12 +15247,12 @@ function mm({ className: e, name: t, imageUrl: n, imageAlt: r, price: i, origina
15241
15247
  className: "mt-1 space-y-0.5",
15242
15248
  children: [/* @__PURE__ */ B("div", {
15243
15249
  className: "flex flex-wrap items-center gap-2",
15244
- children: o != null && /* @__PURE__ */ B(om, {
15250
+ children: o != null && /* @__PURE__ */ B(sm, {
15245
15251
  rating: o,
15246
15252
  reviewCount: s,
15247
15253
  size: "sm"
15248
15254
  })
15249
- }), /* @__PURE__ */ B(rm, {
15255
+ }), /* @__PURE__ */ B(im, {
15250
15256
  price: i,
15251
15257
  originalPrice: a,
15252
15258
  size: "sm",
@@ -15279,10 +15285,10 @@ function mm({ className: e, name: t, imageUrl: n, imageAlt: r, price: i, origina
15279
15285
  }),
15280
15286
  /* @__PURE__ */ V("div", {
15281
15287
  className: "absolute inset-x-1 bottom-1 z-[3] flex flex-wrap gap-1",
15282
- children: [x && /* @__PURE__ */ B(pm, {
15288
+ children: [x && /* @__PURE__ */ B(mm, {
15283
15289
  label: `${x}%OFF`,
15284
15290
  variant: "caution"
15285
- }), l.map((e) => /* @__PURE__ */ B(pm, { ...e }, e.label))]
15291
+ }), l.map((e) => /* @__PURE__ */ B(mm, { ...e }, e.label))]
15286
15292
  })
15287
15293
  ]
15288
15294
  }), d && /* @__PURE__ */ B("div", {
@@ -15294,7 +15300,7 @@ function mm({ className: e, name: t, imageUrl: n, imageAlt: r, price: i, origina
15294
15300
  e.preventDefault(), e.stopPropagation(), d();
15295
15301
  },
15296
15302
  "aria-label": u ? "お気に入りから削除" : "お気に入りに追加",
15297
- children: /* @__PURE__ */ B(fm, {
15303
+ children: /* @__PURE__ */ B(pm, {
15298
15304
  filled: u,
15299
15305
  size: 20
15300
15306
  })
@@ -15312,12 +15318,12 @@ function mm({ className: e, name: t, imageUrl: n, imageAlt: r, price: i, origina
15312
15318
  className: "line-clamp-2 typo-body-md text-[var(--Text-High-Emphasis)]",
15313
15319
  children: t
15314
15320
  }),
15315
- o != null && /* @__PURE__ */ B(om, {
15321
+ o != null && /* @__PURE__ */ B(sm, {
15316
15322
  rating: o,
15317
15323
  reviewCount: s,
15318
15324
  size: "sm"
15319
15325
  }),
15320
- /* @__PURE__ */ B(rm, {
15326
+ /* @__PURE__ */ B(im, {
15321
15327
  price: i,
15322
15328
  originalPrice: a,
15323
15329
  size: "md",
@@ -15339,12 +15345,12 @@ function mm({ className: e, name: t, imageUrl: n, imageAlt: r, price: i, origina
15339
15345
  }
15340
15346
  //#endregion
15341
15347
  //#region src/components/patterns/commerce/product-carousel.tsx
15342
- var hm = {
15348
+ var gm = {
15343
15349
  sm: "w-40",
15344
15350
  md: "w-[200px]",
15345
15351
  lg: "w-[240px]"
15346
15352
  };
15347
- function gm({ className: e, title: t, subtitle: n, moreHref: r, moreLabel: i = "もっと見る", onMoreClick: a, products: o, cardSize: s = "sm", showRanking: c = !1, showCartButton: l = !1, ...u }) {
15353
+ function _m({ className: e, title: t, subtitle: n, moreHref: r, moreLabel: i = "もっと見る", onMoreClick: a, products: o, cardSize: s = "sm", showRanking: c = !1, showCartButton: l = !1, ...u }) {
15348
15354
  return /* @__PURE__ */ V("section", {
15349
15355
  "data-slot": "product-carousel",
15350
15356
  className: G("py-4", e),
@@ -15366,8 +15372,8 @@ function gm({ className: e, title: t, subtitle: n, moreHref: r, moreLabel: i = "
15366
15372
  }), /* @__PURE__ */ V("div", {
15367
15373
  className: G("flex overflow-x-auto pl-4 pb-2 gap-3 scrollbar-hide", l && "items-stretch"),
15368
15374
  children: [o.map((e, t) => /* @__PURE__ */ B("div", {
15369
- className: G("shrink-0", hm[s]),
15370
- children: /* @__PURE__ */ B(mm, {
15375
+ className: G("shrink-0", gm[s]),
15376
+ children: /* @__PURE__ */ B(hm, {
15371
15377
  ...e,
15372
15378
  ranking: c ? t + 1 : e.ranking,
15373
15379
  showCartButton: l,
@@ -15382,7 +15388,7 @@ function gm({ className: e, title: t, subtitle: n, moreHref: r, moreLabel: i = "
15382
15388
  }
15383
15389
  //#endregion
15384
15390
  //#region src/components/patterns/_internal/carousel-primitives.tsx
15385
- function _m({ total: e, autoPlay: t, paused: n = !1 }) {
15391
+ function vm({ total: e, autoPlay: t, paused: n = !1 }) {
15386
15392
  let r = u.useRef(null), [i, a] = u.useState(0);
15387
15393
  u.useEffect(() => {
15388
15394
  let e = r.current;
@@ -15433,7 +15439,7 @@ function _m({ total: e, autoPlay: t, paused: n = !1 }) {
15433
15439
  scrollRef: r
15434
15440
  };
15435
15441
  }
15436
- function vm({ active: e, total: t, showArrows: n, showDots: r, onPrevious: i, onNext: a, onGoTo: o, previousLabel: s = "前へ", nextLabel: c = "次へ" }) {
15442
+ function ym({ active: e, total: t, showArrows: n, showDots: r, onPrevious: i, onNext: a, onGoTo: o, previousLabel: s = "前へ", nextLabel: c = "次へ" }) {
15437
15443
  return /* @__PURE__ */ V(z, { children: [n && t > 1 && /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("button", {
15438
15444
  type: "button",
15439
15445
  onClick: i,
@@ -15469,8 +15475,8 @@ function vm({ active: e, total: t, showArrows: n, showDots: r, onPrevious: i, on
15469
15475
  }
15470
15476
  //#endregion
15471
15477
  //#region src/components/patterns/commerce/image-carousel.tsx
15472
- function ym({ images: e, aspectRatio: t = "banner", showDots: n = !0, showArrows: r = !0, autoPlay: i = 0, regionLabel: a = "画像カルーセル", previousLabel: o = "前へ", nextLabel: s = "次へ", className: c, ...l }) {
15473
- let u = e.length, { active: d, goTo: f, next: p, previous: m, scrollRef: h } = _m({
15478
+ function bm({ images: e, aspectRatio: t = "banner", showDots: n = !0, showArrows: r = !0, autoPlay: i = 0, regionLabel: a = "画像カルーセル", previousLabel: o = "前へ", nextLabel: s = "次へ", className: c, ...l }) {
15479
+ let u = e.length, { active: d, goTo: f, next: p, previous: m, scrollRef: h } = vm({
15474
15480
  total: u,
15475
15481
  autoPlay: i
15476
15482
  }), g = t === "square" ? "aspect-square" : t === "video" ? "aspect-video" : "aspect-[2/1]";
@@ -15505,7 +15511,7 @@ function ym({ images: e, aspectRatio: t = "banner", showDots: n = !0, showArrows
15505
15511
  className: G("w-full rounded-lg object-cover", g)
15506
15512
  })
15507
15513
  }, t))
15508
- }), /* @__PURE__ */ B(vm, {
15514
+ }), /* @__PURE__ */ B(ym, {
15509
15515
  active: d,
15510
15516
  total: u,
15511
15517
  showArrows: r,
@@ -15520,7 +15526,7 @@ function ym({ images: e, aspectRatio: t = "banner", showDots: n = !0, showArrows
15520
15526
  }
15521
15527
  //#endregion
15522
15528
  //#region src/components/patterns/commerce/filter-bar.tsx
15523
- function bm({ filter: e }) {
15529
+ function xm({ filter: e }) {
15524
15530
  let [t, n] = u.useState(!1), r = e.options && e.options.length > 0, i = e.isActive || !!e.selectedValue, a = i && e.value ? e.value : i && e.selectedValue ? e.options?.find((t) => t.value === e.selectedValue)?.label ?? e.label : e.label, o = G("flex h-9 shrink-0 items-center gap-0.5 rounded-full px-2.5 typo-body-md transition-colors max-w-[200px]", i ? "bg-[var(--Surface-Accent-Primary-Light)] typo-label-md text-[var(--Text-Accent-Primary)]" : "bg-[var(--Surface-Tertiary)] text-[var(--Text-High-Emphasis)] hover:opacity-80"), s = /* @__PURE__ */ B("svg", {
15525
15531
  width: "16",
15526
15532
  height: "16",
@@ -15574,7 +15580,7 @@ function bm({ filter: e }) {
15574
15580
  }), s]
15575
15581
  });
15576
15582
  }
15577
- function xm({ filters: e, resultCount: t, sortLabel: n, sortOptions: r, selectedSort: i, onSortSelect: a, onSortClick: o, onMoreFilters: s, activeFilterCount: c, className: l, navLabel: u = "フィルター", moreFiltersLabel: d = "絞り込み", ...f }) {
15583
+ function Sm({ filters: e, resultCount: t, sortLabel: n, sortOptions: r, selectedSort: i, onSortSelect: a, onSortClick: o, onMoreFilters: s, activeFilterCount: c, className: l, navLabel: u = "フィルター", moreFiltersLabel: d = "絞り込み", ...f }) {
15578
15584
  return /* @__PURE__ */ V("nav", {
15579
15585
  "aria-label": u,
15580
15586
  "data-slot": "filter-bar",
@@ -15602,7 +15608,7 @@ function xm({ filters: e, resultCount: t, sortLabel: n, sortOptions: r, selected
15602
15608
  className: "absolute -right-1 -top-1 flex size-4 items-center justify-center rounded-full bg-[var(--Brand-Primary)] typo-label-xs text-[var(--Text-on-Inverse)]",
15603
15609
  children: c
15604
15610
  })]
15605
- }), e.map((e) => /* @__PURE__ */ B(bm, { filter: e }, e.label))]
15611
+ }), e.map((e) => /* @__PURE__ */ B(xm, { filter: e }, e.label))]
15606
15612
  }), (t !== void 0 || n || r) && /* @__PURE__ */ V("div", {
15607
15613
  className: "flex items-center justify-between",
15608
15614
  children: [t !== void 0 && /* @__PURE__ */ V("span", {
@@ -15668,7 +15674,7 @@ function xm({ filters: e, resultCount: t, sortLabel: n, sortOptions: r, selected
15668
15674
  }
15669
15675
  //#endregion
15670
15676
  //#region src/components/patterns/commerce/review-card.tsx
15671
- function Sm({ rating: e, size: t = 14 }) {
15677
+ function Cm({ rating: e, size: t = 14 }) {
15672
15678
  return /* @__PURE__ */ B("div", {
15673
15679
  className: "flex gap-0.5",
15674
15680
  role: "img",
@@ -15692,7 +15698,7 @@ function Sm({ rating: e, size: t = 14 }) {
15692
15698
  }, n))
15693
15699
  });
15694
15700
  }
15695
- function Cm({ reviewer: e, avatarChar: t, avatarSrc: n, rating: r, title: i, body: a, date: o, helpfulCount: s = 0, onHelpful: c, helpful: l = !1, className: u }) {
15701
+ function wm({ reviewer: e, avatarChar: t, avatarSrc: n, rating: r, title: i, body: a, date: o, helpfulCount: s = 0, onHelpful: c, helpful: l = !1, className: u }) {
15696
15702
  let d = t ?? e.slice(0, 1);
15697
15703
  return /* @__PURE__ */ V("div", {
15698
15704
  "data-slot": "review-card",
@@ -15722,7 +15728,7 @@ function Cm({ reviewer: e, avatarChar: t, avatarSrc: n, rating: r, title: i, bod
15722
15728
  children: o
15723
15729
  })]
15724
15730
  }),
15725
- /* @__PURE__ */ B(Sm, { rating: r })
15731
+ /* @__PURE__ */ B(Cm, { rating: r })
15726
15732
  ]
15727
15733
  }),
15728
15734
  i && /* @__PURE__ */ B("p", {
@@ -15760,7 +15766,7 @@ function Cm({ reviewer: e, avatarChar: t, avatarSrc: n, rating: r, title: i, bod
15760
15766
  }
15761
15767
  //#endregion
15762
15768
  //#region src/components/patterns/commerce/review-summary.tsx
15763
- function wm({ averageRating: e, totalCount: t, distribution: n, className: r }) {
15769
+ function Tm({ averageRating: e, totalCount: t, distribution: n, className: r }) {
15764
15770
  let i = Math.max(...n, 1);
15765
15771
  return /* @__PURE__ */ V("div", {
15766
15772
  "data-slot": "review-summary",
@@ -15772,7 +15778,7 @@ function wm({ averageRating: e, totalCount: t, distribution: n, className: r })
15772
15778
  children: e.toFixed(1)
15773
15779
  }), /* @__PURE__ */ V("div", {
15774
15780
  className: "pb-0.5",
15775
- children: [/* @__PURE__ */ B(Sm, {
15781
+ children: [/* @__PURE__ */ B(Cm, {
15776
15782
  rating: Math.round(e),
15777
15783
  size: 16
15778
15784
  }), /* @__PURE__ */ V("p", {
@@ -15810,10 +15816,10 @@ function wm({ averageRating: e, totalCount: t, distribution: n, className: r })
15810
15816
  }
15811
15817
  //#endregion
15812
15818
  //#region src/components/patterns/admin/kebab-menu.tsx
15813
- function Tm(e) {
15819
+ function Em(e) {
15814
15820
  return e.type === "separator";
15815
15821
  }
15816
- function Em({ items: e, className: t, menuLabel: n = "メニュー", ...r }) {
15822
+ function Dm({ items: e, className: t, menuLabel: n = "メニュー", ...r }) {
15817
15823
  return /* @__PURE__ */ V(gr, { children: [/* @__PURE__ */ B(vr, {
15818
15824
  asChild: !0,
15819
15825
  children: /* @__PURE__ */ B("button", {
@@ -15850,7 +15856,7 @@ function Em({ items: e, className: t, menuLabel: n = "メニュー", ...r }) {
15850
15856
  }), /* @__PURE__ */ B(yr, {
15851
15857
  align: "end",
15852
15858
  className: "min-w-[200px]",
15853
- children: e.map((e, t) => Tm(e) ? /* @__PURE__ */ B(Er, {}, `separator-${t}`) : /* @__PURE__ */ V(xr, {
15859
+ children: e.map((e, t) => Em(e) ? /* @__PURE__ */ B(Er, {}, `separator-${t}`) : /* @__PURE__ */ V(xr, {
15854
15860
  variant: e.destructive ? "destructive" : "default",
15855
15861
  disabled: e.disabled,
15856
15862
  onSelect: () => e.onClick?.(),
@@ -15876,7 +15882,7 @@ function Em({ items: e, className: t, menuLabel: n = "メニュー", ...r }) {
15876
15882
  }
15877
15883
  //#endregion
15878
15884
  //#region src/components/patterns/admin/bulk-actions.tsx
15879
- function Dm({ selectedCount: e, onClear: t, children: n, className: r, clearLabel: i = "選択を解除", ...a }) {
15885
+ function Om({ selectedCount: e, onClear: t, children: n, className: r, clearLabel: i = "選択を解除", ...a }) {
15880
15886
  return e === 0 ? null : /* @__PURE__ */ V("div", {
15881
15887
  "data-slot": "bulk-actions",
15882
15888
  className: G("fixed inset-x-0 bottom-6 z-[var(--Z-Floating)] mx-auto w-fit max-w-[calc(100%_-_32px)]", "flex items-center gap-3 rounded-full bg-[var(--Surface-Inverse)] px-5 py-3 shadow-[var(--shadow-dialog)]", "animate-fade-in-up", r),
@@ -15916,7 +15922,7 @@ function Dm({ selectedCount: e, onClear: t, children: n, className: r, clearLabe
15916
15922
  }
15917
15923
  //#endregion
15918
15924
  //#region src/components/patterns/admin/status-tabs.tsx
15919
- function Om({ items: e, activeIndex: t = 0, onSelect: n, className: r, ...i }) {
15925
+ function km({ items: e, activeIndex: t = 0, onSelect: n, className: r, ...i }) {
15920
15926
  return /* @__PURE__ */ B("div", {
15921
15927
  "data-slot": "status-tabs",
15922
15928
  className: G("flex gap-2 overflow-x-auto scrollbar-hide", r),
@@ -15937,13 +15943,13 @@ function Om({ items: e, activeIndex: t = 0, onSelect: n, className: r, ...i }) {
15937
15943
  }
15938
15944
  //#endregion
15939
15945
  //#region src/components/patterns/admin/search-panel.tsx
15940
- var km = {
15946
+ var Am = {
15941
15947
  2: "sm:grid-cols-2",
15942
15948
  3: "sm:grid-cols-2 lg:grid-cols-3",
15943
15949
  4: "sm:grid-cols-2 lg:grid-cols-4"
15944
15950
  };
15945
- function Am({ children: e, onSearch: t, onReset: n, columns: r = 4, layout: i = "grid", className: a, ...o }) {
15946
- let s = i === "flex" ? "flex flex-wrap items-end gap-3 [&>*]:flex [&>*]:flex-col [&>*]:min-w-[140px] [&>*]:flex-1" : G("grid grid-cols-1 gap-3 items-end [&>*]:flex [&>*]:flex-col", km[r]);
15951
+ function jm({ children: e, onSearch: t, onReset: n, columns: r = 4, layout: i = "grid", className: a, ...o }) {
15952
+ let s = i === "flex" ? "flex flex-wrap items-end gap-3 [&>*]:flex [&>*]:flex-col [&>*]:min-w-[140px] [&>*]:flex-1" : G("grid grid-cols-1 gap-3 items-end [&>*]:flex [&>*]:flex-col", Am[r]);
15947
15953
  return /* @__PURE__ */ V("div", {
15948
15954
  "data-slot": "search-panel",
15949
15955
  className: G("rounded-2xl bg-[var(--Surface-Primary)] border border-[var(--Border-Low-Emphasis)] p-4", a),
@@ -15985,7 +15991,7 @@ function Am({ children: e, onSearch: t, onReset: n, columns: r = 4, layout: i =
15985
15991
  }
15986
15992
  //#endregion
15987
15993
  //#region src/components/patterns/admin/image-uploader.tsx
15988
- function jm({ images: e = [], onAdd: t, onRemove: n, maxImages: r = 10, columns: i = 4, className: a, addLabel: o = "画像を追加", ...s }) {
15994
+ function Mm({ images: e = [], onAdd: t, onRemove: n, maxImages: r = 10, columns: i = 4, className: a, addLabel: o = "画像を追加", ...s }) {
15989
15995
  return /* @__PURE__ */ V("div", {
15990
15996
  "data-slot": "image-uploader",
15991
15997
  className: G("grid gap-3", a),
@@ -16051,10 +16057,10 @@ function jm({ images: e = [], onAdd: t, onRemove: n, maxImages: r = 10, columns:
16051
16057
  }
16052
16058
  //#endregion
16053
16059
  //#region src/components/patterns/file-upload.tsx
16054
- function Mm(e) {
16060
+ function Nm(e) {
16055
16061
  return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
16056
16062
  }
16057
- function Nm({ accept: e, maxSize: t, multiple: n = !1, maxFiles: r = 10, onUpload: i, disabled: a = !1, className: o, dragLabel: s = "ここにファイルをドロップ", orLabel: c = "または", browseLabel: l = "ファイルを選択", maxSizeLabel: d = (e) => `最大 ${Mm(e)} まで`, maxFilesLabel: f = (e) => `最大 ${e} ファイルまで`, removeLabel: p = "削除" }) {
16063
+ function Pm({ accept: e, maxSize: t, multiple: n = !1, maxFiles: r = 10, onUpload: i, disabled: a = !1, className: o, dragLabel: s = "ここにファイルをドロップ", orLabel: c = "または", browseLabel: l = "ファイルを選択", maxSizeLabel: d = (e) => `最大 ${Nm(e)} まで`, maxFilesLabel: f = (e) => `最大 ${e} ファイルまで`, removeLabel: p = "削除" }) {
16058
16064
  let [m, h] = u.useState(!1), [g, _] = u.useState([]), [v, y] = u.useState(null), b = u.useRef(null), x = (e) => {
16059
16065
  if (y(null), t && e.find((e) => e.size > t)) return y(d(t)), null;
16060
16066
  let i = n ? [...g, ...e] : e.slice(0, 1);
@@ -16170,7 +16176,7 @@ function Nm({ accept: e, maxSize: t, multiple: n = !1, maxFiles: r = 10, onUploa
16170
16176
  children: e.name
16171
16177
  }), /* @__PURE__ */ B("p", {
16172
16178
  className: "typo-body-xs text-[var(--Text-Low-Emphasis)]",
16173
- children: Mm(e.size)
16179
+ children: Nm(e.size)
16174
16180
  })]
16175
16181
  }),
16176
16182
  /* @__PURE__ */ B("button", {
@@ -16199,7 +16205,7 @@ function Nm({ accept: e, maxSize: t, multiple: n = !1, maxFiles: r = 10, onUploa
16199
16205
  }
16200
16206
  //#endregion
16201
16207
  //#region src/components/patterns/compact-file-picker.tsx
16202
- function Pm({ className: e, inputClassName: t, label: n = "ファイル", description: r, triggerLabel: i = "選択する", loadingLabel: a = "処理中", icon: o, loading: s = !1, disabled: c, id: l, multiple: d, onFilesChange: f, ...p }) {
16208
+ function Fm({ className: e, inputClassName: t, label: n = "ファイル", description: r, triggerLabel: i = "選択する", loadingLabel: a = "処理中", icon: o, loading: s = !1, disabled: c, id: l, multiple: d, onFilesChange: f, ...p }) {
16203
16209
  let m = u.useId(), h = l ?? m, g = u.useRef(null), _ = c || s;
16204
16210
  return /* @__PURE__ */ V("div", {
16205
16211
  "data-slot": "compact-file-picker",
@@ -16250,11 +16256,11 @@ function Pm({ className: e, inputClassName: t, label: n = "ファイル", descri
16250
16256
  ]
16251
16257
  });
16252
16258
  }
16253
- function Fm({ className: e, images: t = [], accept: n = "image/*", previewVariant: r = "grid", triggerLabel: i = "画像を追加", label: a = "画像", description: o = "JPG / PNG / WebP", onRemove: s, removeLabel: c = (e) => `${e.name ?? "画像"}を削除`, ...l }) {
16259
+ function Im({ className: e, images: t = [], accept: n = "image/*", previewVariant: r = "grid", triggerLabel: i = "画像を追加", label: a = "画像", description: o = "JPG / PNG / WebP", onRemove: s, removeLabel: c = (e) => `${e.name ?? "画像"}を削除`, ...l }) {
16254
16260
  return /* @__PURE__ */ V("div", {
16255
16261
  "data-slot": "image-attachment-picker",
16256
16262
  className: G("flex flex-col gap-3", e),
16257
- children: [/* @__PURE__ */ B(Pm, {
16263
+ children: [/* @__PURE__ */ B(Fm, {
16258
16264
  ...l,
16259
16265
  accept: n,
16260
16266
  label: a,
@@ -16298,23 +16304,23 @@ function Fm({ className: e, images: t = [], accept: n = "image/*", previewVarian
16298
16304
  }
16299
16305
  //#endregion
16300
16306
  //#region src/components/patterns/quick-action-grid.tsx
16301
- var Im = u.createContext(null), Lm = () => {
16307
+ var Lm = u.createContext(null), Rm = () => {
16302
16308
  let e = globalThis.process;
16303
16309
  return !!e && e.env?.NODE_ENV !== "production";
16304
- }, Rm = {
16310
+ }, zm = {
16305
16311
  neutral: "border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)] text-[var(--Text-High-Emphasis)]",
16306
16312
  selected: "border-[var(--Brand-Primary)] bg-[var(--Surface-Accent-Primary-Light)] text-[var(--Text-High-Emphasis)]",
16307
16313
  success: "border-[var(--Success-Base)] bg-[var(--Surface-Success-Subtle)] text-[var(--Text-High-Emphasis)]",
16308
16314
  info: "border-[var(--Info-Base)] bg-[var(--Surface-Info-Subtle)] text-[var(--Text-High-Emphasis)]",
16309
16315
  caution: "border-[var(--Caution-Base)] bg-[var(--Surface-Caution-Subtle)] text-[var(--Text-High-Emphasis)]"
16310
- }, zm = {
16316
+ }, Bm = {
16311
16317
  2: "grid-cols-2",
16312
16318
  3: "grid-cols-2 sm:grid-cols-3",
16313
16319
  4: "grid-cols-2 sm:grid-cols-4",
16314
16320
  auto: "grid-cols-[repeat(auto-fit,minmax(8rem,1fr))]"
16315
16321
  };
16316
- function Bm({ className: e, icon: t, emoji: n, label: r, description: i, meta: a, indicator: o, selected: s = !1, loading: c = !1, variant: l = s ? "selected" : "neutral", disabled: d, type: f, selectionMode: p, ...m }) {
16317
- let h = u.useContext(Im), g = p ?? h, _ = d || c, v = s || l === "selected", y = g === "single", b = o != null && o !== !1, x = !!(i || a);
16322
+ function Vm({ className: e, icon: t, emoji: n, label: r, description: i, meta: a, indicator: o, selected: s = !1, loading: c = !1, variant: l = s ? "selected" : "neutral", disabled: d, type: f, selectionMode: p, ...m }) {
16323
+ let h = u.useContext(Lm), g = p ?? h, _ = d || c, v = s || l === "selected", y = g === "single", b = o != null && o !== !1, x = !!(i || a);
16318
16324
  return /* @__PURE__ */ V("button", {
16319
16325
  "data-slot": "action-tile",
16320
16326
  "data-variant": l,
@@ -16323,7 +16329,7 @@ function Bm({ className: e, icon: t, emoji: n, label: r, description: i, meta: a
16323
16329
  "aria-pressed": y ? void 0 : v || void 0,
16324
16330
  type: f ?? "button",
16325
16331
  disabled: _,
16326
- className: G("relative flex flex-col items-start justify-center gap-2 rounded-xl border border-[var(--Border-Low-Emphasis)] px-3 text-left transition-colors", x ? "min-h-24 py-3" : "py-4", "focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50 focus-visible:outline-none", "hover:bg-[var(--Surface-Secondary)]", Rm[l], _ && "cursor-not-allowed opacity-50", e),
16332
+ className: G("relative flex flex-col items-start justify-center gap-2 rounded-xl border border-[var(--Border-Low-Emphasis)] px-3 text-left transition-colors", x ? "min-h-24 py-3" : "py-4", "focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50 focus-visible:outline-none", "hover:bg-[var(--Surface-Secondary)]", zm[l], _ && "cursor-not-allowed opacity-50", e),
16327
16333
  ...m,
16328
16334
  children: [/* @__PURE__ */ V("span", {
16329
16335
  className: "flex w-full items-center justify-between gap-3",
@@ -16335,7 +16341,7 @@ function Bm({ className: e, icon: t, emoji: n, label: r, description: i, meta: a
16335
16341
  "aria-hidden": !0,
16336
16342
  children: n
16337
16343
  }),
16338
- t && /* @__PURE__ */ B(Tu, {
16344
+ t && /* @__PURE__ */ B(Eu, {
16339
16345
  appearance: "plain",
16340
16346
  className: "size-6 text-[var(--Object-Medium-Emphasis)]",
16341
16347
  children: t
@@ -16368,20 +16374,20 @@ function Bm({ className: e, icon: t, emoji: n, label: r, description: i, meta: a
16368
16374
  })]
16369
16375
  });
16370
16376
  }
16371
- function Vm(e) {
16377
+ function Hm(e) {
16372
16378
  return Array.from(e.querySelectorAll("[data-slot=\"action-tile\"]")).filter((t) => t.closest("[data-slot=\"quick-action-grid\"]") === e);
16373
16379
  }
16374
- function Hm({ className: e, columns: t = 3, gap: n = "md", selectionMode: r, role: i, onKeyDown: a, ref: o, children: s, ...c }) {
16380
+ function Um({ className: e, columns: t = 3, gap: n = "md", selectionMode: r, role: i, onKeyDown: a, ref: o, children: s, ...c }) {
16375
16381
  let l = u.useRef(null), d = en(u.useCallback((e) => {
16376
16382
  l.current = e;
16377
16383
  }, []), o), f = r === "single";
16378
16384
  return u.useEffect(() => {
16379
16385
  let e = l.current;
16380
16386
  if (!f || !e) return;
16381
- let t = Vm(e), n = t.findIndex((e) => e.getAttribute("aria-checked") === "true"), r = n >= 0 ? n : t.findIndex((e) => !e.disabled);
16387
+ let t = Hm(e), n = t.findIndex((e) => e.getAttribute("aria-checked") === "true"), r = n >= 0 ? n : t.findIndex((e) => !e.disabled);
16382
16388
  if (t.forEach((e, t) => {
16383
16389
  e.tabIndex = t === r ? 0 : -1;
16384
- }), Lm()) {
16390
+ }), Rm()) {
16385
16391
  let e = t.filter((e) => e.getAttribute("aria-checked") === "true").length;
16386
16392
  e > 1 && console.warn(`[ksk-ds] QuickActionGrid: selectionMode="single" は排他選択ですが、選択中の ActionTile が ${e} 個あります。selected を 1 つに絞るか selectionMode="multiple" を使ってください。`);
16387
16393
  }
@@ -16396,7 +16402,7 @@ function Hm({ className: e, columns: t = 3, gap: n = "md", selectionMode: r, rol
16396
16402
  if (t === 0) return;
16397
16403
  let n = l.current;
16398
16404
  if (!n) return;
16399
- let r = Vm(n).filter((e) => !e.disabled), i = e.target?.closest("[data-slot=\"action-tile\"]"), o = i ? r.indexOf(i) : -1;
16405
+ let r = Hm(n).filter((e) => !e.disabled), i = e.target?.closest("[data-slot=\"action-tile\"]"), o = i ? r.indexOf(i) : -1;
16400
16406
  if (o < 0 || r.length === 0) return;
16401
16407
  e.preventDefault();
16402
16408
  let s = r[(o + t + r.length) % r.length];
@@ -16404,9 +16410,9 @@ function Hm({ className: e, columns: t = 3, gap: n = "md", selectionMode: r, rol
16404
16410
  e.tabIndex = e === s ? 0 : -1;
16405
16411
  }), s.focus(), s.click();
16406
16412
  },
16407
- className: G("grid", zm[t], n === "sm" ? "gap-2" : "gap-3", e),
16413
+ className: G("grid", Bm[t], n === "sm" ? "gap-2" : "gap-3", e),
16408
16414
  ...c,
16409
- children: /* @__PURE__ */ B(Im.Provider, {
16415
+ children: /* @__PURE__ */ B(Lm.Provider, {
16410
16416
  value: r ?? null,
16411
16417
  children: s
16412
16418
  })
@@ -16414,7 +16420,7 @@ function Hm({ className: e, columns: t = 3, gap: n = "md", selectionMode: r, rol
16414
16420
  }
16415
16421
  //#endregion
16416
16422
  //#region src/components/patterns/admin/notification-list.tsx
16417
- function Um({ notifications: e, variant: t = "vertical", emptyMessage: n = "新着のお知らせはありません", className: r, ...i }) {
16423
+ function Wm({ notifications: e, variant: t = "vertical", emptyMessage: n = "新着のお知らせはありません", className: r, ...i }) {
16418
16424
  return e.length === 0 ? /* @__PURE__ */ V("div", {
16419
16425
  "data-slot": "notification-list",
16420
16426
  className: G("flex flex-col items-center justify-center gap-3 py-12", r),
@@ -16497,7 +16503,7 @@ function Um({ notifications: e, variant: t = "vertical", emptyMessage: n = "新
16497
16503
  }
16498
16504
  //#endregion
16499
16505
  //#region src/components/patterns/admin/chart-controls.tsx
16500
- var Wm = [
16506
+ var Gm = [
16501
16507
  {
16502
16508
  label: "時間",
16503
16509
  value: "hour"
@@ -16514,7 +16520,7 @@ var Wm = [
16514
16520
  label: "月",
16515
16521
  value: "month"
16516
16522
  }
16517
- ], Gm = [
16523
+ ], Km = [
16518
16524
  {
16519
16525
  label: "7日",
16520
16526
  value: "7d"
@@ -16536,7 +16542,7 @@ var Wm = [
16536
16542
  value: "custom"
16537
16543
  }
16538
16544
  ];
16539
- function Km({ options: e, value: t, onChange: n }) {
16545
+ function qm({ options: e, value: t, onChange: n }) {
16540
16546
  return /* @__PURE__ */ B("div", {
16541
16547
  className: "flex flex-wrap gap-1",
16542
16548
  role: "group",
@@ -16548,7 +16554,7 @@ function Km({ options: e, value: t, onChange: n }) {
16548
16554
  }, e.value))
16549
16555
  });
16550
16556
  }
16551
- function qm({ granularity: e = "day", onGranularityChange: t, period: n = "7d", onPeriodChange: r, showComparison: i = !1, onComparisonChange: a, onCustomPeriod: o, className: s }) {
16557
+ function Jm({ granularity: e = "day", onGranularityChange: t, period: n = "7d", onPeriodChange: r, showComparison: i = !1, onComparisonChange: a, onCustomPeriod: o, className: s }) {
16552
16558
  return /* @__PURE__ */ V("div", {
16553
16559
  "data-slot": "chart-controls",
16554
16560
  className: G("flex flex-col gap-2.5", s),
@@ -16558,8 +16564,8 @@ function qm({ granularity: e = "day", onGranularityChange: t, period: n = "7d",
16558
16564
  children: [/* @__PURE__ */ B("span", {
16559
16565
  className: "typo-label-xs text-[var(--Text-Low-Emphasis)] w-10 shrink-0 pt-1.5",
16560
16566
  children: "粒度"
16561
- }), /* @__PURE__ */ B(Km, {
16562
- options: Wm,
16567
+ }), /* @__PURE__ */ B(qm, {
16568
+ options: Gm,
16563
16569
  value: e,
16564
16570
  onChange: t
16565
16571
  })]
@@ -16569,8 +16575,8 @@ function qm({ granularity: e = "day", onGranularityChange: t, period: n = "7d",
16569
16575
  children: [/* @__PURE__ */ B("span", {
16570
16576
  className: "typo-label-xs text-[var(--Text-Low-Emphasis)] w-10 shrink-0 pt-1.5",
16571
16577
  children: "期間"
16572
- }), /* @__PURE__ */ B(Km, {
16573
- options: Gm,
16578
+ }), /* @__PURE__ */ B(qm, {
16579
+ options: Km,
16574
16580
  value: n,
16575
16581
  onChange: (e) => {
16576
16582
  if (e === "custom") {
@@ -16598,7 +16604,7 @@ function qm({ granularity: e = "day", onGranularityChange: t, period: n = "7d",
16598
16604
  }
16599
16605
  //#endregion
16600
16606
  //#region src/components/patterns/simple-pagination.tsx
16601
- function Jm() {
16607
+ function Ym() {
16602
16608
  return /* @__PURE__ */ B("svg", {
16603
16609
  width: "16",
16604
16610
  height: "16",
@@ -16614,7 +16620,7 @@ function Jm() {
16614
16620
  })
16615
16621
  });
16616
16622
  }
16617
- function Ym() {
16623
+ function Xm() {
16618
16624
  return /* @__PURE__ */ B("svg", {
16619
16625
  width: "16",
16620
16626
  height: "16",
@@ -16630,7 +16636,7 @@ function Ym() {
16630
16636
  })
16631
16637
  });
16632
16638
  }
16633
- function Xm({ page: e, onPageChange: t, format: n, compact: r = !1, previousLabel: i = "前へ", nextLabel: a = "次へ", navLabel: o = "ページネーション", renderLabel: s, className: c, total: l, pageSize: d, totalPages: f, ...p }) {
16639
+ function Zm({ page: e, onPageChange: t, format: n, compact: r = !1, previousLabel: i = "前へ", nextLabel: a = "次へ", navLabel: o = "ページネーション", renderLabel: s, className: c, total: l, pageSize: d, totalPages: f, ...p }) {
16634
16640
  let m = n ?? (f === void 0 ? "items" : "pages"), h = f === void 0 ? d && d > 0 ? Math.max(1, Math.ceil((l ?? 0) / d)) : 1 : f, g = Math.min(Math.max(1, e), Math.max(1, h)), _ = g > 1, v = g < h, y = d && l !== void 0 && l > 0 ? (g - 1) * d + 1 : void 0, b = d && l !== void 0 ? Math.min(g * d, l) : void 0, x = () => {
16635
16641
  _ && t?.(g - 1);
16636
16642
  }, S = () => {
@@ -16715,7 +16721,7 @@ function Xm({ page: e, onPageChange: t, format: n, compact: r = !1, previousLabe
16715
16721
  onClick: x,
16716
16722
  disabled: !_,
16717
16723
  "aria-label": i,
16718
- children: [/* @__PURE__ */ B(Jm, {}), /* @__PURE__ */ B("span", {
16724
+ children: [/* @__PURE__ */ B(Ym, {}), /* @__PURE__ */ B("span", {
16719
16725
  className: r ? "sr-only sm:not-sr-only" : void 0,
16720
16726
  children: i
16721
16727
  })]
@@ -16735,15 +16741,15 @@ function Xm({ page: e, onPageChange: t, format: n, compact: r = !1, previousLabe
16735
16741
  children: [/* @__PURE__ */ B("span", {
16736
16742
  className: r ? "sr-only sm:not-sr-only" : void 0,
16737
16743
  children: a
16738
- }), /* @__PURE__ */ B(Ym, {})]
16744
+ }), /* @__PURE__ */ B(Xm, {})]
16739
16745
  })
16740
16746
  ]
16741
16747
  });
16742
16748
  }
16743
16749
  //#endregion
16744
16750
  //#region src/components/patterns/admin/data-table.tsx
16745
- var Zm = [], Qm = [];
16746
- function $m(e, t, n) {
16751
+ var Qm = [], $m = [];
16752
+ function eh(e, t, n) {
16747
16753
  if (n) return n(e, t);
16748
16754
  if (e && typeof e == "object" && "id" in e) {
16749
16755
  let t = e.id;
@@ -16751,13 +16757,13 @@ function $m(e, t, n) {
16751
16757
  }
16752
16758
  return t;
16753
16759
  }
16754
- function eh(e, t) {
16760
+ function th(e, t) {
16755
16761
  return !e || typeof e != "object" || !(t in e) ? null : e[t];
16756
16762
  }
16757
- function th(e, t, n) {
16758
- return n.value ? n.value(e, t) : eh(e, n.key);
16763
+ function nh(e, t, n) {
16764
+ return n.value ? n.value(e, t) : th(e, n.key);
16759
16765
  }
16760
- function nh(e, t, n, r, i, a, o, s, c) {
16766
+ function rh(e, t, n, r, i, a, o, s, c) {
16761
16767
  let l = (e) => e?.close !== !1;
16762
16768
  return {
16763
16769
  row: e,
@@ -16779,10 +16785,10 @@ function nh(e, t, n, r, i, a, o, s, c) {
16779
16785
  }
16780
16786
  };
16781
16787
  }
16782
- function rh(e, t, n, r) {
16783
- return n.cell ? n.cell(r) : n.render ? n.render(e, t) : th(e, t, n);
16788
+ function ih(e, t, n, r) {
16789
+ return n.cell ? n.cell(r) : n.render ? n.render(e, t) : nh(e, t, n);
16784
16790
  }
16785
- function ih(e, t) {
16791
+ function ah(e, t) {
16786
16792
  let n = e.edit?.trigger ?? "doubleClick";
16787
16793
  if (n === "manual") return {};
16788
16794
  let r = { onKeyDown: (e) => {
@@ -16800,10 +16806,10 @@ function ih(e, t) {
16800
16806
  onDoubleClick: () => t.startEdit()
16801
16807
  };
16802
16808
  }
16803
- var ah = () => {
16809
+ var oh = () => {
16804
16810
  let e = globalThis.process;
16805
16811
  return !!e && e.env?.NODE_ENV !== "production";
16806
- }, oh = [
16812
+ }, sh = [
16807
16813
  "a[href]",
16808
16814
  "button",
16809
16815
  "input",
@@ -16815,17 +16821,17 @@ var ah = () => {
16815
16821
  "[role='radio']",
16816
16822
  "[data-table-ignore-row-click]"
16817
16823
  ].join(",");
16818
- function sh(e) {
16824
+ function ch(e) {
16819
16825
  let t = e.target;
16820
- return !(t instanceof Element) || t === e.currentTarget ? !1 : !!t.closest(oh);
16826
+ return !(t instanceof Element) || t === e.currentTarget ? !1 : !!t.closest(sh);
16821
16827
  }
16822
- function ch(e, t, n) {
16828
+ function lh(e, t, n) {
16823
16829
  if (n.sortValue) return n.sortValue(e, t);
16824
- let r = th(e, t, n);
16830
+ let r = nh(e, t, n);
16825
16831
  if (r === null) return null;
16826
16832
  if (r !== void 0) return typeof r == "string" || typeof r == "number" || r instanceof Date ? r : String(r);
16827
16833
  }
16828
- function lh(e, t) {
16834
+ function uh(e, t) {
16829
16835
  if (e == null && t == null) return 0;
16830
16836
  if (e == null) return 1;
16831
16837
  if (t == null) return -1;
@@ -16835,7 +16841,7 @@ function lh(e, t) {
16835
16841
  sensitivity: "base"
16836
16842
  });
16837
16843
  }
16838
- function uh(e, t = 0, n = !1) {
16844
+ function dh(e, t = 0, n = !1) {
16839
16845
  let r = e === "right" ? "right" : "left", i = n ? "var(--Surface-Secondary)" : "var(--Surface-Primary)";
16840
16846
  return {
16841
16847
  className: G("sticky z-[1]", r === "left" ? "shadow-[var(--shadow-sticky-inline-start)]" : "shadow-[var(--shadow-sticky-inline-end)]"),
@@ -16845,7 +16851,7 @@ function uh(e, t = 0, n = !1) {
16845
16851
  }
16846
16852
  };
16847
16853
  }
16848
- function dh({ direction: e }) {
16854
+ function fh({ direction: e }) {
16849
16855
  return e === "asc" ? /* @__PURE__ */ B(ae, {
16850
16856
  size: 16,
16851
16857
  className: "shrink-0"
@@ -16857,38 +16863,38 @@ function dh({ direction: e }) {
16857
16863
  className: "shrink-0 opacity-40"
16858
16864
  });
16859
16865
  }
16860
- function fh() {
16866
+ function ph() {
16861
16867
  return /* @__PURE__ */ B(de, {
16862
16868
  size: 16,
16863
16869
  className: "shrink-0"
16864
16870
  });
16865
16871
  }
16866
- function ph() {
16872
+ function mh() {
16867
16873
  return /* @__PURE__ */ B(U, {
16868
16874
  size: 16,
16869
16875
  className: "shrink-0"
16870
16876
  });
16871
16877
  }
16872
- function mh() {
16878
+ function hh() {
16873
16879
  return /* @__PURE__ */ B(ce, {
16874
16880
  size: 14,
16875
16881
  className: "shrink-0"
16876
16882
  });
16877
16883
  }
16878
- function hh() {
16884
+ function gh() {
16879
16885
  return /* @__PURE__ */ B(ue, {
16880
16886
  size: 16,
16881
16887
  className: "shrink-0"
16882
16888
  });
16883
16889
  }
16884
- function gh({ open: e }) {
16890
+ function _h({ open: e }) {
16885
16891
  return /* @__PURE__ */ B(re, {
16886
16892
  size: 16,
16887
16893
  className: G("shrink-0 transition-transform duration-[var(--Motion-Duration-Base)]", e && "rotate-90")
16888
16894
  });
16889
16895
  }
16890
- function _h({ className: e, children: t, rows: n, columns: r, getRowId: i, onRowCommit: a, sort: o, defaultSort: s = null, onSortChange: c, selection: l, emptyMessage: d, emptyDescription: f, emptyAction: p, sectionRow: m, onRowClick: h, rowClickable: g, tableClassName: _, rowClassName: v, manualPagination: y, pageCount: b, pageIndex: x, defaultPageIndex: S = 0, onPaginationChange: C, selectionColumnLabel: w = "行選択", selectAllLabel: T = "すべて選択", ...E }) {
16891
- let [D, O] = u.useState(s), [k, A] = u.useState(S), [ee, j] = u.useState(l?.defaultSelectedRowIds ?? []), [M, te] = u.useState(null), N = n != null && r != null, P = o === void 0 ? D : o, F = n ?? Zm, I = r ?? Qm, L = l?.mode ?? (l ? "multi" : "none"), R = l?.selectedRowIds ?? ee, z = u.useMemo(() => new Set(R), [R]), H = u.useMemo(() => F.map((e, t) => ({
16896
+ function vh({ className: e, children: t, rows: n, columns: r, getRowId: i, onRowCommit: a, sort: o, defaultSort: s = null, onSortChange: c, selection: l, emptyMessage: d, emptyDescription: f, emptyAction: p, sectionRow: m, onRowClick: h, rowClickable: g, tableClassName: _, rowClassName: v, manualPagination: y, pageCount: b, pageIndex: x, defaultPageIndex: S = 0, onPaginationChange: C, selectionColumnLabel: w = "行選択", selectAllLabel: T = "すべて選択", ...E }) {
16897
+ let [D, O] = u.useState(s), [k, A] = u.useState(S), [ee, j] = u.useState(l?.defaultSelectedRowIds ?? []), [M, te] = u.useState(null), N = n != null && r != null, P = o === void 0 ? D : o, F = n ?? Qm, I = r ?? $m, L = l?.mode ?? (l ? "multi" : "none"), R = l?.selectedRowIds ?? ee, z = u.useMemo(() => new Set(R), [R]), H = u.useMemo(() => F.map((e, t) => ({
16892
16898
  row: e,
16893
16899
  index: t
16894
16900
  })), [F]), U = u.useMemo(() => {
@@ -16896,12 +16902,12 @@ function _h({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
16896
16902
  let e = I.find((e) => e.key === P.key);
16897
16903
  if (!e || !e.sortable) return H;
16898
16904
  let t = P.direction === "asc" ? 1 : -1;
16899
- return [...H].sort((n, r) => lh(ch(n.row, n.index, e), ch(r.row, r.index, e)) * t);
16905
+ return [...H].sort((n, r) => uh(lh(n.row, n.index, e), lh(r.row, r.index, e)) * t);
16900
16906
  }, [
16901
16907
  I,
16902
16908
  P,
16903
16909
  H
16904
- ]), W = u.useMemo(() => U.map(({ row: e, index: t }) => $m(e, t, i)), [i, U]), ne = u.useMemo(() => W.filter((e) => z.has(e)).length, [z, W]), re = u.useMemo(() => U.reduce((e, t) => {
16910
+ ]), W = u.useMemo(() => U.map(({ row: e, index: t }) => eh(e, t, i)), [i, U]), ne = u.useMemo(() => W.filter((e) => z.has(e)).length, [z, W]), re = u.useMemo(() => U.reduce((e, t) => {
16905
16911
  let n = m?.(t.row, t.index);
16906
16912
  return {
16907
16913
  previousSectionKey: n?.key ?? e.previousSectionKey,
@@ -16958,9 +16964,9 @@ function _h({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
16958
16964
  P,
16959
16965
  c,
16960
16966
  o
16961
- ]), ce = L === "none" ? 0 : 1, le = I.length + ce, ue = u.useMemo(() => Eh(I), [I]), de = (e) => ue.get(e.key)?.offset ?? e.stickyOffset;
16967
+ ]), ce = L === "none" ? 0 : 1, le = I.length + ce, ue = u.useMemo(() => Dh(I), [I]), de = (e) => ue.get(e.key)?.offset ?? e.stickyOffset;
16962
16968
  u.useEffect(() => {
16963
- if (!ah()) return;
16969
+ if (!oh()) return;
16964
16970
  let e = I.filter((e) => e.sticky && ue.get(e.key)?.offset === void 0);
16965
16971
  e.length !== 0 && console.warn(`[ksk-ds] DataTable: 固定列 ${e.map((e) => `"${e.key}"`).join(" / ")} のオフセットを自動計算できません。先行する固定列の width が "auto" / "flex" で幅が確定しないためです。該当列に width("sm" 等)を指定するか、stickyOffset を明示してください。`);
16966
16972
  }, [I, ue]);
@@ -16978,9 +16984,9 @@ function _h({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
16978
16984
  "data-slot": "data-table",
16979
16985
  className: G("overflow-x-auto rounded-lg border border-[var(--Border-Low-Emphasis)]", e),
16980
16986
  ...E,
16981
- children: /* @__PURE__ */ V(vh, {
16987
+ children: /* @__PURE__ */ V(yh, {
16982
16988
  className: _,
16983
- children: [/* @__PURE__ */ B(yh, { children: /* @__PURE__ */ V("tr", { children: [L !== "none" && /* @__PURE__ */ B(Sh, {
16989
+ children: [/* @__PURE__ */ B(bh, { children: /* @__PURE__ */ V("tr", { children: [L !== "none" && /* @__PURE__ */ B(Ch, {
16984
16990
  className: "w-[40px]",
16985
16991
  "aria-label": w,
16986
16992
  children: L === "multi" && /* @__PURE__ */ B(Vt, {
@@ -16988,7 +16994,7 @@ function _h({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
16988
16994
  onCheckedChange: ae,
16989
16995
  "aria-label": T
16990
16996
  })
16991
- }), I.map((e) => /* @__PURE__ */ B(Sh, {
16997
+ }), I.map((e) => /* @__PURE__ */ B(Ch, {
16992
16998
  sortable: e.sortable,
16993
16999
  sortDirection: P?.key === e.key ? P.direction : null,
16994
17000
  onSort: () => se(e),
@@ -16997,14 +17003,14 @@ function _h({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
16997
17003
  stickyOffset: de(e),
16998
17004
  className: G(e.align === "center" && "text-center", e.align === "right" && "text-right", e.headerClassName),
16999
17005
  children: e.header
17000
- }, e.key))] }) }), /* @__PURE__ */ V(bh, { children: [U.length === 0 && /* @__PURE__ */ B(Wh, {
17006
+ }, e.key))] }) }), /* @__PURE__ */ V(xh, { children: [U.length === 0 && /* @__PURE__ */ B(Gh, {
17001
17007
  colSpan: le,
17002
17008
  message: d,
17003
17009
  description: f,
17004
17010
  action: p
17005
17011
  }), re.map(({ row: e, index: t, section: n, renderSection: r, sectionOpen: o }) => {
17006
- let s = $m(e, t, i), c = z.has(s);
17007
- return /* @__PURE__ */ V(u.Fragment, { children: [r && n && /* @__PURE__ */ B(Hh, {
17012
+ let s = eh(e, t, i), c = z.has(s);
17013
+ return /* @__PURE__ */ V(u.Fragment, { children: [r && n && /* @__PURE__ */ B(Uh, {
17008
17014
  label: n.label,
17009
17015
  count: n.count,
17010
17016
  open: n.open,
@@ -17013,32 +17019,32 @@ function _h({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
17013
17019
  stickyLeft: n.stickyLeft,
17014
17020
  stickyOffset: n.stickyOffset,
17015
17021
  headingSize: n.headingSize
17016
- }), o && /* @__PURE__ */ V(xh, {
17022
+ }), o && /* @__PURE__ */ V(Sh, {
17017
17023
  selected: c,
17018
17024
  clickable: g ?? !!h,
17019
17025
  onRowClick: h ? (n) => h(e, t, s, n) : void 0,
17020
17026
  className: typeof v == "function" ? v(e, t) : v,
17021
- children: [L !== "none" && /* @__PURE__ */ B(Mh, {
17027
+ children: [L !== "none" && /* @__PURE__ */ B(Nh, {
17022
17028
  checked: c,
17023
17029
  onCheckedChange: () => oe(s),
17024
17030
  "aria-label": `${String(s)} を選択`
17025
17031
  }), I.map((n) => {
17026
- let r = th(e, t, n), i = M?.rowId === s && M.columnKey === n.key, o = nh(e, t, s, n, r, i, () => te({
17032
+ let r = nh(e, t, n), i = M?.rowId === s && M.columnKey === n.key, o = rh(e, t, s, n, r, i, () => te({
17027
17033
  rowId: s,
17028
17034
  columnKey: n.key
17029
17035
  }), () => te((e) => e?.rowId === s && e.columnKey === n.key ? null : e), a);
17030
- if (n.cell || n.editCell) return /* @__PURE__ */ B(kh, {
17031
- ...ih(n, o),
17036
+ if (n.cell || n.editCell) return /* @__PURE__ */ B(Ah, {
17037
+ ...ah(n, o),
17032
17038
  align: n.align,
17033
17039
  width: n.width,
17034
17040
  sticky: n.sticky,
17035
17041
  stickyOffset: de(n),
17036
17042
  className: n.className,
17037
- children: i && n.editCell ? n.editCell(o) : rh(e, t, n, o)
17043
+ children: i && n.editCell ? n.editCell(o) : ih(e, t, n, o)
17038
17044
  }, n.key);
17039
17045
  if (n.editable) {
17040
- let r = n.editValue?.(e, t) ?? String(ch(e, t, n) ?? "");
17041
- return n.editOptions ? /* @__PURE__ */ B(Fh, {
17046
+ let r = n.editValue?.(e, t) ?? String(lh(e, t, n) ?? "");
17047
+ return n.editOptions ? /* @__PURE__ */ B(Ih, {
17042
17048
  value: r,
17043
17049
  options: n.editOptions,
17044
17050
  onValueChange: (r) => n.onEditChange?.(e, r, t),
@@ -17046,7 +17052,7 @@ function _h({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
17046
17052
  width: n.width,
17047
17053
  sticky: n.sticky,
17048
17054
  stickyOffset: de(n)
17049
- }, n.key) : /* @__PURE__ */ B(Ph, {
17055
+ }, n.key) : /* @__PURE__ */ B(Fh, {
17050
17056
  value: r,
17051
17057
  onChange: (r) => n.onEditChange?.(e, r, t),
17052
17058
  className: n.className,
@@ -17055,13 +17061,13 @@ function _h({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
17055
17061
  stickyOffset: de(n)
17056
17062
  }, n.key);
17057
17063
  }
17058
- return /* @__PURE__ */ B(kh, {
17064
+ return /* @__PURE__ */ B(Ah, {
17059
17065
  align: n.align,
17060
17066
  width: n.width,
17061
17067
  sticky: n.sticky,
17062
17068
  stickyOffset: de(n),
17063
17069
  className: n.className,
17064
- children: rh(e, t, n, o)
17070
+ children: ih(e, t, n, o)
17065
17071
  }, n.key);
17066
17072
  })]
17067
17073
  })] }, s);
@@ -17071,7 +17077,7 @@ function _h({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
17071
17077
  return pe ? /* @__PURE__ */ V("div", {
17072
17078
  "data-slot": "data-table-paginated",
17073
17079
  className: "flex flex-col gap-3",
17074
- children: [he, /* @__PURE__ */ B(Xm, {
17080
+ children: [he, /* @__PURE__ */ B(Zm, {
17075
17081
  className: "self-end",
17076
17082
  page: fe + 1,
17077
17083
  totalPages: b ?? 1,
@@ -17079,7 +17085,7 @@ function _h({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
17079
17085
  })]
17080
17086
  }) : he;
17081
17087
  }
17082
- function vh({ className: e, children: t, ...n }) {
17088
+ function yh({ className: e, children: t, ...n }) {
17083
17089
  return /* @__PURE__ */ B("table", {
17084
17090
  "data-slot": "data-table-table",
17085
17091
  className: G("w-full border-collapse", e),
@@ -17087,7 +17093,7 @@ function vh({ className: e, children: t, ...n }) {
17087
17093
  children: t
17088
17094
  });
17089
17095
  }
17090
- function yh({ className: e, children: t, ...n }) {
17096
+ function bh({ className: e, children: t, ...n }) {
17091
17097
  return /* @__PURE__ */ B("thead", {
17092
17098
  "data-slot": "data-table-header",
17093
17099
  className: G("bg-[var(--Surface-Secondary)] [&>tr]:border-b [&>tr]:border-[var(--Border-Low-Emphasis)]", e),
@@ -17095,7 +17101,7 @@ function yh({ className: e, children: t, ...n }) {
17095
17101
  children: t
17096
17102
  });
17097
17103
  }
17098
- function bh({ className: e, children: t, ...n }) {
17104
+ function xh({ className: e, children: t, ...n }) {
17099
17105
  return /* @__PURE__ */ B("tbody", {
17100
17106
  "data-slot": "data-table-body",
17101
17107
  className: G("[&>tr:not(:last-child)]:border-b [&>tr:not(:last-child)]:border-b-[var(--Border-Low-Emphasis)]", e),
@@ -17103,7 +17109,7 @@ function bh({ className: e, children: t, ...n }) {
17103
17109
  children: t
17104
17110
  });
17105
17111
  }
17106
- function xh({ className: e, selected: t, clickable: n, onRowClick: r, onClick: i, onKeyDown: a, role: o, tabIndex: s, children: c, ...l }) {
17112
+ function Sh({ className: e, selected: t, clickable: n, onRowClick: r, onClick: i, onKeyDown: a, role: o, tabIndex: s, children: c, ...l }) {
17107
17113
  let u = n || !!r;
17108
17114
  return /* @__PURE__ */ B("tr", {
17109
17115
  "data-slot": "data-table-row",
@@ -17112,21 +17118,21 @@ function xh({ className: e, selected: t, clickable: n, onRowClick: r, onClick: i
17112
17118
  role: o,
17113
17119
  tabIndex: u && s == null ? 0 : s,
17114
17120
  onClick: (e) => {
17115
- i?.(e), !(e.defaultPrevented || !r || sh(e)) && r(e);
17121
+ i?.(e), !(e.defaultPrevented || !r || ch(e)) && r(e);
17116
17122
  },
17117
17123
  onKeyDown: (e) => {
17118
- a?.(e), !(e.defaultPrevented || !r || sh(e)) && (e.key !== "Enter" && e.key !== " " || (e.preventDefault(), r(e)));
17124
+ a?.(e), !(e.defaultPrevented || !r || ch(e)) && (e.key !== "Enter" && e.key !== " " || (e.preventDefault(), r(e)));
17119
17125
  },
17120
17126
  className: G("border-l-2 border-l-transparent transition-colors hover:bg-[var(--Surface-Secondary)]/50", t && "bg-[var(--Surface-Accent-Primary-Light)] border-l-[var(--Brand-Primary)]", u && "cursor-pointer focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-inset focus-visible:ring-[var(--Focus-High-Emphasis)]/50", e),
17121
17127
  ...l,
17122
17128
  children: c
17123
17129
  });
17124
17130
  }
17125
- function Sh({ className: e, children: t, sortable: n, sortDirection: r, onSort: i, width: a, sticky: o, stickyOffset: s, style: c, ...l }) {
17126
- let u = o ? uh(o, s, !0) : null;
17131
+ function Ch({ className: e, children: t, sortable: n, sortDirection: r, onSort: i, width: a, sticky: o, stickyOffset: s, style: c, ...l }) {
17132
+ let u = o ? dh(o, s, !0) : null;
17127
17133
  return /* @__PURE__ */ B("th", {
17128
17134
  "data-slot": "data-table-head",
17129
- className: G(Dh({ width: a }), u?.className, e),
17135
+ className: G(Oh({ width: a }), u?.className, e),
17130
17136
  style: u ? {
17131
17137
  ...u.style,
17132
17138
  ...c
@@ -17137,11 +17143,11 @@ function Sh({ className: e, children: t, sortable: n, sortDirection: r, onSort:
17137
17143
  type: "button",
17138
17144
  onClick: i,
17139
17145
  className: "inline-flex items-center gap-1 cursor-pointer select-none rounded-sm focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50 hover:text-[var(--Text-High-Emphasis)] transition-colors",
17140
- children: [t, /* @__PURE__ */ B(dh, { direction: r ?? null })]
17146
+ children: [t, /* @__PURE__ */ B(fh, { direction: r ?? null })]
17141
17147
  }) : t
17142
17148
  });
17143
17149
  }
17144
- var Ch = {
17150
+ var wh = {
17145
17151
  auto: "",
17146
17152
  narrow: "w-[48px]",
17147
17153
  checkbox: "w-[40px]",
@@ -17151,7 +17157,7 @@ var Ch = {
17151
17157
  lg: "w-[300px]",
17152
17158
  xl: "w-[400px]",
17153
17159
  flex: "w-full min-w-[240px]"
17154
- }, wh = {
17160
+ }, Th = {
17155
17161
  auto: null,
17156
17162
  flex: null,
17157
17163
  narrow: 48,
@@ -17162,7 +17168,7 @@ var Ch = {
17162
17168
  lg: 300,
17163
17169
  xl: 400
17164
17170
  };
17165
- function Th(e, t, n) {
17171
+ function Eh(e, t, n) {
17166
17172
  let r = t === "left" ? e : [...e].reverse(), i = 0, a = !0;
17167
17173
  for (let e of r) {
17168
17174
  if (!e.sticky || (e.sticky === "right" ? "right" : "left") !== t) continue;
@@ -17171,7 +17177,7 @@ function Th(e, t, n) {
17171
17177
  offset: o,
17172
17178
  explicit: r
17173
17179
  });
17174
- let s = wh[e.width ?? "auto"];
17180
+ let s = Th[e.width ?? "auto"];
17175
17181
  if (s == null) {
17176
17182
  a = !1;
17177
17183
  continue;
@@ -17179,14 +17185,14 @@ function Th(e, t, n) {
17179
17185
  i = (r ? e.stickyOffset : i) + s;
17180
17186
  }
17181
17187
  }
17182
- function Eh(e) {
17188
+ function Dh(e) {
17183
17189
  let t = /* @__PURE__ */ new Map();
17184
- return Th(e, "left", t), Th(e, "right", t), t;
17190
+ return Eh(e, "left", t), Eh(e, "right", t), t;
17185
17191
  }
17186
- var Dh = H("px-3 py-2.5 text-left whitespace-nowrap typo-label-sm text-[var(--Text-Medium-Emphasis)]", {
17187
- variants: { width: Ch },
17192
+ var Oh = H("px-3 py-2.5 text-left whitespace-nowrap typo-label-sm text-[var(--Text-Medium-Emphasis)]", {
17193
+ variants: { width: wh },
17188
17194
  defaultVariants: { width: "auto" }
17189
- }), Oh = H("px-3 py-2.5 typo-body-md text-[var(--Text-High-Emphasis)]", {
17195
+ }), kh = H("px-3 py-2.5 typo-body-md text-[var(--Text-High-Emphasis)]", {
17190
17196
  variants: {
17191
17197
  align: {
17192
17198
  left: "text-left",
@@ -17210,12 +17216,12 @@ var Dh = H("px-3 py-2.5 text-left whitespace-nowrap typo-label-sm text-[var(--Te
17210
17216
  width: "auto"
17211
17217
  }
17212
17218
  });
17213
- function kh({ className: e, align: t, width: n, children: r, clickable: i, sticky: a, stickyOffset: o, style: s, ...c }) {
17214
- let l = a ? uh(a, o) : null;
17219
+ function Ah({ className: e, align: t, width: n, children: r, clickable: i, sticky: a, stickyOffset: o, style: s, ...c }) {
17220
+ let l = a ? dh(a, o) : null;
17215
17221
  return /* @__PURE__ */ B("td", {
17216
17222
  "data-slot": "data-table-cell",
17217
17223
  "data-clickable": i || void 0,
17218
- className: G(Oh({
17224
+ className: G(kh({
17219
17225
  align: t,
17220
17226
  width: n
17221
17227
  }), i && "cursor-pointer select-none", l?.className, e),
@@ -17227,8 +17233,8 @@ function kh({ className: e, align: t, width: n, children: r, clickable: i, stick
17227
17233
  children: r
17228
17234
  });
17229
17235
  }
17230
- function Ah({ className: e, src: t, fallback: n, title: r, caption: i, sticky: a, stickyOffset: o, style: s, ...c }) {
17231
- let l = a ? uh(a, o) : null;
17236
+ function jh({ className: e, src: t, fallback: n, title: r, caption: i, sticky: a, stickyOffset: o, style: s, ...c }) {
17237
+ let l = a ? dh(a, o) : null;
17232
17238
  return /* @__PURE__ */ B("td", {
17233
17239
  "data-slot": "data-table-avatar-cell",
17234
17240
  className: G("px-3 py-2.5", l?.className, e),
@@ -17258,7 +17264,7 @@ function Ah({ className: e, src: t, fallback: n, title: r, caption: i, sticky: a
17258
17264
  })
17259
17265
  });
17260
17266
  }
17261
- function jh({ className: e, src: t, alt: n, title: r, caption: i, imageSize: a = 40, ...o }) {
17267
+ function Mh({ className: e, src: t, alt: n, title: r, caption: i, imageSize: a = 40, ...o }) {
17262
17268
  return /* @__PURE__ */ B("td", {
17263
17269
  "data-slot": "data-table-image-cell",
17264
17270
  className: G("px-3 py-2.5", e),
@@ -17286,8 +17292,8 @@ function jh({ className: e, src: t, alt: n, title: r, caption: i, imageSize: a =
17286
17292
  })
17287
17293
  });
17288
17294
  }
17289
- function Mh({ className: e, checked: t, onCheckedChange: n, indeterminate: r, as: i = "td", sticky: a, stickyOffset: o, style: s, "aria-label": c, ...l }) {
17290
- let u = a ? uh(a, o, i === "th") : null;
17295
+ function Nh({ className: e, checked: t, onCheckedChange: n, indeterminate: r, as: i = "td", sticky: a, stickyOffset: o, style: s, "aria-label": c, ...l }) {
17296
+ let u = a ? dh(a, o, i === "th") : null;
17291
17297
  return /* @__PURE__ */ B(i, {
17292
17298
  "data-slot": "data-table-checkbox-cell",
17293
17299
  className: G("w-[40px] px-3 py-2.5", u?.className, e),
@@ -17303,7 +17309,7 @@ function Mh({ className: e, checked: t, onCheckedChange: n, indeterminate: r, as
17303
17309
  })
17304
17310
  });
17305
17311
  }
17306
- function Nh({ className: e, items: t, menuLabel: n = "行メニュー", ...r }) {
17312
+ function Ph({ className: e, items: t, menuLabel: n = "行メニュー", ...r }) {
17307
17313
  return /* @__PURE__ */ B("td", {
17308
17314
  "data-slot": "data-table-action-cell",
17309
17315
  className: G("w-[48px] px-3 py-2.5", e),
@@ -17314,7 +17320,7 @@ function Nh({ className: e, items: t, menuLabel: n = "行メニュー", ...r })
17314
17320
  type: "button",
17315
17321
  className: "flex size-8 items-center justify-center rounded-full text-[var(--Text-Medium-Emphasis)] hover:bg-[var(--Surface-Secondary)] transition-colors",
17316
17322
  "aria-label": n,
17317
- children: /* @__PURE__ */ B(fh, {})
17323
+ children: /* @__PURE__ */ B(ph, {})
17318
17324
  })
17319
17325
  }), /* @__PURE__ */ B(yr, {
17320
17326
  align: "end",
@@ -17327,11 +17333,11 @@ function Nh({ className: e, items: t, menuLabel: n = "行メニュー", ...r })
17327
17333
  })] })
17328
17334
  });
17329
17335
  }
17330
- function Ph({ className: e, value: t, onChange: n, placeholder: r, width: i, sticky: a, stickyOffset: o, style: s, "aria-label": c, ...l }) {
17331
- let u = a ? uh(a, o) : null;
17336
+ function Fh({ className: e, value: t, onChange: n, placeholder: r, width: i, sticky: a, stickyOffset: o, style: s, "aria-label": c, ...l }) {
17337
+ let u = a ? dh(a, o) : null;
17332
17338
  return /* @__PURE__ */ B("td", {
17333
17339
  "data-slot": "data-table-input-cell",
17334
- className: G(Oh({ width: i }), "py-1.5", u?.className, e),
17340
+ className: G(kh({ width: i }), "py-1.5", u?.className, e),
17335
17341
  style: u ? {
17336
17342
  ...u.style,
17337
17343
  ...s
@@ -17347,11 +17353,11 @@ function Ph({ className: e, value: t, onChange: n, placeholder: r, width: i, sti
17347
17353
  })
17348
17354
  });
17349
17355
  }
17350
- function Fh({ className: e, value: t, onValueChange: n, placeholder: r, options: i, width: a, sticky: o, stickyOffset: s, style: c, contentPosition: l = "popper", triggerClassName: u, contentClassName: d, "aria-label": f, ...p }) {
17351
- let m = o ? uh(o, s) : null;
17356
+ function Ih({ className: e, value: t, onValueChange: n, placeholder: r, options: i, width: a, sticky: o, stickyOffset: s, style: c, contentPosition: l = "popper", triggerClassName: u, contentClassName: d, "aria-label": f, ...p }) {
17357
+ let m = o ? dh(o, s) : null;
17352
17358
  return /* @__PURE__ */ B("td", {
17353
17359
  "data-slot": "data-table-select-cell",
17354
- className: G(Oh({ width: a }), "py-1.5", m?.className, e),
17360
+ className: G(kh({ width: a }), "py-1.5", m?.className, e),
17355
17361
  style: m ? {
17356
17362
  ...m.style,
17357
17363
  ...c
@@ -17375,11 +17381,11 @@ function Fh({ className: e, value: t, onValueChange: n, placeholder: r, options:
17375
17381
  })
17376
17382
  });
17377
17383
  }
17378
- function Ih({ className: e, value: t, onValueChange: n, placeholder: r = "日付を選択", disabled: i, dateFormat: a, triggerLabel: o, pickerClassName: s, width: c, sticky: l, stickyOffset: u, style: d, ...f }) {
17379
- let p = l ? uh(l, u) : null;
17384
+ function Lh({ className: e, value: t, onValueChange: n, placeholder: r = "日付を選択", disabled: i, dateFormat: a, triggerLabel: o, pickerClassName: s, width: c, sticky: l, stickyOffset: u, style: d, ...f }) {
17385
+ let p = l ? dh(l, u) : null;
17380
17386
  return /* @__PURE__ */ B("td", {
17381
17387
  "data-slot": "data-table-date-cell",
17382
- className: G(Oh({ width: c }), "py-1.5", p?.className, e),
17388
+ className: G(kh({ width: c }), "py-1.5", p?.className, e),
17383
17389
  style: p ? {
17384
17390
  ...p.style,
17385
17391
  ...d
@@ -17396,7 +17402,7 @@ function Ih({ className: e, value: t, onValueChange: n, placeholder: r = "日付
17396
17402
  })
17397
17403
  });
17398
17404
  }
17399
- function Lh({ className: e, value: t, prefix: n, suffix: r, children: i, ...a }) {
17405
+ function Rh({ className: e, value: t, prefix: n, suffix: r, children: i, ...a }) {
17400
17406
  return /* @__PURE__ */ V("td", {
17401
17407
  "data-slot": "data-table-number-cell",
17402
17408
  className: G("px-3 py-2.5 text-right typo-body-md tabular-nums text-[var(--Text-High-Emphasis)]", e),
@@ -17408,15 +17414,15 @@ function Lh({ className: e, value: t, prefix: n, suffix: r, children: i, ...a })
17408
17414
  ]
17409
17415
  });
17410
17416
  }
17411
- function Rh({ className: e, ...t }) {
17417
+ function zh({ className: e, ...t }) {
17412
17418
  return /* @__PURE__ */ B("td", {
17413
17419
  "data-slot": "data-table-drag-handle-cell",
17414
17420
  className: G("w-[36px] px-2 py-2.5 cursor-grab text-[var(--Text-Low-Emphasis)]", e),
17415
17421
  ...t,
17416
- children: /* @__PURE__ */ B(hh, {})
17422
+ children: /* @__PURE__ */ B(gh, {})
17417
17423
  });
17418
17424
  }
17419
- function zh({ className: e, href: t, external: n, children: r, ...i }) {
17425
+ function Bh({ className: e, href: t, external: n, children: r, ...i }) {
17420
17426
  return /* @__PURE__ */ B("td", {
17421
17427
  "data-slot": "data-table-link-cell",
17422
17428
  className: G("px-3 py-2.5", e),
@@ -17426,11 +17432,11 @@ function zh({ className: e, href: t, external: n, children: r, ...i }) {
17426
17432
  target: n ? "_blank" : void 0,
17427
17433
  rel: n ? "noopener noreferrer" : void 0,
17428
17434
  className: "inline-flex items-center gap-1 whitespace-nowrap typo-body-md text-[var(--Text-Accent-Primary)] hover:underline",
17429
- children: [r, n && /* @__PURE__ */ B(mh, {})]
17435
+ children: [r, n && /* @__PURE__ */ B(hh, {})]
17430
17436
  })
17431
17437
  });
17432
17438
  }
17433
- function Bh({ className: e, selectedCount: t, children: n, ...r }) {
17439
+ function Vh({ className: e, selectedCount: t, children: n, ...r }) {
17434
17440
  return t === 0 ? null : /* @__PURE__ */ V("div", {
17435
17441
  "data-slot": "data-table-bulk-actions",
17436
17442
  className: G("flex flex-wrap items-center gap-3 rounded-lg bg-[var(--Surface-Accent-Primary-Light)] px-4 py-3", e),
@@ -17443,12 +17449,12 @@ function Bh({ className: e, selectedCount: t, children: n, ...r }) {
17443
17449
  }), n]
17444
17450
  });
17445
17451
  }
17446
- var Vh = {
17452
+ var Hh = {
17447
17453
  sm: "typo-label-md",
17448
17454
  md: "typo-label-lg",
17449
17455
  lg: "typo-heading-sm"
17450
17456
  };
17451
- function Hh({ className: e, label: t, count: n, open: r = !0, onToggle: i, colSpan: a, stickyLeft: o, stickyOffset: s = 0, headingSize: c = "md", contentClassName: l, buttonClassName: u, ...d }) {
17457
+ function Uh({ className: e, label: t, count: n, open: r = !0, onToggle: i, colSpan: a, stickyLeft: o, stickyOffset: s = 0, headingSize: c = "md", contentClassName: l, buttonClassName: u, ...d }) {
17452
17458
  return /* @__PURE__ */ B("tr", {
17453
17459
  "data-slot": "data-table-section-row",
17454
17460
  className: G("bg-[var(--Surface-Tertiary)] border-y border-[var(--Border-Low-Emphasis)]", e),
@@ -17461,11 +17467,11 @@ function Hh({ className: e, label: t, count: n, open: r = !0, onToggle: i, colSp
17461
17467
  style: o ? { left: s } : void 0,
17462
17468
  children: /* @__PURE__ */ V("button", {
17463
17469
  type: "button",
17464
- className: G("inline-flex items-center gap-2 text-[var(--Text-High-Emphasis)] focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50", Vh[c], u),
17470
+ className: G("inline-flex items-center gap-2 text-[var(--Text-High-Emphasis)] focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50", Hh[c], u),
17465
17471
  onClick: i,
17466
17472
  "aria-expanded": r,
17467
17473
  children: [
17468
- /* @__PURE__ */ B(gh, { open: r }),
17474
+ /* @__PURE__ */ B(_h, { open: r }),
17469
17475
  t,
17470
17476
  n !== void 0 && /* @__PURE__ */ V("span", {
17471
17477
  className: "typo-body-md text-[var(--Text-Low-Emphasis)]",
@@ -17481,7 +17487,7 @@ function Hh({ className: e, label: t, count: n, open: r = !0, onToggle: i, colSp
17481
17487
  })
17482
17488
  });
17483
17489
  }
17484
- function Uh({ className: e, label: t = "追加する", onClick: n, colSpan: r, ...i }) {
17490
+ function Wh({ className: e, label: t = "追加する", onClick: n, colSpan: r, ...i }) {
17485
17491
  return /* @__PURE__ */ B("tr", {
17486
17492
  "data-slot": "data-table-add-row",
17487
17493
  className: G("border-t border-dashed border-[var(--Border-Low-Emphasis)]", e),
@@ -17493,12 +17499,12 @@ function Uh({ className: e, label: t = "追加する", onClick: n, colSpan: r, .
17493
17499
  type: "button",
17494
17500
  className: "inline-flex items-center gap-2 typo-label-md text-[var(--Text-Accent-Primary)] hover:underline",
17495
17501
  onClick: n,
17496
- children: [/* @__PURE__ */ B(ph, {}), t]
17502
+ children: [/* @__PURE__ */ B(mh, {}), t]
17497
17503
  })
17498
17504
  })
17499
17505
  });
17500
17506
  }
17501
- function Wh({ className: e, icon: t, message: n = "データがありません", description: r, action: i, colSpan: a, ...o }) {
17507
+ function Gh({ className: e, icon: t, message: n = "データがありません", description: r, action: i, colSpan: a, ...o }) {
17502
17508
  return /* @__PURE__ */ B("tr", {
17503
17509
  "data-slot": "data-table-empty-state",
17504
17510
  className: G("", e),
@@ -17530,18 +17536,18 @@ function Wh({ className: e, icon: t, message: n = "データがありません",
17530
17536
  })
17531
17537
  });
17532
17538
  }
17533
- function Gh(e) {
17539
+ function Kh(e) {
17534
17540
  return e.toLocaleDateString("ja-JP", {
17535
17541
  year: "numeric",
17536
17542
  month: "2-digit",
17537
17543
  day: "2-digit"
17538
17544
  });
17539
17545
  }
17540
- function Kh(e, t) {
17546
+ function qh(e, t) {
17541
17547
  let n = new Set(Array.isArray(t) ? t : t ? [t] : []);
17542
17548
  return e.filter((e) => n.has(e.value));
17543
17549
  }
17544
- function qh({ value: e, onCommit: t, placeholder: n = "日付を選択", emptyLabel: r = "未設定", format: i, ...a }) {
17550
+ function Jh({ value: e, onCommit: t, placeholder: n = "日付を選択", emptyLabel: r = "未設定", format: i, ...a }) {
17545
17551
  return {
17546
17552
  ...a,
17547
17553
  edit: {
@@ -17551,7 +17557,7 @@ function qh({ value: e, onCommit: t, placeholder: n = "日付を選択", emptyLa
17551
17557
  value: e,
17552
17558
  onCellCommit: t,
17553
17559
  sortValue: (t, n) => e(t, n),
17554
- cell: ({ row: e, rowIndex: t, value: n }) => n ? i ? i(n, e, t) : Gh(n) : /* @__PURE__ */ B("span", {
17560
+ cell: ({ row: e, rowIndex: t, value: n }) => n ? i ? i(n, e, t) : Kh(n) : /* @__PURE__ */ B("span", {
17555
17561
  className: "text-[var(--Text-Low-Emphasis)]",
17556
17562
  children: r
17557
17563
  }),
@@ -17563,7 +17569,7 @@ function qh({ value: e, onCommit: t, placeholder: n = "日付を選択", emptyLa
17563
17569
  })
17564
17570
  };
17565
17571
  }
17566
- function Jh({ value: e, options: t, onCommit: n, multiple: r = !1, emptyLabel: i = "未設定", ...a }) {
17572
+ function Yh({ value: e, options: t, onCommit: n, multiple: r = !1, emptyLabel: i = "未設定", ...a }) {
17567
17573
  return {
17568
17574
  ...a,
17569
17575
  edit: {
@@ -17577,7 +17583,7 @@ function Jh({ value: e, options: t, onCommit: n, multiple: r = !1, emptyLabel: i
17577
17583
  return Array.isArray(r) ? r.join(",") : typeof r == "string" ? r : void 0;
17578
17584
  },
17579
17585
  cell: ({ value: e }) => {
17580
- let n = Kh(t, e);
17586
+ let n = qh(t, e);
17581
17587
  return n.length === 0 ? /* @__PURE__ */ B("span", {
17582
17588
  className: "text-[var(--Text-Low-Emphasis)]",
17583
17589
  children: i
@@ -17595,7 +17601,7 @@ function Jh({ value: e, options: t, onCommit: n, multiple: r = !1, emptyLabel: i
17595
17601
  className: "flex flex-wrap gap-1.5",
17596
17602
  children: t.map((e) => {
17597
17603
  let t = i.has(e.value), a = r ? t ? Array.from(i).filter((t) => t !== e.value) : [...Array.from(i), e.value] : e.value;
17598
- return /* @__PURE__ */ V(Ff, {
17604
+ return /* @__PURE__ */ V(If, {
17599
17605
  size: "sm",
17600
17606
  variant: "accent",
17601
17607
  selected: t,
@@ -17607,7 +17613,7 @@ function Jh({ value: e, options: t, onCommit: n, multiple: r = !1, emptyLabel: i
17607
17613
  }
17608
17614
  };
17609
17615
  }
17610
- function Yh({ value: e, options: t, onCommit: n, placeholder: r = "選択", emptyLabel: i = "未設定", contentPosition: a = "popper", ...o }) {
17616
+ function Xh({ value: e, options: t, onCommit: n, placeholder: r = "選択", emptyLabel: i = "未設定", contentPosition: a = "popper", ...o }) {
17611
17617
  return {
17612
17618
  ...o,
17613
17619
  edit: {
@@ -17645,7 +17651,7 @@ function Yh({ value: e, options: t, onCommit: n, placeholder: r = "選択", empt
17645
17651
  }
17646
17652
  //#endregion
17647
17653
  //#region src/components/patterns/menu-drawer.tsx
17648
- function Xh({ open: e, onClose: t, banner: n, sections: r, footerLinks: i, width: a = 280, className: o }) {
17654
+ function Zh({ open: e, onClose: t, banner: n, sections: r, footerLinks: i, width: a = 280, className: o }) {
17649
17655
  return /* @__PURE__ */ B(ml, {
17650
17656
  open: e,
17651
17657
  onOpenChange: (e) => !e && t(),
@@ -17723,25 +17729,25 @@ function Xh({ open: e, onClose: t, banner: n, sections: r, footerLinks: i, width
17723
17729
  }
17724
17730
  //#endregion
17725
17731
  //#region src/components/patterns/media-action-cluster.tsx
17726
- var Zh = {
17732
+ var Qh = {
17727
17733
  "top-left": "top-[max(1rem,env(safe-area-inset-top))] left-[max(1rem,env(safe-area-inset-left))]",
17728
17734
  "top-right": "top-[max(1rem,env(safe-area-inset-top))] right-[max(1rem,env(safe-area-inset-right))]",
17729
17735
  "bottom-left": "bottom-[max(1rem,env(safe-area-inset-bottom))] left-[max(1rem,env(safe-area-inset-left))]",
17730
17736
  "bottom-right": "bottom-[max(1rem,env(safe-area-inset-bottom))] right-[max(1rem,env(safe-area-inset-right))]",
17731
17737
  "center-left": "top-1/2 left-[max(1rem,env(safe-area-inset-left))] -translate-y-1/2",
17732
17738
  "center-right": "top-1/2 right-[max(1rem,env(safe-area-inset-right))] -translate-y-1/2"
17733
- }, Qh = {
17739
+ }, $h = {
17734
17740
  vertical: "flex-col",
17735
17741
  horizontal: "flex-row",
17736
17742
  auto: "flex-col landscape:flex-row"
17737
17743
  };
17738
- function $h(e, t) {
17744
+ function eg(e, t) {
17739
17745
  return e === "below" ? "flex-col" : e === "side" || t === "horizontal" ? "flex-row" : t === "vertical" ? "flex-col" : "flex-col landscape:flex-row";
17740
17746
  }
17741
- function eg(e) {
17747
+ function tg(e) {
17742
17748
  return typeof e == "number" && e > 99 ? "99+" : e;
17743
17749
  }
17744
- function tg({ items: e, orientation: t = "vertical", anchor: n = "bottom-right", position: r = "absolute", labelPosition: i = "auto", autoHideMs: a = 5e3, defaultVisible: o = !0, onVisibleChange: s, className: c, "aria-label": l = "メディアアクション", ...d }) {
17750
+ function ng({ items: e, orientation: t = "vertical", anchor: n = "bottom-right", position: r = "absolute", labelPosition: i = "auto", autoHideMs: a = 5e3, defaultVisible: o = !0, onVisibleChange: s, className: c, "aria-label": l = "メディアアクション", ...d }) {
17745
17751
  let f = a != null && a > 0, [p, m] = u.useState({
17746
17752
  autoHideEnabled: f,
17747
17753
  value: o
@@ -17784,7 +17790,7 @@ function tg({ items: e, orientation: t = "vertical", anchor: n = "bottom-right",
17784
17790
  window.removeEventListener("pointerdown", e), window.removeEventListener("touchstart", e), window.removeEventListener("keydown", e), window.removeEventListener("wheel", e);
17785
17791
  };
17786
17792
  }, [f, b]);
17787
- let x = $h(i, t);
17793
+ let x = eg(i, t);
17788
17794
  return /* @__PURE__ */ B("div", {
17789
17795
  "data-slot": "media-action-cluster",
17790
17796
  "data-orientation": t,
@@ -17794,16 +17800,16 @@ function tg({ items: e, orientation: t = "vertical", anchor: n = "bottom-right",
17794
17800
  "aria-label": l,
17795
17801
  onPointerEnter: b,
17796
17802
  onFocusCapture: b,
17797
- className: G("z-[var(--Z-Nav)] flex items-center gap-3 transition-opacity duration-[var(--Motion-Duration-Slow)]", r === "fixed" ? "fixed" : "absolute", Zh[n], Qh[t], h ? "opacity-100" : "opacity-40", c),
17803
+ className: G("z-[var(--Z-Nav)] flex items-center gap-3 transition-opacity duration-[var(--Motion-Duration-Slow)]", r === "fixed" ? "fixed" : "absolute", Qh[n], $h[t], h ? "opacity-100" : "opacity-40", c),
17798
17804
  ...d,
17799
- children: e.map((e, t) => /* @__PURE__ */ B(ng, {
17805
+ children: e.map((e, t) => /* @__PURE__ */ B(rg, {
17800
17806
  item: e,
17801
17807
  itemDirection: x,
17802
17808
  onReveal: b
17803
17809
  }, e.id ?? `${e.label}-${t}`))
17804
17810
  });
17805
17811
  }
17806
- function ng({ item: e, itemDirection: t, onReveal: n }) {
17812
+ function rg({ item: e, itemDirection: t, onReveal: n }) {
17807
17813
  let r = (t) => {
17808
17814
  if (n(), e.disabled) {
17809
17815
  t.preventDefault();
@@ -17815,7 +17821,7 @@ function ng({ item: e, itemDirection: t, onReveal: n }) {
17815
17821
  "aria-hidden": "true",
17816
17822
  children: [e.icon, e.badge != null && /* @__PURE__ */ B("span", {
17817
17823
  className: "absolute -right-1 -top-1 flex h-5 min-w-5 items-center justify-center rounded-full bg-[var(--Surface-Caution-Strong)] px-1 typo-label-xs text-[var(--Text-on-Media)] shadow-[var(--shadow-sm)]",
17818
- children: eg(e.badge)
17824
+ children: tg(e.badge)
17819
17825
  })]
17820
17826
  }), /* @__PURE__ */ B("span", {
17821
17827
  className: "max-w-24 truncate text-center typo-label-xs text-on-media",
@@ -17841,15 +17847,15 @@ function ng({ item: e, itemDirection: t, onReveal: n }) {
17841
17847
  }
17842
17848
  //#endregion
17843
17849
  //#region src/components/patterns/photo-hero.tsx
17844
- var rg = {
17850
+ var ig = {
17845
17851
  none: "bg-transparent",
17846
17852
  medium: "bg-[var(--Surface-VideoOverlay-Medium)]",
17847
17853
  dark: "bg-[var(--Surface-VideoOverlay-Strong)]"
17848
- }, ig = {
17854
+ }, ag = {
17849
17855
  bottom: "justify-end pt-24 pb-[calc(env(safe-area-inset-bottom,0px)_+_3rem)]",
17850
17856
  center: "justify-center py-16"
17851
17857
  };
17852
- function ag({ src: e, alt: t = "", overlay: n = "medium", align: r = "bottom", children: i, className: a, imageClassName: o, contentClassName: s, loading: c = "lazy", ...l }) {
17858
+ function og({ src: e, alt: t = "", overlay: n = "medium", align: r = "bottom", children: i, className: a, imageClassName: o, contentClassName: s, loading: c = "lazy", ...l }) {
17853
17859
  return /* @__PURE__ */ V("section", {
17854
17860
  "data-slot": "photo-hero",
17855
17861
  "data-overlay": n,
@@ -17864,10 +17870,10 @@ function ag({ src: e, alt: t = "", overlay: n = "medium", align: r = "bottom", c
17864
17870
  loading: c,
17865
17871
  className: G("absolute inset-0 size-full object-cover", o)
17866
17872
  }),
17867
- /* @__PURE__ */ B("div", { className: G("absolute inset-0 z-0", rg[n]) }),
17873
+ /* @__PURE__ */ B("div", { className: G("absolute inset-0 z-0", ig[n]) }),
17868
17874
  /* @__PURE__ */ B("div", {
17869
17875
  "data-slot": "photo-hero-content",
17870
- className: G("relative z-10 flex min-h-[inherit] w-full flex-col px-6", ig[r], s),
17876
+ className: G("relative z-10 flex min-h-[inherit] w-full flex-col px-6", ag[r], s),
17871
17877
  children: /* @__PURE__ */ B("div", {
17872
17878
  className: "flex w-full flex-col gap-4",
17873
17879
  children: i
@@ -17876,7 +17882,7 @@ function ag({ src: e, alt: t = "", overlay: n = "medium", align: r = "bottom", c
17876
17882
  ]
17877
17883
  });
17878
17884
  }
17879
- function og({ className: e, children: t, ...n }) {
17885
+ function sg({ className: e, children: t, ...n }) {
17880
17886
  return /* @__PURE__ */ B("p", {
17881
17887
  "data-slot": "photo-hero-eyebrow",
17882
17888
  className: G("typo-label-sm text-[var(--Text-on-Media-Secondary)] typo-on-image", e),
@@ -17884,7 +17890,7 @@ function og({ className: e, children: t, ...n }) {
17884
17890
  children: t
17885
17891
  });
17886
17892
  }
17887
- function sg({ className: e, children: t, ...n }) {
17893
+ function cg({ className: e, children: t, ...n }) {
17888
17894
  return /* @__PURE__ */ B("h1", {
17889
17895
  "data-slot": "photo-hero-title",
17890
17896
  className: G("max-w-xl typo-heading-3xl text-[var(--Text-on-Media)] typo-on-image", e),
@@ -17892,7 +17898,7 @@ function sg({ className: e, children: t, ...n }) {
17892
17898
  children: t
17893
17899
  });
17894
17900
  }
17895
- function cg({ className: e, children: t, ...n }) {
17901
+ function lg({ className: e, children: t, ...n }) {
17896
17902
  return /* @__PURE__ */ B("p", {
17897
17903
  "data-slot": "photo-hero-body",
17898
17904
  className: G("max-w-xl typo-body-md text-[var(--Text-on-Media-Secondary)] typo-on-image", e),
@@ -17900,7 +17906,7 @@ function cg({ className: e, children: t, ...n }) {
17900
17906
  children: t
17901
17907
  });
17902
17908
  }
17903
- function lg({ className: e, children: t, ...n }) {
17909
+ function ug({ className: e, children: t, ...n }) {
17904
17910
  return /* @__PURE__ */ B("div", {
17905
17911
  "data-slot": "photo-hero-actions",
17906
17912
  className: G("mt-2 flex flex-col gap-3", e),
@@ -17908,16 +17914,16 @@ function lg({ className: e, children: t, ...n }) {
17908
17914
  children: t
17909
17915
  });
17910
17916
  }
17911
- var ug = Object.assign(ag, {
17912
- Eyebrow: og,
17913
- Title: sg,
17914
- Body: cg,
17915
- Actions: lg
17916
- }), dg = {
17917
+ var dg = Object.assign(og, {
17918
+ Eyebrow: sg,
17919
+ Title: cg,
17920
+ Body: lg,
17921
+ Actions: ug
17922
+ }), fg = {
17917
17923
  none: "",
17918
17924
  page: "px-6 py-6"
17919
17925
  };
17920
- function fg({ children: e, footer: t, header: n, scroll: r = !0, padding: i = "page", className: a, bodyClassName: o, headerClassName: s, footerClassName: c, mainId: l = "main-content", skipLink: u = !0, skipLinkLabel: d = "コンテンツへ移動", ...f }) {
17926
+ function pg({ children: e, footer: t, header: n, scroll: r = !0, padding: i = "page", className: a, bodyClassName: o, headerClassName: s, footerClassName: c, mainId: l = "main-content", skipLink: u = !0, skipLinkLabel: d = "コンテンツへ移動", ...f }) {
17921
17927
  return /* @__PURE__ */ V("div", {
17922
17928
  "data-slot": "screen",
17923
17929
  "data-scroll": r,
@@ -17925,7 +17931,7 @@ function fg({ children: e, footer: t, header: n, scroll: r = !0, padding: i = "p
17925
17931
  className: G("flex h-[100dvh] min-h-0 flex-col overflow-hidden bg-[var(--Surface-Primary)] text-[var(--Text-High-Emphasis)]", a),
17926
17932
  ...f,
17927
17933
  children: [
17928
- u && d && /* @__PURE__ */ B(Up, {
17934
+ u && d && /* @__PURE__ */ B(Wp, {
17929
17935
  targetId: l,
17930
17936
  label: d
17931
17937
  }),
@@ -17938,7 +17944,7 @@ function fg({ children: e, footer: t, header: n, scroll: r = !0, padding: i = "p
17938
17944
  id: l,
17939
17945
  tabIndex: -1,
17940
17946
  "data-slot": "screen-body",
17941
- className: G("flex-1 min-h-0", r ? "overflow-y-auto overscroll-contain" : "overflow-hidden", dg[i], o),
17947
+ className: G("flex-1 min-h-0", r ? "overflow-y-auto overscroll-contain" : "overflow-hidden", fg[i], o),
17942
17948
  children: e
17943
17949
  }),
17944
17950
  t && /* @__PURE__ */ B("footer", {
@@ -17951,7 +17957,7 @@ function fg({ children: e, footer: t, header: n, scroll: r = !0, padding: i = "p
17951
17957
  }
17952
17958
  //#endregion
17953
17959
  //#region src/components/patterns/footer.tsx
17954
- function pg(e, t) {
17960
+ function mg(e, t) {
17955
17961
  return e.render ? e.render({
17956
17962
  href: e.href,
17957
17963
  className: t.className,
@@ -17971,7 +17977,7 @@ function pg(e, t) {
17971
17977
  children: t.children
17972
17978
  });
17973
17979
  }
17974
- function mg({ logo: e, linkGroups: t = [], paymentIcons: n = [], socialLinks: r = [], extra: i, copyright: a, className: o }) {
17980
+ function hg({ logo: e, linkGroups: t = [], paymentIcons: n = [], socialLinks: r = [], extra: i, copyright: a, className: o }) {
17975
17981
  return /* @__PURE__ */ B("footer", {
17976
17982
  "data-slot": "footer",
17977
17983
  className: G("bg-[var(--Surface-Inverse)] text-[var(--Text-on-Inverse)] w-full", o),
@@ -17990,7 +17996,7 @@ function mg({ logo: e, linkGroups: t = [], paymentIcons: n = [], socialLinks: r
17990
17996
  children: e.title
17991
17997
  }), /* @__PURE__ */ B("ul", {
17992
17998
  className: "flex flex-col gap-2",
17993
- children: e.links.map((e, t) => /* @__PURE__ */ B("li", { children: pg(e, {
17999
+ children: e.links.map((e, t) => /* @__PURE__ */ B("li", { children: mg(e, {
17994
18000
  className: "typo-body-sm text-[var(--Text-on-Inverse)]/70 hover:text-[var(--Text-on-Inverse)] transition-colors",
17995
18001
  children: e.label
17996
18002
  }) }, t))
@@ -18002,7 +18008,7 @@ function mg({ logo: e, linkGroups: t = [], paymentIcons: n = [], socialLinks: r
18002
18008
  }),
18003
18009
  r.length > 0 && /* @__PURE__ */ B("div", {
18004
18010
  className: "flex flex-wrap gap-3 mb-6",
18005
- children: r.map((e, t) => /* @__PURE__ */ B(u.Fragment, { children: pg(e, {
18011
+ children: r.map((e, t) => /* @__PURE__ */ B(u.Fragment, { children: mg(e, {
18006
18012
  className: "size-9 shrink-0 rounded-full bg-[var(--Object-on-Inverse)]/10 hover:bg-[var(--Object-on-Inverse)]/20 flex items-center justify-center transition-colors",
18007
18013
  children: e.icon,
18008
18014
  ariaLabel: e.label
@@ -18025,7 +18031,7 @@ function mg({ logo: e, linkGroups: t = [], paymentIcons: n = [], socialLinks: r
18025
18031
  }
18026
18032
  //#endregion
18027
18033
  //#region src/components/patterns/share-buttons.tsx
18028
- var hg = {
18034
+ var gg = {
18029
18035
  global: [
18030
18036
  "line",
18031
18037
  "x",
@@ -18043,10 +18049,10 @@ var hg = {
18043
18049
  "copy"
18044
18050
  ]
18045
18051
  };
18046
- function gg(e, t) {
18052
+ function _g(e, t) {
18047
18053
  return t ? `${t} ${e}` : e;
18048
18054
  }
18049
- var _g = {
18055
+ var vg = {
18050
18056
  line: {
18051
18057
  label: "LINE",
18052
18058
  buildUrl: (e, t) => `https://social-plugins.line.me/lineit/share?url=${encodeURIComponent(e)}${t ? `&text=${encodeURIComponent(t)}` : ""}`,
@@ -18131,7 +18137,7 @@ var _g = {
18131
18137
  },
18132
18138
  email: {
18133
18139
  label: "メール",
18134
- buildUrl: (e, t) => `mailto:?subject=${encodeURIComponent(t ?? "")}&body=${encodeURIComponent(gg(e, t))}`,
18140
+ buildUrl: (e, t) => `mailto:?subject=${encodeURIComponent(t ?? "")}&body=${encodeURIComponent(_g(e, t))}`,
18135
18141
  icon: /* @__PURE__ */ V("svg", {
18136
18142
  width: "20",
18137
18143
  height: "20",
@@ -18159,7 +18165,7 @@ var _g = {
18159
18165
  },
18160
18166
  whatsapp: {
18161
18167
  label: "WhatsApp",
18162
- buildUrl: (e, t) => `https://wa.me/?text=${encodeURIComponent(gg(e, t))}`,
18168
+ buildUrl: (e, t) => `https://wa.me/?text=${encodeURIComponent(_g(e, t))}`,
18163
18169
  icon: /* @__PURE__ */ V("svg", {
18164
18170
  width: "20",
18165
18171
  height: "20",
@@ -18217,8 +18223,8 @@ var _g = {
18217
18223
  inlineClass: "border-[var(--Border-Medium-Emphasis)] text-[var(--Text-Medium-Emphasis)] hover:border-[var(--Brand-Primary)] hover:text-[var(--Brand-Primary)]"
18218
18224
  }
18219
18225
  };
18220
- function vg({ url: e, title: t, providers: n, region: r = "global", layout: i = "circle", className: a, onShare: o, onCopy: s, copiedLabel: c = "コピーしました", copyErrorLabel: l = "コピーできませんでした", feedbackDuration: d = 2e3, groupLabel: f = "シェア" }) {
18221
- let [p, m] = u.useState(null), h = u.useRef(null), g = u.useRef(0), _ = n ?? hg[r];
18226
+ function yg({ url: e, title: t, providers: n, region: r = "global", layout: i = "circle", className: a, onShare: o, onCopy: s, copiedLabel: c = "コピーしました", copyErrorLabel: l = "コピーできませんでした", feedbackDuration: d = 2e3, groupLabel: f = "シェア" }) {
18227
+ let [p, m] = u.useState(null), h = u.useRef(null), g = u.useRef(0), _ = n ?? gg[r];
18222
18228
  u.useEffect(() => () => {
18223
18229
  g.current += 1, h.current && clearTimeout(h.current);
18224
18230
  }, []);
@@ -18243,7 +18249,7 @@ function vg({ url: e, title: t, providers: n, region: r = "global", layout: i =
18243
18249
  await y(n);
18244
18250
  return;
18245
18251
  }
18246
- let r = _g[n];
18252
+ let r = vg[n];
18247
18253
  if (r.webShare && typeof navigator < "u" && "share" in navigator) {
18248
18254
  try {
18249
18255
  await navigator.share({
@@ -18267,7 +18273,7 @@ function vg({ url: e, title: t, providers: n, region: r = "global", layout: i =
18267
18273
  "aria-label": f,
18268
18274
  "data-region": r,
18269
18275
  children: _.map((e) => {
18270
- let t = _g[e], n = p?.provider === e ? p.result : null, r = n === "success" ? c : n === "error" ? l : t.label;
18276
+ let t = vg[e], n = p?.provider === e ? p.result : null, r = n === "success" ? c : n === "error" ? l : t.label;
18271
18277
  return /* @__PURE__ */ V("button", {
18272
18278
  type: "button",
18273
18279
  onClick: () => void b(e),
@@ -18302,7 +18308,7 @@ function vg({ url: e, title: t, providers: n, region: r = "global", layout: i =
18302
18308
  "aria-label": f,
18303
18309
  "data-region": r,
18304
18310
  children: _.map((e) => {
18305
- let t = _g[e], n = p?.provider === e ? p.result : null, r = n === "success" ? c : n === "error" ? l : t.label;
18311
+ let t = vg[e], n = p?.provider === e ? p.result : null, r = n === "success" ? c : n === "error" ? l : t.label;
18306
18312
  return /* @__PURE__ */ V("button", {
18307
18313
  type: "button",
18308
18314
  onClick: () => void b(e),
@@ -18332,18 +18338,18 @@ function vg({ url: e, title: t, providers: n, region: r = "global", layout: i =
18332
18338
  }
18333
18339
  //#endregion
18334
18340
  //#region src/components/patterns/banner-carousel.tsx
18335
- var yg = [
18341
+ var bg = [
18336
18342
  "var(--Categorical-10-Bold)",
18337
18343
  "var(--Categorical-6-Bold)",
18338
18344
  "var(--Categorical-13-Bold)",
18339
18345
  "var(--Categorical-3-Bold)",
18340
18346
  "var(--Categorical-11-Bold)"
18341
- ], bg = {
18347
+ ], xg = {
18342
18348
  "2/1": "aspect-[2/1]",
18343
18349
  "3/2": "aspect-[3/2]",
18344
18350
  "4/3": "aspect-[4/3]"
18345
18351
  };
18346
- function xg({ title: e, items: t, moreLabel: n = "もっと見る", onMore: r, itemAspectRatio: i = "2/1", itemWidth: a = 200, className: o, regionLabel: s = "バナー一覧" }) {
18352
+ function Sg({ title: e, items: t, moreLabel: n = "もっと見る", onMore: r, itemAspectRatio: i = "2/1", itemWidth: a = 200, className: o, regionLabel: s = "バナー一覧" }) {
18347
18353
  return /* @__PURE__ */ V("div", {
18348
18354
  "data-slot": "banner-carousel",
18349
18355
  className: G("w-full", o),
@@ -18363,7 +18369,7 @@ function xg({ title: e, items: t, moreLabel: n = "もっと見る", onMore: r, i
18363
18369
  role: "region",
18364
18370
  "aria-label": s,
18365
18371
  children: t.map((e, t) => {
18366
- let n = e.gradient ?? yg[t % yg.length], r = e.href ? "a" : e.onClick ? "button" : "div";
18372
+ let n = e.gradient ?? bg[t % bg.length], r = e.href ? "a" : e.onClick ? "button" : "div";
18367
18373
  return /* @__PURE__ */ V(r, {
18368
18374
  href: e.href,
18369
18375
  type: r === "button" ? "button" : void 0,
@@ -18373,7 +18379,7 @@ function xg({ title: e, items: t, moreLabel: n = "もっと見る", onMore: r, i
18373
18379
  flexShrink: 0,
18374
18380
  background: e.imageSrc ? void 0 : n
18375
18381
  },
18376
- className: G("rounded-xl overflow-hidden flex flex-col justify-end p-3 text-left", (e.href || e.onClick) && "cursor-pointer", "hover:opacity-95 active:scale-[.98] transition-transform", bg[i] ?? "aspect-[2/1]", e.href && "block", !e.imageSrc && (e.gradient ? "text-[var(--Text-on-Media)]" : "text-[var(--Text-on-Inverse)]")),
18382
+ className: G("rounded-xl overflow-hidden flex flex-col justify-end p-3 text-left", (e.href || e.onClick) && "cursor-pointer", "hover:opacity-95 active:scale-[.98] transition-transform", xg[i] ?? "aspect-[2/1]", e.href && "block", !e.imageSrc && (e.gradient ? "text-[var(--Text-on-Media)]" : "text-[var(--Text-on-Inverse)]")),
18377
18383
  children: [e.imageSrc && /* @__PURE__ */ B("img", {
18378
18384
  src: e.imageSrc,
18379
18385
  alt: e.caption ?? "",
@@ -18396,7 +18402,7 @@ function xg({ title: e, items: t, moreLabel: n = "もっと見る", onMore: r, i
18396
18402
  }
18397
18403
  //#endregion
18398
18404
  //#region src/components/patterns/content-carousel.tsx
18399
- function Sg() {
18405
+ function Cg() {
18400
18406
  let [e, t] = u.useState(!1);
18401
18407
  return u.useEffect(() => {
18402
18408
  if (typeof window.matchMedia != "function") return;
@@ -18404,8 +18410,8 @@ function Sg() {
18404
18410
  return n(), e.addEventListener?.("change", n), () => e.removeEventListener?.("change", n);
18405
18411
  }, []), e;
18406
18412
  }
18407
- function Cg({ slides: e, showDots: t = !0, previousLabel: n, nextLabel: r, showArrows: i = !0, autoPlay: a = 0, className: o, "aria-label": s = "コンテンツカルーセル", onKeyDown: c, onMouseEnter: l, onMouseLeave: d, onFocusCapture: f, onBlurCapture: p, tabIndex: m = 0, ...h }) {
18408
- let g = u.Children.toArray(e), _ = g.length, [v, y] = u.useState(!1), b = Sg(), { active: x, goTo: S, next: C, previous: w, scrollRef: T } = _m({
18413
+ function wg({ slides: e, showDots: t = !0, previousLabel: n, nextLabel: r, showArrows: i = !0, autoPlay: a = 0, className: o, "aria-label": s = "コンテンツカルーセル", onKeyDown: c, onMouseEnter: l, onMouseLeave: d, onFocusCapture: f, onBlurCapture: p, tabIndex: m = 0, ...h }) {
18414
+ let g = u.Children.toArray(e), _ = g.length, [v, y] = u.useState(!1), b = Cg(), { active: x, goTo: S, next: C, previous: w, scrollRef: T } = vm({
18409
18415
  total: _,
18410
18416
  autoPlay: a,
18411
18417
  paused: v || b
@@ -18451,7 +18457,7 @@ function Cg({ slides: e, showDots: t = !0, previousLabel: n, nextLabel: r, showA
18451
18457
  className: "w-full shrink-0 snap-start",
18452
18458
  children: e
18453
18459
  }, t))
18454
- }), /* @__PURE__ */ B(vm, {
18460
+ }), /* @__PURE__ */ B(ym, {
18455
18461
  active: x,
18456
18462
  total: _,
18457
18463
  showArrows: i,
@@ -18466,7 +18472,7 @@ function Cg({ slides: e, showDots: t = !0, previousLabel: n, nextLabel: r, showA
18466
18472
  }
18467
18473
  //#endregion
18468
18474
  //#region src/components/patterns/sticky-action-bar.tsx
18469
- function wg({ className: e, bordered: t = !0, children: n, ...r }) {
18475
+ function Tg({ className: e, bordered: t = !0, children: n, ...r }) {
18470
18476
  return /* @__PURE__ */ B("div", {
18471
18477
  "data-slot": "sticky-action-bar",
18472
18478
  className: G("sticky bottom-0 z-[var(--Z-Nav)] bg-[var(--Surface-Primary)] px-4 py-3", "pb-[max(0.75rem,env(safe-area-inset-bottom))]", t && "border-t border-[var(--Border-Low-Emphasis)]", e),
@@ -18476,7 +18482,7 @@ function wg({ className: e, bordered: t = !0, children: n, ...r }) {
18476
18482
  }
18477
18483
  //#endregion
18478
18484
  //#region src/components/patterns/category-nav.tsx
18479
- function Tg({ items: e, className: t }) {
18485
+ function Eg({ items: e, className: t }) {
18480
18486
  return /* @__PURE__ */ V("div", {
18481
18487
  "data-slot": "category-nav",
18482
18488
  className: G("flex gap-3 overflow-x-auto px-4 py-2 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", t),
@@ -18522,25 +18528,25 @@ function Tg({ items: e, className: t }) {
18522
18528
  }
18523
18529
  //#endregion
18524
18530
  //#region src/components/patterns/category-scroll.tsx
18525
- var Eg = {
18531
+ var Dg = {
18526
18532
  sm: "size-[60px]",
18527
18533
  md: "size-[100px]",
18528
18534
  lg: "size-[120px]"
18529
- }, Dg = {
18535
+ }, Og = {
18530
18536
  sm: "max-w-[60px]",
18531
18537
  md: "max-w-[100px]",
18532
18538
  lg: "max-w-[120px]"
18533
- }, Og = {
18539
+ }, kg = {
18534
18540
  sm: "calc((100vw - 32px) / 4.05)",
18535
18541
  md: "calc((100vw - 32px) / 3.5)",
18536
18542
  lg: "calc((100vw - 32px) / 3.0)"
18537
18543
  };
18538
- function kg({ title: e, moreHref: t, items: n, thumbnailSize: r = "md", thumbnailShape: i = "square", layout: a = "scroll", gridRows: o = 3, className: s }) {
18544
+ function Ag({ title: e, moreHref: t, items: n, thumbnailSize: r = "md", thumbnailShape: i = "square", layout: a = "scroll", gridRows: o = 3, className: s }) {
18539
18545
  let c = i === "circle" ? "rounded-full" : "rounded-lg", l = (e, t) => /* @__PURE__ */ V("a", {
18540
18546
  href: e.href,
18541
18547
  className: "group flex shrink-0 flex-col items-center gap-1.5",
18542
18548
  children: [/* @__PURE__ */ B("div", {
18543
- className: G("shrink-0 overflow-hidden", t ? "aspect-square w-full" : Eg[r], c),
18549
+ className: G("shrink-0 overflow-hidden", t ? "aspect-square w-full" : Dg[r], c),
18544
18550
  children: /* @__PURE__ */ B("img", {
18545
18551
  src: e.imageUrl,
18546
18552
  alt: "",
@@ -18548,14 +18554,14 @@ function kg({ title: e, moreHref: t, items: n, thumbnailSize: r = "md", thumbnai
18548
18554
  loading: "lazy"
18549
18555
  })
18550
18556
  }), /* @__PURE__ */ B("span", {
18551
- className: G("text-center typo-label-sm text-[var(--Text-High-Emphasis)]", t ? "w-full" : Dg[r]),
18557
+ className: G("text-center typo-label-sm text-[var(--Text-High-Emphasis)]", t ? "w-full" : Og[r]),
18552
18558
  children: e.name
18553
18559
  })]
18554
18560
  }, e.href);
18555
18561
  return /* @__PURE__ */ V("section", {
18556
18562
  "data-slot": "category-scroll",
18557
18563
  className: G("py-4", s),
18558
- children: [/* @__PURE__ */ B(lp, {
18564
+ children: [/* @__PURE__ */ B(up, {
18559
18565
  className: "px-4",
18560
18566
  title: e,
18561
18567
  action: t ? /* @__PURE__ */ B("a", {
@@ -18570,7 +18576,7 @@ function kg({ title: e, moreHref: t, items: n, thumbnailSize: r = "md", thumbnai
18570
18576
  style: {
18571
18577
  gridTemplateRows: `repeat(${o}, auto)`,
18572
18578
  gridAutoFlow: "column",
18573
- gridAutoColumns: Og[r]
18579
+ gridAutoColumns: kg[r]
18574
18580
  },
18575
18581
  children: n.map((e) => l(e, !0))
18576
18582
  }), /* @__PURE__ */ B("div", {
@@ -18588,7 +18594,7 @@ function kg({ title: e, moreHref: t, items: n, thumbnailSize: r = "md", thumbnai
18588
18594
  }
18589
18595
  //#endregion
18590
18596
  //#region src/components/ui/sync-status-badge.tsx
18591
- function Ag({ state: e, errorCount: t = 0, onRetry: n, syncingLabel: r = "同期中", successLabel: i = "保存済み", errorLabel: a = (e) => `${e}件のエラー`, offlineLabel: o = "オフライン", retryLabel: s = "再試行", className: c }) {
18597
+ function jg({ state: e, errorCount: t = 0, onRetry: n, syncingLabel: r = "同期中", successLabel: i = "保存済み", errorLabel: a = (e) => `${e}件のエラー`, offlineLabel: o = "オフライン", retryLabel: s = "再試行", className: c }) {
18592
18598
  if (e === "idle" && t === 0) return null;
18593
18599
  let l = "inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full typo-label-xs font-medium select-none", u = e === "error" ? {
18594
18600
  role: "alert",
@@ -18648,7 +18654,7 @@ function Ag({ state: e, errorCount: t = 0, onRetry: n, syncingLabel: r = "同期
18648
18654
  }
18649
18655
  //#endregion
18650
18656
  //#region src/components/ui/status-action-badge.tsx
18651
- var jg = {
18657
+ var Mg = {
18652
18658
  idle: "bg-[var(--Surface-Secondary)] text-[var(--Text-Medium-Emphasis)]",
18653
18659
  pending: "bg-[var(--Surface-Warning)] text-[var(--Text-Warning)]",
18654
18660
  syncing: "bg-[var(--Surface-Info)] text-[var(--Text-Info)]",
@@ -18656,7 +18662,7 @@ var jg = {
18656
18662
  warning: "bg-[var(--Surface-Warning)] text-[var(--Text-Warning)]",
18657
18663
  error: "bg-[var(--Surface-Caution)] text-[var(--Text-Caution)]",
18658
18664
  offline: "bg-[var(--Surface-Secondary)] text-[var(--Text-Low-Emphasis)]"
18659
- }, Mg = [
18665
+ }, Ng = [
18660
18666
  "form",
18661
18667
  "formAction",
18662
18668
  "formEncType",
@@ -18666,12 +18672,12 @@ var jg = {
18666
18672
  "name",
18667
18673
  "value"
18668
18674
  ];
18669
- function Ng(e) {
18675
+ function Pg(e) {
18670
18676
  let t = { ...e };
18671
- for (let e of Mg) delete t[e];
18677
+ for (let e of Ng) delete t[e];
18672
18678
  return t;
18673
18679
  }
18674
- function Pg({ state: e, loading: t, icon: n }) {
18680
+ function Fg({ state: e, loading: t, icon: n }) {
18675
18681
  return n ? /* @__PURE__ */ B("span", {
18676
18682
  "aria-hidden": !0,
18677
18683
  className: "flex size-4 items-center justify-center",
@@ -18684,9 +18690,9 @@ function Pg({ state: e, loading: t, icon: n }) {
18684
18690
  className: "size-1.5 rounded-full bg-current"
18685
18691
  });
18686
18692
  }
18687
- function Fg({ className: e, state: t = "idle", label: n, count: r, compact: i = !1, loading: a = !1, icon: o, asStatus: s = !1, onClick: c, type: l, disabled: u, ...d }) {
18693
+ function Ig({ className: e, state: t = "idle", label: n, count: r, compact: i = !1, loading: a = !1, icon: o, asStatus: s = !1, onClick: c, type: l, disabled: u, ...d }) {
18688
18694
  let f = !!c && !s, p = /* @__PURE__ */ V(z, { children: [
18689
- /* @__PURE__ */ B(Pg, {
18695
+ /* @__PURE__ */ B(Fg, {
18690
18696
  state: t,
18691
18697
  loading: a,
18692
18698
  icon: o
@@ -18703,9 +18709,9 @@ function Fg({ className: e, state: t = "idle", label: n, count: r, compact: i =
18703
18709
  className: G("ml-0.5 rounded-full bg-[var(--Surface-Primary)] px-1.5 py-0.5 typo-label-xs", "text-[var(--Text-High-Emphasis)]"),
18704
18710
  children: r > 99 ? "99+" : r
18705
18711
  })
18706
- ] }), m = G("inline-flex max-w-full items-center justify-center gap-1.5 rounded-full border border-[var(--Border-Low-Emphasis)] px-2.5 py-1", "typo-label-xs select-none", jg[t], f && "min-h-9", f && "cursor-pointer transition-colors hover:bg-[var(--Surface-Tertiary)]", f && "focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50", u && "opacity-50", i && f && "min-w-9 px-2", i && !f && "p-1", e);
18712
+ ] }), m = G("inline-flex max-w-full items-center justify-center gap-1.5 rounded-full border border-[var(--Border-Low-Emphasis)] px-2.5 py-1", "typo-label-xs select-none", Mg[t], f && "min-h-9", f && "cursor-pointer transition-colors hover:bg-[var(--Surface-Tertiary)]", f && "focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50", u && "opacity-50", i && f && "min-w-9 px-2", i && !f && "p-1", e);
18707
18713
  if (!f) {
18708
- let e = Ng(d);
18714
+ let e = Pg(d);
18709
18715
  return /* @__PURE__ */ B("span", {
18710
18716
  "data-slot": "status-action-badge",
18711
18717
  "data-state": t,
@@ -18732,10 +18738,10 @@ function Fg({ className: e, state: t = "idle", label: n, count: r, compact: i =
18732
18738
  children: p
18733
18739
  });
18734
18740
  }
18735
- var Ig = Fg;
18741
+ var Lg = Ig;
18736
18742
  //#endregion
18737
18743
  //#region src/components/ui/dropdown-filter.tsx
18738
- function Lg({ label: e, value: t, options: n, onSelect: r, hideAll: i = !1, allLabel: a = "すべて", getDisplayLabel: o, valueOnly: s = !1, pristineValue: c, closeLabel: l = "閉じる", className: d }) {
18744
+ function Rg({ label: e, value: t, options: n, onSelect: r, hideAll: i = !1, allLabel: a = "すべて", getDisplayLabel: o, valueOnly: s = !1, pristineValue: c, closeLabel: l = "閉じる", className: d }) {
18739
18745
  let [f, p] = u.useState(!1), m = u.useRef(null), [h, g] = u.useState({
18740
18746
  top: 0,
18741
18747
  left: 0
@@ -18832,8 +18838,8 @@ function Lg({ label: e, value: t, options: n, onSelect: r, hideAll: i = !1, allL
18832
18838
  }
18833
18839
  //#endregion
18834
18840
  //#region src/components/patterns/filter-chip.tsx
18835
- function Rg({ label: e, value: t, isActive: n, onClick: r, className: i }) {
18836
- return /* @__PURE__ */ B(Ff, {
18841
+ function zg({ label: e, value: t, isActive: n, onClick: r, className: i }) {
18842
+ return /* @__PURE__ */ B(If, {
18837
18843
  size: "lg",
18838
18844
  selected: !!n,
18839
18845
  variant: n ? "filled" : "outline",
@@ -18844,16 +18850,16 @@ function Rg({ label: e, value: t, isActive: n, onClick: r, className: i }) {
18844
18850
  }
18845
18851
  //#endregion
18846
18852
  //#region src/components/patterns/filter-pill.tsx
18847
- var zg = {
18853
+ var Bg = {
18848
18854
  sm: "h-[var(--Control-Height-Sm)] typo-label-xs",
18849
18855
  md: "h-[var(--Control-Height-Sm)] sm:h-[var(--Control-Height-Md)] typo-label-sm"
18850
18856
  };
18851
- function Bg({ label: e, value: t, onClear: n, clearLabel: r, children: i, open: a, onOpenChange: o, defaultOpen: s, panelLabel: c, align: l = "start", contentClassName: u, icon: d, size: f = "md", disabled: p = !1, className: m }) {
18857
+ function Vg({ label: e, value: t, onClear: n, clearLabel: r, children: i, open: a, onOpenChange: o, defaultOpen: s, panelLabel: c, align: l = "start", contentClassName: u, icon: d, size: f = "md", disabled: p = !1, className: m }) {
18852
18858
  let h = t != null && t !== "", g = h && !!n;
18853
18859
  return /* @__PURE__ */ V("div", {
18854
18860
  "data-slot": "filter-pill",
18855
18861
  "data-active": h || void 0,
18856
- className: G("inline-flex shrink-0 items-center rounded-full border border-[var(--Border-Low-Emphasis)] transition-colors duration-[var(--Motion-Duration-Base)]", h ? "border-[var(--Brand-Primary)] bg-[var(--Brand-Primary)] text-[var(--Text-on-Inverse)]" : "border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)] text-[var(--Text-Medium-Emphasis)]", p && "cursor-not-allowed opacity-50", zg[f], m),
18862
+ className: G("inline-flex shrink-0 items-center rounded-full border border-[var(--Border-Low-Emphasis)] transition-colors duration-[var(--Motion-Duration-Base)]", h ? "border-[var(--Brand-Primary)] bg-[var(--Brand-Primary)] text-[var(--Text-on-Inverse)]" : "border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)] text-[var(--Text-Medium-Emphasis)]", p && "cursor-not-allowed opacity-50", Bg[f], m),
18857
18863
  children: [/* @__PURE__ */ V(Zs, {
18858
18864
  open: a,
18859
18865
  defaultOpen: s,
@@ -18875,7 +18881,7 @@ function Bg({ label: e, value: t, onClear: n, clearLabel: r, children: i, open:
18875
18881
  className: "truncate",
18876
18882
  children: h ? `${e}: ${t}` : e
18877
18883
  }),
18878
- /* @__PURE__ */ B(Vg, {})
18884
+ /* @__PURE__ */ B(Hg, {})
18879
18885
  ]
18880
18886
  })
18881
18887
  }), /* @__PURE__ */ B($s, {
@@ -18892,11 +18898,11 @@ function Bg({ label: e, value: t, onClear: n, clearLabel: r, children: i, open:
18892
18898
  e.stopPropagation(), n?.();
18893
18899
  },
18894
18900
  className: G("mr-1 flex size-7 shrink-0 items-center justify-center rounded-full text-[var(--Text-on-Inverse)]", "cursor-pointer transition-colors duration-[var(--Motion-Duration-Fast)]", "hover:bg-[var(--Text-on-Inverse)]/20", "focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50", "disabled:cursor-not-allowed disabled:pointer-events-none"),
18895
- children: /* @__PURE__ */ B(Hg, {})
18901
+ children: /* @__PURE__ */ B(Ug, {})
18896
18902
  })]
18897
18903
  });
18898
18904
  }
18899
- function Vg() {
18905
+ function Hg() {
18900
18906
  return /* @__PURE__ */ B("svg", {
18901
18907
  "aria-hidden": !0,
18902
18908
  className: "size-3 shrink-0",
@@ -18911,7 +18917,7 @@ function Vg() {
18911
18917
  })
18912
18918
  });
18913
18919
  }
18914
- function Hg() {
18920
+ function Ug() {
18915
18921
  return /* @__PURE__ */ B("svg", {
18916
18922
  "aria-hidden": !0,
18917
18923
  className: "size-3",
@@ -18927,7 +18933,7 @@ function Hg() {
18927
18933
  }
18928
18934
  //#endregion
18929
18935
  //#region src/components/patterns/image-overlay-action.tsx
18930
- var Ug = {
18936
+ var Wg = {
18931
18937
  none: "",
18932
18938
  "top-left": "absolute left-1 top-1",
18933
18939
  "top-right": "absolute right-1 top-1",
@@ -18935,14 +18941,14 @@ var Ug = {
18935
18941
  "bottom-right": "absolute bottom-1 right-1",
18936
18942
  "center-left": "absolute left-1 top-1/2 -translate-y-1/2",
18937
18943
  "center-right": "absolute right-1 top-1/2 -translate-y-1/2"
18938
- }, Wg = {
18944
+ }, Gg = {
18939
18945
  sm: "size-8",
18940
18946
  md: "size-10"
18941
- }, Gg = {
18947
+ }, Kg = {
18942
18948
  surface: "border border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)]/80 text-[var(--Object-High-Emphasis)] backdrop-blur-sm",
18943
18949
  scrim: "bg-[var(--Surface-VideoOverlay-Medium)] text-[var(--Text-on-Media)] backdrop-blur-sm"
18944
18950
  };
18945
- function Kg({ icon: e, pressed: t, placement: n = "top-right", size: r = "md", tone: i = "surface", stopPropagation: a = !0, className: o, onClick: s, disabled: c, ...l }) {
18951
+ function qg({ icon: e, pressed: t, placement: n = "top-right", size: r = "md", tone: i = "surface", stopPropagation: a = !0, className: o, onClick: s, disabled: c, ...l }) {
18946
18952
  return /* @__PURE__ */ B("button", {
18947
18953
  ...l,
18948
18954
  type: "button",
@@ -18954,24 +18960,24 @@ function Kg({ icon: e, pressed: t, placement: n = "top-right", size: r = "md", t
18954
18960
  onClick: (e) => {
18955
18961
  a && (e.preventDefault(), e.stopPropagation()), s?.(e);
18956
18962
  },
18957
- className: G("z-[var(--Z-Nav)] flex size-11 cursor-pointer items-center justify-center rounded-full", "focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50", "disabled:pointer-events-none disabled:opacity-50", Ug[n], o),
18963
+ className: G("z-[var(--Z-Nav)] flex size-11 cursor-pointer items-center justify-center rounded-full", "focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50", "disabled:pointer-events-none disabled:opacity-50", Wg[n], o),
18958
18964
  children: /* @__PURE__ */ B("span", {
18959
18965
  "aria-hidden": "true",
18960
- className: G("flex items-center justify-center rounded-full", "transition-transform duration-[var(--Motion-Duration-Fast)] ease-[var(--Motion-Easing-Standard)] active:scale-[0.94]", Wg[r], Gg[i]),
18966
+ className: G("flex items-center justify-center rounded-full", "transition-transform duration-[var(--Motion-Duration-Fast)] ease-[var(--Motion-Easing-Standard)] active:scale-[0.94]", Gg[r], Kg[i]),
18961
18967
  children: e
18962
18968
  })
18963
18969
  });
18964
18970
  }
18965
18971
  //#endregion
18966
18972
  //#region src/components/patterns/thumbnail-card.tsx
18967
- var qg = {
18973
+ var Jg = {
18968
18974
  square: "aspect-square",
18969
18975
  video: "aspect-video",
18970
18976
  portrait: "aspect-[3/4]"
18971
18977
  };
18972
- function Jg({ imageUrl: e, imageAlt: t, thumbnail: n, title: r, eyebrow: i, description: a, meta: o, secondaryAction: s, overlay: c, orientation: l = "vertical", aspect: u = "square", className: d, disabled: f = !1, href: p, onClick: m, ...h }) {
18978
+ function Yg({ imageUrl: e, imageAlt: t, thumbnail: n, title: r, eyebrow: i, description: a, meta: o, secondaryAction: s, overlay: c, orientation: l = "vertical", aspect: u = "square", className: d, disabled: f = !1, href: p, onClick: m, ...h }) {
18973
18979
  let g = l === "horizontal", _ = /* @__PURE__ */ V("div", {
18974
- className: G("relative shrink-0 overflow-hidden rounded-[var(--Radius-Surface)] bg-[var(--Surface-Secondary)]", g ? "size-20" : G("w-full", qg[u])),
18980
+ className: G("relative shrink-0 overflow-hidden rounded-[var(--Radius-Surface)] bg-[var(--Surface-Secondary)]", g ? "size-20" : G("w-full", Jg[u])),
18975
18981
  children: [
18976
18982
  n ?? (e ? /* @__PURE__ */ B("img", {
18977
18983
  src: e,
@@ -19052,11 +19058,11 @@ function Jg({ imageUrl: e, imageAlt: t, thumbnail: n, title: r, eyebrow: i, desc
19052
19058
  }
19053
19059
  //#endregion
19054
19060
  //#region src/components/patterns/presence-indicator.tsx
19055
- function Yg(e) {
19061
+ function Xg(e) {
19056
19062
  let t = e.trim();
19057
19063
  return t ? t.slice(0, 1).toUpperCase() : "?";
19058
19064
  }
19059
- function Xg({ name: e, statusText: t, badgeLabel: n, online: r = !0, className: i }) {
19065
+ function Zg({ name: e, statusText: t, badgeLabel: n, online: r = !0, className: i }) {
19060
19066
  return /* @__PURE__ */ V("div", {
19061
19067
  "data-slot": "presence-indicator",
19062
19068
  role: "status",
@@ -19069,7 +19075,7 @@ function Xg({ name: e, statusText: t, badgeLabel: n, online: r = !0, className:
19069
19075
  className: "h-6 w-6",
19070
19076
  children: /* @__PURE__ */ B(St, {
19071
19077
  className: "typo-label-sm bg-[var(--Surface-Accent-Primary-Light)] text-[var(--Text-Accent-Primary)]",
19072
- children: Yg(e)
19078
+ children: Xg(e)
19073
19079
  })
19074
19080
  }), /* @__PURE__ */ B("span", {
19075
19081
  className: G("absolute -right-0.5 -bottom-0.5 h-2 w-2 rounded-full border border-[var(--Surface-Primary)]", r ? "bg-[var(--Object-Success)]" : "bg-[var(--Object-Low-Emphasis)]"),
@@ -19089,7 +19095,7 @@ function Xg({ name: e, statusText: t, badgeLabel: n, online: r = !0, className:
19089
19095
  }
19090
19096
  //#endregion
19091
19097
  //#region src/components/patterns/review-overlay.tsx
19092
- function Zg({ active: e, onPinCreate: t, pins: n = [], onPinClick: r, holdDuration: i = 600, onHaptic: a, className: o, children: s }) {
19098
+ function Qg({ active: e, onPinCreate: t, pins: n = [], onPinClick: r, holdDuration: i = 600, onHaptic: a, className: o, children: s }) {
19093
19099
  let c = u.useRef(null), l = u.useRef(null), [d, f] = u.useState(null), p = (e, t) => {
19094
19100
  let n = c.current;
19095
19101
  if (!n) return {
@@ -19145,16 +19151,16 @@ function Zg({ active: e, onPinCreate: t, pins: n = [], onPinClick: r, holdDurati
19145
19151
  }
19146
19152
  //#endregion
19147
19153
  //#region src/lib/category-presets.ts
19148
- function Qg(e) {
19149
- return hp(e, "base");
19150
- }
19151
19154
  function $g(e) {
19152
- return hp(e, "subtle");
19155
+ return gp(e, "base");
19153
19156
  }
19154
19157
  function e_(e) {
19155
- return hp(e, "bold");
19158
+ return gp(e, "subtle");
19159
+ }
19160
+ function t_(e) {
19161
+ return gp(e, "bold");
19156
19162
  }
19157
- var t_ = [
19163
+ var n_ = [
19158
19164
  {
19159
19165
  key: "family",
19160
19166
  label: "両家顔合わせを済ませる",
@@ -19269,7 +19275,7 @@ var t_ = [
19269
19275
  icon: "📌",
19270
19276
  categoricalIndex: 4
19271
19277
  }
19272
- ], n_ = [
19278
+ ], r_ = [
19273
19279
  {
19274
19280
  key: "planning",
19275
19281
  label: "企画",
@@ -19320,4 +19326,4 @@ var t_ = [
19320
19326
  }
19321
19327
  ];
19322
19328
  //#endregion
19323
- export { s as AUTO_PROMPT_SUPPRESSION_EVENT, ye as Accordion, Se as AccordionContent, be as AccordionItem, xe as AccordionTrigger, Bm as ActionTile, Jp as AdminShell, ke as Alert, Ne as AlertDescription, lt as AlertDialog, vt as AlertDialogAction, yt as AlertDialogCancel, pt as AlertDialogContent, _t as AlertDialogDescription, ht as AlertDialogFooter, mt as AlertDialogHeader, ft as AlertDialogOverlay, dt as AlertDialogPortal, gt as AlertDialogTitle, ut as AlertDialogTrigger, je as AlertTitle, nd as AppHeader, Yp as AppShell, Yl as AutoGrowTextarea, r as AutoPrompt, bt as Avatar, St as AvatarFallback, xt as AvatarImage, wt as Badge, Uf as Banner, xg as BannerCarousel, Cd as BottomSheetForm, Dd as BottomSheetFrame, Df as BottomTabBar, Tt as Breadcrumb, jt as BreadcrumbEllipsis, Dt as BreadcrumbItem, Ot as BreadcrumbLink, Et as BreadcrumbList, kt as BreadcrumbPage, At as BreadcrumbSeparator, Dm as BulkActions, K as Button, pp as CATEGORICAL_DOT_CLASS, fp as CATEGORICAL_SURFACE_CLASS, Xs as Calendar, Nt as Card, Lt as CardAction, Rt as CardContent, It as CardDescription, zt as CardFooter, Pt as CardHeader, Ft as CardTitle, Tg as CategoryNav, kg as CategoryScroll, _d as Celebration, vd as CelebrationDialog, qm as ChartControls, Vt as Checkbox, Ht as CheckboxCardGroup, Ut as CheckboxCardItem, qt as CheckboxField, Gt as CheckboxGroup, Kt as CheckboxGroupItem, Ff as Chip, Vf as ChipFilterBar, Rf as ChipSelector, Du as CoachMark, ju as CoachMarkOverlay, Jt as Collapsible, zf as CollapsibleChipField, Xt as CollapsibleContent, Yt as CollapsibleTrigger, vc as Combobox, Zl as CommitAutoGrowTextarea, zr as CommitInput, Xl as CommitTextarea, Pm as CompactFilePicker, od as ConfirmDialog, Gp as Container, Cg as ContentCarousel, Vu as CookieConsent, Sd as CountdownHero, xu as CountdownTimer, _h as DataTable, Nh as DataTableActionCell, Uh as DataTableAddRow, Ah as DataTableAvatarCell, bh as DataTableBody, Bh as DataTableBulkActions, kh as DataTableCell, Mh as DataTableCheckboxCell, Ih as DataTableDateCell, Rh as DataTableDragHandleCell, Wh as DataTableEmptyState, Sh as DataTableHead, yh as DataTableHeader, jh as DataTableImageCell, Ph as DataTableInputCell, zh as DataTableLinkCell, Lh as DataTableNumberCell, xh as DataTableRow, Hh as DataTableSectionRow, Fh as DataTableSelectCell, vh as DataTableTable, cc as DateField, ic as DatePicker, ac as DateRangePicker, _c as DateTimePicker, bf as DetailSheetBody, yf as DetailSheetHeader, vf as DetailSheetScaffold, un as Dialog, pn as DialogClose, hn as DialogContent, yn as DialogDescription, _n as DialogFooter, gn as DialogHeader, mn as DialogOverlay, fn as DialogPortal, vn as DialogTitle, dn as DialogTrigger, Jf as DocumentPage, Lg as DropdownFilter, gr as DropdownMenu, Sr as DropdownMenuCheckboxItem, yr as DropdownMenuContent, br as DropdownMenuGroup, xr as DropdownMenuItem, Tr as DropdownMenuLabel, _r as DropdownMenuPortal, Cr as DropdownMenuRadioGroup, wr as DropdownMenuRadioItem, Er as DropdownMenuSeparator, Dr as DropdownMenuShortcut, Or as DropdownMenuSub, Ar as DropdownMenuSubContent, kr as DropdownMenuSubTrigger, vr as DropdownMenuTrigger, Wf as EmptyState, Vl as ErrorBoundary, Kf as ErrorState, $f as FieldDescription, ep as FieldError, Qf as FieldGroup, Zf as FieldLegend, tp as FieldSeparator, Xf as FieldSet, Nm as FileUpload, xm as FilterBar, Rg as FilterChip, Bg as FilterPill, mg as Footer, rr as Form, $p as FormActions, ur as FormControl, dr as FormDescription, Yf as FormField, cr as FormItem, lr as FormLabel, fr as FormMessage, Zp as FormRoot, Qp as FormSection, Ll as GridSkeleton, jr as HoverCard, Nr as HoverCardContent, Mr as HoverCardTrigger, Tu as IconBadge, Fm as ImageAttachmentPicker, ym as ImageCarousel, Zu as ImageGallery, Kg as ImageOverlayAction, jm as ImageUploader, Ce as InfoCircleIcon, Ir as Input, Em as KebabMenu, Yd as KeyboardAwareSheetFooter, Wt as Label, np as ListItem, Il as ListSkeleton, Xp as MarketingShell, tg as MediaActionCluster, Xh as MenuDrawer, Sf as MobileAppHeader, Cf as MobileAppShell, xf as MobileFloatingActionButton, Nf as MobileTabBar, xc as MultiSelect, td as NavigationBar, Gf as NotFoundIllustration, op as NotificationBadge, Um as NotificationList, lu as NumberInput, dm as OrderSummary, Sc as Pagination, Cc as PaginationContent, Oc as PaginationEllipsis, wc as PaginationItem, Tc as PaginationLink, Dc as PaginationNext, Ec as PaginationPrevious, ug as PhotoHero, du as PillToggle, Zs as Popover, ec as PopoverAnchor, $s as PopoverContent, Qs as PopoverTrigger, Fe as PortalContainerProvider, Xg as PresenceIndicator, rm as PriceDisplay, mm as ProductCard, gm as ProductCarousel, Lc as Progress, ou as ProgressRing, sp as ProgressSteps, a as PromptCoordinatorProvider, qf as Prose, um as QuantitySelector, Hm as QuickActionGrid, jd as RESPONSIVE_OVERLAY_BREAKPOINT_VAR, Rc as RadioGroup, zc as RadioGroupItem, om as RatingDisplay, Rd as ResponsiveDialog, Gd as ResponsiveDialogClose, Bd as ResponsiveDialogContent, Ud as ResponsiveDialogDescription, Wd as ResponsiveDialogFooter, Vd as ResponsiveDialogHeader, Hd as ResponsiveDialogTitle, zd as ResponsiveDialogTrigger, hf as ResponsiveOverlayFooter, mf as ResponsiveOverlayFrame, Cm as ReviewCard, Zg as ReviewOverlay, wm as ReviewSummary, ar as RhfFormField, Hu as SOCIAL_ICON_LABELS, Wu as SOCIAL_ICON_PLATFORMS, fg as Screen, yc as ScrollArea, bc as ScrollBar, cp as SearchBar, Am as SearchPanel, qp as Section, lp as SectionHeader, Cu as SectionNav, Vc as Select, Gc as SelectContent, Hc as SelectGroup, Kc as SelectItem, Jc as SelectLabel, qc as SelectSeparator, Wc as SelectTrigger, Uc as SelectValue, Yc as Separator, ip as SettingsListRow, rp as SettingsSection, vg as ShareButtons, ml as Sheet, gl as SheetClose, wl as SheetContent, Ml as SheetDescription, yl as SheetDragIndicator, Al as SheetFooter, kl as SheetHeader, jl as SheetTitle, hl as SheetTrigger, _f as SideDrawerFrame, Xm as SimplePagination, Pl as Skeleton, Fl as SkeletonText, Up as SkipLink, Rl as Slider, qu as SocialIcon, Yu as SocialLoginButton, zl as Spinner, hu as StarRating, dp as StatCard, Fg as StatusActionBadge, Om as StatusTabs, wg as StickyActionBar, Su as SubNav, ad as SwipeRow, Hl as Switch, Ag as SyncStatusBadge, Ig as SyncStatusButton, Wl as Tabs, ql as TabsContent, Gl as TabsList, Kl as TabsTrigger, _p as Tag, rd as TagInput, Jl as Textarea, Jg as ThumbnailCard, pc as TimePicker, Lp as Toaster, $l as Tooltip, tu as TooltipContent, Ql as TooltipProvider, eu as TooltipTrigger, Ct as badgeVariants, Hf as bannerVariants, kc as buildPageItems, c as buttonVariants, mp as categoricalSurfaceClass, hp as categoricalVar, Pf as chipVariants, G as cn, Sp as configureToast, Wp as containerVariants, Jh as createDataTableChipColumn, qh as createDataTableDateColumn, Yh as createDataTableSelectColumn, e_ as getCategoricalBold, Qg as getCategoricalColor, $g as getCategoricalSubtle, Qe as getOpenModalCount, uh as getStickyCellProps, wu as iconBadgeVariants, t as isAutoPromptSuppressed, Mu as isCoachCompleted, Ru as isCookieDecided, su as isImeComposing, Nu as markCoachCompleted, em as priceVariants, n_ as projectCategories, Pu as resetCoach, kd as responsiveOverlayBreakpointQueries, Kp as sectionVariants, $e as subscribeOpenModals, e as suppressAutoPrompts, gp as tagVariants, Hp as toast, Rr as useCommitDraft, Jd as useFocusedInputComfortScroll, or as useFormField, tt as useHasOpenModal, Od as useMediaQuery, et as useOpenModalCount, Ie as usePortalContainer, i as usePromptCoordinator, o as usePromptSlot, Fd as useResponsiveOverlayDesktopMatch, Ld as useResponsiveOverlayIsDesktop, Fp as useToast, t_ as weddingCategories };
19329
+ export { s as AUTO_PROMPT_SUPPRESSION_EVENT, ye as Accordion, Se as AccordionContent, be as AccordionItem, xe as AccordionTrigger, Vm as ActionTile, Yp as AdminShell, ke as Alert, Ne as AlertDescription, lt as AlertDialog, vt as AlertDialogAction, yt as AlertDialogCancel, pt as AlertDialogContent, _t as AlertDialogDescription, ht as AlertDialogFooter, mt as AlertDialogHeader, ft as AlertDialogOverlay, dt as AlertDialogPortal, gt as AlertDialogTitle, ut as AlertDialogTrigger, je as AlertTitle, rd as AppHeader, Xp as AppShell, Yl as AutoGrowTextarea, r as AutoPrompt, bt as Avatar, St as AvatarFallback, xt as AvatarImage, wt as Badge, Wf as Banner, Sg as BannerCarousel, wd as BottomSheetForm, Od as BottomSheetFrame, Of as BottomTabBar, Tt as Breadcrumb, jt as BreadcrumbEllipsis, Dt as BreadcrumbItem, Ot as BreadcrumbLink, Et as BreadcrumbList, kt as BreadcrumbPage, At as BreadcrumbSeparator, Om as BulkActions, K as Button, mp as CATEGORICAL_DOT_CLASS, pp as CATEGORICAL_SURFACE_CLASS, Xs as Calendar, Nt as Card, Lt as CardAction, Rt as CardContent, It as CardDescription, zt as CardFooter, Pt as CardHeader, Ft as CardTitle, Eg as CategoryNav, Ag as CategoryScroll, vd as Celebration, yd as CelebrationDialog, Jm as ChartControls, Vt as Checkbox, Ht as CheckboxCardGroup, Ut as CheckboxCardItem, qt as CheckboxField, Gt as CheckboxGroup, Kt as CheckboxGroupItem, If as Chip, Hf as ChipFilterBar, zf as ChipSelector, Ou as CoachMark, Mu as CoachMarkOverlay, Jt as Collapsible, Bf as CollapsibleChipField, Xt as CollapsibleContent, Yt as CollapsibleTrigger, vc as Combobox, Zl as CommitAutoGrowTextarea, zr as CommitInput, Xl as CommitTextarea, Fm as CompactFilePicker, sd as ConfirmDialog, Kp as Container, wg as ContentCarousel, Hu as CookieConsent, Cd as CountdownHero, Su as CountdownTimer, vh as DataTable, Ph as DataTableActionCell, Wh as DataTableAddRow, jh as DataTableAvatarCell, xh as DataTableBody, Vh as DataTableBulkActions, Ah as DataTableCell, Nh as DataTableCheckboxCell, Lh as DataTableDateCell, zh as DataTableDragHandleCell, Gh as DataTableEmptyState, Ch as DataTableHead, bh as DataTableHeader, Mh as DataTableImageCell, Fh as DataTableInputCell, Bh as DataTableLinkCell, Rh as DataTableNumberCell, Sh as DataTableRow, Uh as DataTableSectionRow, Ih as DataTableSelectCell, yh as DataTableTable, cc as DateField, ic as DatePicker, ac as DateRangePicker, _c as DateTimePicker, xf as DetailSheetBody, bf as DetailSheetHeader, yf as DetailSheetScaffold, un as Dialog, pn as DialogClose, hn as DialogContent, yn as DialogDescription, _n as DialogFooter, gn as DialogHeader, mn as DialogOverlay, fn as DialogPortal, vn as DialogTitle, dn as DialogTrigger, Yf as DocumentPage, Rg as DropdownFilter, gr as DropdownMenu, Sr as DropdownMenuCheckboxItem, yr as DropdownMenuContent, br as DropdownMenuGroup, xr as DropdownMenuItem, Tr as DropdownMenuLabel, _r as DropdownMenuPortal, Cr as DropdownMenuRadioGroup, wr as DropdownMenuRadioItem, Er as DropdownMenuSeparator, Dr as DropdownMenuShortcut, Or as DropdownMenuSub, Ar as DropdownMenuSubContent, kr as DropdownMenuSubTrigger, vr as DropdownMenuTrigger, Gf as EmptyState, Vl as ErrorBoundary, qf as ErrorState, ep as FieldDescription, tp as FieldError, $f as FieldGroup, Qf as FieldLegend, np as FieldSeparator, Zf as FieldSet, Pm as FileUpload, Sm as FilterBar, zg as FilterChip, Vg as FilterPill, hg as Footer, rr as Form, em as FormActions, ur as FormControl, dr as FormDescription, Xf as FormField, cr as FormItem, lr as FormLabel, fr as FormMessage, Qp as FormRoot, $p as FormSection, Ll as GridSkeleton, jr as HoverCard, Nr as HoverCardContent, Mr as HoverCardTrigger, Eu as IconBadge, Im as ImageAttachmentPicker, bm as ImageCarousel, Qu as ImageGallery, qg as ImageOverlayAction, Mm as ImageUploader, Ce as InfoCircleIcon, Ir as Input, Dm as KebabMenu, Xd as KeyboardAwareSheetFooter, Wt as Label, rp as ListItem, Il as ListSkeleton, Zp as MarketingShell, ng as MediaActionCluster, Zh as MenuDrawer, Cf as MobileAppHeader, wf as MobileAppShell, Sf as MobileFloatingActionButton, Pf as MobileTabBar, xc as MultiSelect, nd as NavigationBar, Kf as NotFoundIllustration, sp as NotificationBadge, Wm as NotificationList, uu as NumberInput, fm as OrderSummary, Sc as Pagination, Cc as PaginationContent, Oc as PaginationEllipsis, wc as PaginationItem, Tc as PaginationLink, Dc as PaginationNext, Ec as PaginationPrevious, dg as PhotoHero, fu as PillToggle, Zs as Popover, ec as PopoverAnchor, $s as PopoverContent, Qs as PopoverTrigger, Fe as PortalContainerProvider, Zg as PresenceIndicator, im as PriceDisplay, hm as ProductCard, _m as ProductCarousel, Lc as Progress, su as ProgressRing, cp as ProgressSteps, a as PromptCoordinatorProvider, Jf as Prose, dm as QuantitySelector, Um as QuickActionGrid, Md as RESPONSIVE_OVERLAY_BREAKPOINT_VAR, Rc as RadioGroup, zc as RadioGroupItem, sm as RatingDisplay, zd as ResponsiveDialog, Kd as ResponsiveDialogClose, Vd as ResponsiveDialogContent, Wd as ResponsiveDialogDescription, Gd as ResponsiveDialogFooter, Hd as ResponsiveDialogHeader, Ud as ResponsiveDialogTitle, Bd as ResponsiveDialogTrigger, gf as ResponsiveOverlayFooter, hf as ResponsiveOverlayFrame, wm as ReviewCard, Qg as ReviewOverlay, Tm as ReviewSummary, ar as RhfFormField, Uu as SOCIAL_ICON_LABELS, Gu as SOCIAL_ICON_PLATFORMS, pg as Screen, yc as ScrollArea, bc as ScrollBar, lp as SearchBar, jm as SearchPanel, Jp as Section, up as SectionHeader, wu as SectionNav, Vc as Select, Gc as SelectContent, Hc as SelectGroup, Kc as SelectItem, Jc as SelectLabel, qc as SelectSeparator, Wc as SelectTrigger, Uc as SelectValue, Yc as Separator, ap as SettingsListRow, ip as SettingsSection, yg as ShareButtons, ml as Sheet, gl as SheetClose, wl as SheetContent, Ml as SheetDescription, yl as SheetDragIndicator, Al as SheetFooter, kl as SheetHeader, jl as SheetTitle, hl as SheetTrigger, vf as SideDrawerFrame, Zm as SimplePagination, Pl as Skeleton, Fl as SkeletonText, Wp as SkipLink, Rl as Slider, Ju as SocialIcon, Xu as SocialLoginButton, zl as Spinner, gu as StarRating, fp as StatCard, Ig as StatusActionBadge, km as StatusTabs, Tg as StickyActionBar, Cu as SubNav, od as SwipeRow, Hl as Switch, jg as SyncStatusBadge, Lg as SyncStatusButton, Wl as Tabs, ql as TabsContent, Gl as TabsList, Kl as TabsTrigger, vp as Tag, id as TagInput, Jl as Textarea, Yg as ThumbnailCard, pc as TimePicker, Rp as Toaster, $l as Tooltip, tu as TooltipContent, Ql as TooltipProvider, eu as TooltipTrigger, Ct as badgeVariants, Uf as bannerVariants, kc as buildPageItems, c as buttonVariants, hp as categoricalSurfaceClass, gp as categoricalVar, Ff as chipVariants, G as cn, Cp as configureToast, Gp as containerVariants, Yh as createDataTableChipColumn, Jh as createDataTableDateColumn, Xh as createDataTableSelectColumn, t_ as getCategoricalBold, $g as getCategoricalColor, e_ as getCategoricalSubtle, Qe as getOpenModalCount, dh as getStickyCellProps, Tu as iconBadgeVariants, t as isAutoPromptSuppressed, Nu as isCoachCompleted, zu as isCookieDecided, cu as isImeComposing, Pu as markCoachCompleted, tm as priceVariants, r_ as projectCategories, Fu as resetCoach, Ad as responsiveOverlayBreakpointQueries, qp as sectionVariants, $e as subscribeOpenModals, e as suppressAutoPrompts, _p as tagVariants, Up as toast, Rr as useCommitDraft, Yd as useFocusedInputComfortScroll, or as useFormField, tt as useHasOpenModal, kd as useMediaQuery, et as useOpenModalCount, Ie as usePortalContainer, i as usePromptCoordinator, o as usePromptSlot, Id as useResponsiveOverlayDesktopMatch, Rd as useResponsiveOverlayIsDesktop, Ip as useToast, n_ as weddingCategories };