ksk-design-system 2.4.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
@@ -7619,7 +7619,16 @@ function Yl({ value: e, onChange: t, placeholder: n, minRows: r = 3, density: i
7619
7619
  d();
7620
7620
  }, [e, d]), u.useEffect(() => {
7621
7621
  let e = () => d();
7622
- return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
7622
+ window.addEventListener("resize", e);
7623
+ let t = l.current, n = t?.getBoundingClientRect().width, r = null, i = typeof ResizeObserver > "u" ? null : new ResizeObserver(() => {
7624
+ let e = t?.getBoundingClientRect().width;
7625
+ e !== n && (n = e, r !== null && cancelAnimationFrame(r), r = requestAnimationFrame(() => {
7626
+ r = null, d();
7627
+ }));
7628
+ });
7629
+ return t && i?.observe(t), () => {
7630
+ window.removeEventListener("resize", e), i?.disconnect(), r !== null && cancelAnimationFrame(r);
7631
+ };
7623
7632
  }, [d]);
7624
7633
  let f = a != null && a > 0 ? e.length / a : 0, p = a == null ? "" : e.length >= a ? "text-[var(--Text-Caution)]" : f >= .7 ? "text-[var(--Text-Warning)]" : "text-[var(--Text-Low-Emphasis)]", m = o === void 0 ? a != null : o;
7625
7634
  return /* @__PURE__ */ V("div", {
@@ -7721,11 +7730,17 @@ var nu = {
7721
7730
  size: 96,
7722
7731
  stroke: 6
7723
7732
  }
7724
- }, 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 = () => {
7725
7740
  let e = globalThis.process;
7726
7741
  return !!e && e.env?.NODE_ENV !== "production";
7727
7742
  };
7728
- function iu(e) {
7743
+ function au(e) {
7729
7744
  let t = Object.values(nu).sort((e, t) => e.size - t.size), n = t[0], r = t[t.length - 1];
7730
7745
  if (e <= n.size) return n.stroke;
7731
7746
  if (e >= r.size) return r.stroke;
@@ -7738,66 +7753,66 @@ function iu(e) {
7738
7753
  }
7739
7754
  return r.stroke;
7740
7755
  }
7741
- function au(e) {
7756
+ function ou(e) {
7742
7757
  return e < 40 ? "typo-label-xs" : e < 56 ? "typo-label-sm" : "typo-label-md";
7743
7758
  }
7744
- 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 }) {
7745
- 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);
7746
- if (ru()) {
7747
- u || console.warn(`[ProgressRing] size に描画できない値(${String(l)})が渡されました。正の px か "sm"|"md"|"lg"|"xl" を指定してください。既定の md(48px) で描画します。`), p || console.warn(`[ProgressRing] strokeWidth に描画できない値(${String(f)})が渡されました。0 以上の有限な数値を指定してください。`);
7748
- 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 トークンのみを指定してください。`);
7749
7764
  }
7750
- 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);
7751
7766
  return /* @__PURE__ */ V("div", {
7752
7767
  "data-slot": "progress-ring",
7753
- className: G("relative inline-flex items-center justify-center", s),
7768
+ className: G("relative inline-flex items-center justify-center", l),
7754
7769
  style: {
7755
- width: d,
7756
- height: d
7770
+ width: p,
7771
+ height: p
7757
7772
  },
7758
7773
  role: "progressbar",
7759
- "aria-valuenow": _,
7774
+ "aria-valuenow": b,
7760
7775
  "aria-valuemin": 0,
7761
7776
  "aria-valuemax": 100,
7762
- "aria-label": c ?? (typeof a == "string" ? a : "進捗"),
7777
+ "aria-label": u ?? (typeof s == "string" ? s : "進捗"),
7763
7778
  children: [/* @__PURE__ */ V("svg", {
7764
- width: d,
7765
- height: d,
7779
+ width: p,
7780
+ height: p,
7766
7781
  className: "-rotate-90",
7767
7782
  children: [/* @__PURE__ */ B("circle", {
7768
- cx: d / 2,
7769
- cy: d / 2,
7770
- r: h,
7783
+ cx: p / 2,
7784
+ cy: p / 2,
7785
+ r: v,
7771
7786
  fill: "none",
7772
- stroke: i,
7773
- strokeWidth: m
7787
+ stroke: o,
7788
+ strokeWidth: g
7774
7789
  }), /* @__PURE__ */ B("circle", {
7775
- cx: d / 2,
7776
- cy: d / 2,
7777
- r: h,
7790
+ cx: p / 2,
7791
+ cy: p / 2,
7792
+ r: v,
7778
7793
  fill: "none",
7779
- stroke: r,
7780
- strokeWidth: m,
7781
- strokeLinecap: "round",
7782
- strokeDasharray: g,
7783
- strokeDashoffset: v,
7794
+ stroke: _,
7795
+ strokeWidth: g,
7796
+ strokeLinecap: a,
7797
+ strokeDasharray: y,
7798
+ strokeDashoffset: x,
7784
7799
  style: { transition: "stroke-dashoffset var(--Motion-Duration-Ring) var(--Motion-Easing-Standard)" }
7785
7800
  })]
7786
- }), o && /* @__PURE__ */ B("span", {
7787
- className: G("absolute inset-0 flex items-center justify-center", au(d), "text-[var(--Text-High-Emphasis)]"),
7788
- 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)}%`
7789
7804
  })]
7790
7805
  });
7791
7806
  }
7792
7807
  //#endregion
7793
7808
  //#region src/lib/ime.ts
7794
- function su(e) {
7809
+ function cu(e) {
7795
7810
  let t = e.nativeEvent ?? e;
7796
7811
  return t.isComposing === !0 || t.keyCode === 229;
7797
7812
  }
7798
7813
  //#endregion
7799
7814
  //#region src/components/ui/number-input.tsx
7800
- var cu = {
7815
+ var lu = {
7801
7816
  sm: {
7802
7817
  wrap: "h-9 gap-2",
7803
7818
  btn: "w-8 h-8",
@@ -7811,7 +7826,7 @@ var cu = {
7811
7826
  text: "typo-body-md w-10"
7812
7827
  }
7813
7828
  };
7814
- 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 = "増やす" }) {
7815
7830
  let [p, m] = u.useState(String(e)), [h, g] = u.useState(!1), _ = (i) => {
7816
7831
  let a = parseFloat(i.replace(/[^0-9.-]/g, ""));
7817
7832
  if (isNaN(a)) {
@@ -7826,7 +7841,7 @@ function lu({ value: e = 0, onChange: t, min: n = -Infinity, max: r = Infinity,
7826
7841
  }, y = () => {
7827
7842
  let r = Math.max(n, e - i);
7828
7843
  m(String(r)), t?.(r);
7829
- }, 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");
7830
7845
  return /* @__PURE__ */ V("div", {
7831
7846
  "data-slot": "number-input",
7832
7847
  className: G("inline-flex items-center", x.wrap, s && "opacity-50 pointer-events-none", l),
@@ -7865,7 +7880,7 @@ function lu({ value: e = 0, onChange: t, min: n = -Infinity, max: r = Infinity,
7865
7880
  g(!1), _(e.target.value);
7866
7881
  },
7867
7882
  onKeyDown: (e) => {
7868
- 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()));
7869
7884
  },
7870
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)
7871
7886
  }),
@@ -7894,11 +7909,11 @@ function lu({ value: e = 0, onChange: t, min: n = -Infinity, max: r = Infinity,
7894
7909
  }
7895
7910
  //#endregion
7896
7911
  //#region src/components/ui/pill-toggle.tsx
7897
- var uu = {
7912
+ var du = {
7898
7913
  sm: "h-8 px-3 typo-label-xs",
7899
7914
  md: "h-9 px-4 typo-label-sm"
7900
7915
  };
7901
- 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 }) {
7902
7917
  let s = n ?? r;
7903
7918
  return /* @__PURE__ */ V(Wl, {
7904
7919
  "data-slot": "pill-toggle",
@@ -7909,7 +7924,7 @@ function du({ options: e, value: t, onChange: n, onValueChange: r, size: i = "md
7909
7924
  className: G(a && "flex w-full", o),
7910
7925
  children: e.map((e) => /* @__PURE__ */ V(Kl, {
7911
7926
  value: e.value,
7912
- 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"),
7913
7928
  children: [e.icon && /* @__PURE__ */ B("span", {
7914
7929
  className: "shrink-0",
7915
7930
  children: e.icon
@@ -7927,18 +7942,18 @@ function du({ options: e, value: t, onChange: n, onValueChange: r, size: i = "md
7927
7942
  }
7928
7943
  //#endregion
7929
7944
  //#region src/components/ui/star-rating.tsx
7930
- var fu = {
7945
+ var pu = {
7931
7946
  sm: "size-4",
7932
7947
  md: "size-5",
7933
7948
  lg: "size-6",
7934
7949
  xl: "size-8"
7935
- }, pu = {
7950
+ }, mu = {
7936
7951
  sm: "typo-label-xs",
7937
7952
  md: "typo-label-sm",
7938
7953
  lg: "typo-label-md",
7939
7954
  xl: "typo-label-lg"
7940
7955
  };
7941
- function mu({ filled: e, half: t, className: n }) {
7956
+ function hu({ filled: e, half: t, className: n }) {
7942
7957
  return t ? /* @__PURE__ */ V("svg", {
7943
7958
  viewBox: "0 0 24 24",
7944
7959
  className: n,
@@ -7974,7 +7989,7 @@ function mu({ filled: e, half: t, className: n }) {
7974
7989
  })
7975
7990
  });
7976
7991
  }
7977
- 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 }) {
7978
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) => {
7979
7994
  let i;
7980
7995
  switch (e.key) {
@@ -8002,7 +8017,7 @@ function hu({ value: e, onChange: t, max: n = 5, size: r = "md", showLabel: i =
8002
8017
  "aria-label": m ? o : s(e, n),
8003
8018
  className: G("inline-flex items-center gap-1", l),
8004
8019
  children: [Array.from({ length: n }, (n, i) => {
8005
- 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)]");
8006
8021
  return m ? /* @__PURE__ */ B(K, {
8007
8022
  ref: (e) => {
8008
8023
  p.current[i] = e;
@@ -8022,22 +8037,22 @@ function hu({ value: e, onChange: t, max: n = 5, size: r = "md", showLabel: i =
8022
8037
  onMouseEnter: () => f(o),
8023
8038
  onMouseLeave: () => f(null),
8024
8039
  className: G("shrink-0 text-[var(--Brand-Primary)]", !s && !l && "text-[var(--Border-Medium-Emphasis)]"),
8025
- children: /* @__PURE__ */ B(mu, {
8040
+ children: /* @__PURE__ */ B(hu, {
8026
8041
  filled: s,
8027
8042
  half: l,
8028
- className: fu[r]
8043
+ className: pu[r]
8029
8044
  })
8030
8045
  }, i) : /* @__PURE__ */ B("span", {
8031
8046
  "aria-hidden": "true",
8032
8047
  className: u,
8033
- children: /* @__PURE__ */ B(mu, {
8048
+ children: /* @__PURE__ */ B(hu, {
8034
8049
  filled: s,
8035
8050
  half: l,
8036
8051
  className: "size-full"
8037
8052
  })
8038
8053
  }, i);
8039
8054
  }), i && /* @__PURE__ */ V("span", {
8040
- className: G("ml-1 text-[var(--Text-Medium-Emphasis)]", pu[r]),
8055
+ className: G("ml-1 text-[var(--Text-Medium-Emphasis)]", mu[r]),
8041
8056
  children: [
8042
8057
  e,
8043
8058
  "/",
@@ -8048,10 +8063,10 @@ function hu({ value: e, onChange: t, max: n = 5, size: r = "md", showLabel: i =
8048
8063
  }
8049
8064
  //#endregion
8050
8065
  //#region src/components/ui/countdown-timer.tsx
8051
- function gu(e) {
8066
+ function _u(e) {
8052
8067
  return String(e).padStart(2, "0");
8053
8068
  }
8054
- function _u(e) {
8069
+ function vu(e) {
8055
8070
  let t = Math.max(0, e.getTime() - Date.now()), n = Math.floor(t / 1e3);
8056
8071
  return {
8057
8072
  h: Math.floor(n / 3600),
@@ -8060,14 +8075,14 @@ function _u(e) {
8060
8075
  totalSec: n
8061
8076
  };
8062
8077
  }
8063
- function vu(e) {
8078
+ function yu(e) {
8064
8079
  let t = /* @__PURE__ */ new Date();
8065
8080
  t.setHours(0, 0, 0, 0);
8066
8081
  let n = new Date(e);
8067
8082
  return n.setHours(0, 0, 0, 0), Math.round((n.getTime() - t.getTime()) / (1440 * 60 * 1e3));
8068
8083
  }
8069
- function yu({ targetDate: e, label: t = "残り", endedLabel: n = "受付終了", todayLabel: r = "本日", variant: i = "filled", className: a, onEnd: o, dayUnit: s = "日" }) {
8070
- 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]);
8071
8086
  return u.useEffect(() => {
8072
8087
  let e = setInterval(() => l(Date.now()), 3600 * 1e3);
8073
8088
  return () => clearInterval(e);
@@ -8111,12 +8126,12 @@ function yu({ targetDate: e, label: t = "残り", endedLabel: n = "受付終了"
8111
8126
  ]
8112
8127
  });
8113
8128
  }
8114
- 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 = "秒" }) {
8115
- 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;
8116
8131
  if (u.useEffect(() => {
8117
8132
  g.current = !1;
8118
8133
  let t = () => {
8119
- let t = _u(e);
8134
+ let t = vu(e);
8120
8135
  p(t), t.totalSec === 0 && !g.current && (g.current = !0, h("ended"), s?.());
8121
8136
  };
8122
8137
  t();
@@ -8152,34 +8167,34 @@ function bu({ targetDate: e, granularity: t = "second", label: n = "残り", end
8152
8167
  }), r]
8153
8168
  });
8154
8169
  let { h: v, m: y, s: b } = f, x = t === "hour" ? [{
8155
- num: gu(v),
8170
+ num: _u(v),
8156
8171
  unit: c
8157
8172
  }, {
8158
- num: gu(y),
8173
+ num: _u(y),
8159
8174
  unit: l
8160
8175
  }] : t === "minute" ? [...v > 0 ? [{
8161
- num: gu(v),
8176
+ num: _u(v),
8162
8177
  unit: c
8163
8178
  }] : [], {
8164
- num: gu(y),
8179
+ num: _u(y),
8165
8180
  unit: l
8166
8181
  }] : a ? [{
8167
- num: gu(y),
8182
+ num: _u(y),
8168
8183
  unit: l
8169
8184
  }, {
8170
- num: gu(b),
8185
+ num: _u(b),
8171
8186
  unit: d
8172
8187
  }] : [
8173
8188
  ...v > 0 ? [{
8174
- num: gu(v),
8189
+ num: _u(v),
8175
8190
  unit: c
8176
8191
  }] : [],
8177
8192
  {
8178
- num: gu(y),
8193
+ num: _u(y),
8179
8194
  unit: l
8180
8195
  },
8181
8196
  {
8182
- num: gu(b),
8197
+ num: _u(b),
8183
8198
  unit: d
8184
8199
  }
8185
8200
  ], S = i === "filled";
@@ -8209,12 +8224,12 @@ function bu({ targetDate: e, granularity: t = "second", label: n = "残り", end
8209
8224
  })] }, e.unit))]
8210
8225
  });
8211
8226
  }
8212
- function xu(e) {
8213
- 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 });
8214
8229
  }
8215
8230
  //#endregion
8216
8231
  //#region src/components/ui/sub-nav.tsx
8217
- 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 }) {
8218
8233
  let o = u.useRef(null), s = u.useRef(null), c = u.useId();
8219
8234
  return u.useEffect(() => {
8220
8235
  let e = o.current, t = s.current;
@@ -8291,7 +8306,7 @@ function Su({ items: e, value: t, onChange: n, variant: r = "underline", sticky:
8291
8306
  }
8292
8307
  //#endregion
8293
8308
  //#region src/components/ui/section-nav.tsx
8294
- 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 }) {
8295
8310
  let s = n === "horizontal";
8296
8311
  return /* @__PURE__ */ B("nav", {
8297
8312
  ...o,
@@ -8319,7 +8334,7 @@ function Cu({ items: e, activeKey: t, orientation: n = "vertical", onItemClick:
8319
8334
  }
8320
8335
  //#endregion
8321
8336
  //#region src/components/ui/icon-badge.tsx
8322
- 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)]", {
8323
8338
  variants: {
8324
8339
  size: {
8325
8340
  md: "size-11",
@@ -8362,7 +8377,7 @@ var wu = H("inline-flex shrink-0 items-center justify-center text-[var(--Object-
8362
8377
  appearance: "accent"
8363
8378
  }
8364
8379
  });
8365
- 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 }) {
8366
8381
  return /* @__PURE__ */ B("span", {
8367
8382
  "data-slot": "icon-badge",
8368
8383
  "data-size": t ?? "md",
@@ -8370,7 +8385,7 @@ function Tu({ className: e, size: t, appearance: n, "aria-label": r, ...i }) {
8370
8385
  role: r ? "img" : void 0,
8371
8386
  "aria-hidden": r ? void 0 : !0,
8372
8387
  "aria-label": r,
8373
- className: G(wu({
8388
+ className: G(Tu({
8374
8389
  size: t,
8375
8390
  appearance: n
8376
8391
  }), e),
@@ -8379,13 +8394,13 @@ function Tu({ className: e, size: t, appearance: n, "aria-label": r, ...i }) {
8379
8394
  }
8380
8395
  //#endregion
8381
8396
  //#region src/components/ui/coach-mark.tsx
8382
- var Eu = {
8397
+ var Du = {
8383
8398
  top: "top",
8384
8399
  bottom: "bottom",
8385
8400
  left: "left",
8386
8401
  right: "right"
8387
8402
  };
8388
- 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 }) {
8389
8404
  let g = o !== void 0, _ = p ?? (typeof e == "string" ? e : "コーチマーク"), v = Ie();
8390
8405
  return /* @__PURE__ */ B(I.Provider, {
8391
8406
  delayDuration: m,
@@ -8401,7 +8416,7 @@ function Du({ content: e, children: t, placement: n = "top", variant: r = "defau
8401
8416
  "data-slot": "coach-mark",
8402
8417
  "data-variant": r,
8403
8418
  "aria-label": _,
8404
- side: Eu[n],
8419
+ side: Du[n],
8405
8420
  sideOffset: 8,
8406
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),
8407
8422
  children: [g ? /* @__PURE__ */ V("div", {
@@ -8443,14 +8458,14 @@ function Du({ content: e, children: t, placement: n = "top", variant: r = "defau
8443
8458
  }
8444
8459
  //#endregion
8445
8460
  //#region src/components/patterns/coach-mark-overlay.tsx
8446
- var Ou = {
8461
+ var ku = {
8447
8462
  next: "次へ →",
8448
8463
  skip: "スキップ",
8449
8464
  ariaLabel: "Onboarding coach mark"
8450
- }, ku = "ksk-coach-done", Au = "v1";
8451
- 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 }) {
8452
8467
  let f = {
8453
- ...Ou,
8468
+ ...ku,
8454
8469
  ...s
8455
8470
  }, [p, m] = u.useState(0), [h, g] = u.useState(null), [_, v] = u.useState(null), y = u.useCallback(() => {
8456
8471
  r ? r() : n();
@@ -8551,7 +8566,7 @@ function ju({ steps: e, open: t, onComplete: n, onSkip: r, variant: i = "default
8551
8566
  /* @__PURE__ */ B("div", { style: O }),
8552
8567
  /* @__PURE__ */ B(Fe, {
8553
8568
  container: _,
8554
- children: /* @__PURE__ */ B(Du, {
8569
+ children: /* @__PURE__ */ B(Ou, {
8555
8570
  content: /* @__PURE__ */ V("div", {
8556
8571
  className: G("max-w-xs"),
8557
8572
  style: { maxWidth: o },
@@ -8594,7 +8609,7 @@ function ju({ steps: e, open: t, onComplete: n, onSkip: r, variant: i = "default
8594
8609
  })
8595
8610
  }), document.body);
8596
8611
  }
8597
- function Mu(e = ku, t = Au) {
8612
+ function Nu(e = Au, t = ju) {
8598
8613
  if (typeof window > "u") return !0;
8599
8614
  try {
8600
8615
  return localStorage.getItem(e) === t;
@@ -8602,26 +8617,26 @@ function Mu(e = ku, t = Au) {
8602
8617
  return !0;
8603
8618
  }
8604
8619
  }
8605
- function Nu(e = ku, t = Au) {
8620
+ function Pu(e = Au, t = ju) {
8606
8621
  if (!(typeof window > "u")) try {
8607
8622
  localStorage.setItem(e, t);
8608
8623
  } catch {}
8609
8624
  }
8610
- function Pu(e = ku) {
8625
+ function Fu(e = Au) {
8611
8626
  if (!(typeof window > "u")) try {
8612
8627
  localStorage.removeItem(e);
8613
8628
  } catch {}
8614
8629
  }
8615
8630
  //#endregion
8616
8631
  //#region src/components/patterns/cookie-consent.tsx
8617
- var Fu = "ksk-cookie-consent", Iu = "ksk:cookie-decided", Lu = {
8632
+ var Iu = "ksk-cookie-consent", Lu = "ksk:cookie-decided", Ru = {
8618
8633
  title: "Cookies",
8619
8634
  description: "This site uses cookies for analytics and feature improvement. You can choose essential-only or accept all.",
8620
8635
  essentialOnly: "Essential only",
8621
8636
  accept: "Accept",
8622
8637
  ariaLabel: "Cookie consent"
8623
8638
  };
8624
- function Ru(e = Fu) {
8639
+ function zu(e = Iu) {
8625
8640
  if (typeof window > "u") return !0;
8626
8641
  try {
8627
8642
  return !!localStorage.getItem(e);
@@ -8629,35 +8644,35 @@ function Ru(e = Fu) {
8629
8644
  return !0;
8630
8645
  }
8631
8646
  }
8632
- function zu(e) {
8647
+ function Bu(e) {
8633
8648
  try {
8634
8649
  return typeof localStorage < "u" ? localStorage.getItem(e) : null;
8635
8650
  } catch {
8636
8651
  return null;
8637
8652
  }
8638
8653
  }
8639
- function Bu(e, t) {
8654
+ function Vu(e, t) {
8640
8655
  try {
8641
8656
  typeof localStorage < "u" && localStorage.setItem(e, t);
8642
8657
  } catch {}
8643
8658
  }
8644
- 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", {
8645
8660
  "aria-hidden": "true",
8646
8661
  className: "text-xl flex-shrink-0",
8647
8662
  children: "🍪"
8648
8663
  }), onDecide: a, className: o }) {
8649
8664
  let [s, c] = u.useState(!1), l = {
8650
- ...Lu,
8665
+ ...Ru,
8651
8666
  ...e
8652
8667
  };
8653
8668
  u.useEffect(() => {
8654
- if (!zu(n)) {
8669
+ if (!Bu(n)) {
8655
8670
  let e = setTimeout(() => c(!0), t);
8656
8671
  return () => clearTimeout(e);
8657
8672
  }
8658
8673
  }, [n, t]);
8659
8674
  let d = (e) => {
8660
- 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 } }));
8661
8676
  };
8662
8677
  return s ? /* @__PURE__ */ B("div", {
8663
8678
  "data-slot": "cookie-consent",
@@ -8700,7 +8715,7 @@ function Vu({ labels: e, showDelay: t = 1500, storageKey: n = Fu, eventName: r =
8700
8715
  }
8701
8716
  //#endregion
8702
8717
  //#region src/components/ui/social-icon-data.tsx
8703
- var Hu = {
8718
+ var Uu = {
8704
8719
  amazon: "Amazon",
8705
8720
  android: "Android",
8706
8721
  apple: "Apple",
@@ -8773,7 +8788,7 @@ var Hu = {
8773
8788
  "youtube-music": "Youtube Music",
8774
8789
  "youtube-shorts": "YouTube Shorts",
8775
8790
  zoom: "Zoom"
8776
- }, Uu = {
8791
+ }, Wu = {
8777
8792
  amazon: {
8778
8793
  mono: {
8779
8794
  viewBox: "0 0 250 250",
@@ -11565,15 +11580,15 @@ var Hu = {
11565
11580
  }) })] })
11566
11581
  }
11567
11582
  }
11568
- }, 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"];
11569
- function Ku(e, t) {
11570
- 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];
11571
11586
  if (!n) return null;
11572
- 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];
11573
11588
  return null;
11574
11589
  }
11575
- function qu({ platform: e, tone: t = "brand", size: n = 24, className: r, ...i }) {
11576
- 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);
11577
11592
  return a ? /* @__PURE__ */ B("svg", {
11578
11593
  "data-slot": "social-icon",
11579
11594
  "data-platform": e,
@@ -11582,7 +11597,7 @@ function qu({ platform: e, tone: t = "brand", size: n = 24, className: r, ...i }
11582
11597
  viewBox: a.viewBox,
11583
11598
  fill: "none",
11584
11599
  role: "img",
11585
- "aria-label": Hu[e] ?? e,
11600
+ "aria-label": Uu[e] ?? e,
11586
11601
  className: G("inline-block shrink-0", r),
11587
11602
  ...i,
11588
11603
  children: a.body
@@ -11590,7 +11605,7 @@ function qu({ platform: e, tone: t = "brand", size: n = 24, className: r, ...i }
11590
11605
  }
11591
11606
  //#endregion
11592
11607
  //#region src/components/ui/social-login-button.tsx
11593
- var Ju = {
11608
+ var Yu = {
11594
11609
  line: {
11595
11610
  label: "LINEでログイン",
11596
11611
  platform: "line",
@@ -11616,8 +11631,8 @@ var Ju = {
11616
11631
  className: "border-[var(--Brand-Amazon)] text-[var(--Text-High-Emphasis)] bg-[var(--Surface-Primary)] hover:bg-[var(--Surface-Secondary)]"
11617
11632
  }
11618
11633
  };
11619
- function Yu({ provider: e, loading: t = !1, fullWidth: n = !1, className: r, disabled: i, children: a, ...o }) {
11620
- 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];
11621
11636
  return /* @__PURE__ */ V("button", {
11622
11637
  "data-slot": "social-login-button",
11623
11638
  "data-provider": e,
@@ -11641,7 +11656,7 @@ function Yu({ provider: e, loading: t = !1, fullWidth: n = !1, className: r, dis
11641
11656
  strokeDasharray: "30",
11642
11657
  strokeDashoffset: "10"
11643
11658
  })
11644
- }) : /* @__PURE__ */ B(qu, {
11659
+ }) : /* @__PURE__ */ B(Ju, {
11645
11660
  platform: s.platform,
11646
11661
  tone: s.iconTone,
11647
11662
  size: 22,
@@ -11655,13 +11670,13 @@ function Yu({ provider: e, loading: t = !1, fullWidth: n = !1, className: r, dis
11655
11670
  }
11656
11671
  //#endregion
11657
11672
  //#region src/components/ui/image-gallery.tsx
11658
- var Xu = {
11673
+ var Zu = {
11659
11674
  square: "aspect-square",
11660
11675
  "4/3": "aspect-[4/3]",
11661
11676
  "16/9": "aspect-video",
11662
11677
  "3/4": "aspect-[3/4]"
11663
11678
  };
11664
- 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}` }) {
11665
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) => {
11666
11681
  p.current = e.touches[0].clientX;
11667
11682
  }, h = (e) => {
@@ -11674,7 +11689,7 @@ function Zu({ images: e, indicatorType: t = "thumbnail", aspectRatio: n = "4/3",
11674
11689
  className: G("flex flex-col gap-2", i),
11675
11690
  children: [
11676
11691
  /* @__PURE__ */ V("div", {
11677
- 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]"),
11678
11693
  onTouchStart: m,
11679
11694
  onTouchEnd: h,
11680
11695
  children: [
@@ -11769,7 +11784,7 @@ function Zu({ images: e, indicatorType: t = "thumbnail", aspectRatio: n = "4/3",
11769
11784
  }
11770
11785
  //#endregion
11771
11786
  //#region src/components/ui/navigation-bar.tsx
11772
- function Qu({ size: e = 20 }) {
11787
+ function $u({ size: e = 20 }) {
11773
11788
  return /* @__PURE__ */ B("svg", {
11774
11789
  width: e,
11775
11790
  height: e,
@@ -11785,7 +11800,7 @@ function Qu({ size: e = 20 }) {
11785
11800
  })
11786
11801
  });
11787
11802
  }
11788
- function $u({ size: e = 20 }) {
11803
+ function ed({ size: e = 20 }) {
11789
11804
  return /* @__PURE__ */ B("svg", {
11790
11805
  width: e,
11791
11806
  height: e,
@@ -11801,7 +11816,7 @@ function $u({ size: e = 20 }) {
11801
11816
  })
11802
11817
  });
11803
11818
  }
11804
- function ed({ size: e = 20 }) {
11819
+ function td({ size: e = 20 }) {
11805
11820
  return /* @__PURE__ */ V("svg", {
11806
11821
  width: e,
11807
11822
  height: e,
@@ -11822,8 +11837,8 @@ function ed({ size: e = 20 }) {
11822
11837
  })]
11823
11838
  });
11824
11839
  }
11825
- 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 }) {
11826
- 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";
11827
11842
  return /* @__PURE__ */ V("header", {
11828
11843
  "data-slot": "navigation-bar",
11829
11844
  className: G("relative flex items-center h-[60px] px-3", !c && "bg-[var(--Surface-Primary)]", l),
@@ -11849,7 +11864,7 @@ function td({ title: e, leftIcon: t = "back", onLeft: n, leftLabel: r, rightSlot
11849
11864
  size: "icon-xl",
11850
11865
  "aria-label": o,
11851
11866
  onClick: a,
11852
- children: /* @__PURE__ */ B(ed, {})
11867
+ children: /* @__PURE__ */ B(td, {})
11853
11868
  }) : null)
11854
11869
  })
11855
11870
  ]
@@ -11857,7 +11872,7 @@ function td({ title: e, leftIcon: t = "back", onLeft: n, leftLabel: r, rightSlot
11857
11872
  }
11858
11873
  //#endregion
11859
11874
  //#region src/components/patterns/app-header.tsx
11860
- 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 }) {
11861
11876
  let h = p === "glass", g = p === "transparent", _ = o ?? s;
11862
11877
  return /* @__PURE__ */ V("header", {
11863
11878
  "data-slot": "app-header",
@@ -11924,7 +11939,7 @@ function nd({ layout: e = "default", leading: t, logo: n, title: r, subtitle: i,
11924
11939
  }
11925
11940
  //#endregion
11926
11941
  //#region src/components/patterns/tag-input.tsx
11927
- 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 = "タグ入力" }) {
11928
11943
  let [c, l] = u.useState(""), d = u.useRef(null), f = u.useRef(!1), p = u.useCallback((n) => {
11929
11944
  let r = n.trim();
11930
11945
  r && (!a && e.includes(r) || i !== void 0 && e.length >= i || (t?.([...e, r]), l("")));
@@ -11967,7 +11982,7 @@ function rd({ value: e = [], onChange: t, placeholder: n = "タグを入力し
11967
11982
  value: c,
11968
11983
  onChange: (e) => l(e.target.value),
11969
11984
  onKeyDown: (t) => {
11970
- 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)));
11971
11986
  },
11972
11987
  onBlur: () => {
11973
11988
  if (f.current) {
@@ -11985,9 +12000,9 @@ function rd({ value: e = [], onChange: t, placeholder: n = "タグを入力し
11985
12000
  }
11986
12001
  //#endregion
11987
12002
  //#region src/components/patterns/swipe-row.tsx
11988
- var id = 72;
11989
- function ad({ children: e, actions: t = [], side: n = "right", className: r, actionsLabel: i = "行の操作" }) {
11990
- 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) => {
11991
12006
  o(e);
11992
12007
  }, []), g = (e) => {
11993
12008
  l.current = e.clientX, d.current = a, c(!0), f.current?.setPointerCapture(e.pointerId);
@@ -12037,7 +12052,7 @@ function ad({ children: e, actions: t = [], side: n = "right", className: r, act
12037
12052
  }
12038
12053
  //#endregion
12039
12054
  //#region src/components/patterns/confirm-dialog.tsx
12040
- 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 }) {
12041
12056
  let [d, f] = u.useState(!1), p = l || d, m = u.useCallback(async () => {
12042
12057
  f(!0);
12043
12058
  try {
@@ -12063,18 +12078,18 @@ function od({ open: e, onOpenChange: t, title: n, description: r, confirmLabel:
12063
12078
  }
12064
12079
  //#endregion
12065
12080
  //#region src/components/patterns/celebration.tsx
12066
- var sd = [
12081
+ var cd = [
12067
12082
  "var(--Brand-Primary)",
12068
12083
  "var(--Object-Success)",
12069
12084
  "var(--Object-Warning)",
12070
12085
  "var(--Object-Caution)",
12071
12086
  "var(--Object-Info)"
12072
12087
  ];
12073
- function cd(e) {
12088
+ function ld(e) {
12074
12089
  let t = Math.sin(e * 999) * 1e4;
12075
12090
  return t - Math.floor(t);
12076
12091
  }
12077
- function ld() {
12092
+ function ud() {
12078
12093
  let e = u.useCallback((e) => {
12079
12094
  if (typeof window > "u" || !window.matchMedia) return () => {};
12080
12095
  let t = window.matchMedia("(prefers-reduced-motion: reduce)");
@@ -12082,19 +12097,19 @@ function ld() {
12082
12097
  }, []), t = u.useCallback(() => typeof window < "u" && !!window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches, []);
12083
12098
  return u.useSyncExternalStore(e, t, () => !1);
12084
12099
  }
12085
- var ud = 1150, dd = 0, fd = 360, pd = 120, md = 280, hd = 12, gd = 28;
12086
- 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 }) {
12087
- 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) => {
12088
12103
  let n = {
12089
12104
  id: t,
12090
- delay: Math.round(E ? cd(t + 11) * 80 : cd(t + 11) * 420),
12091
- duration: Math.round(D * (.78 + cd(t + 21) * .44)),
12092
- rotate: Math.round(cd(t + 41) * 720),
12093
- 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),
12094
12109
  color: O[t % O.length]
12095
12110
  };
12096
12111
  if (E) {
12097
- 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);
12098
12113
  return {
12099
12114
  ...n,
12100
12115
  left: 0,
@@ -12107,8 +12122,8 @@ function _d({ active: e = !0, trigger: t = "confetti", placement: n = "overlay",
12107
12122
  }
12108
12123
  return {
12109
12124
  ...n,
12110
- left: Math.round(cd(t + 1) * 100),
12111
- 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),
12112
12127
  finalX: 0,
12113
12128
  finalY: 0,
12114
12129
  midX: 0,
@@ -12224,8 +12239,8 @@ function _d({ active: e = !0, trigger: t = "confetti", placement: n = "overlay",
12224
12239
  }
12225
12240
  //#endregion
12226
12241
  //#region src/components/patterns/celebration-dialog.tsx
12227
- 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 }) {
12228
- 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();
12229
12244
  return u.useEffect(() => {
12230
12245
  if (!e || !s) return;
12231
12246
  let n = window.setTimeout(() => t(!1), s);
@@ -12237,7 +12252,7 @@ function vd({ open: e, onOpenChange: t, icon: n, emoji: r, title: i, description
12237
12252
  ]), /* @__PURE__ */ V(un, {
12238
12253
  open: e,
12239
12254
  onOpenChange: t,
12240
- children: [e && /* @__PURE__ */ B(_d, {
12255
+ children: [e && /* @__PURE__ */ B(vd, {
12241
12256
  active: !0,
12242
12257
  trigger: "confetti",
12243
12258
  placement: "overlay",
@@ -12283,21 +12298,21 @@ function vd({ open: e, onOpenChange: t, icon: n, emoji: r, title: i, description
12283
12298
  }
12284
12299
  //#endregion
12285
12300
  //#region src/components/patterns/countdown-hero.tsx
12286
- function yd(e) {
12301
+ function bd(e) {
12287
12302
  if (e instanceof Date) return e;
12288
12303
  let t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e);
12289
12304
  return t ? new Date(Number(t[1]), Number(t[2]) - 1, Number(t[3])) : new Date(e);
12290
12305
  }
12291
- function bd(e) {
12306
+ function xd(e) {
12292
12307
  let t = new Date(e);
12293
12308
  return t.setHours(0, 0, 0, 0), t;
12294
12309
  }
12295
- function xd(e) {
12296
- let t = bd(/* @__PURE__ */ new Date()), n = bd(e);
12310
+ function Sd(e) {
12311
+ let t = xd(/* @__PURE__ */ new Date()), n = xd(e);
12297
12312
  return Math.round((n.getTime() - t.getTime()) / (1440 * 60 * 1e3));
12298
12313
  }
12299
- function Sd({ targetDate: e, label: t = "残り", todayLabel: n = "本日", pastLabel: r = "経過", unit: i = "days", dateLabel: a, todayValue: o, illustration: s, className: c }) {
12300
- 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)";
12301
12316
  return /* @__PURE__ */ V("div", {
12302
12317
  "data-slot": "countdown-hero",
12303
12318
  "data-state": d ? "today" : f ? "past" : "active",
@@ -12345,7 +12360,7 @@ function Sd({ targetDate: e, label: t = "残り", todayLabel: n = "本日", past
12345
12360
  }
12346
12361
  //#endregion
12347
12362
  //#region src/components/patterns/bottom-sheet-form.tsx
12348
- 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 }) {
12349
12364
  let [d, f] = u.useState(!1), p = s || d, m = u.useCallback(async (e) => {
12350
12365
  e.preventDefault(), f(!0);
12351
12366
  try {
@@ -12394,10 +12409,10 @@ function Cd({ open: e, onOpenChange: t, title: n, description: r, submitLabel: i
12394
12409
  }
12395
12410
  //#endregion
12396
12411
  //#region src/components/patterns/sheet-surface.ts
12397
- var wd = {
12412
+ var Td = {
12398
12413
  default: void 0,
12399
12414
  glass: "glass-strong"
12400
- }, Td = /* @__PURE__ */ new Set(["mobile-full", "mobile-page"]), Ed = {
12415
+ }, Ed = /* @__PURE__ */ new Set(["mobile-full", "mobile-page"]), Dd = {
12401
12416
  "mobile-full": [
12402
12417
  "p-0",
12403
12418
  "max-h-[calc(100dvh_-_env(safe-area-inset-top))]",
@@ -12417,7 +12432,7 @@ var wd = {
12417
12432
  ].join(" "),
12418
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(" ")
12419
12434
  };
12420
- 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 }) {
12421
12436
  return /* @__PURE__ */ B(wl, {
12422
12437
  "data-frame": "bottom-sheet-frame",
12423
12438
  "data-preset": t,
@@ -12425,17 +12440,17 @@ function Dd({ className: e, preset: t = "mobile-full", surface: n = "default", c
12425
12440
  side: "bottom",
12426
12441
  padding: !1,
12427
12442
  glassOverlay: i ?? n === "glass",
12428
- className: G(Ed[t], wd[n], e),
12443
+ className: G(Dd[t], Td[n], e),
12429
12444
  ...a,
12430
12445
  children: /* @__PURE__ */ B(an, {
12431
- scale: Td.has(t) ? "page" : "dialog",
12446
+ scale: Ed.has(t) ? "page" : "dialog",
12432
12447
  children: r
12433
12448
  })
12434
12449
  });
12435
12450
  }
12436
12451
  //#endregion
12437
12452
  //#region src/components/ui/responsive-dialog.tsx
12438
- function Od(e) {
12453
+ function kd(e) {
12439
12454
  let t = u.useCallback((t) => {
12440
12455
  if (typeof window > "u") return () => {};
12441
12456
  let n = window.matchMedia(e);
@@ -12443,18 +12458,18 @@ function Od(e) {
12443
12458
  }, [e]), n = u.useCallback(() => typeof window < "u" && window.matchMedia(e).matches, [e]);
12444
12459
  return u.useSyncExternalStore(t, n, () => !1);
12445
12460
  }
12446
- var kd = {
12461
+ var Ad = {
12447
12462
  sm: "(min-width: 640px)",
12448
12463
  md: "(min-width: 768px)",
12449
12464
  lg: "(min-width: 1024px)",
12450
12465
  xl: "(min-width: 1280px)"
12451
- }, Ad = kd.md, jd = "--Overlay-Desktop-Breakpoint";
12452
- function Md() {
12453
- if (typeof window > "u" || typeof document > "u") return Ad;
12454
- let e = window.getComputedStyle(document.documentElement).getPropertyValue(jd).trim();
12455
- 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;
12456
12471
  }
12457
- function Nd(e) {
12472
+ function Pd(e) {
12458
12473
  if (typeof window > "u" || typeof document > "u") return () => {};
12459
12474
  window.addEventListener("resize", e);
12460
12475
  let t = new MutationObserver(e);
@@ -12465,25 +12480,25 @@ function Nd(e) {
12465
12480
  window.removeEventListener("resize", e), t.disconnect();
12466
12481
  };
12467
12482
  }
12468
- function Pd(e) {
12469
- 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]);
12470
12485
  return u.useSyncExternalStore(t, n, () => !1);
12471
12486
  }
12472
- function Fd({ breakpoint: e = "md", breakpointQuery: t } = {}) {
12473
- 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);
12474
12489
  return n ? i : r;
12475
12490
  }
12476
- var Id = u.createContext(null);
12477
- function Ld() {
12478
- 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);
12479
12494
  return e ? e.isDesktop : t;
12480
12495
  }
12481
- 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 }) {
12482
- 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({
12483
12498
  breakpoint: t,
12484
12499
  breakpointQuery: n
12485
12500
  }), g = (r?.length ?? 0) > 0, _ = h && !g, v = u.useMemo(() => ({ isDesktop: _ }), [_]);
12486
- return /* @__PURE__ */ B(Id.Provider, {
12501
+ return /* @__PURE__ */ B(Ld.Provider, {
12487
12502
  value: v,
12488
12503
  children: _ ? /* @__PURE__ */ B(un, {
12489
12504
  open: l,
@@ -12507,8 +12522,8 @@ function Rd({ children: e, breakpoint: t, breakpointQuery: n, snapPoints: r, act
12507
12522
  })
12508
12523
  });
12509
12524
  }
12510
- function zd({ children: e, ...t }) {
12511
- return Ld() ? /* @__PURE__ */ B(dn, {
12525
+ function Bd({ children: e, ...t }) {
12526
+ return Rd() ? /* @__PURE__ */ B(dn, {
12512
12527
  ...t,
12513
12528
  children: e
12514
12529
  }) : /* @__PURE__ */ B(hl, {
@@ -12516,8 +12531,8 @@ function zd({ children: e, ...t }) {
12516
12531
  children: e
12517
12532
  });
12518
12533
  }
12519
- function Bd({ children: e, className: t, swipeToClose: n, position: r, safeArea: i, padding: a, ...o }) {
12520
- 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, {
12521
12536
  className: t,
12522
12537
  position: r,
12523
12538
  safeArea: i,
@@ -12533,8 +12548,8 @@ function Bd({ children: e, className: t, swipeToClose: n, position: r, safeArea:
12533
12548
  children: e
12534
12549
  });
12535
12550
  }
12536
- function Vd({ children: e, ...t }) {
12537
- return Ld() ? /* @__PURE__ */ B(gn, {
12551
+ function Hd({ children: e, ...t }) {
12552
+ return Rd() ? /* @__PURE__ */ B(gn, {
12538
12553
  ...t,
12539
12554
  children: e
12540
12555
  }) : /* @__PURE__ */ B(kl, {
@@ -12542,8 +12557,8 @@ function Vd({ children: e, ...t }) {
12542
12557
  children: e
12543
12558
  });
12544
12559
  }
12545
- function Hd({ children: e, ...t }) {
12546
- return Ld() ? /* @__PURE__ */ B(vn, {
12560
+ function Ud({ children: e, ...t }) {
12561
+ return Rd() ? /* @__PURE__ */ B(vn, {
12547
12562
  ...t,
12548
12563
  children: e
12549
12564
  }) : /* @__PURE__ */ B(jl, {
@@ -12551,8 +12566,8 @@ function Hd({ children: e, ...t }) {
12551
12566
  children: e
12552
12567
  });
12553
12568
  }
12554
- function Ud({ children: e, ...t }) {
12555
- return Ld() ? /* @__PURE__ */ B(yn, {
12569
+ function Wd({ children: e, ...t }) {
12570
+ return Rd() ? /* @__PURE__ */ B(yn, {
12556
12571
  ...t,
12557
12572
  children: e
12558
12573
  }) : /* @__PURE__ */ B(Ml, {
@@ -12560,8 +12575,8 @@ function Ud({ children: e, ...t }) {
12560
12575
  children: e
12561
12576
  });
12562
12577
  }
12563
- function Wd({ children: e, className: t, orientation: n = "split", ...r }) {
12564
- return Ld() ? /* @__PURE__ */ B(_n, {
12578
+ function Gd({ children: e, className: t, orientation: n = "split", ...r }) {
12579
+ return Rd() ? /* @__PURE__ */ B(_n, {
12565
12580
  className: t,
12566
12581
  orientation: n,
12567
12582
  ...r,
@@ -12574,8 +12589,8 @@ function Wd({ children: e, className: t, orientation: n = "split", ...r }) {
12574
12589
  children: e
12575
12590
  });
12576
12591
  }
12577
- function Gd({ children: e, ...t }) {
12578
- return Ld() ? /* @__PURE__ */ B(pn, {
12592
+ function Kd({ children: e, ...t }) {
12593
+ return Rd() ? /* @__PURE__ */ B(pn, {
12579
12594
  ...t,
12580
12595
  children: e
12581
12596
  }) : /* @__PURE__ */ B(gl, {
@@ -12585,7 +12600,7 @@ function Gd({ children: e, ...t }) {
12585
12600
  }
12586
12601
  //#endregion
12587
12602
  //#region src/lib/use-visual-viewport-keyboard-inset.ts
12588
- function Kd(e, t, n) {
12603
+ function qd(e, t, n) {
12589
12604
  let r = Math.max(0, e - t - n);
12590
12605
  return r < 1 ? {
12591
12606
  keyboardInset: 0,
@@ -12597,7 +12612,7 @@ function Kd(e, t, n) {
12597
12612
  isKeyboardOpen: !0
12598
12613
  };
12599
12614
  }
12600
- function qd() {
12615
+ function Jd() {
12601
12616
  let [e, t] = u.useState({
12602
12617
  keyboardInset: 0,
12603
12618
  visibleHeight: null,
@@ -12615,7 +12630,7 @@ function qd() {
12615
12630
  });
12616
12631
  return;
12617
12632
  }
12618
- let r = Kd(window.innerHeight, e.height, e.offsetTop);
12633
+ let r = qd(window.innerHeight, e.height, e.offsetTop);
12619
12634
  t(n && !r.isKeyboardOpen ? {
12620
12635
  ...r,
12621
12636
  isKeyboardOpen: !0
@@ -12636,7 +12651,7 @@ function qd() {
12636
12651
  }
12637
12652
  //#endregion
12638
12653
  //#region src/components/patterns/keyboard-aware-sheet-footer.tsx
12639
- function Jd({ enabled: e = !0, block: t = "center", behavior: n = "smooth" } = {}) {
12654
+ function Yd({ enabled: e = !0, block: t = "center", behavior: n = "smooth" } = {}) {
12640
12655
  let r = u.useRef(null);
12641
12656
  return u.useEffect(() => {
12642
12657
  if (!e) return;
@@ -12659,14 +12674,14 @@ function Jd({ enabled: e = !0, block: t = "center", behavior: n = "smooth" } = {
12659
12674
  e
12660
12675
  ]), r;
12661
12676
  }
12662
- function Yd({ className: e, behavior: t = "fixed", hideWhenInputFocused: n = t === "hide", surface: r = "default", style: i, children: a, ...o }) {
12663
- 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;
12664
12679
  return /* @__PURE__ */ B("div", {
12665
12680
  "data-slot": "keyboard-aware-sheet-footer",
12666
12681
  "data-behavior": t,
12667
12682
  "data-keyboard-open": c || void 0,
12668
12683
  "data-surface": r,
12669
- 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),
12670
12685
  style: {
12671
12686
  "--ksk-keyboard-inset": `${s}px`,
12672
12687
  ...i
@@ -12677,17 +12692,17 @@ function Yd({ className: e, behavior: t = "fixed", hideWhenInputFocused: n = t =
12677
12692
  }
12678
12693
  //#endregion
12679
12694
  //#region src/components/patterns/responsive-overlay-frame.tsx
12680
- var Xd = {
12695
+ var Zd = {
12681
12696
  "mobile-full": "sm:max-w-xl max-h-[min(90dvh,44rem)] flex flex-col overflow-hidden",
12682
12697
  "mobile-page": "sm:max-w-xl max-h-[min(90dvh,44rem)] flex flex-col overflow-hidden",
12683
12698
  "mobile-form": "sm:max-w-lg max-h-[min(85dvh,40rem)] flex flex-col overflow-hidden",
12684
12699
  "desktop-floating": "sm:max-w-xl max-h-[min(86dvh,42rem)] flex flex-col overflow-hidden"
12685
- }, 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 = {
12686
12701
  "mobile-full": "min(90dvh, 44rem)",
12687
12702
  "mobile-page": "min(90dvh, 44rem)",
12688
12703
  "mobile-form": "min(85dvh, 40rem)",
12689
12704
  "desktop-floating": "min(86dvh, 42rem)"
12690
- }, af = /* @__PURE__ */ new Set([
12705
+ }, of = /* @__PURE__ */ new Set([
12691
12706
  "none",
12692
12707
  "auto",
12693
12708
  "fit-content",
@@ -12699,13 +12714,13 @@ var Xd = {
12699
12714
  "revert-layer",
12700
12715
  "unset"
12701
12716
  ]);
12702
- function of(e) {
12717
+ function sf(e) {
12703
12718
  if (typeof e == "number") return `${e}px`;
12704
12719
  let t = e.trim().toLowerCase();
12705
- if (!af.has(t) && !t.startsWith("fit-content(")) return e;
12720
+ if (!of.has(t) && !t.startsWith("fit-content(")) return e;
12706
12721
  }
12707
- var sf = "min(85dvh, 46rem)", cf = "min(90dvh, 46rem)";
12708
- function lf(e, t, n) {
12722
+ var cf = "min(85dvh, 46rem)", lf = "min(90dvh, 46rem)";
12723
+ function uf(e, t, n) {
12709
12724
  let r = u.useRef(null), [i, a] = u.useState(null), o = u.useCallback((e) => {
12710
12725
  r.current = e, a(e);
12711
12726
  }, []), [s, c] = u.useState();
@@ -12729,48 +12744,48 @@ function lf(e, t, n) {
12729
12744
  measured: s
12730
12745
  };
12731
12746
  }
12732
- function uf(e, t, n, r) {
12747
+ function df(e, t, n, r) {
12733
12748
  let i = Number.isFinite(r) && r > 0 ? r : 1, a = e - (t + n) * i;
12734
12749
  return a < 1 ? 0 : a;
12735
12750
  }
12736
- function df() {
12751
+ function ff() {
12737
12752
  let [e, t] = u.useState(0);
12738
12753
  return u.useEffect(() => {
12739
12754
  if (typeof window > "u") return;
12740
12755
  let e = window.visualViewport;
12741
12756
  if (!e) return;
12742
- 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));
12743
12758
  return n(), e.addEventListener("resize", n), e.addEventListener("scroll", n), () => {
12744
12759
  e.removeEventListener("resize", n), e.removeEventListener("scroll", n);
12745
12760
  };
12746
12761
  }, []), e;
12747
12762
  }
12748
- function ff() {
12763
+ function pf() {
12749
12764
  let [e, t] = u.useState(!1);
12750
12765
  return u.useEffect(() => {
12751
12766
  if (typeof document > "u") return;
12752
12767
  let e = () => {
12753
12768
  let e = document.activeElement;
12754
- 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)));
12755
12770
  }, n = () => window.setTimeout(e, 0);
12756
12771
  return e(), document.addEventListener("focusin", n), document.addEventListener("focusout", n), () => {
12757
12772
  document.removeEventListener("focusin", n), document.removeEventListener("focusout", n);
12758
12773
  };
12759
12774
  }, []), e;
12760
12775
  }
12761
- function pf(e, t, n, r) {
12776
+ function mf(e, t, n, r) {
12762
12777
  if (e <= 0) return;
12763
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)")];
12764
12779
  return { maxHeight: `min(${(n ? [n, ...a] : a).join(", ")})` };
12765
12780
  }
12766
- function mf(e) {
12767
- 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;
12768
12783
  if (d && f) {
12769
12784
  let { container: e, overlayClassName: n, glassOverlay: o, swipeToClose: d, ...f } = u;
12770
12785
  return /* @__PURE__ */ B(hn, {
12771
12786
  position: c,
12772
12787
  padding: !1,
12773
- 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),
12774
12789
  ...f,
12775
12790
  ref: C,
12776
12791
  style: {
@@ -12792,7 +12807,7 @@ function mf(e) {
12792
12807
  return /* @__PURE__ */ B(hn, {
12793
12808
  position: c,
12794
12809
  padding: !1,
12795
- className: G(ef, i && "p-6", wd[r], a, s),
12810
+ className: G(tf, i && "p-6", Td[r], a, s),
12796
12811
  ...d,
12797
12812
  ref: C,
12798
12813
  style: {
@@ -12813,7 +12828,7 @@ function mf(e) {
12813
12828
  if (p) return /* @__PURE__ */ B(wl, {
12814
12829
  side: "bottom",
12815
12830
  padding: i,
12816
- className: G(wd[r], a, o),
12831
+ className: G(Td[r], a, o),
12817
12832
  ...u,
12818
12833
  "data-frame": "responsive-overlay-frame",
12819
12834
  "data-preset": "plain",
@@ -12833,7 +12848,7 @@ function mf(e) {
12833
12848
  return /* @__PURE__ */ B(hn, {
12834
12849
  position: c,
12835
12850
  padding: !1,
12836
- className: G(Xd[D], wd[r], a, s),
12851
+ className: G(Zd[D], Td[r], a, s),
12837
12852
  ...o,
12838
12853
  ref: C,
12839
12854
  style: {
@@ -12846,12 +12861,12 @@ function mf(e) {
12846
12861
  "data-preset": D,
12847
12862
  "data-surface": r,
12848
12863
  children: /* @__PURE__ */ B(an, {
12849
- scale: Zd.has(D) ? "page" : "dialog",
12864
+ scale: Qd.has(D) ? "page" : "dialog",
12850
12865
  children: l
12851
12866
  })
12852
12867
  });
12853
12868
  }
12854
- return /* @__PURE__ */ B(Dd, {
12869
+ return /* @__PURE__ */ B(Od, {
12855
12870
  preset: D,
12856
12871
  surface: r,
12857
12872
  className: G(a, o),
@@ -12859,15 +12874,15 @@ function mf(e) {
12859
12874
  children: l
12860
12875
  });
12861
12876
  }
12862
- function hf({ behavior: e = "fixed", surface: t = "default", hideWhenInputFocused: n, className: r, children: i, ...a }) {
12863
- 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", {
12864
12879
  "data-slot": "keyboard-aware-sheet-footer",
12865
12880
  "data-behavior": e,
12866
12881
  "data-surface": t,
12867
- 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),
12868
12883
  ...a,
12869
12884
  children: i
12870
- }) : /* @__PURE__ */ B(Yd, {
12885
+ }) : /* @__PURE__ */ B(Xd, {
12871
12886
  behavior: e,
12872
12887
  surface: t,
12873
12888
  hideWhenInputFocused: n,
@@ -12878,8 +12893,8 @@ function hf({ behavior: e = "fixed", surface: t = "default", hideWhenInputFocuse
12878
12893
  }
12879
12894
  //#endregion
12880
12895
  //#region src/components/patterns/side-drawer-frame.tsx
12881
- var gf = "h-full w-full max-w-md flex flex-col overflow-hidden";
12882
- 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 }) {
12883
12898
  return /* @__PURE__ */ B(wl, {
12884
12899
  "data-frame": "side-drawer-frame",
12885
12900
  "data-side": t,
@@ -12887,14 +12902,14 @@ function _f({ className: e, side: t = "right", surface: n = "default", children:
12887
12902
  side: t,
12888
12903
  padding: !1,
12889
12904
  glassOverlay: i ?? n === "glass",
12890
- className: G(gf, wd[n], e),
12905
+ className: G(_f, Td[n], e),
12891
12906
  ...a,
12892
12907
  children: r
12893
12908
  });
12894
12909
  }
12895
12910
  //#endregion
12896
12911
  //#region src/components/patterns/detail-sheet-scaffold.tsx
12897
- function vf({ className: e, header: t, footer: n, children: r, ...i }) {
12912
+ function yf({ className: e, header: t, footer: n, children: r, ...i }) {
12898
12913
  return /* @__PURE__ */ V("div", {
12899
12914
  "data-slot": "detail-sheet-scaffold",
12900
12915
  className: G("flex max-h-[inherit] min-h-0 flex-col bg-[var(--Surface-Primary)] text-[var(--Text-High-Emphasis)]", e),
@@ -12910,7 +12925,7 @@ function vf({ className: e, header: t, footer: n, children: r, ...i }) {
12910
12925
  ]
12911
12926
  });
12912
12927
  }
12913
- 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 }) {
12914
12929
  let c = n ?? t;
12915
12930
  return /* @__PURE__ */ V("div", {
12916
12931
  "data-slot": "detail-sheet-header",
@@ -12948,7 +12963,7 @@ function yf({ className: e, title: t, titleEditor: n, description: r, leading: i
12948
12963
  ]
12949
12964
  });
12950
12965
  }
12951
- function bf({ className: e, ...t }) {
12966
+ function xf({ className: e, ...t }) {
12952
12967
  return /* @__PURE__ */ B("div", {
12953
12968
  "data-slot": "detail-sheet-body",
12954
12969
  className: G("min-h-0 flex-1 overflow-y-auto px-5 py-4", e),
@@ -12957,8 +12972,8 @@ function bf({ className: e, ...t }) {
12957
12972
  }
12958
12973
  //#endregion
12959
12974
  //#region src/components/patterns/mobile-floating-action-button.tsx
12960
- 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 }) {
12961
- 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;
12962
12977
  return /* @__PURE__ */ V(K, {
12963
12978
  ...f,
12964
12979
  "data-slot": "mobile-floating-action-button",
@@ -12983,7 +12998,7 @@ function xf({ className: e, label: t, icon: n, showLabel: r = !1, placement: i =
12983
12998
  }
12984
12999
  //#endregion
12985
13000
  //#region src/components/patterns/mobile-app-header.tsx
12986
- 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 }) {
12987
13002
  return /* @__PURE__ */ V(c ? "header" : "div", {
12988
13003
  "data-slot": "mobile-app-header",
12989
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),
@@ -13025,7 +13040,7 @@ function Sf({ className: e, brand: t, leading: n, status: r, compactStatus: i, a
13025
13040
  }
13026
13041
  //#endregion
13027
13042
  //#region src/components/patterns/mobile-app-shell.tsx
13028
- 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 }) {
13029
13044
  return /* @__PURE__ */ B("div", {
13030
13045
  "data-slot": "mobile-app-shell",
13031
13046
  className: G("min-h-dvh bg-[var(--Surface-Secondary)] text-[var(--Text-High-Emphasis)]", e),
@@ -13045,7 +13060,7 @@ function Cf({ className: e, style: t, header: n, bottomNav: r, fab: i, desktopSi
13045
13060
  n && /* @__PURE__ */ B("header", {
13046
13061
  "data-slot": "mobile-app-shell-header",
13047
13062
  className: "sticky top-0 z-[var(--Z-Nav)] shrink-0 bg-[var(--Surface-Primary)]",
13048
- 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
13049
13064
  }),
13050
13065
  /* @__PURE__ */ B("main", {
13051
13066
  "data-slot": "mobile-app-shell-main",
@@ -13079,9 +13094,9 @@ function Cf({ className: e, style: t, header: n, bottomNav: r, fab: i, desktopSi
13079
13094
  }
13080
13095
  //#endregion
13081
13096
  //#region src/components/patterns/commerce/bottom-tab-bar.tsx
13082
- var wf = "bottom-nav-selected-surface", Tf = typeof window < "u" ? u.useLayoutEffect : u.useEffect;
13083
- function Ef(e) {
13084
- 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();
13085
13100
  return {
13086
13101
  keyboardBehavior: e,
13087
13102
  isKeyboardOpen: n,
@@ -13089,9 +13104,9 @@ function Ef(e) {
13089
13104
  liftInset: e === "lift" ? t : 0
13090
13105
  };
13091
13106
  }
13092
- 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 }) {
13093
- let m = Ef(l);
13094
- 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, {
13095
13110
  className: e,
13096
13111
  items: t,
13097
13112
  centerAction: n,
@@ -13105,7 +13120,7 @@ function Df({ className: e, items: t, centerAction: n, showLabels: r, tone: i =
13105
13120
  navLabel: d,
13106
13121
  showOnDesktop: f,
13107
13122
  ...p
13108
- }) : /* @__PURE__ */ B(Of, {
13123
+ }) : /* @__PURE__ */ B(kf, {
13109
13124
  className: e,
13110
13125
  items: t,
13111
13126
  keyboardState: m,
@@ -13114,7 +13129,7 @@ function Df({ className: e, items: t, centerAction: n, showLabels: r, tone: i =
13114
13129
  ...p
13115
13130
  });
13116
13131
  }
13117
- 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 }) {
13118
13133
  return /* @__PURE__ */ B("nav", {
13119
13134
  "data-slot": "bottom-tab-bar",
13120
13135
  "data-keyboard-behavior": n.keyboardBehavior,
@@ -13128,14 +13143,14 @@ function Of({ className: e, items: t, keyboardState: n, style: r, navLabel: i =
13128
13143
  ...o,
13129
13144
  children: /* @__PURE__ */ B("div", {
13130
13145
  className: "flex h-14 items-center justify-around px-1",
13131
- children: t.map((e) => /* @__PURE__ */ B(Af, {
13146
+ children: t.map((e) => /* @__PURE__ */ B(jf, {
13132
13147
  item: e,
13133
13148
  compact: !1
13134
13149
  }, e.label))
13135
13150
  })
13136
13151
  });
13137
13152
  }
13138
- 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 }) {
13139
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(() => {
13140
13155
  let e = b.current;
13141
13156
  if (!e) return;
@@ -13155,7 +13170,7 @@ function kf({ className: e, items: t, centerAction: n, showLabels: r, tone: i =
13155
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;
13156
13171
  });
13157
13172
  }, []);
13158
- Tf(T), u.useEffect(() => {
13173
+ Ef(T), u.useEffect(() => {
13159
13174
  if (x && !C) {
13160
13175
  let e = requestAnimationFrame(() => w(!0));
13161
13176
  return () => cancelAnimationFrame(e);
@@ -13191,7 +13206,7 @@ function kf({ className: e, items: t, centerAction: n, showLabels: r, tone: i =
13191
13206
  children: [
13192
13207
  x && /* @__PURE__ */ B("span", {
13193
13208
  "aria-hidden": "true",
13194
- "data-slot": wf,
13209
+ "data-slot": Tf,
13195
13210
  "data-nav-platter": !0,
13196
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"),
13197
13212
  style: {
@@ -13200,15 +13215,15 @@ function kf({ className: e, items: t, centerAction: n, showLabels: r, tone: i =
13200
13215
  transform: `translate3d(${x.x}px, ${x.y}px, 0)`
13201
13216
  }
13202
13217
  }),
13203
- v.map((e, t) => /* @__PURE__ */ B(Af, {
13218
+ v.map((e, t) => /* @__PURE__ */ B(jf, {
13204
13219
  item: e,
13205
13220
  compact: !0,
13206
13221
  showLabel: g,
13207
13222
  tone: i,
13208
13223
  suppressPlatter: x !== null
13209
13224
  }, `${e.href ?? e.label}-${t}`)),
13210
- n ? /* @__PURE__ */ B(jf, { item: n }) : null,
13211
- y.map((e, t) => /* @__PURE__ */ B(Af, {
13225
+ n ? /* @__PURE__ */ B(Mf, { item: n }) : null,
13226
+ y.map((e, t) => /* @__PURE__ */ B(jf, {
13212
13227
  item: e,
13213
13228
  compact: !0,
13214
13229
  showLabel: g,
@@ -13218,7 +13233,7 @@ function kf({ className: e, items: t, centerAction: n, showLabels: r, tone: i =
13218
13233
  ]
13219
13234
  })] });
13220
13235
  }
13221
- 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 }) {
13222
13237
  let a = e.href ? "a" : "button", o = e.href ? { href: e.href } : {
13223
13238
  type: "button",
13224
13239
  onClick: e.onClick
@@ -13248,7 +13263,7 @@ function Af({ item: e, compact: t, showLabel: n, tone: r = "default", suppressPl
13248
13263
  })]
13249
13264
  });
13250
13265
  }
13251
- function jf({ item: e }) {
13266
+ function Mf({ item: e }) {
13252
13267
  let t = e.href ? "a" : "button", n = e.href ? { href: e.href } : {
13253
13268
  type: "button",
13254
13269
  onClick: e.onClick
@@ -13272,7 +13287,7 @@ function jf({ item: e }) {
13272
13287
  }
13273
13288
  //#endregion
13274
13289
  //#region src/components/patterns/commerce/mobile-tab-bar.tsx
13275
- function Mf() {
13290
+ function Nf() {
13276
13291
  return /* @__PURE__ */ B("span", {
13277
13292
  "data-global-nav-add-icon": !0,
13278
13293
  "aria-hidden": "true",
@@ -13284,7 +13299,7 @@ function Mf() {
13284
13299
  })
13285
13300
  });
13286
13301
  }
13287
- 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 }) {
13288
13303
  let s = u.useCallback((e) => {
13289
13304
  let t = e.target;
13290
13305
  t instanceof Element && t.closest("button, a")?.blur();
@@ -13307,11 +13322,11 @@ function Nf({ tabs: e, activeTab: t, onSelect: n, addAction: r, floatingPosition
13307
13322
  }), l = r ? {
13308
13323
  label: "",
13309
13324
  ariaLabel: r.ariaLabel ?? r.label,
13310
- icon: /* @__PURE__ */ B(Mf, {}),
13311
- activeIcon: /* @__PURE__ */ B(Mf, {}),
13325
+ icon: /* @__PURE__ */ B(Nf, {}),
13326
+ activeIcon: /* @__PURE__ */ B(Nf, {}),
13312
13327
  onClick: r.onClick
13313
13328
  } : void 0;
13314
- return /* @__PURE__ */ B(Df, {
13329
+ return /* @__PURE__ */ B(Of, {
13315
13330
  className: a ? o : o ? `lg:hidden ${o}` : "lg:hidden",
13316
13331
  variant: "pill",
13317
13332
  pillPosition: "fixed",
@@ -13326,7 +13341,7 @@ function Nf({ tabs: e, activeTab: t, onSelect: n, addAction: r, floatingPosition
13326
13341
  }
13327
13342
  //#endregion
13328
13343
  //#region src/components/patterns/chip.tsx
13329
- 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)]", {
13330
13345
  variants: {
13331
13346
  variant: {
13332
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)]",
@@ -13352,7 +13367,7 @@ var Pf = H("inline-flex items-center justify-center gap-1.5 whitespace-nowrap cu
13352
13367
  shape: "pill"
13353
13368
  }
13354
13369
  });
13355
- 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 }) {
13356
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", {
13357
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)]"),
13358
13373
  children: f
@@ -13388,7 +13403,7 @@ function Ff({ className: e, id: t, style: n, title: r, variant: i = "filled", si
13388
13403
  tile: "h-12 w-11"
13389
13404
  }[v], O = y === "square" || v === "tile" ? "rounded-r-sm" : y === "rounded" ? "rounded-r-lg" : "rounded-r-[var(--Chip-Radius)]";
13390
13405
  if (u) {
13391
- let l = G("relative", Pf({
13406
+ let l = G("relative", Ff({
13392
13407
  variant: i,
13393
13408
  size: a,
13394
13409
  shape: o
@@ -13433,7 +13448,7 @@ function Ff({ className: e, id: t, style: n, title: r, variant: i = "filled", si
13433
13448
  "data-slot": "chip",
13434
13449
  "data-variant": i,
13435
13450
  "data-selected": c || void 0,
13436
- className: G("relative", Pf({
13451
+ className: G("relative", Ff({
13437
13452
  variant: i,
13438
13453
  size: a,
13439
13454
  shape: o
@@ -13450,7 +13465,7 @@ function Ff({ className: e, id: t, style: n, title: r, variant: i = "filled", si
13450
13465
  "data-sold-out": g || void 0,
13451
13466
  "aria-pressed": c === void 0 ? void 0 : c,
13452
13467
  disabled: _,
13453
- className: G("relative", Pf({
13468
+ className: G("relative", Ff({
13454
13469
  variant: i,
13455
13470
  size: a,
13456
13471
  shape: o
@@ -13461,14 +13476,14 @@ function Ff({ className: e, id: t, style: n, title: r, variant: i = "filled", si
13461
13476
  }
13462
13477
  //#endregion
13463
13478
  //#region src/components/patterns/chip-selector.tsx
13464
- var If = () => {
13479
+ var Lf = () => {
13465
13480
  let e = globalThis.process;
13466
13481
  return !!e && e.env?.NODE_ENV !== "production";
13467
13482
  };
13468
- function Lf(e) {
13483
+ function Rf(e) {
13469
13484
  return Array.from(e.querySelectorAll("button[data-slot=\"chip\"]")).filter((t) => t.closest("[data-slot=\"chip-selector\"]") === e);
13470
13485
  }
13471
- 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 }) {
13472
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) => {
13473
13488
  if (l && !f) {
13474
13489
  n(e[0] ?? null);
@@ -13495,10 +13510,10 @@ function Rf({ options: e, value: t, onChange: n, multiple: r = !0, selectionMode
13495
13510
  return u.useEffect(() => {
13496
13511
  let e = d.current;
13497
13512
  if (!l || !e) return;
13498
- 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);
13499
13514
  t.forEach((e, t) => {
13500
13515
  e.tabIndex = t === r ? 0 : -1;
13501
- }), 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" を使ってください。`);
13502
13517
  }), /* @__PURE__ */ B("div", {
13503
13518
  "data-slot": "chip-selector",
13504
13519
  ref: d,
@@ -13509,7 +13524,7 @@ function Rf({ options: e, value: t, onChange: n, multiple: r = !0, selectionMode
13509
13524
  if (t === 0) return;
13510
13525
  let n = d.current;
13511
13526
  if (!n) return;
13512
- 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;
13513
13528
  if (a < 0 || r.length === 0) return;
13514
13529
  e.preventDefault();
13515
13530
  let o = r[(a + t + r.length) % r.length];
@@ -13520,7 +13535,7 @@ function Rf({ options: e, value: t, onChange: n, multiple: r = !0, selectionMode
13520
13535
  className: G("flex flex-wrap gap-2", s),
13521
13536
  children: e.map((e) => {
13522
13537
  let t = p.includes(e.value), n = !t && !!a && p.length >= a;
13523
- return /* @__PURE__ */ V(Ff, {
13538
+ return /* @__PURE__ */ V(If, {
13524
13539
  size: o,
13525
13540
  variant: t ? "accent" : "outline",
13526
13541
  selected: t,
@@ -13541,7 +13556,7 @@ function Rf({ options: e, value: t, onChange: n, multiple: r = !0, selectionMode
13541
13556
  }
13542
13557
  //#endregion
13543
13558
  //#region src/components/patterns/collapsible-chip-field.tsx
13544
- 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 }) {
13545
13560
  let d = r != null && r !== "", [f, p] = u.useState({
13546
13561
  selected: r,
13547
13562
  forced: !1
@@ -13615,7 +13630,7 @@ function zf({ icon: e, label: t, options: n, selected: r, onSelect: i, onClear:
13615
13630
  role: g ? "radiogroup" : void 0,
13616
13631
  "aria-label": g ? y : void 0,
13617
13632
  className: "flex gap-2 flex-1 flex-wrap min-h-11 items-center",
13618
- children: _.map((e, t) => /* @__PURE__ */ V(Ff, {
13633
+ children: _.map((e, t) => /* @__PURE__ */ V(If, {
13619
13634
  size: "md",
13620
13635
  "data-value": e,
13621
13636
  selected: !m && r === e,
@@ -13640,8 +13655,8 @@ function zf({ icon: e, label: t, options: n, selected: r, onSelect: i, onClear:
13640
13655
  }
13641
13656
  //#endregion
13642
13657
  //#region src/components/patterns/chip-filter-bar.tsx
13643
- var Bf = (e) => `${e.toLocaleString("ja-JP")}件`;
13644
- 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 }) {
13645
13660
  return a ? /* @__PURE__ */ B(z, { children: e }) : /* @__PURE__ */ V("div", {
13646
13661
  "data-slot": "chip-filter-bar",
13647
13662
  className: o,
@@ -13657,7 +13672,7 @@ function Vf({ children: e, resultCount: t, resultCountLabel: n = Bf, sticky: r =
13657
13672
  }
13658
13673
  //#endregion
13659
13674
  //#region src/components/patterns/banner.tsx
13660
- 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", {
13661
13676
  variants: { variant: {
13662
13677
  info: "border-[var(--Border-Info)] bg-[var(--Surface-Info)] text-[var(--Text-Info)]",
13663
13678
  success: "border-[var(--Border-Success)] bg-[var(--Surface-Success)] text-[var(--Text-Success)]",
@@ -13666,11 +13681,11 @@ var Hf = H("flex items-start gap-3 rounded-lg border border-[var(--Border-Info)]
13666
13681
  } },
13667
13682
  defaultVariants: { variant: "info" }
13668
13683
  });
13669
- 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 }) {
13670
13685
  return /* @__PURE__ */ V("div", {
13671
13686
  "data-slot": "banner",
13672
13687
  role: "alert",
13673
- className: G(Hf({ variant: t }), e),
13688
+ className: G(Uf({ variant: t }), e),
13674
13689
  ...s,
13675
13690
  children: [
13676
13691
  n && /* @__PURE__ */ B("div", {
@@ -13700,7 +13715,7 @@ function Uf({ className: e, variant: t, icon: n, title: r, description: i, actio
13700
13715
  }
13701
13716
  //#endregion
13702
13717
  //#region src/components/patterns/empty-state.tsx
13703
- 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 }) {
13704
13719
  let p = u === "inline", m = i ?? (a ? /* @__PURE__ */ V(K, {
13705
13720
  ...c,
13706
13721
  onClick: c?.onClick ?? (l ? () => l() : void 0),
@@ -13713,7 +13728,7 @@ function Wf({ className: e, icon: t, title: n, description: r, action: i, action
13713
13728
  "data-action-layout": m ? s : void 0,
13714
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),
13715
13730
  ...f,
13716
- children: [t && /* @__PURE__ */ B(Tu, {
13731
+ children: [t && /* @__PURE__ */ B(Eu, {
13717
13732
  appearance: "plain",
13718
13733
  className: G("text-[var(--Object-Low-Emphasis)]", p ? "shrink-0" : "mb-4", d),
13719
13734
  children: t
@@ -13739,7 +13754,7 @@ function Wf({ className: e, icon: t, title: n, description: r, action: i, action
13739
13754
  }
13740
13755
  //#endregion
13741
13756
  //#region src/components/patterns/error-state.tsx
13742
- function Gf({ className: e, "aria-hidden": t = !0, ...n }) {
13757
+ function Kf({ className: e, "aria-hidden": t = !0, ...n }) {
13743
13758
  return /* @__PURE__ */ V("svg", {
13744
13759
  ...n,
13745
13760
  "data-slot": "not-found-illustration",
@@ -13796,8 +13811,8 @@ function Gf({ className: e, "aria-hidden": t = !0, ...n }) {
13796
13811
  ]
13797
13812
  });
13798
13813
  }
13799
- function Kf({ className: e, kind: t = "error", icon: n, title: r, description: i, action: a, onRetry: o, retryLabel: s = "再試行", ...c }) {
13800
- 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 ? "お探しのページは移動または削除された可能性があります。" : "しばらくしてからもう一度お試しください");
13801
13816
  return /* @__PURE__ */ V("div", {
13802
13817
  "data-slot": "error-state",
13803
13818
  "data-kind": t,
@@ -13830,7 +13845,7 @@ function Kf({ className: e, kind: t = "error", icon: n, title: r, description: i
13830
13845
  }
13831
13846
  //#endregion
13832
13847
  //#region src/components/patterns/prose.tsx
13833
- function qf({ sections: e, className: t, ...n }) {
13848
+ function Jf({ sections: e, className: t, ...n }) {
13834
13849
  return /* @__PURE__ */ B("div", {
13835
13850
  "data-slot": "prose",
13836
13851
  className: G("flex flex-col gap-6", t),
@@ -13849,7 +13864,7 @@ function qf({ sections: e, className: t, ...n }) {
13849
13864
  }
13850
13865
  //#endregion
13851
13866
  //#region src/components/patterns/document-page.tsx
13852
- function Jf({ title: e, lastUpdated: t, children: n, className: r, ...i }) {
13867
+ function Yf({ title: e, lastUpdated: t, children: n, className: r, ...i }) {
13853
13868
  return /* @__PURE__ */ V("main", {
13854
13869
  "data-slot": "document-page",
13855
13870
  className: G("mx-auto flex w-full max-w-2xl flex-col px-4 py-10", r),
@@ -13871,7 +13886,7 @@ function Jf({ title: e, lastUpdated: t, children: n, className: r, ...i }) {
13871
13886
  }
13872
13887
  //#endregion
13873
13888
  //#region src/components/patterns/form-field.tsx
13874
- 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 }) {
13875
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, {
13876
13891
  "aria-invalid": i ? !0 : c.props["aria-invalid"],
13877
13892
  "aria-describedby": [c.props["aria-describedby"], h].filter(Boolean).join(" ") || void 0
@@ -13940,21 +13955,21 @@ function Yf({ className: e, label: t, htmlFor: n, required: r, error: i, descrip
13940
13955
  }
13941
13956
  //#endregion
13942
13957
  //#region src/components/patterns/field.tsx
13943
- function Xf({ className: e, ...t }) {
13958
+ function Zf({ className: e, ...t }) {
13944
13959
  return /* @__PURE__ */ B("fieldset", {
13945
13960
  "data-slot": "field-set",
13946
13961
  className: G("m-0 flex min-w-0 flex-col gap-6 border-0 p-0", e),
13947
13962
  ...t
13948
13963
  });
13949
13964
  }
13950
- function Zf({ className: e, ...t }) {
13965
+ function Qf({ className: e, ...t }) {
13951
13966
  return /* @__PURE__ */ B("legend", {
13952
13967
  "data-slot": "field-legend",
13953
13968
  className: G("typo-heading-md text-[var(--Text-High-Emphasis)]", e),
13954
13969
  ...t
13955
13970
  });
13956
13971
  }
13957
- function Qf({ className: e, ...t }) {
13972
+ function $f({ className: e, ...t }) {
13958
13973
  return /* @__PURE__ */ B("div", {
13959
13974
  ...t,
13960
13975
  "data-slot": "field-group",
@@ -13962,14 +13977,14 @@ function Qf({ className: e, ...t }) {
13962
13977
  className: G("flex min-w-0 flex-col gap-4", e)
13963
13978
  });
13964
13979
  }
13965
- function $f({ className: e, ...t }) {
13980
+ function ep({ className: e, ...t }) {
13966
13981
  return /* @__PURE__ */ B("p", {
13967
13982
  "data-slot": "field-description",
13968
13983
  className: G("typo-body-sm text-[var(--Text-Low-Emphasis)]", e),
13969
13984
  ...t
13970
13985
  });
13971
13986
  }
13972
- function ep({ className: e, children: t, ...n }) {
13987
+ function tp({ className: e, children: t, ...n }) {
13973
13988
  return u.Children.toArray(t).length === 0 ? null : /* @__PURE__ */ B("p", {
13974
13989
  ...n,
13975
13990
  "data-slot": "field-error",
@@ -13978,7 +13993,7 @@ function ep({ className: e, children: t, ...n }) {
13978
13993
  children: t
13979
13994
  });
13980
13995
  }
13981
- function tp({ className: e, children: t, ...n }) {
13996
+ function np({ className: e, children: t, ...n }) {
13982
13997
  let r = u.Children.toArray(t).length > 0;
13983
13998
  return /* @__PURE__ */ V("div", {
13984
13999
  "data-slot": "field-separator",
@@ -13992,7 +14007,7 @@ function tp({ className: e, children: t, ...n }) {
13992
14007
  }
13993
14008
  //#endregion
13994
14009
  //#region src/components/patterns/list-item.tsx
13995
- 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 }) {
13996
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: [
13997
14012
  t && /* @__PURE__ */ B("div", {
13998
14013
  className: "shrink-0",
@@ -14094,7 +14109,7 @@ function np({ className: e, leftSlot: t, rightSlot: n, bottomSlot: r, footerSlot
14094
14109
  }
14095
14110
  //#endregion
14096
14111
  //#region src/components/patterns/settings-section.tsx
14097
- 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 }) {
14098
14113
  let s = i === "card" || i === "danger";
14099
14114
  return /* @__PURE__ */ V("section", {
14100
14115
  "data-slot": "settings-section",
@@ -14125,7 +14140,7 @@ function rp({ className: e, title: t, description: n, action: r, variant: i = "g
14125
14140
  })]
14126
14141
  });
14127
14142
  }
14128
- 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 }) {
14129
14144
  let d = /* @__PURE__ */ V(z, { children: [
14130
14145
  r && /* @__PURE__ */ B("div", {
14131
14146
  "data-slot": "settings-list-row-leading",
@@ -14174,25 +14189,25 @@ function ip({ className: e, title: t, description: n, leading: r, rightSlot: i,
14174
14189
  }
14175
14190
  //#endregion
14176
14191
  //#region src/components/patterns/notification-badge.tsx
14177
- var ap = {
14192
+ var op = {
14178
14193
  xs: "size-1.5 min-w-0 px-0",
14179
14194
  sm: "min-w-4 h-4 px-1 typo-label-xs",
14180
14195
  default: "min-w-5 h-5 px-1.5 typo-label-xs"
14181
14196
  };
14182
- 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 }) {
14183
14198
  if (t <= 0) return null;
14184
14199
  let a = t > n ? `${n}+` : t;
14185
14200
  return /* @__PURE__ */ B("span", {
14186
14201
  "data-slot": "notification-badge",
14187
14202
  "data-size": r,
14188
- 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),
14189
14204
  ...i,
14190
14205
  children: r !== "xs" && a
14191
14206
  });
14192
14207
  }
14193
14208
  //#endregion
14194
14209
  //#region src/components/patterns/progress-steps.tsx
14195
- function sp({ className: e, steps: t, currentStep: n, ...r }) {
14210
+ function cp({ className: e, steps: t, currentStep: n, ...r }) {
14196
14211
  return /* @__PURE__ */ B("div", {
14197
14212
  "data-slot": "progress-steps",
14198
14213
  className: G("flex items-start overflow-x-auto", e),
@@ -14231,12 +14246,24 @@ function sp({ className: e, steps: t, currentStep: n, ...r }) {
14231
14246
  }
14232
14247
  //#endregion
14233
14248
  //#region src/components/patterns/search-bar.tsx
14234
- function cp({ className: e, onSearch: t, asForm: n = !1, ...r }) {
14235
- let i = (e) => {
14236
- n || e.key === "Enter" && !su(e) && t && t(e.currentTarget.value);
14237
- }, a = (e) => {
14238
- e.preventDefault(), t && t(e.currentTarget.elements.namedItem("search")?.value ?? "");
14239
- }, o = /* @__PURE__ */ V("svg", {
14249
+ function lp({ className: e, onSearch: t, asForm: n = !1, onKeyDown: r, onCompositionStart: i, onCompositionEnd: a, ...o }) {
14250
+ let s = u.useRef(!1), c = u.useRef(!1), l = u.useRef(null);
14251
+ u.useEffect(() => () => {
14252
+ l.current !== null && clearTimeout(l.current);
14253
+ }, []);
14254
+ let d = (e) => {
14255
+ if (r?.(e), !(e.defaultPrevented || e.key !== "Enter")) {
14256
+ if (s.current || cu(e)) {
14257
+ c.current = !0, l.current !== null && clearTimeout(l.current), l.current = setTimeout(() => {
14258
+ c.current = !1, l.current = null;
14259
+ }, 0);
14260
+ return;
14261
+ }
14262
+ c.current = !1, l.current !== null && (clearTimeout(l.current), l.current = null), n || t?.(e.currentTarget.value);
14263
+ }
14264
+ }, f = (e) => {
14265
+ e.preventDefault(), !s.current && !c.current && t && t(e.currentTarget.elements.namedItem("search")?.value ?? "");
14266
+ }, p = /* @__PURE__ */ V("svg", {
14240
14267
  width: "20",
14241
14268
  height: "20",
14242
14269
  viewBox: "0 0 20 20",
@@ -14255,30 +14282,36 @@ function cp({ className: e, onSearch: t, asForm: n = !1, ...r }) {
14255
14282
  strokeWidth: "2",
14256
14283
  strokeLinecap: "round"
14257
14284
  })]
14258
- }), s = /* @__PURE__ */ B("input", {
14285
+ }), m = /* @__PURE__ */ B("input", {
14259
14286
  type: "search",
14260
14287
  name: "search",
14261
14288
  "data-slot": "input",
14262
14289
  enterKeyHint: "search",
14263
14290
  className: G("flex h-12 w-full rounded-full border border-[var(--Border-Medium-Emphasis)] bg-[var(--Surface-Primary)] pl-10 pr-4 typo-body-md text-[var(--Text-High-Emphasis)]", "placeholder:text-[var(--Text-Low-Emphasis)]", "focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50 focus-visible:border-[var(--Border-Accent-Primary)]", "disabled:cursor-not-allowed disabled:opacity-50"),
14264
- onKeyDown: i,
14265
- ...r
14291
+ onKeyDown: d,
14292
+ onCompositionStart: (e) => {
14293
+ s.current = !0, i?.(e);
14294
+ },
14295
+ onCompositionEnd: (e) => {
14296
+ s.current = !1, a?.(e);
14297
+ },
14298
+ ...o
14266
14299
  });
14267
14300
  return n ? /* @__PURE__ */ V("form", {
14268
14301
  "data-slot": "search-bar",
14269
14302
  role: "search",
14270
14303
  className: G("relative w-full", e),
14271
- onSubmit: a,
14272
- children: [o, s]
14304
+ onSubmit: f,
14305
+ children: [p, m]
14273
14306
  }) : /* @__PURE__ */ V("div", {
14274
14307
  "data-slot": "search-bar",
14275
14308
  className: G("relative w-full", e),
14276
- children: [o, s]
14309
+ children: [p, m]
14277
14310
  });
14278
14311
  }
14279
14312
  //#endregion
14280
14313
  //#region src/components/patterns/section-header.tsx
14281
- function lp({ className: e, title: t, description: n, action: r, ...i }) {
14314
+ function up({ className: e, title: t, description: n, action: r, ...i }) {
14282
14315
  return /* @__PURE__ */ V("div", {
14283
14316
  "data-slot": "section-header",
14284
14317
  className: G("flex items-center justify-between gap-4", e),
@@ -14300,7 +14333,7 @@ function lp({ className: e, title: t, description: n, action: r, ...i }) {
14300
14333
  }
14301
14334
  //#endregion
14302
14335
  //#region src/components/patterns/stat-card.tsx
14303
- var up = {
14336
+ var dp = {
14304
14337
  default: {
14305
14338
  card: "border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)]",
14306
14339
  icon: "text-[var(--Object-Medium-Emphasis)]",
@@ -14327,8 +14360,8 @@ var up = {
14327
14360
  hoverBg: "hover:brightness-[0.98]"
14328
14361
  }
14329
14362
  };
14330
- function dp({ className: e, label: t, value: n, unit: r, trend: i, icon: a, variant: o = "default", interactive: s, onClick: c, ...l }) {
14331
- 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;
14332
14365
  return /* @__PURE__ */ V(d ? "button" : "div", {
14333
14366
  type: d ? "button" : void 0,
14334
14367
  "data-slot": "stat-card",
@@ -14379,7 +14412,7 @@ function dp({ className: e, label: t, value: n, unit: r, trend: i, icon: a, vari
14379
14412
  }
14380
14413
  //#endregion
14381
14414
  //#region src/lib/categorical.ts
14382
- var fp = {
14415
+ var pp = {
14383
14416
  1: "bg-[var(--Categorical-1-Subtle)] text-[var(--Categorical-1-Bold)]",
14384
14417
  2: "bg-[var(--Categorical-2-Subtle)] text-[var(--Categorical-2-Bold)]",
14385
14418
  3: "bg-[var(--Categorical-3-Subtle)] text-[var(--Categorical-3-Bold)]",
@@ -14396,7 +14429,7 @@ var fp = {
14396
14429
  14: "bg-[var(--Categorical-14-Subtle)] text-[var(--Categorical-14-Bold)]",
14397
14430
  15: "bg-[var(--Categorical-15-Subtle)] text-[var(--Categorical-15-Bold)]",
14398
14431
  16: "bg-[var(--Categorical-16-Subtle)] text-[var(--Categorical-16-Bold)]"
14399
- }, pp = {
14432
+ }, mp = {
14400
14433
  1: "bg-[var(--Categorical-1)]",
14401
14434
  2: "bg-[var(--Categorical-2)]",
14402
14435
  3: "bg-[var(--Categorical-3)]",
@@ -14414,15 +14447,15 @@ var fp = {
14414
14447
  15: "bg-[var(--Categorical-15)]",
14415
14448
  16: "bg-[var(--Categorical-16)]"
14416
14449
  };
14417
- function mp(e, t = "surface") {
14418
- return t === "dot" ? pp[e] : fp[e];
14450
+ function hp(e, t = "surface") {
14451
+ return t === "dot" ? mp[e] : pp[e];
14419
14452
  }
14420
- function hp(e, t = "base") {
14453
+ function gp(e, t = "base") {
14421
14454
  return t === "subtle" ? `var(--Categorical-${e}-Subtle)` : t === "bold" ? `var(--Categorical-${e}-Bold)` : `var(--Categorical-${e})`;
14422
14455
  }
14423
14456
  //#endregion
14424
14457
  //#region src/components/patterns/tag.tsx
14425
- 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", {
14426
14459
  variants: { variant: {
14427
14460
  default: "bg-[var(--Surface-Secondary)] text-[var(--Text-High-Emphasis)]",
14428
14461
  brand: "bg-[var(--Surface-Accent-Primary-Light)] text-[var(--Text-Accent-Primary)]",
@@ -14433,21 +14466,21 @@ var gp = H("inline-flex items-center rounded-sm px-2 py-0.5 typo-label-xs whites
14433
14466
  } },
14434
14467
  defaultVariants: { variant: "default" }
14435
14468
  });
14436
- 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 }) {
14437
14470
  return /* @__PURE__ */ V("span", {
14438
14471
  "data-slot": "tag",
14439
14472
  "data-categorical": n,
14440
- 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),
14441
14474
  ...a,
14442
14475
  children: [n && r && /* @__PURE__ */ B("span", {
14443
14476
  "aria-hidden": "true",
14444
- 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])
14445
14478
  }), i]
14446
14479
  });
14447
14480
  }
14448
14481
  //#endregion
14449
14482
  //#region src/components/ui/toast.tsx
14450
- 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", {
14451
14484
  variants: { variant: {
14452
14485
  default: "border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)] text-[var(--Text-High-Emphasis)]",
14453
14486
  success: "border-[var(--Border-Success)] bg-[var(--Surface-Success)] text-[var(--Text-Success)]",
@@ -14456,15 +14489,15 @@ var vp = H("relative flex w-full items-center gap-3 overflow-hidden rounded-lg b
14456
14489
  info: "border-[var(--Border-Info)] bg-[var(--Surface-Info)] text-[var(--Text-Info)]"
14457
14490
  } },
14458
14491
  defaultVariants: { variant: "default" }
14459
- }), yp = 0;
14460
- function bp() {
14461
- 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)}`;
14462
14495
  }
14463
14496
  var $ = {
14464
14497
  toasts: [],
14465
14498
  listeners: /* @__PURE__ */ new Set(),
14466
14499
  add(e) {
14467
- let t = bp(), n = {
14500
+ let t = xp(), n = {
14468
14501
  id: t,
14469
14502
  ...e
14470
14503
  };
@@ -14481,52 +14514,52 @@ var $ = {
14481
14514
  $.listeners.delete(e);
14482
14515
  };
14483
14516
  }
14484
- }, xp = {
14517
+ }, Sp = {
14485
14518
  region: "通知",
14486
14519
  close: "閉じる"
14487
14520
  };
14488
- function Sp(e) {
14489
- e.regionLabel !== void 0 && (xp.region = e.regionLabel), e.closeLabel !== void 0 && (xp.close = e.closeLabel);
14490
- }
14491
- var Cp = 0, wp = /* @__PURE__ */ new Set();
14492
- function Tp(e) {
14493
- 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);
14494
14523
  }
14524
+ var wp = 0, Tp = /* @__PURE__ */ new Set();
14495
14525
  function Ep(e) {
14496
- return wp.add(e), () => {
14497
- wp.delete(e);
14526
+ wp += e, Tp.forEach((e) => e());
14527
+ }
14528
+ function Dp(e) {
14529
+ return Tp.add(e), () => {
14530
+ Tp.delete(e);
14498
14531
  };
14499
14532
  }
14500
- var Dp = Object.freeze([]);
14501
- function Op() {
14502
- 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, []);
14503
14536
  return u.useSyncExternalStore(e, t, n);
14504
14537
  }
14505
- var kp = () => () => {}, Ap = () => !0, jp = () => !1;
14506
- function Mp() {
14507
- return u.useSyncExternalStore(kp, Ap, jp);
14508
- }
14538
+ var Ap = () => () => {}, jp = () => !0, Mp = () => !1;
14509
14539
  function Np() {
14510
- 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, []);
14511
14544
  return u.useSyncExternalStore(e, t, n);
14512
14545
  }
14513
- var Pp = u.createContext(null);
14514
- function Fp() {
14515
- 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) };
14516
14549
  }
14517
- function Ip({ regionLabel: e, closeLabel: t } = {}) {
14518
- let n = Op();
14519
- 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", {
14520
14553
  "data-slot": "toast-viewport",
14521
14554
  role: "region",
14522
- "aria-label": e ?? xp.region,
14555
+ "aria-label": e ?? Sp.region,
14523
14556
  "aria-live": "polite",
14524
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",
14525
14558
  children: n.map((e) => /* @__PURE__ */ V("div", {
14526
14559
  "data-slot": "toast",
14527
14560
  "data-variant": e.variant ?? "default",
14528
14561
  role: e.variant === "caution" ? "alert" : void 0,
14529
- className: G(vp({ variant: e.variant })),
14562
+ className: G(yp({ variant: e.variant })),
14530
14563
  children: [
14531
14564
  /* @__PURE__ */ V("div", {
14532
14565
  className: "flex-1 min-w-0",
@@ -14548,7 +14581,7 @@ function Ip({ regionLabel: e, closeLabel: t } = {}) {
14548
14581
  "data-slot": "button",
14549
14582
  onClick: () => $.dismiss(e.id),
14550
14583
  className: "shrink-0 text-[var(--Object-Medium-Emphasis)] hover:text-[var(--Object-High-Emphasis)] cursor-pointer",
14551
- "aria-label": t ?? xp.close,
14584
+ "aria-label": t ?? Sp.close,
14552
14585
  children: /* @__PURE__ */ B("svg", {
14553
14586
  width: "16",
14554
14587
  height: "16",
@@ -14566,29 +14599,29 @@ function Ip({ regionLabel: e, closeLabel: t } = {}) {
14566
14599
  }, e.id))
14567
14600
  }), document.body);
14568
14601
  }
14569
- function Lp({ children: e, regionLabel: t, closeLabel: n }) {
14570
- u.useEffect(() => (Tp(1), () => Tp(-1)), []);
14602
+ function Rp({ children: e, regionLabel: t, closeLabel: n }) {
14603
+ u.useEffect(() => (Ep(1), () => Ep(-1)), []);
14571
14604
  let r = u.useCallback((e) => {
14572
14605
  $.add(e);
14573
14606
  }, []);
14574
- return /* @__PURE__ */ V(Pp.Provider, {
14607
+ return /* @__PURE__ */ V(Fp.Provider, {
14575
14608
  value: { toast: r },
14576
- children: [e, /* @__PURE__ */ B(Ip, {
14609
+ children: [e, /* @__PURE__ */ B(Lp, {
14577
14610
  regionLabel: t,
14578
14611
  closeLabel: n
14579
14612
  })]
14580
14613
  });
14581
14614
  }
14582
- function Rp() {
14583
- return Np() ? null : /* @__PURE__ */ B(Ip, {});
14615
+ function zp() {
14616
+ return Pp() ? null : /* @__PURE__ */ B(Lp, {});
14584
14617
  }
14585
- var zp = null;
14586
- function Bp() {
14587
- 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;
14588
14621
  if (!document.body) {
14589
- zp = new Promise((e) => {
14622
+ Bp = new Promise((e) => {
14590
14623
  let t = () => {
14591
- document.body ? (zp = null, Bp(), e()) : window.setTimeout(t, 0);
14624
+ document.body ? (Bp = null, Vp(), e()) : window.setTimeout(t, 0);
14592
14625
  };
14593
14626
  t();
14594
14627
  });
@@ -14596,12 +14629,12 @@ function Bp() {
14596
14629
  }
14597
14630
  if (document.querySelector("[data-ksk-toast-auto-root]")) return;
14598
14631
  let e = document.createElement("div");
14599
- e.setAttribute("data-ksk-toast-auto-root", ""), document.body.appendChild(e), zp = import("react-dom/client").then(({ createRoot: t }) => {
14600
- 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, {}));
14601
14634
  });
14602
14635
  }
14603
- function Vp(e, t = {}, n) {
14604
- return typeof window > "u" ? "" : (Bp(), $.add({
14636
+ function Hp(e, t = {}, n) {
14637
+ return typeof window > "u" ? "" : (Vp(), $.add({
14605
14638
  title: e,
14606
14639
  description: t.description,
14607
14640
  variant: n ?? t.variant,
@@ -14609,11 +14642,11 @@ function Vp(e, t = {}, n) {
14609
14642
  action: t.action
14610
14643
  }));
14611
14644
  }
14612
- var Hp = ((e, t) => Vp(e, t));
14613
- 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);
14614
14647
  //#endregion
14615
14648
  //#region src/components/ui/skip-link.tsx
14616
- function Up({ targetId: e, label: t = "コンテンツへ移動", className: n, onClick: r, ...i }) {
14649
+ function Wp({ targetId: e, label: t = "コンテンツへ移動", className: n, onClick: r, ...i }) {
14617
14650
  let a = (t) => {
14618
14651
  if (r?.(t), t.defaultPrevented) return;
14619
14652
  let n = document.getElementById(e);
@@ -14630,7 +14663,7 @@ function Up({ targetId: e, label: t = "コンテンツへ移動", className: n,
14630
14663
  }
14631
14664
  //#endregion
14632
14665
  //#region src/components/ui/container.tsx
14633
- var Wp = H("mx-auto w-full", {
14666
+ var Gp = H("mx-auto w-full", {
14634
14667
  variants: {
14635
14668
  size: {
14636
14669
  narrow: "max-w-3xl",
@@ -14650,12 +14683,12 @@ var Wp = H("mx-auto w-full", {
14650
14683
  gutter: "default"
14651
14684
  }
14652
14685
  });
14653
- function Gp({ className: e, size: t, gutter: n, ...r }) {
14686
+ function Kp({ className: e, size: t, gutter: n, ...r }) {
14654
14687
  return /* @__PURE__ */ B("div", {
14655
14688
  "data-slot": "container",
14656
14689
  "data-size": t ?? "page",
14657
14690
  "data-gutter": n ?? "default",
14658
- className: G(Wp({
14691
+ className: G(Gp({
14659
14692
  size: t,
14660
14693
  gutter: n
14661
14694
  }), e),
@@ -14664,7 +14697,7 @@ function Gp({ className: e, size: t, gutter: n, ...r }) {
14664
14697
  }
14665
14698
  //#endregion
14666
14699
  //#region src/components/ui/section.tsx
14667
- var Kp = H("w-full", {
14700
+ var qp = H("w-full", {
14668
14701
  variants: {
14669
14702
  spacing: {
14670
14703
  sm: "py-[var(--Space-Section-xs)]",
@@ -14683,12 +14716,12 @@ var Kp = H("w-full", {
14683
14716
  background: "none"
14684
14717
  }
14685
14718
  });
14686
- 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 }) {
14687
14720
  return /* @__PURE__ */ B(e, {
14688
14721
  "data-slot": "section",
14689
14722
  "data-spacing": n ?? "md",
14690
14723
  "data-background": r ?? "none",
14691
- className: G(Kp({
14724
+ className: G(qp({
14692
14725
  spacing: n,
14693
14726
  background: r
14694
14727
  }), t),
@@ -14697,13 +14730,13 @@ function qp({ as: e = "section", className: t, spacing: n, background: r, ...i }
14697
14730
  }
14698
14731
  //#endregion
14699
14732
  //#region src/components/patterns/shells/admin-shell.tsx
14700
- 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 }) {
14701
14734
  return /* @__PURE__ */ V("div", {
14702
14735
  "data-slot": "admin-shell",
14703
14736
  className: G("flex h-screen bg-[var(--Surface-Secondary)]", e),
14704
14737
  ...c,
14705
14738
  children: [
14706
- o && s && /* @__PURE__ */ B(Up, {
14739
+ o && s && /* @__PURE__ */ B(Wp, {
14707
14740
  targetId: a,
14708
14741
  label: s
14709
14742
  }),
@@ -14720,7 +14753,7 @@ function Jp({ className: e, sidebar: t, header: n, children: r, sidebarWidth: i
14720
14753
  children: [n && /* @__PURE__ */ B("header", {
14721
14754
  "data-slot": "admin-header",
14722
14755
  className: "h-16 shrink-0 border-b border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)]",
14723
- children: /* @__PURE__ */ B(Gp, {
14756
+ children: /* @__PURE__ */ B(Kp, {
14724
14757
  size: "fluid",
14725
14758
  className: "flex h-full items-center gap-4",
14726
14759
  children: n
@@ -14730,7 +14763,7 @@ function Jp({ className: e, sidebar: t, header: n, children: r, sidebarWidth: i
14730
14763
  tabIndex: -1,
14731
14764
  "data-slot": "admin-main",
14732
14765
  className: "flex-1 overflow-auto",
14733
- children: /* @__PURE__ */ B(Gp, {
14766
+ children: /* @__PURE__ */ B(Kp, {
14734
14767
  size: "fluid",
14735
14768
  className: "py-[var(--Product-Page-Padding-Y)]",
14736
14769
  children: r
@@ -14742,20 +14775,20 @@ function Jp({ className: e, sidebar: t, header: n, children: r, sidebarWidth: i
14742
14775
  }
14743
14776
  //#endregion
14744
14777
  //#region src/components/patterns/shells/app-shell.tsx
14745
- 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 }) {
14746
14779
  return /* @__PURE__ */ V("div", {
14747
14780
  "data-slot": "app-shell",
14748
14781
  className: G("flex flex-col min-h-screen bg-[var(--Surface-Primary)]", e),
14749
14782
  ...s,
14750
14783
  children: [
14751
- i && a && /* @__PURE__ */ B(Up, {
14784
+ i && a && /* @__PURE__ */ B(Wp, {
14752
14785
  targetId: r,
14753
14786
  label: a
14754
14787
  }),
14755
14788
  t && /* @__PURE__ */ B("header", {
14756
14789
  "data-slot": "app-topbar",
14757
14790
  className: "sticky top-0 z-[var(--Z-Nav)] h-14 shrink-0 border-b border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)]",
14758
- children: /* @__PURE__ */ B(Gp, {
14791
+ children: /* @__PURE__ */ B(Kp, {
14759
14792
  size: "fluid",
14760
14793
  gutter: "tight",
14761
14794
  className: "flex h-full items-center",
@@ -14779,20 +14812,20 @@ function Yp({ className: e, topBar: t, bottomNav: n, mainId: r = "main-content",
14779
14812
  }
14780
14813
  //#endregion
14781
14814
  //#region src/components/patterns/shells/marketing-shell.tsx
14782
- 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 }) {
14783
14816
  return /* @__PURE__ */ V("div", {
14784
14817
  "data-slot": "marketing-shell",
14785
14818
  className: G("flex flex-col min-h-screen bg-[var(--Surface-Primary)]", e),
14786
14819
  ...s,
14787
14820
  children: [
14788
- i && a && /* @__PURE__ */ B(Up, {
14821
+ i && a && /* @__PURE__ */ B(Wp, {
14789
14822
  targetId: r,
14790
14823
  label: a
14791
14824
  }),
14792
14825
  t && /* @__PURE__ */ B("header", {
14793
14826
  "data-slot": "marketing-header",
14794
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",
14795
- children: /* @__PURE__ */ B(Gp, {
14828
+ children: /* @__PURE__ */ B(Kp, {
14796
14829
  size: "fluid",
14797
14830
  gutter: "spacious",
14798
14831
  className: "flex h-full items-center justify-between",
@@ -14806,13 +14839,13 @@ function Xp({ className: e, header: t, footer: n, mainId: r = "main-content", sk
14806
14839
  className: "flex-1",
14807
14840
  children: o
14808
14841
  }),
14809
- n && /* @__PURE__ */ B(qp, {
14842
+ n && /* @__PURE__ */ B(Jp, {
14810
14843
  as: "footer",
14811
14844
  spacing: "md",
14812
14845
  background: "subtle",
14813
14846
  "data-slot": "marketing-footer",
14814
14847
  className: "border-t border-[var(--Border-Low-Emphasis)]",
14815
- children: /* @__PURE__ */ B(Gp, {
14848
+ children: /* @__PURE__ */ B(Kp, {
14816
14849
  size: "fluid",
14817
14850
  gutter: "spacious",
14818
14851
  children: n
@@ -14823,7 +14856,7 @@ function Xp({ className: e, header: t, footer: n, mainId: r = "main-content", sk
14823
14856
  }
14824
14857
  //#endregion
14825
14858
  //#region src/components/patterns/form.tsx
14826
- function Zp({ className: e, preventDefault: t = !0, onSubmit: n, ...r }) {
14859
+ function Qp({ className: e, preventDefault: t = !0, onSubmit: n, ...r }) {
14827
14860
  return /* @__PURE__ */ B("form", {
14828
14861
  "data-slot": "form",
14829
14862
  className: G("flex flex-col gap-6", e),
@@ -14833,7 +14866,7 @@ function Zp({ className: e, preventDefault: t = !0, onSubmit: n, ...r }) {
14833
14866
  ...r
14834
14867
  });
14835
14868
  }
14836
- function Qp({ className: e, title: t, description: n, children: r, ...i }) {
14869
+ function $p({ className: e, title: t, description: n, children: r, ...i }) {
14837
14870
  return /* @__PURE__ */ V("fieldset", {
14838
14871
  "data-slot": "form-section",
14839
14872
  className: G("flex flex-col gap-4", e),
@@ -14850,7 +14883,7 @@ function Qp({ className: e, title: t, description: n, children: r, ...i }) {
14850
14883
  }), r]
14851
14884
  });
14852
14885
  }
14853
- function $p({ className: e, ...t }) {
14886
+ function em({ className: e, ...t }) {
14854
14887
  return /* @__PURE__ */ B("div", {
14855
14888
  "data-slot": "form-actions",
14856
14889
  className: G("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sm:gap-3 pt-4", e),
@@ -14859,7 +14892,7 @@ function $p({ className: e, ...t }) {
14859
14892
  }
14860
14893
  //#endregion
14861
14894
  //#region src/components/patterns/commerce/price-display.tsx
14862
- 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)]", {
14863
14896
  variants: { size: {
14864
14897
  sm: "typo-label-md",
14865
14898
  md: "typo-label-lg",
@@ -14867,18 +14900,18 @@ var em = H("inline-flex items-baseline gap-0.5 text-[var(--Text-High-Emphasis)]"
14867
14900
  xl: "typo-heading-3xl"
14868
14901
  } },
14869
14902
  defaultVariants: { size: "md" }
14870
- }), tm = {
14903
+ }), nm = {
14871
14904
  sm: "typo-body-xs",
14872
14905
  md: "typo-body-sm",
14873
14906
  lg: "typo-body-md",
14874
14907
  xl: "typo-body-lg"
14875
- }, nm = {
14908
+ }, rm = {
14876
14909
  sm: "typo-body-xs",
14877
14910
  md: "typo-body-xs",
14878
14911
  lg: "typo-body-sm",
14879
14912
  xl: "typo-body-lg"
14880
14913
  };
14881
- 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 }) {
14882
14915
  let c = (e) => e.toLocaleString("ja-JP"), l = r != null && r > t, u = n != null && n > t, d = o ?? "md";
14883
14916
  return /* @__PURE__ */ V("div", {
14884
14917
  "data-slot": "price-display",
@@ -14888,11 +14921,11 @@ function rm({ className: e, price: t, maxPrice: n, originalPrice: r, showTaxLabe
14888
14921
  ...s,
14889
14922
  children: [l && /* @__PURE__ */ V("span", {
14890
14923
  "aria-hidden": !0,
14891
- className: G("text-[var(--Text-Low-Emphasis)] line-through", tm[d]),
14924
+ className: G("text-[var(--Text-Low-Emphasis)] line-through", nm[d]),
14892
14925
  children: [a, c(r)]
14893
14926
  }), /* @__PURE__ */ V("span", {
14894
14927
  "aria-hidden": !0,
14895
- className: G(em({ size: o }), l && "text-[var(--Text-Caution)]"),
14928
+ className: G(tm({ size: o }), l && "text-[var(--Text-Caution)]"),
14896
14929
  children: [u ? /* @__PURE__ */ V(z, { children: [
14897
14930
  a,
14898
14931
  c(t),
@@ -14900,7 +14933,7 @@ function rm({ className: e, price: t, maxPrice: n, originalPrice: r, showTaxLabe
14900
14933
  a,
14901
14934
  c(n)
14902
14935
  ] }) : /* @__PURE__ */ V(z, { children: [a, c(t)] }), i && /* @__PURE__ */ B("span", {
14903
- 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]),
14904
14937
  children: "税込"
14905
14938
  })]
14906
14939
  })]
@@ -14908,7 +14941,7 @@ function rm({ className: e, price: t, maxPrice: n, originalPrice: r, showTaxLabe
14908
14941
  }
14909
14942
  //#endregion
14910
14943
  //#region src/components/patterns/commerce/rating-display.tsx
14911
- function im({ size: e = 14, className: t }) {
14944
+ function am({ size: e = 14, className: t }) {
14912
14945
  return /* @__PURE__ */ B("svg", {
14913
14946
  width: e,
14914
14947
  height: e,
@@ -14919,7 +14952,7 @@ function im({ size: e = 14, className: t }) {
14919
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" })
14920
14953
  });
14921
14954
  }
14922
- var am = {
14955
+ var om = {
14923
14956
  sm: {
14924
14957
  icon: 12,
14925
14958
  val: "typo-label-sm",
@@ -14936,8 +14969,8 @@ var am = {
14936
14969
  cnt: "typo-body-md"
14937
14970
  }
14938
14971
  };
14939
- function om({ className: e, rating: t, reviewCount: n, size: r = "sm", showCount: i = !0, showValue: a = !0, ...o }) {
14940
- 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];
14941
14974
  return /* @__PURE__ */ V("div", {
14942
14975
  "data-slot": "rating-display",
14943
14976
  className: G("inline-flex items-center gap-0.5", e),
@@ -14945,7 +14978,7 @@ function om({ className: e, rating: t, reviewCount: n, size: r = "sm", showCount
14945
14978
  "aria-label": `評価 ${s.toFixed(1)} / 5${n == null ? "" : ` (${n}件)`}`,
14946
14979
  ...o,
14947
14980
  children: [
14948
- /* @__PURE__ */ B(im, {
14981
+ /* @__PURE__ */ B(am, {
14949
14982
  size: c,
14950
14983
  className: "text-[var(--Object-High-Emphasis)]"
14951
14984
  }),
@@ -14966,7 +14999,7 @@ function om({ className: e, rating: t, reviewCount: n, size: r = "sm", showCount
14966
14999
  }
14967
15000
  //#endregion
14968
15001
  //#region src/components/patterns/commerce/quantity-selector.tsx
14969
- function sm({ size: e = 14 }) {
15002
+ function cm({ size: e = 14 }) {
14970
15003
  return /* @__PURE__ */ B("svg", {
14971
15004
  width: e,
14972
15005
  height: e,
@@ -14980,7 +15013,7 @@ function sm({ size: e = 14 }) {
14980
15013
  })
14981
15014
  });
14982
15015
  }
14983
- function cm({ size: e = 14 }) {
15016
+ function lm({ size: e = 14 }) {
14984
15017
  return /* @__PURE__ */ B("svg", {
14985
15018
  width: e,
14986
15019
  height: e,
@@ -14994,7 +15027,7 @@ function cm({ size: e = 14 }) {
14994
15027
  })
14995
15028
  });
14996
15029
  }
14997
- function lm({ size: e = 14 }) {
15030
+ function um({ size: e = 14 }) {
14998
15031
  return /* @__PURE__ */ B("svg", {
14999
15032
  width: e,
15000
15033
  height: e,
@@ -15009,7 +15042,7 @@ function lm({ size: e = 14 }) {
15009
15042
  })
15010
15043
  });
15011
15044
  }
15012
- 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 }) {
15013
15046
  let m = s && t <= n, h = t > n && !a, g = t < r && !a, _ = () => {
15014
15047
  if (m) {
15015
15048
  c?.();
@@ -15032,7 +15065,7 @@ function um({ className: e, value: t, min: n = 1, max: r = 99, onChange: i, disa
15032
15065
  onClick: _,
15033
15066
  disabled: !(h || m && !a),
15034
15067
  "aria-label": m ? f : u,
15035
- children: B(m ? lm : sm, { size: 14 })
15068
+ children: B(m ? um : cm, { size: 14 })
15036
15069
  }),
15037
15070
  /* @__PURE__ */ B("span", {
15038
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)]"),
@@ -15045,7 +15078,7 @@ function um({ className: e, value: t, min: n = 1, max: r = 99, onChange: i, disa
15045
15078
  onClick: v,
15046
15079
  disabled: !g,
15047
15080
  "aria-label": d,
15048
- children: /* @__PURE__ */ B(cm, { size: 14 })
15081
+ children: /* @__PURE__ */ B(lm, { size: 14 })
15049
15082
  })
15050
15083
  ]
15051
15084
  }) : /* @__PURE__ */ V("div", {
@@ -15061,7 +15094,7 @@ function um({ className: e, value: t, min: n = 1, max: r = 99, onChange: i, disa
15061
15094
  onClick: _,
15062
15095
  disabled: !(h || m && !a),
15063
15096
  "aria-label": m ? f : u,
15064
- children: B(m ? lm : sm, { size: 18 })
15097
+ children: B(m ? um : cm, { size: 18 })
15065
15098
  }),
15066
15099
  /* @__PURE__ */ B("span", {
15067
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)]"),
@@ -15074,14 +15107,14 @@ function um({ className: e, value: t, min: n = 1, max: r = 99, onChange: i, disa
15074
15107
  onClick: v,
15075
15108
  disabled: !g,
15076
15109
  "aria-label": d,
15077
- children: /* @__PURE__ */ B(cm, { size: 18 })
15110
+ children: /* @__PURE__ */ B(lm, { size: 18 })
15078
15111
  })
15079
15112
  ]
15080
15113
  });
15081
15114
  }
15082
15115
  //#endregion
15083
15116
  //#region src/components/patterns/commerce/order-summary.tsx
15084
- 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 }) {
15085
15118
  let l = /* @__PURE__ */ V("div", {
15086
15119
  className: "space-y-3 px-4 py-3",
15087
15120
  children: [
@@ -15124,7 +15157,7 @@ function dm({ className: e, lineItems: t, totalLabel: n = "合計(税込)",
15124
15157
  }
15125
15158
  //#endregion
15126
15159
  //#region src/components/patterns/commerce/product-card.tsx
15127
- function fm({ filled: e = !1, size: t = 20 }) {
15160
+ function pm({ filled: e = !1, size: t = 20 }) {
15128
15161
  return /* @__PURE__ */ B("svg", {
15129
15162
  width: t,
15130
15163
  height: t,
@@ -15137,7 +15170,7 @@ function fm({ filled: e = !1, size: t = 20 }) {
15137
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" })
15138
15171
  });
15139
15172
  }
15140
- function pm({ label: e, variant: t = "default" }) {
15173
+ function mm({ label: e, variant: t = "default" }) {
15141
15174
  return /* @__PURE__ */ B("span", {
15142
15175
  className: G("inline-flex items-center rounded-sm px-1.5 py-0.5 typo-label-xs", {
15143
15176
  default: "bg-[var(--Surface-Secondary)] text-[var(--Text-High-Emphasis)]",
@@ -15148,7 +15181,7 @@ function pm({ label: e, variant: t = "default" }) {
15148
15181
  children: e
15149
15182
  });
15150
15183
  }
15151
- 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 }) {
15152
15185
  let x = a && a > i ? Math.round((a - i) / a * 100) : null, S = f ? /* @__PURE__ */ B("a", {
15153
15186
  href: f,
15154
15187
  "data-slot": "card-link",
@@ -15192,7 +15225,7 @@ function mm({ className: e, name: t, imageUrl: n, imageAlt: r, price: i, origina
15192
15225
  e.preventDefault(), e.stopPropagation(), d();
15193
15226
  },
15194
15227
  "aria-label": u ? "お気に入りから削除" : "お気に入りに追加",
15195
- children: /* @__PURE__ */ B(fm, {
15228
+ children: /* @__PURE__ */ B(pm, {
15196
15229
  filled: u,
15197
15230
  size: 16
15198
15231
  })
@@ -15214,12 +15247,12 @@ function mm({ className: e, name: t, imageUrl: n, imageAlt: r, price: i, origina
15214
15247
  className: "mt-1 space-y-0.5",
15215
15248
  children: [/* @__PURE__ */ B("div", {
15216
15249
  className: "flex flex-wrap items-center gap-2",
15217
- children: o != null && /* @__PURE__ */ B(om, {
15250
+ children: o != null && /* @__PURE__ */ B(sm, {
15218
15251
  rating: o,
15219
15252
  reviewCount: s,
15220
15253
  size: "sm"
15221
15254
  })
15222
- }), /* @__PURE__ */ B(rm, {
15255
+ }), /* @__PURE__ */ B(im, {
15223
15256
  price: i,
15224
15257
  originalPrice: a,
15225
15258
  size: "sm",
@@ -15252,10 +15285,10 @@ function mm({ className: e, name: t, imageUrl: n, imageAlt: r, price: i, origina
15252
15285
  }),
15253
15286
  /* @__PURE__ */ V("div", {
15254
15287
  className: "absolute inset-x-1 bottom-1 z-[3] flex flex-wrap gap-1",
15255
- children: [x && /* @__PURE__ */ B(pm, {
15288
+ children: [x && /* @__PURE__ */ B(mm, {
15256
15289
  label: `${x}%OFF`,
15257
15290
  variant: "caution"
15258
- }), l.map((e) => /* @__PURE__ */ B(pm, { ...e }, e.label))]
15291
+ }), l.map((e) => /* @__PURE__ */ B(mm, { ...e }, e.label))]
15259
15292
  })
15260
15293
  ]
15261
15294
  }), d && /* @__PURE__ */ B("div", {
@@ -15267,7 +15300,7 @@ function mm({ className: e, name: t, imageUrl: n, imageAlt: r, price: i, origina
15267
15300
  e.preventDefault(), e.stopPropagation(), d();
15268
15301
  },
15269
15302
  "aria-label": u ? "お気に入りから削除" : "お気に入りに追加",
15270
- children: /* @__PURE__ */ B(fm, {
15303
+ children: /* @__PURE__ */ B(pm, {
15271
15304
  filled: u,
15272
15305
  size: 20
15273
15306
  })
@@ -15285,12 +15318,12 @@ function mm({ className: e, name: t, imageUrl: n, imageAlt: r, price: i, origina
15285
15318
  className: "line-clamp-2 typo-body-md text-[var(--Text-High-Emphasis)]",
15286
15319
  children: t
15287
15320
  }),
15288
- o != null && /* @__PURE__ */ B(om, {
15321
+ o != null && /* @__PURE__ */ B(sm, {
15289
15322
  rating: o,
15290
15323
  reviewCount: s,
15291
15324
  size: "sm"
15292
15325
  }),
15293
- /* @__PURE__ */ B(rm, {
15326
+ /* @__PURE__ */ B(im, {
15294
15327
  price: i,
15295
15328
  originalPrice: a,
15296
15329
  size: "md",
@@ -15312,12 +15345,12 @@ function mm({ className: e, name: t, imageUrl: n, imageAlt: r, price: i, origina
15312
15345
  }
15313
15346
  //#endregion
15314
15347
  //#region src/components/patterns/commerce/product-carousel.tsx
15315
- var hm = {
15348
+ var gm = {
15316
15349
  sm: "w-40",
15317
15350
  md: "w-[200px]",
15318
15351
  lg: "w-[240px]"
15319
15352
  };
15320
- 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 }) {
15321
15354
  return /* @__PURE__ */ V("section", {
15322
15355
  "data-slot": "product-carousel",
15323
15356
  className: G("py-4", e),
@@ -15339,8 +15372,8 @@ function gm({ className: e, title: t, subtitle: n, moreHref: r, moreLabel: i = "
15339
15372
  }), /* @__PURE__ */ V("div", {
15340
15373
  className: G("flex overflow-x-auto pl-4 pb-2 gap-3 scrollbar-hide", l && "items-stretch"),
15341
15374
  children: [o.map((e, t) => /* @__PURE__ */ B("div", {
15342
- className: G("shrink-0", hm[s]),
15343
- children: /* @__PURE__ */ B(mm, {
15375
+ className: G("shrink-0", gm[s]),
15376
+ children: /* @__PURE__ */ B(hm, {
15344
15377
  ...e,
15345
15378
  ranking: c ? t + 1 : e.ranking,
15346
15379
  showCartButton: l,
@@ -15355,7 +15388,7 @@ function gm({ className: e, title: t, subtitle: n, moreHref: r, moreLabel: i = "
15355
15388
  }
15356
15389
  //#endregion
15357
15390
  //#region src/components/patterns/_internal/carousel-primitives.tsx
15358
- function _m({ total: e, autoPlay: t, paused: n = !1 }) {
15391
+ function vm({ total: e, autoPlay: t, paused: n = !1 }) {
15359
15392
  let r = u.useRef(null), [i, a] = u.useState(0);
15360
15393
  u.useEffect(() => {
15361
15394
  let e = r.current;
@@ -15406,7 +15439,7 @@ function _m({ total: e, autoPlay: t, paused: n = !1 }) {
15406
15439
  scrollRef: r
15407
15440
  };
15408
15441
  }
15409
- 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 = "次へ" }) {
15410
15443
  return /* @__PURE__ */ V(z, { children: [n && t > 1 && /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("button", {
15411
15444
  type: "button",
15412
15445
  onClick: i,
@@ -15442,8 +15475,8 @@ function vm({ active: e, total: t, showArrows: n, showDots: r, onPrevious: i, on
15442
15475
  }
15443
15476
  //#endregion
15444
15477
  //#region src/components/patterns/commerce/image-carousel.tsx
15445
- 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 }) {
15446
- 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({
15447
15480
  total: u,
15448
15481
  autoPlay: i
15449
15482
  }), g = t === "square" ? "aspect-square" : t === "video" ? "aspect-video" : "aspect-[2/1]";
@@ -15478,7 +15511,7 @@ function ym({ images: e, aspectRatio: t = "banner", showDots: n = !0, showArrows
15478
15511
  className: G("w-full rounded-lg object-cover", g)
15479
15512
  })
15480
15513
  }, t))
15481
- }), /* @__PURE__ */ B(vm, {
15514
+ }), /* @__PURE__ */ B(ym, {
15482
15515
  active: d,
15483
15516
  total: u,
15484
15517
  showArrows: r,
@@ -15493,7 +15526,7 @@ function ym({ images: e, aspectRatio: t = "banner", showDots: n = !0, showArrows
15493
15526
  }
15494
15527
  //#endregion
15495
15528
  //#region src/components/patterns/commerce/filter-bar.tsx
15496
- function bm({ filter: e }) {
15529
+ function xm({ filter: e }) {
15497
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", {
15498
15531
  width: "16",
15499
15532
  height: "16",
@@ -15547,7 +15580,7 @@ function bm({ filter: e }) {
15547
15580
  }), s]
15548
15581
  });
15549
15582
  }
15550
- 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 }) {
15551
15584
  return /* @__PURE__ */ V("nav", {
15552
15585
  "aria-label": u,
15553
15586
  "data-slot": "filter-bar",
@@ -15575,7 +15608,7 @@ function xm({ filters: e, resultCount: t, sortLabel: n, sortOptions: r, selected
15575
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)]",
15576
15609
  children: c
15577
15610
  })]
15578
- }), e.map((e) => /* @__PURE__ */ B(bm, { filter: e }, e.label))]
15611
+ }), e.map((e) => /* @__PURE__ */ B(xm, { filter: e }, e.label))]
15579
15612
  }), (t !== void 0 || n || r) && /* @__PURE__ */ V("div", {
15580
15613
  className: "flex items-center justify-between",
15581
15614
  children: [t !== void 0 && /* @__PURE__ */ V("span", {
@@ -15641,7 +15674,7 @@ function xm({ filters: e, resultCount: t, sortLabel: n, sortOptions: r, selected
15641
15674
  }
15642
15675
  //#endregion
15643
15676
  //#region src/components/patterns/commerce/review-card.tsx
15644
- function Sm({ rating: e, size: t = 14 }) {
15677
+ function Cm({ rating: e, size: t = 14 }) {
15645
15678
  return /* @__PURE__ */ B("div", {
15646
15679
  className: "flex gap-0.5",
15647
15680
  role: "img",
@@ -15665,7 +15698,7 @@ function Sm({ rating: e, size: t = 14 }) {
15665
15698
  }, n))
15666
15699
  });
15667
15700
  }
15668
- 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 }) {
15669
15702
  let d = t ?? e.slice(0, 1);
15670
15703
  return /* @__PURE__ */ V("div", {
15671
15704
  "data-slot": "review-card",
@@ -15695,7 +15728,7 @@ function Cm({ reviewer: e, avatarChar: t, avatarSrc: n, rating: r, title: i, bod
15695
15728
  children: o
15696
15729
  })]
15697
15730
  }),
15698
- /* @__PURE__ */ B(Sm, { rating: r })
15731
+ /* @__PURE__ */ B(Cm, { rating: r })
15699
15732
  ]
15700
15733
  }),
15701
15734
  i && /* @__PURE__ */ B("p", {
@@ -15733,7 +15766,7 @@ function Cm({ reviewer: e, avatarChar: t, avatarSrc: n, rating: r, title: i, bod
15733
15766
  }
15734
15767
  //#endregion
15735
15768
  //#region src/components/patterns/commerce/review-summary.tsx
15736
- function wm({ averageRating: e, totalCount: t, distribution: n, className: r }) {
15769
+ function Tm({ averageRating: e, totalCount: t, distribution: n, className: r }) {
15737
15770
  let i = Math.max(...n, 1);
15738
15771
  return /* @__PURE__ */ V("div", {
15739
15772
  "data-slot": "review-summary",
@@ -15745,7 +15778,7 @@ function wm({ averageRating: e, totalCount: t, distribution: n, className: r })
15745
15778
  children: e.toFixed(1)
15746
15779
  }), /* @__PURE__ */ V("div", {
15747
15780
  className: "pb-0.5",
15748
- children: [/* @__PURE__ */ B(Sm, {
15781
+ children: [/* @__PURE__ */ B(Cm, {
15749
15782
  rating: Math.round(e),
15750
15783
  size: 16
15751
15784
  }), /* @__PURE__ */ V("p", {
@@ -15783,10 +15816,10 @@ function wm({ averageRating: e, totalCount: t, distribution: n, className: r })
15783
15816
  }
15784
15817
  //#endregion
15785
15818
  //#region src/components/patterns/admin/kebab-menu.tsx
15786
- function Tm(e) {
15819
+ function Em(e) {
15787
15820
  return e.type === "separator";
15788
15821
  }
15789
- function Em({ items: e, className: t, menuLabel: n = "メニュー", ...r }) {
15822
+ function Dm({ items: e, className: t, menuLabel: n = "メニュー", ...r }) {
15790
15823
  return /* @__PURE__ */ V(gr, { children: [/* @__PURE__ */ B(vr, {
15791
15824
  asChild: !0,
15792
15825
  children: /* @__PURE__ */ B("button", {
@@ -15823,7 +15856,7 @@ function Em({ items: e, className: t, menuLabel: n = "メニュー", ...r }) {
15823
15856
  }), /* @__PURE__ */ B(yr, {
15824
15857
  align: "end",
15825
15858
  className: "min-w-[200px]",
15826
- 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, {
15827
15860
  variant: e.destructive ? "destructive" : "default",
15828
15861
  disabled: e.disabled,
15829
15862
  onSelect: () => e.onClick?.(),
@@ -15849,7 +15882,7 @@ function Em({ items: e, className: t, menuLabel: n = "メニュー", ...r }) {
15849
15882
  }
15850
15883
  //#endregion
15851
15884
  //#region src/components/patterns/admin/bulk-actions.tsx
15852
- 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 }) {
15853
15886
  return e === 0 ? null : /* @__PURE__ */ V("div", {
15854
15887
  "data-slot": "bulk-actions",
15855
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),
@@ -15889,7 +15922,7 @@ function Dm({ selectedCount: e, onClear: t, children: n, className: r, clearLabe
15889
15922
  }
15890
15923
  //#endregion
15891
15924
  //#region src/components/patterns/admin/status-tabs.tsx
15892
- 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 }) {
15893
15926
  return /* @__PURE__ */ B("div", {
15894
15927
  "data-slot": "status-tabs",
15895
15928
  className: G("flex gap-2 overflow-x-auto scrollbar-hide", r),
@@ -15910,13 +15943,13 @@ function Om({ items: e, activeIndex: t = 0, onSelect: n, className: r, ...i }) {
15910
15943
  }
15911
15944
  //#endregion
15912
15945
  //#region src/components/patterns/admin/search-panel.tsx
15913
- var km = {
15946
+ var Am = {
15914
15947
  2: "sm:grid-cols-2",
15915
15948
  3: "sm:grid-cols-2 lg:grid-cols-3",
15916
15949
  4: "sm:grid-cols-2 lg:grid-cols-4"
15917
15950
  };
15918
- function Am({ children: e, onSearch: t, onReset: n, columns: r = 4, layout: i = "grid", className: a, ...o }) {
15919
- 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]);
15920
15953
  return /* @__PURE__ */ V("div", {
15921
15954
  "data-slot": "search-panel",
15922
15955
  className: G("rounded-2xl bg-[var(--Surface-Primary)] border border-[var(--Border-Low-Emphasis)] p-4", a),
@@ -15958,7 +15991,7 @@ function Am({ children: e, onSearch: t, onReset: n, columns: r = 4, layout: i =
15958
15991
  }
15959
15992
  //#endregion
15960
15993
  //#region src/components/patterns/admin/image-uploader.tsx
15961
- 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 }) {
15962
15995
  return /* @__PURE__ */ V("div", {
15963
15996
  "data-slot": "image-uploader",
15964
15997
  className: G("grid gap-3", a),
@@ -16024,10 +16057,10 @@ function jm({ images: e = [], onAdd: t, onRemove: n, maxImages: r = 10, columns:
16024
16057
  }
16025
16058
  //#endregion
16026
16059
  //#region src/components/patterns/file-upload.tsx
16027
- function Mm(e) {
16060
+ function Nm(e) {
16028
16061
  return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
16029
16062
  }
16030
- 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 = "削除" }) {
16031
16064
  let [m, h] = u.useState(!1), [g, _] = u.useState([]), [v, y] = u.useState(null), b = u.useRef(null), x = (e) => {
16032
16065
  if (y(null), t && e.find((e) => e.size > t)) return y(d(t)), null;
16033
16066
  let i = n ? [...g, ...e] : e.slice(0, 1);
@@ -16143,7 +16176,7 @@ function Nm({ accept: e, maxSize: t, multiple: n = !1, maxFiles: r = 10, onUploa
16143
16176
  children: e.name
16144
16177
  }), /* @__PURE__ */ B("p", {
16145
16178
  className: "typo-body-xs text-[var(--Text-Low-Emphasis)]",
16146
- children: Mm(e.size)
16179
+ children: Nm(e.size)
16147
16180
  })]
16148
16181
  }),
16149
16182
  /* @__PURE__ */ B("button", {
@@ -16172,7 +16205,7 @@ function Nm({ accept: e, maxSize: t, multiple: n = !1, maxFiles: r = 10, onUploa
16172
16205
  }
16173
16206
  //#endregion
16174
16207
  //#region src/components/patterns/compact-file-picker.tsx
16175
- 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 }) {
16176
16209
  let m = u.useId(), h = l ?? m, g = u.useRef(null), _ = c || s;
16177
16210
  return /* @__PURE__ */ V("div", {
16178
16211
  "data-slot": "compact-file-picker",
@@ -16223,11 +16256,11 @@ function Pm({ className: e, inputClassName: t, label: n = "ファイル", descri
16223
16256
  ]
16224
16257
  });
16225
16258
  }
16226
- 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 }) {
16227
16260
  return /* @__PURE__ */ V("div", {
16228
16261
  "data-slot": "image-attachment-picker",
16229
16262
  className: G("flex flex-col gap-3", e),
16230
- children: [/* @__PURE__ */ B(Pm, {
16263
+ children: [/* @__PURE__ */ B(Fm, {
16231
16264
  ...l,
16232
16265
  accept: n,
16233
16266
  label: a,
@@ -16271,23 +16304,23 @@ function Fm({ className: e, images: t = [], accept: n = "image/*", previewVarian
16271
16304
  }
16272
16305
  //#endregion
16273
16306
  //#region src/components/patterns/quick-action-grid.tsx
16274
- var Im = u.createContext(null), Lm = () => {
16307
+ var Lm = u.createContext(null), Rm = () => {
16275
16308
  let e = globalThis.process;
16276
16309
  return !!e && e.env?.NODE_ENV !== "production";
16277
- }, Rm = {
16310
+ }, zm = {
16278
16311
  neutral: "border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)] text-[var(--Text-High-Emphasis)]",
16279
16312
  selected: "border-[var(--Brand-Primary)] bg-[var(--Surface-Accent-Primary-Light)] text-[var(--Text-High-Emphasis)]",
16280
16313
  success: "border-[var(--Success-Base)] bg-[var(--Surface-Success-Subtle)] text-[var(--Text-High-Emphasis)]",
16281
16314
  info: "border-[var(--Info-Base)] bg-[var(--Surface-Info-Subtle)] text-[var(--Text-High-Emphasis)]",
16282
16315
  caution: "border-[var(--Caution-Base)] bg-[var(--Surface-Caution-Subtle)] text-[var(--Text-High-Emphasis)]"
16283
- }, zm = {
16316
+ }, Bm = {
16284
16317
  2: "grid-cols-2",
16285
16318
  3: "grid-cols-2 sm:grid-cols-3",
16286
16319
  4: "grid-cols-2 sm:grid-cols-4",
16287
16320
  auto: "grid-cols-[repeat(auto-fit,minmax(8rem,1fr))]"
16288
16321
  };
16289
- 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 }) {
16290
- 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);
16291
16324
  return /* @__PURE__ */ V("button", {
16292
16325
  "data-slot": "action-tile",
16293
16326
  "data-variant": l,
@@ -16296,7 +16329,7 @@ function Bm({ className: e, icon: t, emoji: n, label: r, description: i, meta: a
16296
16329
  "aria-pressed": y ? void 0 : v || void 0,
16297
16330
  type: f ?? "button",
16298
16331
  disabled: _,
16299
- 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),
16300
16333
  ...m,
16301
16334
  children: [/* @__PURE__ */ V("span", {
16302
16335
  className: "flex w-full items-center justify-between gap-3",
@@ -16308,7 +16341,7 @@ function Bm({ className: e, icon: t, emoji: n, label: r, description: i, meta: a
16308
16341
  "aria-hidden": !0,
16309
16342
  children: n
16310
16343
  }),
16311
- t && /* @__PURE__ */ B(Tu, {
16344
+ t && /* @__PURE__ */ B(Eu, {
16312
16345
  appearance: "plain",
16313
16346
  className: "size-6 text-[var(--Object-Medium-Emphasis)]",
16314
16347
  children: t
@@ -16341,20 +16374,20 @@ function Bm({ className: e, icon: t, emoji: n, label: r, description: i, meta: a
16341
16374
  })]
16342
16375
  });
16343
16376
  }
16344
- function Vm(e) {
16377
+ function Hm(e) {
16345
16378
  return Array.from(e.querySelectorAll("[data-slot=\"action-tile\"]")).filter((t) => t.closest("[data-slot=\"quick-action-grid\"]") === e);
16346
16379
  }
16347
- 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 }) {
16348
16381
  let l = u.useRef(null), d = en(u.useCallback((e) => {
16349
16382
  l.current = e;
16350
16383
  }, []), o), f = r === "single";
16351
16384
  return u.useEffect(() => {
16352
16385
  let e = l.current;
16353
16386
  if (!f || !e) return;
16354
- 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);
16355
16388
  if (t.forEach((e, t) => {
16356
16389
  e.tabIndex = t === r ? 0 : -1;
16357
- }), Lm()) {
16390
+ }), Rm()) {
16358
16391
  let e = t.filter((e) => e.getAttribute("aria-checked") === "true").length;
16359
16392
  e > 1 && console.warn(`[ksk-ds] QuickActionGrid: selectionMode="single" は排他選択ですが、選択中の ActionTile が ${e} 個あります。selected を 1 つに絞るか selectionMode="multiple" を使ってください。`);
16360
16393
  }
@@ -16369,7 +16402,7 @@ function Hm({ className: e, columns: t = 3, gap: n = "md", selectionMode: r, rol
16369
16402
  if (t === 0) return;
16370
16403
  let n = l.current;
16371
16404
  if (!n) return;
16372
- 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;
16373
16406
  if (o < 0 || r.length === 0) return;
16374
16407
  e.preventDefault();
16375
16408
  let s = r[(o + t + r.length) % r.length];
@@ -16377,9 +16410,9 @@ function Hm({ className: e, columns: t = 3, gap: n = "md", selectionMode: r, rol
16377
16410
  e.tabIndex = e === s ? 0 : -1;
16378
16411
  }), s.focus(), s.click();
16379
16412
  },
16380
- 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),
16381
16414
  ...c,
16382
- children: /* @__PURE__ */ B(Im.Provider, {
16415
+ children: /* @__PURE__ */ B(Lm.Provider, {
16383
16416
  value: r ?? null,
16384
16417
  children: s
16385
16418
  })
@@ -16387,7 +16420,7 @@ function Hm({ className: e, columns: t = 3, gap: n = "md", selectionMode: r, rol
16387
16420
  }
16388
16421
  //#endregion
16389
16422
  //#region src/components/patterns/admin/notification-list.tsx
16390
- 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 }) {
16391
16424
  return e.length === 0 ? /* @__PURE__ */ V("div", {
16392
16425
  "data-slot": "notification-list",
16393
16426
  className: G("flex flex-col items-center justify-center gap-3 py-12", r),
@@ -16470,7 +16503,7 @@ function Um({ notifications: e, variant: t = "vertical", emptyMessage: n = "新
16470
16503
  }
16471
16504
  //#endregion
16472
16505
  //#region src/components/patterns/admin/chart-controls.tsx
16473
- var Wm = [
16506
+ var Gm = [
16474
16507
  {
16475
16508
  label: "時間",
16476
16509
  value: "hour"
@@ -16487,7 +16520,7 @@ var Wm = [
16487
16520
  label: "月",
16488
16521
  value: "month"
16489
16522
  }
16490
- ], Gm = [
16523
+ ], Km = [
16491
16524
  {
16492
16525
  label: "7日",
16493
16526
  value: "7d"
@@ -16509,7 +16542,7 @@ var Wm = [
16509
16542
  value: "custom"
16510
16543
  }
16511
16544
  ];
16512
- function Km({ options: e, value: t, onChange: n }) {
16545
+ function qm({ options: e, value: t, onChange: n }) {
16513
16546
  return /* @__PURE__ */ B("div", {
16514
16547
  className: "flex flex-wrap gap-1",
16515
16548
  role: "group",
@@ -16521,7 +16554,7 @@ function Km({ options: e, value: t, onChange: n }) {
16521
16554
  }, e.value))
16522
16555
  });
16523
16556
  }
16524
- 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 }) {
16525
16558
  return /* @__PURE__ */ V("div", {
16526
16559
  "data-slot": "chart-controls",
16527
16560
  className: G("flex flex-col gap-2.5", s),
@@ -16531,8 +16564,8 @@ function qm({ granularity: e = "day", onGranularityChange: t, period: n = "7d",
16531
16564
  children: [/* @__PURE__ */ B("span", {
16532
16565
  className: "typo-label-xs text-[var(--Text-Low-Emphasis)] w-10 shrink-0 pt-1.5",
16533
16566
  children: "粒度"
16534
- }), /* @__PURE__ */ B(Km, {
16535
- options: Wm,
16567
+ }), /* @__PURE__ */ B(qm, {
16568
+ options: Gm,
16536
16569
  value: e,
16537
16570
  onChange: t
16538
16571
  })]
@@ -16542,8 +16575,8 @@ function qm({ granularity: e = "day", onGranularityChange: t, period: n = "7d",
16542
16575
  children: [/* @__PURE__ */ B("span", {
16543
16576
  className: "typo-label-xs text-[var(--Text-Low-Emphasis)] w-10 shrink-0 pt-1.5",
16544
16577
  children: "期間"
16545
- }), /* @__PURE__ */ B(Km, {
16546
- options: Gm,
16578
+ }), /* @__PURE__ */ B(qm, {
16579
+ options: Km,
16547
16580
  value: n,
16548
16581
  onChange: (e) => {
16549
16582
  if (e === "custom") {
@@ -16571,7 +16604,7 @@ function qm({ granularity: e = "day", onGranularityChange: t, period: n = "7d",
16571
16604
  }
16572
16605
  //#endregion
16573
16606
  //#region src/components/patterns/simple-pagination.tsx
16574
- function Jm() {
16607
+ function Ym() {
16575
16608
  return /* @__PURE__ */ B("svg", {
16576
16609
  width: "16",
16577
16610
  height: "16",
@@ -16587,7 +16620,7 @@ function Jm() {
16587
16620
  })
16588
16621
  });
16589
16622
  }
16590
- function Ym() {
16623
+ function Xm() {
16591
16624
  return /* @__PURE__ */ B("svg", {
16592
16625
  width: "16",
16593
16626
  height: "16",
@@ -16603,7 +16636,7 @@ function Ym() {
16603
16636
  })
16604
16637
  });
16605
16638
  }
16606
- 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 }) {
16607
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 = () => {
16608
16641
  _ && t?.(g - 1);
16609
16642
  }, S = () => {
@@ -16688,7 +16721,7 @@ function Xm({ page: e, onPageChange: t, format: n, compact: r = !1, previousLabe
16688
16721
  onClick: x,
16689
16722
  disabled: !_,
16690
16723
  "aria-label": i,
16691
- children: [/* @__PURE__ */ B(Jm, {}), /* @__PURE__ */ B("span", {
16724
+ children: [/* @__PURE__ */ B(Ym, {}), /* @__PURE__ */ B("span", {
16692
16725
  className: r ? "sr-only sm:not-sr-only" : void 0,
16693
16726
  children: i
16694
16727
  })]
@@ -16708,15 +16741,15 @@ function Xm({ page: e, onPageChange: t, format: n, compact: r = !1, previousLabe
16708
16741
  children: [/* @__PURE__ */ B("span", {
16709
16742
  className: r ? "sr-only sm:not-sr-only" : void 0,
16710
16743
  children: a
16711
- }), /* @__PURE__ */ B(Ym, {})]
16744
+ }), /* @__PURE__ */ B(Xm, {})]
16712
16745
  })
16713
16746
  ]
16714
16747
  });
16715
16748
  }
16716
16749
  //#endregion
16717
16750
  //#region src/components/patterns/admin/data-table.tsx
16718
- var Zm = [], Qm = [];
16719
- function $m(e, t, n) {
16751
+ var Qm = [], $m = [];
16752
+ function eh(e, t, n) {
16720
16753
  if (n) return n(e, t);
16721
16754
  if (e && typeof e == "object" && "id" in e) {
16722
16755
  let t = e.id;
@@ -16724,13 +16757,13 @@ function $m(e, t, n) {
16724
16757
  }
16725
16758
  return t;
16726
16759
  }
16727
- function eh(e, t) {
16760
+ function th(e, t) {
16728
16761
  return !e || typeof e != "object" || !(t in e) ? null : e[t];
16729
16762
  }
16730
- function th(e, t, n) {
16731
- 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);
16732
16765
  }
16733
- function nh(e, t, n, r, i, a, o, s, c) {
16766
+ function rh(e, t, n, r, i, a, o, s, c) {
16734
16767
  let l = (e) => e?.close !== !1;
16735
16768
  return {
16736
16769
  row: e,
@@ -16752,10 +16785,10 @@ function nh(e, t, n, r, i, a, o, s, c) {
16752
16785
  }
16753
16786
  };
16754
16787
  }
16755
- function rh(e, t, n, r) {
16756
- 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);
16757
16790
  }
16758
- function ih(e, t) {
16791
+ function ah(e, t) {
16759
16792
  let n = e.edit?.trigger ?? "doubleClick";
16760
16793
  if (n === "manual") return {};
16761
16794
  let r = { onKeyDown: (e) => {
@@ -16773,10 +16806,10 @@ function ih(e, t) {
16773
16806
  onDoubleClick: () => t.startEdit()
16774
16807
  };
16775
16808
  }
16776
- var ah = () => {
16809
+ var oh = () => {
16777
16810
  let e = globalThis.process;
16778
16811
  return !!e && e.env?.NODE_ENV !== "production";
16779
- }, oh = [
16812
+ }, sh = [
16780
16813
  "a[href]",
16781
16814
  "button",
16782
16815
  "input",
@@ -16788,17 +16821,17 @@ var ah = () => {
16788
16821
  "[role='radio']",
16789
16822
  "[data-table-ignore-row-click]"
16790
16823
  ].join(",");
16791
- function sh(e) {
16824
+ function ch(e) {
16792
16825
  let t = e.target;
16793
- return !(t instanceof Element) || t === e.currentTarget ? !1 : !!t.closest(oh);
16826
+ return !(t instanceof Element) || t === e.currentTarget ? !1 : !!t.closest(sh);
16794
16827
  }
16795
- function ch(e, t, n) {
16828
+ function lh(e, t, n) {
16796
16829
  if (n.sortValue) return n.sortValue(e, t);
16797
- let r = th(e, t, n);
16830
+ let r = nh(e, t, n);
16798
16831
  if (r === null) return null;
16799
16832
  if (r !== void 0) return typeof r == "string" || typeof r == "number" || r instanceof Date ? r : String(r);
16800
16833
  }
16801
- function lh(e, t) {
16834
+ function uh(e, t) {
16802
16835
  if (e == null && t == null) return 0;
16803
16836
  if (e == null) return 1;
16804
16837
  if (t == null) return -1;
@@ -16808,7 +16841,7 @@ function lh(e, t) {
16808
16841
  sensitivity: "base"
16809
16842
  });
16810
16843
  }
16811
- function uh(e, t = 0, n = !1) {
16844
+ function dh(e, t = 0, n = !1) {
16812
16845
  let r = e === "right" ? "right" : "left", i = n ? "var(--Surface-Secondary)" : "var(--Surface-Primary)";
16813
16846
  return {
16814
16847
  className: G("sticky z-[1]", r === "left" ? "shadow-[var(--shadow-sticky-inline-start)]" : "shadow-[var(--shadow-sticky-inline-end)]"),
@@ -16818,7 +16851,7 @@ function uh(e, t = 0, n = !1) {
16818
16851
  }
16819
16852
  };
16820
16853
  }
16821
- function dh({ direction: e }) {
16854
+ function fh({ direction: e }) {
16822
16855
  return e === "asc" ? /* @__PURE__ */ B(ae, {
16823
16856
  size: 16,
16824
16857
  className: "shrink-0"
@@ -16830,38 +16863,38 @@ function dh({ direction: e }) {
16830
16863
  className: "shrink-0 opacity-40"
16831
16864
  });
16832
16865
  }
16833
- function fh() {
16866
+ function ph() {
16834
16867
  return /* @__PURE__ */ B(de, {
16835
16868
  size: 16,
16836
16869
  className: "shrink-0"
16837
16870
  });
16838
16871
  }
16839
- function ph() {
16872
+ function mh() {
16840
16873
  return /* @__PURE__ */ B(U, {
16841
16874
  size: 16,
16842
16875
  className: "shrink-0"
16843
16876
  });
16844
16877
  }
16845
- function mh() {
16878
+ function hh() {
16846
16879
  return /* @__PURE__ */ B(ce, {
16847
16880
  size: 14,
16848
16881
  className: "shrink-0"
16849
16882
  });
16850
16883
  }
16851
- function hh() {
16884
+ function gh() {
16852
16885
  return /* @__PURE__ */ B(ue, {
16853
16886
  size: 16,
16854
16887
  className: "shrink-0"
16855
16888
  });
16856
16889
  }
16857
- function gh({ open: e }) {
16890
+ function _h({ open: e }) {
16858
16891
  return /* @__PURE__ */ B(re, {
16859
16892
  size: 16,
16860
16893
  className: G("shrink-0 transition-transform duration-[var(--Motion-Duration-Base)]", e && "rotate-90")
16861
16894
  });
16862
16895
  }
16863
- 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 }) {
16864
- 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) => ({
16865
16898
  row: e,
16866
16899
  index: t
16867
16900
  })), [F]), U = u.useMemo(() => {
@@ -16869,12 +16902,12 @@ function _h({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
16869
16902
  let e = I.find((e) => e.key === P.key);
16870
16903
  if (!e || !e.sortable) return H;
16871
16904
  let t = P.direction === "asc" ? 1 : -1;
16872
- 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);
16873
16906
  }, [
16874
16907
  I,
16875
16908
  P,
16876
16909
  H
16877
- ]), 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) => {
16878
16911
  let n = m?.(t.row, t.index);
16879
16912
  return {
16880
16913
  previousSectionKey: n?.key ?? e.previousSectionKey,
@@ -16931,9 +16964,9 @@ function _h({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
16931
16964
  P,
16932
16965
  c,
16933
16966
  o
16934
- ]), 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;
16935
16968
  u.useEffect(() => {
16936
- if (!ah()) return;
16969
+ if (!oh()) return;
16937
16970
  let e = I.filter((e) => e.sticky && ue.get(e.key)?.offset === void 0);
16938
16971
  e.length !== 0 && console.warn(`[ksk-ds] DataTable: 固定列 ${e.map((e) => `"${e.key}"`).join(" / ")} のオフセットを自動計算できません。先行する固定列の width が "auto" / "flex" で幅が確定しないためです。該当列に width("sm" 等)を指定するか、stickyOffset を明示してください。`);
16939
16972
  }, [I, ue]);
@@ -16951,9 +16984,9 @@ function _h({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
16951
16984
  "data-slot": "data-table",
16952
16985
  className: G("overflow-x-auto rounded-lg border border-[var(--Border-Low-Emphasis)]", e),
16953
16986
  ...E,
16954
- children: /* @__PURE__ */ V(vh, {
16987
+ children: /* @__PURE__ */ V(yh, {
16955
16988
  className: _,
16956
- 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, {
16957
16990
  className: "w-[40px]",
16958
16991
  "aria-label": w,
16959
16992
  children: L === "multi" && /* @__PURE__ */ B(Vt, {
@@ -16961,7 +16994,7 @@ function _h({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
16961
16994
  onCheckedChange: ae,
16962
16995
  "aria-label": T
16963
16996
  })
16964
- }), I.map((e) => /* @__PURE__ */ B(Sh, {
16997
+ }), I.map((e) => /* @__PURE__ */ B(Ch, {
16965
16998
  sortable: e.sortable,
16966
16999
  sortDirection: P?.key === e.key ? P.direction : null,
16967
17000
  onSort: () => se(e),
@@ -16970,14 +17003,14 @@ function _h({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
16970
17003
  stickyOffset: de(e),
16971
17004
  className: G(e.align === "center" && "text-center", e.align === "right" && "text-right", e.headerClassName),
16972
17005
  children: e.header
16973
- }, 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, {
16974
17007
  colSpan: le,
16975
17008
  message: d,
16976
17009
  description: f,
16977
17010
  action: p
16978
17011
  }), re.map(({ row: e, index: t, section: n, renderSection: r, sectionOpen: o }) => {
16979
- let s = $m(e, t, i), c = z.has(s);
16980
- 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, {
16981
17014
  label: n.label,
16982
17015
  count: n.count,
16983
17016
  open: n.open,
@@ -16986,32 +17019,32 @@ function _h({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
16986
17019
  stickyLeft: n.stickyLeft,
16987
17020
  stickyOffset: n.stickyOffset,
16988
17021
  headingSize: n.headingSize
16989
- }), o && /* @__PURE__ */ V(xh, {
17022
+ }), o && /* @__PURE__ */ V(Sh, {
16990
17023
  selected: c,
16991
17024
  clickable: g ?? !!h,
16992
17025
  onRowClick: h ? (n) => h(e, t, s, n) : void 0,
16993
17026
  className: typeof v == "function" ? v(e, t) : v,
16994
- children: [L !== "none" && /* @__PURE__ */ B(Mh, {
17027
+ children: [L !== "none" && /* @__PURE__ */ B(Nh, {
16995
17028
  checked: c,
16996
17029
  onCheckedChange: () => oe(s),
16997
17030
  "aria-label": `${String(s)} を選択`
16998
17031
  }), I.map((n) => {
16999
- 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({
17000
17033
  rowId: s,
17001
17034
  columnKey: n.key
17002
17035
  }), () => te((e) => e?.rowId === s && e.columnKey === n.key ? null : e), a);
17003
- if (n.cell || n.editCell) return /* @__PURE__ */ B(kh, {
17004
- ...ih(n, o),
17036
+ if (n.cell || n.editCell) return /* @__PURE__ */ B(Ah, {
17037
+ ...ah(n, o),
17005
17038
  align: n.align,
17006
17039
  width: n.width,
17007
17040
  sticky: n.sticky,
17008
17041
  stickyOffset: de(n),
17009
17042
  className: n.className,
17010
- 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)
17011
17044
  }, n.key);
17012
17045
  if (n.editable) {
17013
- let r = n.editValue?.(e, t) ?? String(ch(e, t, n) ?? "");
17014
- 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, {
17015
17048
  value: r,
17016
17049
  options: n.editOptions,
17017
17050
  onValueChange: (r) => n.onEditChange?.(e, r, t),
@@ -17019,7 +17052,7 @@ function _h({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
17019
17052
  width: n.width,
17020
17053
  sticky: n.sticky,
17021
17054
  stickyOffset: de(n)
17022
- }, n.key) : /* @__PURE__ */ B(Ph, {
17055
+ }, n.key) : /* @__PURE__ */ B(Fh, {
17023
17056
  value: r,
17024
17057
  onChange: (r) => n.onEditChange?.(e, r, t),
17025
17058
  className: n.className,
@@ -17028,13 +17061,13 @@ function _h({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
17028
17061
  stickyOffset: de(n)
17029
17062
  }, n.key);
17030
17063
  }
17031
- return /* @__PURE__ */ B(kh, {
17064
+ return /* @__PURE__ */ B(Ah, {
17032
17065
  align: n.align,
17033
17066
  width: n.width,
17034
17067
  sticky: n.sticky,
17035
17068
  stickyOffset: de(n),
17036
17069
  className: n.className,
17037
- children: rh(e, t, n, o)
17070
+ children: ih(e, t, n, o)
17038
17071
  }, n.key);
17039
17072
  })]
17040
17073
  })] }, s);
@@ -17044,7 +17077,7 @@ function _h({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
17044
17077
  return pe ? /* @__PURE__ */ V("div", {
17045
17078
  "data-slot": "data-table-paginated",
17046
17079
  className: "flex flex-col gap-3",
17047
- children: [he, /* @__PURE__ */ B(Xm, {
17080
+ children: [he, /* @__PURE__ */ B(Zm, {
17048
17081
  className: "self-end",
17049
17082
  page: fe + 1,
17050
17083
  totalPages: b ?? 1,
@@ -17052,7 +17085,7 @@ function _h({ className: e, children: t, rows: n, columns: r, getRowId: i, onRow
17052
17085
  })]
17053
17086
  }) : he;
17054
17087
  }
17055
- function vh({ className: e, children: t, ...n }) {
17088
+ function yh({ className: e, children: t, ...n }) {
17056
17089
  return /* @__PURE__ */ B("table", {
17057
17090
  "data-slot": "data-table-table",
17058
17091
  className: G("w-full border-collapse", e),
@@ -17060,7 +17093,7 @@ function vh({ className: e, children: t, ...n }) {
17060
17093
  children: t
17061
17094
  });
17062
17095
  }
17063
- function yh({ className: e, children: t, ...n }) {
17096
+ function bh({ className: e, children: t, ...n }) {
17064
17097
  return /* @__PURE__ */ B("thead", {
17065
17098
  "data-slot": "data-table-header",
17066
17099
  className: G("bg-[var(--Surface-Secondary)] [&>tr]:border-b [&>tr]:border-[var(--Border-Low-Emphasis)]", e),
@@ -17068,7 +17101,7 @@ function yh({ className: e, children: t, ...n }) {
17068
17101
  children: t
17069
17102
  });
17070
17103
  }
17071
- function bh({ className: e, children: t, ...n }) {
17104
+ function xh({ className: e, children: t, ...n }) {
17072
17105
  return /* @__PURE__ */ B("tbody", {
17073
17106
  "data-slot": "data-table-body",
17074
17107
  className: G("[&>tr:not(:last-child)]:border-b [&>tr:not(:last-child)]:border-b-[var(--Border-Low-Emphasis)]", e),
@@ -17076,7 +17109,7 @@ function bh({ className: e, children: t, ...n }) {
17076
17109
  children: t
17077
17110
  });
17078
17111
  }
17079
- 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 }) {
17080
17113
  let u = n || !!r;
17081
17114
  return /* @__PURE__ */ B("tr", {
17082
17115
  "data-slot": "data-table-row",
@@ -17085,21 +17118,21 @@ function xh({ className: e, selected: t, clickable: n, onRowClick: r, onClick: i
17085
17118
  role: o,
17086
17119
  tabIndex: u && s == null ? 0 : s,
17087
17120
  onClick: (e) => {
17088
- i?.(e), !(e.defaultPrevented || !r || sh(e)) && r(e);
17121
+ i?.(e), !(e.defaultPrevented || !r || ch(e)) && r(e);
17089
17122
  },
17090
17123
  onKeyDown: (e) => {
17091
- 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)));
17092
17125
  },
17093
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),
17094
17127
  ...l,
17095
17128
  children: c
17096
17129
  });
17097
17130
  }
17098
- function Sh({ className: e, children: t, sortable: n, sortDirection: r, onSort: i, width: a, sticky: o, stickyOffset: s, style: c, ...l }) {
17099
- 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;
17100
17133
  return /* @__PURE__ */ B("th", {
17101
17134
  "data-slot": "data-table-head",
17102
- className: G(Dh({ width: a }), u?.className, e),
17135
+ className: G(Oh({ width: a }), u?.className, e),
17103
17136
  style: u ? {
17104
17137
  ...u.style,
17105
17138
  ...c
@@ -17110,11 +17143,11 @@ function Sh({ className: e, children: t, sortable: n, sortDirection: r, onSort:
17110
17143
  type: "button",
17111
17144
  onClick: i,
17112
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",
17113
- children: [t, /* @__PURE__ */ B(dh, { direction: r ?? null })]
17146
+ children: [t, /* @__PURE__ */ B(fh, { direction: r ?? null })]
17114
17147
  }) : t
17115
17148
  });
17116
17149
  }
17117
- var Ch = {
17150
+ var wh = {
17118
17151
  auto: "",
17119
17152
  narrow: "w-[48px]",
17120
17153
  checkbox: "w-[40px]",
@@ -17124,7 +17157,7 @@ var Ch = {
17124
17157
  lg: "w-[300px]",
17125
17158
  xl: "w-[400px]",
17126
17159
  flex: "w-full min-w-[240px]"
17127
- }, wh = {
17160
+ }, Th = {
17128
17161
  auto: null,
17129
17162
  flex: null,
17130
17163
  narrow: 48,
@@ -17135,7 +17168,7 @@ var Ch = {
17135
17168
  lg: 300,
17136
17169
  xl: 400
17137
17170
  };
17138
- function Th(e, t, n) {
17171
+ function Eh(e, t, n) {
17139
17172
  let r = t === "left" ? e : [...e].reverse(), i = 0, a = !0;
17140
17173
  for (let e of r) {
17141
17174
  if (!e.sticky || (e.sticky === "right" ? "right" : "left") !== t) continue;
@@ -17144,7 +17177,7 @@ function Th(e, t, n) {
17144
17177
  offset: o,
17145
17178
  explicit: r
17146
17179
  });
17147
- let s = wh[e.width ?? "auto"];
17180
+ let s = Th[e.width ?? "auto"];
17148
17181
  if (s == null) {
17149
17182
  a = !1;
17150
17183
  continue;
@@ -17152,14 +17185,14 @@ function Th(e, t, n) {
17152
17185
  i = (r ? e.stickyOffset : i) + s;
17153
17186
  }
17154
17187
  }
17155
- function Eh(e) {
17188
+ function Dh(e) {
17156
17189
  let t = /* @__PURE__ */ new Map();
17157
- return Th(e, "left", t), Th(e, "right", t), t;
17190
+ return Eh(e, "left", t), Eh(e, "right", t), t;
17158
17191
  }
17159
- var Dh = H("px-3 py-2.5 text-left whitespace-nowrap typo-label-sm text-[var(--Text-Medium-Emphasis)]", {
17160
- 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 },
17161
17194
  defaultVariants: { width: "auto" }
17162
- }), 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)]", {
17163
17196
  variants: {
17164
17197
  align: {
17165
17198
  left: "text-left",
@@ -17183,12 +17216,12 @@ var Dh = H("px-3 py-2.5 text-left whitespace-nowrap typo-label-sm text-[var(--Te
17183
17216
  width: "auto"
17184
17217
  }
17185
17218
  });
17186
- function kh({ className: e, align: t, width: n, children: r, clickable: i, sticky: a, stickyOffset: o, style: s, ...c }) {
17187
- 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;
17188
17221
  return /* @__PURE__ */ B("td", {
17189
17222
  "data-slot": "data-table-cell",
17190
17223
  "data-clickable": i || void 0,
17191
- className: G(Oh({
17224
+ className: G(kh({
17192
17225
  align: t,
17193
17226
  width: n
17194
17227
  }), i && "cursor-pointer select-none", l?.className, e),
@@ -17200,8 +17233,8 @@ function kh({ className: e, align: t, width: n, children: r, clickable: i, stick
17200
17233
  children: r
17201
17234
  });
17202
17235
  }
17203
- function Ah({ className: e, src: t, fallback: n, title: r, caption: i, sticky: a, stickyOffset: o, style: s, ...c }) {
17204
- 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;
17205
17238
  return /* @__PURE__ */ B("td", {
17206
17239
  "data-slot": "data-table-avatar-cell",
17207
17240
  className: G("px-3 py-2.5", l?.className, e),
@@ -17231,7 +17264,7 @@ function Ah({ className: e, src: t, fallback: n, title: r, caption: i, sticky: a
17231
17264
  })
17232
17265
  });
17233
17266
  }
17234
- 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 }) {
17235
17268
  return /* @__PURE__ */ B("td", {
17236
17269
  "data-slot": "data-table-image-cell",
17237
17270
  className: G("px-3 py-2.5", e),
@@ -17259,8 +17292,8 @@ function jh({ className: e, src: t, alt: n, title: r, caption: i, imageSize: a =
17259
17292
  })
17260
17293
  });
17261
17294
  }
17262
- function Mh({ className: e, checked: t, onCheckedChange: n, indeterminate: r, as: i = "td", sticky: a, stickyOffset: o, style: s, "aria-label": c, ...l }) {
17263
- 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;
17264
17297
  return /* @__PURE__ */ B(i, {
17265
17298
  "data-slot": "data-table-checkbox-cell",
17266
17299
  className: G("w-[40px] px-3 py-2.5", u?.className, e),
@@ -17276,7 +17309,7 @@ function Mh({ className: e, checked: t, onCheckedChange: n, indeterminate: r, as
17276
17309
  })
17277
17310
  });
17278
17311
  }
17279
- function Nh({ className: e, items: t, menuLabel: n = "行メニュー", ...r }) {
17312
+ function Ph({ className: e, items: t, menuLabel: n = "行メニュー", ...r }) {
17280
17313
  return /* @__PURE__ */ B("td", {
17281
17314
  "data-slot": "data-table-action-cell",
17282
17315
  className: G("w-[48px] px-3 py-2.5", e),
@@ -17287,7 +17320,7 @@ function Nh({ className: e, items: t, menuLabel: n = "行メニュー", ...r })
17287
17320
  type: "button",
17288
17321
  className: "flex size-8 items-center justify-center rounded-full text-[var(--Text-Medium-Emphasis)] hover:bg-[var(--Surface-Secondary)] transition-colors",
17289
17322
  "aria-label": n,
17290
- children: /* @__PURE__ */ B(fh, {})
17323
+ children: /* @__PURE__ */ B(ph, {})
17291
17324
  })
17292
17325
  }), /* @__PURE__ */ B(yr, {
17293
17326
  align: "end",
@@ -17300,11 +17333,11 @@ function Nh({ className: e, items: t, menuLabel: n = "行メニュー", ...r })
17300
17333
  })] })
17301
17334
  });
17302
17335
  }
17303
- function Ph({ className: e, value: t, onChange: n, placeholder: r, width: i, sticky: a, stickyOffset: o, style: s, "aria-label": c, ...l }) {
17304
- 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;
17305
17338
  return /* @__PURE__ */ B("td", {
17306
17339
  "data-slot": "data-table-input-cell",
17307
- className: G(Oh({ width: i }), "py-1.5", u?.className, e),
17340
+ className: G(kh({ width: i }), "py-1.5", u?.className, e),
17308
17341
  style: u ? {
17309
17342
  ...u.style,
17310
17343
  ...s
@@ -17320,11 +17353,11 @@ function Ph({ className: e, value: t, onChange: n, placeholder: r, width: i, sti
17320
17353
  })
17321
17354
  });
17322
17355
  }
17323
- 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 }) {
17324
- 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;
17325
17358
  return /* @__PURE__ */ B("td", {
17326
17359
  "data-slot": "data-table-select-cell",
17327
- className: G(Oh({ width: a }), "py-1.5", m?.className, e),
17360
+ className: G(kh({ width: a }), "py-1.5", m?.className, e),
17328
17361
  style: m ? {
17329
17362
  ...m.style,
17330
17363
  ...c
@@ -17348,11 +17381,11 @@ function Fh({ className: e, value: t, onValueChange: n, placeholder: r, options:
17348
17381
  })
17349
17382
  });
17350
17383
  }
17351
- 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 }) {
17352
- 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;
17353
17386
  return /* @__PURE__ */ B("td", {
17354
17387
  "data-slot": "data-table-date-cell",
17355
- className: G(Oh({ width: c }), "py-1.5", p?.className, e),
17388
+ className: G(kh({ width: c }), "py-1.5", p?.className, e),
17356
17389
  style: p ? {
17357
17390
  ...p.style,
17358
17391
  ...d
@@ -17369,7 +17402,7 @@ function Ih({ className: e, value: t, onValueChange: n, placeholder: r = "日付
17369
17402
  })
17370
17403
  });
17371
17404
  }
17372
- 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 }) {
17373
17406
  return /* @__PURE__ */ V("td", {
17374
17407
  "data-slot": "data-table-number-cell",
17375
17408
  className: G("px-3 py-2.5 text-right typo-body-md tabular-nums text-[var(--Text-High-Emphasis)]", e),
@@ -17381,15 +17414,15 @@ function Lh({ className: e, value: t, prefix: n, suffix: r, children: i, ...a })
17381
17414
  ]
17382
17415
  });
17383
17416
  }
17384
- function Rh({ className: e, ...t }) {
17417
+ function zh({ className: e, ...t }) {
17385
17418
  return /* @__PURE__ */ B("td", {
17386
17419
  "data-slot": "data-table-drag-handle-cell",
17387
17420
  className: G("w-[36px] px-2 py-2.5 cursor-grab text-[var(--Text-Low-Emphasis)]", e),
17388
17421
  ...t,
17389
- children: /* @__PURE__ */ B(hh, {})
17422
+ children: /* @__PURE__ */ B(gh, {})
17390
17423
  });
17391
17424
  }
17392
- function zh({ className: e, href: t, external: n, children: r, ...i }) {
17425
+ function Bh({ className: e, href: t, external: n, children: r, ...i }) {
17393
17426
  return /* @__PURE__ */ B("td", {
17394
17427
  "data-slot": "data-table-link-cell",
17395
17428
  className: G("px-3 py-2.5", e),
@@ -17399,11 +17432,11 @@ function zh({ className: e, href: t, external: n, children: r, ...i }) {
17399
17432
  target: n ? "_blank" : void 0,
17400
17433
  rel: n ? "noopener noreferrer" : void 0,
17401
17434
  className: "inline-flex items-center gap-1 whitespace-nowrap typo-body-md text-[var(--Text-Accent-Primary)] hover:underline",
17402
- children: [r, n && /* @__PURE__ */ B(mh, {})]
17435
+ children: [r, n && /* @__PURE__ */ B(hh, {})]
17403
17436
  })
17404
17437
  });
17405
17438
  }
17406
- function Bh({ className: e, selectedCount: t, children: n, ...r }) {
17439
+ function Vh({ className: e, selectedCount: t, children: n, ...r }) {
17407
17440
  return t === 0 ? null : /* @__PURE__ */ V("div", {
17408
17441
  "data-slot": "data-table-bulk-actions",
17409
17442
  className: G("flex flex-wrap items-center gap-3 rounded-lg bg-[var(--Surface-Accent-Primary-Light)] px-4 py-3", e),
@@ -17416,12 +17449,12 @@ function Bh({ className: e, selectedCount: t, children: n, ...r }) {
17416
17449
  }), n]
17417
17450
  });
17418
17451
  }
17419
- var Vh = {
17452
+ var Hh = {
17420
17453
  sm: "typo-label-md",
17421
17454
  md: "typo-label-lg",
17422
17455
  lg: "typo-heading-sm"
17423
17456
  };
17424
- 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 }) {
17425
17458
  return /* @__PURE__ */ B("tr", {
17426
17459
  "data-slot": "data-table-section-row",
17427
17460
  className: G("bg-[var(--Surface-Tertiary)] border-y border-[var(--Border-Low-Emphasis)]", e),
@@ -17434,11 +17467,11 @@ function Hh({ className: e, label: t, count: n, open: r = !0, onToggle: i, colSp
17434
17467
  style: o ? { left: s } : void 0,
17435
17468
  children: /* @__PURE__ */ V("button", {
17436
17469
  type: "button",
17437
- 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),
17438
17471
  onClick: i,
17439
17472
  "aria-expanded": r,
17440
17473
  children: [
17441
- /* @__PURE__ */ B(gh, { open: r }),
17474
+ /* @__PURE__ */ B(_h, { open: r }),
17442
17475
  t,
17443
17476
  n !== void 0 && /* @__PURE__ */ V("span", {
17444
17477
  className: "typo-body-md text-[var(--Text-Low-Emphasis)]",
@@ -17454,7 +17487,7 @@ function Hh({ className: e, label: t, count: n, open: r = !0, onToggle: i, colSp
17454
17487
  })
17455
17488
  });
17456
17489
  }
17457
- function Uh({ className: e, label: t = "追加する", onClick: n, colSpan: r, ...i }) {
17490
+ function Wh({ className: e, label: t = "追加する", onClick: n, colSpan: r, ...i }) {
17458
17491
  return /* @__PURE__ */ B("tr", {
17459
17492
  "data-slot": "data-table-add-row",
17460
17493
  className: G("border-t border-dashed border-[var(--Border-Low-Emphasis)]", e),
@@ -17466,12 +17499,12 @@ function Uh({ className: e, label: t = "追加する", onClick: n, colSpan: r, .
17466
17499
  type: "button",
17467
17500
  className: "inline-flex items-center gap-2 typo-label-md text-[var(--Text-Accent-Primary)] hover:underline",
17468
17501
  onClick: n,
17469
- children: [/* @__PURE__ */ B(ph, {}), t]
17502
+ children: [/* @__PURE__ */ B(mh, {}), t]
17470
17503
  })
17471
17504
  })
17472
17505
  });
17473
17506
  }
17474
- 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 }) {
17475
17508
  return /* @__PURE__ */ B("tr", {
17476
17509
  "data-slot": "data-table-empty-state",
17477
17510
  className: G("", e),
@@ -17503,18 +17536,18 @@ function Wh({ className: e, icon: t, message: n = "データがありません",
17503
17536
  })
17504
17537
  });
17505
17538
  }
17506
- function Gh(e) {
17539
+ function Kh(e) {
17507
17540
  return e.toLocaleDateString("ja-JP", {
17508
17541
  year: "numeric",
17509
17542
  month: "2-digit",
17510
17543
  day: "2-digit"
17511
17544
  });
17512
17545
  }
17513
- function Kh(e, t) {
17546
+ function qh(e, t) {
17514
17547
  let n = new Set(Array.isArray(t) ? t : t ? [t] : []);
17515
17548
  return e.filter((e) => n.has(e.value));
17516
17549
  }
17517
- 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 }) {
17518
17551
  return {
17519
17552
  ...a,
17520
17553
  edit: {
@@ -17524,7 +17557,7 @@ function qh({ value: e, onCommit: t, placeholder: n = "日付を選択", emptyLa
17524
17557
  value: e,
17525
17558
  onCellCommit: t,
17526
17559
  sortValue: (t, n) => e(t, n),
17527
- 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", {
17528
17561
  className: "text-[var(--Text-Low-Emphasis)]",
17529
17562
  children: r
17530
17563
  }),
@@ -17536,7 +17569,7 @@ function qh({ value: e, onCommit: t, placeholder: n = "日付を選択", emptyLa
17536
17569
  })
17537
17570
  };
17538
17571
  }
17539
- 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 }) {
17540
17573
  return {
17541
17574
  ...a,
17542
17575
  edit: {
@@ -17550,7 +17583,7 @@ function Jh({ value: e, options: t, onCommit: n, multiple: r = !1, emptyLabel: i
17550
17583
  return Array.isArray(r) ? r.join(",") : typeof r == "string" ? r : void 0;
17551
17584
  },
17552
17585
  cell: ({ value: e }) => {
17553
- let n = Kh(t, e);
17586
+ let n = qh(t, e);
17554
17587
  return n.length === 0 ? /* @__PURE__ */ B("span", {
17555
17588
  className: "text-[var(--Text-Low-Emphasis)]",
17556
17589
  children: i
@@ -17568,7 +17601,7 @@ function Jh({ value: e, options: t, onCommit: n, multiple: r = !1, emptyLabel: i
17568
17601
  className: "flex flex-wrap gap-1.5",
17569
17602
  children: t.map((e) => {
17570
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;
17571
- return /* @__PURE__ */ V(Ff, {
17604
+ return /* @__PURE__ */ V(If, {
17572
17605
  size: "sm",
17573
17606
  variant: "accent",
17574
17607
  selected: t,
@@ -17580,7 +17613,7 @@ function Jh({ value: e, options: t, onCommit: n, multiple: r = !1, emptyLabel: i
17580
17613
  }
17581
17614
  };
17582
17615
  }
17583
- 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 }) {
17584
17617
  return {
17585
17618
  ...o,
17586
17619
  edit: {
@@ -17618,7 +17651,7 @@ function Yh({ value: e, options: t, onCommit: n, placeholder: r = "選択", empt
17618
17651
  }
17619
17652
  //#endregion
17620
17653
  //#region src/components/patterns/menu-drawer.tsx
17621
- 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 }) {
17622
17655
  return /* @__PURE__ */ B(ml, {
17623
17656
  open: e,
17624
17657
  onOpenChange: (e) => !e && t(),
@@ -17696,25 +17729,25 @@ function Xh({ open: e, onClose: t, banner: n, sections: r, footerLinks: i, width
17696
17729
  }
17697
17730
  //#endregion
17698
17731
  //#region src/components/patterns/media-action-cluster.tsx
17699
- var Zh = {
17732
+ var Qh = {
17700
17733
  "top-left": "top-[max(1rem,env(safe-area-inset-top))] left-[max(1rem,env(safe-area-inset-left))]",
17701
17734
  "top-right": "top-[max(1rem,env(safe-area-inset-top))] right-[max(1rem,env(safe-area-inset-right))]",
17702
17735
  "bottom-left": "bottom-[max(1rem,env(safe-area-inset-bottom))] left-[max(1rem,env(safe-area-inset-left))]",
17703
17736
  "bottom-right": "bottom-[max(1rem,env(safe-area-inset-bottom))] right-[max(1rem,env(safe-area-inset-right))]",
17704
17737
  "center-left": "top-1/2 left-[max(1rem,env(safe-area-inset-left))] -translate-y-1/2",
17705
17738
  "center-right": "top-1/2 right-[max(1rem,env(safe-area-inset-right))] -translate-y-1/2"
17706
- }, Qh = {
17739
+ }, $h = {
17707
17740
  vertical: "flex-col",
17708
17741
  horizontal: "flex-row",
17709
17742
  auto: "flex-col landscape:flex-row"
17710
17743
  };
17711
- function $h(e, t) {
17744
+ function eg(e, t) {
17712
17745
  return e === "below" ? "flex-col" : e === "side" || t === "horizontal" ? "flex-row" : t === "vertical" ? "flex-col" : "flex-col landscape:flex-row";
17713
17746
  }
17714
- function eg(e) {
17747
+ function tg(e) {
17715
17748
  return typeof e == "number" && e > 99 ? "99+" : e;
17716
17749
  }
17717
- 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 }) {
17718
17751
  let f = a != null && a > 0, [p, m] = u.useState({
17719
17752
  autoHideEnabled: f,
17720
17753
  value: o
@@ -17757,7 +17790,7 @@ function tg({ items: e, orientation: t = "vertical", anchor: n = "bottom-right",
17757
17790
  window.removeEventListener("pointerdown", e), window.removeEventListener("touchstart", e), window.removeEventListener("keydown", e), window.removeEventListener("wheel", e);
17758
17791
  };
17759
17792
  }, [f, b]);
17760
- let x = $h(i, t);
17793
+ let x = eg(i, t);
17761
17794
  return /* @__PURE__ */ B("div", {
17762
17795
  "data-slot": "media-action-cluster",
17763
17796
  "data-orientation": t,
@@ -17767,16 +17800,16 @@ function tg({ items: e, orientation: t = "vertical", anchor: n = "bottom-right",
17767
17800
  "aria-label": l,
17768
17801
  onPointerEnter: b,
17769
17802
  onFocusCapture: b,
17770
- 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),
17771
17804
  ...d,
17772
- children: e.map((e, t) => /* @__PURE__ */ B(ng, {
17805
+ children: e.map((e, t) => /* @__PURE__ */ B(rg, {
17773
17806
  item: e,
17774
17807
  itemDirection: x,
17775
17808
  onReveal: b
17776
17809
  }, e.id ?? `${e.label}-${t}`))
17777
17810
  });
17778
17811
  }
17779
- function ng({ item: e, itemDirection: t, onReveal: n }) {
17812
+ function rg({ item: e, itemDirection: t, onReveal: n }) {
17780
17813
  let r = (t) => {
17781
17814
  if (n(), e.disabled) {
17782
17815
  t.preventDefault();
@@ -17788,7 +17821,7 @@ function ng({ item: e, itemDirection: t, onReveal: n }) {
17788
17821
  "aria-hidden": "true",
17789
17822
  children: [e.icon, e.badge != null && /* @__PURE__ */ B("span", {
17790
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)]",
17791
- children: eg(e.badge)
17824
+ children: tg(e.badge)
17792
17825
  })]
17793
17826
  }), /* @__PURE__ */ B("span", {
17794
17827
  className: "max-w-24 truncate text-center typo-label-xs text-on-media",
@@ -17814,15 +17847,15 @@ function ng({ item: e, itemDirection: t, onReveal: n }) {
17814
17847
  }
17815
17848
  //#endregion
17816
17849
  //#region src/components/patterns/photo-hero.tsx
17817
- var rg = {
17850
+ var ig = {
17818
17851
  none: "bg-transparent",
17819
17852
  medium: "bg-[var(--Surface-VideoOverlay-Medium)]",
17820
17853
  dark: "bg-[var(--Surface-VideoOverlay-Strong)]"
17821
- }, ig = {
17854
+ }, ag = {
17822
17855
  bottom: "justify-end pt-24 pb-[calc(env(safe-area-inset-bottom,0px)_+_3rem)]",
17823
17856
  center: "justify-center py-16"
17824
17857
  };
17825
- 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 }) {
17826
17859
  return /* @__PURE__ */ V("section", {
17827
17860
  "data-slot": "photo-hero",
17828
17861
  "data-overlay": n,
@@ -17837,10 +17870,10 @@ function ag({ src: e, alt: t = "", overlay: n = "medium", align: r = "bottom", c
17837
17870
  loading: c,
17838
17871
  className: G("absolute inset-0 size-full object-cover", o)
17839
17872
  }),
17840
- /* @__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]) }),
17841
17874
  /* @__PURE__ */ B("div", {
17842
17875
  "data-slot": "photo-hero-content",
17843
- 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),
17844
17877
  children: /* @__PURE__ */ B("div", {
17845
17878
  className: "flex w-full flex-col gap-4",
17846
17879
  children: i
@@ -17849,7 +17882,7 @@ function ag({ src: e, alt: t = "", overlay: n = "medium", align: r = "bottom", c
17849
17882
  ]
17850
17883
  });
17851
17884
  }
17852
- function og({ className: e, children: t, ...n }) {
17885
+ function sg({ className: e, children: t, ...n }) {
17853
17886
  return /* @__PURE__ */ B("p", {
17854
17887
  "data-slot": "photo-hero-eyebrow",
17855
17888
  className: G("typo-label-sm text-[var(--Text-on-Media-Secondary)] typo-on-image", e),
@@ -17857,7 +17890,7 @@ function og({ className: e, children: t, ...n }) {
17857
17890
  children: t
17858
17891
  });
17859
17892
  }
17860
- function sg({ className: e, children: t, ...n }) {
17893
+ function cg({ className: e, children: t, ...n }) {
17861
17894
  return /* @__PURE__ */ B("h1", {
17862
17895
  "data-slot": "photo-hero-title",
17863
17896
  className: G("max-w-xl typo-heading-3xl text-[var(--Text-on-Media)] typo-on-image", e),
@@ -17865,7 +17898,7 @@ function sg({ className: e, children: t, ...n }) {
17865
17898
  children: t
17866
17899
  });
17867
17900
  }
17868
- function cg({ className: e, children: t, ...n }) {
17901
+ function lg({ className: e, children: t, ...n }) {
17869
17902
  return /* @__PURE__ */ B("p", {
17870
17903
  "data-slot": "photo-hero-body",
17871
17904
  className: G("max-w-xl typo-body-md text-[var(--Text-on-Media-Secondary)] typo-on-image", e),
@@ -17873,7 +17906,7 @@ function cg({ className: e, children: t, ...n }) {
17873
17906
  children: t
17874
17907
  });
17875
17908
  }
17876
- function lg({ className: e, children: t, ...n }) {
17909
+ function ug({ className: e, children: t, ...n }) {
17877
17910
  return /* @__PURE__ */ B("div", {
17878
17911
  "data-slot": "photo-hero-actions",
17879
17912
  className: G("mt-2 flex flex-col gap-3", e),
@@ -17881,16 +17914,16 @@ function lg({ className: e, children: t, ...n }) {
17881
17914
  children: t
17882
17915
  });
17883
17916
  }
17884
- var ug = Object.assign(ag, {
17885
- Eyebrow: og,
17886
- Title: sg,
17887
- Body: cg,
17888
- Actions: lg
17889
- }), dg = {
17917
+ var dg = Object.assign(og, {
17918
+ Eyebrow: sg,
17919
+ Title: cg,
17920
+ Body: lg,
17921
+ Actions: ug
17922
+ }), fg = {
17890
17923
  none: "",
17891
17924
  page: "px-6 py-6"
17892
17925
  };
17893
- 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 }) {
17894
17927
  return /* @__PURE__ */ V("div", {
17895
17928
  "data-slot": "screen",
17896
17929
  "data-scroll": r,
@@ -17898,7 +17931,7 @@ function fg({ children: e, footer: t, header: n, scroll: r = !0, padding: i = "p
17898
17931
  className: G("flex h-[100dvh] min-h-0 flex-col overflow-hidden bg-[var(--Surface-Primary)] text-[var(--Text-High-Emphasis)]", a),
17899
17932
  ...f,
17900
17933
  children: [
17901
- u && d && /* @__PURE__ */ B(Up, {
17934
+ u && d && /* @__PURE__ */ B(Wp, {
17902
17935
  targetId: l,
17903
17936
  label: d
17904
17937
  }),
@@ -17911,7 +17944,7 @@ function fg({ children: e, footer: t, header: n, scroll: r = !0, padding: i = "p
17911
17944
  id: l,
17912
17945
  tabIndex: -1,
17913
17946
  "data-slot": "screen-body",
17914
- 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),
17915
17948
  children: e
17916
17949
  }),
17917
17950
  t && /* @__PURE__ */ B("footer", {
@@ -17924,7 +17957,7 @@ function fg({ children: e, footer: t, header: n, scroll: r = !0, padding: i = "p
17924
17957
  }
17925
17958
  //#endregion
17926
17959
  //#region src/components/patterns/footer.tsx
17927
- function pg(e, t) {
17960
+ function mg(e, t) {
17928
17961
  return e.render ? e.render({
17929
17962
  href: e.href,
17930
17963
  className: t.className,
@@ -17944,7 +17977,7 @@ function pg(e, t) {
17944
17977
  children: t.children
17945
17978
  });
17946
17979
  }
17947
- 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 }) {
17948
17981
  return /* @__PURE__ */ B("footer", {
17949
17982
  "data-slot": "footer",
17950
17983
  className: G("bg-[var(--Surface-Inverse)] text-[var(--Text-on-Inverse)] w-full", o),
@@ -17963,7 +17996,7 @@ function mg({ logo: e, linkGroups: t = [], paymentIcons: n = [], socialLinks: r
17963
17996
  children: e.title
17964
17997
  }), /* @__PURE__ */ B("ul", {
17965
17998
  className: "flex flex-col gap-2",
17966
- 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, {
17967
18000
  className: "typo-body-sm text-[var(--Text-on-Inverse)]/70 hover:text-[var(--Text-on-Inverse)] transition-colors",
17968
18001
  children: e.label
17969
18002
  }) }, t))
@@ -17975,7 +18008,7 @@ function mg({ logo: e, linkGroups: t = [], paymentIcons: n = [], socialLinks: r
17975
18008
  }),
17976
18009
  r.length > 0 && /* @__PURE__ */ B("div", {
17977
18010
  className: "flex flex-wrap gap-3 mb-6",
17978
- 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, {
17979
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",
17980
18013
  children: e.icon,
17981
18014
  ariaLabel: e.label
@@ -17998,7 +18031,7 @@ function mg({ logo: e, linkGroups: t = [], paymentIcons: n = [], socialLinks: r
17998
18031
  }
17999
18032
  //#endregion
18000
18033
  //#region src/components/patterns/share-buttons.tsx
18001
- var hg = {
18034
+ var gg = {
18002
18035
  global: [
18003
18036
  "line",
18004
18037
  "x",
@@ -18016,10 +18049,10 @@ var hg = {
18016
18049
  "copy"
18017
18050
  ]
18018
18051
  };
18019
- function gg(e, t) {
18052
+ function _g(e, t) {
18020
18053
  return t ? `${t} ${e}` : e;
18021
18054
  }
18022
- var _g = {
18055
+ var vg = {
18023
18056
  line: {
18024
18057
  label: "LINE",
18025
18058
  buildUrl: (e, t) => `https://social-plugins.line.me/lineit/share?url=${encodeURIComponent(e)}${t ? `&text=${encodeURIComponent(t)}` : ""}`,
@@ -18104,7 +18137,7 @@ var _g = {
18104
18137
  },
18105
18138
  email: {
18106
18139
  label: "メール",
18107
- 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))}`,
18108
18141
  icon: /* @__PURE__ */ V("svg", {
18109
18142
  width: "20",
18110
18143
  height: "20",
@@ -18132,7 +18165,7 @@ var _g = {
18132
18165
  },
18133
18166
  whatsapp: {
18134
18167
  label: "WhatsApp",
18135
- buildUrl: (e, t) => `https://wa.me/?text=${encodeURIComponent(gg(e, t))}`,
18168
+ buildUrl: (e, t) => `https://wa.me/?text=${encodeURIComponent(_g(e, t))}`,
18136
18169
  icon: /* @__PURE__ */ V("svg", {
18137
18170
  width: "20",
18138
18171
  height: "20",
@@ -18190,31 +18223,33 @@ var _g = {
18190
18223
  inlineClass: "border-[var(--Border-Medium-Emphasis)] text-[var(--Text-Medium-Emphasis)] hover:border-[var(--Brand-Primary)] hover:text-[var(--Brand-Primary)]"
18191
18224
  }
18192
18225
  };
18193
- 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 = "シェア" }) {
18194
- let [p, m] = u.useState(null), h = u.useRef(null), g = 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];
18195
18228
  u.useEffect(() => () => {
18196
- h.current && clearTimeout(h.current);
18229
+ g.current += 1, h.current && clearTimeout(h.current);
18197
18230
  }, []);
18198
- let _ = (e, t) => {
18231
+ let v = (e, t) => {
18199
18232
  h.current && clearTimeout(h.current), m({
18200
18233
  provider: e,
18201
18234
  result: t
18202
- }), s?.(t), h.current = setTimeout(() => {
18235
+ }), h.current = setTimeout(() => {
18203
18236
  m(null), h.current = null;
18204
18237
  }, d);
18205
- }, v = async (t) => {
18238
+ }, y = async (t) => {
18239
+ let n = ++g.current, r = "success";
18206
18240
  try {
18207
18241
  if (typeof navigator > "u" || !navigator.clipboard?.writeText) throw Error("Clipboard API is unavailable");
18208
- await navigator.clipboard.writeText(e), _(t, "success");
18242
+ await navigator.clipboard.writeText(e);
18209
18243
  } catch {
18210
- _(t, "error");
18244
+ r = "error";
18211
18245
  }
18212
- }, y = async (n) => {
18246
+ n === g.current && v(t, r), s?.(r);
18247
+ }, b = async (n) => {
18213
18248
  if (o?.(n), n === "copy") {
18214
- await v(n);
18249
+ await y(n);
18215
18250
  return;
18216
18251
  }
18217
- let r = _g[n];
18252
+ let r = vg[n];
18218
18253
  if (r.webShare && typeof navigator < "u" && "share" in navigator) {
18219
18254
  try {
18220
18255
  await navigator.share({
@@ -18225,7 +18260,7 @@ function vg({ url: e, title: t, providers: n, region: r = "global", layout: i =
18225
18260
  return;
18226
18261
  }
18227
18262
  if (r.webShare) {
18228
- await v(n);
18263
+ await y(n);
18229
18264
  return;
18230
18265
  }
18231
18266
  r.buildUrl && window.open(r.buildUrl(e, t), "_blank", "noopener,noreferrer,width=600,height=500");
@@ -18237,11 +18272,11 @@ function vg({ url: e, title: t, providers: n, region: r = "global", layout: i =
18237
18272
  role: "group",
18238
18273
  "aria-label": f,
18239
18274
  "data-region": r,
18240
- children: g.map((e) => {
18241
- let t = _g[e], n = p?.provider === e ? p.result : null, r = n === "success" ? c : n === "error" ? l : t.label;
18275
+ children: _.map((e) => {
18276
+ let t = vg[e], n = p?.provider === e ? p.result : null, r = n === "success" ? c : n === "error" ? l : t.label;
18242
18277
  return /* @__PURE__ */ V("button", {
18243
18278
  type: "button",
18244
- onClick: () => void y(e),
18279
+ onClick: () => void b(e),
18245
18280
  "aria-label": t.label,
18246
18281
  className: "flex min-h-11 shrink-0 flex-col items-center gap-2 rounded-lg cursor-pointer focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50",
18247
18282
  children: [/* @__PURE__ */ V("span", {
@@ -18272,11 +18307,11 @@ function vg({ url: e, title: t, providers: n, region: r = "global", layout: i =
18272
18307
  role: "group",
18273
18308
  "aria-label": f,
18274
18309
  "data-region": r,
18275
- children: g.map((e) => {
18276
- let t = _g[e], n = p?.provider === e ? p.result : null, r = n === "success" ? c : n === "error" ? l : t.label;
18310
+ children: _.map((e) => {
18311
+ let t = vg[e], n = p?.provider === e ? p.result : null, r = n === "success" ? c : n === "error" ? l : t.label;
18277
18312
  return /* @__PURE__ */ V("button", {
18278
18313
  type: "button",
18279
- onClick: () => void y(e),
18314
+ onClick: () => void b(e),
18280
18315
  "aria-label": t.label,
18281
18316
  className: G("inline-flex min-h-11 items-center gap-2 px-3 py-2 rounded-full border border-[var(--Border-Medium-Emphasis)] typo-label-xs transition-colors focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50", t.inlineClass),
18282
18317
  children: [/* @__PURE__ */ V("span", {
@@ -18303,18 +18338,18 @@ function vg({ url: e, title: t, providers: n, region: r = "global", layout: i =
18303
18338
  }
18304
18339
  //#endregion
18305
18340
  //#region src/components/patterns/banner-carousel.tsx
18306
- var yg = [
18341
+ var bg = [
18307
18342
  "var(--Categorical-10-Bold)",
18308
18343
  "var(--Categorical-6-Bold)",
18309
18344
  "var(--Categorical-13-Bold)",
18310
18345
  "var(--Categorical-3-Bold)",
18311
18346
  "var(--Categorical-11-Bold)"
18312
- ], bg = {
18347
+ ], xg = {
18313
18348
  "2/1": "aspect-[2/1]",
18314
18349
  "3/2": "aspect-[3/2]",
18315
18350
  "4/3": "aspect-[4/3]"
18316
18351
  };
18317
- 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 = "バナー一覧" }) {
18318
18353
  return /* @__PURE__ */ V("div", {
18319
18354
  "data-slot": "banner-carousel",
18320
18355
  className: G("w-full", o),
@@ -18334,7 +18369,7 @@ function xg({ title: e, items: t, moreLabel: n = "もっと見る", onMore: r, i
18334
18369
  role: "region",
18335
18370
  "aria-label": s,
18336
18371
  children: t.map((e, t) => {
18337
- 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";
18338
18373
  return /* @__PURE__ */ V(r, {
18339
18374
  href: e.href,
18340
18375
  type: r === "button" ? "button" : void 0,
@@ -18344,7 +18379,7 @@ function xg({ title: e, items: t, moreLabel: n = "もっと見る", onMore: r, i
18344
18379
  flexShrink: 0,
18345
18380
  background: e.imageSrc ? void 0 : n
18346
18381
  },
18347
- 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)]")),
18348
18383
  children: [e.imageSrc && /* @__PURE__ */ B("img", {
18349
18384
  src: e.imageSrc,
18350
18385
  alt: e.caption ?? "",
@@ -18367,7 +18402,7 @@ function xg({ title: e, items: t, moreLabel: n = "もっと見る", onMore: r, i
18367
18402
  }
18368
18403
  //#endregion
18369
18404
  //#region src/components/patterns/content-carousel.tsx
18370
- function Sg() {
18405
+ function Cg() {
18371
18406
  let [e, t] = u.useState(!1);
18372
18407
  return u.useEffect(() => {
18373
18408
  if (typeof window.matchMedia != "function") return;
@@ -18375,8 +18410,8 @@ function Sg() {
18375
18410
  return n(), e.addEventListener?.("change", n), () => e.removeEventListener?.("change", n);
18376
18411
  }, []), e;
18377
18412
  }
18378
- 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 }) {
18379
- 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({
18380
18415
  total: _,
18381
18416
  autoPlay: a,
18382
18417
  paused: v || b
@@ -18422,7 +18457,7 @@ function Cg({ slides: e, showDots: t = !0, previousLabel: n, nextLabel: r, showA
18422
18457
  className: "w-full shrink-0 snap-start",
18423
18458
  children: e
18424
18459
  }, t))
18425
- }), /* @__PURE__ */ B(vm, {
18460
+ }), /* @__PURE__ */ B(ym, {
18426
18461
  active: x,
18427
18462
  total: _,
18428
18463
  showArrows: i,
@@ -18437,7 +18472,7 @@ function Cg({ slides: e, showDots: t = !0, previousLabel: n, nextLabel: r, showA
18437
18472
  }
18438
18473
  //#endregion
18439
18474
  //#region src/components/patterns/sticky-action-bar.tsx
18440
- function wg({ className: e, bordered: t = !0, children: n, ...r }) {
18475
+ function Tg({ className: e, bordered: t = !0, children: n, ...r }) {
18441
18476
  return /* @__PURE__ */ B("div", {
18442
18477
  "data-slot": "sticky-action-bar",
18443
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),
@@ -18447,7 +18482,7 @@ function wg({ className: e, bordered: t = !0, children: n, ...r }) {
18447
18482
  }
18448
18483
  //#endregion
18449
18484
  //#region src/components/patterns/category-nav.tsx
18450
- function Tg({ items: e, className: t }) {
18485
+ function Eg({ items: e, className: t }) {
18451
18486
  return /* @__PURE__ */ V("div", {
18452
18487
  "data-slot": "category-nav",
18453
18488
  className: G("flex gap-3 overflow-x-auto px-4 py-2 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", t),
@@ -18493,25 +18528,25 @@ function Tg({ items: e, className: t }) {
18493
18528
  }
18494
18529
  //#endregion
18495
18530
  //#region src/components/patterns/category-scroll.tsx
18496
- var Eg = {
18531
+ var Dg = {
18497
18532
  sm: "size-[60px]",
18498
18533
  md: "size-[100px]",
18499
18534
  lg: "size-[120px]"
18500
- }, Dg = {
18535
+ }, Og = {
18501
18536
  sm: "max-w-[60px]",
18502
18537
  md: "max-w-[100px]",
18503
18538
  lg: "max-w-[120px]"
18504
- }, Og = {
18539
+ }, kg = {
18505
18540
  sm: "calc((100vw - 32px) / 4.05)",
18506
18541
  md: "calc((100vw - 32px) / 3.5)",
18507
18542
  lg: "calc((100vw - 32px) / 3.0)"
18508
18543
  };
18509
- 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 }) {
18510
18545
  let c = i === "circle" ? "rounded-full" : "rounded-lg", l = (e, t) => /* @__PURE__ */ V("a", {
18511
18546
  href: e.href,
18512
18547
  className: "group flex shrink-0 flex-col items-center gap-1.5",
18513
18548
  children: [/* @__PURE__ */ B("div", {
18514
- 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),
18515
18550
  children: /* @__PURE__ */ B("img", {
18516
18551
  src: e.imageUrl,
18517
18552
  alt: "",
@@ -18519,14 +18554,14 @@ function kg({ title: e, moreHref: t, items: n, thumbnailSize: r = "md", thumbnai
18519
18554
  loading: "lazy"
18520
18555
  })
18521
18556
  }), /* @__PURE__ */ B("span", {
18522
- 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]),
18523
18558
  children: e.name
18524
18559
  })]
18525
18560
  }, e.href);
18526
18561
  return /* @__PURE__ */ V("section", {
18527
18562
  "data-slot": "category-scroll",
18528
18563
  className: G("py-4", s),
18529
- children: [/* @__PURE__ */ B(lp, {
18564
+ children: [/* @__PURE__ */ B(up, {
18530
18565
  className: "px-4",
18531
18566
  title: e,
18532
18567
  action: t ? /* @__PURE__ */ B("a", {
@@ -18541,7 +18576,7 @@ function kg({ title: e, moreHref: t, items: n, thumbnailSize: r = "md", thumbnai
18541
18576
  style: {
18542
18577
  gridTemplateRows: `repeat(${o}, auto)`,
18543
18578
  gridAutoFlow: "column",
18544
- gridAutoColumns: Og[r]
18579
+ gridAutoColumns: kg[r]
18545
18580
  },
18546
18581
  children: n.map((e) => l(e, !0))
18547
18582
  }), /* @__PURE__ */ B("div", {
@@ -18559,7 +18594,7 @@ function kg({ title: e, moreHref: t, items: n, thumbnailSize: r = "md", thumbnai
18559
18594
  }
18560
18595
  //#endregion
18561
18596
  //#region src/components/ui/sync-status-badge.tsx
18562
- 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 }) {
18563
18598
  if (e === "idle" && t === 0) return null;
18564
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" ? {
18565
18600
  role: "alert",
@@ -18619,7 +18654,7 @@ function Ag({ state: e, errorCount: t = 0, onRetry: n, syncingLabel: r = "同期
18619
18654
  }
18620
18655
  //#endregion
18621
18656
  //#region src/components/ui/status-action-badge.tsx
18622
- var jg = {
18657
+ var Mg = {
18623
18658
  idle: "bg-[var(--Surface-Secondary)] text-[var(--Text-Medium-Emphasis)]",
18624
18659
  pending: "bg-[var(--Surface-Warning)] text-[var(--Text-Warning)]",
18625
18660
  syncing: "bg-[var(--Surface-Info)] text-[var(--Text-Info)]",
@@ -18627,7 +18662,7 @@ var jg = {
18627
18662
  warning: "bg-[var(--Surface-Warning)] text-[var(--Text-Warning)]",
18628
18663
  error: "bg-[var(--Surface-Caution)] text-[var(--Text-Caution)]",
18629
18664
  offline: "bg-[var(--Surface-Secondary)] text-[var(--Text-Low-Emphasis)]"
18630
- }, Mg = [
18665
+ }, Ng = [
18631
18666
  "form",
18632
18667
  "formAction",
18633
18668
  "formEncType",
@@ -18637,12 +18672,12 @@ var jg = {
18637
18672
  "name",
18638
18673
  "value"
18639
18674
  ];
18640
- function Ng(e) {
18675
+ function Pg(e) {
18641
18676
  let t = { ...e };
18642
- for (let e of Mg) delete t[e];
18677
+ for (let e of Ng) delete t[e];
18643
18678
  return t;
18644
18679
  }
18645
- function Pg({ state: e, loading: t, icon: n }) {
18680
+ function Fg({ state: e, loading: t, icon: n }) {
18646
18681
  return n ? /* @__PURE__ */ B("span", {
18647
18682
  "aria-hidden": !0,
18648
18683
  className: "flex size-4 items-center justify-center",
@@ -18655,9 +18690,9 @@ function Pg({ state: e, loading: t, icon: n }) {
18655
18690
  className: "size-1.5 rounded-full bg-current"
18656
18691
  });
18657
18692
  }
18658
- 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 }) {
18659
18694
  let f = !!c && !s, p = /* @__PURE__ */ V(z, { children: [
18660
- /* @__PURE__ */ B(Pg, {
18695
+ /* @__PURE__ */ B(Fg, {
18661
18696
  state: t,
18662
18697
  loading: a,
18663
18698
  icon: o
@@ -18674,9 +18709,9 @@ function Fg({ className: e, state: t = "idle", label: n, count: r, compact: i =
18674
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)]"),
18675
18710
  children: r > 99 ? "99+" : r
18676
18711
  })
18677
- ] }), 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);
18678
18713
  if (!f) {
18679
- let e = Ng(d);
18714
+ let e = Pg(d);
18680
18715
  return /* @__PURE__ */ B("span", {
18681
18716
  "data-slot": "status-action-badge",
18682
18717
  "data-state": t,
@@ -18703,10 +18738,10 @@ function Fg({ className: e, state: t = "idle", label: n, count: r, compact: i =
18703
18738
  children: p
18704
18739
  });
18705
18740
  }
18706
- var Ig = Fg;
18741
+ var Lg = Ig;
18707
18742
  //#endregion
18708
18743
  //#region src/components/ui/dropdown-filter.tsx
18709
- 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 }) {
18710
18745
  let [f, p] = u.useState(!1), m = u.useRef(null), [h, g] = u.useState({
18711
18746
  top: 0,
18712
18747
  left: 0
@@ -18803,8 +18838,8 @@ function Lg({ label: e, value: t, options: n, onSelect: r, hideAll: i = !1, allL
18803
18838
  }
18804
18839
  //#endregion
18805
18840
  //#region src/components/patterns/filter-chip.tsx
18806
- function Rg({ label: e, value: t, isActive: n, onClick: r, className: i }) {
18807
- return /* @__PURE__ */ B(Ff, {
18841
+ function zg({ label: e, value: t, isActive: n, onClick: r, className: i }) {
18842
+ return /* @__PURE__ */ B(If, {
18808
18843
  size: "lg",
18809
18844
  selected: !!n,
18810
18845
  variant: n ? "filled" : "outline",
@@ -18815,16 +18850,16 @@ function Rg({ label: e, value: t, isActive: n, onClick: r, className: i }) {
18815
18850
  }
18816
18851
  //#endregion
18817
18852
  //#region src/components/patterns/filter-pill.tsx
18818
- var zg = {
18853
+ var Bg = {
18819
18854
  sm: "h-[var(--Control-Height-Sm)] typo-label-xs",
18820
18855
  md: "h-[var(--Control-Height-Sm)] sm:h-[var(--Control-Height-Md)] typo-label-sm"
18821
18856
  };
18822
- 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 }) {
18823
18858
  let h = t != null && t !== "", g = h && !!n;
18824
18859
  return /* @__PURE__ */ V("div", {
18825
18860
  "data-slot": "filter-pill",
18826
18861
  "data-active": h || void 0,
18827
- 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),
18828
18863
  children: [/* @__PURE__ */ V(Zs, {
18829
18864
  open: a,
18830
18865
  defaultOpen: s,
@@ -18846,7 +18881,7 @@ function Bg({ label: e, value: t, onClear: n, clearLabel: r, children: i, open:
18846
18881
  className: "truncate",
18847
18882
  children: h ? `${e}: ${t}` : e
18848
18883
  }),
18849
- /* @__PURE__ */ B(Vg, {})
18884
+ /* @__PURE__ */ B(Hg, {})
18850
18885
  ]
18851
18886
  })
18852
18887
  }), /* @__PURE__ */ B($s, {
@@ -18863,11 +18898,11 @@ function Bg({ label: e, value: t, onClear: n, clearLabel: r, children: i, open:
18863
18898
  e.stopPropagation(), n?.();
18864
18899
  },
18865
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"),
18866
- children: /* @__PURE__ */ B(Hg, {})
18901
+ children: /* @__PURE__ */ B(Ug, {})
18867
18902
  })]
18868
18903
  });
18869
18904
  }
18870
- function Vg() {
18905
+ function Hg() {
18871
18906
  return /* @__PURE__ */ B("svg", {
18872
18907
  "aria-hidden": !0,
18873
18908
  className: "size-3 shrink-0",
@@ -18882,7 +18917,7 @@ function Vg() {
18882
18917
  })
18883
18918
  });
18884
18919
  }
18885
- function Hg() {
18920
+ function Ug() {
18886
18921
  return /* @__PURE__ */ B("svg", {
18887
18922
  "aria-hidden": !0,
18888
18923
  className: "size-3",
@@ -18898,7 +18933,7 @@ function Hg() {
18898
18933
  }
18899
18934
  //#endregion
18900
18935
  //#region src/components/patterns/image-overlay-action.tsx
18901
- var Ug = {
18936
+ var Wg = {
18902
18937
  none: "",
18903
18938
  "top-left": "absolute left-1 top-1",
18904
18939
  "top-right": "absolute right-1 top-1",
@@ -18906,14 +18941,14 @@ var Ug = {
18906
18941
  "bottom-right": "absolute bottom-1 right-1",
18907
18942
  "center-left": "absolute left-1 top-1/2 -translate-y-1/2",
18908
18943
  "center-right": "absolute right-1 top-1/2 -translate-y-1/2"
18909
- }, Wg = {
18944
+ }, Gg = {
18910
18945
  sm: "size-8",
18911
18946
  md: "size-10"
18912
- }, Gg = {
18947
+ }, Kg = {
18913
18948
  surface: "border border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)]/80 text-[var(--Object-High-Emphasis)] backdrop-blur-sm",
18914
18949
  scrim: "bg-[var(--Surface-VideoOverlay-Medium)] text-[var(--Text-on-Media)] backdrop-blur-sm"
18915
18950
  };
18916
- 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 }) {
18917
18952
  return /* @__PURE__ */ B("button", {
18918
18953
  ...l,
18919
18954
  type: "button",
@@ -18925,24 +18960,24 @@ function Kg({ icon: e, pressed: t, placement: n = "top-right", size: r = "md", t
18925
18960
  onClick: (e) => {
18926
18961
  a && (e.preventDefault(), e.stopPropagation()), s?.(e);
18927
18962
  },
18928
- 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),
18929
18964
  children: /* @__PURE__ */ B("span", {
18930
18965
  "aria-hidden": "true",
18931
- 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]),
18932
18967
  children: e
18933
18968
  })
18934
18969
  });
18935
18970
  }
18936
18971
  //#endregion
18937
18972
  //#region src/components/patterns/thumbnail-card.tsx
18938
- var qg = {
18973
+ var Jg = {
18939
18974
  square: "aspect-square",
18940
18975
  video: "aspect-video",
18941
18976
  portrait: "aspect-[3/4]"
18942
18977
  };
18943
- 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 }) {
18944
18979
  let g = l === "horizontal", _ = /* @__PURE__ */ V("div", {
18945
- 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])),
18946
18981
  children: [
18947
18982
  n ?? (e ? /* @__PURE__ */ B("img", {
18948
18983
  src: e,
@@ -19023,11 +19058,11 @@ function Jg({ imageUrl: e, imageAlt: t, thumbnail: n, title: r, eyebrow: i, desc
19023
19058
  }
19024
19059
  //#endregion
19025
19060
  //#region src/components/patterns/presence-indicator.tsx
19026
- function Yg(e) {
19061
+ function Xg(e) {
19027
19062
  let t = e.trim();
19028
19063
  return t ? t.slice(0, 1).toUpperCase() : "?";
19029
19064
  }
19030
- 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 }) {
19031
19066
  return /* @__PURE__ */ V("div", {
19032
19067
  "data-slot": "presence-indicator",
19033
19068
  role: "status",
@@ -19040,7 +19075,7 @@ function Xg({ name: e, statusText: t, badgeLabel: n, online: r = !0, className:
19040
19075
  className: "h-6 w-6",
19041
19076
  children: /* @__PURE__ */ B(St, {
19042
19077
  className: "typo-label-sm bg-[var(--Surface-Accent-Primary-Light)] text-[var(--Text-Accent-Primary)]",
19043
- children: Yg(e)
19078
+ children: Xg(e)
19044
19079
  })
19045
19080
  }), /* @__PURE__ */ B("span", {
19046
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)]"),
@@ -19060,7 +19095,7 @@ function Xg({ name: e, statusText: t, badgeLabel: n, online: r = !0, className:
19060
19095
  }
19061
19096
  //#endregion
19062
19097
  //#region src/components/patterns/review-overlay.tsx
19063
- 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 }) {
19064
19099
  let c = u.useRef(null), l = u.useRef(null), [d, f] = u.useState(null), p = (e, t) => {
19065
19100
  let n = c.current;
19066
19101
  if (!n) return {
@@ -19116,16 +19151,16 @@ function Zg({ active: e, onPinCreate: t, pins: n = [], onPinClick: r, holdDurati
19116
19151
  }
19117
19152
  //#endregion
19118
19153
  //#region src/lib/category-presets.ts
19119
- function Qg(e) {
19120
- return hp(e, "base");
19121
- }
19122
19154
  function $g(e) {
19123
- return hp(e, "subtle");
19155
+ return gp(e, "base");
19124
19156
  }
19125
19157
  function e_(e) {
19126
- return hp(e, "bold");
19158
+ return gp(e, "subtle");
19159
+ }
19160
+ function t_(e) {
19161
+ return gp(e, "bold");
19127
19162
  }
19128
- var t_ = [
19163
+ var n_ = [
19129
19164
  {
19130
19165
  key: "family",
19131
19166
  label: "両家顔合わせを済ませる",
@@ -19240,7 +19275,7 @@ var t_ = [
19240
19275
  icon: "📌",
19241
19276
  categoricalIndex: 4
19242
19277
  }
19243
- ], n_ = [
19278
+ ], r_ = [
19244
19279
  {
19245
19280
  key: "planning",
19246
19281
  label: "企画",
@@ -19291,4 +19326,4 @@ var t_ = [
19291
19326
  }
19292
19327
  ];
19293
19328
  //#endregion
19294
- 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 };