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