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